@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank);

}
button,div,a{outline:none;}
html {
     font-family:微软雅黑 Regular;
    font-size: 14px;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;

  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
h1, h2, h3, h4, h5, h6, em, i {font-weight: normal; font-style: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0;outline: none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur());color: #545454; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
a,a:hover,a:active,a:visited,a:link,a:focus,img:active{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear { clear: both;}
.fl{float: left;}
.fr{float: right;}

.text{text-align: center;}
.clearfix { *zoom: 1; }
.tabbox{vertical-align: middle;display: table-cell;}
.wrap{width:1200px;margin: 0 auto;}
.hide{display: none;}



.xxxx:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.xxx:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#83bc2b; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.xxx:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}




/*commn*/
.swiper-pagination-bullet-active{background:#e00!important}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#999;opacity:1!important}
/*commn*/

.a:hover img{ -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}



@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.div{transition:all 0.5s; animation-name:fadeInUp; animation-delay:0.2s;}





/*过渡*/
.aaa{
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 999;
}
figcaption::before,figcaption::after {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}
figcaption::before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figcaption::after {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}


/**手机菜单**/
header.scoll{ position:fixed; left:0; top:0; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.5);width: 100%;z-index: 30;}
.navBtn{ background:#fff; width:55px; height:55px; position:absolute; right:0; top:0; cursor:pointer; z-index:20; display:none; -webkit-transition: all ease 0.3s; transition: all ease 0.3s;}
.navBtn span { position:absolute; top:18px; display:block; width:34px; height:3px; left:13px; background-color:#d10f00; -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; }
.navBtn span:nth-of-type(2) { top: 28px; }
.navBtn span:nth-of-type(3) { top: 38px; bottom: 0; -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s; }
.navBtn.expanded:hover span { transform: scale(0.9); }
.navBtn.expanded span:nth-of-type(1) { top:28px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(45deg); -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s; }
.navBtn.expanded span:nth-of-type(2) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.navBtn.expanded span:nth-of-type(3) { top:28px; transform: rotate(-45deg); transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(-45deg); -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s; }

.navPup-ibox{ position:fixed; top:0; left:0; width:100%; height:100%; z-index: 20; background: #fff; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; -webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;}
.navPup-ibox.cur { transform: translateY(0); -webkit-transform: translateY(0);}
.nav-list { background:#d30f00; height:100%; }
.nav-list li { position:relative; line-height:50px; font-size:16px; text-align:center; border-bottom:1px solid #a91207; /*border-top:1px solid #077f39;*/}
.nav-list li a.far{ display:block; color:#fff; width:100%; }
.nav-list li a.current, .nav-list li a.far:hover{ background-color:#05528e;}

.nav-list li .msubnav{ background:#f5f5f5; padding:5px 0; display:none;}
.nav-list li .msubnav a{ display:block; font-size:15px; color:#777; line-height:32px; }
.nav-list li .msubnav a:hover{ color:#d30f00;}
@-moz-keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes subnav-open { 0% {
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
-ms-transform:scaleY(0.85);
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}


/*@font-face {
    font-family: 'Light';
    src: url('../css/fonts/SourceHanSansCN-Light.otf');
}*/





/*新闻详情*/
footer{background:url(../images/footer.png) no-repeat;padding:70px 0 30px;text-align: center;}
footer .copy{color:#fff;font-size: 14px;line-height: 26px;margin-top: 30px;}
header{background: #fff;height: 120px;}
header .logo,header .wrap{height: 100%;}
header .logo span{height: 100%;vertical-align: middle;display: inline-block;}
header .logo img{vertical-align: middle;max-width: 95%;}
header nav{}
header nav li{float:left;position:relative;line-height: 120px;z-index: 4;}
header nav li:after{content:'';position:absolute;right:0;top:30%;width: 1px;height: 40%;background: #eeeeee;}
header nav li:last-child:after{display:none;}
header nav li a{color:#666666;font-size: 18px;padding:0 25px;display:block;}
header nav li .subnav{position:absolute;left:0;top:120px;width: 100%;z-index: 10;background:#fff;line-height: 36px;display:none;}
header nav li .subnav a{line-height: 36px;font-size: 14px;text-align: center;padding:0;display: block;border-bottom: 1px #eeeeee solid;}
header nav li.on a,header nav li.on1 a{color:#fff;}
header nav li.on .subnav a{color:#666;}
header nav li a:hover{color:#fff;}
header nav li:hover:after,header nav li.on1:after{background:#8ec63f;}
header nav li .subnav a:hover{color:#fff;background:#069842;}
header nav li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#8ec63f; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
header nav li:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
header nav li.on1:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}

.nybanner{}
.nybanner img{display:block;width: 100%;}
body{background:url(../images/nybg.jpg) repeat;}
.nycon{padding:40px 0 100px;}
.nyhead{}
.nyhead .L{}
.nyhead .L span{color:#000000;font-size: 16px;text-transform: uppercase;margin-left: 8px;position: relative;top: -4px;}
.nyhead .crumbs{margin-top: 30px;}
.nyhead .crumbs a{color:#999999;font-size: 16px;}
.new_m{margin-top: 70px;}
.minhead{border-bottom: 1px #cccccc solid;text-align: center;padding-bottom: 15px;}
.minhead h4{color:#333333;font-size: 24px;margin-bottom: 20px;padding:0 1em;}
.minhead p{color:#999999;word-spacing: 15px;}
.new_m .box{margin-top: 30px;}
.new_m .box img{max-width: 100%;}
.new_m .box p{color:#666666;line-height: 30px;}




/*联系我们*/
.relation_m{margin-top: 70px;}
.relation_m .map{overflow:hidden;}
.relation_m .map img{display:block;width: 100%;}
.relation_m .addre{margin-top: 48px;}
.relation_m .addre h2{color:#333333;font-size: 36px;margin-bottom: 10px;}
.relation_m .addre p{color:#333333;line-height: 36px;}


/*加入我们*/
.join_m{margin-top: 70px;}
.paging{text-align: center;}
.paging a{display:inline-table;height: 35px;line-height: 35px;color:#333;background:#f1f1f1;margin:0 9px;font-size: 18px;padding:0 14px;transition:400ms;}
.paging a:hover{background:#f5ca2e;}

.join_m .list{margin-bottom: 60px;}
.join_m .list .top{background:#8ec63f;}
.join_m .list .top li{height: 40px;line-height: 40px;width: 20%;text-align: center;float:left;font-size: 16px;color:#fff;}
.join_m .list .item{margin-top: 20px;background:#f4f4f4;cursor:pointer;}
.join_m .list .item li{height: 40px;line-height: 40px;width: 20%;text-align: center;float:left;font-size: 16px;color:#333;}
.join_m .list .item.on{background:#f5ca2e;}
.join_m .list .item.on li{color:#fff;}
.join_m .list .txt{padding:35px 82px;display:none;}
.join_m .list .txt p{font-size: 16px;color:#333;line-height: 36px;}


/*新闻资讯*/
.new_list{margin-top: 70px;margin-bottom: 50px;margin-right: -2%;}
.new_list li{float:left;width: 31%;border:1px #cccccc solid;margin:0 2% 2% 0;transition:400ms;}
.new_list li a{padding:14px;display:block;}
.new_list li .pic{height: 192px;overflow:hidden;}
.new_list li .pic img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.new_list li .txt{margin-top: 20px;}
.new_list li .txt .t{color:#333;line-height:36px;font-size: 16px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_list li .txt .c{color:#333;line-height: 26px;overflow: hidden;height: 52px;}
.new_list li .txt .b{padding-left: 37px;background:url(../images/tb1_05.png) no-repeat left center;color:#333;line-height: 36px;}
.new_list li:hover{background:#8ec63f;border-color:#8ec63f;}
.new_list li:hover *{color:#fff !important;}
.new_list li:hover .txt .b{background:url(../images/tb1_03.png) no-repeat left center;}
.new_list li:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}



/*产品中心*/
.cpbox{margin-top: 70px;}
.cpbox .top{}
.cpbox .top .L{width: 45%;}
.cpbox .top .L p{color:#333333;font-size: 16px;line-height: 36px;}
.cpbox .top .R{width: 45%;text-align: right;}
.cpbox .menu{margin-top: 50px;margin-right: -2%;}
.cpbox .menu span{float:left;margin:0 2% 2% 0;width: 14.66%;line-height: 45px;background:#f4f4f4;text-align: center;color:#333333;font-size: 16px;cursor:pointer;transition:400ms;}
.cpbox .menu span.on{color:#fff;background:#8ec63f;}
.cpbox .list{}
.cpbox .list ul{margin-right: -2%;margin-bottom: 20px;}
.cpbox .list li{float:left;width: 22.8%;margin:0 2% 2% 0;border:1px #cccccc solid;background:#fff;transition:400ms;}
.cpbox .list li a{padding:9px;display:block;}
.cpbox .list li .pic{height: 258px;overflow:hidden;}
.cpbox .list li .pic img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.cpbox .list li .txt{margin-top:10px;line-height: 70px;padding-right: 60px;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333333;font-size: 16px;}
.cpbox .list li .txt span{position: absolute;right:0;top:0;line-height: 70px;color:#999999;}
.cpbox .list li:hover{background:#8ec63f;border-color:#8ec63f;}
.cpbox .list li:hover .txt,.cpbox .list li:hover .txt span{color:#fff;}
.cpbox .list li:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.cpbox .list li:hover{
     -webkit-box-shadow:0px 2px 9px 1px rgba(185,185,185,.5);
    -moz-box-shadow:0px 2px 9px 1px rgba(185,185,185,.5);
    box-shadow: 0px 2px 9px 1px rgba(185,185,185,.5);
}


/*走进同食轩*/
.about_m{margin-top: 70px;}
.about_m img{ max-width:100%;}
.about_m .t{}

.about_m .c{margin-top: 47px;}
.about_m .c img{max-width: 100%;}
.about_m .c p{color:#333333;line-height: 36px;}
.about_m .b{margin-top: 100px;}
.about_m .b .item{width: 50%;float:left;}
.about_m .b .pic{ height: 580px;overflow:hidden;}
.about_m .b .pic img{display:block;width: 100%;height: 100%;object-fit: cover;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.about_m .b .txt{background:#ebebeb;padding:40px 30px;position:relative;transition:400ms;}
.about_m .b .txt p{color:#000000;font-size: 16px;text-transform: uppercase;}
.about_m .b .txt h2{color:#333333;font-size: 24px;font-weight:800;margin-bottom: 9px;}
.about_m .b .txt a{width: 150px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;background:#069842;color:#fff;display:inline-block;font-size: 18px;position:absolute;right:30px;top:48px;transition:400ms;}
.about_m .b .txt a span{transition:400ms;position:relative;left:6px;}
.about_m .b .item:nth-child(2) .txt{background:#d8d8d8;}
.about_m .b .item:hover .txt a span{left: 10px;}
.about_m .b .item:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.about_m .b .item:hover .txt{background:#069842;}
.about_m .b .item:hover .txt *{color:#fff;}
.about_m .b .item:hover .txt a{background:#fff;color:#069842;}
.about_m .b .item:hover .txt a span{color:#069842;}





/*厂区展示*/
.cqlist{margin-top: 70px;margin-right: -2%;margin-bottom: 20px;}
.cqlist li{float:left;width: 31.33%;margin:0 2% 72px 0;position: relative;height: 338px;overflow:hidden;}
.cqlist li .bg{position:absolute;left:0;top:-80%;width: 100%;height: 100%;background:rgba(6,152,66,.8);color:#fff;text-align: center;cursor:pointer;opacity:0;transition:400ms;-webkit-transition:400ms;
}
.cqlist li img{display:block;width: 100%;height: 100%;object-fit: cover;}
.cqlist li .bg h2{font-size: 24px;font-weight: 800;border-bottom: 5px #fff solid;display:inline-block;padding-bottom: 15px;margin-bottom: 15px;}
.cqlist li .bg p{font-size: 14px;}
.cqlist li .bg .box{left: 50%;top: 50%;position:absolute;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.cqlist li:hover .bg{top:0;opacity:1;}



/*资质荣誉*/
.yrlist{margin-top: 70px;margin-right: -2%;margin-bottom: 20px;}
.yrlist li{float:left;width: 31.1%;margin:0 2% 72px 0;position: relative;height: 338px;overflow:hidden;text-align: center;border:1px #ccc solid;background:#fff;line-height: 338px;}
.yrlist li .bg{position:absolute;left:0;top:-80%;width: 100%;height: 100%;background:rgba(6,152,66,.8);color:#fff;text-align: center;cursor:pointer;opacity:0;transition:400ms;-webkit-transition:400ms;
line-height: initial;}
.yrlist li img{max-width: 100%;max-height: 95%;vertical-align: middle;}
.yrlist li .bg h2{font-size: 24px;font-weight: 800;border-bottom: 5px #fff solid;display:inline-block;padding-bottom: 15px;margin-bottom: 15px;}
.yrlist li .bg p{font-size: 14px;}
.yrlist li .bg .box{left: 50%;top: 50%;position:absolute;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.yrlist li:hover .bg{top:0;opacity:1;}





/*产品详情*/
.cpmin{margin-top: 70px;height: 521px;}
.cprecom{margin-top:96px;}
.cprecom img{max-width: 100%;}


.cpmin .R{width: 644px;height: 100%;position:relative;}
#wrapper,#picSlideWrap{height: 100%;}
.txtbox{margin-top: 40px;}
.txtbox h2{font-size: 36px;color:#333333;position:relative;margin-bottom:20px;padding-right: 36%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txtbox h2 span{position:absolute;right:0;bottom:0;font-size: 18px;color:#999999;}
.txtbox p{font-size: 16px;color:#999999;line-height: 30px;}
.imgnav{  position:relative;width:100%;height: 100%;}
#img{ z-index:10; width:522px;height:100%; position:relative; text-align:center;float:left;}
#img img{ height:100%; display:none;max-width: 100%; }
#front{ left:0px; }
#front a{ left:0;background:url(../images/left.png) no-repeat rgba(204,204,204,.8) center;}
#next{ right:0px;}
#next,#front{position:absolute;top:0px; z-index:10; cursor:pointer;width:50%;height:100%;}
#next a{right:0;background:url(../images/right.png) no-repeat rgba(204,204,204,.8) center;}
#front a,#next a{position:absolute;top:38%;display:block;width:68px;height:120px;/*display:none;*/}
#front a:hover{background:url(../images/left.png) no-repeat rgba(6,152,66,.8) center;}
#next a:hover{background:url(../images/right.png) no-repeat rgba(6,152,66,.8) center;}
#cbtn{position:absolute; height:206px; right:0;bottom:0;width: 100%; }
#cbtn ul{position:relative; width:10000px; height:100%;}
#cbtn ul li{ float:left; padding:3px; width:200px; height:200px; cursor:pointer; text-align:center; margin-right:13px; position:relative;}
#cbtn ul li img{ width:100%;height:100%;display:block;}
#cbtn li.hov{ background:#069842;}
.ctrl div{ clear:both;}
#cSlideUl{width:100%; height:100%;overflow:hidden; position:relative; top:0; margin:0 auto;}




/*index*/
.banner{position: relative;}
.banner_swiper,.baner_swiper .swiper-slide{width:100%;}
.banner_swiper,.banner_swiper .swiper-wrapper,.banner_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.banner_swiper .swiper-slide img{width:100%;display: block;}
.banner_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:45px;width: 100%;text-align: center;}
.banner_swiper .swiper-pagination-switch {display: inline-block;width:52px;height:5px;margin:0 4px;cursor: pointer;background:#fff;}
.banner_swiper .swiper-visible-switch {}
.banner_swiper .swiper-active-switch {background: #d30f00;}
.banner .arrow-left,.banner .arrow-right{position: absolute;width:63px;height: 132px;top: 40%;z-index: 10;cursor:pointer;transition:400ms;}
.banner .arrow-left {left: 5%;background: url(../images/left2.png) no-repeat;}
.banner .arrow-right {right: 5%;background: url(../images/right2.png) no-repeat;}


.product{background:#bc0114;background-size: cover !important;background-position: center !important;padding:52px 0;}
.product .t{text-align: center;}
.product .t .box{display:inline-block;padding:0 80px;position: relative;}
.product .t .box:before{content:'';position:absolute;left:0;bottom:0;width: 58px;height: 55px;background:url(../images/01_03.png) no-repeat;}
.product .t .box:after{content:'';position:absolute;right:0;bottom:0;width: 43px;height: 41px;background:url(../images/01_06.png) no-repeat;}
.product .t p{color:#fff;font-size: 16px;text-transform: uppercase;}
.product .t h4{margin-top: 10px;}
.product .m{margin-top: 84px;}
.product .m li{float:left;width: 18%;margin:0 1%;text-align: center;}
.product .m li .pic{width: 169px;height: 169px;overflow:hidden;border-radius: 169px;margin:0 auto 30px;position: relative;}
.product .m li .pic img{width:100%;display: block;height: 100%;border-radius: 50%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.product .m li .txt{font-weight: 800;font-size: 24px;color:#fff6e4;}
.product .b{height: 396px;margin-top: 60px;}
.product .b .L{width: 49.5%;height: 100%;overflow:hidden;border-radius: 15px;}
.product .b .R{width: 49.5%;height: 100%;}
.product .b .R li{float:left;overflow:hidden;border-radius: 15px;width: 48%;margin:0 2% 2% 0;height: 48.5%;}
.product .b .R li a,.product .b .L a{position: relative;display:block;width: 100%;height: 100%;}
.product .b .L img,.product .b .R li img{width:100%;display: block;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.product .b .L:hover img,.product .b .R li:hover img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.product .b .L a:before,.product .b .R li a:before{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 1;border-radius: 15px;transition: 400ms;
    box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0,0,0,0.1);
}
.product .b .L a:hover:before,.product .b .R li a:hover:before{box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0,0,0,0.1);}

.product .m li .pic:before{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 1;border-radius: 50%;transition: 400ms;
    box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0,0,0,0.1);
}
.product .m li:hover .pic:before{box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0,0,0,0.1);}
.product .m li:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.product .m li:hover .txt{color:#ebde10;}

.aboutA{position: relative;padding:70px 0;background: #fff;}
.aboutA:before{content:'';position:absolute;right:0;top:0;width: 521px;height: 640px;background:#fff;z-index:-1;}
.aboutA .t{text-align: center;}
.aboutA .t .box{display:inline-block;padding:0 80px;position: relative;}
.aboutA .t .box:before{content:'';position:absolute;left:0;bottom:0;width: 58px;height: 55px;background:url(../images/01_03.png) no-repeat;}
.aboutA .t .box:after{content:'';position:absolute;right:0;bottom:0;width: 43px;height: 41px;background:url(../images/01_06.png) no-repeat;}
.aboutA .t p{color:#000;font-size: 16px;text-transform: uppercase;}
.aboutA .t h4{margin-top: 10px;}
.aboutA .c{margin-top: 59px;}
.aboutA .c .L{width: 599px;}
.aboutA .c .L h4{margin-bottom: 65px;}
.aboutA .c .L .txt{color:#000;font-size: 14px;line-height: 30px;}
.aboutA .c .L a{width: 150px;height: 40px;border-radius: 40px;overflow:hidden;text-align: center;font-size: 18px;color:#fff;background:#cf4133;display:block;line-height: 40px;margin-top: 66px;}
.aboutA .c .R{width: 550px;height: 353px;overflow:hidden;border-radius: 15px;}
.aboutA .c .R img{width:100%;display: block;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.aboutA .c:hover .R img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}


.aboutA .b{margin-top: 53px;}
.aboutA .b .L{width: 70%;}
.aboutA .b .L .item{float:left;padding:10px 0;width: 20%;margin-right:5%;position: relative;}
.aboutA .b .L .item:before{content:'';position: absolute;right:-15px;top:0;width: 1px;height: 100%;background:#d1c4a6;}
.aboutA .b .L .item:last-child:before{display:none;}
.aboutA .b .L .item .top{}
.aboutA .b .L .item .top h4{font-size: 24px;color:#000000;margin-bottom: 3px;position: relative;padding-right: 30px;}
.aboutA .b .L .item .top h4 i{width: 24px;height: 24px;background:url(../images/btn1.png) no-repeat;position:absolute;right:0;bottom:0;transition:400ms;}
.aboutA .b .L .item .top p{font-size: 12px;color:#000000;}
.aboutA .b .L .item .pic{height: 117px;margin-top: 38px;line-height: 117px;}
.aboutA .b .L .item .pic img{vertical-align: middle;transition:400ms;}
.aboutA .b .R{width:30%;text-align: right;}
.aboutA .b .L .item:hover .top h4 i{right:1em;}
.aboutA .b .L .item:hover .top h4{color:#069842;}
.aboutA .b .L .item:hover .pic img{ -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}

.envir{margin-bottom: 43px;}
.envir h4{text-align: center;}
.envir .list{margin-top: 46px;}
.envir .list li{float:left;width: 33.33%;height: 580px;}
.envir .list li img{width:100%;display: block;height: 100%;object-fit: cover; }
.envir .more{margin-top: 53px;text-align: center;}
.envir .more a{width: 150px;height: 40px;border-radius: 40px;overflow:hidden;text-align: center;font-size: 18px;color:#fff;background:#069842;display:block;line-height: 40px;margin:0 auto;}


.relationA{background:#f1f1f1;padding:75px 0;}
.relationA .t{text-align: center;}
.relationA .t .box{display:inline-block;position: relative;}
.relationA .t p{color:#080808;font-size: 16px;text-transform: uppercase;}
.relationA .t h4{margin-top: 10px;}
.relationA .mian{margin-top: 75px;}
.relationA .mian li{width:15%;float:left;color:#d30f00;position: relative;padding-left:6%;padding-right: 4%;}
.relationA .mian li span{position:absolute;left:0;top:0;}
.relationA .mian li span img{}
.relationA .mian li h4{font-size: 24px;margin-bottom: 5px;}
.relationA .mian li p{font-size: 14px;}
.relationA .mian li:before{content:'';position:absolute;right:5%;top:0;width: 18px;height:65px;background:url(../images/01_43.png) no-repeat center;}
.relationA .mian li:last-child:before{display:none;}






.con{ width:1080px; overflow:hidden; margin:0 auto; font-size:14px; line-height:2.0; padding:23px 0;}