@charset "utf-8";
/* CSS Document */
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	color: #4f5964;
	font-family: 'Microsoft Yahei', 'Arial', 'Open Sans', sans-serif;
	font-size: 14px;
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 1.82857143;
}
div, ul, li, p, dl, dt, dd, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal
}
table, tr, td {
	margin: 0;
	padding: 0
}
i, em {
	font-style: normal
}
a {
	text-decoration: none;
	color: #4f5964
}
a:hover {
	text-decoration: none;
	color: #003586;
}
a {
	outline: none;
}
a {
blr:expression(this.onFocus=this.blur())
}
a img {
	border: 0
}
input, textarea, select {
	font-family: "微软雅黑", Microsoft Yahei;
	color: #747373
}
.op80 a:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.op80 input:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.clear {
	clear: both;
	overflow: hidden;
	height: 0
}
.fl_l {
	float: left
}
.fl_r {
	float: right
}
.red {
	color: #ff0000
}
.green {
	color: #009627
}
.min0 {
	margin: 0
}
.min10 {
	margin-top: 10px
}
.min15 {
	margin-top: 15px
}
.min20 {
	margin-top: 20px
}
.min25 {
	margin-top: 25px
}
.r {
	text-align: right
}
.center {
	text-align: center
}
.height20 {
	height: 20px
}
.line {
	border-top: #bcbaae 1px solid
}
.header {
	height: 135px;
	width: 100%;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	color: #fff;
	background: url(../images/btm1.png);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.header .logo {
	width: 200px;
	margin: 35px 0 0 45px;
}
.header .logo a {
	display: block;
	width: 200px;
	height: 45px;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat center
}
.header .navpc {
	padding: 10px 45px;
	font-size: 16px;
	position: relative;
	z-index: 8;/* clear: both; */
}
.header .navpc a {
	display: inline-block;
	padding: 5px 6px;
	font-size: 16px;
	color: #fff;
}
.header .lang {
	width: 364px;
	height: 30px;
	position: absolute;
	bottom: 70px;
	right: 0px;
	z-index: 99;
	margin-right: 49px;/* font-size:16px; *//* text-align: right; */
}
.header .lang a {
	display: block;
	width: 370px;
	height: 45px;
	text-indent: -9999px;
	background: url(../images/logor.png) no-repeat center
}
.header .search {
	width: 160px;
	height: 30px;
	padding-left: 15px;
	position: relative;
	float: right;
	bottom: 45px;
	z-index: 99;
	border-bottom: #fff 1px solid;
	text-align: right;
	right: 77px;
}
.header .search .slig {
	width: auto;
	position: absolute;/* float: right; */
	top: 5px;
	left: 99%;/* right: 90px; */
	display: inline-block;
	padding-left: 10px;
}
.header .search .slig a {
	color: #fff;
	margin-left: 3px;
	margin-right: 3px;
}
.header .search .slig a:hover {
	color: #ff0000;
}
.header .search em {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(../images/icon1.png) no-repeat -32px -42px;
	margin: 0 5px -2px 5px;
}
.header .search_text {
	width: 100px;
	font-size: 12px;
	padding: 4px 5px;
	color: #fff;
	background: none;
	border: 0;
	outline: none;
	border-radius: 5px;
	font-size: 14px;
}
.header input.search_but {
	width: 28px;
	height: 28px;
	background: url(../images/icon.png) no-repeat -52px -38px;
	position: absolute;
	top: 0;
	right: 0px;
	border: 0;
	cursor: pointer;
	outline: none
}
.head_ff {
	background: #fff;
	color: #003586;
	border-bottom: #003586 2px solid
}
.head_ff .logo a {
	background: url(../images/logo_a.png) no-repeat center
}
.head_ff .navpc a {
	color: #003586;
}
.head_ff .lang a {
	background: url(../images/logor_a.png) no-repeat center
}
.head_ff .search {
	border-bottom: #003586 1px solid;
}
.head_ff .search .sli ul {
	background: #fff;
}
.head_ff .search_text {
	color: #003586;
}
.head_ff .search .slig a {
	color: #003586;
}
.head_ff .search em {
	background: url(../images/icon.png) no-repeat -32px -56px;
}
.head_ff input.search_but {
	background: url(../images/icon.png) no-repeat -52px -68px;
}
 @media (max-width:1440px) {
.header {
	height: 100px;
	width: 100%;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	color: #fff;
	background: url(../images/btm1.png);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.header .logo {
	width: 200px;
	margin: 15px 0 0 15px;
}
.header .navpc {
	padding: 3px 15px;
	font-size: 16px;
	position: relative;
	z-index: 8;/* clear: both; */
}
.header .lang {
	width: 364px;
	height: 30px;
	position: absolute;
	bottom: 55px;
	right: 0px;
	z-index: 99;
	margin-right: 29px;/* font-size:16px; *//* text-align: right; */
}
.header .search {
	width: 160px;
	height: 30px;
	padding-left: 15px;
	position: relative;
	float: right;
	bottom: 45px;
	z-index: 99;
	border-bottom: #fff 1px solid;
	text-align: right;
	right: 57px;
}
}
@media (max-width:1023px) {
.header {
	display: none;
}
}
/*清除默认样式*/
.ov {
	overflow: hidden
}
.db {
	display: block;
}
.dn {
	display: none;
}
.cf {
	color: #fff
}
.abs {
	position: absolute
}
.wh1 {
	width: 100%;
	height: 100%
}
.tra {
	-webkit-transition: all .3s;
	transition: all .3s
}
.tar {
	text-align: right
}
.tal {
	text-align: left
}
.tac {
	text-align: center
}
/*------首页-----*/
.i-banner {
	position: relative;
	z-index: 1;
}
.i-banner img {
	width: 100%;
	height: auto
}
.i-banner .owl-buttons {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	width: 100%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}
.i-banner .owl-controls .owl-buttons div {
width:.46rem;
height:.46rem
}
.i-banner .owl-controls .owl-buttons .owl-prev {
	left: 1%;
	background: url(../images/banner_l.png) no-repeat center;
	background-size: cover
}
.i-banner .owl-controls .owl-buttons .owl-next {
	right: 1%;
	background: url(../images/banner_r.png) no-repeat center;
	background-size: cover
}
.i-banner .owl-pagination {
bottom:.2rem;
	display: none;
}
.i-banner .owl-controls .owl-page span {
margin:0 .07rem;
width:.12rem;
height:.12rem;
	background: #fff;
	-webkit-transition: all .3s;
	transition: all .3s
}
.i-banner .owl-controls .owl-page.active span, .i-banner .owl-controls .owl-page:hover span {
	background: #ff0000
}
.owl-carousel .owl-wrapper:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
	line-height: 0
}
.owl-carousel {
	position: relative;
	display: block;
	width: 100%;
	-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
	position: relative;
	display: none;
	-webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper-outer {
	position: relative;
	overflow: hidden;
	width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
	float: left
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	vertical-align: middle;
	cursor: pointer
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.grabbing {
	cursor: url(grabbing.png) 8 8, move
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-ms-transform: translate3d(0, 0, 0)
}
.owl-controls {
	text-align: center;
}
.owl-pagination {
	position: absolute;
	font-size: 0;
	bottom: 25px;
	width: 100%
}
.owl-controls .owl-buttons div {
	position: absolute;
	top: 50%;
	display: inline-block;
	text-indent: -99999px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	zoom: 1;
*display:inline
}
.owl-controls .owl-buttons .owl-prev {
	left: 0
}
.owl-controls .owl-buttons .owl-next {
	right: 0
}
.owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display:inline
}
.owl-controls .owl-page span {
	display: block;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #999
}
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {
	background: #333
}
.owl-controls .owl-page span.owl-numbers {
	padding: 2px 10px;
	width: auto;
	height: auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #FFF;
	font-size: 12px
}
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px
}
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease
}
.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease
}
@media (max-width:1279px) {
.i-banner .owl-pagination {
bottom:.2rem;
	display: block;
}
.owl-controls .owl-buttons {
	display: none;
}
}
@-webkit-keyframes empty {
0% {
opacity:1
}
}
@-moz-keyframes empty {
0% {
opacity:1
}
}
@keyframes empty {
0% {
opacity:1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.wrap {
	position: relative;
	z-index: 9;
	margin: auto;
}
.indexbanner {
	position: relative;
}
.w1300 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: inline-block;
}
.i-lista .ul {
	width: 100%;
}
.i-lista .ul .li {
	width: 32.6%;
	margin-right: .661%;
	height: 60px;
	line-height: 60px;
	float: left;
	background: #fff;
	font-size: 16px;
	color: #333;
	padding: 0 35px;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
	border-top: 1px solid #fff;
}
.i-lista .ul .li {
	width: 32.6%;
	margin-right: .661%;
	height: 60px;
	line-height: 60px;
	float: left;
	font-size: 20px;
	color: #fff;
	padding: 0 35px;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.i-lista .ul .c1 {
	background: #f54164;
	border-top: 1px solid #f54164;
}
.i-lista .ul .c2 {
	background: #4e73c5;
	border-top: 1px solid #4e73c5;
}
.i-lista .ul .c3 {
	background: #5f4ec3;
	border-top: 1px solid #5f4ec3;
}
.i-lista .ul .li:nth-child(4n) {
	margin-right: 0;
}
.i-lista .ul .li:hover, .i-lista .ul .li.active {
	background: #003586;
	height: 68px;
	margin-top: -8px;
	border-top: 1px solid #0894c4;
}
.i-lista .ul .li:hover span, .i-lista .ul .li.active span {
	color: #fff;
}
.i-lista .ul .li:hover .img .img1, .i-lista .ul .li.active .img .img1 {
	opacity: 0;
	-webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
	transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.i-lista .ul .li:hover .img .img2, .i-lista .ul .li.active .img .img2 {
	opacity: 1;
	-webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
	transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.i-lista .ul .li span {
	display: inline-block;
	float: left;
	color: #fff;
}
.i-lista .ul .li .img {
	width: 48px;
	height: 48px;
	margin-top: 12px;
	position: relative;
	float: left;
	margin-right: 10px;
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.i-lista .ul .li .img img {
	max-width: 100%;
}
.i-lista .ul .li .img .img1 {
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position: absolute;
	left: 50%;
	top: 0;
	opacity: 1;
	-webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
	transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
	margin-left: -22px;
}
.i-lista .ul .li .img .img2 {
	position: absolute;
	left: 50%;
	margin-left: -22px;
	top: 0;
	opacity: 0;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
	transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.i-lista .list-box {
	overflow: hidden;
}
.i-lista .list-box .list1 {
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-webkit-transition: all .2s 0s ease-in-out;
	transition: all .2s 0s ease-in-out;
}
.i-lista .list-box .list1.active {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transition: all .6s .2s ease-in-out;
	transition: all .6s .2s ease-in-out;
}
.i-lista {
	width: 100%;
	position: absolute;
	bottom: 40px;
	text-align: center;
	z-index: 3;
}
.i-lista .n-list {
	padding: 35px;
	width: 100%;
	box-sizing: border-box;
}
.i-lista .list-box {
	width: 100%;
	height: 620%;
	box-sizing: border-box;
	background: rgba(0,53,134,.75);
	margin-bottom: 8px;
	text-align: left;
	position: absolute;
	bottom: 60px;
	display: none;
}
.i-lista .list-box .list {
	position: absolute;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	visibility: hidden;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.i-lista .list-box .list.active {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	visibility: visible;
}
@media (max-width:1440px) {
.i-lista {
	width: 100%;
	position: absolute;
	bottom: 4%;
	text-align: center;
	z-index: 3;
}
}
@media (max-width:1359px) {
.i-lista .list-box {
	width: 100%;
	height: 550%;
	box-sizing: border-box;
	background: rgba(0,53,134,.75);
	margin-bottom: 8px;
	text-align: left;
	position: absolute;
	bottom: 60px;
	display: none;
}
}
@media (max-width:1279px) {
.i-lista {
	width: 100%;
	position: relative;
	top: 0;
	text-align: center;
	z-index: 3;
	background: #2f4052;
}
.i-lista .list-box {
	min-height: 350px;
	height: auto;
}
.i-lista .w1300 {
	width: 100%;
}
.i-lista .list-box {
	position: relative;
	bottom: 0;
}
.i-lista {
	bottom: 0;
}
.i-lista .list-box {
	margin-bottom: 0;
}
}
 @media (max-width:1200px) {
.w1300 {
	width: 96%;
	margin: 0 auto;
	position: relative;
	display: inline-block;
}
}
@media (max-width:991px) {
.i-lista .ul .li {
	width: 32.6%;
	margin-right: .661%;
	height: 60px;
	line-height: 60px;
	float: left;
	font-size: 18px;
	color: #fff;
	padding: 0 15px;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.i-lista .ul .li .img {
	width: 48px;
	height: 48px;
	margin-top: 12px;
	position: relative;
	float: left;
	margin-right: 5px;
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
}
@media (max-width:800px) {
.i-lista .list-box {
	min-height: auto;
	height: auto;
	padding-bottom: 2%;
}
}
@media (max-width:640px) {
.i-lista .ul .li {
	width: 32.6%;
	margin-right: .661%;
	height: 50px;
	line-height: 50px;
	float: left;
	font-size: 16px;
	color: #fff;
	padding: 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.i-lista .ul .li:hover, .i-lista .ul .li.active {
	background: #003586;
	height: 58px;
	margin-top: -8px;
	border-top: 1px solid #0894c4;
}
.i-lista .ul .li .img {
	display: none;
}
.i-lista .ul .li span {
	display: inline-block;
	float: left;
	color: #fff;
	padding-left: 15px;
}
}
@media (max-width:479px) {
.i-lista .ul .li span i {
	display: none;
}
}
.listcon {
	width: 90%;
	margin: 0 auto;
	color: #fff;
	padding: 4% 0px;
}
.listcon2 {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding: 3% 0px;
}
.listcon h1 {
	font-size: 30px;
	color: #fff;
	line-height: 45px;
	font-weight: bold;
}
@media (max-width:1359px) {
.listcon {
	width: 90%;
	margin: 0 auto;
	color: #fff;
	padding: 2% 0px;
}
.listcon2 {
	width: 90%;
	margin: 0 auto;
	color: #fff;
	padding: 2% 0px;
}
}
@media (max-width:1151px) {
.listcon h1 {
	font-size: 26px;
	color: #fff;
	line-height: 45px;
	font-weight: bold;
}
}
@media (max-width:800px) {
.listcon h1 {
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
}
.listcon {
	width: 90%;
	margin: 0 auto;
	color: #fff;
	padding: 5% 0px;
}
.listcon2 {
	width: 96%;
	margin: 0 auto;
	color: #fff;
	padding: 5% 0px;
}
}
.indexabout_l {
	float: left;
	width: 55%;
}
.indexabout_l .indexaboutcon {
	width:100%;
	font-size: 14px;
	color: #fff;
	clear: both;
	margin-top: 3%;
}
.indexabout_video {
	float: right;
	width: 40%;
}
.indexvideo {
	position: relative;
	text-align: center;
}
.indexvideobg img {
	max-width: 100%;
	height: auto;
}
.indexvideo .play {
	width: 91px;
	height: 91px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 35%;
	left: 40%;
	z-index: 1;
}
.indexvideo .play img {
	max-width: 100%;
	height: auto;
}
@media (max-width:800px) {
.indexvideo .play {
	width: 61px;
	height: 61px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 35%;
	left: 40%;
	z-index: 1;
}
}
@media (max-width:640px) {
.indexabout_video {
	float: none;
	width: 80%;
	margin: 0 auto;
}
.indexabout_l {
	float: left;
	width: 100%;
	clear: both;
	margin-top: 5%;
}
}
.indexparty li {
	width: 96%;
	font-size: 18px;
	float: left;
	margin: 0 2%;
	border-bottom: 1px dotted #a0a8b6;
	color: #fff;
	margin-bottom: 1.5%;
}
.indexparty li:hover {
	background: #f54164;
	border-bottom: 1px dotted #f54164;
}
.indexparty li span {
	width: 15%;
	float: left;
	margin-left: 1%;
}
.indexparty li a {
	width: 84%;
	float: left;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
 @media (max-width:800px) {
.indexparty li {
	width: 96%;
	font-size: 16px;
	float: left;
	margin: 0 2%;
	border-bottom: 1px dotted #a0a8b6;
	color: #fff;
	margin-bottom: 1.5%;
}
}
 @media (max-width:640px) {
 .indexparty li{
		 	margin-bottom: 3%;
 }
.indexparty li span {
	width: 20%;
	float: left;
	margin-left: 1%;
}
.indexparty li a {
	width: 79%;
	float: left;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}
 @media (max-width:480px) {
.indexparty li span {
	width: 25%;
	float: left;
	margin-left: 1%;
}
.indexparty li a {
	width: 74%;
	float: left;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}
 @media (max-width:420px) {
 .indexparty li span {
	width:100%;
	float: left;
	margin-left: 0%;
}
.indexparty li a {
	width:100%;
	float: left;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}
.indexnews li {
	width: 33.33333%;
	float: left;
}
.indexnews li .nwscon {
	width: 80%;
	margin: 0 auto;
	color: #fff;
}
.indexnews li .date {
	width: 100%;
	font-size: 14px;
	color: #ccc;
	float: left;
}
.indexnews li .tit {
	width: 100%;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	float: left;
	margin-top: 1%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.indexnews li .tit a {
	color: #fff;
}
.indexnews li .tit a:hover {
	color: #f54164;
}
.indexnews li .wz {
	width: 100%;
	float: left;
	font-size: 14px;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 1%;
	padding-bottom: 2%;
}
.indexnews li .newstp {
	width: 100%;
	float: left;
	margin-top: 1%;
}
.indexnews li .newstp img {
	max-width: 100%;
	height: auto;
}
@media (max-width:1024px) {
.indexnews li .nwscon {
	width: 90%;
	margin: 0 auto;
	color: #fff;
}
}
@media (max-width:800px) {
.indexnews li .tit {
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	float: left;
	margin-top: 1%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}
@media (max-width:640px) {
.indexnews li {
	width: 100%;
	float: left;
	margin:3% 0;
}
.indexnews .newsleft {
	width: 60%;
	float: left;
}
.indexnews li .newstp {
	width: 35%;
	float: right;
	margin-top: 0;
}
}
@media (max-width:480px) {
.indexnews li .tit {
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	float: left;
	margin-top: 1%;
	overflow: auto;
	white-space: normal;
	text-overflow: ellipsis;
}
.indexnews li .wz {
	display:none;
}
.indexnews .newsleft {
	width: 55%;
	float: left;
}
.indexnews li .newstp {
	width: 40%;
	float: right;
	margin-top: 0;
}
}