@charset "utf-8";
/* CSS Document */
#art-ban-about{ background: url(../images/nbanner.jpg) no-repeat top center ; height: 277px; background-size: cover;}
#art-ban-product{ background: url(../images/nbanner.jpg) no-repeat top center ; height: 277px; background-size: cover;}
#art-ban-news{ background: url(../images/nbanner.jpg) no-repeat top center ; height: 277px; background-size: cover;}
#art-ban-contact{ background: url(../images/nbanner.jpg) no-repeat top center ; height: 277px; background-size: cover;}
#art-ban-factory{ background: url(../images/nbanner.jpg) no-repeat top center ; height: 277px; background-size: cover;}
#main{ padding: 2.3% 0 2.6%; }
#main .crumbs{ margin:10px 0 30px; color: #7d7f7d;}
#main .crumbs a{color: #7d7f7d;}
#main .crumbs a:hover{ color: #52a1b5; }
#main  h1{ font-size: 24px; color: #464d52; text-transform: capitalize; border-bottom: 1px #dddddd solid; padding-bottom: 15px; margin-bottom: 0; margin-top: 0;}
#main h1.center{ text-align: center; }
#main h1.center::before{ left: 50%; margin-left: -44px;}
#main .content{ text-align: center; padding: 1.6% 0 4.2%; }
#main .plistimg{ display: block;  overflow: hidden;position: relative; }
#main .plistimg::before{ z-index: 2; transform: scale(0); width: 100%; height:100%; left: 0; top: 0; position: absolute; content: "";  background: rgba(0,0,0,.5);transition:all 0.3s ease;opacity:0;}
#main .plistimg::after{z-index: 3;transform: scale(0);content:"\f0c1"; font-family: FontAwesome; color: #fff; font-size: 32px; top: 50%; left: 50%; position: absolute; margin-left: -10px; margin-top: -10px; transition:all 0.3s ease;opacity: 0;}
#main .plist{text-decoration: none; margin-bottom: 30px; display: block;}
#main .plist:hover .plistimg::before,#main a:hover .plistimg::before{ transform: scale(1);opacity: 1; }
#main .plist:hover .plistimg::after,#main a:hover .plistimg::after{transform: scale(1);opacity: 1;}
#main .plistimg img{transition:all 0.3s ease; z-index: 1;}
#main .plist:hover .plistimg img{ transform: scale(1.2); }
#main .plist .flag-text,#main .arclist .flag-text{transition:all 0.3s ease; font-size: 16px; line-height: 20px; color: #fff; background:#5e7ca2; padding: 5% 0; display: block; text-decoration: none; text-align: center; }
#main .plist:hover .flag-text{    }
@media (min-width: 1200px){
  #main .plist{height: 316px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  #main .plist{height: 209px;}
}
@media (min-width:992px) and (max-width: 1199px) {
  #main .plist{height: 265px;}
}
#main .arclist{margin-top: 10px; display: block; text-decoration: none;}
#main .newslist:first-child{ padding-top: 0; }
#main .newslist{ padding-top: 5.5%; line-height: 20px;}
#main .newslist .news-no{ width: 64px; height: 68px; background: #5e7ca2; color: #fff; text-align: center; font-size: 14px; float: left; margin-right: 18px; padding-top: 15px; padding-left: 5px; padding-right: 5px;}
#main .newslist .news-no b{ font-size: 35px; color: #fff; }
#main .newslist a{ color: #626262; font-size: 16px; text-transform: capitalize; }
#main .newslist p{ margin-top: 10px; color: #8f8f8f; }
#main .more{ border: none; text-transform: uppercase; margin-left: auto; margin-right: auto; font-weight: bold; margin-top: 20px; width: 188px; height: 44px; background: #62ab00; color: #fff; line-height: 44px; text-align: center; display: block; font-size:22px; text-decoration: none; }
#main .more:hover{ background: #464d52; }
#main .more i{ padding-left: 15px; }
/*sidebar.htm*/
.sidebar{ margin-top: 20px;   overflow: hidden;}
@media (max-width: 767px){
.sidebar{ margin-top: 40px; }
}
.product-tit{ background:#62ab00; color: #fff; font-size: 28px;  text-align: center; display: block; line-height: 20px; padding: 30px 0 20px; font-weight: bold; text-transform: uppercase; }
a:hover.product-tit{ color: #fff;text-decoration: none; background: #555f61;  }
.sidetit{ font-size: 22px;  font-weight: bold; text-transform:capitalize; color: #3e3e3e; position: relative; display: block; margin-bottom: 40px;}
a:hover.sidetit{ text-decoration: none;  }
.sidetit::after{ width: 100%; height: 1px; background:#62ab00; position: absolute; content: ""; bottom: -12px; left: 0; }
.sidetit::before{ width: 68px; height: 3px; background:#b10204;position: absolute; content: ""; bottom: -13px; left: 0; z-index: 2; }
.panel-group .panel + .panel{ margin-top: 0; }
.panel-group .panel-heading{ border: 1px solid #d6dfe8; margin-top: 9px; padding-top: 12px; padding-bottom: 12px; padding-right: 0; }
.panel-heading a{ display:block; position:relative; padding-left:30px; color: #5e5d5d; width: 100%; height: 100%; outline: none;text-decoration: none; line-height: 18px;}
.panel-heading a:after{ position:absolute;content:"\f146";font-family: FontAwesome;transform:translate(0, 0); line-height:30px; color:#9f9f9f; left:0; top:-5px; font-size:18px;}
.panel-heading a.collapsed:after{content:"\f0fe";}
.panel-group .panel-body{ border: none !important;  }
ul.catelist{ margin: 0 0 0 20px; padding: 0; list-style: none; }
ul.catelist li{ line-height: 18px; padding: 4px 0; }
ul.catelist li a{ color: #5e5d5d;  }
ul.catelist li i{ padding-right: 5px; }
ul.catelist .selected{ color: #f94545; }
.flex-caption {
    bottom: 0;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    padding: 3% 0;
    text-align: center;
}
.flex-caption a{ color: #474747; text-transform: capitalize; }
.panel-group a:hover{ color: #5e7ca2; text-decoration: none; }
.sidebar .listnews{ padding: 12px 0 12px; line-height: 20px;}
.sidebar .listnews .news-no{ padding-left: 10px; padding-right: 10px; width: 42px; height: 47px; background: #5e7ca2; color: #fff; text-align: center; font-size: 12px; float: left; margin-right: 18px; padding-top: 10px; line-height: 16px;}
.sidebar .listnews .news-no b{ font-size: 18px; color: #fff; }
.sidebar .listnews a{ color: #555555;  font-size: 14px;  text-transform: capitalize; }
#main .myform .form-control{  background: #ddd; border: none; border-radius: 0; margin-bottom: 34px; color: #666;}
#main .myform input.form-control{height: 44px;}
#main .myform textarea.form-control{ height: 197px; }
#main .form-control::-moz-placeholder,#main input::-webkit-input-placeholder,input::-webkit-input-placeholder { color: #666; }
#main .gettitle{ margin-top: 50px; }
#main .p-free{ margin-bottom: 30px; }
@media (min-width: 992px){
#main .formdiv{ padding: 0 12.8%; }
}
#main .formdiv .p-free{ text-align: center; }
#main .pjafter::before{ width: 68px; height: 3px; background: #e65b5b;position: absolute; content: ""; bottom: -13px; left: 50%; z-index: 2; margin-left: -34px; }
#main .page{ margin:50px 0 80px; list-style:none; text-align: center; }
#main .page  a{  color:#5e7ca2; text-decoration:none;border: 1px solid #5e7ca2; width: 100%;padding:6px 12px;margin-right:5px;}
#main .page  a:hover,#main .page .crrent{background:#5e7ca2;color: #fff;}
.contact-tit{ text-transform: uppercase; }
.complete{ font-size: 16px; font-weight: bold; color: #504e4d; margin-bottom: 30px; margin-top: 30px;}
address p{ padding-left: 35px; position: relative; margin-bottom: 15px;  color: #3f3f3f; }
address b{color: #4b4948; text-transform: uppercase;}
address p.tel::after,address p.add::after,address p.email::after,address p.fax::after,address p.pc::after{font-family: FontAwesome; position: absolute; left: 0; top: 0; font-size: 16px; color: #4b4948;}
address p.add::after{content:"\f041";}
address p.tel::after{content:"\f095";}
address p.email::after{content:"\f0e0";}
address p.fax::after{content:"\f02f";}
address p.pc::after{content:"\f02c";}
address p.email a{ color: #28a7e6; }
.title-404{ font-size:146px; color: #494949; text-align: center;  font-weight: bold; margin-top: 5.5%; margin-bottom: 3.2%; line-height: 120px;}
.center-404{ border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;  padding: 4.5% 0; text-align: center; color: #7b7b7b; font-size: 16px; }
.center-404 .sorry{ font-size: 18px; font-weight: bold; color: #4a4a4a; margin-bottom: 15px; }
.choose{ color: #5e7ca2; font-weight:bold; text-align: center; font-size: 16px; margin-top: 30px; margin-bottom: 30px;}
.bgblue{ background: #5e7ca2; color: #fff; display: block; padding: 12px ; text-align: center;  margin-bottom: 30px; }
.bgblue i{ padding-right: 5px; }
a:hover.bgblue{ background: #525252; color: #fff;text-decoration: none; margin-bottom: 30px; }
.gohome{ border: 1px solid #5e7ca2; display: block; text-align: center; color: #5e7ca2;  text-transform: uppercase;padding: 11px ; }
.gohome:hover{ background:#5e7ca2; color: #fff; text-decoration: none;  }
.pro-404{ width: 80%; margin: 0 auto; }
.service{ color: #4e4e4e; }
.customer { padding-top: 5%;padding-bottom: 5%; }
.customer .icon{ width: 70px; height: 70px; border-radius: 35px; background: #5e7ca2; text-align: center;  text-align: center;font-size: 32px; color: #fff;line-height: 70px;margin: 0 auto;}
.customer .title{ color: #4e4e4e; font-size: 18px; text-align: center; padding: 20px 0; }
.customer p{ color: #7c7c7c; }
.customer a.mailbtn{ background:#62ab00; text-align: center; color: #fff; width: 207px; height: 33px; line-height: 33px; margin: 0 auto; display: block; border-radius: 3px; margin-top: 30px;  }
.customer a:hover.mailbtn{ background: #5e7ca2; text-decoration: none; }
.customer a.mailbtn i{ padding-right: 7px; }
@media (max-width: 767px){
  .customer{ padding: 0; }
.customer .col-sm-6{ padding-top: 5%;padding-bottom: 5%;}
  }
#main .myrow{ margin-left: -5px; margin-right: -5px; }
#main .myrow .col-md-4,#main  .myrow .col-sm-4,#main  .myrow .col-sm-6,#main  .myrow .col-md-6{ padding-left: 5px; padding-right: 5px; margin-top:5px; margin-bottom: 5px; }
#main .bluebg{ background: #5e7ca2; color: #fff;}
#main table th{ background:  #5e7ca2; color: #fff; text-align: center;}
#main table,#main table td{ border-color: #ccc; }
#main .mb55{ margin-bottom: 55px; }
@media (max-width: 767px){
  #main .mb55{ margin-bottom: 25px; }
}
#main .listshow{ padding: 20px 0 20px; border-bottom: 1px solid #eceaea; font-size: 13px; }
#main .listshow .title{ font-weight: bold; color: #4b4948; line-height: 18px; display: block; margin-bottom: 4px; text-transform: capitalize;  }
#main .listshow .time{ color: #908d8d; font-size: 12px; }
#main .listshow p{ line-height: 20px; margin-top: 8px; color: #908d8d; margin-bottom: 0; }
#main .listshow .litpic{ display: block; position: relative; overflow: hidden;  }
#main .listshow .litpic::before{ z-index: 2; transform: scale(0); width: 100%; height:100%; left: 0; top: 0; position: absolute; content: "";  background: rgba(0,0,0,.5);transition:all 0.3s ease;opacity:0;}
#main .listshow .litpic::after{z-index: 3;transform: scale(0);content:"\f0c1";font-family: FontAwesome; color: #fff; font-size: 28px; top: 50%; left: 50%; position: absolute; margin-left: -10px; margin-top: -10px; transition:all 0.3s ease;opacity: 0;}
#main .listshow a:hover.litpic::before{ transform: scale(1);opacity: 1; }
#main .listshow a:hover.litpic::after{transform: scale(1);opacity: 1;}
#main .listshow .litpic img{transition:all 0.3s ease;}
#main .listshow a:hover.litpic img{ transform: scale(1.2); }
@media (max-width:767px){
#main .listshow{  text-align: center;}
#main .listshow .title{ margin-top: 10px; }
}
#main .mtop50{margin-top: 50px;}
ticomachine qyC560lOCNPQ