@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1400px;margin:0 auto}
.container-s{max-width:1722px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/*PC端公共头部*/
.header{height: 99px; position: fixed; top: 0; width: 100%; z-index: 222; background: #fff;}
.header .container-s{position: relative;}
.header .logo img{display: block; margin-top: 36px;}
.head-nav{margin-top: 36px;}
.head-nav ul li{float: left; text-align: center; margin-right: 56px; position: relative;}
.head-nav ul li em{display: block; font-size: 16px; line-height: 16px; color: #333333; margin-bottom: 5px;}
.head-nav ul li span{display: block; font-size: 13px; line-height: 13px; color: #888888; font-family: arial;}
.head-nav ul li.on em,.head-nav ul li:hover em{color: #ae0000}
.head-nav ul li.on span,.head-nav ul li:hover span{color: #b20000; opacity: 0.67}
.nav-column{padding-top:26px;position: absolute;top: 28px;z-index:222;display: none;  width: 150px; left: 50%; margin-left: -75px;}
.nav-column .nav-dl{background: #fff; border-radius: 10px; padding: 11px 0; position: relative; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.17)}
.nav-column .nav-dl:after{position: absolute; content: ''; background: url(../images/nav-arrow.png) no-repeat center top; width: 14px; height: 12px; top: -12px; left: 50%; margin-left: -7px;}
.nav-column .nav-dl dl dd a{display: block; font-size: 14px; color: #444; line-height: 42px; text-align: center; border-bottom: dashed 1px #e5e5e5;}
.nav-column .nav-dl dl dd:last-child a{border-bottom: none;}
.nav-column .nav-dl dl dd a:hover{color: #b20000}
.search{margin-top: 41px;}
.search em{display: block; color: #3a3a3a; line-height: 23px;}
.search img{display: inline-block; vertical-align: middle;}
.search form{position: absolute;top: 76px; right:0;margin-top:10px;box-shadow:1px 1px 10px rgba(0,0,0,0.15);width:270px;height:45px;border-radius:50px;background: #fff;overflow: hidden;display:none; z-index: 2}
.search form input{outline: none;}
.search form .text{width:200px;height:45px;background: #fff;border:none;display: block;text-indent:20px;float:left}
.search form .submit{width:70px;text-align: center; background: #b20000;color:#fff;float:right;height:45px;line-height: 45px;text-align: center;border:none}
.header-zw{height: 99px;}
.wap-header,.wap-headerzw{display: none;}


/*首页banner*/
.banner{ position: relative; overflow: hidden; }
.banner img{display: block; width: 100%}
#banner-prev,#banner-next{position: absolute; width: 47px; height: 47px; border-radius: 50px;}
#banner-prev{background: url(../images/banner-prev.png) no-repeat center rgba(0,0,0,0.2); left: 2%}
#banner-next{background: url(../images/banner-next.png) no-repeat center rgba(0,0,0,0.2); right: 2%}
#banner-prev:hover{background: url(../images/banner-prev.png) no-repeat center rgba(0,0,0,0.8);}
#banner-next:hover{background: url(../images/banner-next.png) no-repeat center rgba(0,0,0,0.8);}
#banner-num {bottom: 5%;z-index: 1; display: none;}
#banner-num .swiper-pagination-bullet{width: 8px; height: 8px; opacity: 1; background: #fff;  }
#banner-num .swiper-pagination-bullet-active{background: #b20000;}




/*流程*/
.process{background: url(../images/process-bg.jpg) no-repeat center; height: 120px;}
.process ul li{float: left; border-right: solid 1px rgba(255,255,255,0.2); box-sizing:border-box;height: 120px; padding: 40px 106px}
.process ul li img{display: inline-block; margin-right: 21px;}
.process ul li h3{display: block; font-size: 18px; color: #ffffff; line-height: 18px; margin-bottom: 2px;}
.process ul li em{display: block; color: #fff; opacity: 0.6}
.process ul li:first-child{padding-left: 0}
.process ul li:last-child{padding-right: 0; border-right: none;}


/*热销产品（推荐）*/
.index-title span{display: block; color: #888888; font-family: arial; line-height: 13px; text-transform: uppercase;}
.index-title strong,.index-title h2{display: block; font-size: 30px; color: #000000; line-height: 30px; font-weight: bold;}
.index-title h2{display: inline-block; color: #b20000;}
.index-title img{display: inline-block; vertical-align: bottom;}


.hot-pro{padding: 55px 0 85px}
.hot-pro .index-title{margin-bottom: 56px;}
.hot-list{overflow: hidden;}
.hot-list ul{width: calc(100% + 2.8%)}
.hot-list ul li{float: left;  border: solid 1px #E2E2E2; box-sizing:border-box; background: #f4f4f4; width: calc(100% / 2 - 2.8%); margin-right: 2.8%}
.hot-list ul li .pic{width: 49%;}
.hot-list ul li .pic img{display: block; width: 100%}
.hot-list ul li .info{width: 45%; padding:0 3%; }
.hot-list ul li .info strong{display: block; font-size: 22px;  line-height: 22px; color: #333333; margin-bottom: 4px; padding-top: 64px;}
.hot-list ul li .info span{display: block; font-size: 12px; color: #777777; font-family: arial; margin-bottom: 18px;}
.hot-list ul li .info i{display: block; font-size: 20px; color: #1f1f1f; line-height: 30px; font-weight: bold; margin-bottom: 32px;}
.hot-list ul li .info img{display: inline-block; vertical-align: bottom; margin-right: 4px;}
.hot-list ul li .link a{display: inline-block; width: 120px; background: #b20000; font-size: 15px; line-height: 40px; color: #fff; border-radius: 20px;  text-align: center; margin-right: 15px;}
.hot-list ul li .link a.more{background: #1f1f1f}


/*创新产品*/
.product{padding: 60px 0 56px; background: url(../images/product-bg.jpg) no-repeat center;}
.product .container{position: relative;}
.product .index-title{margin-bottom: 37px;}
.product-list{overflow: hidden; padding-bottom: 41px;}
.product-list ul li{float: left; border: solid 1px #E1E1E1; box-sizing:border-box;}
.product-list ul li .pic{overflow: hidden;}
.product-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li .info{background: #f5f5f5; text-align: center; position: relative; padding: 24px 0}
.product-list ul li .info em{display: block; font-size: 16px; line-height: 16px; color: #333333; font-weight: bold;}
.product-list ul li .info span{display: block; font-size: 13px; color: #777777; font-family: arial;}
.product-list ul li .info img{position: absolute; right: 0; bottom: 0}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.index-arrow{width: 86px; height: 35px;}
#index-prev,#index-next{width: 35px; height: 35px; border-radius: 50%; z-index: 2; position: absolute; top: 22px; float: left; display: block;}
#index-prev{background: url(../images/index-prev.png) no-repeat center #c5c5c5; right: 50px; left: auto;}
#index-next{background: url(../images/index-next.png) no-repeat center #c5c5c5; right: 0}
#index-prev:hover{background: url(../images/index-prev.png) no-repeat center #b41111;}
#index-next:hover{background: url(../images/index-next.png) no-repeat center #b41111;}
#product-num{display: none;}
.index-more a{display: block; width: 160px; background: #b20000; line-height: 40px; color: #fff; text-align: center; border-radius: 20px; margin: 0 auto;}
.index-more a:hover{background: #1f1f1f; transition:0.6s;}


/*智能配套解决方案*/
.solution{padding: 53px 0 83px}
.solution .container{position: relative;}
.solution .index-title{margin-bottom: 57px;}
.solution-list{overflow: hidden;}
.solution-list ul li{float: left; border: solid 1px #E5E5E5; box-sizing:border-box;}
.solution-list ul li .pic{overflow: hidden;}
.solution-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.solution-list ul li .info{background: #f5f5f5; text-align: center; position: relative; padding: 24px 0}
.solution-list ul li .info em{display: block; font-size: 16px; line-height: 16px; color: #333333; font-weight: bold;}
.solution-list ul li .info span{display: block; font-size: 13px; color: #777777; font-family: arial;}
.solution-list ul li .info img{position: absolute; right: 0; bottom: 0}
.solution-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#solution-num{display: none;}


/*专注于液态产品智能灌装*/
.index-title2{text-align: center; }
.index-title2 .container-s{position: relative;}
.index-title2 img{display: block; margin: 0 auto;}
.index-title2 .text{position: absolute; top: 12px; left: 0; right: 0; margin: auto;}
.index-title2 strong{display: block; font-size: 20px; line-height: 20px; color: #222222; font-weight: bold; margin-bottom: 11px;}
.index-title2 h2{display: block; font-size: 30px; line-height: 30px; color: #b20000; font-weight: bold; margin-bottom: 4px;}
.index-title2 span{display: block; font-size: 12px; color: #888888; font-family: arial; text-transform: uppercase;}

.ys{padding-bottom: 84px;}
.ys .index-title2{background: url(../images/ys-line.png) no-repeat center top 38px; margin-bottom: 108px;}
.ys-list{background: url(../images/ys-bg.jpg) no-repeat center top 219px; }
.ys-list .item1 ul li .pic{width: 50%; background: url(../images/ys-pic1.jpg) no-repeat center; height: 362px;}
.ys-list ul li .pic img{display: block; width: 100%; display: none;}
.ys-list .item1 ul li .info{width: 36.5%; margin-left: 3%; margin-top: 29px;}
.ys-list ul li .text{margin-bottom: 6%;}
.ys-list ul li .text img{display: inline-block; margin-right: 22px}
.ys-list ul li .title{display: inline-block; width: calc(100% - 127px); border-bottom: solid 1px #ddd; padding-bottom: 11px;}
.ys-list ul li strong{display: block; font-size: 24px; color: #b20000; line-height: 24px; margin-top: 5px;}
.ys-list ul li span{display: block; color: #777777; font-family: arial;}
.ys-list ul li .content{margin-left: 11%;}
.ys-list ul li p{display: block;font-size: 15px; line-height: 24px; color: #666666; background: url(../images/ys-icon.png) no-repeat left top 4px; padding-left: 38px; margin-bottom: 5%;}
.ys-list ul li p:last-child{margin-bottom: 0}
.ys-list .item1 ul li .content{width: 80%; }
.ys-list .item2 ul li .pic{width: 50%; background: url(../images/ys-pic2.jpg) no-repeat center; height: 412px;}
.ys-list .item2 ul li .info{width: 38.5%; margin-left: 9%; margin-top: 3.2%;}
.ys-list .item3 ul li .pic{width: 50%; background: url(../images/ys-pic3.jpg) no-repeat center; height: 413px;}
.ys-list .item3 ul li .info{width: 45.9%; margin-left: 4%; margin-top: 5%;}
.ys-list .item3 ul li .title{display: inline-block; width: calc(100% - 137px);}


/*谁选择了我们？*/
.brand{padding-bottom: 73px}
.brand .index-title2{background: url(../images/brand-line.png) no-repeat center top 38px; margin-bottom: 77px;}
.brand .index-title2 .text{top: 21px;}
.brand .index-title2 h2{color: #333333; margin-bottom: 6px;}
.brand .index-title2 em{color: #b20000; font-weight: bold;}
.brand .index-title2 i{display: block; font-size: 14px; color: #888; font-style: normal;}
.brand-list{overflow: hidden;}
.brand-list ul{width: calc(100% + 22px)}
.brand-list ul li{float: left; width: calc(100% / 6 - 22px); margin-right: 22px; margin-bottom: 18px; border: solid 1px #e2e2e2; box-sizing:border-box;}
.brand-list ul li img{display: block; width: 100%;height:91px;}


/*在线留言*/
.message{background: url(../images/message-bg.jpg) no-repeat center; height: 370px; margin-bottom: 60px;}
.message-ys{width: 630px; margin-left: 2%}
.messageys-title{color: #fff; padding: 61px 0 59px}
.messageys-title img{display: inline-block;}
.messageys-title strong{display: block; font-size: 24px; line-height: 24px; margin-top: 6px}
.messageys-title span{display: block; opacity: 0.51; line-height: 13px; letter-spacing: -0.05rem}
.message .list ul li{float: left; width: 160px; margin-right: 20px;}
.message .list ul li .icon{float: left;}
.message .list ul li .icon {position: relative;width: 84px;height: 84px;background: rgba(255,255,255,0.29);border-radius: 50%;}
.message .list ul li .icon:before {content: '';display: block; width: 84px;height: 84px;border-radius: 50%;opacity: .15;background: #fff;animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);}
 @keyframes scaless {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.3)
    }

    78%,
    100% {
        opacity: 0
    }
}
.message .list ul li .icon em{display: block; position: absolute; font-size: 16px; line-height: 22px; color: #fff; text-align: center; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 43px;}
.message .list ul li:nth-child(2n) .icon em{font-size: 14px;}
.message .list ul li:last-child{margin-right: 0}
.message .list ul li.item1{margin-top: 30px;}
.message .list ul li.item3{margin-top: 50px;}
.message .list ul li .line{float: right;}
.message .list ul li .line img{margin-top: 18px;}
.message .list ul li.item2 .line img{margin-top: 58px;}
.message .list ul li:last-child{width: auto}


.message-form{width: 33.5%; margin-top: 23px; margin-right: 7%; box-sizing:border-box; padding: 24px 2.5% 21px; background: #fff;  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.07);}
.message-form strong{display: block; font-size: 24px;line-height: 24px;  color: #1a1a1a; text-align: center;}
.message-form span{display: block; line-height: 14px; color: #777777; text-align: center; margin: 8px  0 13px; }
.message-form i{display: block;  width: 34px;height: 3px; background: #b20000; margin: 0 auto 19px;}
.message-form ul li{float: left; margin-bottom: 15px; border: solid 1px #e2e2e2; width: 100%}
.message-form ul li.icon1{background: url(../images/message-icon1.jpg) no-repeat right top;}
.message-form ul li.icon2{background: url(../images/message-icon2.jpg) no-repeat right top;}
.message-form ul li.icon3{background: url(../images/message-icon3.jpg) no-repeat right top; margin-bottom: 21px;}
.message-form input{font-family: "Microsoft YaHei"; outline: none; border: none;}
.message-form ul li input{font-size: 14px; line-height: 38px; color: #a4a4a4; text-indent: 24px; width: 82%}
.message-form .submit input{display: block; width: 143px; background: #b20000; border-radius: 15px; line-height: 35px; color: #fff; text-align: center; margin: 0 auto;}
input  {
 -webkit-appearance: none;
}



/*全自动灌装生产线设计*/
.design{margin-bottom: 54px;}
.design .container{position: relative;}
.design .index-title {margin-bottom: 56px;}
.design-list{overflow: hidden; margin-bottom: 48px;}
.design-list ul li{float: left; border: solid 1px #E5E5E5; box-sizing:border-box;}
.design-list ul li .pic{overflow: hidden;}
.design-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.design-list ul li .info{background: #f5f5f5; text-align: center; position: relative; padding: 24px 0}
.design-list ul li .info em{display: block; font-size: 16px; line-height: 16px; color: #333333; font-weight: bold;}
.design-list ul li .info span{display: block; font-size: 13px; color: #777777; font-family: arial;}
.design-list ul li .info img{position: absolute; right: 0; bottom: 0}
.design-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#design-num{display: none;}


/*关于米多智能*/
.about-pic,.about-bg{height: 564px; width: 50%;}
.about-pic{background: url(../images/about-pic.jpg) no-repeat center top; }
.about-bg{background: url(../images/about-bg.jpg) no-repeat center top; }
.about-bg .info{width: 69%; margin-left: 6.5%}
.about-bg .index-title{padding-top: 79px; margin-bottom: 48px;}
.about-bg .index-title span{margin-bottom: 6px;}
.about-bg .text p{line-height: 26px; color: #555555; text-align: justify; margin-bottom: 27px;}
.about-bg .index-more a{margin: 0 0 54px}
.about-list ul li{float: left; background: url(../images/about-line.png) no-repeat right center; width: 27%; text-align: center;}
.about-list ul li abbr{display: inline-block; font-size: 50px; line-height: 45px; color: #b20000; font-family: arial;}
.about-list ul li img,.about-list ul li span{ margin-left: 10px;}
.about-list ul li img{display: inline-block; vertical-align: top; }
.about-list ul li span{display: inline-block;  font-size: 18px; line-height: 18px;  color: #b20000; vertical-align: top;}
.about-list ul li h3{display: block; font-size: 16px; color: #333333; margin-top: 5px;}
.about-list ul li:last-child{background: transparent;}


/*新闻中心*/
.news{padding: 55px 0 45px;}
.news-left{width: 57.7%}
.news-btn{margin-bottom: 50px;}
.news-btn ul li{float: left; margin-right: 26px; box-sizing:border-box; border: solid 1px #dbdbdb; border-radius: 28px; text-align: center;width: 21.5%;padding: 1.3% 0; cursor: pointer;}
.news-btn ul li strong{display: block; font-size: 16px; color: #333333; line-height: 16px; margin-bottom: 4px;}
.news-btn ul li span{display: block; font-size: 12px; line-height: 12px; color: #818181; font-family: arial;}
.news-btn ul li.on{background: #b20000; border-color: #b20000}
.news-btn ul li.on strong{color: #ffffff}
.news-btn ul li.on span{color: #ffffff; opacity: 0.55}
.news-list ul li{float: left;  width: 100%; border-bottom: dashed 1px #e3e3e3; padding-bottom: 3.5%; margin-bottom: 3.5%; }
.news-list ul li .date{width: 77px; font-family: arial; text-align: center; margin-right: 2%}
.news-list ul li .date b{display: block; font-size: 56px; color: #333333; line-height: 40px; padding: 30px 0 20px;}
.news-list ul li .date span{display: block; font-size: 16px; color: #666666; line-height: 12px;}
.news-list ul li .pic{width: 27%; margin-right: 3%}
.news-list ul li .pic img{display: block; width: 100%}
.news-list ul li .info{width:calc(100% - 32% - 77px);  margin-top: 5px;}
.news-list ul li .info strong{display:block; font-size: 16px; color: #333333; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-list ul li .info p{line-height: 24px; color: #666666; margin-bottom: 11px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list ul li .info em{color: #b20000}
.news-list ul li:hover .info strong{color: #b20000}

.news-right{width: 38%; background: #f5f5f5; padding:33px 1.6% 0; box-sizing:border-box;}
.problem-title{padding-bottom: 18px; border-bottom: solid 1px #E0E0E0; margin-bottom: 23px;}
.problem-title strong{display: block; font-size: 16px; color: #333333; line-height: 26px;}
.problem-title img{display: inline-block; vertical-align: middle; margin-right: 9px;}
.problem-title span{display: inline-block; font-size: 12px; color: #818181; font-family: arial; font-weight: normal; margin-left: 10px;}
.problem-title a{display: block; color: #666666; line-height: 26px;}
.problem-title a:hover{color: #b20000}
.problem-list dl{padding: 0 16px 4.5%; box-sizing:border-box; margin-bottom: 4.5%; border-bottom: dashed 1px #E3E3E3;}
.problem-list dl dt{margin-bottom: 10px;}
.problem-list dl span{ float: left; width: 26px; line-height: 26px; color: #fff; text-align: center; background: #b20000; border-radius: 50%; margin-right: 13px;}
.problem-list dl em{display: block; font-size: 16px; line-height: 26px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.problem-list dl dd span{background: #666666}
.problem-list dl p{line-height: 27px; color: #686868;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.problem-list dl:hover em{color: #b20000}


/*联系我们*/
.contact{background: url(../images/contact-bg.jpg) no-repeat center; padding: 58px 0 43px}
.contact-info{color: #fff; text-align: center;}
.contact-info h2{display: block; font-size: 30px; line-height: 30px; color: #fff; font-weight: bold;}
.contact-info span{display: block; opacity: 0.6; text-transform: uppercase; margin-bottom: 31px;}
.contact-info p{display: block; font-size: 16px; line-height: 28px; color: #fff; opacity: 0.86}
.contact-info a{display: block; width: 170px; line-height: 40px; background: url(../images/contact-icon.png) no-repeat left 35px center #fff; border-radius: 20px; font-size: 16px; color: #161616;font-weight: bold; margin: 51px auto 0;text-align: left; text-indent: 71px}
.contact-info a:hover{background: url(../images/contact-icon2.png) no-repeat left 35px center #fff;  color: #b20000; transition:0.6s;}


/*公共底部*/
.footer{background: #151515; padding: 34px 0 0}
.foot-top{padding-bottom: 38px; border-bottom: solid 1px #2F2F2F;}
.foot-top dl{border-left:solid 1px #000; border-right:solid 1px #2d2d2d; height: 237px; float: left;  box-sizing:border-box;}
.foot-top dl.item1{width: 29.4%}
.foot-top dl dt{font-size: 16px; color: #fff; line-height: 17px; padding-top: 17px; font-weight: bold; margin-bottom: 24px;}
.foot-top dl span{display: inline-block; font-size: 14px; color: #fff; opacity: 0.6; text-transform: uppercase; margin-left: 11px; font-weight: normal;}
.foot-top dl dd{ line-height: 35px; color: #BABABA;}
.foot-top dl dd a{color: #BABABA; width: 126px; float: left; margin-right: 54px;}
.foot-top dl dd strong{display: inline-block; font-size: 24px; color: #b20000; font-family: arial;}
.foot-top dl.item2{width: 39%; padding:0 5.5%; box-sizing:border-box;}
.foot-top dl.item3{width: 31%;  box-sizing:border-box; border-right: none;}
.foot-wechat{padding-top: 32px;}
.foot-wechat ul li{float: left; margin-left: 28px}
.foot-wechat ul li img{display: inline-block;}
.foot-wechat ul li em{display: inline-block; font-size: 14px;line-height: 26px;  color: #fff; opacity: 0.72; writing-mode:vertical-rl; margin-top: 10px;}
.foot-copy{border-top: solid 1px #000; padding: 14px 0}
.foot-copy p{ color: #C2C2C2}
.foot-copy p a{ color: #C2C2C2}
.foot-top dl dd a:hover{color: #fff}
.foot-copy p a:hover{ color: #fff}
.foot-top dl.item2 dd a{width: auto!important; float: none!important; margin-right: 0!important;}


.wapfoot-zw,.wapfooter,#wxnr{display: none;}




/*产品banner*/
.product-banner{display: none;}
.product-banner img{display: block; width: 100%;}


/*内页面包屑*/
.position .container{line-height: 58px; height: 58px; border-bottom: solid 1px #E4E4E4;}
.position span{display: block; color: #333;}
.position img{display: inline-block; vertical-align: sub; }
.position span img{margin: 0 13px 0 9px;}
.position a{color: #333}
.position a:hover{color: #b20000}
.position a img{margin-right: 5px;}
.ny-main{padding: 36px 0 66px;}


/*内页产品列表页*/
.nypro-list{overflow: hidden;}
.nypro-list ul{width: calc(100% + 2.8%)}
.nypro-list ul li{position: relative; float: left; width: calc(100% / 2 - 2.8%); border: solid 1px #E2E2E2; box-sizing:border-box; background: #f4f4f4;margin-right: 2.8%; margin-bottom: 2%}
.nypro-list ul li .pic{width: 49%;}
.nypro-list ul li .pic img{display: block; width: 100%}
.nypro-list ul li .info{width: 45%; padding:0 3%; }
.nypro-list ul li .info strong{display: block; font-size: 18px;  line-height: 22px; color: #333333; margin-bottom: 4px; padding-top: 55px;}
.nypro-list ul li .info span{display: block; font-size: 12px; color: #777777; font-family: arial; margin-bottom: 13px;}
.nypro-list ul li .info p{display: block; color: #777777; line-height: 24px; margin-bottom: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nypro-list ul li .info img{position: absolute; bottom: 0; right: 0}
.nypro-list ul li .link a{display: inline-block; width: 120px; background: #b20000; font-size: 15px; line-height: 40px; color: #fff; border-radius: 20px;  text-align: center; margin-right: 15px;}
.nypro-list ul li .link a.more{background: #1f1f1f}


/*内页banner*/
.ny-banner{height: 400px; position: relative;}
.about-banner{background: url(../images/about-banner.jpg) no-repeat center; }
.honor-banner{background: url(../images/zs-banner.jpg) no-repeat center; }
.ny-banner .text{position: absolute; text-align: center; left: 0; right: 0; margin: 0 auto;top: 50%; transform: translateY(-50%);}
.ny-banner .text em{display: block; font-size: 40px; line-height: 40px; color: #fff; margin-bottom: 13px;}
.ny-banner .text span{display: block; line-height: 10px; color: #fff; opacity: 0.52; margin-bottom: 16px; font-family: arial; text-transform: uppercase;}
.ny-banner .text i{display: block; width: 40px; height: 3px;  background: #b20000; margin: 0 auto;}
.solution-banner{background: url(../images/solution-banner.jpg) no-repeat center; }
.brand-banner{background: url(../images/brand-banner.jpg) no-repeat center; }
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center; }
.video-banner{background: url(../images/video-banner.jpg) no-repeat center; }
.news-banner{background: url(../images/news-banner.jpg) no-repeat center; }

/*关于米多分类*/
.about-position .container{border-bottom: none;}
.about-class{background: #f6f6f6; line-height: 60px;}
.about-class .ctitle1{text-align: center;}
.about-class .ctitle1 li{display: inline-block; margin: 0 25px;}
.about-class .ctitle1 li a{display: block; width: 145px; font-size: 16px; color: #333333; position: relative;}
.about-class .ctitle1 li a:after{position: absolute; content: ''; background: url(../images/about-class.png) no-repeat; width: 12px; height: 10px; bottom: -10px; left: 0; right: 0; margin: 0 auto; z-index: 2; display: none;}
.about-class .ctitle1 li.on a,.about-class .ctitle1 li:hover a{background: #b20000; color: #fff;}
.about-class .ctitle1 li.on a:after,.about-class .ctitle1 li:hover a:after{display: block;}


/*内页智能灌装解决方案列表页*/
.nysolution-list{overflow: hidden;}
.nysolution-list ul{width: calc(100% + 2.7%)}
.nysolution-list ul li{float: left; border: solid 1px #E5E5E5; box-sizing:border-box; margin-right: 2.7%; margin-bottom: 2.4%; width: calc(100% / 2 - 2.7%);}
.nysolution-list ul li .pic{overflow: hidden;}
.nysolution-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nysolution-list ul li .info{background: #f5f5f5; text-align: center; position: relative; padding: 24px 0}
.nysolution-list ul li .info em{display: block; font-size: 16px; line-height: 16px; color: #333333; font-weight: bold;}
.nysolution-list ul li .info span{display: block; font-size: 13px; color: #777777; font-family: arial;}
.nysolution-list ul li .info img{position: absolute; right: 0; bottom: 0}
.nysolution-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}


/*内页合作品牌列表页*/
.brand-title {text-align: center; margin-bottom: 52px;}
.brand-title strong{display: block; font-size: 25px; color: #333;}
.brand-title h3{display: block; font-size: 15px; color: #666666;}


/*内页联系我们*/
.nycontact{margin-bottom: 67px;}
.nycontact .map,.nycontact .info{width: 50%; height: 426px;}
.nycontact .map{background: url(../images/map-pic.jpg) no-repeat center; }
.nycontact .info{box-sizing:border-box; border: solid 1px #e9e8e8; border-left: none; padding: 0 3.1% 0 4%;}
.nycontact .info strong{display: block; font-size: 21px; line-height: 21px; color: #333333; padding-top: 63px;}
.nycontact .info span{display: block; font-size: 13px; color: #999999; font-family: arial; margin-bottom: 6px;}
.nycontact .info ul li{float: left; border-bottom: dashed 1px #ddd;  width:calc(100% - 30px); padding: 11px 0 11px 30px}
.nycontact .info ul li.icon1{background: url(../images/nycontact-icon1.png) no-repeat left center;}
.nycontact .info ul li.icon2{background: url(../images/nycontact-icon2.png) no-repeat left center;}
.nycontact .info ul li.icon3{background: url(../images/nycontact-icon3.png) no-repeat left center;}
.nycontact .info ul li.icon4{background: url(../images/nycontact-icon4.png) no-repeat left center;}
.nycontact .info ul li.icon5{background: url(../images/nycontact-icon5.png) no-repeat left center;}
.nycontact .info ul li  em{display: inline-block; font-size: 15px; color: #555555; line-height: 18px;}
.nycontact .info ul li  a{color: #555555;}
.nycontact .info ul li  a:hover{color: #ae0000}


/*内页在线留言*/
.contact-main{padding: 60px 0 0}
.ny-message{background: #f5f5f5; padding: 45px 0 63px}
.nymessage-title {text-align: center; margin-bottom: 38px;}
.nymessage-title strong{display: block; font-size: 26px; line-height: 26px; color: #333;}
.nymessage-title span{display: block;  color: #999999;}
.ny-message{overflow: hidden;}
.ny-message form{overflow: hidden;}
.ny-message ul{width: calc(100% + 2.6%)}
.ny-message ul li{float:left;margin-bottom:16px; width: calc(100% / 3 - 2.6%); margin-right: 2.6%}
.ny-message input,.ny-message  textarea{outline: none; font-family:"Microsoft YaHei";border:1px solid #E1E1E1; color: #b6b7be; box-sizing:border-box;}
.ny-message ul li input{width:96.8%;height:44px;line-height:44px;text-indent:20px;}
.ny-message ul li em{color:#c51432; float: right;}

.ny-message .text-area textarea{height:149px;padding:20px; width: 99%; margin-bottom: 6px;}
.ny-message .prompt{color:#c51432; margin-bottom: 70px;}
.submit-message input{display: block; width:176px;height:53px; background: #b20000;font-size:15px;color: #fff; margin: 0 auto; cursor: pointer; border: none;}
.ny-message input::-webkit-input-placeholder,.ny-message textarea::-webkit-input-placeholder {
color: #b6b7be;
}
.ny-message input::-moz-input-placeholder,.ny-message textarea::-moz-input-placeholder {
color: #b6b7be;
}
.ny-message input::-ms-input-placeholder,.ny-message textarea::-ms-input-placeholder {
color: #b6b7be;
}


/*内页智能灌装生产线视频*/
.ny-video{max-width: 1340px; overflow: hidden; margin: 0 auto;}
.ny-video ul{width: calc(100% + 3%)}
.ny-video ul li{float: left; width:calc(100% / 3 - 3%); margin-right: 3%; margin-bottom: 2%}
.ny-video ul li .pic{position: relative;}
.ny-video ul li .pic>img{display: block; width: 100%}
.ny-video ul li .icon{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.51); top: 0; }
.ny-video ul li .icon img{display: block; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0}
.ny-video ul li em{display: block; border: solid 1px #f0f0f0; border-top: none; box-sizing:border-box;  line-height: 48px; color: #666666; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ny-video ul li:hover .icon img{transition:0.6s;  transform: rotateY(180deg); -webkit-transform: rotateY(180deg); /* Safari 与 Chrome */}
.ny-video ul li:hover em{background: #b20000; color: #fff; border-color: #b20000}



/*米多新闻*/
.nynews-list {width: 66.8%}
.nynews-list ul li{background: #f5f5f5; box-sizing:border-box; padding: 14px 1.5%; margin-bottom: 17px;}
.nynews-list ul li .pic{float: left; width: 34.5%; margin-right: 3.7%}
.nynews-list ul li .pic img{display: block; width: 100%}
.nynews-list ul li .info{float: left; width: 61%;}
.nynews-list ul li .info .c{padding-top: 6%;}
.nynews-list ul li .info strong{display: inline-block; font-size: 16px; color: #333333; line-height: 16px; width:70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  margin-bottom: 3%}
.nynews-list ul li .info span{display: inline-block; color: #666666; line-height: 16px; margin-right: 4%;}
.nynews-list ul li .info p{line-height: 24px; color: #666666; margin-bottom: 4.5%;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nynews-list ul li .info em{display: block; color: #b20000}
.nynews-right{width: 31.8%}
.nynews-right .problem-list dl{padding: 0 16px 5.5%;  margin-bottom: 5.5%; }


.problem-list dl{padding: 0 16px 25px; margin-bottom: 25px;}



.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}



/*后台编辑框*/
    .tablepic-small1{display: block;}
    .tablepic-small2{display: none;}


.wap-banner{display: none;}



/*右侧在线咨询*/
.fixed-right{width: 54px;position: fixed;right: -100px;bottom: 20%;z-index: 999999;transition: all .4s;}
.fixed-addclass{right:10px}
.fixed-right li{display: block;width: 54px;height: 54px;margin-bottom: 4px;background: #eee;cursor: pointer; -webkit-transition: 0.56s ease;transition: 0.56s ease;position: relative;}
.fixed-right li:hover{background: #ae0000;}
.fixed-right li span{display: block;width:54px;height:54px;}
.fixed-right li:nth-of-type(1) span,.fixed-right li:nth-of-type(2) span{background: url(../images/qq_icon.png);}
.fixed-right li:nth-of-type(3) span{background: url(../images/r_ico13.png);}
.fixed-right li:nth-of-type(4) span{background: url(../images/r_wechat.png);}
.fixed-right li:nth-of-type(5) span{background: url(../images/r_ico14.png);}
.fixed-right li:nth-of-type(1):hover span,.fixed-right li:nth-of-type(2):hover span{background: url(../images/qq_icon2.png);}
.fixed-right li:nth-of-type(3):hover span {background: url(../images/r_ico03.png);}
.fixed-right li:nth-of-type(4):hover span{background: url(../images/r_wechat2.png);}
.fixed-right li:nth-of-type(5):hover span{background: url(../images/r_ico04.png);}
.fixed-tel{font-size: 14px;color: #666;width:220px;height:60px;line-height:60px;background: #F5F5F5;position: absolute;left: 80px;top: 0;box-sizing: border-box;text-align: center;-webkit-transition: 0.56s ease;transition: 0.56s ease;}
.fixed-tel b{display: block;font-size: 20px;color: #ae0000;font-weight: bold;}
.fixed-right li:nth-of-type(3):hover .fixed-tel{left: -225px;}
.fixed-wx{width: 120px;height: 120px;background: #F5F5F5;padding:5px;position: absolute;left: 80px;top: 0;-webkit-transition: 0.56s ease;transition: 0.56s ease;}
.fixed-right li:nth-of-type(4):hover .fixed-wx{left: -135px;}



/*2023.6.13*/
.nypro-list ul li{display: flex; align-items: center; flex-wrap:wrap;}
.nypro-list ul li .info strong{padding-top: 0}