@import 'reset.css';

@import 'index.css';


#product-Ad {
 	height: 450px;
  width: 1200px;
  margin: 0 auto;
  
 }
 #product-Ad1 {
  height: 450px;
  width: 1200px;
  margin: 50px auto 0px auto;
  
 }
 #product-Ad .product-jpg{
 	height: 100%;
 	width: 100%;
 }
 #product-zs{
 	height:60px;
 	border-bottom:2px solid #dadada;    /*(下划线)*/
 	}
 #product-zs h1{
 	text-align: center;
 	margin: 20px;
  font-size: 25px;
  color: orange;
}

#Aboutus{
  height: auto;
  width: auto;
  margin: 50px 0 100px 0;
}
#Aboutus img{
  border-radius: 20px;
  width: 400px;
  height: 400px;
  transition: all 2s;
}
#Aboutus img:hover{
transform: scale(1.05);
}
#Aboutus h2{
  line-height: 5px;
  margin: 0 0;
}
#Aboutus a{
    margin-right:20px;
}
#Aboutus p{
  margin-right:10px;
  font-size: 14px;
  text-indent: 2em;
  margin-top: 25px;
}

#product-box{
	height: auto;
	width: 1200px;
	margin: 70px auto;
  margin-bottom: 150px;

	/*overflow: hidden;*/ /*清除浮动*/
}
#product-box .product-box1 .fl{
	width: 280px;
	height: auto;
	float: left;
 }
 #product-box .product-box1 li{
 	width: 200px;
 	height:50px;
 	text-align:center;
 	line-height:50px;
 	background: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
 	border: 1px solid orange;
 }
 #product-box .product-box1 span{
   color: orange;  
 }
#product-box .product-box1 a{
 	font-size:18px;
 	margin: 0 20px;
 }
 #product-box .product-box1 a:hover{
 	color: #f40;
 }
 #product-box .product-box2{
	height: auto;
 	width: 900px;
  float: right;
 	/*border: 1px solid #F00;*/
 }
 #product-box .product-box2 li{
 	float: left;
 	
  margin: 0 13px 50px 0;
  

 	width: 210px;
 	height:190px;
 	text-align:left;
 	background: #f8f8ff;
 	/*border: 1px solid red;*/
 }
 #product-box .product-box2 li:hover{
 	color: #f40;
 	transform: scale(1.05)
 }
 #product-box .product-box2 img{
 	width: 210px;
 	height:180px;
 	text-align:left;
 	/*border: 1px solid red;*/
 }
 #product-box .product-box2 h3{
 	margin: 2px 10px;
 }
 #product-box .product-box2 h3:hover{
 	color: #f40;
 }
 #product-box .product-box2 p{
 	font-size: 12px;
 	margin: 2px 10px;
 }
 #product-box .product-box2 p:hover{
 	color: #f40;
 }
 #product-box .product-box3{
  width: 900px;
  height: auto;
  float: right;
 }
 #product-box .product-box3 h2{
  margin: 8px;
  color: orange;
 }
 #product-box .product-box3 span{
  margin: 8px;
  color: orange;
 }
 #product-box .product-box3 img{
  margin:center;
 }
 #product-box .product-box4{
  margin: 0 0 0 10px;
  width: 800px;
  height: auto;
  float: right;
 }
 #product-box .product-box4 h2{
  margin: 8px;
  color: orange;
 }
 #product-box .product-box4 span{
  font-size: 12px;
  margin: 8px;
  color: orange;
 }
#product-box .product-box5{
  width: 900px;
  height: auto;
  float: right;
 }
#product-box .product-box5 li{
  margin:10px;
}

#product-box .product-box5 a{
  margin-left: 10px;
  }
#footer {
  margin-top:-50px;
}
#footer li{
  margin-top: 20px;
}

#cp1{
  width: 1200px;
  height: 50px;
  margin: -100px auto 50px auto;  
  border: 1px solid #d3d3d3;
}
#cp1 span{
  line-height: 50px;  /* (文字在div中垂直居中，给div添加Css属性line-height:50px; 这个值为div的高度)*/
}
#cp1 span a:hover{
  color: #f40;
}
#cp2{
  width: 1200px;
  height: 600px;
  margin: 0 auto;  
  border-bottom:2px solid #008fff;
  /*border: 1px solid orange;*/
}

#cp2 .cp2-1 img{
  width: 500px;
  height: 500px;
  margin: auto 0px auto 60px;  
  /*border: 1px solid orange;*/
}
#cp2 .cp2-1 img:hover{
transform: scale(1.25)
}
#cp2-2{
  width: 300px;
  height: 300px;
  margin: -500px 50px 0 0;
  /*border: 1px solid orange;*/
}
#cp2-2 a{
  color: #0000cd;   /*#87cefa*/
}
#cp2-2 a:hover{
  color: #f40;
}
#cp2-2 img:hover{
  transform: scale(1.2)
}
#cp3{
  width: 1200px;
  height: auto;
  margin: 0 auto 50px auto;  
  /*border-bottom:2px solid #008fff;*/
  /*border: 1px solid orange;*/
}
#cp3 .fl{
  width: 228px;
  height: 50px;
  /*text-align: center;*/
  line-height: 50px;
  /*border: 1px solid #d3d3d3;*/
  border-bottom:2px solid #d3d3d3;
  border-left:2px solid #d3d3d3;
}
#cp3-1{
  margin: 0px 145px 0 0;
  border-left:2px solid #d3d3d3;
}

#cp4{
  width: 1200px;
  height: 550px;
  margin: 0 auto 50px auto;  
  /*border-bottom:2px solid #008fff;*/
  /*border: 1px solid orange;*/
}
#cp4 .fl{
  width: 356px;
  height: 50px;
  /*text-align: center;*/
  line-height: 50px;
  /*border: 1px solid #d3d3d3;*/
  border-bottom:2px solid #d3d3d3;
  border-left:2px solid #d3d3d3;
}
#cp4-1{
  margin: 0px 145px 0 0;
  border-left:2px solid #d3d3d3;
}

.banner-10{
            width: 900px;
            height: 550px;
            background-color: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
            margin-top: 150px;
            margin-left: 20px;
            margin: 0px 0px;
            overflow: hidden;
            position: relative;
        }
.dot-10{
            position: absolute;
            margin-left: 390px;
            width: 100px;
            height: 30px;
            bottom: 10px;            
            /*left: 50%; */           
            background-color: rgba(0,0,0,0.3);
            border-radius: 15px;
        }
.dot-10 ul li{ 
            list-style: none;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            background-color: #dadada;
            float:right;
            text-align: center;
            margin: 7.5px 5px;
            line-height: 15px;
        }
.dot-10 ul li:hover{
            background-color: #f40;
        }