@charset "utf-8";

@media (max-width: 1440px) {
	.index-title h2 {
		padding-left: 160px;
		background-size: 150px
	}
}

@media (max-width: 1239px) {
	.navbar .menuslider {
		padding: 25px 0
	}

	.navbar.showdiv .menuslider {
		padding: 20px 0
	}

	.index-title h2 {
		padding-left: 99px;
		background-size: 90px;
		height: 70px
	}

	.index-title h2 img {
		width: 120px
	}

	.index-title .index-more {
		font-size: 1rem;
		padding-right: 30px;
		background: url(../images/index-more-ico.png) right center no-repeat;
		background-size: auto 100%;
		top: 20px
	}

/*	.row2 .index-title {
		width: 300px
	}

	.row2 .index-title h2 img {
		width: 160px
	}
*/
	.text-news {
		width: 45%;
		margin-left: -15%
	}

	.text-news li {
		padding: 20px 15px;
		margin-top: 10px
	}

	.index-tzgg li {
		margin-bottom: 15px
	}

	.gemx-box {
		padding: 15px
	}

	.footer .container {
		padding: 0
	}

	.location .tit {
		font-size: 1.65rem
	}

	.list-pics {
		margin: 0 -20px
	}

	.list-pics li a {
		margin: 0 20px
	}

	.list-pics li a p {
		width: 80%;
		height: 50px;
		line-height: 50px
	}
}

@media (max-width: 1080px) {
	.banner {
		position: relative !important;
		height: 30rem
	}

	.header {
		padding: 20px 1%
	}

	.header .logo {
		width: 240px
	}

	.header .deadline .text {
		width: 120px
	}

	.header .deadline .date {
		width: 100px;
		height: 100px
	}

	.navbar {
		position: absolute;
		bottom: auto;
		top: 90px
	}

	.navbar .menuBtn {
		width: 30px;
		cursor: pointer;
		position: absolute;
		left: 20px;
		z-index: 9;
		padding-top: 4px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.navbar .menuBtn b {
		display: block;
		height: 3px;
		background-color: #9f2620;
		margin-bottom: 5px;
		border-radius: 2px;
		transition: 0.3s;
		-ms-transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s
	}

	.navbar .menuBtn2 {
		display: none
	}

	.navbar .logo2 {
		display: none
	}

	.navbar .logo3 {
		display: block;
		position: relative;
		visibility: visible !important;
		opacity: 1 !important;
		top: 10px
	}

	.navbar .logo3 .pic {
		width: 120px;
		height: 120px;
		margin: 0 auto;
		padding-top: 10px
	}

	.navbar .logo3 a {
		width: 100px;
		height: 100px;
		padding-top: 9px;
		background: url(../images/logobg.png) no-repeat;
		background-size: 100% 100%
	}

	.navbar .menuslider {
		opacity: 0;
		visibility: hidden;
		position: fixed;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		display: block;
		background: #9f2620;
		z-index: 99;
		width: 100%;
		height: 100% !important;
		padding: 0 15px;
		left: 0;
		top: 100%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out
	}

	.navbar .menuslider .navbar-nav {
		margin-top: 20px;
		overflow: hidden
	}

	.navbar .menuslider .navbar-nav .navleft, .navbar .menuslider .navbar-nav .navright {
		width: 100%;
		float: none
	}

	.navbar .menuslider .navbar-nav li {
		margin-bottom: 10px;
		padding: 0 15px
	}

	.navbar .menuslider .navbar-nav li a {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #fff
	}

	.navbar .menuslider .navbar-nav li .cn {
		line-height: 30px
	}

	.navbar .menuslider a {
		font-weight: normal !important
	}

	.navbar .menuslider .nav-child {
		width: 100%;
		display: none;
		position: relative !important;
		background-color: transparent;
		float: none;
		border: none;
		top: 0 !important;
		left: 0 !important;
		padding: 10px 0 10px 10px !important;
		margin: 0 0 -1px 0 !important;
		opacity: 1;
		visibility: visible
	}

	.navbar .menuslider .nav-child li {
		text-align: left
	}

	.navbar .menuslider .nav-child li a {
		padding: 5px
	}

	.navbar .menuslider .nav-child li>dl {
		display: none;
		position: relative;
		left: 0;
		top: 0;
		background: none;
		padding-left: 15px
	}

	.navbar .menuslider .nav-child li.hasChild.on>dl {
		display: block
	}

	.navbar .menuslider .nav-child:before {
		display: none
	}

	.navbar .navbar-nav>li {
		width: 100% !important;
		display: block;
		position: relative;
		text-align: left !important;
		padding: 10px 20px !important;
		height: auto;
		border-bottom: 1px solid #ccc;
		background: none !important
	}

	.navbar .navbar-nav>li a {
		text-align: left !important;
		line-height: 24px;
		color: #333 !important
	}

	.navbar .navbar-nav>li.hasChild>em {
		position: absolute;
		top: 0;
		right: 10px;
		z-index: 9;
		width: 20px;
		height: 45px;
		background: url(../images/select-ico.png) center no-repeat;
		cursor: pointer
	}

	.navbar li.hasChild.on .nav-child {
		display: block !important;
		background: none
	}

	.navbar .menu-bott {
		display: block
	}

	body.side-right .navbar .menuslider {
		opacity: 1;
		visibility: visible;
		top: 0
	}

	body.side-right .navbar .menuBtn {
		display: none
	}

	body.side-right .navbar .menuBtn2 {
		display: block;
		top: 60px
	}

	body.side-right .navbar .menuBtn b {
		display: none;
		margin: 0;
		position: absolute;
		left: 0;
		top: 50%;
		width: 30px;
		background-color: #fff !important
	}

	body.side-right .navbar .menuBtn b:first-child {
		display: block;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg)
	}

	body.side-right .navbar .menuBtn b:last-child {
		display: block;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg)
	}

	.listnav.navbar.showdiv {
		position: absolute !important;
		top: 40px
	}

	.row1 {
		padding: 50px 0 60px
	}

	.row1 .left {
		width: 100%
	}

	.row1 .right {
		width: 100%;
		margin-top: 40px
	}

	.text-news {
		width: 40%;
		margin-left: -15%
	}

	.text-news li {
		margin-top: 20px
	}

	.list-news .pic {
		width: 300px
	}

	.list-news .text {
		width: calc(100% - 320px);
		padding: 30px 30px 0 0
	}

	.list-news .text:before {
		width: calc(100% - 280px)
	}

	.list-news .info {
		width: calc(100% - 60px)
	}

	.list-news .tit {
		margin-bottom: 10px
	}

	.list-news .more {
		margin-top: 10px
	}
}

@media (max-width: 992px) {
	.slider-news {
		width: 100%
	}

	.slider-news .box .text {
		padding: 10px 35px
	}

	.text-news {
		width: 100%;
		margin: 0
	}

	.text-news li {
		margin-top: 40px;
		padding: 40px 30px 20px
	}

	.footer .cory {
		float: none;
		width: 100%
	}

	.footer .ewm {
		float: none;
		width: 210px;
		margin: 20px auto 0
	}

	.list-text li {
		padding-right: 20px
	}

	.list-text li:nth-child(2n) {
		padding-left: 20px
	}
}

@media (max-width: 768px) {
	.banner {
		height: 24rem
	}

	.list-news li:before {
		display: none !important
	}

	.list-news .pic {
		float: none;
		margin: 0 auto;
		max-width: 100%
	}

	.list-news .text {
		width: 100%;
		padding: 20px 15px
	}

	.list-news .text:before {
		display: none
	}

	.list-text li {
		width: 100%;
		padding: 0 !important
	}

	.article-con .tit {
		padding: 0;
		background: none
	}

	.article-con .tit:before, .article-con .tit:after {
		display: none
	}

	.list-pics li {
		width: 100%
	}
}

@media (max-width: 600px) {
	html {
		font-size: 14px
	}

	.header .deadline {
		display: none
	}

	.banner {
		height: 20rem
	}

	.navbar .navbar-nav li {
		width: 100%
	}

	.navbar .menuBtn {
		right: 20px;
		top: -50px;
		left: auto
	}

	.text-news li {
		padding: 20px
	}

	.index-tzgg li .text {
		width: calc(100% - 105px)
	}

	.gemx-box .text {
		width: 100%
	}

	.gemx-box .pic {
		float: none;
		margin: 20px auto 0
	}

	.footer .cory {
		padding-left: 100px
	}

	.listnav.navbar.showdiv .menuBtn {
		top: 0
	}

	.listnav.navbar.showdiv .menuBtn2 {
		top: 60px
	}

	.list-banner .location {
		position: relative
	}

	.list-banner .location .current {
		width: 100%;
		padding: 15px
	}
}