@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
  .pl02{padding-left: .2rem;}
  .pall02{padding: .2rem;}
}

.layui-col-space30 {margin: -0.325rem}
.layui-col-space30>* {padding: 0.325rem}
.layui-input-inline{
  width: 96%;
  margin: 0 0 .6rem 0;
}

/**/
.toptel{ width:100%; height:35px; background:#df1d1d;}
.wtop-nsnav-bg{
  width: 100%;
  background:#eff0f2;
}
.logo-box,.logoimg,.logotxt{display: inline-block;}
.logoimg img{width: 3.5rem; margin-top:.5em;}
.wtop-nsnav-usbg{
  line-height: 1.4rem;
  color:#fff;
}
@media screen and (min-width:992px) {
  .logo-box,.logoimg,.logotxt{float: left;}
  .logo-box{ width:100% !important;}
}
@media screen and (max-width:992px) {
  .logo-cont{
    width: 100%;
    padding: 0 0 .3rem .3rem;
  }
  .logoimg img{margin-top: -1.625rem;}
  .wtop-nsnav-usbg{padding-right: .5rem;}
  
}

/**/
.toggle-btn{
  height: 2rem;
  width: 2rem;
  display: inline-block;
  position: relative;
  border: 1px solid var(--other-color);
  cursor:pointer;
  float: right;
  top: .5rem;
  right: .5rem;
  border-radius: .25rem;
}
.toggle-btn *{transition:.3s ease-in-out}
.toggle-btn span{
  width:1rem;
  height:.125rem;
  position:absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background:var(--other-color);
  opacity:1;
  z-index: 16;
}
.toggle-btn span.one{top:.5rem}
.toggle-btn span.two{top:1rem}
.toggle-btn span.three{top:1.5rem}
.toggle-btn.on{
  position:fixed;
  z-index: 22;
  background-color: var(--white-color);
}
.toggle-btn.on .one{transform:translateY(.475rem) rotate(45deg);}
.toggle-btn.on .two{opacity:0}
.toggle-btn.on .three{transform:translateY(-.475rem) rotate(-45deg);}
.float-menu-box{
  position: fixed;
  width: 100%;
  height: 0;
  overflow: hidden;
  background: rgba(0,0,0,.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}
.float-menu{
  padding-top: 1rem;
  background-color: var(--other-color);
}
.float-menu li{
  padding: 0 2rem;
  line-height: 3rem;
  font-size: 1rem;
  border-bottom: 1px solid var(--bg-color);
}

/**/
.nav{
  height: 3.5rem;
  display: flex;
  justify-content: space-between;
}
.nav .navli{
  flex: 1;
  margin-top: .825rem;
  display: inline-block;
  position:relative;
}
.nav .navli .nav_a{
  display:block; 
  width:100%; 
  text-align:center; 
  height:2rem; 
  line-height:2rem; 
  font-size: .625rem; 
  position:relative; 
  overflow:hidden;
  z-index: 2;
  font-weight:bold;
}
.nav .navli:hover .nav_a:after,.nav .navli.on .nav_a:after{ bottom:0;}
.nav .navli:hover .nav_a,.nav .navli.on .nav_a{
  font-size: .725rem;
  color:#df1d1d; 
}
.nav .navli .setNav{
  width:90%;
  padding: 0 5% 5%;
  position:absolute; 
  top:2rem; 
  left:0;
  background-color:#ffffff;
  display:none; 
  z-index: 55555;
}
.nav .navli .setNav li{
  text-align:center; 
  width:100%;
  height: 1.5rem;
  line-height: 1.5rem;
  overflow:hidden;
}
.nav .navli .setNav li a{
  display:block; 
  width:100%; 
  font-size: 0.625rem; 
  transition:none;
  -webkit-transition: none;
}
.nav .navli .setNav li a:hover{
  background-color:#c00;
  color:#fff;
}

/**/
#carousel-img{position: relative;}
.carousel-txt-box{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
}
.carousel-txt{
  height: 100%;
  width: 70%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-txt-info{
  padding: .3rem;
  border: .0625rem solid var(--white-color);
}
.carousel-txt-nbox{
  border: .0625rem solid var(--white-color);
  padding: .2rem;
}
.carousel-txt-info p{
  color: var(--theme-color);
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-shadow: var(--white-color) .1rem 0 0, var(--white-color) 0 .1rem 0, var(--white-color) -.0625rem 0 0, var(--white-color) 0 -.0625rem 0;
}
.carousel-txt-info h3{
  color: var(--white-color);
  font-size: .825rem;
}
.carousel-txt-info h6{
  color: var(--white-color);
  font-size: .25rem;
}
@media screen and (max-width:992px) {
  .carousel-txt{width: 100%;}
  .carousel-txt-info p{
    font-size: 1rem;
    line-height: 1.25rem;
  text-shadow: var(--white-color) .0625rem 0 0, var(--white-color) 0 .0625rem 0, var(--white-color) -.0625rem 0 0, var(--white-color) 0 -.0625rem 0;
  }
}

/**/
.panel-box{
  border-bottom: 0.0625rem solid var(--theme-color);
  padding-bottom: 1rem;
  position: relative;
}
.panel-box::after,
.panel-box::before{
  content: '';
  position: absolute;
  width: 5rem;
  height: 0.25rem;
  left: 0;right: 0;
  margin: 0 auto;
  z-index: 8;
}
.juzuo.panel-box::after,
.juzuo.panel-box::before{
  left: 0;right: auto;
  margin: 0;
}
.panel-box::before{
  bottom: -.0525rem;
  background-color: var(--special-color);
}
.panel-box::after{
  bottom: -0.31rem;
  background-color: var(--light-special-color);
}

/**/
.about-bg{
  background: url(../img/aboutbg.jpg) left top no-repeat;
  background-size: cover;
}
.about-box p img{
  box-sizing: border-box;
  border: .2rem solid var(--white-color);}
  
/**/
.page-two-nav .title{
  box-shadow: 0.065rem 0.065rem .2rem var(--mid-gray-color);
  background-color: var(--mid-theme-color);
}
.page-two-nav li{
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0 0 .2rem 0;
}
.page-two-nav li:not(:first-child){
  background-color: var(--light-theme-color);
}
.page-two-nav li:not(:first-child):hover,
.page-two-nav li.on{background-color: var(--theme-color);}
.page-two-nav li:not(:first-child):hover{font-size: .75rem}
@media screen and (max-width:992px) {
  .page-two-nav{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .page-two-nav li{
    width: 33%;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .page-two-nav li:not(:nth-child(3n)){border-right: 0.0625rem solid var(--border-color);}
  .page-two-nav li:last-child:nth-child(3n - 1){margin-right: calc(31% + 6% / 3);}
}

/**/
@media screen and (min-width:992px) {
  .info-con{padding-left: 1.5rem;}
}

/**/
.contact-title{
  background: url(../img/aifc.png) left top no-repeat;
  background-size: cover;
}

/**/
@media screen and (min-width:992px) {
  .news-box{margin-right: 1.5rem;}
}
 
/**/
.title-nav .title{
  box-shadow: 0.065rem 0.065rem .2rem var(--mid-gray-color);
  background-color: var(--mid-theme-color);
  margin-top: .75rem;
}
.title-nav li{
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0 0 .2rem 0;
}
.title-nav li:hover{background-color: var(--theme-color);}

/**/
.tabs{margin: 0;}
.tabs-brief>.layui-tab-more li.layui-this:after,
.tabs-brief>.tabs-title .layui-this:after {
  height: 3rem;
  border:.0625rem solid var(--theme-color);
}
.tabs-brief[overflow]>.tabs-title .layui-this:after {top: 0}
.tabs-title {
  margin-top: 0.3125rem;
  height: 3rem; 
  border: none;
}
.tabs-title li {
  height: 3rem;
  padding: 0.125rem;
}
.tabs-title li:not(:first-child) {margin-left: 0.1875rem;}
.tabs-title li img{height: 2.825rem;}
.tabs-content{padding: 0;}
.tabs-content .layui-tab-item img{width: 100%;}
.contact-list4{
  padding:0 0 1rem 0;
  line-height: 1.5rem;
}
.contact-list4 span{color: red;}
.panel-title{
  background-color: var(--theme-color);
  border-radius: .4rem .4rem 0 0;
  padding: .4rem 0 .4rem .6rem;
}

/**/
.footer-bg{background-color:#303030; border-top:8px solid #d50202;}
@media screen and (min-width:992px) {
  .footer > div{padding: 0 1rem;}
  .footer > div:not(:last-child){border-right: 1px dashed #cccccc;}
}
@media screen and (max-width:992px) {
  .contact-info{font-size: .9rem; padding-left: 1rem;margin-top: 1rem;}
  .contact-info p{line-height: 1.5rem;}
  .code-info img{width: 80%;}
}

.cp01 {
    width: 400px;
    height: 42px;
    background: url(../images/cp01.jpg) center no-repeat;
    margin: 0 auto;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
}
.cp1260 h2 {
    width: 100%;
    height: 44px;
	line-height:44px;
    font-size: 30px;
    font-weight: bold;
    color: #10100f;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 12px;
}
.cp_xian {
    width: 63px;
    border-bottom: 2px #d50202 solid;
    margin: 0 auto;
}

.list-img-box{ overflow:hidden; padding:15px; box-sizing: border-box; transition: all 0.3s ease-out; background-color: #d50202;}
.list-img-box:hover{
  padding-top: 10px;
  box-shadow: 0px 5px 5px 5px #efefef;
  background-color: #444444;
  border-radius: 15px;
}
.list-img-box .tu img{ width:100%;}
.list-img-box h3 {
    display: block;
    padding: 12px 0px;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    transition: all 0.3s ease-out;
}
.list-img-box .yuan {
    display: block;
    font-size: 20px;
    color: #FFFFFF;
    margin-left: 30px;
    margin-top: 6px;
	margin-right:10px;
    float: left;
}
.list-img-box .zfl {
    display: block;
    font-size: 18px;
    padding: 6px 0px;
    color: #FFFFFF;
    margin-left: 20px;
}
.hotprd{ background:#f3f3f3; overflow:hidden;}
.hot_prd{ border: 1px solid #e8e8e8; overflow:hidden;}

.hot_prd:hover{
  box-shadow: 0px 0px 20px #aaa; background-color:#e00024;
}
.hot_prd:hover a{ color:#fff;}
.hot_prd .tu{
  width:100%;
  overflow: hidden;
}
.hot_prd .tu img{
  width:100%;
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.hot_prd:hover .tu img{
  transform: scaleX(1.2) scaleY(1.2);
}
.hot_prd a h3{
  margin:0 auto;
  display: block;
  height: 36px;
  font-size:16px;
  color: #202020;
  text-align: center;
  line-height: 36px;
  overflow:hidden;
}
.hot_prd:hover a h3{
  color: #fff;
}
.hot_prd .dianhu{
  margin:0 auto;
  height: auto;
  font-weight:bold;
  font-size:16px;
}
.hot_prd .dianhu p{
  width: 100%;
  height:38px;
  font-size: 16px;
  color: #f00;
  text-align:center;
  
}
.hot_prd .dianhu p a{ color:#f00;}
.hot_prd:hover p a{
  color: #fff;
}


.limin {
    background-color: #ffc607;
	overflow:hidden;
}
.lc{ background:url(../images/limin01.png) center no-repeat; height:190px;}
.limin .tubiao {
	width: 68px;
    height: 68px;
    margin: 0 auto;
    margin-top: 26px;
}
.limin .wz {
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #333333;
    text-align: center;
    margin-top: 8px;
}
.lc:hover{
  margin-top: -10px;
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}

.limin_x{ background:url(../images/hengxian.jpg) repeat; overflow:hidden;}
.a36 {
    font-size: 36px;
    color: #333333;
    font-weight: bold;
    text-align: center;
}
.synews{ background:url(../images/xinwen_bj.jpg) left top no-repeat;}
.xw_title{
	float: right;
	background:#fff;
	padding-bottom:20px;
	overflow:hidden;
}

.xw_title h2{
	width: 100%;
	height: 44px;
	font-size: 40px;
	color: #595959;
	font-weight: bold;
	margin-top: 24px;
}
.xw_title h3{
	width: 100%;
	height: 65px;
	line-height:65px;
	font-size: 54px;
	color: #f4f4f4;
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
}
.xw_xian{
	width: 70px;
	border-bottom: 6px #d50202 solid;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

.h-news-r{
  float: right;
  background-color: #FFFFFF;
}
.h-news-r li{
  border-bottom:1px dashed #dcdcdc;
  overflow: hidden;
/*  padding:18px 0px;*/
  margin: 13px;

}

.h-news-r li:hover{
  border-bottom:1px dashed #FFFFFF;
  overflow: hidden;
	background-color: #d50202;
}
.h-news-r li:first-child{
  padding-top:0px;
}
.h-news-r li .news-l-day{
  float: left;
  margin-bottom: 20px;
  border-right: 1px #dddddd solid;
  margin-top: 10px;
}

.h-news-r li:hover .news-l-day{
  float: left;
  margin-bottom: 20px;
  margin-bottom: 20px;
  border-right: 1px #FFCC33  solid;
}

.h-news-r li .news-l-day .day01{
  display: block;
  width: 100%;
  height: 20px;
  line-height:50px;
  font-size: 44px;
  color: #2e2828;
  text-align: center;
  font-family: impact;
}
.h-news-r li:hover .news-l-day .day01{
  color: #FFFEFE;
  transition: all 0.3s ease-out;
}
.h-news-r li .news-l-day .day02{
  height:50px;
  display: block;
  font-size: 16px;
  color: #2e2828;
  text-align: center;
  letter-spacing:0px; 
}
.h-news-r li:hover .news-l-day .day02{
  display: block;
  font-size: 16px;
  color: #FFFFF6;
  text-align: center;
  letter-spacing:0px; 
}
.h-news-r li .news-r2{
  float: right;
  padding-left:15px;
}
.h-news-r li .news-r2 a h3{
  display: block;
  width: 100%;
  height: 28px;
  font-size: 16px;
  color: #2e2828;
  letter-spacing: 0px;
  overflow: hidden;
  margin-top: 10px;
  transition: all 0.3s ease-out;

}
.h-news-r li:hover .news-r2 a h3{
  color: #FFFFFF;
  font-weight: bold;
}
.h-news-r li .news-r2 p{
  display: block;
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #757575;
  line-height: 20px;
  overflow: hidden;
}
.h-news-r li:hover .news-r2 p{
  display: block;
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #e8e8e8;
  line-height: 20px;
  overflow: hidden;
}

.syabout{ height:312px; overflow:hidden; background:url(../images/jianjie.jpg) center top no-repeat;}
.abtitle{
	height: 240px;
	background-color: #d50202;
	float: right;
	margin-top: 72px;
}
.abtitle h2{
	width: 100%;
	height: 60px;
	line-height:60px;
	font-size: 50px;
	font-weight: bold;
	float: left;
	color: #FFFFFF;
	text-indent: 30px;
	margin-top: 10px;
}  
.jj_yw{
	width: 100%;
	height: 30px;
	line-height:30px;
	font-size: 28px;
	color: #FFFFFF;
	margin-top: 14px;
	text-indent: 30px;
	float: left;
	text-transform: uppercase;
	
}
.jj_xian{
	width: 55px;
	border-bottom: 5px #FFFFFF solid;
	margin-left: 30px;
	margin-top: 50px;
} 
.footdb{ border-top:1px solid #535353; line-height:60px; text-align:center; color:#c0c0c0; overflow:hidden;}

.daohang{ padding:10px 0; font-size:14px; background-color: #efefef; border: 1px solid #DFDEDE;}

.part-cpfl2{text-align: center; }
.part-cpfl2 li{ 
  text-align: center;
}

.part-cpfl2 li a{
  display: inline-block;
  width: 100%; 
  height: 46px;
  line-height:46px;
  overflow:hidden;
 color: #ffffff; 
 font-size: 17px; 
 font-weight:normal;
 background: #d50202;
  color: #ffffff;
}
.part-cpfl2 li:hover a{
  background:#444444;
  color: #ffffff; 
}
.nyabout{ background:#f3f3f3; padding: 20px; overflow:hidden; line-height:27px; font-size:16px;}
.nyabout h1{ text-align:center; line-height:60px; font-weight:bold;}
.nyabout h2{ text-align:center; height:40px; line-height:40px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; overflow:hidden; font-size:16px;}
.nyabout img{ max-width:100%;}
.ny-news01{ background:#f3f3f3; padding: 15px;} 
.ny-newli{
  padding:20px 0px;
  width: 100%;
  border-bottom:1px dashed #dedddd;
  overflow: hidden;
}
.ny-newli .tu1{
	float: left;
	width: 100%;
	overflow: hidden;
}
.ny-newli .tu1 img{
	width: 100%;
	overflow: hidden;
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ny-newli:hover .tu1 img{
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out;
}
.ny-newli .l01{
  float: right;
  margin-right:15px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-top:30px;
  padding:0 10px;
}
.ny-newli .l01 .n-day{
  width: 100%;
  height: 57px;
  font-size: 25px;
  color: #555;
  text-align: right;
  line-height: 57px;
  font-family: "Impact";
  letter-spacing: 0px;
  transition: all 0.4s ease-in-out;
}
.ny-newli:hover .l01 .n-day{
	color: #ff2a2a;
}
.ny-newli .l01 .n-month{
  width: 100%;
  font-size: 15px;
  color: #555;
  text-align: center;
  letter-spacing: 0px;
}
.ny-newli .r01{
  float: left;
  margin-left:12px;
  overflow:hidden;
}
.ny-newli .r01 a h2{
  display: block;
  width: 100%;
  height: 36px;
  font-size: 16px;
  color: #555;
  letter-spacing: 0px;
  transition: all 0.3s ease-in-out;
  font-weight:bold;
  font-size:16px;
}
.ny-newli:hover .r01 a h2{
	color:#ff2a2a;
}
.ny-newli .r01 p{
  display: block;
  width: 100%;
  height: 40px;
  line-height:20px;
  font-size: 14px;
  color: #555;
  letter-spacing: 0px;
  overflow: hidden;
}
.lh42 {
    line-height: 42px;
}
.pl20 {
    padding-left: 20px;
}
.fsize24 {
    font-size: 24px;
}
.fw {
    font-weight: bold;
}
.borderdb1 {
    border-bottom: 1px dashed #d4d4d4;
}
.fsize18 {
    font-size: 18px;
}
.color-theme {
    color: #d50202;
}
.gyus-icon{
  position: relative;
  padding: 10px;
}
.gyus-icon li{
  width:25%; 
  float: left; 
  text-align: center;
  position: relative;
}
.gyus-icon li .icon{
  width: 74px; 
  height: 74px; 
  line-height: 74px; 
  margin: 0 auto 10px; 
  border-radius: 50%; 
  background-color: #d50202;
  }
.gyus-icon .code{
  font-size: 14px; 
  line-height:22px;
}
.lh52 {
    line-height: 52px;
}
.mall20 {
    margin: 20px;
}
.fsize32 {
    font-size: 32px;
}
.bg-theme-color {
    background-color: #d50202;
}

.htbock_02 {
    margin-bottom: 54px;
}
.htbock_02 .ht_hd {
    background: url(../images/hbg_01.png) no-repeat 0 center;
    position: relative;
	    overflow: hidden;
}
.htbock_02 .ht_hd li {
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    width: 110px;
    padding-left: 24px;
    cursor: pointer;
    color: #383842;
}
.edit_con_original {
    line-height: 1.8;
    padding: 15px;
    color: #333;
    margin-bottom: 43px;
    border: 2px #000 solid;
    height: auto;
    overflow: hidden;
}
.edit_con_original h3 {
    font-size: 1.17em;
    font-weight: bold;
	background: #c60019;
    color: #fff;
    margin: 15px 0;
    padding: 5px 10px;
}
.con_view{ width:100%; overflow:hidden; font-size:16px; line-height:27px;}
.con_view table{ width:99%; word-wrap: break-word; word-break: break-all;}
.con_view td{ padding:3px; border:1px solid #ddd;}
.con_view img{ max-width:100%;}
.detail_man {
    overflow: hidden;
}
.detail_man_r {
    float: right;
    position: relative;
    top: 10px;
}
.detail_man_r a {
    display: block;
    width: 86px;
    height: 36px;
    background: #ececec;
    color: #383842;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
}
.detail_man_l {
    font-size: 14px;
    color: #383842;
}
.detail_man_l span {
    line-height: 24px;
    display: block;
    width: 100%;
}
.htbock_03 h1 {
    margin-bottom: 30px;
}
.htbock_03 h1 span {
	width:133px;
    font-size: 18px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    border-bottom: 2px solid #383842;
	text-align:center;
	font-weight:bold;
	background:url(../images/hbg_01.png) left top no-repeat;
}
.htbock_03 ul {
    overflow: hidden;
}
.htbock_03 li {
    float: left;
    line-height: 24px;
}
.htbock_04 li a {
    margin: 0 10px;
    display: block;
    position: relative;
}
.ratio-img {
    width: 100%;
}
.htbock_04 p {
    background: url(../images/pm_01.png) repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    width: 100%;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
}
.htbock_03 font{ margin-top:2px; overflow:hidden;}

.aoubtsgt{ font-size:16px; line-height:29px;}
.aoubtsgt p{ font-size:16px; line-height:29px;}
.ftlxfs p{ line-height:27px; font-size:15px;}

@media screen and (max-width:450px) {
  .list-img-box .yuan{ margin-left:0px;}
  .list-img-box h3{ font-size:20px;}
  .aoubtsgt{ height:280px; overflow:hidden;}
  .ny-news01{ padding:5px;}
}