﻿/* CSS Document */

.banner{ height:564px; width:100%; margin-bottom:36px;}
.swiper-container{ width:100%; height:564px;}
.swiper-slide{ background-size:auto 564px; height:564px;}
.wsiper_zdy{ width:48px; height:48px; position:absolute; top:50%; margin-top:-24px; z-index: 999; cursor: pointer;}
.swiper-zdy-next{ background:url(../images/next.png); right:30px;}
.swiper-zdy-prev{background:url(../images/prev.png); left:30px;}
.swiper-container .swiper-pagination-zdy{ text-align:center; width:100%; height:15px; line-height: 15px; position:absolute; left:0; bottom:32px; z-index: 999;}
.swiper-pagination-zdy .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; opacity: 1;}
.swiper-pagination-zdy .swiper-pagination-bullet-active{ background:#cab172;}

.bannerdes{ font-size:26px; line-height: 45px; background-color:rgb(0,0,0,0.8); padding:0 35px; color:#fff; display:inline-block; margin-top:404px; max-width:800px;}

.dtbox{ border:1px solid #dcdcdc; width:1448px; box-sizing: border-box; margin-left:auto; margin-right:auto;margin-bottom:15px; background-color:#fff; padding:58px 65px; display: flex; justify-content: space-between;-webkit-box-shadow: 2px 1px 4px #c0c0c0;
  -moz-box-shadow: 2px 1px 4px #c0c0c0;
  box-shadow: 2px 1px 4px #c0c0c0;}
.newsbox{ width:48%;}
.indexbar{ height:50px; line-height: 50px; border-bottom:1px solid #5d382d;margin-bottom:20px;}
.indexbar .more{ float:right; color:#5d382d; font-size: 14px;}
.indexbar h2{ font-size:25px; position:relative; height:50px; float:left; color: #5f1112; font-weight: bold;}
.indexbar em{ width:100%; display: block; height:3px; background-color: #da1320; position: absolute; left:0; bottom:-2px;}

.newimpornt{ width:100%; height: 420px; position:relative; overflow: hidden;}
.swiper-pagination-bullet{ opacity: 1; background-color:#fff;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#bea46a;}
.swiper-container-horizontal > .swiper-pagination-bullets{ bottom:60px; left:300px;}
.firstnews{  justify-content:space-between; padding-top:14px;}
.newsimg{ border:1px solid #cfcfcf; padding:5px; width:100%; box-sizing: border-box;}
.newsimg img{ width:619px; height:345px;}
.newsoth{ width:100%;  color:#3c3c3c;margin-top:10px;}
.newsoth h2{ font-size:18px; font-weight: 600; line-height: 30px;  text-align: center;}
.newsoth h2 a{ color:#3c3c3c;}
.newsoth h2 a:hover{ color:#a6230f;}
.newsoth p{ font-size:14px; line-height: 22px; margin-top:20px;}
.newsoth p a{ color:#a6230f;}
.newsoth p a:hover{ color:#3c3c3c; text-decoration: underline;}


.newslist{ margin-top:17px;}
.newslist ul{}
.newslist ul li{ line-height:35px;  overflow: hidden;}
.newslist ul li span{ float:right; color:#626262; font-size:12px;}
.newslist ul li a{ font-size:16px;}
.tonggaoup{ margin-top:15px;}
.flexbox{ display:flex; justify-content:space-between; margin-top:42px;}
.img1{ background:url(../images/img02.jpg) no-repeat center left; background-size:cover;}
.img2{ background:url(../images/img03.jpg) no-repeat center right; background-size:cover;}
.newstypebox{ width:47%;  display: flex;box-sizing: border-box;  background-color:#fff;}
.newstypecont{ width:638px;}
.imgtypebox{ width:48%;}
.flex_r{ flex-direction:row-reverse;}


.pagebanner{ background:url(../images/pagebanner.jpg) no-repeat center center; height:291px;}
.flexboxpage{  display:flex; justify-content: space-between; }
.slidbox{ background-color:#fff; width:330px; border:1px solid #c7c8c6;  padding:30px 0; box-sizing: border-box;-webkit-box-shadow: 2px 1px 4px #c0c0c0;
  -moz-box-shadow: 2px 1px 4px #c0c0c0;
  box-shadow: 2px 1px 4px #c0c0c0;}
.slidbox ul{}
.slidbox ul li{ height:50px; line-height: 50px; padding-left:91px; font-size:20px;}
.slidbox ul li a.cur{ color:#bea46a;}

.pagebox{ margin-top:17px;}

.pagebody{ background-color:#fff; width:100%;margin-left:10px; border:1px solid #c7c8c6; padding:35px 60px; box-sizing: border-box;-webkit-box-shadow: 2px 1px 4px #c0c0c0;
  -moz-box-shadow: 2px 1px 4px #c0c0c0;
  box-shadow: 2px 1px 4px #c0c0c0;}

.title{ font-size:25px; line-height: 45px; border-bottom:1px solid #5d382d; padding-bottom:8px; font-weight: bold; text-align: center;}
.pageother{ height:20px; line-height: 20px; font-size:12px; margin-top:10px; overflow: hidden; color:#7a7a7a;}
.position{ float:left;}
.date{ float:right;}
.pagecont{ font-size:16px; line-height:30px; text-align:center; margin-top:30px;}
.pagecont p{ padding:20px 0; text-align: left;}

@media screen and (max-width: 1447px) {
	.dtbox{width:100%;}
	
.newslist ul li {
  line-height: 29px;
  overflow: hidden;
}
	
	.newslist ul li a {
  font-size: 14px;
		width: calc(100% - 85px);
display: inline-block;
text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;	
}
	
.header {
padding:0 17px;
}	
	
.footer {
 padding:0 17px;
}	
	
.newsimg img{ width：100%; height:auto;}	
	
	
	.newsoth h2 {
  font-size: 14px;
  
}

.swiper-container-horizontal > .swiper-pagination-bullets {
 display: none;
}	
.newimpornt {
 
  height: auto !important;
 
}	
	
.newsbox {
  height: auto !important;
}	
	
.swiper-slide {
  background-size: auto;
  height: auto;
}	

.header-nav ul li {
  float: left;
  margin: 0 16px;
  font-size: 16px;
}	
	

	
.container{ max-width:1260px; margin-left:auto; margin-right:auto;}	
	
.slidbox ul li {
  height: 50px;
  line-height: 50px;
  padding-left: 91px;
  font-size: 18px;
}
	
}

@media screen and (max-width: 1309px) {
	.container{ width:100%; padding:0 10px; box-sizing: border-box;}
	.slidbox{ width:25%;}
	.pagebody{ width:100%;}
	.header-left{ width:37%;margin-top:10px;}
	.slidbox ul li{ padding-left:0; text-align: center;}
	.footerright {
  right:0px;
}
}

@media screen and (max-width: 1025px) {
	.footerright{ display:none;}
	.header-left{ width:60%}
	.navbar-toggle{ display:block; margin-top:40px;}
	.header-nav{ display:none;}
}

@media screen and (max-width: 769px) {
	.navbar-toggle{  margin-top:8px;margin-right:15px;}
	.header-left{ width:75%;}
	.headbot{ height:110px; line-height: 70px;}
	.flexboxpage{ flex-direction:column-reverse;}
	.pagecont{ margin-top:10px;}
	.title{ font-size:20px; line-height: 30px;}
	.slidbox{ width:100%; display: none;}
	.newimpornt {
 
  height:460px !important;
 
}
	.pagebody{ width:100%;margin:0}	
.newslist ul li span{ font-size:11px;}
	.firstnews{flex-wrap:wrap;}
	.newsimg{ border:1px solid #cfcfcf; padding:5px; width:100%; box-sizing: border-box;}
	.newsimg img{ width:100%;}
	.newsoth{ width:100%;  color:#3c3c3c;}
	.newsoth h2{ margin-top:10px; }
	.newsoth h2 a{ color:#3c3c3c;}
	.newsoth h2 a:hover{ color:#a6230f;}
	.newsoth p{ font-size:14px; line-height: 22px; margin-top:20px;}
	.newsoth p a{ color:#a6230f;}
	.newsoth p a:hover{ color:#3c3c3c; text-decoration: underline;}
	
	.pagebody{ width:100%; padding:25px;}
	.footerbotleft{ text-align:center;}
	.footer{ margin-top:20px;}
	.footertop{ text-align:center; padding:25px 0 0 0;}
	.footerlogo{ float:none;}
	.footerconect{ float:none; margin-left:0; border-left:0; padding-left:0; margin-top:20px;}
	.footerbottom{ padding:0 0 20px 0 !important; }
	.footerbotleft{font-size:12px;}

.header{ }
	.topWrap{ background-color:5d382d !important;}
	.dtbox{ flex-wrap:wrap; padding:30px;}
	.newsbox{width:100%;}
	.newsbox:last-child{ margin-top:30px;}
	.newstypebox{ padding:27px 30px;}
	
	.banner,.swiper-container,.swiper-slide{ height:320px;}
	.swiper-slide{ background-size:cover;}
	.bannerdes{ margin-top:180px; font-size:25px; line-height: 40px;}
	
	body {
		position: absolute;
		left: 0;
		right: 0;
		overflow-x: hidden;
		backface-visibility: hidden;
		transition: all 0.3s ease-in-out;
		transition-delay: 0s;
	  }

	  body.out {
		left: -190px;
		right: 190px;
		overflow: hidden;
	  }
	
	
}

@media screen and (max-width: 680px){
	
	
	.newimpornt {
 
  height:400px !important;
 
}
	
.pagecont p {
	font-size: 14px;
}
	
}



@media screen and (max-width: 510px){
	
	
	.newimpornt {
 
  height:325px !important;
 
}
	
	
	
}

@media screen and (max-width: 415px) {
	.header-left{ width:70%;}
	.newstypebox{ width:100%;}
	.banner,.swiper-container,.swiper-slide{ height:230px;}
	.bannerdes{ margin-top:130px; font-size:16px; line-height: 28px;}
	.swiper-container .swiper-pagination-zdy{ bottom:10px}
	
	
	
	
}


