@charset "utf-8";
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend, caption, 
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video{
   margin: 0;
   padding: 0;
   font-size: 12px;
   font: inherit;
   font-weight: normal;
   vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section{
   display: block;
 }
 ol, ul, li{
   list-style: none;
 }
 blockquote, q{
   quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after{
   content: '';
   content: none;
 }
 table{
   border-collapse: collapse;
   border-spacing: 0;
 }
  
 /* custom */
 a{
  color: #333333;
   text-decoration: none;
   -webkit-backface-visibility: hidden;
   text-decoration: none;
 }
 a:hover{
  text-decoration: none;
  color: unset;
 }
 ::-webkit-scrollbar{
   width: 5px;
   height: 5px;
 }
 ::-webkit-scrollbar-track-piece{
   background-color: rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:vertical{
   height: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:horizontal{
   width: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   -webkit-border-radius: 6px;
 }
 html, body{
   width: 100%;
   font-family: "aria","思源黑体", "Microsoft YaHei", "黑体",  sans-serif;
 }
 body{
   line-height: 1;
   -webkit-text-size-adjust: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   color: #333333;
 }
 html{
   overflow-y: scroll;
 }
  
 /*清除浮动*/
 .clearfix:before,
 .clearfix:after{
   content: " ";
   display: inline-block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 .clearfix{
   *zoom: 1;
 }
img{
    display: block;
    max-width: 100%;
  }
 /*隐藏*/
 .dn{
   display: none;
 }
 *{
   color: #333333;
   box-sizing: border-box;
 }

.btn-primary{border:none;}

.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}


@media screen and (min-width:1500px){
	.container{ width:1500px!important;}
}

/*header part, navigation*/
.mknav{ width:100%; margin:0 auto; height:60px; background:transparent; line-height:60px; border:none; position:fixed; top:0; left:0;}
.mknav a{ color:#fff!important;}
.mknav a.navbar-brand {height:60px; position:relative; top:0px; left:0px;}


#navbar>ul{height:60px; margin-left:240px;}
#navbar>ul>li{height:100%; line-height:60px; padding-left:10px; padding-right:10px;}
#navbar li>a{background:none; display:inline; font-size:16px;}
#navbar>ul>li:hover{background:#ff6900;}
#navbar li .caret{ border-top-color: #fff;}
.mknav .quote{display:block;overflow:hidden;}
.mknav .quote i{display:block; float:left; background:url(../images/searchbtn.png) no-repeat; width:17px; height:17px; margin-right:40px; position:relative; top:22px;}
.mknav .quote a{ display:block; float:right; height:60px; line-height:60px; background:#ff6900; padding:0 10px; position:relative;  text-align:center;color:#fff; font-size:18px; font-weight:bold;}
.mknav .quote a:hover{background:#ff6900;}
.searchbg{width:100%; background:#ffffff; display:none;}
.searchbg input.keyword{width:90%; height:40px; border:1px solid #ced4da; margin-left:1%; padding-left:10px;}
.searchbg input.topsearchbtn{ border:none;width:8%; height:40px; border:1px solid #ced4da; box-sizing:border-box; border-radius:5px; background:url(../images/searchbtn2.png) no-repeat center; position:relative; top:13px; right:-5px;}
.searchbg input.topsearchru{ border:none;width:8%; height:40px; border:1px solid #ced4da; box-sizing:border-box; border-radius:5px; background:url(../images/searchbtn2.png) no-repeat center; position:relative; top:13px; right:-5px;}
.searchi{ display:none;}

#navbar .dropdown-menu{ background:#f6f6f6;}
#navbar .dropdown-menu li{line-height:46px; border-bottom:1px solid #e4e6e8;}
#navbar .dropdown-menu li:hover{background:#ffffff;}
#navbar .dropdown-menu li a{color:#333333!important;}
#navbar .dropdown-menu li:hover a{color:#ff6900!important;}
.bluebg{background:#343434!important;}
.mknav img{ width:100%;}

.ctabtnbox{margin:25px auto; width:240px;  }
/*a.calltoactionbtn{background:#474a4c; transition: 0.4s; width:90%; position:relative; left:5%;}
a.calltoactionbtn:hover{ width:100%; left:0;background:#ff6900;}*/

a.calltoactionbtn{width:100%;height:36px;display:block;background-color: rgba(0, 0, 0, 0.8);/*灰黑色background-color: rgba(51, 51, 51, 0.8);*//* 橙红色 background-color: rgba(244, 65, 7, 0.8);*/ border: none;border-radius: 4px;padding: 0 14px; text-align:center; line-height:36px;color: #fff;	cursor: pointer;position: relative;overflow: hidden;transition: 0.4s;}
a.calltoactionbtn:hover { background-color: rgba(244, 65, 7, 0.7);}
a.calltoactionbtn::before,a.mybtn::after {content: "";display: block;width: 80px;height: 100%;background: rgba(179, 255, 210, 0.5);opacity: 0.5;position: absolute;top: 0;left: 0;transform: skewX(-15deg);filter: blur(10px);overflow: hidden;transform: translateX(-100px);}
a.calltoactionbtn::after {width: 40px;background: rgba(179, 255, 210, 0.3);left: 60px;opacity: 0.5;filter: blur(5px);}
a.calltoactionbtn:hover::before {transition: 2s;transform: translateX(800px);opacity: 0.7;}
a.calltoactionbtn:hover::after {transition: 2s;transform: translateX(800px);opacity: 1; border:2px solid #000;}


.banner{position:relative; z-index:1;}
.banner img{width:100%;}
.bansubject{position:absolute; z-index:90; left:20%; top:45%; color:white; font-size:18px; font-weight:600;}
.bansubject strong{animation:bansubjecttxt 4s linear infinite; color:white; }
@keyframes bansubjecttxt{
	0% { font-size:18px;}
	50% { font-size:24px;}
	100% { font-size:18px;}
}


/*首页热卖产品*/
.hotsale{padding-top:0px; padding-bottom:0px;}
.hotsale ul{clear:both;}
.hotsale ul li{float:left; width:25%; padding:8px 5px; box-sizing:border-box;}
.hotsale ul li img{border:1px solid #f2f2f2;margin:0px auto; transition:all 1s;}
.hotsale ul li img:hover{transform:scale(1.1,1.1);}
.hotsale ul li p{ overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center; line-height:50px;}
.hotsale a.more {
    display: block; margin:20px auto;
    width: 200px;
    height: 43px;
    /*background: #ff6900;*/
    line-height: 43px;
    font-size: 13px;
    color: #fff;
    text-align: center;
	border-radius:5px;
}
/*.hotsale a.more:hover{background:#ff6900;}*/






/*footer*/
footer {
  padding: 50px 0 0;
  background:#222222;
  box-shadow: 1px 1px 4px 1px #222222; 
}
footer .container{max-width:1170px; }
footer .container .col-sm-3{padding-left:30px;}
.footer_title {
  font-size: 20px;
  margin-bottom: 20px; color:white;
}

footer a {
  display: block;
  text-align: left;
  margin-bottom: 14px;
  font-size: 14px;color:#fff;
}
footer a:hover{color:#fdfca7;}

footer .contact input, textarea{none; padding:5px;margin-bottom:5px;background:rgba(234,235,239,0.7); border:none; }
footer .contact input{width:100%; margin-bottom:10px; height:30px;}
footer .contact textarea{width:100%; min-height:80px;line-height:18px; }
footer .contact input[type=submit]{background:#474a4c; border:none; transition:0.4s}
footer .contact input[type=submit]:hover{background:#ff6900; }

footer .contact p{
color:#fff; line-height:26px; text-align:left; font-size:13px;
}




.copyright {
margin-top: 50px;
  background: #3a3a3a;

  height: 50px;

  line-height: 50px;
}
.copyright p{
  font-size: 12px;
  color: #fff;
}
.copyright p span{color:#888; float:right; margin-right:5px;}
.copyright p span a{color:#888; display:inline;}


/*turn page*/
#turn_page{text-align:center; height:26px; line-height:26px;}
#turn_page .page_button{background:#fff; border:1px solid #ccc; margin:0 3px; padding:2px 5px; *padding:4px 5px 1px 5px;}
#turn_page .en .page_button{background:#fff; border:1px solid #ccc; margin:0 3px; padding:2px 5px;}
#turn_page .page_item{background:#fff; border:1px solid #ccc; padding:2px 5px; margin:0 3px;}
#turn_page .page_item_current{background:#f0f0f0; border:1px solid #ccc; padding:2px 5px; margin:0 3px; color:red;}


/*右侧漂浮联系方式*/
#wmkc{position: fixed;right: 10px;bottom:0;transform: translateY(-2%);font-family: Arial,Helvetica,sans-serif;padding-bottom: 10px;z-index: 99999;	}
#wmkc * {box-sizing: border-box;}
.wmkc-list { padding: 0;border-radius: 4px; margin: 0;}
.wmkc-list>li:first-child {border-radius: 4px 4px 0 0;}
.wmkc-list>li {  width: 100%;  list-style: none;  text-align: center;  padding: 1px;transition: all .2s ease-in-out;}
/*弹框提示加微信*/
#mask{width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; z-index:99; left:0;top:0; display:none;}
#tankuang{width:90%; max-width:400px; height:auto; min-height:450px; background:#fff;padding-left:20px; padding-right:20px; border-radius:5px; position:absolute; z-index:9999;display:none; color:#2d2c2c;}
#tankuang h2{font-size:20px; line-height:70px; text-align:center;}
#tankuang input{width:100%; margin-bottom:10px; height:40px; border:#ced4da 1px solid;padding:5px; font-size:14px;}
#tankuang textarea{width:100%; min-height:150px;margin-bottom:5px;border:#ced4da 1px solid; line-height:18px; padding:5px;font-size:14px;}
#tankuang i{position:absolute; display:block; width:22px; height:22px;cursor:pointer; right:10px; top:10px; background:url(../images/xx.png) no-repeat;}
#tankuang .btn-primary{background:#474a4c;}
#tankuang .btn-primary:hover{background:#343434;}
.mustfill {
    font-size: 12px;
    color: #ff6900;
}



@media (min-width: 1200px) {
  .container {
      width: 1250px;
  }
}
/*small device css start*/
@media screen and (min-width:769px) and (max-width:1499px){
#navbar>ul{margin-left:50px;}
#navbar>ul>li{ padding-left:0px; padding-right:0px;}
}

@media screen and (min-width:769px) and (max-width:992px){
.navbar-header{display:none;}
#navbar>ul{margin-left:0px; width:100%;}
.quote{display:none;}
}

/*small device css end*/






@media(max-width:768px){
/*mobile public css end*/
body{padding-top:60px;}
.mknav{ width:100%; margin:0 auto; height:60px; background:#343434; line-height:60px;}
.mknav a{ color:#fff!important;}
.mknav a.navbar-brand {height:60px; position:relative; top:6px; left:0px;}
.mknav a.navbar-brand img{ width:119px;height:21px;}
#navbar{ background:#f6f6f6;}
#navbar>ul{height:auto; margin-left:0; background:#f6f6f6;}
#navbar>ul>li{height:100%; line-height:40px; padding-left:0px; }
#navbar li>a{background:none; display:inline;color:#333333!important;}
#navbar>ul>li:hover{background:none;}

#navbar .dropdown-menu{}
#navbar .dropdown-menu li{line-height:46px; border-bottom:1px solid #e4e6e8;}
#navbar .dropdown-menu li a{color:#333333!important;}
.mknav .navbar-toggle{margin-top:12px;}
.navbar-default .navbar-toggle{ border-color:#ff6900;}
.mknav .quote{display:none;}
.searchi{display:block;  background:url(../images/searchbtn.png) no-repeat; width:17px; height:17px;  position:absolute; top:20px; right:80px; cursor:pointer;}

.banner{
	margin-top: 50px;
}
.bansubject{left:10%; }

a.calltoactionbtn{width:100%;}


footer .container{margin-bottom:60px; padding-bottom:30px;}
footer .container .col-sm-3{padding-left:20px; box-sizing:border-box;}
.footer_title {
	font-size: 18px;
	margin-bottom: 20px;
	text-align: left;
}
.series .col-sm-4{margin:60px auto;}
.series .col-sm-4:first-child{ margin-top:0px;}
footer a {display: block;text-align: left;margin-bottom: 14px;font-size: 14px;}
footer .contact {border-left: unset;height: 100%;padding-left: unset;height: 150px;margin-left: unset;}
.copyright {margin-top: 0px; background: #333333;height: 60px;line-height: 60px;}

}