@charset "utf-8";
/* CSS Document */
.column{ text-align: center; padding-top: 3%; padding-bottom: 3%; color: #333}
.column span{ position: relative}
.column span:after{ content: ''; animation: mymove 5s infinite; display: block; margin: auto; margin-top: 20px; width: 92px; height: 15px; background: url(../images/column_icon.png)}
@keyframes mymove {
  0% { transform: translateX(-20px)}
  50% { transform: translateX(0px)}
  100% { transform: translateX(-20px)}
}

.home_banner{ overflow: hidden}


.home_product{ padding-top: 3%; padding-bottom: 3%; background: #f9f6f0 url(../images/home_product_bg.jpg) no-repeat center bottom; background-size: 100%;}
.home_product .slick_title{ padding-bottom: 3%; padding-top: 2%;}
.home_product .slick_title .item{ text-align: center; width: 20%; float: left}
.home_product .slick_title .item a{ display: inline-block; cursor: pointer}
.home_product .slick_title .item span{ display: block; margin: auto; width: 88px; height: 88px; border-radius: 100%}
.home_product .slick_title .item span img{ transition: 0.5s; width: 100%; height: 100%}
.home_product .slick_title .item b{ padding: 20px 0; display: block; text-align: center}
.home_product .slick_title .item a:hover span{ background-color: #cf111b!important;}
.home_product .slick_title .item a:hover b{color: #cf111b!important;}
.home_product .slick_title .item a:hover span img{transform: rotateY(180deg);}

.home_product .slick_main .listbox{ position: relative}
.home_product .slick_main .item{width: 32.84722222222222%;}
.home_product .slick_main .item:nth-child(1){ width: 66.389%; margin-bottom:0.69444444444444%}
.home_product .slick_main .item:nth-child(2),
.home_product .slick_main .item:nth-child(3){ float: left}
.home_product .slick_main .item:nth-child(2){ margin-right:0.69444444444444%;}
.home_product .slick_main .item:nth-child(4){ position: absolute; top: 0; height: 100%; right: 0;}
.home_product .slick_main .info{ width: 100%; padding:8% 12%; position: absolute; z-index: 2;line-height:1.8}
.home_product .slick_main .info .txt{position: relative}
.home_product .slick_main .info pre{ width:70%; margin-bottom:20px; }
.home_product .slick_main .info .new{ display: block; width: 27px; height: 54px; background: url(../images/new.png)}
.home_product .slick_main .pic{ padding-bottom:100%; height: 100%; background: no-repeat center center; background-size: cover}
.home_product .slick_main .pic:before{content: ''; z-index: 5; position: absolute; width: 100%; height: 100%; display: block; background: no-repeat center center; background-size: cover; opacity: 0; transition: 0.5s}
.home_product .slick_main .item .pic span{position: absolute; width: 100%; height: 100%; display: block;}
.home_product .slick_main .item:nth-child(1) .info{ bottom: 0; padding:6%}
.home_product .slick_main .item:nth-child(1) .pic{ padding-bottom: 49.478%}
.home_product .slick_main .item:nth-child(1) .txt,
.home_product .slick_main .item:nth-child(4) .txt{ padding-top: 54px;}
.home_product .slick_main .item:nth-child(1) .new,
.home_product .slick_main .item:nth-child(4) .new{ position: absolute; top: 0}
.home_product .slick_main .item .pic:before{ background-image: url(../images/home_pro_hover.png); background-size: 100% 100%}
.home_product .slick_main .item:nth-child(1) .pic:before{ background-image: url(../images/home_pro1_hover.png)}
.home_product .slick_main .item:nth-child(4) .pic:before{ background-image: url(../images/home_pro4_hover.png)}
.home_product .slick_main .item:hover .pic:before{ opacity: 1}
@media (max-width:1366px){
  .home_product .slick_main .info{padding: 6% 8%;}
}
@media (max-width:768px){
.home_product .slick_title .item{ width: 33.333%}
.home_product .slick_title .item span{ width:65px; height:65px;}
.home_product .slick_main .item{ width: 49%; margin-bottom: 2%!important}
.home_product .slick_main .item:nth-child(1){ width: 100%}
.home_product .slick_main .item:nth-child(2){margin-right:2%;}
.home_product .slick_main .item:nth-child(4){ clear: both; position: relative; width: 100%;}
.home_product .slick_main .item:nth-child(2) .pic,
.home_product .slick_main .item:nth-child(3) .pic{ padding-bottom: 120%!important;}
.home_product .slick_main .item:nth-child(1) .pic{ padding-bottom:50%!important; height: auto}
.home_product .slick_main .item:nth-child(4) .pic{ padding-bottom:201.398%!important; height: auto}
.home_product .slick_main .item:nth-child(1) .info,
.home_product .slick_main .item:nth-child(4) .info{ padding:5%}
.home_product .slick_main .item:nth-child(2) .info,
.home_product .slick_main .item:nth-child(3) .info{ padding:8%}
.home_product .slick_main .info .new{ display: none}
.home_product .slick_main .item .pic span:before{}
}
@media (max-width:640px){
  .home_product .slick_main .info pre{ text-align: left; width: 58%; }
  .home_product .slick_main .item{ width: 100%; }
  .home_product .slick_main .item:nth-child(2) .pic, .home_product .slick_main .item:nth-child(3) .pic{ padding-bottom: 90%!important; }
}

.home_news{ padding-top: 3%; padding-bottom: 3%; background: #f7f3ed url(../images/home_news_bg.jpg) no-repeat center top; background-size: 100%;}
.home_news .info{ padding: 35px 50px; position: relative}
.home_news .info span{ color: #fff; background: #720000; display: inline-block; padding: 8px; border-radius: 5px; margin-right: 10px; width: 80px;}
.home_news .info time{ color: #999999}
.home_news .slick_fl .pic{ background: no-repeat center center; background-size: cover}
.home_news .slick_fl .pic i:after{ display: none}
.home_news .slick_fl .other span{ background: linear-gradient(to right,#af1024,#861995)}
.home_news .slick_fl .info{
background:
radial-gradient(circle at top left, #fdfdfb 0, #fdfdfb 0) top left,
radial-gradient(circle at top right, #fdfdfb 0, #fdfdfb 0) top right,
radial-gradient(circle at bottom right, transparent 12px, #fdfdfb 0) bottom right,
radial-gradient(circle at bottom left, transparent 12px, #fdfdfb 0) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}

.home_news .slick_fr .item:not(:last-child){ margin-bottom: 12px;}
.home_news .slick_fr span{background: #720000;}
.home_news .slick_fr h4{ margin-top: 21px;}
.home_news .slick_fl p{ opacity: 0.8}
@media (min-width:768px){
.home_news .info h4{ line-height: 36px; height: 72px;}
.home_news .flex_box{display: flex; justify-content: space-between;}
.home_news .slick_fl{ float: left; width: 49.5139%;}
.home_news .slick_fl .pic{  padding-bottom:55.4%; }
.home_news .slick_fl .info{ padding-left: 172px;padding-top:45px; padding-bottom:45px;}
.home_news .slick_fl .info h4{ line-height:40px; height:80px; margin-bottom: 16px;}
.home_news .slick_fl p{ line-height: 32px; height: 64px;}
.home_news .slick_fl .other{ position: absolute; left: 50px; top: 35px; padding-bottom: 50px}
.home_news .slick_fl .other span{ position: absolute; bottom: 0; margin-right: 0;}
.home_news .slick_fl .other time{ display: block; text-align: center}
.home_news .slick_fl .other time i{ display: none}
.home_news .slick_fl .other time b{display: block; font-size:2.6vw; font-weight: normal}
.home_news .slick_fl .slick-dots{  bottom:270px;}
.home_news .slick_fr{ float: right; width: 49.6529%;display: inline-flex; flex-flow: column wrap; justify-content: space-between;}
.home_news .slick_fr .item:not(:last-child){ margin-bottom: 0;}
}

@media (max-width:1440px){
.home_news .slick_fl .pic{  padding-bottom:60%; }
}
@media (max-width:1366px){
.home_news .info{ padding-top:2.3vw; padding-bottom:2.3vw;}
}
@media (max-width:1200px){
.home_news .info{ padding-top:2vw; padding-bottom:2vw;}
}
@media (max-width:768px){
.home_news .info{ padding:20px; }
.home_news .slick_fl .info{ padding-top:20px;padding-bottom:20px;}
.home_news .slick_fl{ margin-bottom: 5%}
.home_news .slick_fl .pic{ padding-bottom:59%}
.home_news .slick_fl p{ margin: 10px 0}
.home_news .slick_fl .other time b{ display: none}
.home_news .slick_fl .other time i{ font-style: normal}
.home_news .slick_fl .slick-dots{ position: relative}
}

.home_about{ padding-top: 2%; padding-bottom:6%; background: #f7f2ec url(../images/home_about_bg.jpg) no-repeat right top; background-size: 100%;}
.home_about .info{ text-align: center;  padding-bottom: 3%; line-height: 2.2}
.home_about .item{ margin: 5px;}
.home_about .item a{ display: block; padding-bottom:50.635%; position: relative; background: no-repeat center center ;background-size: cover}
.home_about .slick_info{ margin-left: -5px; margin-right: -5px;}
.home_about h3{ color: #fff; position: absolute; width: 100%; text-align: center; top:80%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-ms-transform:translate(0,-50%);transition: all .3s;}
.home_about .item:hover  h3{top:50%;transition: all .3s;}