@media only screen and (max-width: 1399px) {
	.inner {
		width: 98%;}

	.pic {
		width: 42%;}

	.xylist {
		width: 55%;}

	.xylist li {
		width: 45%;}

	.main2 .tztop {
		width: 20%;}

	.tzlist {
		width: 80%;}

	.tzlist .wz {
		/* height: 50px; */
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;}

	.main5 ul li {
		width: 23%;}

	.main5 ul li .zttp {
		width: 100%;
		height: auto;}

	.main5 ul li .zttp img {
		width: 100%;}
}

@media only screen and (max-width:1366px) {}

@media only screen and (max-width:1375px) {
.conleft ul li a {
    font-size: 14px;}
}

@media only screen and (max-width:1207px) {
.conleft ul li a {
    font-size: 12px;}
}

@media only screen and (max-width:1200px) {
	.xrld ul li .xrld_bg .xrld_bt {
		width: 45%;
		margin-right: 0px;}

	.ins {
		width: 100%;}

	.xiao {
		display: block;
		height: 360px;
		position: relative;}

	.xiao-list li:hover {
		background: #01559D;}

	.xiao-list li:hover h3 {
		color: white;}

	.xiao-list li:hover h5 {
		color: #F49330;}

	.lb_gl {
		padding-bottom: 10px;}

	.xiao-list li:hover p,
	.xiao-list li:hover span {
		color: #F5F5F5;}
        .study .more {
           bottom: -20px;}
        .main_video .more {
               margin: 20px auto 60px auto;}
.main4{
padding-bottom:0px
;}
.study .lb_gl{
padding-bottom: 40px;}
}

@media only screen and (max-width:1040px) {
.conleft ul li{
overflow: hidden;}
	.xs ul li {
		width: 24%;}

	.xxyd ul li .tp {
		margin-right: 10px;}

	.xshd ul li p {
		height: 50px;
		overflow: hidden;}

	.btrq .bt {
		height: 55px;
		overflow: hidden;}
}

@media only screen and (max-width:1000px) {
	.btrq .bt {
		height: 55px;
		overflow: hidden;}
}

@media only screen and (max-width: 900px) {
	#nav {
		display: none;}

	.pic_link ul li img {
		width: 100%;}

	.demo-2 {
		display: block !important;}

	.head-right {
		display: block;
		margin-right: 50px;}

	.top {
		position: relative;}

	.pic {
		width: 100%;}

	.xylist {
		width: 100%;
		margin-top: 20px;}

	.xylist li {
		width: 47%;}

	.xylist .l1,
	.xylist .l4 {
		background: #FFFFFF;}

.main2{
background-size: contain;}

	.main2 .tztop {
		width: 100%;
		padding: 20px 0px;}

	.tzlist {
		width: 100%;}

	.main2 .tztop a {
		margin-top: 10px;}

	.gg {
		width: 100%;}

	.main3 {
		background: none;}

.main4 {
 margin-top: 20px;
    overflow: hidden;}

	.xg {
		top: 0px;}

	.xs ul li {
		width: 100%;
		margin-bottom: 20px;}

	.ckgd {
		margin: 0px auto 30px;}

	.main5 ul li {
		width: 100%;
		margin-bottom: 20px;}

	.main5 .ckgd {
		margin: 10px auto 30px;}

	.conleft {
		/* display: none; */
		width: 100%;}

	.conleft .yj {
		height: 50px;
		line-height: 50px;
		margin-top: 20px;}

	.yj {}

	.conleft ul li {
		width: 48%;
		float: left;
		height: 35px;
		line-height: 35px;
		border-left: 0px;}

	.conleft ul li a {
		font-size: 14px;}

	.conright {
		width: 100%;}

	.listcon {
		margin-top: 0px;}

	.rslides img {
		height: auto;}

	.article {
		padding: 0px;}

	.article .read {
		max-width: 100%;
		overflow-x: scroll;}

	.pict_list ul {
		margin: 20px 0px;}
       .xgtop {
		margin-top: 23px;}

.gg .gd {
    margin-right: 30px;
    float: right;}
}

@media only screen and (max-width:880px) {
	.xiao-list {
		flex-direction: column;}

	.xiao-list li {
		width: 96%;
		margin: 10px 2%;}

	.xiao {
		height: auto;
		margin-bottom: 70px;}

	.xiao .more {
		bottom: -50px
	;}

	.xue ul li a {
		height: 31px;}

	.study .lb_gl {
		padding-bottom: 0px;}
}

@media only screen and (max-width: 530px) {
	.pict_list ul li {
		width: 45%;
		margin-right: 5%;}

	.pic_wrap {
		height: 160px;}

	.xylist li {
		width: 100%;}

	.xylist .l3 {
		margin-bottom: 20px;}

	.tzlist li {
		width: 100%;}

	.tzlist li {
		padding: 20px 0px;
		margin: 0px;}

	.conright .listul li a {
		width: 75%;}

	.search {}

	.toplink1 {
		margin-right: 15px;}

	.pic_link ul li {
		width: 47%;
		margin-right: 3%;}

	.xrld ul li {
		width: 100%;
		max-width: 100%;}

	.main5 ul li p {
		margin-bottom: 0px;}

	.main6 ul {
		float: left;
		margin: 20px auto;}
}

@media only screen and (max-width: 430px) {
	.conright .listul li a {
		width: 70%;}

	.xrld ul li .xrld_bg .xrld_pic,
	.xrld ul li .xrld_bg .xrld_bt {
		width: 100%;
		height: auto;}

	.xrld ul li .xrld_bg .xrld_bt {
		padding: 10px;
		margin-right: 0px;
		box-sizing: border-box;}

	.xrld ul li {
		height: auto;}

	.xrld ul li .xrld_bg .xrld_bt a.read_more {
		position: initial;}
}