@charset "UTF-8";
/*东莞恒宇包装*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
a{text-decoration: none;color: black;font-size:14px;}
body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;color: #2a2a2a;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0; border:none;outline:none;} /*去掉苹果的默认UI来渲染按钮*/
ol,ul{list-style: none;} 
h1,h2,h3,h4,h5,h6 {font-weight: normal;} 
textarea{overflow:auto;resize:none;}
i,em{font-style:normal;}
*{margin:0;padding:0;list-style:none;font-family:""Microsoft YaHei",Arial,Helvetica,sans-serif;";}
*, :before, :after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input,button,select,textarea{font-family: inherit; font-size: inherit; line-height: inherit;}

body{background:url(../images/bj.jpg);overflow-x:hidden;}
#navbar.stuck{width: 100%; max-width: 1600px; position: fixed; top: 0; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3); box-shadow: 0 0 5px 0 rgba(0,0,0,.3); background: rgba(255,255,255,.96); z-index: 100;}
.hy-box{max-width:1600px;margin:0 auto;background:url(../images/bj1.jpg)}
.hy-top{width:1160px;margin:0 auto;overflow:hidden;height:40px;line-height:40px;}
.container{width:1160px;margin:0 auto;overflow:hidden;}
.hy-top i{display:block;font-size:14px;color:#999;}
.hy-top i.i-left{float:left;}
.hy-top i.i-right{float:right;color:#09417e;}
.hy-nav{position:relative;background:#fff;padding-top: 25px;padding-bottom: 25px;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);box-shadow: 0 0 5px 0 rgba(0,0,0,.15);}
.logo a{display:block;float:left;background:url(../images/logo.png) no-repeat;width:138px;height:40px;font-size:0;}
.hy-hidden{display:block;float:left;padding-left:100px;padding-top:8px;overflow:hidden}
.hy-hidden li{display:inline-block;}
.hy-hidden li a{color:#a09896;padding: 10px;-webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out;}
.hy-hidden li.active a{color:#09417e;}
.hy-hidden li a:hover{color:#09417e;}

.btn-nefab{margin-right:10px;border-radius: 100%;display:none;color: #fff;background:#09417e;border-color:#09417e;padding:11px 11px;-webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out;}
.btn-nefab i.fa-bars{display:block;background:url(../images/nav.png) no-repeat;width:16px;height:16px;}
.pull-right{float:right;cursor:pointer;}
#search-button{background-color: #09417e;width:38px;height:38px;border-radius: 100%;color: #fff;-webkit-transition: background-color .2s ease-in;-moz-transition: background-color .2s ease-in;-ms-transition: background-color .2s ease-in;-o-transition: background-color .2s ease-in;transition: background-color .2s ease-in;}
.fa{display:inline-block;width:16px;height:16px;margin-top:6px;}
.fa.fa-search{background:url(../images/search.png) no-repeat;}
.fa.fa-times{background:url(../images/x.png) no-repeat;}
#search-wrapper{top:90px;left:0;width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: #09417e; border-bottom: 3px solid #053670; position: absolute; z-index: 101; -webkit-opacity: .9; -moz-opacity: .9; opacity: .9; filter: alpha(opacity=90); display: none; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); box-shadow: 0 0 5px 0 rgba(0,0,0,.15);}
#search-navbar{font-size: 25px; background-color: transparent; -webkit-transition: background-color .2s ease-in; -moz-transition: background-color .2s ease-in; -ms-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; transition: background-color .2s ease-in; color: #fff; font-weight: 300; width: 100%; border: 0; padding: 10px;}
#search-navbar:focus{background-color: #053670;outline: 0;}

#big-feature .slides li{background-position: center 0 !important; background-size: cover !important; background-repeat: no-repeat !important;}
.flexslider .slides>li{display: none; -webkit-backface-visibility: hidden; height: 100%;}
.flexslider .slides{zoom: 1;height: 100%;}
.flexslider{margin: 0; position: relative; zoom: 1; height: 100%;}
.slides, .flex-control-nav, .flex-direction-nav{margin: 0; padding: 0; list-style: none;}

.flex-control-paging li a{width:40px; height:4px; display: block; background: #666; background: rgba(0,0,0,.5); cursor: pointer; text-indent: -9999px;}
.flex-control-nav li{margin: 0 6px; display: inline-block; zoom: 1;}
.flex-control-nav{width: 100%; position: absolute; bottom: -50px; text-align: center; z-index: 10; -webkit-transition: bottom .3s ease; -moz-transition: bottom .3s ease; -ms-transition: bottom .3s ease; -o-transition: bottom .3s ease; transition: bottom .3s ease;}
.flex-direction-nav a{font-size:0;text-decoration: none; display: block; width: 40px; height:70px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,.8); text-shadow: 1px 1px 0 rgba(255,255,255,.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flexslider:hover .flex-prev{opacity: .7; left: 20px;}
.flexslider:hover .flex-next{opacity: .7;right: 20px;}
.flex-direction-nav .flex-prev{left:-50px;background: url(../images/flex-prev.png) no-repeat;}
.flex-direction-nav .flex-next{right:-50px;background: url(../images/flex-next.png) no-repeat;}
#big-feature{overflow:hidden;}
.flexslider:hover .flex-control-nav{bottom: 10px;}
.flex-control-paging li a.flex-active{background: #1c487d; background: rgba(28,72,125,.9); cursor: default;}

.solution{padding:50px 0;}
span.title{display:block;text-align:center;color:#09417e;font-size:28px;}
.solution ul{overflow:hidden;text-align:center;margin-top:50px;}
.solution ul li a h3{font-size:20px;color:#ee7727;line-height:40px;margin-top:30px;}
.solution ul li p{font-size:14px;color:#666;}
.solution li.col-sm-li6 img{display:block;margin:0 auto;}

.industry{background:#fff;padding:50px 0;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); box-shadow: 0 0 5px 0 rgba(0,0,0,.15); }
.industry ul{margin-top:50px;overflow:hidden;}
.industry ul li a img{width:100%;height:225px;}
.industry ul li{padding:0 15px;}
.industry ul li a{display:block;position:relative;height:225px;}
.block-item-title{position: absolute; bottom: 0;width:100%;background-color: rgba(9,65,126,.85); -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;}
.block-item-title h3,.block-item-title .h3{margin: 0; padding: 10px 0 10px 15px; color: #fff; font-weight: 400; font-size: 14px; text-transform: uppercase; -webkit-font-smoothing: subpixel-antialiased;}
.block-item-arrow{width: 30px; height: 17px; background: url(../images/segment-arrow.png) no-repeat; background-size: 100%; position: absolute; bottom: 9px; right: 30px; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.industry ul li a:hover .block-item-arrow{right: 15px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
.packaging{-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); box-shadow: 0 0 5px 0 rgba(0,0,0,.15);}
.industry ul li a:hover .block-item-title{background-color: #09417e;}
.industry a.more{margin:50px auto 0 auto;}
.met-index-about{padding:50px 0;}
.about_img{margin-bottom:0px!important;}
.about_img img{width:100%;}
.about_cont{float:left;width:66.66666667%;padding-left:30px;}
.about_cont span{font-size:24px;color:#444;width: 100%;}
.about_cont p.desc-about{font-size: 14px;width: 80%; color: #848484;margin-bottom: 10px; font-family: "Microsoft YaHei";}
.met-editor{padding: 0; color: #848484; font-size: 14px; margin-top:10px;line-height:24px;}
.more{font-size:0;background:url(../images/jiantou.png) repeat 26px -97px; width: 148px; height: 30px; display: block; transition: all .5s cubic-bezier(.215,.61,.355,1) 0s; border: #dfdfdf 1px solid; margin-top: 50px;}
.more:hover{background:url(../images/jiantou.png) no-repeat 26px -127px; border-color: #b6b6b6;}

.met-index-news{background:#fff;padding:50px 0;}
.met-index-news ul{margin-top:20px;overflow:hidden;}
.met-index-news ul li{width:50%;float:left;padding-right:15px;margin-top:30px;}
.met-index-news ul li .media-left,.media-body{display: table-cell; vertical-align: top;}
.met-index-news ul li .media-left{padding-right:20px;width:160px;}
.met-index-news ul li .media-left .media-object{width:100%;height:110px;}
.met-index-news .media-heading{position:relative;}
.met-index-news .media-heading h4{border-bottom: 1px solid #EFEFEF; font-size: 16px; color: #595959; display: block; padding-bottom: 20px;}
.media-body p{font-size:14px;color:#848484;margin-top:5px;}
.media-body .news_time{display: block; height: 30px; color: #999; font-size:12px;margin-top:8px;}
.met-index-news .more{margin:0 auto;margin-top:70px;}

.breadcrumb{padding:20px 0;}
.breadcrumb>li,.met-links a{display:inline-block;font-size:14px;color: #5e7387;line-height:24px;margin-right:2px;}
.breadcrumb #yl{color:#999;}
.breadcrumb li a:hover{color:#09417e;}
#footer{padding-top: 25px; background-color: #09417e;}
.col-sm-6{width:50%;float:left;}
#footer h2{color: #ee7727; font-size: 16px; font-weight: 400;padding-bottom:10px;}
#footer p{font-size:14px;font-weight:300;color: #e1dfec;padding-bottom:10px;}
#footer p a{color:#ee7727;}
#footer #footer-byline{margin-top: 25px; padding-top: 15px; padding-bottom: 15px; background-color: #053670; text-align: center;}
#footer #footer-byline p{font-size:12px;padding:0;margin:0;color:#7f80a3;}
#footer #footer-byline p a{font-size:12px;color:#7f80a3}

/*关于我们*/
.breadcrumb,.breadcrumb a,.breadcrumb .active{color: #b8b4b5;font-size:12px;-webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out;}
.breadcrumb a:hover{color:#09417e;}
.content-block{width:100%;min-height:510px;}
.content-block h1{font-size:24px;margin-bottom:20px;color:#09417e;}
.well{min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #fff;overflow:hidden;}
.content-block img{display:block;margin:0 auto;}
.content-block p img{width:100%;}
.content-block span img{width:100%;height:220px;object-fit:cover;}
.content-block .h3 a{margin-top:10px;}
.nvaul{overflow:hidden;margin-bottom:20px;}
.nvaul li{display:inline-block;width:20%;float:left;box-sizing:border-box;}
.nvaul li a{display:block;background:#fff;color:#333;line-height:42px;text-align:center;}
.nvaul li.current a{background:#09417e;color:#fff;}
#wellcon img{width:100%;}
.content-block #wellcon h1{text-align:center;padding:20px 0;}
.well p{font-size:14px;line-height:24px;color:#666;margin-bottom:10px;}
.nav li a{position:relative; display: block; padding: 10px 15px;}
.nav li.current a{background: #09417e;color:#fff;}
.nav a{-webkit-font-smoothing: subpixel-antialiased; color: #09417e; font-size: 12px;-webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;}
.nav li{border-bottom: 1px solid #f0f0f0;}
.nav li a:hover,.nav li a:focus{background: #09417e;color:#fff;}
.nav li a.current{background: #09417e;color:#fff;}
.well ul.fp{overflow:hidden;text-align:center;margin-top:20px;}
.well ul.fp li{display:block;padding:0 10px;float:left;width:50%;}
.well ul.fp li .col-md-fp{display: block; font-size: 14px; padding: 6px 10px; text-align:left; border-radius: 2px; background: #f5f5f5; color: #999; overflow: hidden;width: 100%;}
.well ul.fp li em,.well ul.fp li a{float:left;}
.well ul.fp li a{width:100%;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;padding: 6px 10px; text-align: center; border-radius: 4px; background-color: #f5f5f5; color: #999;}
.well ul.fp li a:hover{background-color: #09417e; color: #fff;}
.well ul.fp li .col-md-fp:hover{background: #09417e;}
.well ul.fp li .col-md-fp:hover a,.well ul.fp li .col-md-fp:hover em{color:#fff;}
.well ul.fp li .col-md-fp:hover{color:#fff;}

.media{padding:20px;background:#fff;margin-bottom:20px;overflow:hidden;}
.media .left-image{display:block;float:left;max-width:170px;max-height:110px;margin-right:20px;}
.media-body a.meida-a h2{font-size:20px;color:#ee7727;}
.media-body em.btn{font-size:12px;color: #fff;background:#a09896;padding:6px 12px;}
.media-body p.con{color:#999;font-size:12px;line-height:20px;margin-bottom:10px;}

.casebox,.equipment-item{overflow:hidden;margin:0 -10px;}
.block-item{display:block;float:left;width:33.33333333%;padding:0 10px;margin-bottom:20px;}
.block-item a{display:block;}
.h3 a{font-size:16px;color:#ee7727;}
.well label{font-style: normal; font-weight: 400; font-size: 10px; text-transform: uppercase;display: inline-block; margin-bottom: 5px;}
.form-group{margin-bottom:20px;}
.form-group .guest-textarea{display:block;width: 100%!important; height:60px; font-size: 14px;border:solid 1px #ccc;background:#f5f5f5;padding: 10px;}
.form-group input{display:block;width:100%; height:34px; font-size: 14px;border:solid 1px #ccc;background:#f5f5f5;padding: 10px;color:#999}

/*通用CSS*/
.col-sm-li,.col-sm-li6{display:inline-block;float:left;width:33.33333333%;}
.col-sm-li{margin-bottom:20px;}
.page_no{overflow:hidden;text-align:center;margin-bottom:20px;}
.page_no li{display:inline-block;}
.page_no span,.page_no a{font-size:12px;display: inline-block; padding: 6px 12px;text-decoration: none; color: #428bca; background-color: #fff; border: 1px solid #ddd; margin-left: -1px;}
.page_no span.current{color: #fff; background-color: #428bca; border-color: #428bca; cursor: default;}
.buttonbox .button{color: #fff; background-color: #09417e; border-color: #09417e;text-transform: uppercase; font-size: 12px;padding:8px 15px;cursor:pointer;}

.service{float:none;width:100%;padding-left:0;}
.service img{height:auto!important;}
.content-block p strong{font-size:16px;background:#f5f5f5;display:block;width:100%;padding:5px 10px;}
.affix-top{width:30%!important;float:left;}
.affix-top img{display:block;width:100%;}
.gbookbox{width:70%;float:left;padding-left:20px;}

.search-block p.lead{font-weight: 400;font-size: 16px;color:#404040}

.honey-feedback-floatbtn{display: inline-block; position: fixed; right: 0; bottom: 150px; z-index: 9000;}
.honey-feedback-floatbtn .honey-feedback-list li a{display: block; width: 52px; height: 40px; border-radius: 40px 0 0 40px; box-shadow: -1px 4px 8px rgba(0,0,0,.06); right: -10px; position: relative; background: url(../images/hy.png) -44px -116px no-repeat #fff;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.honey-feedback-floatbtn .honey-feedback-list li{margin-bottom: 10px; position: relative; display: inline-block; width: 100%; float: left;}
.honey-feedback-floatbtn .honey-feedback-list{width: 52px; float: right;}
.honey-feedback-floatbtn .honey-feedback-list li.feedback a{background-position:-44px -116px;}
.honey-feedback-floatbtn .honey-feedback-list li.backtop a{background-position:-44px -196px;}
.honey-feedback-floatbtn .honey-feedback-list li a .txt{line-height: 40px; height: 40px; display: none; text-align: center; color: #fff; width: 100%; font-size: 14px; text-indent: 10px; overflow: hidden;}
.honey-feedback-floatbtn .honey-feedback-list li a:hover{background-image: none; right: 0; background-color: #ff443f;}
.honey-feedback-floatbtn .honey-feedback-list li a:hover .txt{display: block;}
.search-block h4 a{font-size:20px;color:#ee7727;display:block;padding:10px 0;}
.search-block p{font-size:14px;margin-bottom:10px;}
hr{border-top:1px solid #dadada;}

#big-feature{height:550px;}
@media (max-width:1200px){
.hy-top,.container{width:970px;}
#big-feature{height:550px;}
.met-index-news .media-heading:hover i{width:250px;}
.affix-top{width:38%!important;}
.gbookbox{width:62%;}
}
@media (max-width:992px){
.hy-top,.container{width:750px;}
#big-feature{height:400px;}
.met-index-news .media-heading:hover i{width:250px;}
.hy-hidden li a{font-size:12px;padding:5px;}
.col-sm-li{width:50%;}
.about_img img{padding-bottom: 20px;}
.about_img{width:100%;}
.about_cont{padding-left:0;text-align:center;width:100%;}
.about_cont p.desc-about{width:100%;}
.more{margin:50px auto 0 auto;}
.met-index-news ul li{width:100%;float:none;padding-right:0;}
.met-index-news .media-heading:hover i{width:465px;}
.affix-top{width:42%!important;}
.gbookbox{width:58%;}
.form-group{margin-bottom:10px;}
}
@media (max-width:767px){
.container{width:100%;padding-left:15px;padding-right:15px;}
.hy-nav{padding-top:15px;padding-bottom:15px;}
.hy-top{display:none;}
#big-feature{height:150px;}
.met-index-news .media-heading:hover i{width:250px;}
.hy-hidden li a{font-size:12px;padding:5px;}
.col-sm-li{width:50%;}
.about_img img{padding-bottom: 20px;}
.about_img{width:100%;}
.about_cont{padding-left:0;text-align:center;width:100%;}
.about_cont p.desc-about{width:100%;}
.more{margin:50px auto 0 auto;}
.met-index-news ul li{width:100%;float:none;padding-right:0;}
.met-index-news .media-heading:hover i{width:465px;}
.hy-hidden{float:none;width:100%;padding-left:0;position:absolute;top:60px;left:0;}
.hy-hidden li{display:block;}
.hy-hidden li a{line-height:auto;display: block; padding: 10px; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #9aa5af; border-top: 1px solid #f0f0f0;}
#search-wrapper{top:70px;}
.btn-nefab{display:block;}
.collapse{display:none;}
.collapse.in{display:block;}
#big-feature h1, #big-feature h2{text-align: center; font-size: 20px;}
#big-feature .slide-header-content{margin-top:30px;width:100%;}
#big-feature p a{text-align:center;}
#big-feature .slide-text-left .slide-leading-content{float:none;}
.flexslider:hover .flex-control-nav{bottom:-5px;}
.flex-control-paging li a{width:25px;height:3px;}
.flex-direction-nav a{width:30px;height:56px;background-size:100% 100%;}

.solution li.col-sm-li6{display:block;width:100%;float:none;overflow:hidden;margin-bottom:30px;}
.solution li.col-sm-li6 img{float:left;width:20%}
.col-h3{float:left;width:80%;padding-left:20px;}
.solution ul{text-align:left;margin-top:40px;}
.solution ul li a h3{margin-top:0}
span.title{font-size:24px;}
.solution,.industry{padding:30px 0}
.industry ul{margin-top:40px;}
.industry ul li a,.industry ul li a img{height:130px;}
.block-item-title h3, .block-item-title .h3{padding:5px 0 5px 15px;}
.industry ul li{padding:0 5px;}
.industry a.more{margin:30px auto 0 auto;}
.met-index-news ul li .media-left,.media-body{display:block;}
.met-index-news ul li .media-left{padding-right:0;}
.met-index-news ul li .media-object{display:block;width:100%;}
.media-body{margin-top:10px;}
.met-index-news ul li{margin-top:10px;}
.met-index-news .more{margin-top:30px}
.col-sm-6{display:block;width:100%;float:none;}
.flex-direction-nav .flex-next{background: url(../images/flex-next-yd.png) no-repeat;}
.flex-direction-nav .flex-prev{background: url(../images/flex-prev-yd.png) no-repeat;}
.hidden-xs,#left-nav{display:none;}
.content-block{float:none;width:100%;padding-left:0;margin-top:20px;}
.well p{text-indent:0}
.well ul.fp li{display:block;width:100%;padding:0;margin:10px 0;}
.block-item{width:50%;padding:0 5px;}
.form-group{margin-bottom:10px;}
.media{padding:10px;}
.media .left-image{float:none;max-width:100%;max-height:140px;}
.content-block img{height:132px;}
.hy-hidden{background: rgba(255,255,255,.96);}
}