.header {
		background-color:#1E90FF;
		height:50px;
		display:flex;
		align-items:center;
	
	}
	.header a{
		text-decoration: none;
		color:white;
		text-align: center;
	}
	
	
	.bar ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: white;
	}
	.bar li {
		float: left;
	}

	.bar {
		display: flex;
		justify-content: center;
		margin-top:30px;
	}
	
.bar li a {
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px 20px 90px;
    text-decoration: none;
	font-size: 25px;
	margin-top:12px;
	
}



.bar li a:hover {
	background-color:#ddd;
    color: white;
}

.footer {
	height:200px;
	padding: 20px;
  text-align: center;
  background: #ddd;
  margin-top: 20px;
  justify-content: center;
  display: flex;
  margin-top:40%;
	
}

.footer li {
	float: left;
}

.footer li a {
	display: flex;
    color: black;
    text-align: center;
    padding: 4px 10px;
    text-decoration: none;
	font-size: 15px;
	margin-top:30px;
	margin-left:30px;
	margin-right:50px;

}

	.footer ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	.address h5 {
		margin-right:30px;
		display:flex;
	}



 
        /* 定义一个图片轮播区域 */
 
        ul.slides{
 
            position: relative;
			
			/* 图片的参数 */
            width: 100%;
 
            height: 600px;
 
            list-style: none;
 
            margin: 0;
 
            padding: 0;
 
            background-color: #eee;
 
            overflow: hidden;
 
        }
		*{
			margin:0;
			padding:0;
		}
 
    /* 设置每个图片的从左往右弹性盒子排版以及水平垂直居中 */
 
        li.slide{
 
            margin: 0;
 
            padding: 0;
 
            width: inherit;
 
            height: inherit;
 
            position: absolute;
 
            top: 0;
 
            left: 0;
 
            display: flex;
 
            justify-content: center;
 
            align-items: center;
 
            /* font-family: Helvetica;
            font-size: 120px;
            color: #fff; */
 
            transition: .5s transform ease-in-out;
 
        }
 
        /* 为3个li添加背景图 */
 
        .slide:nth-of-type(1){
 
            background:url(../img/1.JPG) no-repeat;
 
            background-size: cover;
 
            background-position: top;
 
        }
 
        .slide:nth-of-type(2){
 
            background:url(../img/2.JPG) no-repeat;
 
            background-size: cover;
 
            background-position: top;
 
            left: 100%;
 
        }
 
        .slide:nth-of-type(3){
 
            background:url(../img/3.JPG) no-repeat;
 
            background-size: cover;
 
            background-position: top;
 
            left: 200%;
 
        }
 
        
 
        /* 设置按钮作为相对定位和覆盖图片区域 */
 
        input[type="radio"]{
 
            position: relative;
 
            z-index: 100;
 
            display: none;
 
        }
 
        /* 设置与label相关联的按钮的位置 */
 
        .controls-visible{
 
            position: absolute;
 
            width: 100%;
 
            bottom: 12px;
 
            text-align: center;
 
        }
 
        /* 设置这一组3个label的排列方式并且设置它们的初始样式为白色带有白色边框(以便于选中的变化效果明显) */
 
        .controls-visible  label{
 
            display: inline-block;
 
            width: 10px;
 
            height: 10px;
 
            border-radius: 50%;
 
            background-color: #fff;
 
            margin: 0 5px;
 
            border: 2px solid #fff;
 
        }
 
        /* 当点击label同时按钮被选中时，与之联动定位的label样式发生改变 */
 
        .slides input[type="radio"]:nth-of-type(1):checked~
 
        .controls-visible label:nth-of-type(1)
 
        {
 
            background-color: #333;
 
        }
 
        .slides input[type="radio"]:nth-of-type(2):checked~
 
        .controls-visible label:nth-of-type(2)
 
        {
 
            background-color: #333;
 
        }
 
        .slides input[type="radio"]:nth-of-type(3):checked~
 
        .controls-visible label:nth-of-type(3)
 
        {
 
            background-color:#333;
 
        }
 
        
      
 
        /* 当按钮radio被选中时，后面的兄弟元素向左移动一个图片区域距离 */
 
        .slides input[type="radio"]:nth-of-type(1):checked~.slide{
 
            transform: translateX(0%);
 
        }
 
        .slides input[type="radio"]:nth-of-type(2):checked~.slide{
 
            transform: translateX(-100%);
 
        }
 
        .slides input[type="radio"]:nth-of-type(3):checked~.slide{
 
            transform: translateX(-200%);
 
        }
		.title {
			margin-top: 30px;
			text-align:center;
		}
		
		
		
		

/*产品展示廊 */
div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
	margin-top:30px;
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}


.banner img {
	width:100%;
	margin-top:50px;
	margin-bottom:30px;
	
}

.banner h1 {
	font-size: 50px;
	color: white;
	position:absolute;
	top:35%;
	left:40%;

	
}

.contact-name img {
	margin-top:50px;
	margin-left:18%;
	margin-bottom:10%
}

.contact-name h2{
	font-size: 50px;
	color: white;
	position:absolute;
	top:85%;
	left:30%;
	
}


/*contact us 页面信息*/

div.img1 img {
	margin-left:40%;
    width: 20%;
    height: auto;
}

.desc1 a{
	text-decoration:none;
}

div.desc1 {
    padding: 15px;
    text-align: center;
	text-decoration:none;
	color: grey;
}

.responsive1 {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

.p_title h2 {
	text-align:center;
	margin-top:50px;
	
}

.p_title h2 a{
		text-decoration:none;
		color:black;
}

.p_title2 h2{
	text-align: center;
	font-size:20px;
	color: white;
	background-color:grey;
}

.intro ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.intro li {
		float: left;
		margin-left:10px;

	}

	.intro {
		display: flex;
		justify-content: center;
		margin-top:30px;
	}

.intro li a {
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px 20px 90px;
    text-decoration: none;
	font-size: 25px;
	margin-top:65px;
	white-space:pre;
	font-weight:bold;
}

.link p {
	text-align:center;
	font-size:20px;
	margin-bottom:50px;
	margin-top:10px;
}

.link p a {
	text-decoration:none;
	color:black;
	font-size:10px;
	
}

.link p a:hover {
	color: grey;
}

.banner1 img {
	width:100%;
	margin-top:50px;
	margin-bottom:30px;
	
}

.banner1 h1 {
	text-align:center;
	color: white;
	position:absolute;
	top:35%;
	left:35%;
}
.box{
            width: 300px;
            height: 100px;
            border-top: 50px solid transparent;
            border-left: 0px solid transparent;
            border-right: 50px solid transparent;
            border-bottom: 40px solid #00BFFF;
			margin-left:22%;
			justify-content: center;
			float:left;
			margin-bottom:20px;
		
        }

.back {
	text-align:center;
	font-size:20px;
	margin-top:15px;
}


.content {
	margin-top:10px;
	margin-left:23%;
	margin-right:10%;
	float:left;
	line-height:270%;
	
}

table {
	margin-left:23%;
	width:60%;
	height:40px;
    border-collapse: collapse;
}

table, td, th {
	text-align:center;
    border: 1px solid black;
}

.table {
	margin-top:800px;
	text-align:center;
}

.introduction {
	height:600px;
	width:100%;
	background-color:#D3D3D3;
}

.words {
	margin-top:6%;
	margin-left:10%;
	width:40%;
	float:left;
	margin-right:10%;
}

.intro_title {
		font-weight:bold;
		font-size:30px;
		margin-bottom:50px;
		padding-bottom:20px;
		box-shadow:0px 15px 10px -15px grey;
}

.intro_img {
	float:right;
	position:absolute;
}


div.img2 {
    margin: 5px;
    float: left;
    width: 350px;
}

div.img2 img {
    width: 100%;
    height: auto;
}

.intro-pic {
	margin-left:12%;
	margin-top:10%;
	margin-bottom:10%;
}

.stru {
	margin-top:60%;
	height:500px;
	width:100%;
	background-color:#D3D3D3;
	
}

.words2 {
	margin-top:6%;
	margin-left:10%;
	width:60%;
	float:left;
	
}

.main2 {
	font-size:10px;
}


.questions {
	margin-bottom:1000px;
}

.answers {
	margin-top:6%;
	margin-left:10%;
	width:90%;
	float:left;
	margin-right:10%;
	line-height:3;
}

.question_title {
		font-weight:bold;
		font-size:20px;
		margin-bottom:50px;
		padding-bottom:20px;
		box-shadow:0px 15px 10px -15px grey;
}

.tableimg {
	width:1000px;
}