* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    min-height: 100vh;
    box-sizing: border-box;
    position: relative;
    overflow-x: hidden;
	color: #FFF;
	background: #F6F6F6;
    font: 14px/1.6 "Microsoft Yahei";

}

a {
	text-decoration: none;
	color: #fff;
}

ul li {
	list-style: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

* html .clearfix {
	zoom: 1;
} 

*+html .clearfix {
	zoom: 1;
} 

#container {
    width: 100%;
    min-width: 100vw;
}

/* HEADER */
#header {
    padding: 10px 0 10px;
    height: 100px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 6px 21px rgba(214, 214, 214, 0.5);
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.hBox {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* width: 100%; */
    max-width: 1200px;
    /* margin: 0 auto; */
    flex-wrap: nowrap;
}

.logo img, .hIm02 img, .hIm01 img ,#header {
    width: 100%; /* 讓圖片隨視窗寬度縮放 */
    max-width: 100%; /* 避免放太大 */
    min-width: 100%; /* 避免縮太小 */
    height: auto; /* 保持圖片比例 */
}

#header .logo {
	margin: 0;
	/* float: left; */
}
#header .logo img {
	display: block;
}
#header .hIm01 {
	margin-top: 5px;
	/* float: left; */
}
#header .hIm02 {
	float: right;
	margin-top: 10px;
}


.wrap {
	width: 1200px;
	margin: 0 auto;
}

#main {
	padding: 30px 0 25px;
}

#main #conts {
	padding: 0 30px 30px 30px;
	width: 630px;
	height: 518px;
	float: left;
	box-sizing: border-box;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 6px 21px rgba(168,163,150,0.19);
	display: flex;
    flex-direction: column;
}

#conts .ttl {
	margin-bottom: 24px;
	align-self: center;
}

#conts .linkUl {
	height: 305px;
	overflow: hidden;
	margin-bottom: 15px;
}

#conts .linkUl li {
	margin-bottom: 4px;
	overflow: hidden;
	zoom: 1;
}

#conts .linkUl li .web {
	line-height:50px;
	float: left;
	width: 400px;
	color: #4a5782;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
	background: url(../img/bg01.png) no-repeat;
	margin-right: 10px;
}

#conts .linkUl li a {
	display: block;
	float: right;
}

#conts .text {
	color:#4a5782;
	line-height: 2.25;
	font-size: 16px;
}

#conts .text .color3 {
	color: #ec0600;
}

#conts .text .color1 {
	color: #1e85f1;
}

#conts .text span {
	color: #286ceb;
	font-weight: bold;
}

#main #sideBar {
	overflow: hidden;
	width: 540px;
	height: 518px;
	box-sizing: border-box;
	float: right;
	padding: 30px 30px 0;
	position: relative;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 6px 21px rgba(168,163,150,0.19);
}

#sideBar .tabNavi {
	margin-bottom: 17px;
}

#sideBar .tabNavi li {
	width: 230px;
	float: left;
}

#sideBar .tabNavi li:last-child {
	float: right;
}

#sideBar .tabNavi li a {
	display: block;
	color: #3d4145;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	border: 2px solid #e3ebf4;
	background: #e3ebf4;
	border-radius: 27px;
	cursor: pointer;
}

#sideBar .tabNavi li a img {
	margin: -4px 8px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#sideBar .tabNavi li a:hover,
#sideBar .tabNavi li.on a {
	border: 2px solid #286ceb;
	background: #fff;
}

#sideBar .img {
	margin: 0 0 12px -24px;
}

#sideBar .inner {
	padding: 15px 17px 10px 16px;
	border: 3px solid #DEE7F1;
}

#sideBar .inner .ma {
	margin-right: 20px;
	float: left;
}

#sideBar .inner p {
	margin-top: 22px;
	float: left;
	color: #3d4145;
	font-size: 14px;
	line-height: 1.75;
}

#sideBar .inner p span {
	display: block;
	color: #286ceb;
	font-size: 18px;
}

#sideBar .inner p a {
	color: #286ceb;
}

#sideBar .inner .btn {
	margin-top: 23px;
	float: right;
}

#main .wel {
	margin: 30px auto 0;
	width: 1200px;
	position: relative;
}

#main .wel a {
	display: block;
	position: absolute;
	right: 276px;
	top: 15px;
}

/* SECTION */
.section {
	width: 1200px;
	margin: 0 auto;
}

.section .title {
	text-align: center;
	margin: 20px 0;
	font-size: 28px;
	color:#286ceb;
}

.section .imgUl {
	width: 1204px;
	margin-right: -4px;
}

.section .imgUl li {
	float: left;
	width: 165px;
	text-align: center;
	margin: 0 7px 0 0;
}

.section .imgUl li a {
	display: block;
	font-size: 18px;
	color:#4a5782;
}

.section .imgUl li a:hover {
	color:#286ceb;
}

.section .imgUl li img {
	margin-bottom: 12px;
	display: block;
}

/* FOOTER */
#footer {
	padding: 27px 0 0;
	text-align: center;
	clear: both;
	background-color: #414755;
}

#footer .fInner {
	margin: 0 auto 25px;
	width: 1200px;
}

#footer .fInner .ulList {
	margin-bottom: 28px;
	padding-bottom: 21px;
	border-bottom: 1px solid #515151;
}

#footer .fInner .ulList li {
	float: left;
	margin-right: 22px;
}

#footer .fInner .listUl li {
	width: 400px;
	float: left;
}

#footer .fInner .listUl li a {
	display: block;
	color: #c0c0c0;
	font-size: 14px;
	text-align: center;
}

#footer .fInner .listUl li a span {
	display: block;
}

#footer .fInner .listUl li a img {
	margin: 0 auto 9px;
	display: block;
}

#footer .fInner .listUl li a:hover img {
	visibility: hidden;
}

#footer .fInner .listUl li.li13 a:hover span {
	background: url(../img/f_img13_out-h.png) no-repeat center top;
}

#footer .fInner .listUl li.li14 a:hover span {
	background: url(../img/f_img14_out-h.png) no-repeat center top;
}

#footer .fInner .listUl li.li15 a:hover span {
	background: url(../img/f_img15_out-h.png) no-repeat center top;
}

#footer .fBox {
	background: #373c48;
}

#footer .copyright {
	color: #c0c0c0;
	font-size: 14px;
	line-height: 45px;
	text-align: center;
}

/* .popBox {
	display: none;
	width: 662px;
	height: 241px;
	background-color: #141414;
	border: 1px solid #ECC250;
	box-sizing: border-box;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
}

.popBox p {
	margin-top: 100px;
}

.layui-layer-ico {
	background: url(../images/index/close.png) no-repeat center top !important;
	width: 43px !important;
	height: 43px !important;
}

.layui-layer-setwin .layui-layer-close2 {
	top: -15px !important;
	right:-15px !important;
} */

#footer .fInner .ulList{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* TOOL */
.hide{
	display: none;
}

.show{
	display: block;
}

.width100{
	width: 100%;
}