@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}

html,
body {
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	color: #666;
}

body {
	background: #fff;
	font-size: 14px;
	margin: auto;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	font-family: Microsoft YaHei, -apple-system,  "din-regular", BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Noto Sans, Noto Sans CJK SC, sans-serif;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
}

i,
em {
	font-style: normal;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img {
	max-width: 100%;
	border: none;
}

/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,
select,
textarea {
	outline: none;
	font-family: 'Microsoft YaHei';
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #adadad;
}

input::-moz-placeholder,
textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #adadad;
}

input::-ms-placeholder,
textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #adadad;
}

input::-o-placeholder {
	/* Mozilla Firefox 19+ */
	color: #adadad;
}

input::-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #adadad;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


.over1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.over2 {	-webkit-line-clamp: 2;}

.over3 {	-webkit-line-clamp: 3;}

.over4 {	-webkit-line-clamp: 4;}

.over5 {	-webkit-line-clamp: 5;}

.over6 {	-webkit-line-clamp: 6;}

.over7 {	-webkit-line-clamp: 7;}

.over9 {	-webkit-line-clamp: 9;}


/* fonts特殊字体 */
@font-face {
	font-family: 'dincond-regular-webfont';
	src: url('../fonts/dincond-regular-webfont.ttf') format('truetype')
}

@font-face {
	font-family: 'dincond-medium-webfont';
	src: url('../fonts/dincond-medium-webfont.ttf') format('truetype')
}


@font-face {
	font-family: 'dincond-bold-webfont';
	src: url('../fonts/dincond-bold-webfont.ttf') format('truetype')
}

@font-face {
	font-family: 'dincond-black-webfont';
	src: url('../fonts/dincond-black-webfont.ttf') format('truetype')
}


@font-face {
	font-family: 'din-bold-webfont';
	src: url('../fonts/din-bold-webfont.ttf') format('truetype')
}

@font-face {
	font-family: 'din-light-webfont';
	src: url('../fonts/din-light-webfont.ttf') format('woff')
		
}

@font-face {
	font-family: 'din-medium-webfont';
	src: url('../fonts/din-medium-webfont.ttf') format('truetype')
}

@font-face {
	font-family: "din-regular";
	src: url("../fonts/din-regular.ttf") format("truetype")
}

@font-face {
  font-family: "fx-led";
  src: url("../fonts/FX-LED.ttf") format("truetype");
}

@font-face {
    font-family: 'lcdd';
    src:url('../fonts/lcdbq.woff') format('woff');
}

@font-face {
  font-family: "NexaBold";
  src: url("../fonts/NexaBold.ttf") format("truetype");
}

@font-face {
  font-family: "NexaLight";
  src: url("../fonts/NexaLight.ttf") format("truetype");
}



.wrapper{ width: 1200px; margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clearfix:after {	content: '';	display: block;	clear: both;	width: 0px;	height: 0px;	overflow: hidden;}
img {	vertical-align: middle;	max-width: 100%;	border: none;	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);	blr: expression(this.onFocus=this.blur());}


.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -2px, 0);    box-shadow: 0 0 12px rgba(44,37,33,0.1);  }




/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";    width: 220px;    height: 100%;    position: absolute;    top: 0;    left: -185px;    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}



body::-webkit-scrollbar{
  width:10px;
  height:10px;
}
body::-webkit-scrollbar-track{
  background: #ddd;
  border-radius:2px;
}
body::-webkit-scrollbar-thumb{
  background: #999;
  border-radius:10px;
}





.pad312{ padding: 0 1.2rem; }

/*      heard      */
.haeder{ width: 100%; z-index: 5; height: 100px; padding: 0 30px; }
.haeder .wrapper{ max-width: 1440px; width: 100%; min-width: 1200px; }
.haeder .logo{ line-height: 100px;  }

.nav { }
.nav li{ position: relative; float: left;  line-height: 100px; padding: 0 20px; background: url(../img/libg.png) no-repeat right center;  z-index: 3;}
.nav li:first-child{ padding-left: 0; }
.nav li:last-child{ margin-right: 0; padding-right: 0; background: transparent; }
.nav li a{ display: block; color: #000; text-align: center; font-size: 14px;  }
.nav li.active a,
.nav li a:hover{ color: #d9251c; }
.nav li.active a{ font-weight: bold; }
.navdt{ display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 100px; width: 120px; background: rgba(217,38,28,0.5); }
.nav li .navdt a{ line-height: 40px; font-size: 14px; color: #fff; font-weight: normal;}
.nav li:hover .navdt{ display: block; }
.nav li .navdt a:hover{ background: #d9251c;}


/* 
	.sec{ position: relative; margin: 11px 0 0 ;line-height: 58px; cursor: pointer; }
	.secinp{ position: absolute; z-index: 33; right: 0; top: 30px; opacity: 0; pointer-events: none; transition: 0.3s; }
	.secinp input{ background: #fff; border: 1px solid #eee; height: 28px; padding: 0 10px; width: 160px;}
	.sec:hover .secinp{ opacity: 1; pointer-events: auto; top: 40px; }
 */



.footer{ border-top: 3px solid #d8251c;
background:#000; 
/**background: url(../img/footbg.jpg) no-repeat center top;**/
 height: 436px; padding: 80px 30px 0; }
.footer .wrapper{ position: relative; max-width: 1440px; width: 100%; min-width: 1200px; }

.footleft{ width: 360px; }
.address{ color: #95918f; margin-top: 35px; }
.address p{ margin-top: 10px; }
.address p b{ color: #d8251c; }

.share{  margin-top: 55px;  }
.shre a{ position: relative; width: 38px; height: 38px; border-radius: 50%; border: 0;  margin:0 8px; display: inline-block; text-align: center;}
.erwei{ position: absolute; left: -38px; text-align: center; width: 108px; bottom: 45px; height: 112px; background: url(../img/ewbg.png) no-repeat center ;
 padding: 3px; display: none; }
.shre a>img{ opacity: 0.3;  transition: 0.2s;  }
.shre a .erwei img{ opacity: 1; }
.shre a:hover>img{ opacity: 1; }
.shre a:hover .erwei{ display: block;}


.fonav{ position: relative;  z-index: 1;}
.fonav::after{ content: ''; position: absolute; width: 100%; height: 1px; background: #ddd; left: 0; top: 40px;  z-index: -1; opacity: 0.3;}
.fonav li{ float: left; margin-right: 25px; }
.fonav li:last-child{ margin-right: 0; }
.fonav li:hover>a{ border-bottom: 2px solid #d8251c;  }
.fonav li a{ display: block; color: #fff; font-weight: bold; padding-bottom: 20px;  transition: 0.2s;}
.fonav li>a{ border-bottom: 2px solid transparent; }
.fonav li .fa{ margin-top: 15px; }
.fonav li .fa a{ font-size: 14px; line-height: 30px; color: #666; font-weight: normal; padding-bottom: 0; }
.fonav li .fa a:hover{ color: #d8251c; }


.Abq{ padding: 16px 30px; background: #d6261d; height: auto; border: 0; line-height: 28px; }
.link-left{ color: #fff; }
.linkboxa{ display: inline-block; position: relative; background: #9e150e url(../img/jt-d.png) no-repeat right 12px center; border: 1px solid #bd241c; height: 28px; width: 240px; padding: 0 30px 0 10px; color: #df3a32;  font-size: 12px; line-height: 26px; }
.linkboxa .aaca{ position: absolute; left: 0; bottom: 20px; width: 100%; height: ; background: #9e150e; padding: 5px 0; z-index: -1; opacity: 0; transition: 0.3s; }
.linkboxa .aaca a{ display: block; color: #df3a32; line-height: 24px; padding: 0 10px;}
.linkboxa .aaca a:hover{ background: #df3a32; color: #fff; }
.linkboxa:hover .aaca{ opacity: 1; z-index: 2; bottom: 28px; }

.bq{ color: #fa665e; font-size: 12px; }
.bq a{ color: #fa665e; margin-left: 15px; }





.miht{ min-height: 300px; }
/* index */
.banner{  }
.laba{ position: absolute; left: 4.8rem; bottom: 3.5rem; }
.laba .prev,
.laba .next{ width: 22px; height: 36px; left: 0; top: auto;  opacity: 1;  outline: none; margin: 0; opacity: 0.4;}
.laba .prev{ background: url(../img/banl.png) no-repeat center; }
.laba .next{ background: url(../img/banr.png) no-repeat center; right: auto; left: 97px;  }
.laba .prev:hover,
.laba .next:hover{ opacity: 1; }
.laba .stion{  left: 5px; top: -5px; width: 110px; }
.laba .stion span{ color: #fff; font-family: arial; font-size: 20px; }
.laba .stion span.swiper-pagination-current{ font-size: 40px; }
.laba .stion i{ color: #fff; font-family: arial; font-size: 20px; display: inline-block; vertical-align: top;  margin: 20px 4px 0; } 


.indexlist{ padding: 0 4.8rem;  margin-top: -15px;}
.indexlist ul{ position: relative; display: flex; justify-content: space-between;  }
.indexlist li{ width: 4.8rem;   text-align: center; position: relative; z-index: 45; padding: 1.3rem 0; transition: all .2s linear;}
.indexlist li:nth-child(1) a{ border-left: 1px solid #eee; }
.indexlist li a{ height: 104px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;border-right: 1px solid #eee; transition: 0.3s; }
.indexlist li img{ height: 48px ;  
		 -webkit-filter: grayscale(1); /* Webkit */  
         filter: gray; /* IE6-9 */    
         filter: grayscale(1); /* W3C */ 
	}
.indexlist li dl{ line-height: 1.3; font-size: 12px; color: #d8251c; text-transform: uppercase; }
.indexlist li dt{font-size: 16px; color: #2c2824; font-weight: bold; }

.indexlist li:hover{  background: #221c19;  }
.indexlist li:hover a{ border-color: #221c19; }
.indexlist li:hover img{ height: 48px ;  
		 -webkit-filter: grayscale(0); /* Webkit */  
         filter: gray; /* IE6-9 */    
         filter: grayscale(0); /* W3C */ 
	}
.indexlist li:hover dl{ color: #494848; }
.indexlist li:hover dt{ color: #fff; }



.Iabab{ display: flex; justify-content: space-between;  align-items: center; height: 12.8rem; margin: 1.5rem 0; min-width: 1200px; }
.Ialeft{ width: 50%; height: 100%; background: url(../img/AAbg.jpg) no-repeat center right; padding: 1.6rem 1.6rem 0 6.3rem;  }
.Iaright{width: 50%; }

.Atit img{ height: 3.5rem;}
.abTOk{ line-height: 24px; color: #666; text-align: justify; margin: 0.68rem 0 1rem; }



.fuwua{ background: #221C19; padding: 1.4rem 0 1.8rem; }
.FFa{ text-align: center; color: #fff; font-size: 60px; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 40px; }
.FFa p{ opacity: 0.1; line-height: 1; }
.FFa span{display: block; font-size: 24px; margin: 0 0 20px; }
.FFa i{display: block; width: 92px; height: 2px; background: #D8251C; margin: 0 auto; }

/* .fuwua .swiper-container::after,
.fuwua .swiper-container::before{ content: ''; position: absolute; top: 0; width: 4.82rem ; height: 100%; background: url(../img/aaaa.png) no-repeat left top / cover; z-index: 5; pointer-events: none; } 
.fuwua .swiper-container::after{ left: 0; }
.fuwua .swiper-container::before{ width: 6.5rem; background-image: url(../img/bbbb.png); right: 0; }
 */
.fuwua li a{ display: flex; justify-content: space-between; align-items: center; height: 5.76rem; background: #fff; } 
.fuwua li .img{ width: 8.2rem; height: 5.76rem; }
.fuwua li .text{ width: 4.4rem;}
.fuwua li .cn{ color: #221c19; font-size: 20px; }
.fuwua li .en{ color: #d8251c; font-family: "din-regular"; margin-bottom: 0.9rem; }



.news{ margin: 1.6rem 0; padding: 0 4.8rem; min-width: 1200px; }
.AllN{ position: relative; }
.Atitle{ position: absolute; left: 50% ; top: 0; z-index: 33; margin-left: 1.5rem; }
.Atitle img{ height: 3.56rem; }
.ula a{ width: 146px; line-height: 46px; background-color: #fff; color: #999999; margin-right: 8px; text-align: center; display: inline-block;  transition: 0.2s; margin-top: 0.4rem;}
.ula a.active{ color: #d8251c; background: #221C19; }


.Nwac{ display: flex; justify-content: space-between; height: 10rem; position: relative; z-index: 1; }
.Nwac::after{ content: ''; position: absolute; left: 0; bottom: 0; height: 92%; background: #f9f9f9; width: 100%;   z-index: -1;}
.news-right{  position: relative; width: 50%; padding: 5.3rem 1.5rem 0; }
.news-left{ width: 50%; height: 100%; }

.news-right .baa{  right: 0; left: auto; margin: 0; bottom: 0;  width: auto;}
.news-right .baa span{ border-radius: 0; width: 14px; height: 14px; background: url(../img/sss1.png) no-repeat center; transition: 0.2s; opacity: 1; }
.news-right .baa span.swiper-pagination-bullet-active{ background-image: url(../img/sss.png); }

.news-right li img{ display: none; }
.nwNa{ font-size: 18px; color: #333; }
.nwti{ color: #ccc; margin: 4px 0 0; }
.nwok{ line-height: 26px; margin-top: 8px; }
.NMore{ display: block; color: #d8251c;margin-top: 22px; }
.NMore em{ color: #e54f47; }
.NMore i{ color: #ee8f8a; }


.newlistu{ display:  flex; justify-content: space-between; flex-wrap: wrap; }
.newlistu li{ padding: 25px 35px; border: 1px solid #eee; width: 48.9%; margin-top: 30px; transition: 0.2s; }
.disflex{ display: flex; justify-content: space-between; align-items: center; }

.newlistu li:hover{ background: #2C2521; }
.newlistu li:hover .nwNa{ color: #fff; }
.newlistu li:hover .nwti{ color: #fff; opacity: 0.4; }
.newlistu li:hover .nwok{ color: #8e8080; }













/* 1-1hahahaha */
.home{ line-height: 60px; background: url(../img/homebg.jpg) no-repeat center; overflow: hidden; }
.subNav{ color: #999;  position: relative; z-index: 22; font-size: 14px; }
.subNav img{ width: 24px; height: 24px; position: absolute; left: 0; top: 17px; }
.subNav span{ display: inline-block;  padding-left: 35px;  color: #221c19;  }
.subNav a{ margin: 0 3px; }

.leftNav li{ float: left; position: relative;  margin-left: 35px; }
.leftNav a{ transition: 0.3s; border-bottom: 2px solid transparent; height: 60px; color: #221c19; line-height: 60px; display: block;  }
.leftNav a:first-child{ margin-left: 0; }
.leftNav a:hover{ color: #e62b20;  }
.leftNav a.active{ color: #e62b20; font-weight: bold;}


.pagea{ text-align: center; margin: 30px 0 0px;}
.pagea a{ display: inline-block; text-align: center; width: 40px; line-height: 38px; margin: 0 3px; font-family: arial; color: #222; transition: 0.3s ;  height: 40px; vertical-align: top; border-radius: 6px; background: #ddd; }
.pagea .z-crt,
.pagea a:hover{ background-color: #e55508; color: #fff; border-color: #e55508; }
.pagea .prev,
.pagea .next{ width: 100px;  transition: 0s; }
/* .pagea .prev{ background: url(../img/aaa.png) no-repeat center; }
.pagea .next{ background: url(../img/aaar.png) no-repeat center; }
.pagea .prev:hover{ background:#e55508 url(../img/fzle.png) no-repeat center; }
.pagea .next:hover{ background:#e55508 url(../img/fzht.png) no-repeat center; }
 */

/* iabout */
.abbox{ background:url(../img/abbg.jpg) no-repeat center bottom; padding: 80px 0 ;  }
.abimgTop{ position: relative; }
.abposi{ position: absolute; right: 0; top: 0;  z-index: 2;}
.abposi.abtimg{ top: auto; bottom: 0;  z-index: 1;}
.abTiten{ margin-top: -38px; margin-bottom: 10px; }
.abTitcn{ font-size: 30px; color: #201a18; padding-bottom: 35px; background: url(../img/abtitbg.png) no-repeat left bottom; line-height: 1; }
.abtook{ line-height: 28px; margin-top: 26px; }
.abtook p{ margin-top: 8px; }
.abtook b{ color: #221c19; }

.Amore{ display: block; background: #221c19; color: #e72419; width: 240px; text-align: center; line-height: 60px; height: 60px; margin: 40px auto 0; }
.Amore img{ margin: 5px; }



/* 1-2 简介 */
.aboutus{ margin: 50px 0 80px; }
.abs-left{ position: relative; width:572px ; height: 632px; margin-left: -25px; }
.abtxt{ position: absolute; bottom: 0;  right: 30px; width: 100%; height: 180px; text-align: right; padding: 0 37px;}
.yy{color: #Fff; font-size: 26px; font-weight: bold;}
.nn{ color: #9e9088; font-size: 20px; font-weight: bold; }
.ee{ color: #5a504a; font-family: arial; }

.abs-ight{ position: relative; width: 625px; text-align: justify; margin-top: 40px; }
.titen{ position: relative; }
.ii2{ position: absolute; right: 30px; top: 0; width: 93px; height: 29px; }
.ii3{ position: absolute; right: 0; bottom: 5px; width: 147px; height: 183px; }
.abstook{ line-height: 24px;  width: 420px; text-align: justify; margin-top: 60px; }
.abstook p{ margin-top: 10px; }
.abstook b{ color: #333; }


/* 1-3wenhua  */
.Ywhlist{ margin: 58px 0 75px; }
.YwTop{}
.Ywhlist ul{ width: 1231px; }
.YwTop ul{ width: 585px; }
.YwTop ul li{ margin: 0; float: none; }
.Ywhlist li{ float: left; position: relative; width: 585px; height: 300px; margin: 30px 30px 0 0;  transition: 0.3s;}

.Ywhlist li .img{ height: 300px; }
.Ywhlist li .whtext{ position: absolute; left: 10px; top: 10px; width: 284px; height: 280px; background: rgba(44,37,33,0.9);display: table; padding: 30px; }
.Ywhlist li:nth-child(even) .whtext{  background: rgba(231,36,25,0.9); }
.call{ display: table-cell; vertical-align: middle; color: #Fff; }
.call .cn{  font-size: 20px; margin-top: 10px; }
.call .cn i{ font-weight: bold; }
.call .en{opacity: 0.1; }
.call p{ line-height: 22px; margin-top: 10px; }


.Ywbot{}
.Ywbot li:last-child{ margin-right: 0; width: 1200px; }
.Ywbot li:last-child .whtext{ width: 585px; background: rgba(231,36,25,0.9); }
.Ywhlist li:hover{ box-shadow: 0 0 20px rgba(30,30,30,0.05) ; }


/* 1-4 */
.rrImgbox{ margin: 80px 0; }
.rrtt{ position: relative; margin-bottom: 40px; padding-bottom: 39px; border-bottom: 2px solid #eee; }
.rrtt li{ height: 180px; }
.rrImgbox li .img{ border: 2px solid #9c2f2e; height: 180px; }
.rrImgbox .swiper-container{ width: 895px; }


.rrleft{ width: 280px; height: 380px; background: url(../img/rbg1.jpg) no-repeat center; padding: 165px 25px 0 ; color: #fff;  font-size: 20px;}
.rrleft p{ font-family: "din-regular"; color: #e72419; font-size: 16px; margin-top: 15px; }
.rrbb{ position: relative; }
.rrbb .rrleft{ background-image: url(../img/rbg2.jpg); }
.rrbb .rrleft p{ color: #ef8c86; } 

.rrImgbox .rrbb li .img{  height: 380px; }

.rrImgbox .swiper-pagination{ bottom: 65px; left: 25px;  }
.rrImgbox .swiper-pagination span{ background: #fff;  margin:0 4px; width: 6px; height: 6px;}
.rrImgbox .rrbb .swiper-pagination{ left: 945px; bottom: 23px; }




/* 1-5 gg */
.ggImg{ background: url(../img/ggbg.jpg) no-repeat center; height: 901px; margin-top: 20px; padding-top: 60px; }


/* 1-7 hhhh */
.hhbox{ margin: 78px 0 ; }
.hhbox .Hen{ font-size: 52px; color: #2c2521; opacity: 0.1; font-family: 'Myriad Pro'; line-height: 52px; }
.hhbox .Hcn{ font-size: 24px; color: #2c2521; margin-top: -15px; }
.Htook{line-height: 24px; margin: 22px 0 30px; }
.Htook b{ color: #e72419; }

.hhbox ul{ width: 1206px; }
.hhbox li{ width: 236px; margin: 15px 5px 0 0; text-align: center;  float: left; }
.hhbox .Himg{ border: 1px solid #eee; line-height: 96px; }
.hhbox p{ margin-top: 9px; white-space: nowrap; overflow: hidden; }


/*  1-6  */
.sxkz{ position: relative; margin: 60px 0;}
.gallery-top{ width: 935px; height: 600px; overflow: hidden;}
.gallery-top img{ width: 100%; height: 100%; object-fit: cover; }
.popo{ height: 600px; position: relative; padding: 44px 0; }
.gallery-thumbs.swiper-container{ position: relative; width: 255px; height:512px;  overflow: hidden;}
.gallery-thumbs.swiper-container .swiper-slide{ height: 165px; cursor: pointer; }
.gallery-thumbs.swiper-container .swiper-slide:before { position: absolute; left: 0; top: 0; width: 100%; height: 165px; content: ''; 
background:rgba(44,37,33,0.89) url(../img/see.png) no-repeat center; display: none; }
.gallery-thumbs.swiper-container .swiper-slide-thumb-active:before{ display: block;}


.sxkz .btt,
.sxkz .tpp{ left: 110px; top: auto; width: 60px; height: 28px; bottom: 30px; z-index: 9999; background: url(../img/aari1.png) no-repeat center; outline: none;  opacity: 1 ;}
.sxkz .btt{ left: 50px;  background:url(../img/aale1.png) no-repeat center; }
.sxkz .btt:hover{ background-image: url(../img/aale.png);}
.sxkz .tpp:hover{ background-image: url(../img/aari.png); }

.popo .nxt,
.popo .pre{ top: 0; left: auto; right: 0; width: 255px; height: 35px; background:#fff url(../img/gt.png) no-repeat center  ; margin: 0; border: 1px solid #e7e7e7; opacity: 1 ; outline: none; }
.popo .nxt{ top: auto; bottom: 0;  background:#fff url(../img/gb.png) no-repeat center; margin: 0; border: 1px solid #e7e7e7; }

.popo .pre:hover{ background-color: #2c2521; background-image: url(../img/gt1.png);}
.popo .nxt:hover{ background-color: #2c2521; background-image: url(../img/gb1.png);}

.sxkz .dl{ position: absolute; left: 0; bottom: 0; z-index: 999; width: 458px; height: 158px; background: rgba(44,37,33,0.89); padding:25px 50px; color: #fff; 
 font-size: 24px;}
.sxkz .dl p{ position: relative; border-bottom: 1px solid rgba(255,255,255,0.25); padding-bottom: 25px; }
.sxkz .dl p:before{ content: ''; position: absolute; left: 0; bottom: -1px; width: 35px; height: 1px; background: #fff;}




/* 2-1 yw */
.ywlist { margin: 50px 0 55px; }
.center{ text-align: center; }
.ywName{ font-weight: bold; color: #2C2521; font-size: 30px; }
.ywcc{ color: #888; margin: 3px 0 25px; }
.ywht{ border-top: 2px solid #eee; } 
.ywht i{ display: block; width: 100px; height: 4px; background: #d8251c; margin: auto; transform: translateY(-2px); }

.ywtook{ line-height: 26px; margin-top: 26px; }


/* 3-1fwxx */
.fwxx{ margin: 56px 0 52px; }
.fwxx ul{ width: 1221px; }
.fwxx li{ float: left; width: 590px; height: 230px; background: #f6f6f6; margin: 0 20px 20px 0; }
.fwxx li:nth-child(2n){ margin-right: 0; }
.fwxx li .img{ width: 300px; height: 230px; }
.fwxx li .txt{ width: 250px; height: 195px; padding-right: 35px; background: url(../img/ar.png)no-repeat left bottom; }
.changc{ font-size: 22px; color: #000; margin: 30px 0 25px; }
.chadd{ line-height: 26px; color: #888; height: 78px; overflow: hidden; }



/* newI */
.ews{ margin: 60px 0 65px; }
.ews ul{ width: 1241px; }
.ews li{ float: left; width: 580px; margin: 0 40px 40px 0; border: 2px solid #eee; padding: 25px; }
.ews li:nth-child(2n){ margin-right: 0;}
.newI{ color: #000; font-size: 18px; transition: 0.2s; }
.newT{ color: #8e8080; line-height: 24px; height: 48px; margin: 5px 0 20px; }
.newM{ color: #000; transition: 0.2s; }
.newM span{ color: #d8251c;  }
.newM span em{color: #e54f47; }
.newM span i{color: #ee8f8a; }

.ews li:hover{ background: #221c19; border-color: #221c19; }
.ews li:hover .newI,
.ews li:hover .newM{ color: #fff; }


/* fxlc */
.fxlc{ text-align: center; margin: 70px 0 75px; }
.fxlc span{ display: inline-block; border: 2px solid #221c19; border-radius: 10px; padding: 0 40px; line-height: 40px; background: #f6f6f6;  font-size: 18px; color: #221c19;}
.fxlc img{ display: block; margin: 8px auto; }
.fxlc ul{ display: inline-block; border-radius: 10px; padding: 40px 0; background: #f6f6f6; width: 980px; margin: auto; }
.fxlc li{ float: left; width: 260px; height: 120px; border-radius: 10px; padding: 35px 20px 0; position: relative;  z-index: 1; background: #fff;  margin-left: 50px;  font-size: 16px; line-height: 26px;}
.fxlc li i{ position: absolute; z-index: -1; font-size: 120px; font-family: arial; color: #f6f6f6; line-height: 120px; top: 0; left: 0; width: 100%; }


/* 71 */
.lxwmbox .wrapper{ margin: 50px auto 45px; }
.wel{ width: 380px;line-height: 24px; color: #000; }
.hell{ font-size: 18px; margin-bottom: 12px; }

.addli .Ali{ position: relative; display: inline-block; vertical-align: top; width: 380px; height: 150px; border: 2px solid #eee; padding: 35px 27px 20px 95px; color: #888888; }
.addli .Ali img{ position: absolute; left: 25px; top: 50%; margin-top: -27px; width: 54px; height: 54px; }
.addli .Ali p{ font-size: 22px; color: #000; margin-bottom: 8px; }
.addli .Ali span{ font-size: 34px; color: #d8251c; font-family: 'dincond-medium-webfont'; line-height: 1; }


.lyy{ margin: 55px 0 70px; }
.lyy ul{ width: 1241px; }
.lyy li{ position: relative; float: left;background: #fafafa; font-size: 16px; width: 580px; margin: 0 40px 30px 0; padding:0 20px 0 85px; }
.lyy li:nth-child(2n){ margin-right: 0; }
.lyy li p{position: absolute; left: 0; line-height: 50px; left: 30px; }
.lyy li input,
.lyy li textarea{ width: 100%; height: 50px; background: none transparent; border: 0; }
.lyy li.li4{ padding-left: 100px; }
.lyy li .yzm{ height: 50px; line-height: 50px; position: absolute; right: 20px; bottom: 0;  z-index: 2;  }
.lyy li.li5{ width: 100%; max-width: 1200px; padding-left: 115px; }
.lyy li textarea{ width: 1060px; height: 160px; resize: none; padding: 17px 0;  }

.sublimg{ text-align: center; }
.sublimg input{ border: 2px solid #d6261d; font-weight: bold; color: #d6261d; margin: 0 10px; background: none; width: 120px; height: 40px; cursor: pointer; }
.sublimg .submit{ color: #fff; background: #d6261d; }




/* 8-1 */
.zplist{ margin: 40px 0 80px; }
.dtspan{ border-bottom: 2px solid #d8251c; color: #d8251c; font-size: 22px; text-align: center; line-height: 54px; }
.dtspan span{ float: left; width: 25%; }
.dtspan .s1{ text-align: left; }

.ul .dt{ color: #888; font-size: 18px; border: 0; line-height: 70px; height: 70px; border-bottom: 1px solid #ddd; background: url(../img/dd.png) no-repeat right center;  transition: 0.2s;}
.ul .dt .s1{ color: #222; transition: 0.2s; background-position: center left ; }
.ul .dd{ display: none; padding: 0 30px; background: url(../img/ddbg.png) top left; }
.zpabc{ padding: 27px 0; border-bottom: 2px solid #b4b4b4; line-height: 30px; color: #888; }
.zpabc span{ float: left; font-size: 16px;}

.zpabc span.ss1,
.zpabc span.ss5{ width: 345px; padding-right: 30px;}
.zpabc span.ss2,
.zpabc span.ss6{ width: 320px; padding-right: 30px;}
.zpabc span.ss3,
.zpabc span.ss7{ width: 310px; }
.zpabc span.ss4,
.zpabc span.ss8{ width: 150px; padding-right: 0;}
.zpabc i{ color: #222; }


.roll{ position: relative; padding-bottom: 35px; line-height: 30px; color: #222; }
.rez{ font-size: 24px; margin: 25px 0 20px; }
.roll a{ display: block; position: absolute; bottom: 50px; right: 0; width: 120px; height: 36px; text-align: center; line-height: 36px; color: #fff; background: #d8251c; }


.ul li.active .dt{ background: #221c19 url(../img/close.png) no-repeat right 25px center; color: #fff; }
.ul li.active .dt .s1{ padding-left: 55px;  background: url(../img/span1.png) no-repeat left 26px center; color: #fff; }


/* 8-2 */
.zpdetai .zpTop{ background: #221C19; padding: 0 30px; line-height: 70px; color: #fff;  }
.zpdetai .zpTop .fl{ font-size: 18px; }
.zpdetai .rez{ margin-bottom: 7px; }

.cccc{ position: relative; margin: 10px 0 12px; }
#file{ position: absolute; left: 0; top: 0; height: 34px; width: 360px; z-index: 2; opacity: 0; cursor: pointer; }
#fileName{ background: #dfdfdf; border: 0; padding: 0 12px; color: #999; height: 34px; width: 290px; }
.cccc i{ vertical-align: top; line-height: 34px; color: #fff; background: #000; width: 70px; display: inline-block; text-align: center; }
.shbtn{ display: block; width: 126px; height: 36px; color: #fff; background: #000; border: 0; border-radius: 30px;  } 









@media only screen and (max-width: 1600px) {
	.indexlist,
	.news{ padding:0 2rem; }
	.news-right{ padding-top: 6rem; }
	.Nwac{ height: 11.5rem; }
}
@media only screen and (max-width: 1440px) {
	.indexlist,
	.news{ padding:0 1rem; }
	.Nwac{ height: 12.5rem; }
}

@media only screen and (max-width: 1366px) {
	
	.nav li{ padding: 0 15px; }
	
}