@charset "utf-8";
/* CSS Document */
html, body, div, iframe, em, img, b, i, dl, dt, dd, ul, li, h1, h2, h3, h4, p {
    font: 14px/20px "微软雅黑";
    font-weight: normal;
    list-style: none;
    font-style: normal;
    margin: 0px;
    padding: 0;
}
body, html {
    width: 100%;
    height: 100%;
}
:before {
    content: "";
    position: absolute;
}
:after {
    content: "";
    position: absolute;
}
a:link {
    text-decoration: none;
    color: #222;
}
a:visited {
    text-decoration: none;
    color: #222;
}
a:active {
    text-decoration: none;
    color: #0000FE;
}
a:hover {
    text-decoration: none;
    color: #0000FE;
}
img {
    width: 100%;
    float: left;
}
:before, :after {
    content: "";
    position: absolute;
}
.mit,.m_nav,.m_kehu{
	display: none;
}
.box {
    width: 100%;
    float: left;
    padding: 40px 0px;
    position: relative;
}
.w {
    width: 1500px;
    margin: 0 auto;
    display: table;
}
.tw {
    width: 100%;
    float: left;
    position: relative;
}
.bg {
    background: #F5F5F5;
}
/*头部样式*/
.head .Close_btn.active{right:20px;top:0px;background:none;}
.head .Close_btn.active i{background:#E83428;}
.head .Close_btn {position:fixed;right:20px;top:0px;width:30px;height:30px;display:none;z-index:999;}
.head .Close_btn i {width:24px;height:2px;background:#fff;transition:0.3s all;position:absolute;left:10px;top:12px;z-index:2;}
.head .Close_btn i:nth-child(2){width:25px;top:22px;margin-left:5px;}
.head .Close_btn i:nth-child(3){top:32px;}
.head .Close_btn.active i:nth-child(1){transform:translateY(7px) rotate(45deg);left:10px;}
.head .Close_btn.active i:nth-child(3){transform:translateY(-5px) rotate(-45deg);left:10px;top:24px;}
.head .Close_btn.active i:nth-child(2){opacity:0;}

.head {
    height: 60px;
    width: 100%;
	float: left;
    padding: 20px 0px;
    transition: all .5s ease 0s;
    z-index: 88;
}
.head .logo {
    float: left;
}
.head .ttel{float:right;display:none;}
.head .logo img {
    width: auto;
    height: 50px;
}
.head .nav {
    float: right;
    position: relative;
}
.head .nav li {
    float: left;
    position: relative;
    margin-left: 40px;
}
.head .nav li h2 {
    font-size: 18px;
    position: relative;
    line-height: 40px;
    z-index: 2;
    font-weight: 400;
}
.head .nav li.yes h2, .head .nav li:hover h2, .head .nav li.yes:hover h2 {
    color: #0000FE;
    font-weight: bold;
}
.head .nav li:after {
    width: 36px;
    height: 3px;
    background: #0000FE;
    left: 50%;
    bottom: -10px;
    margin-left: -18px;
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    z-index: 3;
    border-radius: 8px;
}
.head .nav li.yes:after {
    visibility: visible;
}
.head .nav li:hover .subnav {
    visibility: visible;
    opacity: 1;
}
.head .nav .subnav {
    width: 100px;
    position: absolute;
    top: 46px;
    left: -10px;
    background: #0000FE;
    border-radius:6px;
    visibility: hidden;
    transition: all 0.3s ease 0s;
    opacity: 0;
    z-index: 999;
	border-top: solid 3px #FE0000;
}
.head .nav .subnav a {
    line-height: 40px;
    color: rgba(255,255,255,.90);
    display: block;
    position: relative;
    font-size: 16px;
    padding-left: 20px;
}
.head .nav .subnav a:hover {
    color: #fff;
    transition: 800ms;
}
.head .nav li:nth-child(3) .subnav{width:230px;margin-left:-60px;}
/* 焦点滚图 */
.banner {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.banner .hd {
    height: 22px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 10px;
    z-index: 1;
}
.banner .hd ul {
    zoom: 1;
    float: left;
}
.banner .hd ul li {
    float: left;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border: solid 1px #fff;
    text-indent: -9999px;
    border-radius: 9px;
}
.banner .hd ul li.on {
    background: #fff;
}
.banner .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.banner .bd li {
    zoom: 1;
    vertical-align: middle;
}
.banner .bd img {
    display: block;
}
.banner .bd a:hover img {
    transform: none;
    transition: 600ms;
}
.banner .bd .prev, .banner .bd .next {
    width: 40px;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -44px;
    background: url("../next.png") rgba(0, 0, 0, .20) no-repeat 13px 12px;
    background-size: 10px;
    z-index: 6;
    border-radius: 40px;
}
.banner .bd .prev {
    left: auto;
    right: 40px;
    background-position: 16px -19px;
}
.banner .bd .prev:hover, .banner .bd .next:hover {
    background-color: rgba(0, 0, 0, .50);
}
.cent {
    width: 100%;
    float: left;
}
.title {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}
.title h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}
.title h3 {
    font-size: 16px;
    color: #666;
    display: inline-block;
    position: relative;
}
.title h3:before, .title h3:after {
    width: 40px;
    height: 2px;
    background: #ccc;
    left: -50px;
    top: 9px;
}
.title h3:after {
    left: auto;
    right: -50px;
}
.youshi{width:100%;float:left;position:relative;z-index:2;}
.youshi ul{width:100%;float:left;margin-top:20px;}
.youshi li{width:33.3%;float:left;}
.youshi li em{font-size:12px;line-height:12px;color:#999;text-transform:uppercase;}
.youshi li h2{font-size:24px;line-height:30px;padding-bottom:20px;margin-top:10px;position:relative;}
.youshi li h2:before{width:46px;height:2px;background:#444;left:0px;bottom:10px;}
.youshi li p{font-size:16px;margin-top:20px;line-height:26px;text-align:justify;text-justify:inter-word;}
.youshi li .pic{width:100%;float:left;height:260px;overflow:hidden;}
.youshi li .txt{width:calc(100% - 60px);float:left;background:#fff;padding:30px;height:200px;position:relative;}

.news{width:100%;float:left;}
.news ul{margin-left:-20px;}
.news li{width:calc(25% - 60px);float:left;margin:10px 0 10px 20px;position:relative;padding:10px 20px;padding-bottom:46px; background:#fff;border-radius:6px;}
.news li h2{width:calc(100% - 0px);float:left;line-height:30px;height:35px;overflow:hidden;position:relative;border-bottom:dotted 1px #DEE2E9;margin-bottom:5px;font-size:18px;font-weight:bold;}
.news li p{width:100%;float:left;line-height:20px;height:40px;overflow:hidden;font-size:12px;color:#666;}
.news li time{position:absolute;left:20px;bottom:10px;color: #999;font-size:12px;}
.news li:hover{transition:0.3s ease-out;box-shadow: 0px 0px 13px 0px rgba(197,197,197,.52);}
.news li:nth-child(1){height:421px;counter-reset:num;padding-bottom:20px;}
.news li:nth-child(1) a{width:calc(100% - 30px);float:left;margin:7px 0 8px 0;padding-left:30px;font-size:16px;height:24px;line-height:24px;overflow:hidden;position:relative;}
.news li:nth-child(1) a:after {counter-increment:num;content:counter(num) '';text-transform:uppercase;top:3px;left:0px;width:20px;line-height:20px;background:#D5D5D5;text-align:center;font-size:12px;color:#fff;border-radius:4px;}
.news li:nth-child(1) a:nth-child(2):after{background:#fe2d46;}
.news li:nth-child(1) a:nth-child(3):after{background:#f60;}
.news li:nth-child(1) a:nth-child(4):after{background:#faa90e;}
.news li:before{
	width:36px;
	height:6px;
	background:url("../mor.png") no-repeat;
	right:30px;
	bottom: 17px;
	visibility:hidden;
	transition:0.3s ease-out;
}
.news li:hover:before{right:20px;visibility:visible;}
.news li:nth-child(1):before{display:none;}

.chanpin {
    width: 100%;
    float: left;
    position: relative;
}
.chanpin .hd {
    width: 700px;
    margin:0 auto;
	display:table;
    position: relative;
	background:#F5F5F5;
	border-radius: 30px;
	padding: 3px;
}
.chanpin .hd ul {
	display: flex;
	justify-content: space-between;
}
.chanpin .hd ul li {
    line-height: 40px;
    cursor: pointer;
    color: #4E4E4E;
    font-size: 16px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
	padding: 0 20px;
}
.chanpin .hd ul li.on {
    background: #0000FE;
    color: #fff;
    font-weight: bold;
}

.chanpin .bd {
    width: calc(100% - 0px);
    float: left;
    overflow: hidden;
	margin-top: 20px;
}
.chanpin .bd ul {
    zoom: 1;
}
.chanpin .bd ul {
    margin-left: -20px;
	zoom: 1;
}
.chanpin .bd li {
    width: calc(25% - 20px);
    float: left;
    margin: 10px 0 10px 20px;
    position: relative;
    border-bottom: solid 2px #E5E5E5;
    cursor: pointer;
}
.chanpin .bd li i {
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 6px;
}
.chanpin .bd li h2 {
    width: calc(100% - 40px);
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
}
.chanpin .bd li:hover img {
    transform: scale(1.1);
    transition: 600ms;
}
.chanpin .bd li:after {
    width: 100%;
    height: 2px;
    background: #0000FE;
    left: 0px;
    bottom: -2px;
    transform-origin: 100%;
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    visibility: hidden\9;
}
.chanpin .bd li:hover:after {
    transform: scaleX(1);
    transform-origin: 0;
    visibility: visible\9;
}

.list_pin {
    width: 100%;
    float: left;
}
.list_pin ul {
    margin-left: -20px;
}
.list_pin li {
    width: calc(33.33% - 20px);
    float: left;
    margin: 10px 0 10px 20px;
    position: relative;
    border-bottom: solid 2px #E5E5E5;
    cursor: pointer;
}
.list_pin li i {
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 6px;
}
.list_pin li h2 {
    width: calc(100% - 40px);
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
}
.list_pin li:hover img {
    transform: scale(1.1);
    transition: 600ms;
}
.list_pin li:after {
    width: 100%;
    height: 2px;
    background: #0000FE;
    left: 0px;
    bottom: -2px;
    transform-origin: 100%;
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    visibility: hidden\9;
}
.list_pin li:hover:after {
    transform: scaleX(1);
    transform-origin: 0;
    visibility: visible\9;
}

.kehu {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
    margin-top: 10px;
}
.kehu .hd {
    height: 22px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -45px;
    z-index: 1;
}
.kehu .hd ul {
    zoom: 1;
}
.kehu .hd ul li {
    float: left;
    margin: 0 5px;
    width: 8px;
    height: 8px;
    cursor: pointer;
    background: #ccc;
    border-radius: 20px;
    position: relative;
    text-indent: -9999px;
}
.kehu .hd ul li.on {
    width: 14px;
    height: 14px;
    background: #0000FE;
    top: -3px;
}
.kehu .bd {
	width: 100%;
	float: left;
    position: relative;	
}
.kehu .bd ul{
	
}
.kehu .bd li {
    zoom: 1;
    vertical-align: middle;
    width: calc(25% - 20px);
	float: left;
    background: #fff;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 4px;
	margin-bottom: 15px;
	display:flex;
	flex-wrap:wrap;
}
.kehu .bd li h2{
	font-size: 16px;
	line-height: 40px;
	height:40px;
	overflow:hidden;
}
.kehu .bd li:hover {
    box-shadow: 0px 0px 13px 0px rgba(197,197,197,.52);
}
.kehu .bd li:hover h2{text-indent:20px;transition:460ms;color:#0000FE;}
/* 关于我们 */
.about {
	overflow: hidden;
}
.about .txt {
	width:calc(100% - 600px);
	float: left;
    position: relative;	
}
.about .txt em {
    font-size: 50px;
	line-height: 52px;
    color: #0000FE;
	text-transform:uppercase;
}
.about .txt h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    position: relative;
    margin-bottom:20px;
}
.about .txt p {
    font-size: 18px;
    line-height: 36px;
    text-indent: 2em;
}
.about .txt a {
    padding: 0 40px 0 20px;
    height: 40px;
    line-height: 40px;
	background: #0000FE;
    border-radius: 40px;
    position: relative;
    display: inline-block;
    overflow: hidden;
	margin-top: 40px;
}
.about .txt span {
	color: #fff;
    position: relative;
    z-index: 3;
}
.about .txt a:before {
    width: 0;
    height: 100%;
    background: #FE0000;
    left: 0px;
    top: 0px;
}
.about .txt a:hover:before {
    width: 100%;
    transition: all 0.2s ease-out;
}
.about .txt a:after {
    content: "···";
    right: 17px;
    top: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    z-index: 3;
    transition: all 0.3s ease-out;
}
.about .txt a:hover:after {
    color: #fff;
}
.about .txt a:hover span {
    color: #fff;
}
.about .pic{
	width: 500px;
	float:right;
}
.about .pic ul{
	width:calc(100% - 40px);
	float: left;
	padding: 20px;
	background:#fff;
	display: flex;
	justify-content: space-between;
}
.about .pic li{
	text-align: center;
}
.about .pic li em{
	font-size: 30px;
	line-height: 32px;
}
.about .pic li h2{
	margin-top: 8px;
}
.about .pic li:nth-child(2){
	border-left: solid 1px #E5E5E5;
	border-right: solid 1px #E5E5E5;
	padding: 0 50px;
}

.foot {
    background: #2E3033;
    padding-top: 30px;
    padding-bottom: 20px;
    position: relative;
}
.fw{
}
.foot .lxi{
	width: 300px;
	float: left;
	display:flex;
	flex-wrap: wrap;
}
.foot .lxi dt{position:relative;margin-bottom:15px;}
.foot .lxi img{
	width: 116px;
	margin-right:10px;
}
.foot .lxi em{
	width:150px;
	font-size: 20px;
	color:#fff;
	line-height:40px;
	position:absolute;
	left: 126px;
	top:7px;
}
.foot .lxi p{
	width:100%;
	float:left;
	color: #999;
	line-height:30px;
}
.foot .lxi a{
	font-size:12px;
	color:#666;
	padding-left: 23px;
	position:relative;
}
.foot .lxi a:nth-child(1):before{
	width:14px;
	height:18px;
	background: url("../icp.png") no-repeat;
	background-size:100%;
	left:0px;
	top:1px;
}


.foot .fnav{
	float:right;
}
.foot .fnav ul{
	width:900px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.foot .fnav li{
}
.foot .fnav li a{
	color:#fff;
	display:block;
	line-height:36px;
	position:relative;
}
.foot .fnav li a:before{
	width:0px;
	height:1px;
	background:#fff;
	left:0px;
	bottom: 4px;
}
.foot .fnav li a:hover:before{
	width: 57px;
	transition:460ms;
}
.foot .fnav li a:nth-child(1){
	font-weight:bold;
	font-size:16px;
	color:rgba(255,255,255,.80);
}
.foot .fnav li a:nth-child(1):before{display:none;}
.foot .fnav li:last-child{width:90px;}
.foot .fnav li:last-child i{margin-top:5px;}

/*二级页面开始*/
.list-ban {
    width: 100%;
    height: 400px;
    float: left;
    background: url("../list.jpg") no-repeat center -30px;
	position: relative;
}
.list-box {
    width: 100%;
    float: left;
    padding: 0px 0 30px 0;
}
.let {
    width: 260px;
    float: left;
}
.lnav {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    padding-bottom: 20px;
	margin-top: 30px;
	border-radius:6px;
}
.lnav dt {
    width: 100%;
	float: left;
    line-height: 50px;
    background: #0000FE;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-indent: 20px;
	border-radius:6px 6px 0 0;
}
.lnav dd {
    width: calc(100% - 40px);
    float: left;
    padding: 0 20px;
}
.lnav dd a {
    display: block;
    line-height: 50px;
    border-bottom: solid 1px #E5E5E5;
    position: relative;
}
.lnav dd a.cur {
    color: #0000FE;
    font-weight: bold;
}
.lnav dd a.cur:before {
    width: 18px;
    height: 18px;
    background: #0000FE url("../jt.png") no-repeat 7px -12px;
    background-size: 6px;
    border-radius: 20px;
    right: 0px;
    top: 14px;
}
.lnav dd a:after {
    width: 100%;
    height: 1px;
    background: #0000FE;
    left: 0px;
    bottom: -1px;
    transform-origin: 100%;
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    visibility: hidden\9;
}
.lnav dd a:hover:after {
    transform: scaleX(1);
    transform-origin: 0;
    visibility: visible\9;
}
.rit {
    width: calc(100% - 400px);
    float: right;
    padding: 40px;
    padding-bottom: 60px;
    background: #fff;
    border-radius: 8px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 30px;
}
.home {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    border-radius: 40px;
    background: #fff url("../hmi.png") no-repeat center;
    background-size: 24px;
    border: solid 3px #F5F5F5;
}
.home a {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}
.home.fh {
    background: #0000FE url("../fh.png") no-repeat center;
    background-size: 24px;
}
.show-map {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}
.show-map:after{
	content:"深耕电力行业求发展";
	right:0px;
	top:9px;
	background:#fff;
	color:#999;
	font-size:20px;
	padding-left:5px;
} 
.show-map:before {
    width: 96%;
    height: 1px;
    background: #E5E5E5;
    right: 0px;
    top: 23px;
}
.show-map h2 {
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 0 10px 0 20px;
    z-index: 2;
    line-height: 40px;
    font-size: 26px;
    font-weight: bold;
}
.show-map h2:before{
	width: 6px;
	height:26px;
	background:#0000FE;
	left:0px;
	top:8px;
}

.show-pag h2 {
    font-size: 30px;
    line-height: 40px;
}
.show-pag h2 {
    display: inline-block;
    color: #0000FE;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0;
    position: relative;
}
.show-pag h2::before {
    width: 100%;
    height: 12px;
    bottom: 0px;
    background: linear-gradient(to right,rgba(0,0,254,.50), rgba(0,0,0,.0));
}
.show-pag p {
    font-size: 18px;
    line-height: 36px;
    margin-top: 10px;
    text-indent: 23px;
}
.show-pag strong {
    color: #0000FE;
    font-weight: bold;
}
.show-pag img {
    max-width: 100%;
    margin: 10px auto;
    width: auto!important;
    height: auto !important;
    float: none;
    display: table;
}
.list-news {
    width: calc(100% - 0px);
    float: left;
}
.list-news li {
    width: calc(100% - 135px);
    float: left;
    position: relative;
    padding:20px 0px;
    padding-right: 120px;
    margin: 10px 0;
    overflow: hidden;
    border-bottom: solid 1px #E5E5E5;
}
.list-news li i {
    width: 360px;
    float: left;
}
.list-news li h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
	height: 30px;
	overflow: hidden;
    color: #222;
}
.list-news li p {
    color: #666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top:10px;
}
.list-news li time {
    position: absolute;
    right: 0px;
    bottom: 20px;
    color: #999;
    font-size: 20px;
    font-weight: normal;
	background:#F5F5F5;
	padding:10px 15px;
	border-radius:6px;
    z-index: 2;
}
.list-news li b {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #222;
    text-align: center;
    padding-bottom: 20px;
    position: relative;
}
.list-news li b:before{
	width:24px;
	height:2px;
	background:#0000FE;
	left: 50%;
	bottom:14px;
	margin-left:-12px;
}
.list-news li em {
    height: 26px;
    display: inline-block;
    margin-top: 20px;
    position:relative;
}
.list-news li em:before{width:6px;height:12px;background:url("../jt.png") no-repeat;background-size:100%;right:-15px;top:6px;}

.list-news li:hover h2 {
    color: #0000FE;
}
.list-news li:hover time{background:#0000FE;}
.list-news li:hover b{color:#fff;}
.list-news li:hover b:before{background:#fff;}
.list-news li:hover em:before{right:-25px;transition:460ms;}

.hot-news {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.hot-news .hd {
    position: absolute;
    bottom: 10px;
    left: 190px;
    background: rgba(0,0,0,.40);
    padding: 3px;
    border-radius: 6px;
    z-index: 1;
}
.hot-news .hd ul {
    zoom: 1;
}
.hot-news .hd ul li {
    float: left;
    margin: 0 0 0 5px;
    width: 8px;
    height: 8px;
    cursor: pointer;
    background: #fff;
    border-radius: 20px;
    position: relative;
    text-indent: -9999px;
}
.hot-news .hd ul li.on {
    background: #0000FE;
}
.hot-news .bd {
    width: 100%;
    float: left;
    position: relative;
    z-index: 0;
    background: #F5F5F5;
}
.hot-news .bd ul {
}
.hot-news .bd li {
    zoom: 1;
    vertical-align: middle;
    cursor: pointer;
}
.hot-news .bd li h2 {
    font-size: 20px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-right: 80px;
}
.hot-news .bd li time {
    line-height: 30px;
    color: #0000FE;
}
.hot-news .bd li p {
    color: #666;
    margin-top: 5px;
}
.hot-news .bd li .pic {
    width: 400px;
    float: left;
    height: 230px;
    border-radius: 6px;
    overflow: hidden;
}
.hot-news .bd li .txt {
    width: calc(100% - 460px);
    float: left;
    padding: 20px;
    position: relative;
    z-index: 3;
}
.hot-news .bd li .txt a {
    position: relative;
    padding: 0px 40px 0px 10px;
    background: #fff;
    display: inline-block;
    margin-top: 30px;
    line-height: 40px;
}
.hot-news .bd li .txt span {
    position: relative;
    z-index: 3;
}
.hot-news .bd li:hover .txt span {
    color: #fff;
}
.hot-news .bd li .txt a:before {
    width: 100%;
    height: 100%;
    background: #0000FE;
    left: 0px;
    bottom: -2px;
    transform-origin: 100%;
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    visibility: hidden\9;
}
.hot-news .bd li:hover .txt a:before {
    transform: scaleX(1);
    transform-origin: 0;
    visibility: visible\9;
}
.hot-news .bd li .txt a:after {
    content: "···";
    right: 15px;
    top: 0px;
    color: #0000FE;
    font-size: 14px;
    font-weight: bold;
    z-index: 3;
    transition: all 0.3s ease-out;
}
.hot-news .bd li:hover .txt a:after {
    color: #fff;
}
.stit {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
.stit::before {
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    left: 0px;
    bottom: 9px;
}
.stit h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}
.stit p {
    display: inline-block;
    position: relative;
    background: #fff;
    padding: 0 14px;
    color: #666;
}
.stit p::before, .stit p::after {
    width: 4px;
    height: 14px;
    background: #E5E5E5;
    top: 4px;
    left: 0px;
    transform: skewX(-10deg);
}
.stit p::after {
    left: auto;
    right: 0;
}
.body h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 10px;
    position: relative;
    padding-left: 17px;
}
.body h2::before {
    border-color: transparent transparent transparent #0000FE;
    border-style: solid;
    border-width: 5px;
    left: 4px;
    top: 12px;
}
.body p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    text-indent: 17px;
    text-align: justify;
    text-justify: inter-word;
}
.body h3{
	font-size:16px;
	font-weight:bold;
	text-indent: 17px;
	margin-top: 15px;
}
.body img {
    max-width: 100%;
    margin: 10px auto;
    width: auto!important;
    height: auto !important;
    float: none;
    display: table;
}
.show-next {
	width:100%;
    display: flex;
    justify-content: space-between;
    line-height: 40px;
    margin-top: 40px;
}
.show-next a {
    width: calc(50% - 10px);
    display: inline-block;
    font-size: 16px;
    text-align: center;
    position: relative;
    background: #E5E5E5;
    border-radius: 20px;
}
.show-next a:hover {
    background: #0000FE;
    color: #fff;
}
/*瀑布流图片*/
.list_pic {
    display: block;
    position: relative;
    margin-left: -20px;
}
.list_pic .pcon {    
    width: calc(33.33% - 20px);
    float: left;
    margin-left: 20px;
	position: relative;
}
.list_pic .pcon a {
    float: left;
    display: block;
    margin: 10px 0;
    border: solid 1px #E5E5E5;
    position: relative;
    overflow: hidden;
}
.list_pic .pcon h2 {
    width: calc(100% - 40px);
    float: left;
    padding: 0px 10px;
    font-size: 16px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.list_pic .pcon i {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.list_pic .pcon em{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -30px;
	margin-left: -40px;
	color: #fff;
	transform:scale(0);
	opacity:0;
	z-index: 3;
}
.list_pic .pcon i:after{width: 100%;height: 100%;left: 0px;top: 0px;background:rgba(0,0,0,.40);z-index: 2;visibility: hidden;}
.list_pic .pcon a:hover i:after{visibility: visible;}
.list_pic .pcon a:hover em{transform:scale(1);opacity:1;transition:0.3s ease-out;}
.list_pic .pcon a:hover h2{color: #fff;}
.list_pic .pcon a:hover img{transform:scale(1.1);transition:600ms;}
.list_pic .pcon a:hover{border: solid 1px #0000FE;}
.list_pic .pcon a:after {
    width: 100%;
    height: 40px;
    background: #0000FE;
    left: 0px;
    bottom: 0px;
    transform-origin: 100%;
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    visibility: hidden\9;
}
.list_pic .pcon a:hover:after {
    transform: scaleX(1);
    transform-origin: 0;
    visibility: visible\9;
}