@charset "utf-8";


.product_flex {display:flex;flex-wrap:wrap; justify-content: space-between;margin-bottom:4%;align-items: flex-start;}
.product_flex .img,
.product_bottom .img {border:1px solid #ddd;}
.product_flex .img br {display:none;}
.product_flex .img img,
.product_bottom .img img {max-width:100%;}
.product_flex > .product_img,
.product_top,
.product_table {width:49%;}
.product_flex  h3 {color:#000000;font-weight:800;font-size:2.2rem;margin-bottom:20px;}
.product_flex  h4 {color:#b7920e;font-weight:600;font-size:1.7rem;margin-bottom:20px;}
.product_flex  h5,
.product_bottom h5 {color:#0070bc;font-weight:500;font-size:1.4rem;margin-bottom:20px;}
.product_top  p {margin-bottom:20px;}
.product_table.widt6 {width:59%}
.product_table.widt4 {width:39%}
.product_flex h5.back {margin-top:30px;display:inline-block;padding:2px 15px;color:#fff;background:#1b8ecf;font-size:1em;}
.product_table table {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0;
	border-top:1px solid #222;
}
.product_table table  thead th {
	padding:5px;
	color: #000;
	font-weight: 400;
	border-bottom:1px solid #e1dbd4;
	line-height: 1.5em;
	background: #cedde8;
}

.product_table table  tbody th {
	padding:5px;
	color: #000;
	font-weight: 400;
	border-bottom:1px solid #e1dbd4;
	text-align: left;
	line-height: 1.5em;
	background: #fff;
	width:50%;
}
.product_table table  tbody td {
	border-bottom:1px solid #e1dbd4;
	padding:5px;
	background:#f0f2f4;
	line-height: 1.5em;
	text-align: center;
}

.as_title {color:#0070bc;font-weight:500;font-size:1.4em;margin-bottom:10px;}
.as_flex {display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:30px;}
.as_flex > div {border:1px solid #ddd;padding:30px;}
.as_flex > div.first {width:40%;}
.as_flex > div.last {width:58%;}
.as_flex_inner {display:flex;flex-wrap:wrap;}
.as_flex_inner p {width:100px;text-align:center;}
.as_flex_inner p span {display:block;padding:10px 0px;color:#fff;font-size:1.1em;background:#b8930e;}
.as_flex_inner ul {margin-left:30px;width:calc(100% - 130px);}
.as_flex_inner ul:after {
	clear: both;
	display: block;
	content: "";
} 
.as_flex_inner li {float:left;padding:6px 3px 6px 10px;position:relative;width:25%;}
.as_flex_inner li:before {display:block;content:"";position:absolute;left:0;top:13px;width:3px;height:3px;border-radius:50%;background:#666;}
.as_flex > div.first .as_flex_inner li {width:50%;}

.as_flow_flex {display:flex;flex-wrap:wrap;margin-bottom:40px;}
.as_flow_flex > div {padding:20px;border:1px solid #ddd;text-align:center;width:20%;margin-bottom:2%;}
.as_flow_flex > div span {display:inline-block;background:#61bfdc;color:#fff;font-weight:600;font-size:0.9em;padding:5px 20px;border-radius:30px;margin-bottom:10px;}
.as_flow_flex > p {width:5%;text-align:center;align-self: center;margin-bottom:2%}
.as_flow_flex > p img,
.as_flow_flex > div img {max-width:100%;}

.ceo_wrap {display:flex;flex-wrap:wrap;justify-content: space-between}
.ceo_wrap p.img {width:40%;}
.ceo_wrap p.img img {max-width:100%;}
.ceo_info {width:58%}
.ceo_info p {margin-bottom:20px;line-height:1.4;word-break:keep-all;}
.ceo_title {font-weight:800;color:#000;font-size:1.4em;}
.ceo_title strong {color:#0070bc;}

.vision_wrap {text-align:center;}
.vision_wrap h4 {font-size:2.2em;font-weight:800;color:#0070bc;position:relative;margin-top:-40px;}
.vision_flex {display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:10%; }
.vision_flex .vision_item {width:318px;height:318px;margin:5px;background: #31bae4; 
background: -moz-linear-gradient(top, #31bae4 0%, #2672a6 100%); 
background: -webkit-linear-gradient(top, #31bae4 0%,#2672a6 100%);
background: linear-gradient(to bottom, #31bae4 0%,#2672a6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31bae4', endColorstr='#2672a6',GradientType=0 );border-radius:50%; color:#fff;text-align:center;padding-top:6%;}
.vision_flex .vision_item h5 {font-size:1.5em;font-weight:800;padding-bottom:15px;position:relative;}
.vision_flex .vision_item h5:after {margin:15px auto;display:block;content:"";width:60px;height:3px;background:rgba(255,255,255,0.6);}
.vision_flex .vision_item p {line-height:1.4;}
.vision_flex .vision_item:nth-child(even) {background: #c2aa5d; /* Old browsers */
background: -moz-linear-gradient(top, #c2aa5d 0%, #9e8935 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c2aa5d 0%,#9e8935 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c2aa5d 0%,#9e8935 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2aa5d', endColorstr='#9e8935',GradientType=0 );}

.history_flex {display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:10%;}
.history_flex p.img {width:35%;}
.history_flex p.img img {max-width:100%;}
.history_flex .history_item {width: 62%;}
.history_flex .history_item h5 {font-size:1.6em;font-weight:800;padding-bottom:15px;position:relative;margin-bottom:15px;border-bottom:1px solid #d3d3d3;color:#dab243;margin-top:4%;}

.sitemap_flex {display:flex;flex-wrap:wrap;}
.sitemap_item {width:24%;margin:0.5%;padding:0px;}
.sitemap_item h3 {font-weight:500;padding:15px;border-bottom:1px solid #354e86;color:#354e86;}
.sitemap_item ul {margin:15px 0;}
.sitemap_item li {padding:7px 16px 7px 25px;position:relative;text-align:left;}
.sitemap_item li:before {display:block;content:"";width:3px;height:3px;background:#000;border-radius:50%;transform: translateY(-50%);position:absolute;left:15px;top:50%;;}



.tableA {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0;
	border-top:1px solid #222;
}

.tableA tbody th {
	padding:10px 10px;
	color: #000;
	font-weight: 600;
	border-bottom:1px solid #e1dbd4;
	text-align: left;
	line-height: 1.5em;
	background: #fff;
	width:20%;
}
.tableA tbody td {
	border-bottom:1px solid #e1dbd4;
	padding: 10px 10px;
	background:#f0f2f4;
	line-height: 1.5em;
	text-align: center;
}

.tableB {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin:10% 0 0 0;
	
}

.tableB thead th {
	padding:10px 10px;
	color: #0070bc;
	font-weight: 600;
	border:1px solid #d4d4d4;
	border-bottom:1px solid #0070bc;
	border-top:1px solid #0070bc;
	line-height: 1.5em;
	width:20%;
}
.tableB tbody td {
	border:1px solid #d4d4d4;
	padding: 10px 10px;
	line-height: 1.5em;
	text-align: center;
}


.tableC {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0;
	border-top:1px solid #222;
}

.tableC tbody th {
	padding: 20px 10px;
	color: #000;
	font-weight: 600;
	border-bottom:1px solid #e1dbd4;
	text-align: left;
	line-height: 1.5em;
	background: #fff;
	width:20%;
}
.tableC tbody td {
	border-bottom:1px solid #e1dbd4;
	padding: 20px 10px;
	background: #fff;
	color: #666666;
	line-height: 1.5em;
}


.tabs {display:flex;flex-wrap:wrap;justify-content: center;margin-bottom:20px; }
.tabs_item {width:100%;max-width:150px;text-align:center;border:1px solid #959595;margin-left:-1px;}
.tabs_item a {display:block;padding:15px 0px;}
.tabs_item.active a {font-weight:500;color:#fff;background:#959595;}