/*全局字體樣式樣式開始*/
body {
    background-color:#ffffff;
	margin: 0;
	padding: 0;
	color:#666666;
}

ol, ul {list-style: none;}



/*全局柵格去掉邊距樣式開始*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}



/*頁面內容寬度及樣式開始*/
.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
	width:100% !important;
}

@media (max-width: 768px){
	.container-xs {
		padding-right: 15px !important;
		padding-left: 15px !important;
		width:100% !important;
	}
}



/* 水平平均排列, 不自動換行 */
.flex-h {
    display: flex;
    flex-direction: row;
}

@media (max-width: 768px){
	.flex-h {display:block;}
}



/* 水平平均排列, 自動換行 */
.flex-h-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@media (max-width: 768px){
	.flex-h-wrap {display:block;}
}



/* 垂直平均排列, 不自動換行 */
.flex-v {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px){
	.flex-v {display:block;}
}



/* 垂直平均排列, 自動換行 */
.flex-v-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.flex1 {flex:1;}
.flex2 {flex:2;}
.flex3 {flex:3;}
.flex-wd {width:25px;}
.flex-hd {height:20px;}



/*首頁相關樣式開始*/
.margin-top100 {margin-top:100px;}
.margin-top50 {margin-top:50px;}
.margin-top30 {margin-top:30px;}
.margin-top20 {margin-top:20px;}
.margin-top10 {margin-top:10px;}
.margin-bottom50 {margin-bottom:50px;}
.margin-bottom30 {margin-bottom:30px;}
@media (max-width: 768px){
	.margin-xsbottom30 {margin-bottom:30px;}
}
.margin-bottom20 {margin-bottom:20px;}
.margin-bottom10 {margin-bottom:10px;}



/*回頂部按钮*/
.backtop{
	position:fixed;
	bottom:80px;
	right:15px;
	z-index:9999;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #0082c9;
    border-radius: 60px;
    padding: 12px 7px 8px 7px;
	text-align: center;
    border: 1px solid transparent;
	line-height:12px;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.backtop a {
	display:block;
	margin-top:5px !important;
	font-size: 12px;
	text-align: center;
    color: #fff !important;
	text-decoration:none;
}

.backtop span {
	position: absolute;
    top:8px;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
}

.backtop:hover {
    background-color: #2767aa;
    border: 1px solid #fff;
}



/*主菜單樣式*/
.menuzord {
	padding: 0px 8.33% !important;
	border-bottom:1px solid #e3e3e3;
}

@media (max-width: 768px){
	.menuzord {padding: 0px 0px !important;}
}

.header {
	position:fixed;
	background:#fff;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1005;
	height: 110px;
	line-height: 24px;
	-webkit-transition: 800ms;
	transition: 800ms;
}

@media (max-width: 768px){
	.header {
		position:static !important;
		height: 70px;
	}
}

.header a {color: #fff;}

.header .logo {
	float:left;
	width: 340px;
	overflow: hidden;
	margin-top: 25px;
	-webkit-transition: 800ms;
	transition: 800ms;
}

@media (max-width: 768px){
	.header .logo {
		margin-left:15px;
		margin-top: 15px;
		width:auto;
		height:auto;
	}
}

.header .logo .lgImg {
	display:block;
	width:100%;
}

@media (max-width: 768px){
	.header .logo .lgImg {
		width:240px;
		margin-top:0px;
	}
}

.header .nav {
	float:right;
	-webkit-transition: 800ms;
	transition: 800ms;
	z-index:9999 !important;
}

@media (max-width: 768px){
	.header .nav {margin-top:15px;}
}

.nav > li {
	float: left;
	margin-left:20px;
}

@media (max-width: 768px){
	.nav > li {margin-left:0px;}
}

.nav li > a {
	display: block;
	position: relative;
	color:#274178 !important;
	font-size:1.2em !important;
	font-weight:normal !important;
	height:100px;
}

@media (max-width: 768px){
	.nav li > a {height:auto;}
}

.nav li > a:before {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	bottom: -10px;
	width: 0;
	background: #0195da !important;
	-webkit-transition: 800ms;
	transition: 800ms;
	height: 3px;
}

.nav li > a:hover, .nav li > a.active {
	color: #0195da !important;
	text-decoration: none;
	background-color: transparent !important;
	height:100px;
}

@media (max-width: 768px){
	.nav li > a:hover, .nav li > a.active {
		color:#fff !important;
		height:auto;
	}
}

.nav li > a:hover:before, .nav li > a.active:before {
	left: 0;
	right: auto;
	width: 100%;
}

.head-wx {margin-top:20px;}



/*下拉菜單樣式*/
.dropdown li {
	display:inline-block !important;
	width:220px !important;
	z-index:9999;
	background:#fff !important;
}

@media (max-width: 768px){
	.dropdown li {width:100% !important;}
}

.dropdown li a {
	padding:0px !important;
	white-space:pre-wrap;
}

.navigates {
	position:absolute;
	opacity: 0;
	visibility: hidden;
	transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transition: 0.3s;
	padding-bottom: 25px;
}

@media (max-width: 768px){
	.navigates {
		position:relative !important;
		transform: static !important;
		transition: none;
	}
}

.menuzord-menu li:hover .navigates {
	opacity: 1;
	visibility: visible;
	transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	transition: 1s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
}

.menuzord-menu li:hover .navigates:nth-child(2){ transition-delay: 0.28s;}
.menuzord-menu li:hover .navigates:nth-child(3){ transition-delay: 0.42s;}

@media (min-width: 768px) {
	.menuzord-menu li ul.dropdown,
	.menuzord-menu li ul.dropdown li ul.dropdown {
		display: block !important;
		visibility: hidden !important;
	}
	.menuzord-menu li:hover ul.dropdown,
	.menuzord-menu li:hover ul.dropdown li ul.dropdown {
		visibility: inherit !important;
	}
}

.navimgs {
	overflow: hidden;
	width: 220px;
	height: 120px;
	background: #000;
	position: relative;
}

@media (max-width: 768px) {
	.navimgs {width:100% !important;}
}

.navimgs a {
	background:transparent !important;
	border:none !important;
	position:static !important;
}

.navimgs img {
	display:block;
	position: absolute;
	width: 220px;
	height: 120px;
	left: 0;
	top: 0;
	transition: 0.8s;
}

@media (max-width: 768px) {
	.navimgs img {
		width: 100% !important;
		height:200px;
	}
}

.navigates:hover .navimgs img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	opacity:0.6;
	filter(alpha=60);
}

.navcommon {
	padding-top: 15px;
	background:transparent;
	border-right:1px solid #eeeeee !important;
}

@media (max-width: 768px){
	.navcommon {padding-top: 10px;}
}

.dropdown li:last-child .navcommon {border-right:0px !important;}

.navcommon:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #2767aa;
	position: absolute;
	z-index:-1;
	bottom:0;
	left: 0;
	top: 0;
	-webkit-transition:-webkit-transform 500ms;
	transition:-webkit-transform 500ms;
	transition:transform 500ms;
	-webkit-transform 500ms;
	transform-origin:center 100%;
	-webkit-transform-origin:left 100%;
	transform:scaleY(0);
	-moz-transform:scaleY(0);
	-webkit-transform:scaleY(0);
	visibility:hidden\9;
}

.navigates:hover .navcommon:before {
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	transform-origin:left 0;
	-webkit-transform-origin:left 0;
	visibility:visible\9;
}

@media (max-width: 768px){
	.navigates:hover .navcommon:before {
		transform:scaleY(1);
		-webkit-transform:scaleY(1);
		transform-origin:left 0;
		-webkit-transform-origin:left 0;
		visibility:visible\9;
		background: #fff;
	}
}

.navigates:hover .navcommon {border-right:0px !important;}

.navigateli {position: relative;}

.navigateli span{position: relative;}

.navigateli span a {
	background:none !important;
	border:0px !important;
	position: relative;
	padding-left:20px !important;
	line-height:27px !important;
	color: #000 !important;
	font-size: 1.05em !important;
	transition: 0.8s;
}

.navigateli span a:hover {
	color: #000 !important;
	background:#fff !important;
}

.navigates:hover .navigateli span a  {color:#fff !important;}

@media (max-width: 768px){
	.navigates:hover .navigateli span a  {color:#000 !important;}
}

.navigates:hover .navigateli span a:hover  {color:#000 !important;}

@media (max-width: 768px){
	.navigates:hover .navigateli span a:hover  {color:#2767aa !important;}
}



/*主頁Banner樣式*/
.pichidden {overflow:hidden;}

.picList {
	list-style: none;
    position: relative;
    width: 100%;
	margin-top:109px;
	padding-bottom:42%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

@media (max-width: 768px){
	.picList {margin-top:0px;}
}

.picList li {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.picList li a {
    width: 100%;
    height: 100%;
}

.picList li.on {
    z-index: 6;
    opacity: 1;
}

.picList li.liAnimated {z-index: 10;}

.liAnimated {
    -webkit-animation: picListAnimated 4.4s linear;
    animation: picListAnimated 4.4s linear;
    -moz-animation: picListAnimated 4.4s linear;
    -ms-animation: picListAnimated 4.4s linear;
    -o-animation: picListAnimated 4.4s linear;
}

@-webkit-keyframes picListAnimated {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }
    80% {opacity: 1;}
    100% {
        -webkit-transform: translate3d(0px, 0px, 60px);
        opacity: 0;
    }
}

@keyframes picListAnimated {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }
    80% {opacity: 1;}
    100% {
        -webkit-transform: translate3d(0px, 0px, 60px);
        transform: translate3d(0px, 0px, 60px);
        opacity: 0;
    }
}



/*首頁關于格瑞特樣式*/
.profile-bg {
	background-color:#fff;
	margin-top:60px;
}

@media (max-width: 768px){
	.profile-bg {margin-top:30px;}
}

.profile-t {
	display:block;
	font-size:3.6em;
	font-weight:300;
	color:#274178;
	text-align:center;
}

@media (max-width: 768px){
	.profile-t {font-size:2em;}
}

.profile-en {
	display:block;
	font-size:4em;
	color:#e3e4e7;
	text-align:center;
	margin-top:-20px;
}

@media (max-width: 768px){
	.profile-en {
		font-size:1.6em;
		color:#aeaeae;
		margin-top:-10px;
	}
}

.profile-zi1 {
	display:block;
	font-size:1.2em;
	color:#4e4e4e;
	text-indent:2em;
	line-height:28px;
	text-align:left;
}

@media (max-width: 768px){
	.profile-zi1 {font-size:1.05em;}
}

.profile-zi2 {
	display:block;
	font-size:1.15em;
	font-weight:200;
	color:#939393;
	text-align:center;
	margin-top:10px;
}

@media (max-width: 768px){
	.profile-zi2 {
		font-size:1em;
		margin-bottom:30px;
	}
}



/* 首頁關于格瑞特-數字樣式開始*/
.IndexList {
	margin-top:60px;
	border-left:1px solid #e3e3e3;
}

@media (max-width: 768px){
	.IndexList {
		margin-top:0px;
		border-left:none;
		border-right:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3;
	}
	.IndexList:nth-child(even) {border-right:none;}
	.IndexList:nth-child(3), .IndexList:nth-child(4) {
		border-bottom:none;
	}
}

.IndexList ul {margin-left:-50px;}

.IndexList:last-child {
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
}

@media (max-width: 768px){
	.IndexList:last-child {
		border-left:none;
		border-right:none;
	}
}

.IndexList li {
	text-align: center;
	list-style-type:none;
}

.IndexList span.data-icon {
	font-size:3.5em;
	display:block;
	color:#0195da;
}

@media (max-width: 768px){
	.IndexList span.data-icon {font-size:3em;}
}

.IndexList span.data-zi {
	display:block;
	color: #4e4e4e;
	font-size:1.2em;
}

@media (max-width: 768px){
	.IndexList span.data-zi {margin-top:0px;}
}

.IndexList li .nub {
	color:#0195da;
	font-size:3em;
	font-style:normal !important;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	margin-top:-10px;
	vertical-align: sub;
}

@media (max-width: 768px){
	.IndexList li .nub {
		font-size:2.2em;
		margin-top:-20px;
	}
}

.IndexList li .unit {
	color:#0195da;
	font-size:1.4em;
}

@media (max-width: 768px){
	.IndexList li .unit {
		font-size:1em;
		margin-left:3px;
	}
}

.NumGe {margin-top:10px !important;}

.NumContent{ height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;}
.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;}
.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}
.NumContent>div:nth-child(1){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(2){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(3){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(4){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(5){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}



/*首頁产品中心樣式*/
.products-bg {
	background-image: url('../image/products-bg.jpg');
    background-size: cover;
	background-position:left top;
	margin-top:80px;
	padding-top:60px;
	padding-bottom:60px;
}

@media (max-width: 768px){
	.products-bg {
		margin-top:30px;
		padding-top:30px;
		padding-bottom:30px;
	}
}

.products-top {margin-top:30px;}

@media (max-width: 768px){
	.products-top {margin-top:10px;}
}

.products-en {
	display:block;
	font-size:4em;
	color:#e3e4e7;
	text-align:center;
	margin-top:-20px;
}

@media (max-width: 768px){
	.products-en {
		font-size:1.6em;
		margin-top:-10px;
		color:#aeaeae;
	}
}

.products-container {flex-flow: row wrap;}

.products-item {min-width: calc((100% - (4 * 25px)) / 5) !important;}

@media (max-width: 768px){
	.products-container > div:nth-child(4n+1) div:first-child {border-right:1px solid #fff;}
}

.honor-item {
	min-width: calc((100% - (3 * 25px)) / 4) !important;
	margin-bottom:25px;
}

@media (max-width: 768px){
	.honor-item {margin-bottom:10px;}
	.honor-item:nth-child(n+1){border-right:1px solid #fff;}
}

.products-pic {
    width: 100%;
	position:relative;
	padding-bottom:78.54%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center bottom;
	transition: 800ms;
	-webkit-transition: 800ms;
	margin-bottom:25px;
}

@media (max-width: 768px){
	.products-pic {margin-bottom:10px;}
}

.products-pic:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

@media (max-width: 768px){
	.products-pic:hover {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}


.products-bgcolor {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity: 0;
	transition: 800ms;
	-webkit-transition: 800ms;
}

.products-pic:hover .products-bgcolor {opacity: 0.65;}

.products-clst {
	position:absolute;
	padding-top:20px;
	padding-right:20px;
	z-index:999;
	right:0px;
	color:#fff;
	font-size:1.2em;
	font-weight:300;
	text-decoration:none !important;
	text-align:right;
}

@media (max-width: 768px){
	.products-clst {
		padding-top:10px;
		padding-right:10px;
		font-size:0.875em;
	}
}



/*首頁新闻樣式*/
.news-top {padding-top:60px;}

@media (max-width: 768px){
	.news-top {padding-top:30px;}
}

.news-pic {
	height:240px;
	overflow:hidden !important;
	margin-top:50px;
}

@media (max-width: 768px){
	.news-pic {
		height:160px;
		margin-top:30px;
	}
}

.news-picimg {
	background-size:cover;
	background-position: center;
	height:240px;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.news-picimg {height:160px;}
}

.news-date {
	display:block;
	font-size:1em;
	color:#d4d4d4;
	margin-top:20px;
	text-align:left;
	transition: 800ms;
	-webkit-transition: 800ms;
}

.news-title {
	display:block;
	margin-top:20px;
	text-align:left;
	color:#4e4e4e;
	font-size:1.2em;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.news-title {
		font-size:1.05em;
		margin-top:10px;
	}
}

.news-arrowL {
	text-align:right;
	padding-right:30px !important;
	padding-top:30px;
}

.news-arrowL a {text-align:center;}

.news-arrowL i {
	font-size:2em;
	color:#dddada;
	font-weight:100;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius:25px;
	border:1px solid #dddada;
	padding-top:10px;
	margin-top:120px;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

@media (max-width: 768px){
	.news-arrowL i {
		font-size:0.875em;
		width: 30px;
		height: 30px;
		margin-top:70px;
	}
}

.news-arrowL a:hover i {color:#a69e9e;}

.news-arrowR {
	text-align:left;
	padding-left:30px !important;
	padding-top:30px;
}

.news-arrowR a {text-align:center;}

.news-arrowR i {
	font-size:2em;
	color:#dddada;
	font-weight:100;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius:25px;
	border:1px solid #dddada;
	padding-top:10px;
	margin-top:120px;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

@media (max-width: 768px){
	.news-arrowR i {
		font-size:0.875em;
		width: 30px;
		height: 30px;
		margin-top:70px;
	}
}

.news-arrowR a:hover i {color:#a69e9e;}

.biz-wd {width:40px;}

.news-link:hover .news-picimg {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.news-link:hover .news-date {color:#0195da;}

.news-link:hover .news-title {color:#0195da;}



/*頁腳樣式*/
.flag {
	margin-top:60px;
	border-top:1px solid #c9d7e6;
	text-align:center;
	padding-top:30px;
	font-size:1.6em;
	font-weight:200;
	color:#0195da;
}

@media (max-width: 768px){
	.flag {
		margin-top:30px;
		padding-top:15px;
		font-size:1.3em;
	}
}

.map-bg {
	margin-top:30px;
	background-color:#2767aa;
    padding-top:60px;
	padding-bottom: 60px;
}

@media (max-width: 768px){
	.map-bg {
		margin-top:15px;
		padding-top:20px;
		padding-bottom: 0px;
	}
}

.sitemap{
	text-align:left;
	padding:0px 20px;
	display:inline-block;
	vertical-align:top;
	border-left:1px solid #3974b1;
}

@media (max-width: 768px){
	.sitemap {
		padding-right:20px;
		margin-bottom:30px;
	}
}

.sitemap-last {border-right:1px solid #3974b1;}

.sitemap-t {
	display:block;
	margin-bottom:15px;
	font-size:1.2em;
    color: #fff;
	white-space:nowrap;
}

@media (max-width: 768px){
	.sitemap-t {font-size:1em !important;}
}

.sitemap-t a{color:#fff}

.sitemap-list li {list-style-type:none;}

.sitemap-list li a{
	color: #b3c9e1;
	font-size:1em !important;
	line-height:25px;
	white-space:nowrap;
}

@media (max-width: 768px){
	.sitemap-list li a{
		font-size:0.75em !important;
		line-height:18px;
	}
}

.sitemap-wx {
	text-align:center;
	color:#b3c9e1;
}

.sitemap-wx img {
	display:inline;
	margin:0 auto;
}

.sitemap-wxzi {
	display:inline-block;
	text-align:center;
}

.footer-zi {float:right;}

@media (max-width: 768px){
	.footer-zi {
		float:none;
		text-align:center;
		margin-top:30px;
		margin-bottom:30px;
	}

	.footer-zi img {
		margin:0 auto;
		margin-bottom:20px;
	}
}

.tel {
	margin-top:10px;
	font-size:2em;
	color:#fff;
	font-family:"Bahnschrift";
	display:block;
}

.emailbox {
	font-size:1.1em;
	color:#fff;
	display:block;
}

.emailbox a {
	font-size:1.1em;
	color:#fff;
}

.address {
	font-size:1em;
	color:#fff;
	display:block;
	margin-top:5px;
}

.footer-color {
	background:#205e9f;
	padding-top:15px;
	padding-bottom:15px;
}

.copyright {
	color:#fff;
	font-size:1em;
	padding-top:10px;
	padding-bottom:10px;
}

@media (max-width: 768px){
	.copyright {
		text-align:center;
		padding-top:0px;
		padding-bottom:0px;
	}
}

.copyright a{
	color:#4a76ab !important;
	font-size:0.875em;
}

.copyright a:hover{color:#fff;}

.copy-link {
	margin-top:8px;
	text-align:right;
}

@media (max-width: 768px){
	.copy-link {text-align:center;}
}

.copy-link a {margin-left:10px;}

.copy-link i {
	font-size:1em;
	color:#666666;
	width: 30px;
	height: 30px;
	background: #fff;
	padding-top:7px;
	border-radius:25px;
	text-align:center !important;
	transition: 800ms;
	-webkit-transition: 800ms;
}

.copy-link a:hover i {
	color:#fff;
	background: #144981;
}


/*二級頁Banner樣式*/
.pichidden1 {overflow:hidden;z-index:-1;}

.picList1 {
	list-style: none;
    position: relative;
    width: 100%;
	margin-top:109px;
	padding-bottom:20%;
	margin-bottom:0px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

@media (max-width: 768px){
	.picList1 {
		padding-bottom:30%;
		margin-top:0px;
	}
}

.picList1 li {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.picList1 li a {
    width: 100%;
    height: 100%;
}

.picList1 li.on {
    z-index: -1;
    opacity: 1;
}

.picList1 li.liAnimated {z-index: -1;}

.liAnimated {
    -webkit-animation: picListAnimated 4.4s linear;
    animation: picListAnimated 4.4s linear;
    -moz-animation: picListAnimated 4.4s linear;
    -ms-animation: picListAnimated 4.4s linear;
    -o-animation: picListAnimated 4.4s linear;
}

@-webkit-keyframes picListAnimated {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }
    80% {opacity: 1;}
    100% {
        -webkit-transform: translate3d(0px, 0px, 60px);
        opacity: 0;
    }
}

@keyframes picListAnimated {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }
    80% {opacity: 1;}
    100% {
        -webkit-transform: translate3d(0px, 0px, 60px);
        transform: translate3d(0px, 0px, 60px);
        opacity: 0;
    }
}



/*二級頁子菜單樣式*/
.sub-title-up {margin-top:-90px;}

.sub-title {
	color:#fff;
	font-size:3em;
	text-shadow:3px 2px 3px #000;
	height:50px;
	letter-spacing:3px;
}

@media (max-width: 768px){
	.sub-title {
		font-size:1.4em;
		padding-left:15px !important;
		bottom:-40px !important;
		letter-spacing:0px;
	}
}

.sub-arrowup {
	 width:0;
	 height:0;
	 display:block;
	 border-width:20px;
	 border-style:solid;
	 border-color:transparent #2767aa transparent transparent;
	 transform:rotate(90deg);
}

@media (max-width: 768px){
	.sub-arrowup {
		border-width:20px;
		padding-left:15px !important;
	}
}

.sub-titlebg {
	background-color:#2767aa;
	padding-top:20px;
	padding-bottom:10px;
}

@media (max-width: 768px){
	.sub-titlebg {
		padding-top:10px;
		padding-bottom:10px;
	}
}

@media (max-width: 768px){
	.submenu-t {
		margin-top:10px;
		padding-left:15px !important;
		padding-right:15px !important;
	}
}

.submenu-t a {
	text-decoration:none !important;
	color: #fff;
	font-size: 1.15em;
}

.submenu-t span {
	height:40px;
	display:inline-flex;
	margin-right:10px;
	margin-bottom:10px;
	padding:6px 22px;
	border:1px solid #7da4cc;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.submenu-t span {
		height:30px;
		font-size: 0.875em;
		padding:6px 10px;
	}
}

.submenu-t span:hover {
	background-color:#fff;
	border:1px solid #fff;
	color:#2767aa;
}

.submenu-t span.active {
	background-color:#fff;
	border:1px solid #fff;
	color:#2767aa;
}



/*二級頁關于我們樣式*/
.subtitle-t {
	color:#274178;
	font-size:2.4em;
	font-weight:300;
	margin-top:70px;
	display:block;
}

@media (max-width: 768px){
	.subtitle-t {
		font-size:1.4em;
		margin-top:30px !important;
	}
}

.subtitle-ten {
	color:#e3e4e7;
	font-size:3em;
	font-weight:300;
	margin-top:-10px;
	display:block;
}

@media (max-width: 768px){
	.subtitle-ten {
		color:#aeaeae;
		font-size:1.4em;
		margin-top:0px;
	}
}

.subtitle-line {
	width:80px;
	height:3px;
	background:#0195da;
	display:block;
	margin-bottom:50px;
}

@media (max-width: 768px){
	.subtitle-line {
		width:60px;
		margin-bottom:30px;
		height:2px;
	}
}

.subcontent {
	font-size:1.2em;
	line-height:30px;
	color:#666666;
	position:relative;
}

@media (max-width: 768px){
	.subcontent {
		line-height:24px;
		font-size:1em;
	}
}

.subcontent p {text-indent:2em;}

.subcontent-noin {text-indent:0em !important;}
.subcontent-noin p{text-indent:2em !important;}

.subcontent-pic {
	overflow:hidden !important;
	margin-bottom:20px;
}

@media (max-width: 768px){
	.subcontent-pic {margin-bottom:0px;}
}

.subcontent-pic img {
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.subcontent-pic img {margin-bottom:20px;}
}

.subcontent-pic:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.sub-wd {width:50px;}

.subcontent-pd {margin-bottom:30px;}

@media (max-width: 768px){
	.subcontent-pd {margin-bottom:0px;}
}

.qua-link {
	height:100%;
	margin-bottom:50px;
}

@media (max-width: 768px){
	.qua-link {
		margin-top:30px;
		margin-bottom:0px;
	}
}

.qua-pic {text-align:center;}

.qua-pic img {
	background-size:cover;
	background-position: center;
	height:300px;
	margin:0 auto;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.qua-picimg {height:160px;}
}

.qua-title {
	display:block;
	margin-top:10px;
	text-align:center;
	color:#000;
	font-size:1em;
	font-weight:200;
	transition: 800ms;
	-webkit-transition: 800ms;
}

.qua-link:hover .qua-br {background:#f6f6f6;}

.qua-link:hover .qua-picimg {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.qua-link:hover .qua-title {color:#3f92d0;}


/*二級欄目-幻燈圖片*/
.pro-slidertop {overflow:hidden !important;}

.slider-container {
	text-align: center;
	position: relative;
	background-color:#f2f2f2;
}

.slider {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

.slider div {text-align:center;}

.slider div img {
	height:500px;
	margin:0 auto;
}

@media (max-width: 768px){
	.slider div img {
		height:220px;
	}
}

.slider div img.marle {
	margin-left:0px !important;
	height:640px;
}

@media (max-width: 768px){
	.slider div img.marle {
		height:300px;
	}
}

.slider-span {
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	font-size:1.4rem;
}

.slider li {
	float: left;
	position: relative;
}

.slider li figure {
	display: block;
	line-height: 1;
	position: relative;
	overflow: hidden;
}

.slider .slick-list {overflow: visible;}

.slider .slick-arrow {
	border: none;
	display: block;
	padding: 0;
	margin: 0;
	outline: none;
	width: 30px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 10;
	text-indent: 9999px;
	cursor: pointer;
	transition: 0.4s;
}

@media (max-width: 768px){
	.slider .slick-arrow {
		width: 20px;
		height: 30px;
	}
}

.slider .slick-arrow.slick-prev {
	left: 0;
	background: #0195da url("../image/arrow7.png") center no-repeat;
}

.slider .slick-arrow.slick-next {
	right: 0px;
	background: #0195da url("../image/arrow8.png") center no-repeat;
}

.slider-preview {
	z-index: 10;
	height: 100%;
	width: calc((100% - 800px)/2);
	position: absolute;
	top: 0;
	background: #000;
	filter: alpha(opacity=50);
	background: rgba(0,0,0,0.5);
}

.slider-prev {left: 0}

.slider-next {right: 0}

@media screen and (max-width: 1200px) {
	.slider {width: 90%;}
}

@media screen and (max-width: 1024px) {
	.slider-container {overflow: hidden;}
	.slider {width: 100%;}
}

.culture-t {
	font-size:1.5em;
	font-weight:400;
	color:#274178;
	margin-bottom:20px;
}

@media screen and (max-width: 1024px) {
	.culture-t {margin-bottom:0px;}
}


/*二級頁产品中心*/
.subproducts-top {margin-top:80px;}

@media (max-width: 768px){
	.subproducts-top {margin-top:30px;}
}

.subproducts-link {
	margin-top:30px;
	height:100%;
}

.subproducts-pic {overflow:hidden !important;}

.subproducts-picimg {
	background-size:cover;
	background-position: center;
	height:347px;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.subproducts-picimg {height:160px;}
	.subproducts-picimg:nth-child(odd) {border-right:1px solid #fff;}
}

.subproducts-br {
	border:1px solid #cdcdcd;
	padding:0px 20px 30px 20px !important;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.subproducts-br {padding:0px 20px 15px 20px !important;}
}

.subproducts-title {
	display:block;
	margin-top:20px;
	text-align:center;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.subproducts-title {
		font-size:1em;
		margin-top:10px;
	}
}

.subproducts-link:hover .subproducts-br {background:#f6f6f6;}

.subproducts-link:hover .subproducts-picimg {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.subproducts-link:hover .subproducts-title {color:#3f92d0;}

.subproducts-titlezi {
	font-size:1.8em;
	color:#3f92d0;
	text-align:center;
	margin-top:80px;
	border-bottom:1px solid #bababa;
	padding-bottom:30px;
	margin-bottom:30px;
}

@media (max-width: 768px){
	.subproducts-titlezi {
		font-size:1.4em;
		margin-top:30px;
		padding-bottom:10px;
		margin-bottom:20px;
	}
}

.subproducts-listzi {
    background-color: #f6f6f6;
    font-size: 1.3em;
	font-weight:600;
    color: #000;
    margin-top: 30px;
	margin-bottom: 10px;
    padding: 10px 20px !important;
}

@media (max-width: 768px){
	.subproducts-listzi {
		font-size: 1.15em;
		padding: 10px 10px !important;
	}
}

.tablecol-zi {font-size:0.875em;}

.tablecol-center, .tablecol-center th {text-align:center !important;}

.tablecol-1 {
	background:#2bafed !important;
	color:#fff;
}

.tablecol-2 {
	background:#dceaf1 !important;
	color:#000;
}





.subcases-tbg {
	font-size:1.8em;
	color:#3f92d0;
	text-align:center;
	padding:20px;
	margin-top:60px;
}

@media (min-width: 768px) and (max-width: 1280px){
	.subcases-tbg {
		font-size:1.6em;
		margin-top:30px;
	}
}

@media (max-width: 768px) {
	.subcases-tbg {
		font-size:1.2em;
		margin-top:0px;
		padding:10px;
	}
}

.subcases-list li{padding-left:10px !important;}

@media (max-width: 768px){
	.subcases-listtop{margin-top:30px;}
}

.subcases-list a{
	color:#666666;
	text-decoration:none;
	font-size:1em;
	text-align:left;
}

@media (max-width: 768px){
	.subcases-list a {font-size:0.875em;}
}

.subcases-list a:hover{color:#c9151e;}

.subcases-list:hover {background-color:#e6e6e6;}

.subcases-line {border-top:1px solid #dbdbdb;}

.subcases-line1 {
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	margin-bottom:20px;
}

.subcases-icon i {
	font-size:2em;
	color:#000;
	display:block;
	text-align:center;
	margin-top:30px;
	margin-bottom:5px;
}

@media (max-width: 768px){
	.subcases-icon i {font-weight:bold;}
}

.subcases-icon span {
	font-size:1.2em;
	color:#000;
	display:block;
	text-align:center;
	margin-bottom:20px;
}

@media (max-width: 768px){
	.subcases-icon span {font-weight:bold;}
}

.subcases-detailbg {
	background-color:#f6f6f6;
	padding:30px !important;
	font-size:1.2em;
	text-align:left;
	line-height:30px;
}

@media (max-width: 768px){
	.subcases-detailbg {
		padding:15px !important;
		font-size:1em;
		line-height:24px;
	}
}

.subcases-conpic {
	float:right;
	margin-left:30px;
}

@media (max-width: 768px){
	.subcases-conpic {
		float:none;
		margin-left:0px;
	}
}



/*二級頁新闻樣式*/
.subnews-top {margin-bottom:30px;}

.subnews-pic {
	height:240px;
	overflow:hidden !important;
	border:1px solid #ededed;
	border-bottom:none;
}

@media (max-width: 768px){
	.subnews-pic {height:160px;}
}

.subnews-picimg {
	background-size:cover;
	background-position: center;
	height:240px;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.subnews-picimg {height:160px;}
}

.subnewsbr {
	border:1px solid #ededed;
	padding:10px 15px 25px 15px !important;
	transition: 800ms;
	-webkit-transition: 800ms;
}

.subnews-date {
	display:block;
	font-size:1em;
	color:#d4d4d4;
	margin-top:10px;
	text-align:left;
	transition: 800ms;
	-webkit-transition: 800ms;
}

.subnews-title {
	display:block;
	margin-top:20px;
	text-align:left;
	color:#4e4e4e;
	font-size:1.2em;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.subnews-title {
		font-size:1.05em;
		margin-top:10px;
	}
}

.subnews-link, .subnews-link a {height:100%;}

.subnews-link:hover .subnews-picimg {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.subnews-link:hover .subnewsbr {
	background:#f9f9f9;
}

.subnews-link:hover .subnews-date {color:#0195da;}

.subnews-link:hover .subnews-title {color:#0195da;}

.subnews-titlezi {
	font-size:1.8em;
	color:#3f92d0;
	text-align:center;
	margin-top:80px;
}

@media (max-width: 768px){
	.subnews-titlezi {
		font-size:1.2em;
		margin-top:30px;
	}
}

.subnews-titled {
	color:#bababa;
	text-align:center;
	padding-bottom:20px;
	margin-top:10px;
	margin-bottom:30px;
	border-bottom:1px solid #dbdbdb;
}

.subnews-picright {
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}



/*二級頁人才招聘樣式*/
.careers-br {
	border:1px solid #dddddd;
	padding:40px !important;
	text-align:left;
	margin-bottom:40px;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.careers-br {
		padding:20px !important;
		margin-bottom:10px;
	}
}

.careers-br:hover {background-color:#f6f6f6;}

.careers-title {font-size:1.2em;}

.careers-detail {
	display:block;
	margin-top:10px;
}

.careers-detail a {
	font-size:0.875em !important;
	color:#3f92d0;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.careers-detail a:hover {color:#000;}

.page1 {text-align:center;}

.page1:hover {cursor:hand !important;}

.page1-top {margin-top:30px;}

.pagination {
	margin: 0px 0 !important;
	font-size:0.75em;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color:#1296db !important;
	border-color:#1296db !important;
	color:#fff !important;
}

.pagination>li>a, .pagination>li>span {border:1px solid #1296db !important;}

.pagination>li>a, .pagination>li>span {color:#1296db !important;}

.carrers-title {
    background-color: #f6f6f6;
    font-size: 1.4em;
    color: #3f92d0;
    margin-bottom: 30px;
    text-align: center;
    padding: 20px;
    margin-top: 80px;
}

@media (max-width: 768px){
	.carrers-title {
		margin-bottom: 10px;
		padding: 10px;
		margin-top: 30px;
	}
}



/*二級頁聯系我們樣式*/
.contact-icon {text-align:center;}

@media (max-width: 768px){
	.contact-icon {margin-bottom:10px;}
}

.contact-icon a {
	color:#666666;
	text-decoration:none;
}

.contact-icon a:hover {color:#3f92d0;}

.contact-icon i {
	display:block;
	font-size:1.4em;
	width: 50px;
	height: 50px;
	margin:0 auto;
	background: #fff;
	border-radius:25px;
	border:1px solid #666666;
	transition: 800ms;
	-webkit-transition: 800ms;
	padding-top:15px;
	margin-bottom:10px;
}

.mapimg-top {margin-top:30px;}

.form-bor {
	border:1px solid #8d8d8d;
	margin-top:20px;
	margin-right:20px;
}

@media (max-width: 768px){
	.form-bor {
		margin-top:10px;
		margin-right:0px;
	}
}

.form-mu {
	color:#c10031 !important;
	float:right;
	margin-right:20px;
	margin-top:10px;
}

@media (max-width: 768px){
	.form-mu {font-size:0.875em;}
}

.con-input1 {
	border:none !important;
	padding:15px;
	color:#f6fbfe !important;
	width:100%;
}

@media (max-width: 768px){
	.con-input1 {
		padding:8px;
		font-size:0.75em;
	}
}

.con-textarea {
	border:none !important;
	padding:15px;
	color:#c5c5c5;
	width:100%;
}

.form-conbtn {
	width:180px;
	line-height:50px;
	background:#0195da;
	text-align:center;
	display:block;
	margin-top:20px;
	transition: 800ms;
	-webkit-transition: 800ms;
}

@media (max-width: 768px){
	.form-conbtn {
		width:120px;
		line-height:40px;
	}
}

.form-conbtn a {
	color:#fff;
	font-size:1em;
	text-decoration:none;
}

.form-conbtn:hover {
	background:#2d3091;
	cursor: pointer;
}