/* Core Css */

body {}

p, a, h1, h2, h3, h4, h5, h6 {}

input,
textarea {
    width: 100%;
    background: none;
    border: 1px solid #fff;
    color: #ee3449;
    padding: 10px 20px;

}

.line {
    background: url('../image/line.png') no-repeat;
    display: inline-block;
    width: 100%;
    height: 10px;
    margin: 100px 0px 0px;
	background-size: contain;
}

.line.inverse {
    transform: rotate(180deg);
}
@media (min-width: 768px){
#navbar{
	display:none !important;
}
}
/* TOP Css */
.top{
	width:100%;
	padding:250px 0;
	height:auto;
	background: -webkit-linear-gradient(135deg,  #8696a6 , #c1cbd7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(135deg,  #8696a6, #c1cbd7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(135deg,  #8696a6, #c1cbd7); /* Firefox 3.6 - 15 */
	background: linear-gradient(135deg,#8696a6, #c1cbd7); 
}
.top h1{
	font-size:60pt;
	color:#fff;
	text-align:center;
	letter-spacing:10px;
	padding:0 0 20px;
}
.top p{
	text-align:center;
	font-size:25pt;
	color:#fff;
}
.top .button{
	width:350px;
	height:40px;
	margin:100px auto 0;
}
.top .button a{
	display:block;
	font-weight:bold;
	text-align:center;
	background:#fff;
	color:#13c5a2;
	width:150px;
	height:40px;
	border:none;
	line-height:40px;
	-webkit-border-radius:10px;
    -ms-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
transition: .4s all ease-in-out;
}
.top .button a:hover{
	text-decoration:none;
}
.top .button #cpfw{
	float:left;
	color:#8696a6;
	background:#fff;
	border:1px #fff solid;
}
.top .button #cpfw:hover{
	color:#fff;
	background:#8696a6;
}
.top .button #lxwm{
	float:right;
	color:#fff;
	background:none;
	border:1px #fff solid;
}
.top .button #lxwm:hover{
	color:#fda2cf;
	background:#fff;
}
.qyjj_title{
    background:none;
}
.col-md-12{
	margin:20px 0 100px;
}
.col-md-12 .fw-relative{
	display:block;
	position:relative;
	float:left;
	width:22%;
	padding-bottom:22%;	
	color:#fff;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    transition: .6s all ease-in-out;
}
.col-md-12 .fw-top{
	margin-bottom:50px !important;
}
.col-md-12 .jjtg{
	margin-right:2%;
}
.col-md-12 .wzyh,.col-md-12 .dsptg{
	margin:0 2%;
}
.col-md-12 .zmt{
	float:right;
}

.col-md-12 .ys1{
	background:#c1cbd7;
}
.col-md-12 .ys2{
	background:#afb0b2;
}
.col-md-12 .ys3{
	background:#8696a6;
}
.col-md-12 .ys4{
	background:#9ca8b8;
}
.col-md-12 .text{
	display:block;
	height:40px;
	width:100%;
	line-height:40px;
	font-size:20pt;
	position:absolute;
	top:50%;
	margin-top:-20px;
	
}
.fw-hover {
    position: absolute;
    top: 0;
	left:0;
    width: 100%;
    height:100%;
    opacity: 0;
	-webkit-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    transition: .4s all ease-in-out;
}
.fw-relative:hover > .fw-hover {
    opacity: 1;
    background: rgba(0,0,0,.75);
}
.fa{
	color: #f00;
    font-size: 20pt !important;
    padding: 10px;
    border: 2px #f00 solid;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
	-webkit-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
@media (max-width: 768px){
	.top{
		padding:100px 0;
	}
	.top h1{
		font-size:24px;
		font-weight:bold;
		letter-spacing:5px;
	}
	.top p{
		font-size:14px;
	}
	.top .button{
		width:250px;
		height:30px;
	}
	.top .button a{
		height:30px;
		line-height:30px;
		width:115px;
	}
	.top .button{
		margin-top:30px;
	}
	div#about p.section_description{
	    padding-bottom:20px !important;
    }
    .col-md-12 .fw-relative{
	    margin:2% !important;
	    width:46% !important;
	    padding-bottom:46% !important;
    }
	.col-md-12 .fw-relative span{
		font-size:15pt;
	}
}