/******* Bootstrap Theming ********/

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #FF6600;
  --secondary: #EDF1FF;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #FFFFFF;
  --dark: #1C1C1C;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Poppins", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {

  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {width:100%; height:100%;
  margin: 0;   font-family: sans-serif;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

a {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #fd7e14; text-decoration: none;
}
/* 头部 */
.top{width:100%; height:40px;line-height:40px; border-bottom:3px solid #FF6600; background: #EEEEEE;}
.top2{width: 100%; height:100px; line-height: 100px; box-shadow: #DDD 0px 0px 10px 0px;}

.btn{background: #009966; color:#FFF; text-decoration: none; padding:10px 20px;}
#active{color:#009966;}

.top1200{width:1200px; height:100%; margin: 0 auto;}
.left20{width: 20%;float: left;}
.left30{width:30%; float: left;}
.left50{width:50%;float: left;}
.left80{width:80%;float: left;}
.right20{width:20%;float: right;}
.right30{width:30%; float: right;}
.right50{width:50%;float:right;}
.right70{width:70%; float: right;}
.right80{width: 80%;float:right; overflow: hidden;}

.right20 ul{float: left; margin:0px 5px;}

.form-control{border:#009966 solid 2px; width:250px; height:35px; padding:0px 5px;}
.input-text{background: #009966; border:none; width: 80px; height:35px; color:#FFF; cursor: pointer;}
.banner{width:100%; height:100%; margin: 0 auto; clear:both; }
.banner1200{width:1200px; height:500xp; margin:0 auto;}
.banner1200 .right30{}
.banner1200 .right30{}
.banner1200 .color-block{color:#333333;}


.daohang{width: 100%; height:100%; }
.daohang1200{width:1200px; height:60px; line-height:60px; margin: 10px auto; }
.banner1200 .left20{padding:0; width: 18%; background: #EEEEEE;}
.banner1200 .left50{overflow: hidden; padding:0px 10px;}
.banner1200 .left50 img{width: 100%; height:360px;}
.nav-link{margin: 0px 10px;}

.topfenlei{width: 100%; height:60px; line-height: 60px; text-align: center; background: #FF6600; color:#FFF;}
.nav-item{width: 100%; padding:0px 10px; height:60px; line-height: 40px; }
.dropdown-item:hover .dropdown{display: block;}

/* 置顶 */
.zhiding{width:100%; height:100%; margin: 10px auto;}
.zhiding1200{width: 1200px; height:100%; margin: 0px auto; padding:50px 0px;}
.ding{width: 100%; height:100%; }
.ding1200{width:1200px; height:100%; margin:0px auto; padding:50px 0px;}
.left-80{float: left;width:78%;}
.right-20{float:right; width:20%;}
.zdimg{width: 20%; float: left;height:130px;overflow: hidden; padding:10px;}
.zdimg img{width:200px;}
.zdtitle{width:80%;float:right; height:160px; padding:10px;}
.zdtitle p{color:#333333;line-height: 30px;}
/*  */
.neirong{line-height: 30px;font-size:10px; color:#333333;}
.neirong a{color:#333333;}
/*  */
.section{width: 100%; height:100%;margin:0 auto;}
.container{width:1200px; margin: 0 auto;}
.col-md-12{width:1200px;}
.col-md-6{width: 48%; float: left;}


.fenlei p{width:100%; line-height: 30px;list-style: none; border-bottom: 1px solid #DDD;}

/* list */
.list{width: 100%; height:100%; margin: 0 auto;}
.list1200{width:1200px; height:100%; margin: 0 auto;}
.suaixuan{border:1px solid #DDD; padding:20px;}
.suaixuan a{margin: 10px;line-height: 30px; color:#333333;}
.suaixuan .curr{color:#009966;}


/* info */
.zoombox{float: left; width:30%; overflow: hidden;}
.zoombox-right{float: right; width:70%;}
.text-primary{line-height: 50px;}
.text-primary span{font-size: 10px; color:#333333; margin: 10px;}
.dingding a{float: right; border:1px solid #DDD; padding:2px 10px;}
.tag-inner li{width: 35%; float: left; list-style: none; line-height: 30px;}
.contacter{background:#EEEEEE; padding:20px;}
.contacter span{font-size: 10px; margin: 10px; line-height: 40px;}
.ps3{width: 150px;}

.imginfo{width: 540px; height:400px;float: left; margin:10px;}

/* goods -index */
.price{color:red; font-size: 18px; font-weight:bold;}
.goods2{width: 100%; height:100%; margin: 0 auto;}
.good1200{width:1200px; height:100%; margin: 20px auto; padding:20px; border:1px solid #DDD;}
.hd2 li{list-style:none; float:left; margin:10px;}
.cfix li{list-style:none; float: left; width:22%; margin:10px;}
.cfiximg img:hover{transform:scale(1.03,1.03);}
.cfixtitle{padding:10px 0px;}
.paihang{width:100%; height:100%; border:1px solid #DDD; padding:20px;}
.goods-img2{width: 100%; height:200px; margin: 10px auto;}
.goods-title{background: rgba(0,0,0,0.1);width:100%;height:100%; padding:20px 10px; float: inline-end;}
.goods-title:hover{background:rgba(0,0,0,0.5);}
.goods-title a{color:#FFF;}