/*carousel*/

#indexCarouser img {

	width: 100%;

}

#indexCarouser .carousel-caption {

	display: none;

}

/*end-carousel*/





/*area*/





.area-list .outline {

	margin-top: 40px;

  font-size: 20px;

  line-height: 40px;

  color: #a6a5a5;

}

.area-list .ct {

   color: #a5a5a5;

}

.area-list .ct h4 {

  font-size: 32px;

}

.area-list .ct span {

	padding: 0 10px;

	font-size: 50px;

	font-family: 'CONTEXT';

	line-height: 200%;

  color: #df1020;

}

.area-list .ct h5 {

  font-size: 20px;

  width: 220px;

  margin:0 auto;

}

.area-list .btn {

	display: block;

	padding: 30px 0;

  text-align: center;

  color: #fff;

}

.area-list .btn a {

	display: block;

	width: 120px;

  height: 40px;

  margin: 0 auto;

  line-height: 40px;

  box-shadow: 0px 0px 0px 3px #d2d5d8;

  border: 1px solid #888888;

  border-radius: 20px;

  color: #666666;

  transition: all 0.4s ease 0s;

}



#indexCarouser .layui-carousel-arrow[lay-type=add]{

	right: 85px!important;

	left: auto!important;

		transition: all 1s;

-moz-transition: all 1s;	/* Firefox 4 */

-webkit-transition: all 1s;	/* Safari 鍜� Chrome */

-o-transition: all 1s;

}



#indexCarouser .layui-carousel-arrow[lay-type=sub]{

	left: 85px!important;



		right: auto!important;

		transition: all 1s;

-moz-transition: all 1s;	/* Firefox 4 */

-webkit-transition: all 1s;	/* Safari 鍜� Chrome */

-o-transition: all 1s;

}



.area-list .info-data {

	width: 25%;

	float: left;

	text-align: center;

}



.say-content {

  position: relative;

  width: 100%;

  height: 500px;

  background: #df1020;

  overflow: hidden;

  color: #fff;

  text-align: center;

}

.say-content .say-info .sub {

  width: 50px;

  height: 4px;

  background: #fff;

  margin: 30px auto;

}



.say-content .say-info p {

  font-size: 50px;

  line-height: 60px;

}

.say-content .say-info .khs{

  font-size: 35px;

}

.advantage{

  padding-bottom: 0!important;

}

.advantage h4 {

  color: #444;

  font-size: 21px;

  line-height: 36px;

  margin-top: 60px;

}

.advantage .outline {

 	margin: 10px 0px;

  font-size: 18px;

  line-height: 40px;

  color: #444;

}

.advantage img {

	padding-top: 30px;

}

.area-list h3 {

  font-size: 36px;

  padding: 0 20px;

  color: #333;

}

.box2Img img {

  width: 100%;

  transition: all 0.4s ease 0s;

}

.item .box2Tit {

  position: absolute;

  left: 3px;

  bottom: 0;

  width: 99.02%;

  padding: 20px;

  font-size: 30px;

  line-height: 34px;

  color: #fff;

  transition: all 0.4s ease 0s;

  box-sizing: border-box;

  background: #00000091;

}

.box2Img img:hover{

    -webkit-transition: all 250ms ease-in;

    -webkit-transform: scale(1.02);

    -moz-transition: all 250ms ease-in;

    -moz-transform: scale(1.02);

    -ms-transition: all 250ms ease-in;

    -ms-transform: scale(1.02);

    transition: all 250ms ease-in;

     transform: scale(1.02);

}



.ellipsis {

  display: block;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

.ellipsis p {

    font-size: 22px;

}

.ellipsis p:nth-of-type(3) {

    line-height: 49px;

    letter-spacing: 2px;

}

.box2Con,  .box2Img {

  position: relative;

  overflow: hidden;

}

.box2HovBg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  padding: 10px;

  background: rgba(83,1,3,1);

  box-sizing: border-box;

  color: #FFFFFF;

  opacity: 0;

  transform: translateY(-100%);

  transition: all 0.4s ease 0s;

  display: flex;

  justify-content: center;

  align-items: center;

}

.box2Con.active .box2Hov {

  height: 100%;

}

.box2HovBg h4 {

  padding: 10px 0;

  text-align: center;

  font-size: 22px;

  opacity: 0;

  transform: translateY(-100%);

  transition: all 0.4s ease 0s;

}

.box2Item {

  overflow: hidden;

  padding: 0 20px;

  font-size: 15px;

  line-height: 26px;

  letter-spacing: 1px;

  opacity: 0;

  transform: translateY(100%);

  transition: all 0.4s ease 0s;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

}

.box2Con.active .box2HovBg {

  transform: translateY(0);

  opacity: 1;

}

.box2Con.active .box2HovBg h4 , .box2Con.active .box2Item {

  transform: translateY(0);

  opacity: 1;

}

.box2Hov a{

  color: #fff;

}

.box2Con.active .box2Tit{

  transform: translateY(100%);

}

.box4Bg {

  padding: 10px 20px;

  position: relative;

  background: #f3f3f3;

  background-size: cover;

}



.boxlink a{

  float: left;

  padding: 0 5px;

  margin: 2px 5px;

  font-size: 14px;

}

.server-link-box {

  position: relative;

}

.server-link {

  position: absolute;

  top: 0px;

  left: 0px;

  height: 100%;

  width: 100%;

  z-index: 1;

}

.area-list .box4Bg .title {

  padding: 20px 0 60px 0;

  text-align: center;

}

.area-list .box4Bg .title h3 {

  color: #434343;

}

.box4Bg .outline {

  margin-top: 10px;

  color: #434343;

}

.box4Bg .news-style {

  background: #ffffff;

  box-shadow: 0px 0px 11px 5px #33333336;

  border-radius: 5px;

}







.box4Bg .news-style a {

  color: #434343;

}



.box4Bg .news-style:hover{

    -webkit-transition: all 250ms ease-in;

    -webkit-transform: scale(1.02);

    -moz-transition: all 250ms ease-in;

    -moz-transform: scale(1.02);

    -ms-transition: all 250ms ease-in;

    -ms-transform: scale(1.02);

    transition: all 250ms ease-in;

     transform: scale(1.02);

}



.news_list .contents {

  position: relative;

  display: block;

  width: 100%;

  height: 170px;

  padding: 15px 0px;

  background: #ffffff;

  border-radius: 3px;

  box-sizing: border-box;

  border: 1px solid #dddddd;

  color: #434343;

  transition: all 0.3s ease 0s;

}

.news_list .news_time {

  float: left;

  width: 140px;

  height: 140px;

  text-align: center;

  border-right: 1px solid #dddddd;

}

.news_list .news_time h3 {

  padding: 15px 0px;

  font-size: 52px;

  font-weight: bold;

  color: #df1020;

}

.news_list .news_time h4 {

  font-size: 18px;

  color: #df1020;

}



.news_contents_box {

  position: absolute;

  left: 140px;

  top: 0px;

  height: 170px;

  padding: 15px;

  box-sizing: border-box;

}

.news_list .news_contents h3 {

  padding: 0;

  margin-bottom: 15px;

  color: #2D2D2D;

  font-size: 18px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.news_list .news_contents h5 {

  overflow: hidden;

  line-height: 24px;

  font-size: 14px;

  color: #B5B5B5; 

  display: -webkit-box;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.news_list .news_contents .number {

  position: absolute;

  left: 20px;

  bottom: 10px;

  line-height: 25px;

  color: #A2A2A2;

  font-size: 14px;

}

.news_list .news_contents .more_link2 {

  position: absolute;

  right: 20px;

  bottom: -2px;

  color: #A3A3A3;

  transform: translateY(-50%);

  transition: all 0.3s ease 0s;

  font-size: 14px;

  line-height: 25px;

}

.area-list .box4Bg .btn a {

  color: #666666;

}

.boxlink{

  position: relative;

  z-index: 10;

  margin-top: 10px;

  padding: 0 10px;

}

/*end-area*/















/* 澶у睆骞� */

@media (min-width: 978px) { 

	.area-list .outline {

		padding: 0 20px;

	}

}

@media (min-width: 1200px) { 



}

@media (min-width: 1600px) { 

 

}

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

	.say-content .say-info {

	    padding-top: 24px;

	}

}

/* 骞虫澘鐢佃剳鍜屽皬灞忕數鑴戜箣闂寸殑鍒嗚鲸鐜� */

@media (min-width: 768px) and (max-width: 979px) {

	.area-list .outline {

		padding: 0 10px;

	}



}

@media (max-width: 1024px) {

  .area-list .item .advantage{

    padding: 50px 0 0 0;

  }

  .advantage h4{

    margin-top: 0px;

  }

  .area-list .item .advantage  .title{

    padding: 50px 0

  } 

  .box2Item {

    font-size: 12px;

    padding: 0 10px;

    line-height: 22px;

  }

  .boxlink {

    height: 38px;

    overflow: hidden;

    padding: 0;

  }

  .boxlink a {

    padding: 4px;

    margin: 4px;

    font-size: 12px;

  }

  .box2HovBg h4 {

    font-size: 16px;

    padding: 5px;

  }

}

  

/* 妯悜鏀剧疆鐨勬墜鏈哄拰绔栧悜鏀剧疆鐨勫钩鏉夸箣闂寸殑鍒嗚鲸鐜� */

@media (max-width: 768px) {

	

	.area-list .item .title {

		padding: 30px 0;

	}

	.area-list .outline {

    padding: 0 10px;

 		margin-top: 28px;

 		font-size: 16px;

 	}

  .box4Bg .title {

    padding: 20px 0;

  }

  .area-list .box4Bg .outline {

    margin-top: 0;

    font-size: 14px;

  }

 	.area-list .btn {

 		padding: 40px 0;

 	}

  .advantage h4 {

    font-size: 18px;

    margin-top: 12px;

  }

  .advantage .outline {

    margin: 5px 0px;

    font-size: 14px;

    line-height: 30px;

    color: #444;

  }

  .area-list .item .advantage  .title{

    padding: 10px 0

  } 

  .area-list .item .advantage{

    padding: 30px 0 0 0;

  }

  .area-list h3 {

    font-size: 26px;

  }

  .area-list .hz{

    margin-top: 8px;

    font-size: 16px;

  }

  .box2HovBg h4 {

    padding: 0;

  }

  #indexCarouser img{

      height: 300px;

      width: auto;

  }

}

.cul_item{

  border: 2px solid #c7c4c3;

}

@media screen and (max-width: 676px){

  .advantage img {

    width: 100%;

    padding: 30px 20px 0 20px;

    box-sizing: border-box;

  }

}

/* 妯悜鏀剧疆鐨勬墜鏈哄強鍒嗚鲸鐜囨洿灏忕殑璁惧 */

@media (max-width: 480px) {

	
	.say-content .say-info .sub {

    width: 40px;

    height: 3px;

	}

  .say-content .say-info p {

    font-size: 22px;

	}

  .area-list .item .advantage .title {

    padding: 0 20px;

  }

}



/* banner */





.wrapper {

	width:100%;

	/* height:794px; */

	margin:0 auto;

	background:#ddd;

}



.it-em img {

	width:100%;
	height:100%;
  display: block;

}



.my-swiper-btn {

	font-family:'iconfont'; 

	width:50px;

	height:80px;

	position:absolute;

	top:50%;

	margin-top:-17px;

	background:rgba(0,0,0,.15);

	color:#fff;

	font-size:20px;

	font-weight:900;

	text-align:center;

	line-height:80px;

	cursor:pointer;font-family:"宋体";

}

.my-swiper-btn:hover {

	background:rgba(0,0,0,.4)

}

.my-swiper-lbtn {

	left:-3px;

	border-top-right-radius:17.5px;

	border-bottom-right-radius:17.5px;

}

.my-swiper-rbtn {

	border-top-left-radius:17.5px;

	border-bottom-left-radius:17.5px;

	right:-3px;

}

.my-swiper-wrapper {

	position:relative;

	overflow:hidden;
  /* min-height: 800px; */

}

.my-swiper-wrapper> ul {

	padding:0;

	margin:0;

}

.my-swiper-wrapper > ul >li {

	padding:0;

	margin:0;

	list-style:none;

}

.my-swiper-animate .my-swiper-content::after {

	content:'';

	display:block;

	clear:both;

}

.my-swiper-animate .my-swiper-item {

	float:left;

}

.my-swiper-fade .my-swiper-content {

	position:relative;

}

.my-swiper-fade .my-swiper-item {

	position:absolute;

}

.my-swiper-spots {

	position:absolute;

	bottom:7px;

	padding:10px 20px;

	left:0;

	right:0;

}

.my-swiper-spots span {

	display:inline-block;

	width:15px;

	height:15px;

	border-radius:50%;

	background:#eee;

	margin:0 5px;

}

.my-swiper-spots span.my-swiper-current {

	background:skyblue;

}

.my-swiper-content {

	position:absolute;

}







.z-ys-show .img, .z-ys-show .text {

  padding: 40px;

}



.z-ys-show .text-title {

  margin: 40px 0 35px 0;

  color: #e62828;

  font-size: 28px;

}



.z-ys-show .text-title i {

  float: left;

  display: inline-block;

  width: 100px;

  height: 100px;

  color: rgb(194, 12, 12);

  text-align: center;

  font-weight: 700;

  font-style: normal;

  font-size: 50px;

  font-family: 楷体;

  line-height: 100px;

  background: url(../index-youshi-icon.png) no-repeat;

}



.z-ys-show .text-title span {

  float: left;

  display: inline-block;

  box-sizing: border-box;

  padding: 15px 0 0 20px;

  color: #333;

  font-size: 14px;

}



.z-ys-show .text-title span b {

  display: block;

  padding-bottom: 3px;

  font-size: 28px;

}



.z-ys-show .text li {

  background: url(../images/xx_jiantou.jpg) no-repeat;

  padding-bottom: 15px;

  padding-left: 20px;

  color: #666;

  font-size: 14px;

  line-height: 25px;

  text-align: left!important;

}



.z-ys-show img {

  width: 100%;

}