@charset "utf-8";
/* CSS Document */


/*--------------*/
/** {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
*:before,*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}*/
/*圆角*/
.button,.button-group .button-group:first-child .dropdown-toggle,.button-group .button-group:last-child .button:first-child,.button-group-y .button-group:first-child .dropdown-toggle,.button-group-y .button-group:last-child .button:first-child,.input,.input-group
    .addon,.input-inline input:first-child,.input-inline input:last-child,.input-block input:first-child,.input-block input:last-child{border-radius:0;}
.mask{width:100%;height:100%;background-color:#000;opacity:.6;filter:alpha(opacity=60)}
/*form左侧宽度不够*/
.form-x .form-group .label {
    width: 22%;
}
.form-x .form-group .field {
    width: 78%;
}
.button-little {
    padding:0 5px;
}
/*验证码*/
.captcha {
    position: absolute;
    right: 0;
    top: 0;
    height:32px;
    margin: 1px;
    border-left: solid 1px #ddd;
    text-align: center;
    line-height: 32px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
body,fieldset,img,div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, p, a, img, input { padding: 0px; margin: 0px; }
h1,h2,h3,h4,h5,h6,dt,dd,i {font-weight:normal}
ol,ul {list-style:none}
sup{ font-size:11px; color:#FF5B13; margin-left:3px; font-family:Verdana, Arial, Helvetica, sans-serif;}
small{font-size:100%}
ins{text-decoration:none}
del{text-decoration:line-through}
legend{color:#000}
fieldset,img{border:0}

blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
li{list-style:none}
dd,dl,dt,li,ul{margin:0;padding:0;text-indent:0}
a {color: #666;text-decoration: none;}
a:hover{color:#0071BC}
a,a:focus,a:active,a:hover {outline:0 none!important}
img {  border: none;max-width:100% !important;}
a img {  border: none;}
.clear{clear:both;} 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.db{ display:block;}.dn{ display:none;}.dib{-moz-inline-stack:inline-block; display:inline-block;}.di{display:inline; }
.prel{position:relative;}.pabs{position:absolute;}

.img_h{
    display: block;
    width: auto;
    height:100%;
}
.img_w{
    display: block;
    width: 100%;
    height:auto;
}
.img_ww{
    display: block;
    width: 100%;
}
.h_img120 {
        max-height: 120px;
        object-fit: cover;
    }
.fa{font-family:Arial;}.fs{font-family:'simhei','\5B8B\4F53' !important;}.fw{font-family:"simhei", STHeiti, Tahoma, Arial, Helvetica !important;}.fhwzs,.fhwzs a{font-family:"\534E\6587\4E2D\5B8B" !important;}

.f0{font-size:0;}.f9{font-size:9px}.f10{font-size:10px;}.f11{font-size:11px;}.f12,.f12 *{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f15{font-size:15px;}.f16{font-size:16px;}.f17{font-size:17px;}.f20{font-size:20px;}.f24{font-size:24px;}.f28{font-size:28px;}.f30{font-size:30px;}.f36{font-size:36px;}.f80{font-size:80px;}
.totext{font-size: 0;text-indent: -2222px;}
.fix{*zoom:1;}.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}.z{_zoom:1;}

.blank2 {margin:0 auto; width:100%; height:2px; font-size:1px;clear:both;}
.blank10 {margin:0 auto; width:100%; height:10px; font-size:1px;clear:both;} 
.bl0{ border-left:none !important}.br0{ border-right:none !important}.bt0{ border-top:none  !important}.bb0{ border-bottom:none  !important}.bt{border-top: 1px solid #e6e6e6;}.br{border-right: 1px solid #e6e6e6;}.bb{border-bottom: 1px solid #e6e6e6;}.bl{border-left: 1px solid #e6e6e6;}.dotr{border-right: 1px dotted #ccc;}.dotl{border-left: 1px dotted #ccc;}.dotb{border-bottom: 1px dotted #eee;}.dott{border-top: 1px dotted #ccc;}
.p0{ padding:0} .m0{ margin:0} .nocss{ padding:0; margin:0; list-style:none;font-style: normal;}
.p1{padding:1px;}.pl1{padding-left:1px;}.pt1{padding-top:1px;}.pr1{padding-right:1px;}.pb1{padding-bottom:1px;}
.p2{padding:2px;}.pl2{padding-left:2px;}.pt2{padding-top:2px;}.pr2{padding-right:2px;}.pb2{padding-bottom:2px;}
.p5{padding:5px;}.pl5{padding-left:5px;}.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}
.p10{padding:10px;}.pl10{padding-left:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}
.p20{padding:20px;}.pl20{padding-left:20px;}.pt20{padding-top:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}
.p40{padding:40px;}.pl40{padding-left:40px;}.pt40{padding-top:40px;}.pr40{padding-right:40px;}.pb40{padding-bottom:40px;}
.ml_1{ margin-left:-1px}.mr_1{ margin-right:-1px}

/* 行高定义 */
.lh14{line-height:14px;}.lh16{line-height:16px;}.lh24{line-height:24px;}.lh30{line-height:30px;}.lh32{line-height:32px;}.lh35{line-height:35px;}.lh40{line-height:40px;}.lh48{line-height:48px;}
.tl24{ text-indent:28px;}
.c000,.c000 a,.c000:hover{color:#000}
.ceee,.ceee a{color:#eee}
.cccc,.cccc a{color:#ccc}
.c727{color: #727272;}
.c666,.c666 a{color:#666;}
.c999,.c999 a{color:#999;}
.c2c2{color: #2c2c30;}
.cfff,.cfff a,.cfff:hover{color:#fff;}
.cf60,.cf60 a{color:#f60;}
.cf69,.cf69 a{color:#f69;}
.cff4,.cff4 a{color: #ff4560;}
.cred{color:red;}
.cred2{color: #d7261c;}
.cyellow{ color:yellow}
.hfff a:hover{ color:#FFFFFF}
.cedf,.cedf a{ color:#EDF39D }
.cd1e,.cd1e a{color:#D1E6F3}/*浅色blue*/
.c5fa,.c5fa a,.c5f:hover{ color: #5FA1CA;}
.c3c7,.c3c7 a,.c3c7:hover{ color:#3c7ca4}
.c006,.c006 a,.c006:hover{ color:#0066CC}
.c261,.c261 a{color: #261cdc;}
.cde3,.cde3 a,.cde3:hover{ color:#de366e}
.cblue{ color:#0C438C;}
.cblue2{ color:#1b6acd;}
.bg_red{background: #de366e;color: #ffe9ef;}
.bg_white{background: #fff;}
.bg_gray{ /*background-color: rgba(238, 238, 238, 0.53)*/ background-color:#f7f7f7}
.bg_gray2{ background-color:#EAEAEA}
.br5{border-radius: 5px;}.br6{border-radius: 6px;}.br12{border-radius: 12px;}.br18{border-radius: 18px;}
.h_bd {
    border: solid #cbdcfc 1px;
}
.h_bd:hover{border:solid #0C438C 1px;}
.h_bd3 {border:solid /*#fff*/#f4f4f4 3px;}
.h_bd3:hover{border:solid  #0C438C 3px;}
.h_bds {
/*    border: solid #cbdcfc 1px;*/
border: solid #fff 1px;
}
.h_bds:hover{border:dashed #de366e 1px;}
.h_blue:hover{border:1px solid #19a4cc; box-shadow:0 0 20px rgba(27,164,204,.5)}
/*.fff a:hover{color:#fff;!important}*/

/*myplus*/
.a-l {text-align:left;}
.a-r {text-align:right}
.a-c {text-align:center;}
.a-j {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;}
.f-l { float: left;display: inline;}
.f-r { float: right;display: inline;}.vb{ vertical-align:bottom}
.ov {overflow: hidden;_zoom: 1;}
.none{display:none}
.show{display:block}
.hand,.point {CURSOR: pointer}
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}

/* 字体属性 [定义规则，属性首字母加属性值，小写] */
.fb,.fb a{font-weight: bold;}
.f,.f a{font-weight:normal;font-style:normal}.kill{text-decoration:line-through;}

/* 圆角效果 */
	.radius5{
	-moz-border-radius: 5px;      /* Gecko browsers */
	-webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius:5px;
	}
	.radius10{
	-moz-border-radius: 10px;      /* Gecko browsers */
	-webkit-border-radius: 10px;   /* Webkit browsers */
	border-radius:10px;
	}
	.radius15{
	-moz-border-radius: 15px;      /* Gecko browsers */
	-webkit-border-radius: 15px;   /* Webkit browsers */
	border-radius:15px;
	}
	.radius50{
	-moz-border-radius: 50%;      /* Gecko browsers */
	-webkit-border-radius:50%;    /* Webkit browsers */
	border-radius:50%; 
	}
	/*相对定位*/
	.position_a_lt{ 
	position:absolute; left:0; top:0; 
	}
	.position_a_rb{ 
	position:absolute; right:0; bottom:0;}
	.position_a_rt{ 
	position:absolute; right:0; top:0;}

/*各种线条*/
.aline1 a{text-decoration: underline;}
.aline2 a:hover{text-decoration: underline;}
.list_bg{background: url(list_bg.gif) repeat-x  bottom  #fff;}
.list_bg1{background:url(line_blue.jpg) left bottom  no-repeat;}
.list_shadow{background: url(list_shadow.png) right bottom  no-repeat;}
.list_shadow2{background: url(list_shadow2.png) center top no-repeat;}

.img_zoom img{width: 100%;vertical-align: middle; -webkit-transition: -webkit-transform .6s; transition: transform .6s;}
.img_zoom:hover  img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1); zoom: 1.1;}

.rota90{-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg); 
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.rota180{-webkit-transform:rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.rota360:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);}
.bgtm{ background: /*rgba(255,255,255,0.5); */rgba(0, 0, 0,0.5);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for IE8 */    
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000); /*Filter for older IEs */}
.filter{filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity:.8;opacity:.8;letter-spacing:0.5px}
.filter:hover{filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;opacity:1}
/*图片自动缩图*/
#newstext img{ text-align:center !important}
#newstext{ font-size:15px;}
#newstext,#newstext p {
padding: 0px 0px 25px; margin: 0px; line-height: 25px;/* text-indent: 2em;*/
}
#newstext a {
  color: #2899e4; text-decoration:underline;
}

.smalltext{padding: 10px 10px 10px 35px; margin: 20px auto 30px; border: 1px solid rgb(238, 238, 238); line-height: 24px; position: relative; min-height: 25px;  font-size: 14px; background-color: rgb(249, 249, 249);}
/*通用分页*/
.fy a{display:inline-block;padding:3px 6px;margin:0 5px;color:#232122;border:1px #e2e2e2 solid;font-size:14px;}.fy a:hover{display:inline-block;padding:3px 6px;background-color:#2e95e2;margin:0 5px;color:#fff;font-size:14px;text-decoration:none;}.fy li{list-style-type:none;margin:auto;float:left;}.fy .now{display:inline-block;padding:3px 6px;background-color:#2e95e2;margin:0 5px;color:#fff;font-size:14px;text-decoration:none;}.fy .disable{display:inline-block;padding:3px 6px;background-color:#2e95e2;margin:0 5px;color:#fff;font-size:14px;text-decoration:none;}.fy_hover{background-color:#2e95e2 !important;color:#fff !important;text-decoration:none !important}

/*---分页---*/
.page-list  b{
color:#C4C4FF
}
.page-list a:hover{
    background-color: #0066CC ;
    color: #fff;
}
.page-list a {
    background-color: #0C438C;
    border-radius: 13px 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin: 5px;
    min-width:14px;
    padding: 6px 12px 8px;
    position: relative;
    transition: all 0.5s ease 0s;
}

.page-list a:first-child
{ 
    padding: 6px 12px 8px 2px;
}
.page-list>a>b
{ 
background-color:none; padding:0;
}

.pages{margin:20px 0;}
.pages a{display: inline-block;height: 25px;width: 25px;margin-right: 5px; border-radius: 13px;background-color: #eef2e5;color: #949888; font-size: 12px; line-height: 25px;text-align: center;}
.pages a:hover,.pages a.active{background-color:#1d71b7; color: #fff;}
.pages a.vec{width: auto; padding: 0 15px;}
/*--通用栅格--*/
@media (min-width:1000px){
.container{padding:0; display:block; clear:both; width:980px;}
}

.line-1 {
	margin-left:-1px; 
	margin-right:-1px
}
.line-1 .x1,.line-1 .x2,.line-1 .x3,.line-1 .x4,.line-1 .x5,.line-1 .x6,.line-1 .x7,.line-1 .x8,.line-1 .x9,.line-1 .x10,.line-1 .x11,.line-1 .x12{
	position:relative;
	min-height:1px;
	padding-right:1px;
	padding-left:1px
}
.link-large{ margin:0 -10px;}
.link-large a{ margin:10px;}
.line-big {
	margin-left:-10px;
	/*margin-right:-10px*/
}
.line-large {
	margin-left:-20px; 
	margin-right:-20px
}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12{
	position:relative;
	min-height:1px;
	padding-right:10px;
	padding-left:10px;
}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12{
	position:relative;
	min-height:1px;
	padding-right:20px;
	padding-left:20px
}
.container:after,.line:after,.line-big:after,.line-large:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden
}
.container,.line,.line-big,.line-large{
	display:block
}
/*.xm10{width:10%;}*/.xm20{width:20%;}.xm30{width:30%;}.xm33{width:33.33333333%;}.xm40{width:40%;}.xm50{width:50%;}.xm60{width:60%;}.xm70{width:70%;}.xm80{width:80%;}.xm90{width:90%;}.xm100{width:100%;}
.xm10,.xm20,.xm30,.xm33,.xm40,.xm50,.xm60,.xm70,.xm80,.xm90,.xm100{float:left;}
	
.cshop {color: #209afd}/*#5FA1CA;*/
.cshop:hover{ color:#de366e}
.bg_shop,.h_shop:hover{ background:#ff8888;color:#FFFFFF}
.box_shadow{box-shadow: 0 8px 18px rgba(0,0,0,.06);}
.box_shadow1{box-shadow: 0px 3px 3px #a7a7a7;}
.box_shadow2{box-shadow: 2px 5px 10px hsla(0, 0%, 0%, 0.3);}
.box_shadow3{box-shadow: 1px 2px 9px 1px rgba(0, 0, 0, .3);}
.box_shadow4{ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); box-shadow: 0 1px 2px rgba(0,0,0,.075);}
/*----------重置--------*/
.bg_1{ background:url(bg1.png) no-repeat bottom center;background-size:100% 100%;}
.bg_2{ background:url(bg_top1.jpg) repeat-x;}

.cmain,.cmain *{ color:#086de1}
.bmain{border-bottom:#086de1 2px solid}
.bg_main{background:#086de1}

.text_shadow1 {text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff;}
.text_shadow2 {text-shadow:1px 1px 0 #000,-1px -1px 0 #000;}
.text_shadow3 {text-shadow:1px 1px 0 #ccc,-1px -1px 0 #ccc;}
.text_shadow4 {text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 40px #ff00de,0 0 70px #ff00de;}
.br_13 {border-radius:13px 0;cursor:pointer;transition:all 0.5s ease 0s;}
.bl_13 {border-radius:13px 0 0 0;cursor:pointer;transition:all 0.5s ease 0s;}
.bg_jb:hover,.bg_jb_on {
	color:#FFFFFF;
	background-image:-webkit-linear-gradient(to bottom,#CFA214,#F4C636);
	background-image:linear-gradient(to bottom,#CFA214,#F4C636);
}
.bg_jb:hover a,.bg_jb_on a {
	color:#FFFFFF
}


.jb_main{ color:#FFFFFF;
 background-image:-webkit-linear-gradient(to bottom, #137ebb,#086de1);
  background-image:linear-gradient(to bottom,#137ebb,#086de1); 
}
.jb_main:hover a ,.bg_jb_on a{ color:#FFFFFF}

.radius-none{border-radius:0 !important;}
.border{border: 1px #ddd solid;}
.bh:hover{border: 1px #086de1 solid;}
.p1015{padding: 10px 15px;}
.cubeLink_ico {
border:#CCCCCC 2px  solid;
	border-radius: 50%;
}
.tit_h3{border-top-left-radius: 5px; border-top-right-radius: 5px; background:#0096d9;     padding: 0px 15px;
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #cecece;
    font-size: 14px;
    color: #fff;}
.rightward{background:url(dot_ico.png) no-repeat left 10px; padding-left:10px; }
.tit_sub {background: url(sub_01.png) center center no-repeat;
}

.rightward1 {
    background: url(dot_ico.png) no-repeat left 10px;
    padding-left: 10px;
}

/*面包屑导航*/
.pos li {
	float:left;
	height:20px;
	overflow:hidden;
	padding:0 16px 0 8px;
	
}
.pos a {
	padding:4px 0;
	color:#fff;
	line-height:20px
}
.pos .first-category {
	background:#b4b4b5 url(ico_pos1.png) no-repeat right center;


}
.pos .middle-category {
	background:#b4b4b5 url(ico_pos2.png) no-repeat right center;

}

.pos .last-category {
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:20px;
	background:#069 url(ico_pos3.png) no-repeat right center;
	color:#fff;
	line-height:20px
}

/*头部导航*/
.menu_group{
    padding: 0;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    border-bottom: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    position: relative;
    z-index: 99;
}
.menu_group li {
    float: left;
}
.menu_group a {
    color: #333;
    padding: 0 20px;
    display: block!important;
    display: inline;
    zoom: 1;
    height: 29px;
    line-height: 29px;
    margin-top: 5px;
}
.menu_group a:hover{background-color:#069;color:#fff}
.menu_group  .ihidden {
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    background-color: #fff;
    line-height: 1;
    z-index: 999;
}
.ihidden li{ display:block; width:100%;}
.ihidden li span{ border-bottom:#eee 1px dotted}
/*右侧搜索*/
.search-mini-inner {
    width:289px; margin-top:3px; float:right;
    height:30px; 
    background: url(nav-search.png) no-repeat 0 0;
}
.input-text {

  float: left;

  height: 30px;

  *line-height: 30px;

  width: 265px;

  padding-left: 22px;

  color: #666;

  border: none;

  background: inherit;

}
.btn-submit {

  float: left;

  width: 24px;

  height: 24px;

  cursor: pointer;

  border: none;

  opacity: 0;

  filter: alpha(opacity=0);

}
/*幻灯片*/

/* ===============================================================

Basic Swiper Styles 

================================================================*/

.swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */z-index:1; }
.swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px, 0, 0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px, 0, 0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px, 0, 0); -o-transition-timing-function:ease; -o-transform:translate(0px, 0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px, 0, 0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px, 0, 0); transition-timing-function:ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide {width: 653px; float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }

.device .arrow-left { background: url(arrows.png) no-repeat left top; position: absolute; left:14px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:5; }
.device .arrow-right { background: url(arrows.png) no-repeat left bottom; position: absolute; right: 14px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:5; }

.swiper-container { height: 322px; width: 653px;float:left }

.swiper-container img { width:100%;height: 322px; }

.content-slide { padding: 20px; color: #fff; }

.title { font-size: 25px; margin-bottom: 10px; }

.swiper-container .pagination { position: absolute; left: 0; text-align: right; bottom:10px; width: 100%; z-index:5; }

.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #777; margin-right:8px; cursor: pointer; }

.swiper-active-switch { background: #fff; }

.swiper-slide { position:relative; }

.swiper-slide .name { position:absolute; bottom:0; left:10px; z-index:5; }

.swiper-slide .bg { position:absolute; bottom:0; left:0; background:#000; z-index:4; width:100%; height:35px; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; }

.swiper-slide .name a { color:#fff; line-height:35px; font-size:14px; font-weight:bold;}

/*右侧通用tab*/
.tab_box{
border: 1px solid #ddd;
border-top:4px solid #8a8a8a;}
.hot_red {
    background-color: #c00;
    padding: 2px 5px;
    color: #fff;
    font-family: 'Arial';
    font-size: 12px;
}
.hot_gray {
    background-color: #999;
    padding: 2px 5px;
    color: #fff;
    font-family: 'Arial';
    font-size: 12px;
}
/*列表页*/
.list_x img{ width:160px;height:110px;object-fit: cover;}
.headline {
    margin-top: 30px;
    position: relative;
    margin-bottom: 20px;
}
.headline .icon-tuijian {
   display: block;
    height: 33px;
    width: 88px;
    background-color: #b70005;
    line-height: 33px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.headline .text-c {
 width:100%;
    padding: 20px 25px;

    background-color: #333;
    background: url(transparency.png);
    background: #000;
    background: rgba(0,0,0,.4);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 25px;
}
.headline img{height:340px; object-fit: cover;}
.section-news-list-loading a {
	border:1px solid #f0f0f0;
	display:block;
	height:58px;
	line-height:58px;
	text-align:center;
	font-size:16px;
	color:#c0c0c0;
	-webkit-transition:all 0.35s cubic-bezier(0.39,0.58,0.57,1);
	transition:all 0.35s cubic-bezier(0.39,0.58,0.57,1);
}
.section-news-list-loading a:hover {
	border-color:#999;
	color:#666;
}

/*--------------------foot------------------------*/

#footerBody { text-align: center; background: #1d71b7; }

#footerBody .links { border-top: 1px solid #d2d2d2; background: #f1f1f1 }

#footerBody .links .cont {padding: 20px 0; border-bottom: 1px dotted #a8cbeb; }

#footerBody .links .left { float: left; width: 80px; height: 40px; line-height: 40px; margin-left: 14px; color: #105d95; font-weight: bold; }

#footerBody .links .right a { display: inline-block; height: 24px; line-height: 24px; margin: 0 8px 0 0; font-size: 12px; color: #105d95; }

#footerBody .copyright { padding: 20px 0; position: relative; }

#footerBody .copyright p { line-height: 24px; font-size: 12px; color: #fff; font-family: Arial, Helvetica, sans-serif; }

#footerBody .copyright p a { height: 24px; line-height: 24px; font-size: 12px; color: #fff; font-family: Arial, Helvetica, sans-serif; }

#footerBody .copyright p.rows01 { text-align: center; }

#footerBody .copyright p.rows02 { padding-left: 40px; }

#footerBody .copyright p.rows03 { padding-left: 70px; }

#footerBody .icon { position: absolute; left: 50%; bottom: 24px; margin-left: 415px; }

@media (max-width:800px){
.padding-large-left,pl40,,pr40{padding:0}
.f17,.f18,.f20,.f28,.f30{ font-size:16px}

.pt10{ padding-top:4px} .pb10{ padding-bottom:4px} .pt20{ padding-top:4px} .pb20{ padding-bottom:4px}.blank10{display:none}
.pr20{ padding-right:4px;}
.list_x img{ width:100px;height: 65px; }
#newstext{ padding:0 4px;}
#newstext p{ margin-bottom:4px; padding:0}
.container{padding:0; display:block; clear:both; width:100%; padding: 10px;}
.pos{ display:none} 
.headline {
    margin-top:2px;
    margin-bottom:4px;
}
.headline img {height:200px;}
.headline .text-c {
    padding: 10px 15px;
    bottom: 5px;
}
h1{ margin:10px 2px;}
.swiper-slide {width:100%; float: left; }
.swiper-container { height:200px; width:100%;float:left }
.swiper-container img { width:100%;height:200px; }
}

  /* 社交互动区样式 */
      .social-interaction {
      display: flex;
      align-items: center;
      gap: 25px;
      padding: 15px 20px;
     
      border-radius: 12px;
      width: fit-content;
  /*   border: 1px solid #eaeaea;  background-color: #f9f9f9;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);*/
    }


    /* 提示信息 */
    .toast {
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(0, 0, 0, 0.7);
      color: white;
      padding: 10px 20px;
      border-radius: 4px;
      z-index: 1000;
      opacity: 0;
      transition: opacity 0.3s;
    }

    .toast.show {
      opacity: 1;
    }
 

    /* 二维码弹出层 */
    .qrcode-popup {
      position: absolute;
      /*right: 0;*/
      bottom: 100%;
      margin-bottom: 15px;
      padding: 15px;
      background: white;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
      display: none;
      z-index: 100;
      text-align: center;
      border: 1px solid #eee;
    }

    .qrcode-img {
      width: 140px;
      height: 140px;
      margin-bottom: 10px;
      background: white;
    }

    .qrcode-text {
      font-size: 12px;
      color: #666;
      margin: 0;
    }

    .wechat-icon:hover .qrcode-popup {
      display: block;
      animation: fadeIn 0.3s ease-out;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* 分隔线 */
    .divider {
      width: 1px;
      height: 24px;
      background-color: #e0e0e0;
    }
	@media (max-width: 480px) {
  /* 缩小元素尺寸 */
  .like-icon, .share-icon {
    width: 28px;
    height: 28px;
  }
  
  /* 调整字体大小 */
  .like-number {
    font-size: 14px;
  }
  
  /* 缩小二维码 */
  .qrcode-popup {
    width: 120px;
  }
}

/* 相关阅读板块样式 */
.related-section {
    margin: 40px 0;
    padding: 15px;
    border-top: 1px solid #e2e2e2;
    position: relative;
}

.section-header {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-top: 10px;
    position: relative;
}

.section-header h3 {
    font-size: 18px;
    color: #414439;
    margin: 0;
    white-space: nowrap;
    position: absolute;  /* 改为绝对定位 */
    left: 15px;          /* 与父元素padding保持一致 */
    top: 1px;           /* 向上移动3px使横线与边框重合 */
    z-index: 1;          /* 确保标题在标签上方 */
}

.section-header h3::before {
    content: "";
    position: absolute;
    top: -16px;          /* 调整位置使其与区块顶部边框重合 */
    left: 0;
    width: 100%;         /* 与标题同宽 */
    height: 3px;
    background: #4787ED;
}

.article-tags {
    margin-left: auto;   /* 改为自动左边距，推向右边界 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%;
    text-align: right;
    padding-left: 100px; /* 为标题留出空间 */
	top: -10px; 
	position: relative;  
}

.article-tags a {
    color: #4D90FE;
    margin-left: 10px;
    text-decoration: none;
}

.article-tags a:hover {
    text-decoration: underline;
}

.related-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
    clear: both;         /* 清除浮动 */
    margin-top: 10px
}

.related-item a {
    color: #414439;
    font-size: 15px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-item a:hover {
    color: #4D90FE;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .related-links {
        grid-template-columns: 1fr;
    }
    
    .article-tags {
        max-width: 70%;
        padding-left: 80px; /* 在小屏幕上减少留白 */
    }
    
    .section-header h3 {
        left: 10px;        /* 在小屏幕上调整位置 */
    }
}

/*-----海报生成器20250627------*/
    	.circle-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #586bf0;
    color: white;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    outline: none;
    transition: all 0.2s ease;
    box-shadow: 0 2px 5px rgba(88, 107, 240, 0.3);
    position: relative;
    overflow: hidden;
	margin: 2px auto 0;
  }
  
  .circle-btn:hover {
    background: #4758d0;
    box-shadow: 0 3px 8px rgba(88, 107, 240, 0.4);
  }
  
  .circle-btn:active {
    transform: scale(0.98);
  }
  
  .circle-btn:disabled {
    background: #e0e0e0;
    cursor: not-allowed;
    box-shadow: none;
  }
/* 完全保持原有样式 */
.haibao-show-bg {
  width:100%;
  height:100%;
  background: rgba(0,0,0,.7); 
  position: fixed;
  z-index:999;
  left: 0;
  top: 0;
}

.haibao {
  /*width:320px;*/width:360px;
  margin-left:calc(50% - 240px); 
  height:auto;
  background: #F5F7F8;
  border-radius: 4px;
  text-align: center; 
  padding: 20px; 
  position: absolute;
  z-index: -11;
  left: 0;
  top:100px;
}

.haibao-show {
  width:340px;
  margin-left:calc(50% - 170px);
}
.haibao-logo {
  width: 100%;
  border-bottom: 1px solid #ffffff;
}

.haibao-logo img {
  /*width:140px;*/
  max-height: 50px;
  margin: 5px auto;
}

.haibao-logo:after {
  display: block; 
  border-bottom: 1px solid #D2DBDF;
  content: "";
  padding-bottom: 20px;
}

.haibao-date {
  background: #F5F7F8;
  width: 130px;
  padding: 0 20px;
  margin: -15px auto 10px auto;
  color: #555555;
  font-size: 16px;
  
  display: flex;        /* 使用Flex布局 */
  white-space: nowrap;  /* 禁止换行 */
  justify-content: center; /* 内容居中 */
}

.haibao-content {
  background: #ffffff;
  padding:20px;
  border-radius: 4px;
}

.haibao-content .title {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  text-align: left;
}

.haibao-content .thumb {
  margin-top: 20px;
}

.haibao-content .thumb img {
  width: 100%;
}

.haibao-content .des {
  color: #555555;
  font-size: 14px; 
  text-align: left;
  line-height:24px;
  margin-top: 10px;
}
/* 添加到style.css */
.haibao.hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.allcon {
  margin-top: 20px; 
  margin-bottom: 20px;
}

#qrcode img {
  margin: 0 auto; 
}

.closehaibao {
  float: left; /* 这个属性会导致按钮错位 */
}

/* 新解决方案：Flex布局 */
.offon {
  width: 80px; 
  display: flex;        /* 启用Flex布局 */
  justify-content: center; /* 水平居中 */
  gap: 15px;           /* 按钮间距 */
  margin:1px auto;
  width: auto;         /* 取消固定宽度 */
}

.savehaibao, .closehaibao {
  float: none;         /* 清除浮动 */
  display: inline-block; /* 行内块元素 */
  padding: 5px 15px;   /* 调整内边距 */
  border-radius: 30px;
  font-size:14px;
  cursor: pointer;
}

.savehaibao {
  background: #586bf0;
  color: white;
}

.closehaibao {
  background: #888888;
  color: white;
}

/* 新增的加载样式 */
.haibao-loading {
  display: none;
  text-align: center;
  padding: 30px;
}

.loading-spinner {
  border: 4px solid rgba(88,107,240,0.2);
  border-top: 4px solid #586bf0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin: 0 auto 15px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 响应式调整 */
@media screen and (min-width: 640px) {
  .haibao {
    /*width:400px;*/width:480px;
    margin-left:calc(50% - 240px);
    padding: 20px 40px; 
  }
  
  .haibao-show {
    width:380px;
    margin-left:calc(50% - 190px);
  }
  
  .haibao-content .title {
    font-size: 24px;
  }
  .offon {
  margin: 4px auto;
}
}
  /* 正文下方最新和最热5条新闻 只在手机端显示 */
  @media only screen and (min-width: 768px) {
    .mobile-news-sections {
      display: none;
    }
  }

  .mobile-news-sections {
    padding: 0 12px;
    margin-top: 20px;
  }

  .news-section {
    margin-bottom: 24px;
  }

  .news-section h3 {
    font-size: 16px;
    color: #333;
    padding-bottom: 8px;
    margin-bottom: 8px;
    font-weight: 600;
  }

  .news-list {
    display: flex;
    flex-direction: column;
  }

  .news-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
  }

  /* 最后一项不需要下划线 */
  .news-list > .news-item:last-child {
    border-bottom: none;
  }

  .news-thumb {
    /*width: 80px;*/
    /*height: 60px;*/width: 110px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;    border: 1px solid #f5f5f5;
  }

  .news-title {
    flex: 1;
    font-size: 15px;
    color: #333;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }