﻿/* 新疆万维网络定制开发-杨以墨 */
/* 滚动通知 */
.notice { height: 70px; overflow: hidden; }
.notice a { color: #777; position: relative;z-index: 3;}
.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_1.jpg'); background-repeat: no-repeat; background-size: cover; }
.bg2 { background: url('../images/index-bg2_1.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_1.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: 16px; 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; width: 60px;height: 50px;}
.propics .block .name-img { height: auto; width: 100%; }
.propics .block:hover .icon { background: #DA2127; color: #FFF; }
/* 公司介绍 */
.intro { /* padding-bottom: 3em; */
}
.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_1.png'); width: 104px; height: 30px; float: left; margin-top: 1.5em; }
.intro-area .words .x12 p{margin: 0;}



/* 美味健康 */
.health .pic { width: 100%; }
.health .xb7 { width: 59%; margin-right: 1%; height: 488px;}
.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_1.png) no-repeat 0 -32px }
.bx-wrapper .bx-next { right: 10px; background: url(../images/controls_1.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: 50%; 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_1.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_1.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 (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;height: auto; }
footer .block-big,  footer .block-small { width: 100%; }
.bx-wrapper .bx-next, .bx-wrapper .bx-prev { background: none; }
.set-padding { padding: 3em 0; }
}
/*修复全产业链间隔样式*/
#ceshi3 li{ list-style-type:none;}
.chain .yangshi6 .block{ background:none !important;}
@media screen and (max-width:768px) {
.chain .yangshi2 .block ,.chain .yangshi4 .block,.chain .yangshi6 .block{ background:none !important;}
}
/*修复全产业链间隔样式*/



@media screen and (max-width:1180px) {
    .health .xb7 { height: 406px; }
}
@media screen and (max-width:980px) {
    .health .xb7 { height: 302px; }
}