﻿@charset "utf-8";
/* CSS Document */
.strategic{
    text-align:center;
	height:185px;
	margin:0 0 0 45px;
    margin-top:20px;
    display:block;
	}
.strategic_dl{
	display:block;
	overflow:hidden;
	_overflow:none;
    margin-top:30px;
    display:block;
    margin-left:40px;
	}
.strategic_dl dd{
	display:inline;
	float:left;
	width:111px;
	height:142px;
	overflow:hidden;
	_overflow:none;
	margin:0 0 0 45px;
	}
.strategic_dl dd p{
	display:block;
	width:111px;
	height:111px;
	overflow:hidden;
	background:url(fw_01.jpg) center;
	position:relative;
	}
.strategic_dl dd p.st_a1 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#0376AF;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl dd p.st_a2 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#7FB813;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl dd p.st_a3 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#AB150C;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl dd p.st_a4 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#B9681E;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl dd p.st_a5 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#7FB813;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl dd p.st_a6 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#0376AF;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl dd p:hover i{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}	
.strategic_dl dd p a{
	display:block;
	width:66px;
	height:66px;
	position:absolute;
	top:50%;
	margin:-33px 0 0 -33px;
	left:50%;
	}

.strategic_dl dd p.st_a1 a{ background:url(fw_02.png) center no-repeat}
.strategic_dl dd p.st_a2 a{ background:url(fw_04.png) center no-repeat}
.strategic_dl dd p.st_a3 a{ background:url(fw_06.png) center no-repeat}
.strategic_dl dd p.st_a4 a{ background:url(fw_08.png) center no-repeat}
.strategic_dl dd p.st_a5 a{ background:url(fw_10.png) center no-repeat}
.strategic_dl dd p.st_a6 a{ background:url(fw_12.png) center no-repeat}

.strategic_dl dd p.st_a1:hover a{ background:url(fw_03.png) center no-repeat}
.strategic_dl dd p.st_a2:hover a{ background:url(fw_05.png) center no-repeat}
.strategic_dl dd p.st_a3:hover a{ background:url(fw_07.png) center no-repeat}
.strategic_dl dd p.st_a4:hover a{ background:url(fw_09.png) center no-repeat}
.strategic_dl dd p.st_a5:hover a{ background:url(fw_11.png) center no-repeat}
.strategic_dl dd p.st_a6:hover a{ background:url(fw_13.png) center no-repeat}

.strategic_dl dd span{
	display:block;
	height:25px;
	text-align:center;
	line-height:30px;
	color:#686868;
	font-size:14px;
	font-weight:bold;
	}







.strategic1{
    text-align:center;
	height:185px;
	margin:0 0 0 45px;
    margin-top:20px;
    display:block;
	}
.strategic_dl1{
	display:block;
	overflow:hidden;
	_overflow:none;
    margin-top:30px;
    display:block;
    width: 670px;
	margin: auto;
	}
.strategic_dl1 dd{
	display:inline;
	float:left;
	width:111px;
	height:142px;
	overflow:hidden;
	_overflow:none;
	margin:0 0 0 45px;
	}
.strategic_dl1 dd p{
	display:block;
	width:116px;
	height:115px;
	overflow:hidden;
	background:url(zp_1.jpg) center;
	position:relative;
	}
.strategic_dl1 dd p.st_a1 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#0376AF;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl1 dd p.st_a2 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#7FB813;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl1 dd p.st_a3 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#AB150C;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl1 dd p.st_a4 i{
	display:block;
	width:91px;
	height:91px;
	border-radius:45px;
	overflow:hidden;
	margin:10px auto;
	background:#B9681E;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;

	}
.strategic_dl1 dd p:hover i{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}	
.strategic_dl1 dd p a{
	display:block;
	width:90px;
	height:90px;
	position:absolute;
	top:50%;
	margin:-43px 0px 0px -45px;
	left:50%;
	}

.strategic_dl1 dd p.st_a1 a{ background:url(zp_01.png) center no-repeat}
.strategic_dl1 dd p.st_a2 a{ background:url(zp_03.png) center no-repeat}
.strategic_dl1 dd p.st_a3 a{ background:url(zp_05.png) center no-repeat}
.strategic_dl1 dd p.st_a4 a{ background:url(zp_07.png) center no-repeat}

.strategic_dl1 dd p.st_a1:hover a{ background:url(zp_02.png) center no-repeat}
.strategic_dl1 dd p.st_a2:hover a{ background:url(zp_04.png) center no-repeat}
.strategic_dl1 dd p.st_a3:hover a{ background:url(zp_06.png) center no-repeat}
.strategic_dl1 dd p.st_a4:hover a{ background:url(zp_08.png) center no-repeat}

.strategic_dl1 dd span{
	display:block;
	height:25px;
	text-align:center;
	line-height:30px;
	color:#686868;
	font-size:14px;
	font-weight:bold;
	}












