/*.........................全局样式..................*/
html,body{
	background-color: #B1E11C;
	font-size: 10px;
}

a{color: #000000;}
a:hover{color: #FFBB01; text-decoration: none;}

*{margin: 0; padding: 0; list-style:none;}
h1{font-size: 2.5rem; color: #0000CD; margin: 0.063em auto;}
h3{font-size: 2.5rem; color: #DF143C; margin: 0.063em auto;}
h5{font-size: 2.5rem; color: #9932CC; margin: 0.063em auto;}

.yfContent{
	height:1px;
	overflow:auto;
	width:1px;
	}

/*.......................header头部样式.............................*/



#LOGO {padding:0.438em 1.688em; }
#car {
	height:113px;
	overflow:hidden;
	margin:auto;
	position:relative;
	overflow: hidden;
}

.carousel {
	animation:anis 25s linear infinite;
	overflow: hidden;
	width: 100%;
	height: 14%;
	margin-left: 34.000em;
	margin-top: 6.0000em;
	position:absolute;
}
.carousel:hover {
	animation-play-state:paused;
}
@keyframes anis {
	100% {
	transform:translateX(-46.875em)
}
}
#Button{height: 10%; }
#Button a{color: #FFFFFF; float: right; padding: 0.063em 0.938em; }	
#Button a:hover{display:block; background: #FFBB01; text-decoration: none; color: #000000;}


/*................................身体样式........................*/
/*侧边栏样式*/
nav{height: 20%; }
nav ul{margin-left: 0.938em;}
nav li{
	display: -webkit-flex; 
     display: flex;
	  justify-content:flex-start;
	  align-items:center;
	  height: 29px;
	  color: #000000;
	  border-top: 1px dotted #AAAAAA;
}
nav li:nth-child(1)
{
	color: #FFFFFF;
	padding-left: 2.500em;
	border:none;
}
nav li a:hover{color: #000000;}



/*主体样式*/

article .breadcrumb {text-align: right;}
article .breadcrumb > li + li:before { color: #000;content: "> "; }
article {background-color: #F5F5F5; text-align: center; padding:0.938em;}
article .main{background-color: #EEEEEE; padding: 1.563em; }

/*index,html*/
video{width: 50%; height: 60%;}


/*zhangpeng.html*/
article .box{
	height: 200px;
	margin:0.313em;
	display: -webkit-flex; /* Safari */
    display: flex;
	flex-wrap:wrap;
	align-items: center ;
	align-content:space-around;
	justify-content: space-between;
}

.box-item:nth-child(1){
	border: none; 
	background-color: #EEEEEE;
	  flex-shrink:1; 
	  width:99%; 
	  text-align: left; 
	  height: 35px;
	  line-height: 35px;
	  padding-left: 0.500em;
	  }
.box-item:not(:first-child){ 
	width:49%;
	height: 40px;
	line-height: 40px;
	text-align: left;
	padding-left: 0.625em;
	border: 1px solid #638518; 
	-webkit-box-shadow: 0.313em 0.313em #97AA6D; 
	-moz-box-shadow:0.313em 0.313em #97AA6D;
	 box-shadow: 0.313em 0.313em #97AA6D; 
	 flex-shrink:3;
	 }  
.box a{color: #479219;}	 
.box a:hover{color: #D84C29; text-decoration: underline;}


/*chepen.html */
.chepeng{ width: 60%; border: 5px solid #9932CC; margin: 0.313em 20%;}
.chepeng img{ width: 100%; height:100% ;}
.chepeng .pic{height: 25em; padding: 0.1em; border: 1px solid #9932CC; }

/*tmzhangpeng.html */
.tmzhangpeng{ width: 60%; margin: 0.313em 20%; border: 5px solid #B8860B; }
.tmzhangpeng img{ width: 100%; height:100% ;}
.tmzhangpeng .pic{height:auto; padding: 0.1em; border: 1px solid #B8860B; }

/*zbzhangpeng.html*/
.zbzhangpeng { width: 60%; margin: 0.313em 20%; border: 5px solid #FF7F50;}
.zbzhangpeng img{ width: 100%; height:100% ;}
.zbzhangpeng .pic{height: 25em; padding: 0.1em; border: 1px solid #FF7F50; }

/*gg.html*/
.gg { width: 60%; margin: 0.313em 20%; border: 5px solid #FF1493;}
.gg img{ width: 100%; height:100% ;}
.gg .pic{height: 25em; padding: 0.1em; border: 1px solid #FF1493; }

/*house.html*/
.house{ width: 60%; border: 5px solid #6A5ACD; margin: 0.313em 20%;}
.house img{ width: 100%; height:100% ;}
.house .pic{height: 25em; padding: 0.1em; border: 1px solid #6A5ACD; }

/*sjzhangpeng*/
.sjzhangpeng{ width: 60%; border: 5px solid #9ACD32; margin: 0.313em 20%;}
.sjzhangpeng img{ width: 100%; height:100% ;}
.sjzhangpeng .pic{height: 25em; padding: 0.1em; border: 1px solid #9ACD32; }

/*chep.html*/
.chep{ width: 60%; border: 5px solid #DAA520; margin: 0.313em 20%;}
.chep img{ width: 100%; height:100% ;}
.chep .pic{height: 25em; padding: 0.1em; border: 1px solid #DAA520; }

/*taiyangshan.html*/
.taiyangshan{ width: 60%; border: 4px solid #4169E1; margin: 0.313em 20%;}
.taiyangshan img{ width: 100%; height:100% ; }
.taiyangshan .pic{padding: 0; height: 25em; border: 1px solid #4169E1; }
.taiyangshan .hr{margin: 0.750em 1.250em; height: 2px; width: 80%; background-color:#4169E1;border:none; }


/*glass+house.html */
.glass{ width: 60%; border: 5px solid #1E90FF; margin: 0.313em 20%;}
.glass img{ width: 100%; height:100% ;}
.glass .pic{height: 25em; padding: 0.1em; border: 1px solid #1E90FF; }


/*tmzhangpeng.html */
.tmzhangpeng-pic{width: 100%; margin: 1%; border-left:1px dotted #AD8D36 ;}
article span{display: block; font-size: 1.7rem; color: #479219; width: 100%; margin-left: 1%; background-color: #EEEEEE;text-align: left;  padding: 0.313em 1.563em;}

/*contact-us.html */
.table-bordered{
	margin-left: 30%;
  width: 45%;
    }
.table-bordered th{
    border: 2px solid #fff !important;
    background-color: #CFF;
    color: #B8860B;
    }
.table-bordered th:nth-child(1){
  width: 19%;
    }
    .table-bordered th:nth-child(2){
  width: 80%;
    }
article .form{width: 50%; height: 450px; margin-left: 27%; border-top:15px solid #4B93DE ; text-align: left; overflow: hidden;overflow-x:auto;overflow-y:auto;}
article form{margin-top: 3.875em;    position: relative;
    width:100%;
    padding-bottom: 6.250em;
    box-sizing: border-box;
     border-radius : 20% 20% 0 0;
    border: 10px solid transparent; /*设置边框的宽度*/
    border-image: url(../img/bll.gif) 30 30 repeat;
  
}
article .label{ display: block; font-size: 0.6rem; color:#33338C;  margin-left: 1%;text-align: left; }
.form hr{margin: 0.125em 0.313em; height: 2px; background-color:#6CA8E3;border:none;}
article .form input:last-child{margin: 0.625em auto auto 45%;}
article .form input:not(:last-child){width: 20%; margin-top: 0.938em; }
article .form textarea{width: 75%; height: 72px;  margin-top:0.938em; display:inline-block; margin-right:0.188em; vertical-align:middle;}


label{ cursor: pointer; text-align: right; width:15%; }
.form h3{font-size: 1.8rem; color: #0000CD; }


    
/*.................................底部样式..................................*/
footer{padding: 3.000em;height: 16%;text-align: center;}
.return button{float: right; background:url(../img/top.gif) no-repeat;width: 50px;height: 20px;}
.footer{color: #006400; font-size: 1.5rem; }
.footer ul{display: flex; justify-content: center;}
.footer a{font-size: 0.8rem;}
.footer a:hover{text-decoration: underline;}


/*以下为手机版样式*/


@media screen and (max-width: 992px)
 {
h1{font-size:2.0rem; color: #0000CD; margin: 0.063em auto;}
h3{font-size: 2.0rem; color: #DF143C; margin: 0.063em auto;}
h5{font-size:2.0rem;color: #9932CC; margin: 0.063em auto;}


/*.......................header头部样式.............................*/
   #car{
	height:30px;
	overflow:hidden;
	margin:auto;
	position:relative;
	overflow: hidden;
}

.carousel {
	animation:anis 25s linear infinite;
	overflow: hidden;
	width: 100%;
	height: 50%;
	margin-left: 25.000em;
	margin-top: 1.0000em;
	position:absolute;
	color: #FFFFFF;
}
#Button{height: 5%; float: left;}

/*................................身体样式........................*/
/*侧边栏样式*/
	nav ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap:wrap;
 justify-content:flex-end;
 align-items: center;
 align-content:space-between;
 	text-align: center;
	color: #FFFFFF;
	background-color: #B1E11C;	
}
nav ul li:first-child{margin-top:-999px ;}
nav ul li{text-align: center;width:4.0em;height:4.0em; background-color:#F1F7DE ;  border-radius:50%; border-color: #000000; margin: 0.5em; padding: 0.8em;}
nav li a{
	color: #B1E11C;
}

nav li a:hover{color: #B1E11C; background-color:#B1E11C ;}


/*主体样式*/
article {background-color: #FFFFFF; text-align: center; padding:0.5em 0;}
article .main{padding:0.5em 0; background-color: #FFFFFF; }
article .main img{width: 100%;}
/*index,html*/
video{width: 100%; height: 100%;}


/*chepen.html */
.chepeng{width: 100%; border:none; margin:0;}
.chepeng img{  display: block;max-width: 100%;height: auto; border:5px solid #B1E11C;}
.chepeng .pic{padding: 2.5em; border: none; height: auto;}

/*tmzhangpeng.html */
.tmzhangpeng {width: 100%; border:none; margin:0;}
.tmzhangpeng img{ display: block; max-width: 100%;height: auto; border:5px solid #B1E11C;}
.tmzhangpeng .pic{padding:0; border: none; height: auto;}

/*zbzhangpeng.html*/
.zbzhangpeng {width: 100%; border:none; margin:0;}
.zbzhangpeng img{ display: block;max-width: 100%;height: auto; border:5px solid #B1E11C;}
.zbzhangpeng .pic{padding: 2.5em 0; border: none; height: auto;}

/*gg.html*/
.gg {width: 100%; border:none; margin:0;}
.gg img{ display: block;max-width: 100%;height: auto; border:5px solid #B1E11C;}
.gg .pic{padding: 2.5em; border: none; height: auto;}

/*house.html*/
.house{width: 100%; border:none; margin:0;}
.house img{ display: block;max-width: 100%;height: auto; border:5px solid #B1E11C;}
.house .pic{padding: 2.5em; border: none; height: auto;}

/*sjzhangpeng*/
.sjzhangpeng{ width: 100%; border:none; margin:0;}
.sjzhangpeng img{  display: block;max-width: 100%;height: auto; border:5px solid #B1E11C;}
.sjzhangpeng .pic{padding: 2.5em; border: none; height: auto;}

/*chep.html*/
.chep{ width: 100%; border:none; margin:0;}
.chep img{ display: block;max-width: 100%;height: auto; border:5px solid #B1E11C;}
.chep .pic{padding: 2.5em; border: none; height: auto;}

/*taiyangshan.html*/
.taiyangshan{width: 100%; border:none; margin:0;}
.taiyangshan img{  display: block;max-width: 100%;height: auto; border:5px solid #B1E11C; }
.taiyangshan .pic{ padding: 2.5em; border: none; height: auto;}

/*glass+house.html */
.glass{width: 100%; border:none; margin:0;}
.glass img{  display: block;max-width: 100%;height: auto; border:5px solid #B1E11C;}
.glass .pic{ padding: 2.5em; border: none; height: auto;}



/*contact-us.html */
.table-bordered{margin: 4%; width: 92%;}
article .form{width: 95%; height: 450px; margin: 3%;}

    
/*.................................底部样式..................................*/
.return button{position: fixed; bottom: 2em; right: 0;}
.footer{color: #006400; font-size: 0.5rem; align-self:center;}
.footer ul{display: flex; justify-content: center; flex-wrap:wrap}
.footer a{font-size: 0.2rem;}

}