*{margin:0;padding:0}
body,html{width:100%;height:100%;background:#fff;font-family:"微软雅黑";color:#333;font-size:14px}
a{color:#333;font-size:14px;text-decoration:none}
a:hover{text-decoration:none;color:#8c1c25}
li,ol,ul{list-style:none}
input,textarea{font-family:"微软雅黑"}
b,em,h1,i,strong{font-style:normal;font-weight:400}

body{ background: url(../image/bg.jpg) center top no-repeat;}
.main{width:1288px;margin:auto;}
.fl{float:left}
.fr{float:right}
img{border:none;display:inline-block;/*float:left*/}
.clearfix{clear:both}

.top{ width: 100%; height: 25px; border-bottom: 1px solid #e4e4e4; background: #f2f2f2; line-height: 25px;}
.top .main{text-align: right;}
.top .main a{ color: #474646; font-size: 12px; margin-left: 20px;}

.header{ width: 100%; height: 90px;}
/* .header .logo{ padding-top: 20px;} */
.header .main{ display: flex;
align-items: center;}
.main-nav{float:right;}
.main-nav li{height:90px;float:left;line-height:90px; margin-left: 28px;}
.main-nav li a{height:100%;display:block;text-align:center;font-size:16px;position:relative;z-index:102}
.main-nav li a.current{background:#fff}
.main-nav li a:hover{color:#f00}
.main-nav li.last{background-image:none}

.sub-nav{width:1288px;position:absolute;left:calc((100% - 1288px)/2);top:90px;z-index:101;display:none}
.sub-nav.current{display:block}
.sub-nav dt{padding:20px 50px;height:33px;background:#fff;text-align:left;opacity:.93;filter:alpha(opacity=93)}
.sub-nav dt a{width:auto;height:32px;display:block;float:left;line-height:32px;font-size:13px;text-align:left}
.sub-nav dt a.current{border-bottom:2px solid #ed000b;color:#ed000b}
.sub-nav dt span{float:left;padding:16px;background:url(../image/ico0.png) no-repeat center center}
.sub-nav dt span:last-child{ display: none;}
.sub-nav dd{padding:20px 0 20px 40px;background:#fff;border-top:2px solid #e3e2e1;opacity:.93;filter:alpha(opacity=93);line-height:36px;display:none;overflow:hidden;*zoom:1}
.sub-nav dd.current{display:block}
.sub-nav dd a{text-align:left;font-size:13px;width:200px;float:left;display:block}
.sub-nav dd .col{padding:0 40px 0 0;display:inline-block;*display:inline;*zoom:1}
.sub-nav dd .col a{text-align:left;display:block}

.banner{overflow:hidden;height:462px;text-align:center; width: 100%;}
.banner .dg-container{width:100%;height:462px;position:relative;z-index:1;margin:0 auto}
.banner .dg-wrapper{width:1288px;height:462px;margin:0 auto;position:relative;z-index:1;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px}
.banner .dg-wrapper a{width:1288px;height:462px;display:block;background:#000;position:absolute;left:0;top:0; box-shadow: 0 0 10px #333;}
.banner .dg-wrapper a.dg-transition{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.banner .dg-wrapper a img{display:block;padding:0}
.banner .dg-wrapper a div{font-style:italic;text-align:center;line-height:50px;text-shadow:1px 1px 1px rgba(255,255,255,.5);color:#333;font-size:16px;width:100%;bottom:-55px;display:none;position:absolute}
.banner .dg-wrapper a.dg-center div{display:block}
.banner .dg-container .dg-next,.dg-container .dg-prev{position:absolute;z-index:100;top:0;height:462px;width:30%;display:block;cursor:pointer}
.banner .dg-container .dg-prev{left:0}
.banner .dg-container .dg-next{right:0}

.index_tit{width: 100%; height: 45px; line-height: 45px;
 background: url(../image/ico1.png) left center no-repeat;display: flex;align-items: center;justify-content: space-between;
 }
.index_tit span{ color: #898989; font-size: 14px; padding-left: 8px;}
.index_tit span:first-child{ padding-left: 32px; color: #555555; font-size: 18px; padding-right: 8px;}
.index_tit>a{ float: right; display:block; width: 18px; height: 5px; background: url(../image/ico2.png) right center no-repeat; text-indent: -9999px;}

.index_list{ width: 100%; height: auto; min-height: 290px;}
.index_list li{ display: flex;}
.index_list li a{ flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555555; font-size: 16px; line-height: 35px; background: url(../image/ico3.png) left center no-repeat; padding-left: 15px;}
.index_list li a:hover{ text-decoration: underline; color: #8c1c25;}
.index_list li span{ width: 55px; display: inline-block; text-align: right; color: #989898; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; line-height: 35px;}

.index1{ width: 100%; height: auto;  padding-top: 10px;}
.index1 .index_tit{ border-bottom: 1px solid #e2e2e2; margin-bottom: 15px;}
.index1 .index11{ float: left; width:72%;}

.index1 .index_img{ position: relative;width:48%; float: left;min-height:101px;height:auto;}
.index1 .index_img .pic{width:100%; min-height:101px;height:auto;}
.index1 .index_img .pic img {width:100%; min-height:101px;height:auto; display:block;}
.index1 .index_img .pic{width:100%; min-height:300px}
.index1 .index_img .pic img {width:100%; height:300px; display:block;}
.index1 .index_img .txt { width:100%; overflow:hidden; height: 66px;position: relative;}
.index1 .index_img .txt li {height:66px; line-height:25px; position:absolute; bottom:-66px; background: #ececec; border-left: 2px solid #8c1c25; width: 100%; }
.index1 .index_img .txt li a {display:block; color:#303030; font-size:16px;padding: 8px 25px; overflow: hidden;
  text-overflow: ellipsis;
  /* 将对象作为弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 限制在一个块元素显示的文本的行数 */
  /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
  -webkit-line-clamp: 2;
  /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-box-orient: vertical;


}
.index1 .index_img .num {position:absolute; z-index:3; bottom:80px; right:10px;}
.index1 .index_img .num li {width:14px; height:14px; background:#fff; border-radius:50%; float:left; cursor:pointer; margin-left:10px;}
.index1 .index_img .num li.on {background:#8c1c25;}
.index1 .top_list{ float: right; width:49.5%; height: 365px;}
.index1 .top_list .top_news{ height: 75px; border-bottom: 1px solid #e2e2e2; position: relative; padding-left: 70px; padding-top: 10px; margin-bottom: 8px;}
.index1 .top_list .top_news .time{ position: absolute; left: 0px; top: 10px; width: 65px; color: #8c1c25; font-size: 12px; text-align: center;}
.index1 .top_list .top_news .time b{ display: block; font-size: 30px; font-weight: bold;}
.index1 .top_list .top_news h2 a{ color: #8c1c25; font-size: 18px;	display: inline-block;width: 100%;	 white-space: nowrap; 
	 overflow: hidden;
	 text-overflow: ellipsis;}
.index1 .top_list .top_news .text{ color: #c6c6c6; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 10px;}

.index1 .index12{ float: right; width: 25%;}
.index1 .index12 ul li{ width: 95%; height: 91px; background: url(../image/ico4.png) left top no-repeat; padding-left: 20px; overflow: hidden;}
.index1 .index12 ul li a{width: 100%; color: #333333; font-size: 16px; line-height: 25px;
 display: block; /*margin-top: -5px;*/ overflow: hidden;
  text-overflow: ellipsis;
  /* 将对象作为弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 限制在一个块元素显示的文本的行数 */
  /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
  -webkit-line-clamp: 2;
  /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-box-orient: vertical;}
.index1 .index12 ul li a:hover{ text-decoration: underline; color: #8c1c25;}
.index1 .index12 ul li p{ color: #b2b2b2; font-size: 14px; font-weight: normal; padding-top: 10px;}

.index2{ width: 100%;  background: url(../image/bg2.jpg) center bottom no-repeat; 
padding-bottom: 40px; padding-top: 10px;}
.index2 ul{ width: 100%; height: auto; margin-top: 10px;    display: flex;
    justify-content: space-between;}
.index2 ul li{  float: left;width: 24.5%;}
.index2 ul li:last-child{ margin-right: 0px;}
.index2 ul li img {width: 100%	;}

.index3{ width: 100%; height: auto;padding: 20px 0px;display: flex;justify-content: space-between;}
.index31,.index32,.index33{ width:32%; float: left; }
.index33{ float: right; margin-right: 0px;}
 

.index4{ width: 100%;  padding-bottom: 40px;}
.index4 h1{ width: 100%;  background: url(../image/ico5.png) center no-repeat; text-indent: -9999px; position: relative; background-size: 100%;height: 86px;}
.index4 ul{
	position: relative;z-index: 3; padding-top: 36px;
}
.index4 ul .main{display: flex;flex-direction: row;justify-content: space-between;}
.index4 ul::before{ position: absolute; content: ""; left: 0; right: 0; top:120PX; border-bottom: 1px dashed #999999;}
.index4 ul li{ float: left;width: 164px;position: relative;z-index: 9;}
.index4 ul li:last-child{ margin-right: 0;}
.index4 ul li a{display: block; width:164px; height: 164px;  border: 2px solid #d0d0d0; background: #fff; border-radius: 50%; 
text-align: center; color: #aeaead; font-size: 18px; font-weight: normal;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.index4 ul li a b,.index4 ul li a i {
	width: 100%;
	display:inline-block
}
.index4 ul li a b{
	width: 110px;
	height: 80px;
}
.index4 ul li a b img {
	width: 100%;
}
.index4 ul li a b img:last-child{
	display: none;
}
.index4 ul li a:hover{ background: #c70a19; border-color: #c70a19; color: #fff;}
.index4 ul li a:hover b img:last-child{
	display: block;}
	.index4 ul li a:hover b img:first-child{
		display: none;}
.footer{ width: 100%; height: 190px; float:left;background: url(../image/footer_bg.png) center bottom no-repeat; padding-top: 60px; margin-top: -10px; position: relative; z-index: 3;}
.footer h3{ color: #330000; font-size: 20px; padding-bottom: 10px; font-weight: normal;}
.footer .fl{ width: 330px;}
.footer .fl p{ float: left; width: 165px;}
.footer .fl p a{ float: left; color: #616161; font-size: 14px; line-height: 30px;}
.footer .fl p a:hover{ text-decoration: underline; color: #932a32;}
.footer .fr{ text-align: right;color: #616161; font-size: 14px; line-height: 30px;}



.ny_main{ width: 100%;min-height: 100px; height: auto;overflow: hidden; background: url(../image/bg3.jpg) center top repeat-y;
position: relative; padding: 40px 0px;}
.ny_main::after{ position: absolute; content: ""; right: 0px; top: 0px; width: 296px; height: 640px; background: url(../image/bg4.png) no-repeat;}
.ny_main::before{ position: absolute; content: ""; left: 0px; bottom: 0px; width: 396px; height: 987px; background: url(../image/bg5.png) no-repeat;}
.ny_main .main1{ z-index: 2; background: #fff;  height: auto;float: left;width: 1288px;margin: 0px calc((100% - 1288px)/2);position: relative;}
.ny_main .main1 .ny_banner{ width: 100%; height: auto; margin-bottom: 12px; overflow: hidden;}
.ny_main .main1 .ny_banner img{
	width: 100%;
}
.main_con {padding:0px 2.5%; width: 95%;}
.main_con .main_nav {width:260px;float: left;}
.main_con .main_nav h5 {width:100%; height:70px; text-align:center; line-height:70px; color:#fff; background:url(../image/ico12.jpg) no-repeat; font-size:28px; font-weight: normal;}
.main_con .main_nav ul li a {display:block;text-align:center; font-size:16px; line-height:48px; color:#666666; border-bottom: 1px dashed #999999; background: url(../image/ico13.png) 72px center no-repeat;}
.main_con .main_nav ul li a.active,.main_con .main_nav ul li a:hover {text-decoration:none; color: #8c1c25;}

.main_con .main_text {width:905px; border-left: 1px solid #e7e7e7; padding-left: 40px;float: right;}
.main_con .main_text .main_link {width:100%; color:#4e4f51; line-height:50px; font-size:14px; padding-top: 10px; border-bottom: 1px solid #d9d9d9; overflow: hidden;}
.main_con .main_text .main_link h3{ float: left; color: #8c1c25; background: url(../image/ico14.png) left center no-repeat; padding-left: 30px; font-weight: normal;}
.main_con .main_text .main_link p{ float: right;}
.main_con .main_text .main_link span { color: #a4a4a4;}
.main_con .main_text .main_link a {margin-right:10px; color: #a4a4a4; font-size: 14px;}

.main_con .main_text .list {width:100%; height:auto;overflow:hidden;}
.main_con .main_text .list li a {width:100%; height:48px; line-height:48px; display:flex; color:#2e2e2e; background:url(../image/ico15.png) 0px center no-repeat; font-size:16px; color: #333333; border-bottom: 1px solid #d9d9d9;}
.main_con .main_text .list li a:hover {color:#8c1c25; text-decoration:none;}
.main_con .main_text .list li a p {flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:10px;}
.main_con .main_text .list li a span {width:100px; text-align:right; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; color: #999999; font-size: 12px;}

.pages {display:table; margin:auto; padding-top:30px; padding-bottom:30px;}
.pages li {float:left;}
.pages li a {height:35px; padding:0 14px; line-height:35px; border:1px solid #ccc; color:#666; display:inline-block; margin-right:10px; color:#666; text-align:center;}
.pages li a:hover {height:35px; line-height:35px; background:#8c1c25; color:#fff; text-align:center; text-decoration:none;}
.pages li.active a {background:#8c1c25; color:#fff;}

.newsshow_con {padding:20px 5%;width: 90%;}
.newsshow_con .news_tit {width:100%; padding-bottom:20px; color:#8c1c25; font-size:24px; line-height: 50px; font-weight:bold; text-align:center; padding-top:15px;}
.newsshow_con .news_time {width:100%; font-size:12px; color:#929292; border-bottom:1px solid #ddd; /*height:30px;*/ line-height:30px; overflow: hidden;text-align:center;}
.newsshow_con .news_time .fl {float:left;}
.newsshow_con .news_time .fr {float:right;}
.newsshow_con .text { color: #7d7c7c; font-size:16px;line-height:35px; padding:20px 0; font-weight: normal;}
/*.newsshow_con .text .v_news_content{width:100%;display:flex;justify-content:flex-start;flex-direction:column;align-items:center}*/

.body1{ background: none;}
.default{ width: 1400px; height: 100%; overflow: hidden; margin: 0 auto; position: relative;}
.default .de_bg{ position: absolute; background: url(../image/bj.png) center top no-repeat; height: 750px; top: 0; width: 100%;}
.default .de_logo{ position: absolute; left: 300px; top: 50px;}
.default .de_btn{ position: absolute; width: 93px; height: 87px; background: url(../image/enter.png) no-repeat; top: 550px; right: 520px;}
.default .de_btn a{ display: block; text-align: center; line-height: 80px; text-indent: 10px; height: 87px; color: #8c1c25;}
.default .de_footer{ text-align: center; position:absolute; bottom: 30px; width: 100%; color: #555; font-size: 12px;}

.index2bot ul{ width: 100%; height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index2bot ul li{ float: left;width:24%;margin-bottom: 10px;}
.index2bot ul li img {width: 100%	;}
.sjtop{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;width: 90%;
	padding: 10px 5%;background: #8c1c25;position: fixed;top: 0px;
	left: 0px;z-index: 999;height:30px;
}
.sjtop .search-btn2{
	width: 6%;
}
.sjtop .search-btn2 img{
	width:100%;
}
.sjlogo {
	width: 50%;
}
.sjlogo img {
	width: 100%;
}

.navbtnm{
	width:6%;position: relative;
	z-index: 999;
}
.navbtnm img {
	width: 100%;
}
.sjno,.diannao{display: block;}

.pcno,.shouji{display: none;}
.shouji{
	width: 100%;
	float: left;
}
 .big-nav {
    position: fixed;
    z-index: 49;
    top: 0;
    right: 0%;
    background-size: cover;
 transition: 0.3s;
    height: auto;
    width: 100%;
    overflow-y: auto;
	display: none;
  }
  
  .big-nav .scroll {
/*    overflow-y:auto; */
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: fixed;
    top: 50px;
    z-index: 22;
    background: #8c1c25;
    padding-bottom: 15px;
    color: #fff;
    height: 94%;
  }
  .big-nav .scroll ul {
	  word-spacing: 100%;
  }
  .big-nav .scroll .ul2 {
    border-bottom: rgba(238, 238, 238, 0.1) solid 1px;
  }
  .big-nav .scroll .ul2 li {
    width: 33%;
    text-align: left;
    padding: 5px 0;
  }
  .big-nav .scroll .ul2 li a {
    color: #fff;
    font-size: 12px;
    line-height: 50px;
    font-weight: normal;
    padding: 0 10px 0 15px;
    position: relative;
    display: flex;
    align-items: center;
      word-break: keep-all;
  }
  .big-nav .scroll .ul2 li a i {
    font-size: 2rem;display: flex;align-items: center;justify-content: center;
  }
.big-nav .scroll .ul2 li a i.icon-fanhuishouye {font-size:3rem;}
  .big-nav .scroll .ul2 li .icons {
    margin-right: 1rem;
    width: 4rem;
    height: 4rem;
  }
   .big-nav .scroll .ul2 li .icons img {
	   line-height: 4rem;
	   vertical-align: middle;width: 90%;
   }
  .big-nav .scroll .ul2 li.on a {
    color: #8c1c25;
  }
  .big-nav .scroll .ul2 li.li2 {
    width: 65%;
  }
/*  .big-nav .scroll .ul2 li:last-child {
    margin-top: 1rem;
    width: 100%;
  } */
  .big-nav .scroll .ul1 li {
    width: 100%;
    text-align: left;
    padding-top: 0;
    border-bottom: rgba(238, 238, 238, 0.1) solid 1px;
  }
  .big-nav .scroll .ul1 li h2 {
    font-size: 15px;
    line-height: 40px;
    padding: 0 10px 0 15px;
    position: relative;
  }
  .big-nav .scroll .ul1 li h2 a {
    display: block;
    color: #fff;
    font-weight: normal;
  }

  .big-nav .scroll .ul1 li .list {
    padding: 0 15px 10px 15px;
    display: none;
  }
  .big-nav .scroll .ul1 li .list h3 {
    font-size: 14px;
    line-height: 38px;
    padding-left: 10px;
    margin: 0;
    font-weight: normal;
  }
  .big-nav .scroll .ul1 li .list h3 a {
    color: #fff;
  }
  .big-nav .scroll .ul1 li .list h3:nth-child(1) {
    border: 0;
  }
  .big-nav .scroll .ul1 li .list dl {
    padding: 0 10px 0px 0px;
    display: flex;
    flex-wrap: wrap;
  }
  .big-nav .scroll .ul1 li .list dd {
    font-size: 13px;
    line-height: 33px;
    width: 100%;
  }
  .big-nav .scroll .ul1 li .list dd a {
    display: block;
  }
  .big-nav .scroll .ul1 li.on h2 a {
    color: #fff;
  }
  .big-nav .scroll .ul1 li.on h2.v1:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }
  .search {
    padding: 3px 10px;
    width: 100%;
  }
  .search .form {
    border: 1px solid rgba(238, 238, 238, 0.3);
    border-radius: 8px;
    margin-top: 15px;
    padding: 0 10px;
  }
  .search .form input {
    background: none;
    height: 35px;
    flex: 1;
    line-height: 35px;
    font-size: 1.8rem;
  }
  .search form input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.8rem;
  }
/*  .search form button {
    background: none;
    width: 35px;
  } */
  		
  	.ss_input input[type='submit']{
  	
  		width: 10%;
  		height: 5.2rem;margin-left: 20px;
  		background-color: #edb274;
  		border-radius: 5px;	font-size: 1.8rem;	color: #ffffff;
  }
  .search form button i {
    font-size: 2.2rem;
    color: #fff;
  }
  .big-nav .scroll .ul1 li h2.v1:after {
    display: block;
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 12px;
    font-family: "iconfont" !important;
    content: "";
    color: #fff;
    transition: 0.3s;
	background: url(../image/xiajiantou.png) center center no-repeat;width: 25px;
	height: 14px;background-size:80%;
  }
  .big-nav .scroll .ul1 li.on h2.v1:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }
  .ss_input {
  	width:95%;margin: 10px auto;
  	display: flex;height:42px;
  	flex-direction: row;border-radius: 5px;
  	align-items: center;overflow: hidden;
  }
  .ss_input p{
  		width: 100%;
  		height:42px;
  		background-color: #ffffff;
  				border-radius: 5px;	display: flex;align-items: center;padding: 0px 5px
  }
 		.ss_input input[type='text']{
  					width: 310px;
  					color: #a2a2a2;	font-size: 16px;height: 42px;
  					border: none;outline: none;color: #000;
  		}
  		
  	.ss_input img {
  margin-left: 10px;
  
  }

  .nav-search .search-box .itemlistpcno {
    display: block;
  }
    .big-nav .scroll ul {
  	  word-spacing: 100%;
    }
    .big-nav .scroll .ul2 {
      border-bottom: rgba(238, 238, 238, 0.1) solid 1px;display: flex;flex-wrap: wrap;
    }
    .big-nav .scroll .ul2 li {
      width: 33%;
      text-align: left;
      padding: 5px 0;
    }
	.icons {
	  width:30PX;
	  height:30PX;
	  flex-shrink: 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  box-sizing: border-box;
	  border-radius: 50%;
	  border: 1px dashed rgba(255, 255, 255, 0.2);
	}
    .big-nav .scroll .ul2 li a {
      color: #fff;
      font-size: 14px;
      line-height: 40px;
      font-weight: normal;
      padding: 0 10px 0 15px;
      position: relative;
      display: flex;
      align-items: center;
        word-break: keep-all;
    }
    .big-nav .scroll .ul2 li a i {
      font-size: 2rem;display: flex;align-items: center;justify-content: center;
    }
  .big-nav .scroll .ul2 li a i.icon-fanhuishouye {font-size:24px;}
    .big-nav .scroll .ul2 li .icons {
      margin-right: 1rem;
      width: 40px;
      height: 40px;
    }
     .big-nav .scroll .ul2 li .icons img {
  	   line-height: 4rem;
  	   vertical-align: middle;width: 90%;
     }
    .big-nav .scroll .ul2 li.on a {
      color: #8c1c25;
    }
    .big-nav .scroll .ul2 li.li2 {
      width: 65%;
    }
  /*  .big-nav .scroll .ul2 li:last-child {
      margin-top: 1rem;
      width: 100%;
    } */
    .big-nav .scroll .ul1 li {
      width: 100%;
      text-align: left;
      padding-top: 0;
      border-bottom: rgba(238, 238, 238, 0.1) solid 1px;
    }
    .big-nav .scroll .ul1 li h2 {
      font-size: 15px;
      line-height: 40px;
      padding: 0 10px 0 15px;
      position: relative;
    }
    .big-nav .scroll .ul1 li h2 a {
      display: block;
      color: #fff;
      font-weight: normal;font-size: 16px;
    }
  
    .big-nav .scroll .ul1 li .list {
      padding: 0 15px 10px 15px;
      display: none;
    }
    .big-nav .scroll .ul1 li .list h3 {
      font-size: 14px;
      line-height: 38px;
      padding-left: 10px;
      margin: 0;
      font-weight: normal;
    }
    .big-nav .scroll .ul1 li .list h3 a {
      color: #fff;
    }
    .big-nav .scroll .ul1 li .list h3:nth-child(1) {
      border: 0;
    }
    .big-nav .scroll .ul1 li .list dd {
      font-size: 13px;
      line-height: 33px;
      width: 100%;
    }
    .big-nav .scroll .ul1 li .list dd a {
      display: block;
    }
    .big-nav .scroll .ul1 li.on h2 a {
      color: #fff;
    }
    .big-nav .scroll .ul1 li.on h2.v1:after {
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
    }
  

	
.header .logo img{
	width: 100%;
}
.sjbanner{
	width: 100%;float: left;
}
.sjbanner{
	margin-top: 80px;
}
.sjbanner img {
	width: 100%;
}
.swiper-wrapper img{
	width: 100%;
}

.sjtit{
	text-align: center;display: flex;
	justify-content: center;
	
}
.sjtit,.index1_sj{
	
	width: 100%;margin: 0px auto;
}
.sjtit p {
	width: 100%;
}
.sjtit p img {
	width: 100%;
}
.indexsj_bot {
	width: 100%;margin-top: 15px;
}
.indexsj_bot ul li{
	width: 95%;padding: 10px 2.5%;
	background: #f6f6f6;margin-bottom: 10px;display: flex;
	flex-direction: column;
}
.indexsj_bot ul li a{
	width: 100%;
	overflow: hidden;
	 text-overflow: ellipsis;
	 /* 将对象作为弹性伸缩盒子模型显示 */
	 display: -webkit-box;
	 /* 限制在一个块元素显示的文本的行数 */
	 /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
	 -webkit-line-clamp: 2;
	 /* 设置或检索伸缩盒对象的子元素的排列方式 */
	 -webkit-box-orient: vertical;font-size: 20px;
}
.indexsj_bot ul li span{
	font-size: 14px;	color: #8c1c25;line-height: 30px;
}
.index_more{
	
	width: 35%;
	height: 40px;
	line-height: 40px;margin: 10px auto 20px;display: flex;
	justify-content: center;
	align-items: center;
}
.index_more a{
	width: 100%;
	background: #8c1c25;
	color: #fff;border-radius: 20px;text-align: center;font-size: 18px;
}
.sjtit{display: none;}

.swiper-container3{
	width: 100%;
}
.swiper-container3 .swiper-wrapper{
	min-height: 100px;height: auto;
}

.swiper-container3 .swiper-wrapper img{
	min-height: 100px;height: auto;
}
.swiper-container3 .swiper-wrapper a{
	width: 100%;
}
.swiper-container3 .swiper-wrapper p{
	position: absolute;
	bottom: 0px;
	height: 70px;
	background: rgba(0, 0, 0, 0.6);color: #fff;display: flex;flex-direction: row;justify-content: space-between;align-items: center;
}
.swiper-container3 .swiper-wrapper p span {
	width: 80px;text-align: center;background: #8c1c25;display: inline-block;height: 70px;line-height: 70px;font-size:20px;
}
.swiper-container3 .swiper-wrapper p b{
	width: calc(100% - 100px);font-size: 18px;padding-left: 10px;
	 overflow: hidden;
	  text-overflow: ellipsis;
	  /* 将对象作为弹性伸缩盒子模型显示 */
	  display: -webkit-box;
	  /* 限制在一个块元素显示的文本的行数 */
	  /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
	  -webkit-line-clamp: 2;
	  /* 设置或检索伸缩盒对象的子元素的排列方式 */
	  -webkit-box-orient: vertical;
}
.index2sjbj{
	width: 100%;
	background:url(../image/index2sjbj.png) top center no-repeat;
	background-size: 100% 100%;float: left;padding-bottom: 20px;
}

.index2sjbj .index2bot ul{ width: 100%; height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index2sjbj .index2bot ul li{ float: left;width:49%;margin-bottom: 10px;}
.index2sjbj .index2bot ul li img {width: 100%	;}

.index3sj{
	width: 100%;background: url(../image/tit4.png) top center no-repeat;background-size: 100%;float: left;
}
.index3sj_all{
	width: 100%;
	display: flex;flex-direction: column;
}
.index3sj_tab_t ul{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;padding-top: 20px;
}
.index3sj_tab_t ul li{
	width: 30%;position: relative
}
.index3sj_tab_t ul li img {
	width: 100%;
}
.index3sj_tab_t ul li.active:before{
	position: absolute;
	content: '';
	width: 40px;
	height: 4px;
		background-color: #8c1c25;left: 30px;top: 50px;
}
.index3sj_tab_t ul li img:last-child{
	display: none;
}
.index3sj_tab_t ul li.active img:last-child{
	display: block;
}
.index3sj_tab_t ul li.active img:first-child{
	display: none;
}
.index3sj_tab_b{
	width: 100%;
}
.index3sj_tab_b ol{
	display: flex;width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;display: none;margin-top: 10px;
}
.index3sj_tab_b ol:first-child{
	display: inline-flex;
}
.index3sj_tab_b ol li{
	width: 100%;	border-bottom: dashed .5px #c9c9c9;
}
.index3sj_tab_b ol li a {width:100%;height: 60px;line-height: 60px;font-size: 18px;	color: #282828;
display: inline-block;
white-space: nowrap; 
 overflow: hidden;
 text-overflow: ellipsis;
}

.index4sj{
	width: 100%;float: left;
}

.index4sj_con{
	width: 100%;
}
/* .index4sj_con ul{ width: 100%; height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index4sj_con ul li{ float: left;width:49%;margin-bottom: 10px;background: url(../image/index4sj.png) center center no-repeat;background-size: 100%;height: 50px;}
.index4sj_con ul li a{width: 100%;display: inline-flex;height: 50px;line-height: 50px;color: #fff;
justify-content: center;align-items: center;}
.index4sj_con ul li img {width: 100%;}
 */


.index4sj_con ul{ width: 100%; height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px;}
.index4sj_con ul li{ float: left;width:49%;margin-bottom: 10px;;background-size: 100%;}
.index4sj_con ul li a{width: 100%;display: inline-flex;color: #fff;position: relative;
justify-content: center;align-items: center;}
.index4sj_con ul li img {width: 100%;}
.index4sj_con ul li a b{display: inline-block;position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);font-size: 14px;
   text-align: center; /* 确保文本在块内居中 */
   width: 100%; /
}



.index4sj_contupian ul{ width: 100%; height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px;}
.index4sj_contupian ul li{ float: left;width:49%;margin-bottom: 10px;;background-size: 100%;}
.index4sj_contupian ul li a{width: 100%;display: inline-flex;color: #fff;position: relative;
justify-content: center;align-items: center;}
.index4sj_contupian ul li:nth-child(2n-1){
	width: 54.86%;
}
.index4sj_contupian ul li:nth-child(2n){
	width: 43.75%;
}
.index4sj_contupian ul li img {width: 100%;}






.footersj{
	width: 100%;
	background: url(../image/footersjpng.png) top center no-repeat;
	background-size: 100% 100%;
	float: left;padding: 30px 0px 10px;
}
.footersj .main{
	display: flex;
	flex-direction: column;justify-content: center;
	align-items: center;color: #fff;text-align: center;font-size: 16px;
}
.sjcode{
	width: 20%;	display: flex;
	flex-direction: column;line-height: 30px;
}
.footersj_bot{padding-top: 10px;}
.swiper-container3 .swiper-button-next3,.swiper-container3 .swiper-button-prev3{
	width: 30px;
	height: 48px;
	
}
.swiper-container3 .swiper-button-next3{
	background:url(../image/btn_r.png);background-size: 100% 100%;right: 0px;
}

.swiper-container3 .swiper-button-prev3{
	background:url(../image/btn_l.png);background-size: 100% 100%;left: 0px;
}










@media (max-width: 1300px) {
.main{
		width: 1200px;margin: 0px auto;
	}
	.ny_main .main1{ width: 1200px;margin: 0px calc((100% - 1200px)/2);position: relative;}

	.main_con .main_text{
		width: 750px;
	}
	.main-nav li{
		margin-left: 20px;
	}
}


/* 大屏幕（≤1199.98px） */
@media (max-width: 1199.98px) {
.main{
		width: 1000px;margin: 0px auto;
	}
	.ny_main .main1{ width: 1000px;margin: 0px calc((100% - 1000px)/2);position: relative;}
	.main_con .main_nav ul li a {display:block;text-align:center;font-size:16px;line-height:48px;color:#666666;border-bottom: 1px dashed #999999;background: url(../image/ico13.png) 32px center no-repeat;}

	.main_con .main_nav{
		width: 200px;
	}
	.main_con .main_text{
		width:calc(100% - 280px);
	}
	.index1 .main{
		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
	}
	.header .logo{
		width: 30%;
	}
	.main-nav li{
		margin-left: 15px;
	}
	.index4 ul::before{ position: absolute; content: ""; left: 0; right: 0; top:105PX; border-bottom: 1px dashed #999999;}
	.index4 ul li{ float: left;width: 140px;}
	.index4 ul li:last-child{ margin-right: 0;}
	.index4 ul li a{display: block; width:140px; height: 140px;;display: flex;flex-direction: column;align-items: center;justify-content: center; }
	.index4 ul li a b{
		width: 80px;height: 60px;
	
	}
/* 	.index1 .index12{
		width: 100%;
	}
 */

}





/* 中等屏幕（≤991.98px） */
@media (max-width: 991.98px) {
	
.main{
			width:95%;margin: 0px 2.5%;
		}
		.ny_main{
			padding: 20px 0px;
		}
		.ny_main .main1{ width: 800px;margin: 0px calc((100% - 800px)/2);position: relative;}
		.main_con .main_nav ul li a {display:block;text-align:center;font-size:16px;line-height:48px;color:#666666;border-bottom: 1px dashed #999999;background: url(../image/ico13.png) 32px center no-repeat;}
		
		.main_con .main_nav{
			width: 200px;
		}
		.main_con .main_text{
			width:calc(100% - 280px);
		}
		.sjtit{
			display: inline-flex;
		}
		.header .logo{
			width: 25%;
		}
		.main-nav li{
				margin-left: 8px;
			}
			
			.index4 h1{ width: 100%;  background: url(../image/ico52.png) center no-repeat; text-indent: -9999px; position: relative; background-size: 100% 100%;height: 86px;}

				.index4 ul::before{ position: absolute; content: ""; left: 0; right: 0; top:105PX; border-bottom: 1px dashed #999999;}
				.index4 ul li{ float: left;width: 120px;}
				.index4 ul li:last-child{ margin-right: 0;}
				.index4 ul li a{display: block; width:120px; height: 120px;;display: flex;flex-direction: column;align-items: center;justify-content: center; }
				.index4 ul li a b{
					width: 80px;height: 60px;
				
				}
				.index4 ul li a b, .index4 ul li a i{
					font-size:14px;
				}
				
				.sjtop{
					height: 60px;
				}
				.sjlogo{
					width: 55%;
				}
				.swiper-container3 .swiper-button-next3,.swiper-container3 .swiper-button-prev3{
					width: 45px;
					height:72px;
					
				}
				.swiper-container3 .swiper-button-next3{
					background:url(../image/btn_r.png);background-size: 100% 100%;right: 0px;
				}
				
				.swiper-container3 .swiper-button-prev3{
					background:url(../image/btn_l.png);background-size: 100% 100%;left: 0px;
				}
				.index3sj_tab_t ul li{
					width: 18%;
				}
				.index4sj_con ul li a b{
					font-size: 20px;
				}

.default{
	width: 100%;
}
.default .de_logo{position: absolute;
   top: 10%;
   left: 10%;width: 80%;
   transform: translate(-50%, -50%);
   text-align: center; }
   .default .de_logo img{width: 100%;}
.default .de_bg{background-size: 100%;position: absolute;
   top: 30%;

   transform: translate(-50%, -50%);
   text-align: center;}

.default .de_btn{
	position: absolute;
	   top: 70%;right:20%;
	
	   transform: translate(-50%, -50%);
	   text-align: center;
}

}
@media (max-width: 867.98px) {

			.diannao,.sjno{display: none;}
			.shouji{display: block;}
			.sjtop{
				height:50px;
			}
			.sjlogo{
				width: 50%;
			}.sjbanner{
	margin-top: 70px;
}
			
}


@media (max-width: 767.98px) {
       .newsshow_con img{
          width:100% !important;
          height: 100% !important;
        }
	.sjtop{
		height:30px;
	}
	.sjlogo{
		width: 70%;
	}.sjbanner{
	margin-top: 50px;
}
	.diannao{display: none;}
			.shouji{display: block;}
  .swiper-container3 .swiper-button-next3,.swiper-container3 .swiper-button-prev3{
  	width:40px;
  	height: 52px;
  	
  }
  .index3sj_tab_t ul li{
  	width:25%;position: relative
  }.index4sj_con ul li a b{
					font-size:16px;
				}
				.index3sj_tab_t ul li.active:before{
					position: absolute;
					content: '';
					width: 40px;
					height: 4px;
						background-color: #8c1c25;left: 30px;top: 40px;
				}
				.index3sj_tab_b ol li a {width:100%;height: 50px;line-height: 50px;font-size: 18px;	color: #282828;
				display: inline-block;
				white-space: nowrap; 
				 overflow: hidden;
				 text-overflow: ellipsis;
				}
.indexsj_bot ul li a{
	font-size: 18px;
}
.ny_main{
	padding-top: 50px;
}
.sjno,.main_con .main_nav,.main_con .main_text .main_link p{display: none;}
.pcno{display: block;}
.main_con .main_text,.ny_main .main1{
	width: 100%;margin: 0px;
}
.newsshow_con .news_tit{line-height: 30px;}
.pages li a{
	padding: 0px 5px;margin-right: 5px;
}
.index1 .index12{ float: right; width: 100%;}
	.index1 .main{
		display: flex;flex-direction: column;justify-content: space-between;align-items: center;
	}
}