.menu-mobile {
	display: none;
	padding: 20px;
}

.menu > ul {
	margin: 0 auto;
	width: 100%;
	list-style: none;
	padding: 0;
	position: relative;
	/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
	content: "";
	display: table;
}

.menu > ul:after {
	clear: both;
}

.menu > ul > li:hover {
	background: #999;
}

.menu > ul > li > ul {
	display: none;
	width: 100%;
	background: #f0f0f0;
	padding: 20px;
	position: absolute;
	z-index: 99;
	left: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
	content: "";
	display: table;
}

.menu > ul > li > ul:after {
	clear: both;
}

.menu > ul > li > ul > li {
	margin: 0;
	padding-bottom: 0;
	list-style: none;
	width: 25%;
	background: none;
	float: left;
}

.menu > ul > li > ul > li a {
	color: #777;
	padding: .2em 0;
	width: 95%;
	display: block;
	border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
	display: block;
	padding: 0;
	margin: 10px 0 0;
	list-style: none;
	box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
	content: "";
	display: table;
}

.menu > ul > li > ul > li > ul:after {
	clear: both;
}

.menu > ul > li > ul > li > ul > li {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
	border: 0;
}

.menu > ul > li > ul.normal-sub {
	width: 300px;
	left: auto;
	padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
	width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
	border: 0;
	padding: 0.8em 0;
}

.menu-mobile {
	display: block;
}

.menu-dropdown-icon img {
	width: 5%;
	height: 5%;
	position: relative;
	top: 6px;
}

.menu > ul {
	display: none;
}

.menu > ul > li {
	width: 100%;
	float: none;
	display: block;
}

.menu > ul > li a {
	padding: 1em;
	display: block;
}

.menu > ul > li > ul {
	position: relative;
}

.menu > ul > li > ul.normal-sub {
	width: 100%;
}

.menu > ul > li > ul > li {
	float: none;
	width: 100%;
	line-height:40px;
}

.menu > ul > li > ul > li:first-child {
	margin: 0;
}

.menu > ul > li > ul > li > ul {
	position: relative;
}

.menu > ul > li > ul > li > ul > li {
	float: none;
}

.show {
	display: block !important;
}

.menul {
	z-index: 5;
	background:#036;
	position: absolute;
	top: 64px;
}

.menul li a {
	color: #fff;
}

.hide {}

@media screen and (min-width: 768px) {
	.menu > ul > li a {
		font-size: 1.2rem;
	}
	.menu-dropdown-icon img {
		width: 2%;
	}
	.menul {
		top: 100px;
	}
}

/*add*/
.line{
    position:relative;
    text-align:center;
    padding-top:10px;
}
.line i{
    width:80%;
    height:1px;
    border-bottom:1px dashed red;
    position:absolute;
    left: 11%;
    top: 60%;
}
.line span{
    font-size:16px;
    line-height:24px;
    margin:10px 0;
    display:inline-block;
    position:relative;
    z-index:2;
    padding:0 10px;
    background:#fff;
}
/*.line span:before{
    content:"";
    width:30px;
    height:3px;
    background:red;
    display:block;
    margin:auto;

}*/
.title-text{text-align:center;font-size:18px;line-height: 30px;letter-spacing: 3px;margin-bottom:30px;}
.pattern1 li{width:100%;text-align:center;padding:0px 0 30px;}
.pattern1 li h4{line-height: 20px;padding:20px 0 10px;text-align:left;font-size:16px;}
.pattern1 li p{font-size:14px;text-align:left;position:relative;}
.pattern1 li img{width:80%;}


.simple li {
    float: left;
    width: 45%;
    margin: 0px 1% 25px 0px;
    padding:0 2%;
}
.simple-img{
	text-align:center;
	margin-bottom:10px;
}
.simple li  img{
	width:90%;
}

.li_z {
    margin-right: 0px !important;
}

.simple li h2 {
    font-size: 26px;
    color: #0068b7;
    font-weight: normal;
    line-height: 40px;
}

.simple_logo img {
    width: 100%;
}

.simple li p {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
.simple li p.nth3 {
    font-size: 1rem;
    line-height: 24px;
    color: #333;
    text-align: center;
    padding: 6px 0;
}
.content-white{
	background:#fff;
	padding:20px 10px;
}
.content-gray{
	background:#f8f8f8;
	padding:20px 10px;
}
.content-gray-pad0{
	padding:20px 0;
	background:#f8f8f8;
}
.content-gray .line span,.content-gray-pad0 .line span{
	background:#f8f8f8;
}
.pattern1 p i {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: red;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top:8px;
}
.pattern1 p span {
    display: inline-block;
    padding-left: 20px;
    line-height: 24px;
    margin-bottom: 14px;
}
.consult{
	text-align:center !important;
}
.consult a{
	padding:0 30px;
	line-height: 30px;
	background:#e45050;
	color:#fff;
	border-radius:15px;
	display:inline-block;

}
.tc{text-align:center;}
.percent100{width:100%;}
.pattern2{
	text-align:center;
}
.pattern2 li {
    padding: 6px;
    border: 1px solid #fff;
    box-shadow: 1px 1px 5px #666;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    width: 126px;
    height: 126px;
    display: inline-block;
    margin: 20px 20px 0;
    vertical-align: top;
    float:none;
}
@media (max-width:400px){
	.pattern2 li{
		width:122px;
		height:122px;
		margin:20px 5px 0;
	}
	.pattern2 li div h4{
		line-height:30px !important;
	}
}
.pattern2 li div.pattern2-text {
    display: table;
    width: 100%;
    height: 100%;
}
.pattern2 li div.pattern2-text div {
    display: table-cell;
    vertical-align: middle;
}
.pattern2 li div h4 {
    line-height: 36px;
    font-size: 16px;
    color:#fff;
}
.pattern2 li div p {
    line-height: 20px;
    font-size: 12px !important;
    color:#fff;
}
.pattern2 li.one{background:#99cc00;}
.pattern2 li.two{background:#009dd9;}
.pattern2 li.three{background:#ffcc00;}
.pattern2 li.four{background:#009dd9;}
.pattern3{position:relative;}
.pattern3 li{width:100%;padding:10px 0;border-bottom:1px dashed #ccc;}
.pattern3 li h4{font-size:16px;line-height:30px;color:#ff3228;}
.pattern3 li p{font-size: 14px;}

@media (max-width:400px) and (min-width: 300px){
	.simple-reset li{
		height:228px;
	}
	.simple-reset2 li{
		height:204px;
	}
}