﻿/* 滚动通知 */
.notice { height: 70px; overflow: hidden; }
.notice a { color: #777; position: relative;z-index: 8;}
.notice li { line-height: 5em; height: 70%; }
.notice li a, .notice li img { display: inline; }
.notice li img { position: relative; bottom: 1.5em; margin-right: 10px; }
.notice li span { margin-right: 1.5em; }
.notice .xb1 { padding-top: 1.5%; width: 5%; }
.notice .xb2 { padding-top: 2%; font-size: 16px; font-weight: bold; text-align: right; }
.notice .xb1 img { display: block; }
.notice .xb3 a { line-height: 5em; height: 100%; color: #444; }
.bgColor { background: #FEF4F5; }
.bg1 { background: url('../images/index-bg1.jpg'); background-repeat: no-repeat; background-size: cover; }
.bg2 { background: url('../images/index-bg2.jpg'); background-repeat: no-repeat; background-size: cover; }
.bg3 { background: rgb(245,245,245); }
.set-padding { padding: 5.5em 0; }
/* 全产业链 */
.chain { /* padding:3em; */
}
.chain .block { background: url('../images/chain-bg.png'); background-repeat: no-repeat; background-position: right; }
.chain .block:hover { color: #DA2127; }
.chain .block img { margin: 0 auto; }
.chain .block .img1 { display: block; }
.chain .block .img2 { display: none; }
.chain .block:hover .img1 { display: none; }
.chain .block:hover .img2 { display: block; }
.chain .block p { font-size: 18px; font-weight: bold; margin-top: 1em; }
.chain .block p::after { content: ""; opacity: 1; position: relative; width: 1px; height: 1px; display: block; transition: all 0.3s ease-in-out; top: 1em; }
.chain .block:hover p::after { width: 100%; border-bottom: 1px solid #DA2127; }
.head-block { margin-bottom: 1.5em; }
.head-block .title { font-size: 25px; font-weight: bold; margin: 0.5em 0; }
.head-block .subtitle { color: #777; }
/* 产品中心 */
.pros { /* padding-bottom: 3em; */
}
.propics .block { width: 24%; margin: 0 0.5% 0 0.5%; }
.propics .block .img-cover { overflow: hidden; }
.propics .block .img-cover img { transition: all 0.3s ease-in-out; }
.propics .block:hover .img-cover img { transform: scale(1.1); }
/* .propics .block:nth-child(1) .color{
    background:#FF6666;
}
.propics .block:nth-child(2) .color{
    background:#EE8F5F;
}
.propics .block:nth-child(3) .color{
    background:#C1913D;
}
.propics .block:nth-child(4) .color{
    background:#709C61;
} */

.propics .block .name { color: #FFF; font-size: 18px; font-weight: bold; margin: 0.5em 0; }
.propics .block .stripe { display: block; width: 20%; margin: 0 auto; border-bottom: 1px solid #FFF; margin-bottom: 0.5em; }
.propics .block .icon { color: #777; background: #FFF; display: block; width: 35px; height: 35px; border-radius: 50%; margin: 0 auto 1em auto; font-size: 26px; padding-top: 5px; transition: all 0.3s ease-in-out; }
.propics .block .icon-img { margin-top: 1em; }
.propics .block .name-img { height: auto; width: 100%; }
.propics .block:hover .icon { background: #DA2127; color: #FFF; }
/* 公司介绍 */
.intro { /* padding-bottom: 3em; */
}
.about_index{ width:89%; margin:auto; background:#FFF; overflow:hidden;    padding-top: 50px;}
.bg_about{ background:url(../images/i_about.jpg) center top no-repeat;padding-top: 50px;}
.about_box{ padding-top:50px;}
.intro-area video { width: 100%; height: auto; }
.intro-area .words { padding: 2.6% 2% 3%; background: #FFF; box-shadow: 0 0px 1px #999; }
.intro-area .words .title { font-size: 25px; font-weight: bold; }
.intro-area .words .stripe { display: block; width: 12%; border-bottom: 1px solid #da2128; margin: 1.5em 0; }
.intro-area .words .x12 { line-height: 1.9em; }
.intro-area .words .more { background: url('../images/btn1.png'); width: 104px; height: 30px; float: left; margin-top: 1.5em; }
/* 美味健康 */
.health .pic { width: 100%; }
.health .xb7 { width: 59%; margin-right: 1%; }
.fqxz img { width: 100%; cursor: pointer; transition: all 0.6s;/*图片放大过程的时间*/ }
.fqxz img:hover { transform: scale(1.05);/*鼠标经过图片放大的倍数*/ }
.fqxz .xb7, .fqxz .xb5 { overflow: hidden; }
.health .xb5 { width: 40%; }
/* 轮播控件 */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family:'Arial'; font-weight: 700; color: #666; padding-top: 20px }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;  *zoom:1;
 *display:inline
}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000 }
.bx-wrapper .bx-prev { left: 10px; background: url(../images/controls.png) no-repeat 0 -32px }
.bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -43px -32px }
.bx-wrapper .bx-prev:hover { background-position: 0 0 }
.bx-wrapper .bx-next:hover { background-position: -43px 0 }
.bx-wrapper .bx-controls-direction a { position: absolute; top:500px; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9 }
.bx-wrapper .bx-controls-direction a.disabled { display: none }
.bx-wrapper .bx-controls-auto { text-align: center }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0 }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80,80,80,.75); width: 100% }
.bx-wrapper .bx-caption span { color: #fff; font-family:'Arial'; display: block; font-size: .85em; padding: 10px }
   




/* responsive */
@media screen and (min-width:1200px) {
	.about_index .intro-area { background:url(../images/abt_bg1.png) right bottom no-repeat;}
footer .block-phone { width:20%; }
footer .block-email { width: 20%; }
footer .block-big { width:42%; }
footer .block-small { width: 18%; }
footer .left-add{    width: 10%!important;}
}
@media screen and (max-width:768px) {
.propics .block { width: 100%; margin: 0; }
}
 @media screen and (max-width:768px) {
.intro-area .words .stripe { width: 100%; }
.notice .xb1 { padding-top: 7%; }
.health .xb7,  .health .xb5 { width: 100%; margin-bottom: 10px; }
footer .block-big,  footer .block-small { width: 100%; }
.bx-wrapper .bx-next, .bx-wrapper .bx-prev { background: none; }
.set-padding { padding: 3em 0; }
}
