.banner { overflow: hidden; position: relative; }
.banner img { display: block; width: 100%; height: auto; }
#news .banner .text,#product .banner .text,#contact .banner .text,#about .banner .text { width: 550px; color: #fff; font-size: 20px; text-transform: uppercase; position: absolute; left: 50%; bottom: 30px; margin: 0 0 0 -550px; }
#news .banner .p1,#product .banner .p1,#contact .banner .p1,#about .banner .p1 { font-size: 36px; margin: 0 0 10px 0; }
#news .menu { background: #fff; height: 44px; line-height: 44px; }
#news .menu .box { width: 1100px; margin: 0 auto; }
#news .menu li { width: 140px; height: 44px; text-align: center; float: left; position: relative; }
#news .menu a { width: 100%; height: 44px; color: #323232; font-size: 14px; position: absolute; left: 0; top: 0; transition: .4s; }
#news .menu a:hover, #news .menu .cur a { height: 55px; color: #fff; background: #323232; }
#news .main { padding: 60px 0 150px 0;  }
#news .main .box { width: 1100px; overflow: hidden; margin: 0 auto; }
#news .main ul { overflow: hidden; }
#news .main li { width: 48%; height: 152px; background: #fff; float: left; margin: 0 2% 20px 0; }
#news .main li a { width: 100%; height: 100%; display: inline-block; }
#news .main .img { width: 252px; height: 100%; overflow: hidden; float: left; margin: 0 20px 0 0; }
#news .main .img img { width: 100%; height: 100%; transition: .7s; }
#news .main .text { margin: 20px 20px 0 272px; }
#news .main .title { font-size: 14px; color: #333333; height: 90px; line-height: 24px; }
#news .main .time { height: 24px; line-height: 24px; position: relative; }
#news .main .time:before { content: ''; width: 17px; height: 17px; background: url(../images/icon-time-ar.jpg) no-repeat center; position: absolute; right: 10px; top: 0; opacity: 0; filter: alpha(opacity=0); transition: .4s .1s; }
#news .main .time:after { content: ''; width: 0; height: 1px; overflow: hidden; background: #06478b; position: absolute; left: 0; top: 100%; transition: .4s; }
#news .main .time span { color: #969696; display: inline-block; padding: 0 0 0 20px; background: url(../images/icon-time.png) no-repeat 0 -22px; transition: .4s; }
#news .main li a:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
#news .main li a:hover .time:before { right: 0; opacity: 1; filter: alpha(opacity=100); }
#news .main li a:hover .time:after { width: 100%; }
#news .main li a:hover .time span { background-position: 0 4px; }
#news .page { margin: 50px 0 0 0; }

@media only screen and (max-width: 768px){
    #c_portalResEbizads_banner-15792533469786637 .subpage_ad {
        margin-top: -15px;
    }
    }

#news-detail .top { text-align: center; color: #fff; overflow: hidden; height: 330px; background: url(../images/index-about-bg.jpg) repeat; }
#news-detail .title { font-size: 28px; height: 75px; overflow: hidden; margin: 75px 0 25px 0; }
#news-detail .time span { color: #fff; display: inline-block; padding: 0 0 0 20px; background: url(../images/icon-time2.png) no-repeat 0 0; transition: .4s; }
#news-detail .main .box { width: 900px; position: relative; top: -95px; background: #fff; margin: 0 auto; }
#news-detail .main .text { padding: 20px 20px 50px 20px; font-size: 14px; color: #646464; line-height: 28px; overflow: hidden; }
#news-detail .main .text img { max-width: 100% !important; height: auto !important;}
#news-detail .main .t { margin: 20px 80px; }
.page-change { width: 34px; padding: 6px 8px; background: #fff; overflow: hidden; position: absolute; right: -75px; top: 140px; }
.page-change a { width: 100%; height: 38px; display: inline-block; float: left; transition: .3s; }
.page-change .prv { background: url(../images/icon-page-ar1.png) no-repeat center; border-bottom: 1px solid #e5e5e5; }
.page-change .next { background: url(../images/icon-page-ar2.png) no-repeat center; border-top: 1px solid #e5e5e5; }
.page-change .back { margin: 8px 0; height: auto; padding: 8px 0; text-align: center; line-height: 12px; color: #323232; }
.page-change a:hover { background-color: #eeeae1; }
#product-detail .top { height: 28px; line-height: 28px; font-size: 14px; color: #fff; padding: 0 0 0 30px; background: url(../images/index-about-bg.jpg) repeat; }
#product-detail .product { background: #fff; padding: 60px 0 40px 0; position: relative; }
#product-detail .product .box { width: 1480px; overflow: hidden; margin: 0 auto; }
#product-detail .product .l { width: 50%; float: left; }
#product-detail .product .imgs-box { width: 100%; overflow: hidden; position: relative; }
#product-detail .product .imgs { width: 9999px; }
#product-detail .product .imgs img { max-width: 100%; float: left; }
#product-detail .product .btns { text-align: center; }
#product-detail .product .btns span { width: 10px; height: 10px; display: inline-block; border-radius: 50%; cursor: pointer; background: #a0a0a0; margin: 0 6px; transition: .3s; }
#product-detail .product .btns .swiper-active-switch { background: #b8342f; }
#product-detail .product .btn-left { left: 0; }
#product-detail .product .btn-right { right: 0; }
#product-detail .product .change-btn { width: 62px; height: 62px; position: absolute; top: 50%; z-index: 1; margin-top: -31px; }
#product-detail .product .change-btn .img { width: 100%; height: 100%; display: block; }
#product-detail .product .change-btn .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
#product-detail .product .change-btn .bg1 { background: #000; opacity: 0.3; filter: alpha(opacity=30); transition: .4s; }
#product-detail .product .change-btn .bg2 { background: url(../images/icon-ar3.png) no-repeat center; }
#product-detail .product .btn-right .bg2 { background: url(../images/icon-ar4.png) no-repeat center; }
#product-detail .product .change-btn:hover .bg1 { background: #8c0601; opacity: 0.6; filter: alpha(opacity=60); }
#product-detail .product .r { width: 50%; float: left; }
#product-detail .introduce {  padding: 40px; margin: 65px 0 0 54px; border-top: 5px solid #e60012; background: #f5f5f5; font-size: 13px; color: #646464; line-height: 24px; }
#product-detail .introduce .p1 { font-size: 30px; color: #323232; margin: 0 0 15px 0;    line-height: initial; }
#product-detail .introduce .text { margin: 20px 0 0 0; }
#product-detail .introduce .p3 { margin: 0 0 10px 0; }
#product-detail .cont .box { width: 890px; color: #646464; font-size: 14px; line-height: 26px; margin: 0 auto; padding: 50px 0 80px 0; }
#product-detail .cont .box img { max-width: 100%; }
#product-detail .recommend { margin: 0 0 80px 0; }
#product-detail .recommend dl { width: 1110px; margin: 0 auto; overflow: hidden; padding: 0 0 10px 0; }
#product-detail .recommend dt { font-size: 16px; color: #323232; padding: 0 0 25px 0; }
#product-detail .recommend ul { padding: 10px 0 0 10px; }
#product-detail .recommend li { width: 24%; position: relative; float: left; margin: 0 1% 0 0; transition: .4s; }
#product-detail .recommend .img { width: 100%; display: block; }
#product-detail .recommend .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: 0; filter: alpha(opacity=0); transition: .6s; }
#product-detail .recommend .title { width: 100%; text-align: center; font-size: 20px; color: #323232; margin: 10px 0 0 0; position: absolute; left: 0; top: 50%; opacity: 0; filter: alpha(opacity=0); transition: .4s; }
#product-detail .recommend li:hover { box-shadow: 0 0 15px rgba(0,0,0,.2); }
#product-detail .recommend li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
#product-detail .recommend li:hover .title { opacity: 1; filter: alpha(opacity=100); margin: -10px 0 0 0; }
#kitchen .banner { height: 402px; text-align: center; color: #fff; background: url(../images/banner3.jpg) no-repeat center; font-size: 20px; }
#kitchen .banner .p1 { padding: 155px 0 10px 0; font-size: 40px; }
#kitchen .top { height: 36px; background: url(../images/index-about-bg.jpg) repeat; }
#kitchen .list { width: 1060px; padding: 100px 0; margin: 0 auto; }
#kitchen .list ul { }
#kitchen .list li { width: 25%; overflow: hidden; background: #fff; float: left; border: 1px solid #f5f5f5; margin: -2px 0 0 -2px; position: relative; }
#kitchen .list li .img { width: 80%; margin: 10%; display: block; }
#kitchen .list .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: 0; filter: alpha(opacity=0); transition: .6s; }
#kitchen .list .title { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin: 0; color: #646464; opacity: 0; filter: alpha(opacity=0); transition: .4s; }
#kitchen .list .title .p1 { font-size: 16px; color: #323232; margin: 0 0 10px 0; }
#kitchen .list li:hover { z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,.2); }
#kitchen .list li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
#kitchen .list li:hover .title { opacity: 1; filter: alpha(opacity=100); margin: -20px 0 0 0; }
#kitchen-detail .top { height: 15px; background: url(../images/index-about-bg.jpg) repeat; }
#kitchen-detail .banner { background: #f8f8f8; }
#kitchen-detail .banner .box { width: 660px; margin: 0 auto; }
#kitchen-detail .banner .box img { width: 100%; display: block; }
#kitchen-detail .main { background: #fff; }
#kitchen-detail .main .box { width: 660px; position: relative; margin: 0 auto; }
#kitchen-detail .main .title { font-size: 32px; color: #323232; text-align: center; padding: 45px 0 20px 0; }
#kitchen-detail .main .time { text-align: center; line-height: 20px; }
#kitchen-detail .main .time .t { padding: 0 0 0 24px; color: #969696; height: 20px; display: inline-block; background: url(../images/icon-time.png) no-repeat 0 -24px; transition: .4s; }
#kitchen-detail .main .share { width: 20px; height: 20px; margin: 0 0 0 10px; background: url(../images/icon-share.png) no-repeat center; display: inline-block; }
#kitchen-detail .synopsis { font-size: 22px; line-height: 34px; color: #323232; margin: 50px 0 0 0; padding: 30px 0 40px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
#kitchen-detail .cont { padding: 20px 0 100px 0; font-size: 14px; color: #646464; line-height: 24px; }
#kitchen-detail .cont .t { font-size: 22px; color: #323232; padding: 20px 0 15px 28px; background: url(../images/icon-round.jpg) no-repeat left; }
#kitchen-detail .page-change { border: 1px solid #e5e5e5; }
#kitchen-detail .link-related { width: 34px; padding: 12px 8px; text-align: center; background: #b8342f; font-size: 14px; color: #fff; position: absolute; right: -74px; top: 300px; }
#kitchen-detail .link-related:hover { }

#recommend .top { height: 256px; text-align: center; color: #fff; font-size: 20px; background: url(../images/index-about-bg.jpg) repeat; }
#recommend .top .p1 { font-size: 40px; padding: 90px 0 10px 0; }
#recommend .box { width: 1100px; padding: 120px 0 50px 0; margin: 0 auto; }
#recommend ul { }
#recommend li { width: 25%; overflow: hidden; background: #fff; float: left; border: 1px solid #f5f5f5; margin: -2px 0 0 -2px; position: relative; }
#recommend .hot { width: 50%; }
#recommend li .img { width: 100%; display: block; }
#recommend .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: 0; filter: alpha(opacity=0); transition: .6s; }
#recommend .title { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin: 0; color: #646464; opacity: 0; filter: alpha(opacity=0); transition: .4s; }
#recommend .title .p1 { font-size: 16px; color: #c81717; margin: 0 0 10px 0; }
#recommend .title .p1 span { width: 120px; padding: 0 0 5px 0; display: inline-block; position: relative; }
#recommend .title .p1 span:before { content: ''; width: 0; border-bottom: 1px solid #a0a0a0; position: absolute; left: 50%; top: 100%; transition: .4s; }
#recommend .title .p1 span:after { content: ''; height: 15px; border-right: 1px solid #a0a0a0; position: absolute; left: 50%; top: 100%; margin: -4px 0 0 0; }
#recommend .title .p2 { padding: 10px 0 0 0; font-size: 20px; color: #323232; }
#recommend li:hover { z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,.2); }
#recommend li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
#recommend li:hover .title { opacity: 1; filter: alpha(opacity=100); margin: -40px 0 0 0; }
#recommend li:hover .p1 span:before { width: 100%; left: 0; }
#product .menu {  background: #333; z-index: 99; position:relative }
#product .menu ul { width: 1180px; margin: 0 auto;     padding-bottom: 18px;}
#product .menu li { margin-right: 44px; float: left;  text-align: center; position: relative; }
#product .menu li:after { content: ''; width: 0; height: 4px; overflow: hidden; background: #f39800; position: absolute; left: 50%; top: 100%; z-index: 1; transition: .4s; }
#product .menu li a {  margin: 18px 0 0 0; display: inline-block; transition: .4s; font-size: 18px ; color: #fff;}
/*#product .menu .li2 a { background: url(../images/product-title2.png) no-repeat center; background-size: 100% auto; }
#product .menu .li3 a { background: url(../images/product-title3.png) no-repeat center; background-size: 100% auto; }
#product .menu .li5 a { background: url(../images/product-title5.png) no-repeat center; background-size: 100% auto; }
#product .menu .li6 a { background: url(../images/product-title6.png) no-repeat center; background-size: 100% auto; }
#product .menu .li4 a { background: url(../images/product-title4.png) no-repeat center; background-size: 100% auto; }*/
/*#product .menu .li1 a:hover, #product .menu .li1.cur a { background: url(../images/product-title1-1.png) no-repeat center; background-size: 100% auto; }
#product .menu .li2 a:hover, #product .menu .li2.cur a { background: url(../images/product-title2-1.png) no-repeat center; background-size: 100% auto; }
#product .menu .li3 a:hover, #product .menu .li3.cur a { background: url(../images/product-title3-1.png) no-repeat center; background-size: 100% auto; }
#product .menu .li5 a:hover, #product .menu .li5.cur a { background: url(../images/product-title5-1.png) no-repeat center; background-size: 100% auto; }
#product .menu .li5 a:hover, #product .menu .li6.cur a { background: url(../images/product-title6-1.png) no-repeat center; background-size: 100% auto; }
#product .menu .li4 a:hover, #product .menu .li4.cur a { background: url(../images/product-title4-1.png) no-repeat center; background-size: 100% auto; }*/
#product .menu li:hover:after, #product .menu .cur:after { width: 100%; left: 0; }
/*#product .banner { height: 726px; background: url(../images/product-banner.jpg) no-repeat center; position: relative; }
#product .banner .btn { width: 20px; height: 62px; line-height: 14px; text-align: center; padding: 6px 24px 0 24px; display: inline-block; color: #fff; border: 1px solid #fff; border-radius: 50%; font-size: 14px; position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -420px; transition: .4s; }
#product .banner .btnR { margin: -34px 0 0 352px; }
#product .banner .btn:hover { background: #fff; color: #666; }
#product .banner .text { width: 300px; text-align: center; color: #fff; line-height: 26px; background: url(../images/icon-ar5.png) no-repeat center bottom; height: 80px; position: absolute; left: 50%; bottom: 170px; margin: 0 0 0 -150px; }*/
#product .about { font-size: 14px; color: #000000; background: url(../images/product-bg.jpg) no-repeat center; }
#product .about .text { width: 880px; padding: 110px 0; line-height: 26px; margin: 0 auto; }
#product .about .text p { color: #000; font-size: 14px; margin-bottom: 26px; }
#product .about .text p:last-child { margin-bottom: 0; }
#product .list { width: 1100px; padding: 90px 0 50px 0; margin: 0 auto; }
#product .list li { width: 25%; overflow: hidden; background: #fff; float: left; border: 1px solid #f5f5f5; margin: -2px 0 0 -2px; position: relative; }
#product .list .hot { width: 50%; }
#product .list li .img { max-width: 100%; display: block; }
#product .list .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(34, 34, 34, 0.41); opacity: 0; filter: alpha(opacity=0); transition: .6s; }
#product .list .title { width: 100%; text-align: center; font-size: 18px; color: #ffffff; margin: 10px 0 0 0; position: absolute; left: 0; top: 50%; opacity: 0; filter: alpha(opacity=0); transition: .4s; }
#product .list .title .p1 { font-size: 16px; color: #c81717; margin: 0 0 10px 0; }
#product .list li:hover { z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,.2); }
#product .list li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
#product .list li:hover .title { opacity: 1; filter: alpha(opacity=100); margin: -10px 0 0 0; }
.pro-bg { background: #fff url(../images/news-bg.jpg) no-repeat top; padding-bottom: 100px; }
#network .banner { position: relative; background-size: auto 100%; }
#network .banner .box { width: 1100px; color: #de5c54; overflow: hidden; margin: 0 auto; position: absolute; left: 50%; margin-left: -550px; top: 50px; }
#network .banner .p1 { font-size: 32px; color: #fff; margin: 60px 0 15px 0; }
#network .banner .p2 { font-size: 32px; }
#network .banner .p3 { font-size: 20px; }
#network .boxs { width: 900px; padding: 90px 0; margin: 0 auto; }
#network .top { padding: 0 0 30px 0; border-bottom: 1px solid #a0a0a0; }
#network .top select { width: 180px; height: 50px; float: left; margin: 0 6px 0 0; background: #fff; color: #646464; font-family: "微软雅黑"; font-size: 14px; border: 0; text-indent: 10px; }
#network .top .btn { width: 180px; height: 50px; background: #fff; color: #646464; font-size: 14px; font-family: "微软雅黑"; border: 0; cursor: pointer; }
#network ul { overflow: hidden; padding: 40px 0 60px 0; }
#network li { width: 48%; height: 130px; padding: 20px 0 0 2%; float: left; line-height: 30px; color: #646464; font-size: 14px; }
#network li .p1 { font-size: 18px; font-weight: bold; color: #323232; margin: 0 0 15px 0; }
#network li .address { padding: 0 0 0 28px; background: url(../images/icon-address.png) no-repeat left; }
#network li .phone { padding: 0 0 0 28px; background: url(../images/icon-phone.png) no-repeat left; }
#network li:hover { background: #fff; }
#video ul { width: 1124px; padding: 80px 0; overflow: hidden; margin: 0 auto; }
#video li { width: 538px; float: left; margin: 0 12px 24px 12px; }
#video .img { height: 348px; overflow: hidden; }
#video .img img { width: 100%; height: 100%; display: block; transition: .7s; }
#video .title { position: relative; padding: 0 20px; background: #fff url(../images/icon-ar6.png) no-repeat 95%; height: 58px; line-height: 58px; overflow: hidden; color: #323232; font-size: 14px; transition: .4s; }
#video li:hover .title { background: #06478b url(../images/icon-ar7.png) no-repeat 95%; color: #fff; }
#video li:hover .img img { transform: scale(1.05); -webkit-transform: scale(1.05); }
#contact .map-box { position: relative; }
.map-info { display: none; overflow: hidden; }
.map-info img { display: block; width: 100%; height: auto; }
.addwr { width: 900px; margin: auto; position: absolute; left: 50%; margin-top: -40px; margin-left: -161px; top: 50%; }
.address { position: absolute; left: 368px; top: 0; background: #fff; padding: 22px 32px; width: 500px; border-top: 4px solid #06478b; }

.address p { color: #969696; font-size: 18px; font-weight: bold; line-height: 2.5; }
.address p b { display: inline-block; color: #323232; }
.addbott { margin-top: 38px; }
.addbott .at { float: left; padding-left: 42px; position: relative; background: url(../images/arrow2.png) left top no-repeat; }
.addbott .at:before { content: ""; width: 1px; height: 100%; background: #a0a0a0; position: absolute; left: 28px; top: 0; }
.addbott .at i { display: block; color: #969696; font-style: normal; margin-top: 5px; line-height: 20px; }
.addbott .at i:nth-child(1) { margin-top: 0; }
.teled { float: right; }
.teled span { display: block; margin-bottom: 6px; line-height: 18px; color: #969696; padding-left: 28px; }
.teled span.tel { background: url(../images/arrow3.png) left center no-repeat; }
.teled span.copy { background: url(../images/arrow4.png) left center no-repeat; }

#contact .map { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: 60% center; background-size: cover; }
#contact .map-box .btns { width: 83px; position: absolute; left: 36px; top: 50%; margin: -86px 0 0 0; }
#contact .map-box .btns a { width: 43px; text-align: center; padding: 24px 20px 0 20px; height: 62px; line-height: 20px; display: inline-block; background: #a0a0a0; color: #fff; font-size: 18px; float: left; }
#contact .map-box .btns .a1 { padding-top: 34px; height: 52px; }
#contact .map-box .btns a.cur { background: #e60012; }
#contact .talent { padding: 60px 0; background: url(../images/index-about-bg.jpg) repeat; }
#contact .talent .cont { width: 700px; margin: 0 auto; color: #f5f5f5; font-size: 14px; }
#contact .talent .p1 { font-size: 32px; line-height: 48px; text-align: center; }
#contact .talent .text { margin: 50px 0 80px 0; line-height: 28px; }
#contact .talent .jobs { width: 200px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #fff; display: inline-block; color: #fff; transition: .3s; }
#contact .talent .jobs:hover { border: 1px solid #fff; background: #fff; color: #06478b; }
#contact .interlocution { padding: 50px 0; }
#contact .interlocution ul { width: 725px; overflow: hidden; margin: 0 auto; }
#contact .interlocution li { border-top: 1px solid #dcdcdc; margin: -1px 0 20px 0; }
#contact .question .title { font-size: 24px; margin: 25px 0 15px 0; line-height: 30px; color: #000; padding: 0 0 0 42px; position: relative; }
#contact .question .title:after { content: '问'; width: 20px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; border-radius: 50%; background: #c53832; color: #fff; position: absolute; left: 3px; top: 5px; }
#contact .question .text { padding: 20px; line-height: 24px; color: #646464; background: #fff; border-radius: 5px; margin: 0 0 20px 0; }
#contact .answer { font-size: 14px; line-height: 30px; color: #323232; padding: 0 0 0 42px; position: relative; }
#contact .answer:after { content: '答'; width: 20px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; border-radius: 50%; background: #ca9328; color: #fff; position: absolute; left: 3px; top: 5px; }
#contact .page { margin: 60px 0 0 0; }
#contact .message { }
#contact .message .row1 { background: #eeeeee; padding: 75px 0 ; }
#contact .message .row1 .box { width: 570px; margin: 0 auto; }
#contact .message .row1 .t { text-align: center; font-size: 32px; color: #323232; margin: 0 0 50px 0; }
#contact .message .row1 .ipt-box { padding: 0 1px 8px 1px; }
#contact .message .ipt { width: 100%; height: 35px; border: 1px solid #fff; text-indent: 2%; background: #fff; border-radius: 5px; font-family: "微软雅黑"; font-size: 14px; transition: .4s; }
#contact .message .ipt:focus, #contact .message textarea:focus { border: 1px solid #ca9328; }
#contact .message .err { border: 1px solid #8c2722; }
#contact .message textarea { width: 96%; padding: 2%; height: 130px; border: 1px solid #fff; font-size: 14px; background: #fff; border-radius: 5px; font-family: "微软雅黑"; transition: .4s; resize: none}
#contact .message .clause { padding: 0 0 0 24px; background: url(../images/icon-ch.png) no-repeat left 4px; display: inline-block; font-size: 14px; color: #b4b4b4; margin: 25px 0 20px 0; cursor: pointer; transition: .4s; }
#contact .message .clause.cked { background: url(../images/icon-ch2.png) no-repeat left 4px; }
#contact .message .row2 { height: 64px; background: url(../images/index-about-bg.jpg) repeat; }
#contact .message .row2 .box { width: 650px; padding: 0 0 0 90px; margin: 0 auto; }
#contact .message .row2 .ipt { width: 270px; height: 36px; text-indent: 10px; float: left; margin: 13px 13px 0 0; }
#contact .message .row2 .btn { background: #fff; width: 55px; height: 43px; line-height: 43px; text-align: center; color: #b4b4b4; float: left; border: 0; border-radius: 5px; cursor: pointer; margin: 10px 0 0 20px; font-size: 14px; font-family: "微软雅黑"; }

#about .video { height: 500px; overflow: hidden; position: relative; }
#about .video .play { position: absolute; left: 50%; top: 50%; margin: -32px 0 0 -32px; cursor: pointer; }
#about .introduce { padding-bottom: 120px; position: relative; background: url(../images/introduce-bg.jpg) no-repeat center; padding-top: 100px; background-size: cover !important; }
#about .introduce .top { width: 900px; height: 108px; text-align: center; font-size: 20px; line-height: 80px; color: #323232; background: #fff url(../images/icon-ar8.jpg) no-repeat center 74px; position: absolute; left: 50%; top: -108px; margin: 0 0 0 -450px; }
#about .introduce .text { width: 666px; color: #646464; font-size: 14px; line-height: 28px; margin: 0 auto; }
#about .introduce .best { width: 700px; padding: 0 100px; background: url(../images/best-bg.jpg) no-repeat center; color: #fecb70; font-size: 14px; line-height: 28px; margin: auto; margin-top: 30px; height: 389px; }
#about .introduce .best .p1 { font-size: 28px; padding: 55px 0 50px 0; text-align: center; }
#about .history { padding: 100px 0; position: relative; background: url(../images/history.jpg) no-repeat center; background-size: cover !important; }
#about .history .top { font-size: 36px; margin-bottom: 65px; color: #b4b4b4; text-align: center; position: relative; }
#about .history .top .p1 { font-size: 36px; color: #000000; padding: 0 0 5px 0; }
#about .history .box { width: 1080px; max-height: 405px; overflow: hidden; margin: 0 auto 0; }
#about .history ul { height: 100%; }
#about .history li { width: 360px; padding: 0 0 20px; position: relative; float: left; background: url(../images/history-bg.png) no-repeat left 115px; }
#about .history .year { font-size: 36px; color: #323232; position: relative; margin-left: 80px; margin-top: 120px; z-index: 1; transition: .7s; }
#about .history .cur { z-index: 1; }
#about .history .cur .year { font-size: 46px; color: #d70900; margin-left: 0px; margin-top: 20px; }
#about .history .bg { width: 410px; height: 0; background: #fff; position: absolute; left: -25px; top: 100px; /*opacity:1;
	filter:alpha(opacity=100);*/ transition: .5s; }
#about .history .cur .bg { height: 100%; top: 0; }
#about .history .t { width: 360px; text-align: right; color: #969696; text-transform: uppercase; position: absolute; left: -20px; top: 50px; opacity: 0; filter: alpha(opacity=0); transition: .4s; }
#about .history .t .p1 { font-size: 16px; }
#about .history .cur .t { top: 30px; opacity: 1; filter: alpha(opacity=100); transition: .6s .1s; }
#about .history .text { width: 360px; height: 110px; position: relative; color: #646464; font-size: 14px; line-height: 24px; margin-top: 32px; text-align: justify; text-justify: newspaper; opacity: 0; filter: alpha(opacity=0); transition: .4s; }
#about .history .cur .text { opacity: 1; filter: alpha(opacity=100); transition: .6s .2s; }
#about .history .img { width: 360px; position: relative; opacity: 0; filter: alpha(opacity=0); transition: .4s; margin-top: 20px; }
#about .history .cur .img { margin-top: 0; opacity: 1; filter: alpha(opacity=100); transition: .6s .3s; }
#about .history .btn-left { width: 48px; height: 28px; line-height: 28px; text-align: center; border: 2px solid #c53832; background: url(../images/icon-ar9.png) no-repeat center; cursor: pointer; position: absolute; left: 0; bottom: 0; z-index: 5; }
#about .history .btn-right { width: 48px; height: 28px; line-height: 28px; text-align: center; border: 2px solid #c53832; background: url(../images/icon-ar10.png) no-repeat center; cursor: pointer; position: absolute; right: 0; bottom: 0; z-index: 5; }


#about .culture .box { width: 1100px; padding: 70px 0 80px 0; margin: 0 auto; position: relative; }
#about .culture .pop-text-list { width: 90%; height: 500px; display: none; position: absolute; left: 5%; top: 50%; margin: -200px 0 0 0; }
#about .culture .pop-text { display: none; position: relative; padding: 40px 30px 20px 30px; background: #fff; line-height: 26px; color: #646464; box-shadow: 0 0 10px rgba(0,0,0,.2); }
#about .culture .pop-text .title { font-size: 32px; color: #323232; text-align: center; margin: 10px 0 30px 0; }
#about .culture .pop-text .text { margin: 0 10px; }
#about .culture .pop-text .close { width: 34px; height: 34px; background: url(../images/close.png) no-repeat center; cursor: pointer; position: absolute; right: 10px; top: 10px; }
#about .culture .top { font-size: 36px; text-align: center; color: #b4b4b4; }
#about .culture .top .p1 { color: #000; padding: 0 0 5px 0; font-size: 36px; }

#about .advantage { background: #fff /* url(../images/about-bg.jpg) */ no-repeat left bottom; overflow: hidden; }
#about .advantage .l { width: 50%; float: left; }
#about .advantage .text { margin: 140px 14% -4px 9%; font-size: 14px; color: #646464; line-height: 28px; }
#about .advantage .text .p1 { font-size: 36px; color: #323232; }
#about .advantage .text .p2 { font-size: 36px; color: #323232; margin: 25px 0 50px 0; }
.advanbtn span { display: inline-block; float: left; margin-right: 28px; color: #323232; font-size: 18px; padding-bottom: 14px; position: relative; cursor: pointer; }
.advanbtn span:before { content: ""; width: 0; height: 5px; background: #06478b; position: absolute; left: 50%; bottom: 0; transition: 330ms ease-in-out; -webkit-transition: 330ms ease-in-out; }
.advanbtn span:hover:before, .advanbtn span.on:before { width: 100%; left: 0; }
.advantext { margin-top: 53px; }
.advant { display: none; -webkit-animation-name: content; animation-name: content; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.advanpro { visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; }
.advant.on { display: block; }
.advanpro.on { visibility: visible; position: relative; }
.advant p { color: #646464; font-size: 14px; line-height: 1.8; }



@-webkit-keyframes content {
    from { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); }
    to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
}

@keyframes content {
    from { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); }
    to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
}

#about .advantage .r { width: 50%; float: left; position: relative; }
#about .advantage ul { width: 9999px; height: auto !important; }
#about .advantage li { /*width: 900px;*/ height: auto !important; float: left; position: relative; }
#about .advantage .img { width: 100%; display: block; }
#about .advantage .title { width: 100%; text-indent: 25px; font-size: 14px; color: #fff; position: absolute; left: 0; bottom: 22px; }
#about .advantage .btn-left { width: 30px; height: 62px; background: #fff url(../images/icon-btn1.png) no-repeat center; position: absolute; left: 0; top: 50%; margin: -31px 0 0 0; z-index: 5; transition: .3s; }
#about .advantage .btn-right { width: 30px; height: 62px; background: #fff url(../images/icon-btn2.png) no-repeat center; position: absolute; right: 0; top: 50%; margin: -31px 0 0 0; z-index: 5; transition: .3s; }
#about .advantage .btn-left:hover, #about .advantage .btn-right:hover { opacity: 0.8; filter: alpha(opacity=80); }

#about .honor .text { width: 670px; padding: 70px 0; margin: 0 auto; line-height: 28px; color: #646464; font-size: 14px; }
#about .honor .text .p1 { font-size: 36px; text-align: center; color: #000000; }
#about .honor .text .p2 { font-size: 36px; color: #b4b4b4; text-align: center; padding: 20px 0 50px 0; }
#about .honor ul { overflow: hidden; width: 904px; margin: 0 auto; padding: 0 0; }
#about .honor li { width: 224px; overflow: hidden; float: left; margin: 0 1px 2px 1px; }
#about .honor li img { width: 100%; height: 100%; display: block; }
#about .page { padding: 50px 0 80px 0; }
#about .win { padding: 80px 0; background: #e5e5e5; }
#about .win .box { width: 900px; margin: 0 auto; }
#about .win .t { font-size: 28px; color: #000000; margin: 0 0 50px 0; }
#about .win ul { margin: 0 0 50px 0; }
#about .win li { overflow: hidden; line-height: 28px; padding: 5px 0; color: #646464; font-size: 14px; }
#about .win .num { width: 18%; float: left; padding: 0 0 0 2%; }
#about .win .name { width: 43%; float: left; padding: 0 0 0 2%; }
#about .win .msg { width: 33%; float: left; padding: 0 0 0 2%; }
#about .win .title { background: #06478b; color: #fff; margin: 0 0 10px 0; }
#about .win .title .name { border-left: 1px solid #fff; margin: 0 0 0 -1px; }
#about .win .title .msg { border-left: 1px solid #fff; margin: 0 0 0 -1px; }
#about .win .more { width: 126px; height: 40px; line-height: 40px; text-align: center; background: url(../images/icon-more.jpg) no-repeat center; display: inline-block; border: 1px solid #a0a0a0; transition: .4s; }
/*#about .win .more:hover{
	border-color:#000;
}*/

#about .left-menu { display: none; width: 60px; line-height: 30px; position: fixed; left: 40px; bottom: 15%; z-index: 5; }
#about .left-menu a { color: #000; font-size: 14px; }
#about .left-menu a:hover, #about .left-menu .cur a { color: #af1818; }
#about .left-menu .backTop { width: 30px; height: 30px; margin: 10px 0 0 0; border: 2px solid #aaaaaa; border-radius: 50%; display: inline-block; background: url(../images/icon-ar11.png) no-repeat center; }

.culture-list { margin-top: 62px; overflow: hidden; }
.culture-list li { width: 25%; float: left; overflow: hidden; position: relative; transition: 430ms; }
.culture-list li .curimg { position: relative; overflow: hidden; }
.culture-list li .curimg img { display: block; height: 520px; width: auto; }
.culture-list li .curimg mark { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); background: #000\9; filter: alpha(opacity=30); }
.culture-list li .curimg span { color: #ffffff; font-size: 14px; width: 100%; position: absolute; left: 0; top: 35%; text-align: center; transition: 320ms 150ms; }
.culturefix { width: 90%; left: 5%; height: 90%; top: 5%; background: rgba(167,0,13,0.8); background: #a7000d\9; filter: alpha(opacity=80); position: absolute; opacity: 0; visibility: hidden; transition: 540ms; }
.culturewr { padding: 56px 7.6%; text-align: center; position: relative; top: 40px; opacity: 0; visibility: hidden; transition: 150ms; }
.culturewr span { display: block; color: #fff; font-size: 14px; text-align: center; padding-bottom: 14px; position: relative; margin-bottom: 10px; }
.culturewr span:before { content: ""; width: 15px; height: 1px; background: #fff; position: absolute; left: 50%; margin-left: -7px; bottom: 0; }
.culturewr h3 { text-align: center; color: #fff; font-size: 20px; line-height: 1.8; margin-bottom: 24px; font-weight: bold; }
.culturewr p { color: #fff; font-size: 13px; text-align: left; line-height: 1.8; }
.culture-list li.now { width: 47.8%; }
.culture-list li.on { width: 17.4%; }
.culture-list li:hover .curimg span { opacity: 1; visibility: hidden; transition: 320ms 0ms; }
.culture-list li:hover .culturefix { opacity: 1; visibility: visible; }
.culture-list li:hover .culturefix .culturewr { opacity: 1; visibility: visible; top: 0; transition: 450ms 200ms; }

.intrut { color: #323232; font-size: 20px; text-align: center; font-weight: bold; margin-bottom: 4px; }

@media screen and (max-width:1650px) {

    #about .advantage .text { margin: 50px 5% 0 10%; font-size: 14px; color: #646464; line-height: 26px; }
    #about .advantage .text .p2 { margin: 20px 0 30px 0; }
}

@media screen and (max-width:1500px) {
    #product-detail .product .box { width: auto; }
    #product-detail .product .l { width: 60%; }
    #product-detail .product .r { width: 40%; }
    #product-detail .introduce { margin-left: 20px; }
}

@media screen and (max-width:1440px) {
    #about .advantage .img { width: auto; height: 700px; display: block; }
    #about .advantage .text { color: #646464; padding: 30px 5% 0 12%; }
    #about .culture .box { width: 78%; }
}

@media screen and (max-width:1200px) {
    #news .menu .box { width: auto; }
    #news .banner .text,#product .banner .text,#contact .banner .text,#about .banner .text { left: 10%; margin: 0; }
    #news .main { padding-left: 20px; }
    #news .main .box { width: auto; }
    .page-change { right: -55px; }
    #product-detail .recommend dl { width: auto; margin: 0 10px 0 20px; }
    #kitchen .list { width: auto; padding: 40px 0; margin: 0 20px; }
    #kitchen-detail .link-related { right: -54px; }
    #recommend .box { width: auto; padding: 40px 0 50px 0; margin: 0 20px; }
    #product .list { width: auto; padding: 40px 0; margin: 0 20px; }
    .pro-bg { padding-bottom: 50px; }
    #video ul { width: auto; padding: 40px 0; margin: 0 20px; }
    #video li { width: 48%; margin: 0 1% 2% 1%; }
    #video .img { height: auto; }
    #about .history .box { width: auto; margin: 0 20px; }
    #network .banner .box { width: 90%; margin-left: -45%; }
}

@media screen and (max-width:1024px) {
    #news .main { padding: 50px 20px; }
    #news .main li { width: 100%; height: 152px; background: #fff; float: left; margin: 0 0 20px 0; }
    #news .page { margin: 20px 0 0 0; }
    #news-detail .top { height: auto; padding: 0 0 20px 0; }
    #news-detail .title { margin: 40px 20px 20px 20px; font-size: 20px; height: auto; line-height: 40px; }
    #news-detail .main { background: #fff; }
    #news-detail .main .box { width: auto; position: static; }
    #news-detail .main .text { padding: 20px 10px 40px 10px; }
    #news-detail .main .t { margin: 20px 20px; }
    .page-change { border-top: 1px solid #e5e5e5; position: static; width: auto; padding: 0; }
    .page-change a { width: 33.3%; float: left; height: 44px; margin: 0; border: 0!important; }
    .page-change .back { margin: 0; padding: 0; height: 44px; line-height: 44px; background: #eeeae1; }
    .page-change a:hover { background-color: #ebe1cc; }
    #product-detail .product .l { width: 100%; float: none; }
    #product-detail .product .r { width: 100%; float: none; }
    #product-detail .introduce { width: auto; padding: 20px; margin: 20px 0 0 0; }
    #product-detail .product { padding: 20px; }
    #product-detail .product .change-btn { display: none; }
    #product-detail .cont .box { width: auto; margin: 0 20px; padding: 50px 0 80px 0; }
    #product-detail .recommend ul { padding: 0; }
    #product-detail .recommend li .bg { opacity: 0.8; filter: alpha(opacity=80); }
    #product-detail .recommend li .title { opacity: 1; filter: alpha(opacity=100); margin: -10px 0 0 0; }
    #kitchen .list li { width: 33.3%; }
    #kitchen .list li .bg { opacity: 0.8; filter: alpha(opacity=80); }
    #kitchen .list li .title {  filter: alpha(opacity=100); margin: -20px 0 0 0; }
    #kitchen-detail .link-related { display: none; }
    /*#product .banner { height: 500px; }
    #product .banner .text { bottom: 40px; }
    #product .banner .btnL { left: 10px; margin-left: 0; }
    #product .banner .btnR { left: inherit; right: 10px; margin-left: 0; }*/
    #product .about { height: auto; background: #f2e4c5; }
    #product .about .text { width: auto; margin: 0 20px; padding: 40px 0; }
    #product .list li { width: 33.3%; }
    #product .list li .bg { opacity: 0.8; filter: alpha(opacity=80); }
    #product .list li .title {  filter: alpha(opacity=100); margin: -20px 0 0 0; }
    #recommend li { width: 50%; }
    #network .box { width: auto; padding: 40px 0; }
    #network ul { padding: 20px 0 40px 0; }
    #network li { background: #fff; width: auto; height: auto; margin: 10px 10px 0 10px; padding: 20px; float: none; }
    #network .top { margin: 0 10px; }
    #contact .map-box .btns { left: 5px; }
    #contact .talent .cont { width: auto; margin: 0 20px; }
    #contact .talent .jobs { width: 140px; height: 45px; line-height: 45px; }
    #contact .interlocution { padding: 20px 0 40px 0; }
    #contact .interlocution ul { width: auto; margin: 0 10px; }
    #contact .question .title { font-size: 20px; margin: 15px 0 10px 0; }
    #contact .page { margin: 20px 0 0 0; }
    #contact .message .row1 .box { width: auto; margin: 0 10px; }
    #contact .message .row2 .box { width: auto; margin: 0 10px; padding: 0; }
    #contact .message .row2 .ipt { width: 35%; }
    #about .advantage .l { width: 100%; }
    #about .advantage .text { margin: 40px 20px; }
    #about .advantage .r { width: 100%; }
    #about .advantage .img { width: 100%; height: auto; display: block; }
    #about .introduce { background: #fff; padding: 40px 20px; height: auto; }
    #about .introduce .top { width: auto; position: static; margin: 0; background: none; }
    #about .introduce .text { width: auto; position: static; margin: 0 0 20px 0; }
    #about .introduce .best { padding: 0 40px 40px 40px; height: auto; overflow: hidden; width: auto; position: static; margin: 0; }
    #about .introduce .best .p1 { padding: 20px 0 20px 0; }
    #about .culture { padding: 40px 20px; }
    #about .culture .box { width: auto; padding: 0; }
    #about .culture ul { margin: 20px 0 0 0; }
    #about .culture li { width: 50%; }
    #about .honor ul { width: auto; margin: 0 20px 0 10px; }
    #about .honor li { width: 24%; margin: 0 0 1% 1%; }
    #about .honor .text { width: auto; margin: 0 40px; }
    #about .win .box { width: auto; margin: 0 20px; }
    #about .history .top { position: static; font-size: 20px; padding: 40px 0 30px 0; }
    #about .history .top .p1 { font-size: 30px; }
    #about .left-menu { display: none !important; }
    #product .menu ul { width: auto; margin: 0; }
    #about .history { padding: 30px 0 50px; }
    #about .history .top { padding: 0; margin-bottom: 34px; }
    #about .advantage .text { padding: 0; }
    #news .banner .text,#product .banner .text,#contact .banner .text,#about .banner .text { left: 5%; }
    #network .banner .box { padding: 0; top: auto; bottom: 30px; }
    #network .boxs { padding: 40px 0; }
    .addwr { width: 90%; margin-left: -45%; margin-top: -95px; }
    .address { left: 10%; }
}

@media screen and (max-width:840px) {
    #about .culture li { width: 100%; margin-bottom: 34px; }
    .culture-list li .curimg img { width: 100%; height: auto; }
    .culture-list li .curimg { width: 100%; }
    .culture-list li .curimg span { display: none; }
    .culturefix { width: 100%; opacity: 1; box-sizing: border-box; visibility: visible; position: relative; left: 0; top: 0; padding: 36px 5%; }
    .culturewr { position: relative; visibility: visible; opacity: 1; top: 0; padding: 0; }
    #news .banner .text,#product .banner .text,#contact .banner .text,#about .banner .text { bottom: 20px; }
    #news .banner .p1,#product .banner .p1,#contact .banner .p1,#about .banner .p1 { font-size: 24px; margin-bottom: 0; }
}


@media screen and (max-width:680px) {
    #news .banner .text,#product .banner .text,#contact .banner .text,#about .banner .text { font-size: 16px; }
    #news .banner .p1,#product .banner .p1,#contact .banner .p1,#about .banner .p1 { font-size: 30px; }
    #news .main { background: #e7e3e0; }
    #news .main li { width: auto; height: auto; float: none; background: #fff; margin: 0 0 20px 0; }
    #news .main .img { width: 100%; height: auto; float: none; }
    #news .main .text { margin: 10px 20px 20px 20px; }
    #news .main .title { height: auto; margin: 0 0 5px 0; }
    #news-detail .main .t { margin: 10px; }
    #product-detail .product { padding: 10px; }
    #product-detail .introduce { margin: 10px 0 0 0; padding-bottom: 20px; }
    #product-detail .introduce .text { margin: 20px 0 0 0; }
    #product-detail .cont .box { padding: 40px 0; }
    #product-detail .recommend { margin: 0 0 20px 0; }
    #product-detail .recommend dl { margin: 0 10px; }
    #product-detail .recommend li { width: 48%; margin: 0 1% 2% 1%; }
    #kitchen .list li { width: 50%; }
    #kitchen-detail .banner .box { width: auto; }
    #kitchen-detail .main .box { width: auto; }
    #kitchen-detail .main .title { font-size: 24px; padding: 20px 0 5px 0; }
    #kitchen-detail .main { padding: 10px; }
    #kitchen-detail .synopsis { font-size: 16px; padding: 20px 0; margin: 30px 0 0 0; line-height: 24px; }
    #kitchen-detail .cont .t { font-size: 18px; }
    #recommend .box { padding: 20px 0 40px 0; margin: 0 10px; }
    #product .list li { width: 50%; }
    #recommend li .bg { opacity: 0.8; filter: alpha(opacity=80); }
    #recommend li .title { opacity: 1; filter: alpha(opacity=100); margin: -20px 0 0 0; }

    #network .banner .p2 { font-size: 24px; }
    #network .top { padding: 0 0 20px 0; }
    #network .top select { width: 90px; height: 40px; }
    #network .top .btn { width: 90px; height: 40px; }
    #video li { width: 100%; margin: 0 0 20px 0; }
    #contact .map-box .btns { width: 100%; left: 0; top: 0; margin: 0; }
    #contact .map-box .btns a { width: 50%!important; height: 40px!important; line-height: 40px; padding: 0!important; }
    #contact .message .row2 { height: auto; overflow: hidden; padding: 0 0 15px 0; }
    #contact .message .row2 .ipt { width: 100%; }
    #contact .message .row2 .btn { width: 100%; margin: 13px 0 0 0; }
    #contact .talent .text { margin: 20px 0 40px 0; }
    #contact .talent .p1 { font-size: 26px; }
    #contact .talent .p2 { font-size: 20px; }
    #contact .message .row1 { padding: 30px 0 0 0; }
    #contact .message .row1 .t { font-size: 26px; margin: 0 0 30px 0; }
    #contact .message .clause { margin-top: 10px; }
    #about .introduce .best { background: #f5f5f5; color: #646464; padding: 30px 20px; }
    #about .introduce .best .p1 { margin-top: 0; }
    #about .advantage .text .p2 { font-size: 20px; }
    #about .honor li { width: 49%; margin: 0 0 1% 1%; }
    #about .honor .text { margin: 0 10px; padding: 40px 0; }
    #about .honor .text .p2 { font-size: 20px; padding: 10px 0 20px 0; }
    #about .win { padding: 40px 0; }
    #about .win .t { margin: 0 0 20px 0; }
    #about .win .num { display: none; }
    #about .win .name { display: none; }
    #about .win .msg { width: 100%; }
    #about .win .box { margin: 0 10px; }
    #about .history li { background: none; }
    #about .history .bg { width: 100%; left: 0; }
    #about .history .cur .year { left: 5%; }
    #about .history .t { width: 100%; left: -5%; }
    #about .history .text { width: 90%; left: 5%; }
    #about .history .img { width: 90%; left: 5%; }
    #about .history .cur .img { bottom: 5%; }
    .flexmenu { display: none; }
    #about .history .text { margin-bottom: 20px; height: auto; }
    .advantext { margin-top: 30px; }
    #news .banner .text,#product .banner .text,#contact .banner .text,#about .banner .text, #network .banner .box { bottom: 0; position: relative; width: auto; padding: 20px 0; }
    #news .banner p ,#about .banner p,#product .banner p,#contact .banner p{ color: #323232; }
    #network .banner .p1 { margin: 0; color: #de5c54; }
    #network .boxs { padding: 0px 0 20px; }
    .map-info img { height: 320px; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
    .address { left: 0; width: 100%; box-sizing: border-box; }
    .address:before { display: none; }
}

@media screen and (max-width:480px) {
    /*#product .menu { height: 100px; }*/
    /*#product .menu li a { width: 80%; margin: 0 10%; }*/
    #about .culture .box { width: 100%; }
    #about .history .box { max-height: 420px; }
    #news .banner .p1,#product .banner .p1,#contact .banner .p1,#about .banner .p1 { font-size: 24px; }
    #network .banner .p1 { font-size: 24px; }
    #network ul { padding-top: 0; }
    #network li { margin-top: 0; margin-bottom: 20px; }
    .addbott .at { width: 100%; box-sizing: border-box; }
    .teled { width: 100%; margin-top: 10px; }
    .map-info img { height: 380px; }
    .address p { font-size: 14px!important; }
    .addbott { margin-top: 14px; }
}

@media screen and (max-width:420px) {
    #kitchen .list li { width: 100%; }
    #about .history .box { margin: 0; }
    #kitchen .list li .img { width: 90%; margin: 5%; }
    #kitchen .list { padding: 20px 0; margin: 0 10px; }
    #about .history li { width: 300px; }
    #about .history .btn-left { left: 30px; }
    #about .history .btn-right { right: 30px; }
}



 .ClearFix:after {
  	display: block;
  	clear: both;
  	content: "";
  	visibility: hidden;
  	height: 0
  }
  
 .ClearFix{
  	zoom: 1
  }
