@charset "utf-8";
/* css */
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #333;  background-color: rgb(246, 246, 246);line-height: 1.5; overflow-x: hidden; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover {color: #ff7800; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; height: 20px }
.clearboth { clear: both; width: 100%; overflow: hidden; }
.fl { float: left!important; }
.fr { float: right!important; }
 article { width: 1200px; margin: auto; overflow: hidden }
.article { width: 1100px; margin: auto; overflow: hidden }
.header-top { width: 1200px; margin: auto; }
/*header*/
header { width: 100%; padding: 5px 0;  height: 80px; background: #FFF;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08);}
.logo { float: left; margin-right: 60px; line-height: 80px;}
.logo h1,.logo h2 {font-size: 18px ;font-weight: normal; }
.logo h1 a  {color: rgb(64, 64, 64);}
* {margin:0px;padding:0px;} 
/*nav*/
nav { float: left; height: 50px; line-height: 80px; text-align: center; }
#navbody{ }
#navbody li { position: relative; display: inline; float: left; width: max-content; }
#navbody li a { display: inline; float: left; padding: 0 20px;color: rgb(64, 64, 64); font-size: 17px ;}
#navbody li a:hover, #navbody #wapnav, .wapnav > a, #navbody li:hover {     color: #ff6600; }
#navbody li:hover a { color: #ff6600;}
/*1111*/
#wapico { display: none; margin: 5px 0 0 0; width: 24px; height: 40px; float: right; text-align: center; padding: 0 10px; }
.waptp { display: block; position: relative; width: 30px; height: 2px;background-color: #282828;margin-top: 20px; }
.waptp:before, .waptp:after { content: ''; display: block; width: 30px; height: 2px; position: absolute;background-color: #282828;; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.waptp:before { margin-top: -6px; }
.waptp:after { margin-top: 6px; }
.mlist .waptp { background: none }
.mlist .waptp:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mlist .waptp:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mlist .waptp:before, .mlist .waptp:after { content: ''; display: block; width: 30px; height:2px; position: absolute; background-color: #282828; }
/*search*/
.sousuotp { margin-top: 5px; width: 39px; height: 69px; float: right; display: inline; cursor: pointer; background: url(../images/bg.png) no-repeat center !important; }
.search { width: 1200px; margin: 10px auto; overflow: hidden; background: #fff; position: relative; }
.sousuo { width: 50%; margin: 20px auto; background: #FF7800;; border-radius: 0 5px 5px 0; position: relative; border: #ccc 1px solid; display: none; }
.sousuo2 { border: 0; background: 0; color: #fff; outline: none; position: absolute; top: 10px; right: 10% }
.sousuo1 { border: 0; line-height: 36px; height: 36px; width: 72%; padding-left: 10px; outline: none }
.mlist { display: block !important }
.sousuogb { background: url(../images/close.png) no-repeat; display: block; position: absolute; width: 28px; height: 30px; right: 5px; top: 5px }
/*index*/
.index_left { width: 75%; float: left; overflow: hidden }
.wz_left { width: 72%; float: left; overflow: hidden }
/*banner*/
.banbox { width: 68.5%; overflow: hidden; float: left; border-radius: 3px; margin-bottom: 20px }
.banner { width: 100%; overflow: hidden; float: left; }
.fader { position: relative; width: 100%; height: 260px; /*padding-top: 50%;*/ font-family: "futura", arial; overflow: hidden; }
.fader .slide { position: absolute; width: 100%; top: 0; z-index: 1; opacity: 0; }
.fader .slide img { width: 100%; height: 260px; margin: auto; }
.fader .prev, .fader .next { position: absolute; height: 32px; line-height: 32px; width: 40px; top: 50%; left: 50px; z-index: 4; margin-top: -25px; cursor: pointer; opacity: 0; transition: all 150ms; }
.fader .prev { background: url(../images/left.png) no-repeat }
.fader .next { left: auto; right: 50px; background: url(../images/right.png) no-repeat }
.fader .pager_list { position: absolute; width: 100%; height: 26px; padding: 0; line-height: 40px; bottom: 0; text-align: center; z-index: 4; }
.fader .pager_list li { border-radius: 10px; display: inline-block; width: 10px; height: 10px; margin: 0 7px; background: #fff; opacity: .9; text-indent: -9999px; cursor: pointer; transition: all 150ms; }
.fader .pager_list li:hover, .fader .pager_list li.active { opacity: 1; background: #12b7de; }
.banner:hover .fader_controls .page.prev { opacity: .7; left: 20px }
.banner:hover .fader_controls .page.next { opacity: .7; right: 20px }
/*headline*/
.banner_rigt { width: 30%; float: right; overflow: hidden; }
.banner_rigt ul { height: 260px; }
.banner_rigt ul li { width: 100%; background: #000; overflow: hidden; height: 125px; margin-bottom: 10px; border-radius: 3px; position: relative }
.banner_rigt ul li a { display: block; overflow: hidden; height: 100%; }
.banner_rigt ul li img { width: 100%; height: 100%; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; opacity: .7; }
.banner_rigt ul li:hover img { transform: scale(1.1); opacity: 1 }
.banner_rigt ul li span { bottom: 0; position: absolute; top: 30%; left: 0; right: 0; color: #FFF; text-align: center; font-size: 15px; margin-top: 5px; padding: 0 40px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 24px; height: 48px; }
/*wenzhanglist*/
.side_all { background: #fff; border-radius: 3px; padding: 20px; margin-bottom: 20px; overflow: hidden; }
/*side_tle*/
.side_tle { font-size: 16px; line-height: 40px; border-bottom: 1px solid #eee; position: relative; margin-bottom: 10px; color: #282828;
    font-weight: 600;}
.side_tle:after { content: ""; position: absolute; width: 60px; height: 2px; content: ""; background: #000; left: 0; bottom: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.side_tle:hover:after { width: 80px; }
.scraplist ul { padding: 10px 0 0 }
.scraplist ul  li { overflow: hidden; margin-bottom: 20px; border-bottom: #eee 1px dashed; padding-bottom: 20px; position: relative; min-height: 120px; }
.scraptie { margin: 0 0 10px 0; font-size: 18px; overflow: hidden; }
.scraptie span{ color: #F00 }
.imgstyle img { width: 100%; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.imgstyle:hover img { transform: scale(1.1); }
.scrapimg{ float: left; width: 23.2%; margin-right: 20px; display: block; overflow: hidden; border-radius: 3px; position: relative;max-height:123px }
.scraptxt { font-size: 14px; color: #566573; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; margin-top: 20px ;}
.time { margin-top: 20px; overflow: hidden; color: #748594;; line-height: 34px; }
.time span{ margin: 0 5px }


/*side_right*/
.index_right{ width: 23.5%; float: right; overflow: hidden; }
.wz_right{ width: 24.5%; float: right; overflow: hidden; }
.right_gg img { width: 100% }
.right_gg ul { overflow: hidden; border-radius: 3px; }

/*rendian*/
.rendian ul { overflow: hidden }
.rendian ul li { height: 30px; line-height: 30px; margin-bottom: 10px; padding-left: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;counter-increment: rank;}
.rendian ul li i { display: block; width: 16px; height: 16px; background: #111; float: left; margin-top: 8px; margin-right: 10px; position: relative; font-style: normal }
.rendian ul li i::before { position: absolute; left: 0; top: 0; font-size: 9px; color: #fff; line-height: 16px; width: 16px; text-align: center }
.rendian ul li:first-child i, .rendian ul li:nth-child(2) i, .rendian ul li:nth-child(3) i { background: #f30; }
.rendian ul li i:before {content: counter(rank);display: inline-block; }

/*shuiji*/
.shuiji ul { padding-top: 18px }
.shuiji li { font-size: 14px; line-height: 30px; margin-bottom: 12px; display: block; -moz-border-radius: 4px; border-radius: 4px; background: #f6f6f6; padding: 4px 12px 4px 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
.shuiji li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 15px; top: 20px }
.shuiji li:hover { background: #f2f2f2; box-shadow: 0 0 10px #ccc; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
/*youqing*/
.youqing ul { overflow: hidden; margin-top: 20px }
.youqing li { display: inline-block; padding: 3px;  float: left; line-height: 30px; text-align: center }
.youqing li a { display: block; }
.youqing li:hover { background: #f7f7f7 }

/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1):after{ position:absolute; right:0; bottom:0}
.pagelist a:nth-child(1):hover{ background:none;color:#666}
.pagelist a:hover, .pagelist > b { color: #FFF; background: #f30; }
.pagelist > curPage { padding: 5px 10px; }
a.curPage {color: #ffffff;font-weight: bold;color: #FFF; background: #f30; }
/*wenzhang*/
.left{ float: left; }
.right{ float: right; }	
.nuzhai-all{
padding-bottom:20px;
padding-left: 14.22222px;
padding-right: 14.22222px;
margin-right: auto!important;
margin-left: auto!important;
background-color: #fff;
overflow: hidden;
border-radius: 3px;
margin-bottom: 20px}
.mip-tie{margin-bottom: 5px;width: 100%;}
.mip-tie h1{     text-align: center;;padding-top: 20px;font-size: 21px;line-height:1.8;    color: #333333;}
.mip-shijian{ margin-top: 29px;-webkit-align-items: center;text-align:center}
.mip-article{line-height:1.8;font-size: 16px;text-align: justify;padding:0 20px 20px  20px}
.mip-article  img{ max-width:500px; padding: 10px 0 10px 0;text-align: center;}
.mip-article p {
    line-height: 2rem;
    padding: 0.1875rem 0;
    color: #323232;
    font-size: 1rem;
    font-weight: 300;
}
.mip-article a{color: #ff9600;}
.mip-article p img {overflow: hidden;
    display: block;
    margin: 0 auto;}
.paibanimg img {overflow: hidden;
    display: block;
    margin: 0 auto;
max-width:100%;
}

.mip-shijian span{
    display: inline-block;
    padding: 0 10px;
	font-size: 12px;
	color: #b0b0b0;
}
.mip-article h3 {font-size: 16px;color: #ff7800;margin: 20px 0 20px 0;}

.shangxia {

    line-height: 60px;
 padding: 20px 0 10px 20px;
 font-size: 16px;
}

.shangxia  p {
    float: left;
    display: block;
    width: 50%;
    color: #4c4c4c;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
}


.mianbaoxue{line-height:20px;padding:15px 0 8px 12px;margin-bottom:15px;border-bottom:1px solid #f3f3f3;font-family:"宋体";color:#b0b0b0;font-size:12px;}

.mianbaoxue b {
    font-size: 12px;
    color: #767676;
    font-weight: bold;
    font-family: Microsoft Yahei;
}
.mianbaoxue a {
    color: #b0b0b0;
    font-family: Microsoft Yahei;
}

.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.aligncenter p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}


.scrapxg { margin: 10px 0; overflow: hidden }
.scrapxg li { position: relative; line-height: 26px; height: 26px; display: block; width: 50%; float: left; overflow: hidden; }
.scrapxg li a { display: block; margin-right: 30px; padding-left: 10px; }
.scrapxg li a:hover { text-decoration: underline; color: #000 }
.scrapxg li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0px; top: 12px; }

/*flag_c*/
.flag_c { display: block; margin: 20px 0; background: #000; position: relative; overflow: hidden; border-radius: 3px; max-height: 110px; }
.flag_c img { opacity: .7; }
.flag_c span { bottom: 0; position: absolute; bottom: 30%; left: 0; right: 0; color: #FFF; text-align: center; font-size: 15px; padding: 0 40px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 22px; }
.flag_c:hover img { opacity: .9; transform: scale(1.1); }

/*footer*/
footer { background: #373D41; width: 100%; padding: 15px 0; color: #73777a; font-size: 14px; }

.foot{width: 1200px;margin: auto;text-align: center;}
.foot b { font-size: 16px; color: #00c1de; }
.foot p { margin-bottom: 5px }
footer a { color: #73777a; }
footer a:hover { color: #FF7800 }
.top { width: 40px; height: 40px; display: block; background: url(../images/top.png) no-repeat center #000; right: 20px; bottom: 10%; position: fixed }
/*paiban*/
.pbeijing{
    padding: 10px;
    margin-top: -4px;
    background-color: rgb(239, 239, 239);
    box-sizing: border-box !important;
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
.header-top { width: 96% }
#navbody li a { padding: 0 10px; }
#navbody li.menu:before { right: 0 }
.zhuanti li { width: 27% }
.search { width: 96% }
.box, article { width: 96% }
.fader .slide img { height: 320px }
.youqing li { width: 100%; text-align: left }
.article { width: 100% }
.foot{ width: 100% }
}
@media screen and (max-width: 1023px) {
/*header*/
.foot{ width: 100% }
header { position: fixed; z-index: 999;height: 50px;  }
nav { width: 100%; height: auto; background: rgba(0,0,0,0.5); margin-top: 18px; position: fixed; z-index: 999; top: 42px;line-height: 50px;  }
.sousuotp { position: absolute; top: 6px; right: 10px;    height:39px; }
.sousuo { width: 80% }
.header-top { width: 100% }
.search { width: 100%; position: fixed; top: 50px; z-index: 99; }
.logo { margin-left: 0; line-height: 56px;    float: none;    text-align: center;    margin-right: 0px; line-height: 50px;}
#wapico { overflow: hidden; position: absolute; }
#wapico { display: block; }
#navbody { display: none; width: 100%;/* top: 30px; */ }
#navbody li { width: 55%; text-align: center; background: #fff; float: none; display: block;}
#navbody li:last-child { padding-bottom: 100% }
#navbody li a {  color: rgb(64, 64, 64); display: block; width: 100%; text-align: center; float: none; padding: 0; background: #fff; border-bottom: 1px solid #f5f5f5; }
#navbody li:hover a, #navbody #wapnav { color: #FF7800;}
.index_left  { width: 100% }
.wz_left  { width: 100% }
.wz_right { display: none }
.index_right { display: none }
article { padding-top: 80px; }
article { width: 100% }
.article { width: 100% }
.article { padding-top: 80px; }
/**/

}
 @media only screen and (max-width: 480px) {
.banner_rigt { width: 100% }
.side_all h4{display: none;}
.shangxia{display: none;}
.mianbaoxue{display: none;}
.mip-shijian span{padding: 5px;}
.mip-article{padding:0;line-height:1.55555;color: #242424;}
.mip-article p {
    font-size: 1rem;
    line-height: 1.8;
    text-align: justify;
    font-weight: 300;
    color: #323232;
    word-break: break-all;
}
.mip-article img{ height: 100%; width: 100%; }
.banner_rigt ul { height: auto; padding-bottom: 10px; overflow: hidden }
.banner_rigt ul li { width: 49%; float: left; }
.banner_rigt ul li:last-child { float: right }
.banner_rigt ul li span { padding: 0 20px }
.banbox { width: 100% }
.scraptie { font-size: 16px }
.scrapimg{ width: 100px; margin-right: 10px; height: 76px; }
.imgstyle img { height: 100%; max-width: 100%; }
.scraptxt { margin-top: 15px }
.time { width: 100% ;display: none; }
.fader { height: 160px; }
.scrapxg li{width:100%}
.fader .slide img { height: 200px; }
}