
.w_1600{ max-width:90%; margin-right: auto; margin-left: auto;}
body{ overflow-x:hidden; overflow-y:auto;}
.ctext{ float:left; width:100%; padding-left:100px; padding-right:100px;}

@media  screen and (max-width:1680px){
.w_1600{ max-width:86%;}	
}
@media  screen and (max-width:1024px){
.w_1600{ max-width:92%;}	
.ctext{ padding-left:15px; padding-right:15px;}

}



/*index8*/
.index8{ /*float:left;*/ width:100%; padding-top:75px; padding-bottom:80px;}
.index8 .list{ /*float:left;*/ width:100%; margin-top:50px;}
.index8 .list ul{ margin:0 -20px;}
.index8 .list li{ float:left; width:32%; padding:0 20px; margin-top:20px; }
.index8 .list li:last-child{ /*width:19%;*/}
.index8 .list li h2{ float:left; width:100%; color:#3485ee; font-size:24px; line-height:34px; font-weight:bold; position:relative; padding-left:20px; margin-bottom:45px;}
.index8 .list li h2 a{font-size:14px; font-weight:normal; position:absolute;right:0;}
.index8 .list li h2 a:hover{color:#3485ee;}
.index8 .list li h2:after,
.index8 .list li h2:before{ float:left; width:9px; height:9px; /*content:''; position:absolute; background:#3485ee;*/ left:0; top:11px;}
.index8 .list li h2:before{ opacity:0.59; margin:4px 0 0 4px;}
.index8 .list li:nth-child(4n+2) h2{ color:#9f312b;}
.index8 .list li:nth-child(4n+2) h2:after,
.index8 .list li:nth-child(4n+2) h2:before{ background:#9f312b;}
.index8 .list li:nth-child(4n+3) h2{ color:#22901a;}
.index8 .list li:nth-child(4n+3) h2:after,
.index8 .list li:nth-child(4n+3) h2:before{ background:#22901a;}
.index8 .list li:nth-child(4n+4) h2{ color:#f2d024;}
.index8 .list li:nth-child(4n+4) h2:after,
.index8 .list li:nth-child(4n+4) h2:before{ background:#f2d024;}
.index8 .list li i{ float:left; width:100%; height:240px; overflow:hidden; border-radius:7px 7px 0 0;}
.index8 .list li .text{ float:left; width:100%; border:1px solid #dddddd; padding:26px 24px 17px 24px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.index8 .list li .tit{ float:left; width:100%;}
.index8 .list li .tit h4{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; height:60px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-bottom:5px;}
.index8 .list li .tit time{ float:left; width:100%; color:#666666; border-bottom:1px solid #dddddd; font-size:16px; line-height:32px; padding: 15px 0; margin-bottom:15px;}
.index8 .list li .la{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; overflow:hidden; position:relative;
white-space: nowrap; text-overflow:ellipsis; margin:8px 0; padding:0 55px 0 22px;}
.index8 .list li .la span{ float:left; position:absolute; right:0; top:0; color:#3485ee;}
.index8 .list li .la:after,
.index8 .list li .la:before{ float:left; width:9px; height:9px; content:''; position:absolute; background:#3485ee; left:0; top:11px;}
.index8 .list li .la:before{ opacity:0.59; margin:4px 0 0 4px;}
.index8 .list li .la:hover{ color:#3485ee;}
.index8 .list li .la:hover span{ text-decoration:underline;}

.index8 .list dl{ float:left; width:100%; border-radius:7px; box-shadow:0 5px 24px rgba(166,166,168,0.27); padding:23px 24px 21px 24px; }
.index8 .list dl dd{ float:left; width:100%; position:relative; border-bottom:1px dashed #dddddd; padding:28px 0;}
.index8 .list dl dd h5{ float:left; width:100%; position:relative; padding:0 70px 0 15px; color:#333333; font-size:18px; line-height:30px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.index8 .list dl dd h5:after{ float:left; width:6px; height:6px; content:''; border-radius:6px; position:absolute; background:#666666; left:2px; top:12px;}
.index8 .list dl dd h5 a{ float:left; position:absolute; right:0; top:0; border:1px solid #3485ee; height:30px; line-height:28px; border-radius:3px; padding:0 13px; color:#3485ee; font-size:16px; font-weight:bold;}
.index8 .list dl dd h6, .market4 .btn a h6{ z-index:10; float:left; width:100%; background:#fff; box-shadow:0 8px 32px rgba(164,200,247,0.22); position:absolute; right:0; top:0; width:266px; min-height:120px; padding:17px 17px 17px 114px; color:#666666; font-size:12px; line-height:18px; position:absolute; right:78px; top:50%;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:95% 50%;
	-moz-transform-origin:95% 50%;
	-ms-transform-origin:95% 50%;
	-o-transform-origin:95% 50%;
	transform-origin:95% 50%;
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);}
.index8 .list dl dd h6:after, .market4 .btn a h6:after{ float:left; width:0; height:0; content:''; border-top:10px solid transparent; border-bottom:10px solid transparent;border-left:10px solid #fff; position:absolute; left:100%; top:50%; margin-top:-10px; }
.index8 .list dl dd h6 img{ float:left; width:86px; position:absolute; left:17px; top:17px;}
.index8 .list dl dd h6 span{ float:left; width:100%; }
.index8 .list dl dd h6 font{ float:left; width:100%; color:#3485ee; font-size:14px; line-height:20px; margin:2px 0 8px 0;}
.index8 .list dl dd:hover h5 a{ background:#3485ee; color:#fff;}
.index8 .list dl dd:hover h6, .market4 .btn a.qun:hover h6{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);}

.index8 .list li .text:hover{ border:1px solid #3485ee; box-shadow:0 5px 24px rgba(52,133,238,0.25);}
.index8 .list li .tit h4:hover{ color:#3485ee;}
/*.index8 .list li:nth-child(4n+2) .la:after,
.index8 .list li:nth-child(4n+2) .la:before{ background:#9f312b;}
.index8 .list li:nth-child(4n+3) .la:after,
.index8 .list li:nth-child(4n+3) .la:before{ background:#22901a;}*/

@media  screen and (max-width:1680px){
.index8 .list ul{ margin:0 -15px;}
.index8 .list li{ padding:0 15px;}
.index8 .list li h2{ font-size:18px; line-height:28px;}
.index8 .list li h2:after,
.index8 .list li h2:before{ top:7px;}
.index8 .list li .tit h4{ font-size:18px;}
.index8 .list li .la{ font-size:15px;}
.index8 .list li .tit time{ font-size:15px;}
.index8 .list li .text{ padding:26px 17px 17px 17px;}
.index8 .list dl{ padding:23px 17px 21px 17px;}
.index8 .list dl dd h5{ font-size:16px;}
.index8 .list dl dd h5 a{ font-size:15px;}
}
@media screen and (max-width:1024px){
.index8{ padding-top:30px; padding-bottom:30px;}
.index8 .list{ margin-top:0;}
.index8 .list ul{ margin:0 -7px;}
.index8 .list li{ width:50%; padding:0 7px;}
.index8 .list li:last-child{ width:50%;}
.index8 .list li h2{ margin-bottom:15px;}
.index8 .list li i{ height:155px;}
.index8 .list li .tit h4{ font-size:16px; line-height:26px; height:52px;}
.index8 .list li .tit time{ line-height:26px;padding:0 0 10px 0;margin-bottom:10px;}
.index8 .list li .text{ padding:15px 15px 15px 15px;}
.index8 .list li .la{ margin:0;}

.index8 .list dl{ padding:0 15px 15px 15px;}
.index8 .list dl dd{ padding:15px 0;}
}
@media screen and (max-width:767px){
.index8 .list li{ width:96%; }
.index8 .list li:last-child{ width:96%;}
}



.newsG{width:100%; padding-top:75px; padding-bottom:86px;}
.newsD{ float: left; width: 71.4%; color:#666666; font-size:18px; line-height:36px;}
.newsD .tit{ float: left; width:100%; color:#333333; font-size:30px; line-height:40px; text-align:center; font-weight:bold;}
.newsD .info{ float: left; width:100%; color:#666666; font-size:16px; line-height:26px; text-align:center; text-transform:uppercase; border-bottom:1px solid #cbcbcb; padding:46px 0 52px 0;}
.newsD .info .p{ margin:0 70px;}
.newsD .cont{ float: left; width:100%; border-bottom:1px solid #cbcbcb; padding:38px 0 70px 0;}
.newsD .cont a{color:#3485ee;}
.newsD .cont a:hover{text-decoration:underline;}
.newsD .cont i{font-size:12px;padding-left:5px; font-style:italic;}
.newsD .page{ float: left; width:100%; position:relative; margin-top:26px; }
.newsD .page .prev,
.newsD .page .next{ float:left; width:100%; color:#666666; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;  font-size:16px; line-height:30px; padding-right:188px; margin:7px 0;}
.newsD .page .prev span,
.newsD .page .next span{ color:#3485ee;}
.newsD .page .prev:hover,
.newsD .page .next:hover{ color:#3485ee;}
.newsD .page .renter{ float:left; position:absolute; right:0; top:50%; color:#fff; background:#3485ee; border-radius:3px; text-align:center; margin-top:-24px; font-size:16px; line-height:48px; width:150px;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.newsD .page .renter img{ margin-right:8px;}
.newsD .page .renter:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); }

.newsR{ float: right; width: 23.9%; margin-top:5px;}
.newsR h4{ float:left; width:100%; background:#3485ee; color:#fff; flex-wrap:wrap; display: flex; align-items: center; font-size:24px; line-height:46px; padding:10px 22px;}
.newsR h4 img{ width:26px; height:26px; margin-right:12px;}
.newsR ul{ float:left; width:100%; border:1px solid #dddddd; border-top:none; padding:0 22px 25px 22px;}
.newsR ul li{ float:left; width:100%; border-bottom:1px solid #dddddd; padding:30px 0;}
.newsR ul li:last-child{ border-bottom:none;}
.newsR ul li a{ float:left; width:100%; position:relative; min-height:102px; padding-left:190px;}
.newsR ul li i{ float:left; width:165px; height:102px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;}
.newsR ul li.top i:before{content:"TOP";display:block;background:#f60;color:#fff;font-size:12px;line-height: 16;padding: 0 2px;
    position:absolute; left:0; top:0;}
.newsR ul li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.newsR ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsR ul li h5{ float:left; width:100%;color:#333333; font-size:18px; line-height:24px; height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:9px 0 18px 0; }
.newsR ul li time{ float:left; width:100%;color:#666666; font-size:16px; line-height:24px; }
.newsR ul li a:hover h5{ color:#3485ee;}

.newsR dl{ float:left; width:100%; border:1px solid #dddddd; border-top:none; padding:0 22px 110px 22px;}
.newsR dl dd{ float:left; width:100%; border-bottom:1px solid #dddddd; padding:22px 0;}
.newsR dl dd a{ float:left; width:100%; position:relative; }
.newsR dl dd h5{ float:left; width:100%;color:#333333; font-size:20px; line-height:36px; height:72px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.newsR dl dd time{ float:left; width:100%;color:#666666; font-size:16px; line-height:28px; margin-top:15px; }
.newsR dl dd a:hover h5{ color:#3485ee;}

.newsR.ask ul li a{padding-left:0!important;min-height:initial!important;}

@media  screen and (max-width: 1600px){
.newsD{ font-size:15px;}	
.newsD .tit{ font-size:28px; line-height:38px;}
.newsD .info{ font-size:15px;}
.newsD .page .prev,
.newsD .page .next{ font-size:15px;}
.newsD .page .renter{ font-size:15px;}
.newsR{ width:24.9%;}
.newsR ul li a{ min-height:80px; padding-left:140px;}
.newsR ul li i{ float:left; width:129px; height:80px;}
.newsR ul li h5{ font-size:16px; margin:2px 0 5px 0;}
.newsR ul li time{ font-size:15px;}

.newsR dl dd h5{ font-size:16px; line-height:26px; height:52px;}
.newsR dl dd time{ font-size:15px; line-height:26px;}

}
@media  screen and (max-width: 1280px){
.newsD .info .p{ margin:0 25px;}
.newsD .page .prev,
.newsD .page .next{ padding-right:140px;}
.newsD .page .renter{ margin-top:-19px; line-height:38px; width:120px;}
}
@media  screen and (max-width: 1024px){
.newsG{ padding-top:30px; padding-bottom:40px;}
.newsD{ width:100%; margin-bottom:20px;}
.newsD .tit{ font-size:18px; line-height:28px;}
.newsD .info{ padding:10px 0 20px 0;}
.newsD .cont{ padding:20px 0 20px 0;}
.newsD .page{ margin:15px 0;}
.newsD .page .prev,
.newsD .page .next{ margin:0;}
.newsR{ width:100%;}
.newsR h4{ font-size:18px; line-height:32px; padding:10px 12px;}
.newsR h4 img{ width:22px; height:22px; margin-right:8px;}
.newsR ul{ padding:0 12px 15px 12px;}	
.newsR ul li{ padding:15px 0;}
.newsR dl{ padding:0 15px 30px 15px;}
.newsR dl dd{ padding:16px 0;}
.newsR dl dd time{ margin-top:2px;}

}
@media  screen and (max-width: 767px){
.newsD{ line-height:26px;}
.newsD .info .p{ margin:0; display:block;}
.newsD .page .prev,
.newsD .page .next{ padding-right:0;}
.newsD .page .renter{ position:static; margin-top:15px;}
}












<!--0.00017213821411133-->