div.banner img{
	width:100%;
}

/********************* disintro star ************************/
#site-header{
	position: fixed !important;
}
.disintro{
	width:86%;
	padding:25px 60px 25px 0px;
	display: flex;
	background: #fff;
	box-shadow: 0 2px 30px 0 #00000033;
	margin: 0px auto 30px;
	position:relative;
	bottom:4rem;
}
.disintro .left img{
	width:10vw;
	height: 10vw;
	margin:0px 40px 0px 40px;
	border-radius:50%;
}
.disintro .right{
	display:flex;
	flex-wrap:wrap;
	align-content:center;
}
.disintro .right h2{
	font-size:1.5vw;
	font-weight:500;
}
.disintro .right p{
	font-size:1.2vw;
	font-weight:lighter;
	margin-top: 10px;
	line-height: 2vw;
}
/********************* disintro end ************************/
/********************* porlist star ************************/
ul.prolist{
	width:86%;
	margin:20px auto 0px;
	display:flex;
	flex-wrap:wrap;
}
ul.prolist li{
	width:49%;
	text-align: center;
	margin:0px 2% 20px 0px;
	background:#fff;
}
ul.prolist li:nth-child(2n){margin:0px 0px 20px 0px;}
ul.prolist li a.title{
	display:block;
	width:100%;
	height:25vw;
	border-radius:2vw;
	overflow:hidden;
}
ul.prolist li a img {
    width: 100%;
    height: 100%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}
ul.prolist li a:hover img {
    -webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
ul.prolist li h4{
    font-size: 15px;
	color:#666;
    margin: 10px 0px 5px;
    font-weight: bold;
}
ul.prolist li p{
	color:#999;
    font-size: 13px;
	font-weight: 600;
	text-align:center;
	margin-bottom: 12px;
}
/********************* porlist end ************************/