body {

	font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;


}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, tbody, tfoot, thead, tr, th, td {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	;

}

.con {

	width: 1024px;

	margin-right: auto;

	margin-left: auto;

}

.header {

	/* [disabled]height: 106px; */

	width: 1024px;

	margin-right: auto;

	margin-left: auto;

}

.header1 {

	/* [disabled]height: 23px; */

}

.fff {

	height: 106px;

	width: 1024px;

	margin-right: auto;

	margin-left: auto;

}

.fff1 {

	background-color: #666;

	background-image: url(../use-img/back-down.jpg);

	background-repeat: repeat-x;

}





.conn1 {

	min-height: 300px;



}



.slider {

	height: 350px;

	width: 1400px;

	margin-right: auto;

	margin-left: auto;

}









ol, ul {

	list-style:none;

}

blockquote, q {

	quotes:none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content:'';

	content:none;

}

:focus {

	outline:0;

}

ins {

	text-decoration:none;

}

del {

	text-decoration:line-through;

}

/* Globe Font Control */

body, table, input, textarea, button, select {

	font-family:"微軟正黑體";

	font-size:12px;

}

.head {

	/* [disabled]background-color: #F7F7F7; */

	/* [disabled]height: 106px; */

}





.head-cont {

	margin: 0 auto;

	overflow: hidden;

	position: relative;

	width: 960px;

}

h1 {

	float: left;

	height:82px;

	line-height:82px;

}

.logo, .logo-des, .ctrl-l, .ctrl-r {

	text-indent: -99em;

}

.logo {

	background: url(../images/logo.png) no-repeat;

	display: inline-block;

.display:block;

.float:left;

	height: 62px;

	margin-top: 20px;

	width: 213px;

}

.logo-des {

	background: url(../images/logo_des.png) no-repeat;

	display: inline-block;

.display:block;

.float:left;

	height: 24px;

*margin-top:40px;

	margin-left: 12px;

	width: 231px;

}

.top-nav {

	float: right;

	font-size: 0;

	margin-top: 29px;

	position: relative;

	z-index: 1;

}

.top-nav a {

	color: #000;

	cursor:pointer;

	display: inline-block;

	font-size: 18px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	text-decoration: none;

	width: 111px;

	padding-right:4px;

}

.top-nav a.current {

	background:url(../images/top_nav_active.png) no-repeat;

	color: #fff;

}

.main {

	margin: 0 auto;

	width: 1400px;

}

.pro-switch {

	height: 350px;

	overflow: hidden;

	position: relative;

	width: 1400px;

}

.flexslider {

	margin: 0;

	padding: 0;

}

.flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

}

.flexslider .slides img {

	width: 100%;

	display: block;

}

.slides:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

html[xmlns] .slides {

	display: block;

}

* html .slides {

	height: 350px;

}

.no-js .slides > li:first-child {

	display: block;

}

.flex-viewport {

	max-height: 2000px;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	transition: all 1s ease;

}

.flex-direction-nav {

*height: 0;

}

.flex-direction-nav a {

	width: 60px;

	height: 90px;

	margin: -60px 0 0;

	display: block;

	background: url(../images/ad_ctr.png) no-repeat 0 0;

	position: absolute;

	top: 50%;

	z-index: 10;

	cursor: pointer;

	text-indent: -9999px;

	opacity: 0;

	filter:alpha(opacity=0);

-webkit-transition: all .3s ease;

}

.flex-direction-nav .flex-next {

	background-position: 0 -90px;

	right: 0;

}

.flex-direction-nav .flex-prev {

	left: 0;

}

.flexslider:hover .flex-next {

	opacity: 0.8;

	filter:alpha(opacity=25);


}

.flexslider:hover .flex-prev {

	opacity: 0.8;

	filter:alpha(opacity=25);

}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

	opacity: 1;

	filter:alpha(opacity=50);

}

.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 10px;

	text-align: center;

}

.flex-control-nav li {

	margin: 0 5px;

	display: inline-block;

	zoom: 1;

*display: inline;

}

.flex-control-paging li a {

	background: url(../images/dot.png) no-repeat 0 -16px;

	display:block;

	height: 16px;

	overflow: hidden;

	text-indent:-99em;

	width: 16px;

	cursor: pointer;

}

.flex-control-paging li a.flex-active {

	background-position: 0 0;

}

#j_tslm {

	border-bottom:1px solid #E2E2E3;

	margin-top:22px;

	overflow:hidden;

	padding-bottom:40px;

*padding-bottom:20px;

}

.mod-tit {

	background: no-repeat;

	color:#303236;

	font-size: 28px;

	height: 50px;

	line-height: 50px;

	margin:32px 0;

	padding-left: 60px;

}

.tszl {

	background-image: url(../images/tit_tslm.png);

}

.about {

	background-image: url(../images/tit_about.png);

}

.pro-list {

	font-size: 0;

}

.pro-list li {

	background-color: #11b4fe;

	border: 4px solid #d3d5db;

	display: inline-block;

*float:left;

	height: 120px;

	margin-right: 38px;

	width: 120px;

}

.pro-list li.last {

	margin-right: 0;

}

.news-mod-cont {

	background-color: #f7f7f7;

	overflow: hidden;

	padding: 30px;

	_zoom: 1;

}

.news-mod {

	width: 342px;

}

.news-mod-tit {

	background: url(../images/line.png) no-repeat 0 100%;

	color: #3e3f43;

	font-size: 16px;

	font-weight: 700;

	margin-bottom: 15px;

	padding-bottom: 12px;

}

.more, .fr {

	float: right;

}

.more {

	color: #168eff;

	text-decoration: none;

}

.fl {

	float: left;

}

.date {

	color: #7b7b7b;

	float: right;

}

.txt-list li, .news-list li {

	color: #3e3f43;

	display: block;

	padding: 6px 0;

}

.news-list li a, .txt-list li a {

	color: #2c6ba6;

	text-decoration: none;

}

.clearfix:after {

	content: "";

	display: block;

	clear: both;

}

.clearfix {

	zoom: 1;

}

#j_tslm ul li {

	width: 128px;

	height: 128px;

	border: 0;

	background-color: transparent;

}

#j_tslm ul a {

	width: 128px;

	height: 128px;

	display: block;

	position: relative;

	z-index: 0;

	text-decoration: none

}

#j_tslm ul div {

	position: absolute;

	top: 0;

	left: 0;

	width: 120px;

	height: 120px;

	border: 4px solid #d3d5db;

}

#j_tslm a .front {

	z-index: 2;

	-webkit-transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;

-webkit-transition: -webkit-transform .3s linear;

	-moz-transform-style: preserve-3d;

	-moz-backface-visibility: hidden;

-moz-transition: -moz-transform .3s linear;

	-o-transform-style: preserve-3d;

	-o-backface-visibility: hidden;

-o-transition: -moz-transform .3s linear;

}

#j_tslm a .back {

	z-index: 1;

	-webkit-transform: rotateY(-180deg);

	-webkit-transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;

-webkit-transition: -webkit-transform .3s linear;

	-moz-transform: rotateY(-180deg);

	-moz-transform-style: preserve-3d;

	-moz-backface-visibility: hidden;

-moz-transition: -moz-transform .3s linear;

	-o-transform: rotateY(-180deg);

	-o-transform-style: preserve-3d;

	-o-backface-visibility: hidden;

-o-transition: -o-transform .3s linear;

	-ms-transform: rotateY(-180deg);

	-ms-transform-style: preserve-3d;

	-ms-backface-visibility: hidden;

-ms-transition: -ms-transform .3s linear;

}

#j_tslm a:hover .front {

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

}

#j_tslm a:hover .back {

	z-index: 3;

	zoom: 1;

	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

}

#footer {

	width:950px;

	margin:50px auto;

	text-align:center;

	line-height:1.5;

	color:#9e9e9e;

}

#footer a {

	color:#9e9e9e;

	text-decoration:none;

}