@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: 20px}
		.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}
		}