@charset "utf-8";
/* 二维码 */
.ewm_con{ position:fixed; right:20px; bottom:2%; z-index:999;}
.ewm_con li{margin-bottom:8px; border-radius:10px; /* background:#fff; */ border:1px solid #714703; position:relative; cursor:pointer;}
.ewm_con li:first-child{
	background-color: #00DB74;
	border-color: #00DB74;
}
.ewm_con li:nth-child(2){
	background-color: #fff;
	border-color: #fff;
}
/*.ewm_con li:hover{ background:#fff; }*/
.ewm_con li>img{ display:block; width: 36px; padding:8px;}
.ewm_con li div{display:none; position:absolute; width:130px; padding-right:9px; height:160px; right:54px; bottom:-10px; text-align:center; line-height:24px; font-size:14px; background:url(../img/ewm_bg.png) no-repeat;}
.ewm_con li div img{width:104px; height:104px; display:block;  margin:15px auto 2px;}
.ewm_con li:hover div{display:block;}


/** index **/
.subleft{ position: fixed; left:0; top:0; width: 220px;padding: 0;height:100%;  list-style-type: none; z-index: 70;}
.slbg{ position:absolute; width:220px; height:100%; background:#000;filter:alpha(opacity=63); opacity:0.63;}

.logo{ position:relative; z-index:1; width:100%; padding:80px 0 70px 0;}
.logo img{ display:block; margin:0 auto;width: 190px;}

/* nav */
#menu { position:relative; z-index:2;}
#menu li {font-size:16px; background:url(../img/navline.png) repeat-x 0 0; padding:1px 0 0; vertical-align:top;}
#menu a { display: block; height:55px; line-height:55px; color: #fff; text-align: center; text-decoration: none; background:url(../img/navicon.png) no-repeat; text-indent:10px;}
#menu .active a { color: #fff; background-color:#409EFF;}
#menu a.ni01{ background-position:53px 9px;}
#menu a.ni02{ background-position:52px -51px;}
#menu a.ni03{ background-position:53px -110px;}
#menu a.ni04{ background-position:52px -170px;}
#menu a.ni05{ background-position:53px -230px;}
#menu a.ni06{ background-position:52px -290px;}
#menu a.ni07{ background-position:52px -350px;}
#menu a.ni08{ background-position:53px -410px;}


/* content */
.section1 { background:url(../img/01.jpg) no-repeat center center;}
.section2 { background:url(../img/02.jpg) no-repeat center center;}
.section3 { background:url(../img/03.jpg) no-repeat center center;}
.section4 { background:url(../img/04.jpg) no-repeat center center;}
.section5 { background:url(../img/05.jpg) no-repeat center center;}
.section6 { background:url(../img/06.jpg) no-repeat center center;}
.section7 { background:url(../img/07.jpg) no-repeat center center;}
.section8 { background:url(../img/08.jpg) no-repeat center center;}

.cont1{ height:450px; width:960px; background:#fff; margin:0 auto;}
.stit{ overflow:hidden; padding:23px 40px 0;}
.stit span{ font-size:24px; float:left; color:#000;}
.stit span b{ color:#2c8ef3;}
.stit a{ float:right;color:#409EFF; font-size:14px; text-transform:uppercase; display:inline-block; padding-top:5px; letter-spacing:1px;}
.stit a:hover{color:#409EFF;}

/* news */
.news{ padding:10px 0 0  20px; overflow:hidden; height:360px;}
.news li{ width:100%;box-sizing: border-box; overflow:hidden; padding: 13px 20px 0 20px;}
.news li a{ overflow:hidden; display:block; border-bottom:1px solid #f6f6f6; padding-bottom:13px;}
.news li img{ width:136px; height:95px; float:left;display:block; background:#000;}
.news li .btext{ margin-left:146px; height:94px; overflow:hidden;}
.news li .btext .title{ color:#010101;max-height: 36px;line-height: 18px; font-size:14px;overflow:hidden; font-weight:normal;}
.news li .btext div{ font-size:12px; color:#999; line-height:18px;height: 36px;}
.news li .btext b{ font-size:12px; display:block;font-weight:normal; height:27px;line-height:27px; color:#dbdbdb;}
.more6{ display:block; margin:19px auto 0; width:301px; height:34px; background:url(../img/more6.png) no-repeat; text-align:center; line-height:38px; font-size:12px; text-transform:uppercase; color:#af9937; overflow:hidden;}
.news li a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.news li a:hover .btext h2{color:#bf1900;}
.news li a:hover .btext b{ color:#79BBFF;}


/* about */
.aboutimg{ float:left; width:208px; padding:40px 0 0 40px;}
.aboutimg img{ display:block;}
.about{ float:right; width:65%; padding:50px 40px 0;}
.about .stit{ padding:0;}
.about .at{ border-bottom:1px solid #409EFF; padding-bottom:5px;}
.about .abtext{ font-size:14px; color:#666; line-height:25px; padding:20px 0 0;}
.about .abtext p{ text-indent:2em; margin-bottom:10px;}


/* activity */
.activity{ padding:20px 40px 0;}
.activity li{ height:40px; overflow:hidden; vertical-align:top; border-bottom:1px dotted #ddd;}
.activity li a{ line-height:40px; float:left; display:block; width:70%; font-size:14px; color:#333; background:url(../img/li03.png) no-repeat 0 center; padding-left:6px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.activity li span{ float:right; margin-top:6px;font-size:12px; color:#2c8ef3; letter-spacing:1px; display:inline-block; padding:5px 13px;}
.activity li a:hover{ color:#79BBFF;}
.activity li:hover span{ color:#79BBFF;}


/* resources */
.resimg{ padding:40px 0 20px 0; border-bottom:1px solid #f0efed; margin:0 45px;}
.resimg img{ display:inline-block; vertical-align:top;}
.resimg img.rim01{ margin-right:10px; border-left:7px solid #fff;}
.resimg img.rim02{ border-right:7px solid #fff;}
.resources{ overflow:hidden; padding:15px 0 0 45px;}
.resources li{ float:left; width:220px; line-height:35px; vertical-align:top;}
.resources li a{ display:block; width:90%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../img/li02.png) no-repeat 0 center; text-indent:10px; font-size:14px; color:#333;}
.resources li a:hover{color:#409EFF;}


/* learn */
.learn{ overflow:hidden; padding:20px 0 0 40px;}
.learn li{ width:160px; float:left; padding:20px 20px 0 0;}
.learn li a{ height:108px; display:block; background:#e4d2b6; overflow:hidden; }
.learn li a i{ display:block; text-align:center; font-size:26px; margin-top:18px; color:#fff;}
.learn li a span{ display:block; text-align:center; margin-top:10px; font-size:14px; line-height:30px; color:#fff; font-weight:bold; letter-spacing:.5px;}
.learn li.lea01 a{ background:#e4d2b6;}
.learn li.lea02 a{ background:#e1e1b4;}
.learn li.lea03 a{ background:#c2dbc6;}
.learn li.lea04 a{ background:#f2cbc1;}
.learn li.lea05 a{ background:#e2c2c8;}
.learn li.lea06 a{ background:#d6c3dd;}
.learn li.lea07 a{ background:#c3c5dd;}
.learn li.lea08 a{ background:#c2d0db;}
.learn li.lea09 a{ background:#e9d1b8;}
.learn li.lea10 a{ background:#e1dbb4;}
.learn li.lea11 a{ background:#cbdbc2;}
.learn li.lea12 a{ background:#f2cbc1;}
.learn li.lea13 a{ background:#eebec3;}
.learn li.lea01 a span{ background:#c1a375;}
.learn li.lea02 a span{ background:#abab5b;}
.learn li.lea03 a span{ background:#69a873;}
.learn li.lea04 a span{ background:#cc8b7a;}
.learn li.lea05 a span{ background:#cb7b8a;}
.learn li.lea06 a span{ background:#ae8cba;}
.learn li.lea07 a span{ background:#8388c1;}
.learn li.lea08 a span{ background:#6996b8;}
.learn li.lea09 a span{ background:#bd9368;}
.learn li.lea10 a span{ background:#afa564;}
.learn li.lea11 a span{ background:#80a969;}
.learn li.lea12 a span{ background:#cc8572;}
.learn li.lea13 a span{ background:#c77981;}
.learn li a:hover{ background:#f0efe8;}
.learn li a:hover span{ background:none; color:#000;}
.learn li.learntit{ width:340px;}
.learn li.learntit img{ display:block;}


/* service */
.service{ overflow:hidden; padding:10px 0 0 45px;}
.service li{ float:left; width:210px; padding:10px 10px 0 0;}
.service li a{ display:block; width:100%; height:159px; background:#f9fafa; overflow:hidden;}
.service li a i{ display:block; width:80px; height:80px; margin:25px auto 10px; background:url(../img/sericon.png) no-repeat; overflow:hidden;}
.service li a img{
	display: block;
	width: 80px;
	height: 80px;
	margin: 25px auto 10px;
}
.service li a span{ color:#6f542b; font-size:14px; font-weight:bold; display:block; text-align:center;}

.service li.ser01{ width:430px;}
.service li.ser01 a{ width:100%; background:#79BBFF; overflow:hidden;}
.service li.ser01 a p{ float:left; padding:26px 0 0 32px;}
.service li.ser01 a p img{ display:block;}
.service li.ser01 a span{ display:block; text-align:left; font-weight:normal; font-size:14px;  float:left; padding:20px 0 0 35px; width:50%; letter-spacing:1px;}
.service li.ser01 a span b{ font-weight:normal; color:#146bc5;}
.service li.ser01 a span em{ font-style:normal;color:#fff; line-height:21px; display:block; margin-bottom:8px;}
.service li.ser01 a:hover{ background:#cfa76a;}

.service li.ser02 a i{ background-position:0 0;}
.service li.ser03 a i{ background-position:-80px 0;}
.service li.ser04 a i{ background-position:-160px 0;}
.service li.ser05 a i{ background-position:-240px 0;}
.service li.ser06 a i{ background-position:-320px 0;}
.service li.ser07 a i{ background-position:-400px 0;}

.service li a:hover{ background:#a7cae5;}
.service li a:hover span{ color:#fff;}
.service li.ser02 a:hover i{ background-position:0 -80px;}
.service li.ser03 a:hover i{ background-position:-80px -80px;}
.service li.ser04 a:hover i{ background-position:-160px -80px;}
.service li.ser05 a:hover i{ background-position:-240px -80px;}
.service li.ser06 a:hover i{ background-position:-320px -80px;}
.service li.ser07 a:hover i{ background-position:-400px -80px;}


/* book */
.book{ overflow:hidden; width:950px;}
.book ul{padding:0 0 0 40px; width:100%;box-sizing: border-box;}
.section8 .line{
	margin: 0 40px;
	margin-top:20px;
	box-sizing: border-box;
	height: 1px;
	background-color: #ebedf1;
}
/*.book li{ float:left; width:98px; padding:0 29px 5px; border-right:1px dotted #eee;}
.book li a{ display:block; cursor:pointer;}
.book li a img{ width:90px; height:125px; border:1px solid #ddd; padding:3px;}
.book li a span{ display:block; padding-top:5px; text-align:center; font-size:12px; line-height:16px; height:33px; overflow:hidden; color:#333;}
.book li a:hover img{ border:1px solid #409EFF;}
.book li a:hover span{ color:#C00;}*/
.book ul li{
	width: 32.3333%;
	float: left;
	border-bottom:1px solid #ebedf1;
	margin-right:1%;
	padding-bottom: 16px;
	padding-top: 16px;
	padding-left: 16px;
	box-sizing: border-box;
	overflow: hidden;
}
.book ul li:hover{
	cursor: pointer;
	background: linear-gradient(90deg,#edeeef,#fff);
}
.book .img{
	width: 64px;
	height: 92px;
	float: left;
}
.book .img img{
	vertical-align: top;
	width: 100%;
	height: 100%;
	background-color: #d8d8d8;
	-o-object-fit: cover;
	object-fit: cover;
}
.book .right{
	padding: 0 10px 0 82px;
	margin-top: 20px;
}
.book .title{
	color:#0d141e;
	font-size: 15px;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: normal;
}
.book .author{
	margin-top: 6px;
	font-size: 12px;
	z-index: 2;
	color: #8a8c90;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: normal;
}
@media (max-width:700px){
	.book ul li{
		width: 49%;
	}
}
@media (max-width:540px){
	.book ul li{
		width: 99%;
	}
}


/* footer */
.footer {float: left; width: 100%; height: 95px; background: #2e445a; position:fixed; bottom: 0px; color:#fff;z-index:10;}
.footercont { width:600px; height: auto; position: absolute; margin: 10px 50%; left: -300px; font-size: 12px;}
.flink { width: 100%; overflow:hidden; padding:20px 0 15px;}
.fltit {float: left; font-size: 14px; line-height: 22px; display:inline-block; padding-left:50px;}
.flink_sel {float: left; width: 160px; height: 22px; border:0;margin-left: 10px; display:inline;}
.copy{ color:#fff; font-size:14px; text-align:center; text-transform:uppercase;margin-top:8px;}
.copy a {
	color: #fff;
}
.sydw {
    position: absolute;
    right: -80px;
    top: 0;
}


/*20190117 add*/
.service li.ser01{ width:346px;}
.service li{ width:168px;}
.service li.ser01 a span{overflow: hidden; width:auto;     float: none; padding-left:12px;}
.service li.ser01 a p{padding-left:12px;}


@media (max-width:1023px){
.subleft{height:45px; width:100%; overflow:hidden;}
.slbg, .logo{display:none;}
#menu li{ width:12.5%; float:left; background-image:none;  background:rgba(0,0,0,.2);}
#menu a{background-image:none; text-indent:0px; line-height:1.2; font-size:15px; padding:3px 5px 0px;}
.section{background-size:100% 100%; width:100%; overflow:hidden;}
.search{width:95%;}
.logo2 img{width:60%;}

.input{width:55%;}
.search_btn{width:96%; margin:10px auto 0px; float:none;background: url(../img/but.png) center no-repeat;}
.cont1{width:95%; height:450px;margin:80px auto 0px; overflow:hidden;}
.aboutimg{ float:none; width:95%; margin:0px auto; padding:20px 0px;}
.aboutimg img{width:100%; height:120px;}
.about{ float:none; width:95%; margin:0 auto; padding:0px; height:262px; overflow:hidden;}
.activity li a{width:210px;}
.news{ width:95%; margin:0 auto; padding:0px; box-sizing:border-box;}
.news li{float:none; width:auto; box-sizing:border-box; padding:13px 0px 0px; overflow:hidden; box-sizing:border-box;}
.news li a{ width:100%; overflow:hidden;}
.news li .btext{  overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}
.news li img{margin-right:5px;}
.news li .btext div{
max-height: 36px;
    white-space: normal;
    overflow: hidden;
}
.resimg{ width:95%; padding:20px 0px 0px; margin:0 auto; overflow:hidden;}
.resimg img{width:50%; box-sizing:border-box; }
.resimg img.rim01{ float:left; border:none; margin:0px;}
.resimg img.rim02{ float:right; border:none; margin:0px;}
.newsBook{padding-top:15px;}
.newsBook dl{ float:none; width:95%; margin:0px auto 10px; overflow:hidden;}
.newsBook dl:nth-child(3){margin-bottom:35px;}
.service{ width:95%; margin:10px auto 0; padding:0px;}
.service li{ box-sizing:border-box; width:50%; padding:0px; padding-top:10px;}
.service li:nth-child(2n){padding-right:5px; }
.service li:nth-child(2n+1){padding-left:5px;}
.service li.ser01{ width:100%; padding:0px;}
.stit{width:95%; margin:0 auto; padding:20px 0px 10px; box-sizing:border-box;}
.footercont{width:100%; left:0;margin: 10px auto;height: auto;}
.section8 .cont1{
	margin: 32px auto 0px;
	position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
}
.section8 .line{
	margin-top: 10px;
}
.flink{padding: 10px 0 15px;}
.copy{ width:100%!important;}
.flink{width:100%; box-sizing:border-box;}
.flink_sel{width:26%;}
.fltit{padding-left:10px;}
.book{width:100%;}
/*.book ul{
    padding: 13px 0 0 8px;
    width: 100%;
    overflow: hidden;
}
.book li{
padding: 0 8px 5px;
    border-right: 0;
margin-bottom: 5px;
}*/

.service li.ser01 a p{ float:none; padding:15px 0px 0px;}
.service li.ser01 a p img{margin:0 auto;}
.service li.ser01 a{height:130px;}
.service li.ser01 a span{padding:5px 0px 0px 15px; float:none; width:auto;}
.service li a{ height:130px;}
.service li a i{ margin: 10px auto 10px;}

.search form{ padding-left:5px;}
.activity{ box-sizing:border-box;  padding:0px; margin:0 auto; width:95%;}

.log-popup{width:95%; margin-left:-47.5%;}

.resources{height:272px;}
.news li .btext h2{
white-space: nowrap;
    text-overflow: ellipsis;
}
.learn{ padding: 18px 5px 0 5px;}
.learn li{ padding: 15px 10px 0 10px ; width:153px;}
.learn li.learntit{
width: 100%;
padding: 0 10px;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit- box-sizing: border-box;
 box-sizing: border-box;
}
.learn li a{background:none; text-align:center; height:93px;}
.learn li a i{margin-top: 6px;}
.learn li.learntit img{ display:inline-block;}
.ewm_con li>img{width: 30px;
    padding: 2px;}
.float_ad{ display:none;}
.ewm_con{ display:none;}

/*通知公告*/
.section4 .news{ width:95%; margin:0 auto; padding:0px; box-sizing:border-box;}
.section4 .news li{float:none; width:auto; box-sizing:border-box; padding:13px 0px 0px; overflow:hidden; box-sizing:border-box; height: auto;}
.section4 .news li a{ width:100%; overflow:hidden;}
.section4 .news li .btext{ float: right; width:192px; overflow:hidden; }
.section4 .news li img{padding-right:5px; width: 125px; height: 92px;}
}

@media (max-width: 1024px){
    .footercont {
        text-align: center;
    }
    .footer {
        height: 172px;
    }
    .sydw {
        position: static;
    }
}
@media (max-width: 750px){
    .footercont {
        padding: 0 16px 16px;
        width: auto;
        box-sizing: border-box;
    }
    .footer {
        height: 227px;
    }
    .sydw {
        position: static;
    }
    .icp {
        display: block;
        margin-top: 5px;
    }
}

@media (max-width:1023px){
.log-popup-con .yn p{position:relative;}
.log-popup-con .yn p .loginput{width:55%; float:left;}
.log-popup-con .yn p label{    height: 33px;
    line-height: 33px;
    float: left;
    width: 70px!important;
    text-align: right;
}
.log-popup-con .yn p img{
width: 80px;
    height: 30px;
    margin-right: 0!important;
    position: absolute;
    right: 0;
    top: 1px;
}
.log-popup-con .yn  #ucode{
margin-left:0!important;
}
.log-popup-con h2 a.close img{float:right;}

/*20190117 add*/
.service li.ser01 a p{float:left; padding-left:10px;}
.service li.ser01 a p img{ width:5rem;}
.service li.ser01 a {
    height: 130px;
}
.section7 .cont1{ height:490px;}
.learn li{
padding: 15px 1% 0 1%;
    width: 43%;
}
.learn li.learntit{
width: 91%;
    padding: 0 2%;
}
}

@media (max-width:374px){
	.section7 .cont1{ height:410px;    margin: 94px auto 0px;}
}

@media (max-width:320px){
.search{ height: 300px;}
.choose,.input{ width:97%; margin-bottom:10px;}
.sslct,.sslct .butten,.sslct .butten_r{ width:100%;}
.list_sslct{ width:80%;}
.news li .btext{ width:180px;width: 130px; padding-left: 5px;}
.service li.ser01 a span{ font-size:12px;}
.stit{padding: 10px 0px 5px;}
.service li a {
    height: 110px;
}
.service li a i{    margin: 0px auto 5px;}
.service li.ser01 a {
    height: 120px;
}
.service li{    padding-top: 5px;}
}





/*flaot ad start*/
.float_ad{width:346px;height:104px;position:absolute;top:20px; z-index:9999;}
.float_ad .sition{width:346px;height:104px;position:relative;}
.float_ad .sition .c_header{width:346px;text-align:center;cursor:move;}
.float_ad .sition .c_header .txt{color:#00CC00;font-weight:600;font-size:15px;line-height:30px;box-shadow:1px 1px 1px 1px #000;text-shadow:1px 1px 1px #000;}
.float_ad .sition .c_adver{width:346px;height:104px;cursor:pointer;}
.float_ad .sition .sign{width:0px;height:10px;border:2px solid #000;display:block;position:absolute;top:27px;left:46px;}
.c_adver a{ widht:346px; height:104px;  display:block;}



.c_adver a{ widht:346px; height:104px;  display:block;}


/*望记*/
.section2 .bg{
	background-color: #5D606F;
	width: 100%;
	height: 100%;
	position: relative;
}
.section2 h1{
	color:#fff;
	padding-top:16px;
	padding-left:30px;
}
.section2 h1 img{
	position: relative;
	top:3px;
	margin-right: 8px;
}
.section2 h1 span{
	color:#409EFF;
}
.section2 .text{
	width: 460px;
	/*height: 430px;*/
	overflow: hidden;
	background-color: #8CC5FF;
	color: #fff;
	position: absolute;
	left:40px;
	bottom:0;
	z-index: 2;
	font-size: 14px;
	line-height: 28px;
	padding:15px;
	box-sizing: border-box;
}
.section2 .more{
	text-align: right;
	font-size: 16px;
}
.section2 .more a{
	cursor: pointer;
	color:#fff;
}
.section2 .more a:hover{
	color:#409EFF;
}
.section2 .clamp{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 11;
	-webkit-box-orient: vertical;
	height: 280px;
}
.section2 .imgbox{
	width: 50%;
	height:450px;
	background:url('../img/index-intro-bg.jpeg') no-repeat;
	background-size: cover;
	position: absolute;
	right:0;
	bottom:0;
	z-index: 1;
}
@media (max-width:768px){
	.section2 h1{
		position: relative;
		z-index: 2;
	}
	.section2 .text{
		position: relative;
		margin:0 15px;
		box-sizing: border-box;
		width: auto;
		margin-top:10px;
		left:0;
	}
	.section2 .imgbox{
		position: absolute;
		width: 100%;
		left:0;
		top:0;
		right:0;
		left:0;
	}
	.section2 .clamp{
		-webkit-line-clamp: 10;
	}
}

/* news */
.section4 .news{ padding:10px 0 0  20px; overflow:hidden; height:360px;}
.section4 .news li{ float:left; width:418px; overflow:hidden; height: 109px; padding: 13px 20px 0 20px;}
.section4 .news li a{ overflow:hidden; display:block; border-bottom:1px solid #e3e3e3; padding-bottom:13px;}
.section4 .news li img{ width:136px; height: auto; max-height:95px; float:left;display:block;}
.section4 .news li .btext{ float:right; width:265px;}
.section4 .news li .btext h2{ color:#010101; font-size:16px; font-weight:normal;margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.section4 .news li .btext span{ font-size:12px; color:#999; display:block;line-height:18px; height:36px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.section4 .news li .btext b{ font-size:12px; display:block;font-weight:normal; height:27px;line-height:27px; color:#dbdbdb;}
.section4 .more6{ display:block; margin:19px auto 0; width:301px; height:34px; background:url(../img/more6.png) no-repeat; text-align:center; line-height:38px; font-size:12px; text-transform:uppercase; color:#af9937; overflow:hidden;}
.section4 .news li a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.section4 .news li a:hover .btext h2{color:#bf1900;}
.section4 .news li a:hover .btext b{ color:#bf1900;}


/* 2018-06-15 通知公告 */
.news-con{ width: 100%; overflow: hidden;}
.news_lef { float: left; width: 30%; height: 360px; overflow: hidden; position: relative;}
.news_lef .hd{ position: absolute; right: 6px; bottom: 10px; overflow: hidden; z-index: 10;}
.news_lef .hd li{ float: left; width: 20px; height: 20px; line-height: 20px; background: #dcdcdc; margin: 0 5px; text-align: center; padding: 0; color: #fff; cursor: pointer;}
.news_lef .hd li.on{ background: #409EFF;}
.news_lef .bd, .news_lef .bd ul{ width: 100%; height: 100%;}
.news_lef .bd li{ width: 100%; height: 100%; border-bottom: none; padding: 0;}
.news_lef .bd li a{ width: 100%; height: 100%; border-bottom: none; padding-bottom: 0;}
.news_lef .bd li img{ width: 100%; height:100%; max-height: 100%;object-fit: cover;}

.section4 .news_rig{ float: right; width: 66%; margin-right: 20px; overflow: hidden;}
.section4 .news_rig li{ width: 100%; padding: 0; border-bottom: 1px solid #e3e3e3; height: 50px; line-height: 50px;}
.section4 .news_rig li a{ float: left; border-bottom: none; display: block; width: 78%; height: 50px; padding-left: 16px; padding-bottom: 0; background: url(../img/li02.png) no-repeat 4px center; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap;*/}
.section4 .news_rig li a:hover{ color: #409EFF;} 
.section4 .news_rig li span{ float: right; width: 18%; color: #999; text-align: right; font-size: 13px;}
@media (max-width:999px){
	.section4 .news_lef{ display: none;}
	.section4 .news_rig{ width: 100%; margin-right: 0;}
	.section4 .news_rig li{ padding: 0;}
	.section4 .news_rig li a{ width: 74%;}
	.section4 .news_rig li span{ font-size: 12px;}
	.section4 .choose{ margin-left: 10px;}

}