body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, , form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0
}

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none;display: block; }

/* ======  clearfix  ====== */
.clear {
	clear:both;
	visibility:hidden;
	display:block;
	font-size:0;
	line-height:0;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {*zoom:1;}
li{ list-style:none;}

::selection {	color:#fff;	background-color:#1b87e2;}
::-moz-selection {color:#fff;background-color:#1b87e2;}
html {
	background-repeat:repeat;*overflow-x:hidden;	font-size:62.5%;
}
body {
	font-family: "微軟雅黑","Microsoft YaHei",宋體, Arial, sans-serif;
	color:#333;
	line-height:1.8;
	font-size:15px;
}

a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#1b87e2;
	text-decoration:none;
}
/* Common Class */
.float-left {
	float:left;
	display:inline;
}
.float-right {
	float:right;
	display:inline;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
#wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#f0f2f1;
	position:relative;
}
.page-width {
	width:1200px;
	margin:0 auto;
}

/* 左右懸浮 */
.fixed-side {
	position:absolute;
	top:150px;
	z-index:10001;
}
.fixed-left {
	left:0;
}
.fixed-right {
	right:0;
	float:right;
}
.not-animated {
	opacity:0;
}
/* 返回頂部 */
.gotop {
	display:none;
}
.service-max {
	width:160px;
	position:relative;
}
.service-max .gotop {
	margin-top:5px;
	text-align:center;
	clear:both;
	width:160px;
}
.service-max .gotop a {
	display:block;
	line-height:34px;
	background-color:#6b7173;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.service-max .gotop a:hover {
	background-color:#464a4b;
	color:#fff;
	text-decoration:none;
}
.service-max .gotop a span {
	padding-left:30px;
	background:url(../image/icon-gotop.gif) no-repeat left center;
}
.service-min {
	display:none;
	width:46px;
	clear:both;
}
.service-min .service-title {
	height:auto;
	line-height:normal;
	border-bottom:none;
	background-color:transparent;
	padding:0 0;
}
.service-min .service-title a {
	display:block;
	padding:15px 13px;
	width:20px;
	background-color:#f90;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.service-min .service-title a:hover {
	background-color:#e58a00;
	color:#fff;
	text-decoration:none;
}
.service-min .service-title .service-title-icon {
	background-position:center 15px;
	padding-top:45px;
}
.service-min .gotop {
	margin-top:2px;
	clear:both;
}
.service-min .gotop a {
	display:block;
	width:46px;
	height:46px;
	overflow:hidden;
	background:#6b7173 url(../image/icon-gotop.gif) no-repeat center;
	color:#fff;
	text-decoration:none;
}
.service-min .gotop a span {
	display:block;
	width:36px;
	height:36px;
	overflow:hidden;
	padding:6px 5px 4px;
	line-height:16px;
	text-align:center;
	font-size:13px;
	display:none;
	cursor:pointer;
}
.service-min .gotop a:hover {
	background-color:#464a4b;
	background-image:none;
}
.service-min .gotop a:hover span {
	display:block;
	color:#fff;
	text-decoration:none;
}
.fixed-left .service {
	float:left;
}
.fixed-left .service-inner {
	_float:left;
}
.fixed-right .service {
	float:right;
}
.fixed-right .service-inner {
	_float:right;
}
.fixed-right .service-min {
	float:right;
}

/*header*/
.header{ margin:0 auto; padding:0;width:100%; }
.yding{ border-bottom:1px solid #ececec; background-color:#1b87e2;}
.container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; }
.dingleft{ margin:0 auto; padding:0; width:40%; height:auto; float:left; }
.dingleft span.tu{ margin:0 auto; padding:0; width:30px; height:auto; float:left; font-size:12px; color: #fff; line-height:35px; text-align:center; }
.dingleft span.txt{ margin:0 auto; padding:0; width:auto; height:auto; float:left;font-size:12px; color: #fff; line-height:35px; text-align:center;  padding-right:30px; }
.dingright{ margin:0 auto; padding:0; width:50%; height:auto; float:right; }
.dingright ul{ float:right;}
.dingright li{ float:left; line-height:43px; padding:0 13px; background:url(/static/images/htop_line.png) no-repeat left center;}
.dingright li img{ padding-right:10px;}
.dingright li a{ font-size:13px; color:#fff;}
.dingright li a:hover{ font-size:13px; color:#fff; text-decoration:underline;}
.dingright li.noBg{ background:none;}



.dingright .search{ float:right;width: 200px;background-color: #fff; border:1px solid #e3e3e3; margin-right: 20px; margin-top: 8px;}
.dingright .search .input{ float:left;width: 100px;height:25px;line-height:25px;padding:0 20px;font-size:14px;color:#666;background:none;outline:none;border:none;font-family:"微軟雅黑","宋體",Arial;}
.dingright .search .btn{float:right; width:40px; height:25px; background:url(../image/ss1.png) no-repeat center center #e30000; border:0;}




.grop { position: relative; z-index: 500; }
.top { padding: 5px 0px; }
.logo { float: left; display: none; width: 74px; }
.logo img { width: 100%; display: block; }
.f12{ margin:0 auto; padding:0; font-family:"微軟雅黑","宋體",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:30px;}

.navbox { margin:0 auto; padding:0; width:100%; height:87px; background:#fff; border-bottom:3px solid #eeae0e; }
.navboxmain { margin:0 auto; padding:8px 0; width:100%; max-width:1200px; height:70px;}

.navbox1 { margin:0 auto; padding:0; width:100px; height:70px; float:left; text-align:center; background:url(../image/bg.png) no-repeat top center; }
.navbox3 { margin:0 auto; padding:0; width:80px; height:70px; float:right; }
.navbox4 { margin:0 auto; padding:0; width:40px; height:28px; float:right; margin-left:10px; margin-top:16px; border:1px solid #fff; font-size:12px;color:#fff; text-align:center; text-decoration:none; line-height:30px; }
.navbox4 a{ margin:0 auto; padding:0; width:40px; display:block; height:28px; font-size:12px;color:#fff; text-align:center; text-decoration:none; line-height:30px; }
.navbox4 a:hover{ background:#e6a016;}

.search1{ float:left;width: 100%;}

.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 70px;
  height: 70px;
  margin: 0;
  padding: 0;
  background: url(../image/search1.png);
  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}

#toggle-search {
  float: right;
}
#toggle-search.open:after {
  top: 10px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -8px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 10px;
  width: 400px;
  max-height: 0;
  overflow: hidden;
  background-color: #1b87e2; z-index:99999999; color:#fff;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;color:#fff;
}
#search-form input::-webkit-input-placeholder {color: #fff;}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px; color:#fff;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;color:#fff;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #231815;
  border: none;
  cursor: pointer;
}


.navbox2 { margin:0 auto; padding:0; width:800px; height:70px; float:right;}
.nav{width:100%;}
.nav ul{width:100%;height:70px;margin:0 auto;}
.nav li{list-style:none;width:100px;height:70px;float:left;position:relative;}
.nav li .a{display:block;height:50px;line-height:64px;color:#666;text-align:center;text-decoration:none;font-family:"微軟雅黑";font-size:16px;}

.nav a:link, .nav a:visited { color: #666;  }
.nav a:active, .nav a:hover { color: #666; }
.nav a:hover, .nav a.act { display: block; color: #1b87e2; }
.nav li:hover {  color:#e6a016; }

.xmzs0{width:600px;height:auto;background:url(../image/lu1.png) repeat-x top center;display:none;position:absolute;left:-280px;top:54px;padding:20px;}
.xmzs0 .cpmain{ margin:0 auto; padding:0; width:100%; height:auto;}

.xmzs0 .cp{ margin:0 auto; padding:0; width:31%; height:auto; float:left; padding:1%;}
.xmzs0 .cp .cp1{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}
.xmzs0 .cp .cp2{ margin:0 auto; padding:0; width:100%; height:30px; float:left; padding-bottom:12px; padding-top:12px; border-bottom:1px solid #fff;font-family:"微軟雅黑","宋體",Arial; font-size:12px;color:#e6a016; text-align:left; text-decoration:none; line-height:20px;}
.xmzs0 .cp .cp2 a{ font-family:"微軟雅黑","宋體",Arial; font-size:14px;color:#fff; text-align:left; text-decoration:none; line-height:30px;}
.xmzs0 .cp .cp2 a:hover{ color:#fff; text-align:left; text-decoration: underline; line-height:30px;}
.xmzs0 .cp .cp3{ margin:0 auto; padding:0; width:100%; height:auto; float:left; padding-bottom:12px; padding-top:12px;}
.xmzs0 .cp .cp3 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
.xmzs0 .cp .cp3 ul li{ margin:0; padding:0; width:100%; display:block;float:left;height:auto; height:auto;  color:#fff;font-family:"微軟雅黑","宋體"; font-size:12px;  text-align:left; text-decoration:none; line-height:25px; font-weight: normal;}
.xmzs0 .cp .cp3 ul li a{ margin:0; padding:0; width:100%; display:block; border-bottom:1px dashed #fff; height:auto; color:#fff;font-family:"微軟雅黑","宋體"; font-size:12px;  text-align:left; text-decoration:none; line-height:25px; font-weight: normal;}
.xmzs0 .cp .cp3 ul li a:hover{ color:#fff; border-bottom:1px dashed #fff; background:#e6a016;  }

.xmzs01{width:240px;height:auto;background: url(/static/images/lu.png) no-repeat top center;display:none;position:absolute;left:-46px;top:54px;padding:30px 20px 20px 20px;}
.xm1 h3{font-size:14px;font-family:"微軟雅黑";color:#FFF;line-height:36px;}
.xm1 span{font-size:12px;font-family:"微軟雅黑";color:#FFF;}
.xm1{float:left;display:inline;}

.xmzs01 .mm1{ width:100%; height:auto; margin:0; padding:0;}
.xmzs01 .mm2{ width:100%; height:auto; margin:0; padding:0;background:#e6a016; }
.xmzs01 .mm2 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
.xmzs01 .mm2 ul li{ margin:0; padding:0; width:100%; display:block;float:left;height:auto;}
.xmzs01 .mm2 ul li a{ margin:0; padding:0; width:100%; display:block; border-bottom:1px dashed #6db5f1; height:25px;color:#fff;font-family:"微軟雅黑","宋體"; font-size:15px;  text-align:center; text-decoration:none; line-height:25px; font-weight: normal;}
.xmzs01 .mm2 ul li a:hover{ color:#fff; border-bottom:1px dashed #fff; background:#f3b843;  }


.xmzs02{width:400px;height:auto;background: url(../image/lu1.png) no-repeat top center;display:none;position:absolute;left:-170px;top:54px;padding:30px 20px 20px 20px;}
.xm1 h3{font-size:14px;font-family:"微軟雅黑";color:#FFF;line-height:36px;}
.xm1 span{font-size:12px;font-family:"微軟雅黑";color:#FFF;}
.xm1{float:left;display:inline;}

.xmzs02 .mm1{ width:100%; height:auto; margin:0; padding:0;}
.xmzs02 .mm2{ width:100%; height:auto; margin:0; padding:0;background:#e6a016; }
.xmzs02 .mm2 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
.xmzs02 .mm2 ul li{ margin:0; padding:0 2%; width:46%; display:block;float:left;height:auto; float:left;}
.xmzs02 .mm2 ul li a{ margin:0; padding:0; width:100%; display:block; border-bottom:1px dashed #6db5f1; height:25px;color:#fff;font-family:"微軟雅黑","宋體"; font-size:16px;  text-align:center; text-decoration:none; line-height:30px; font-weight: normal;}
.xmzs02 .mm2 ul li a:hover{ color:#fff; border-bottom:1px dashed #fff; background:#f3b843;  }



/* ============================= 響應式 CSS ============================= */
.desktops-section {
	display:block;
}
.mobile-section {
	display:none;
}
.touch-top-wrapper {
	padding:10px 15px;
	background-color:#fff;
	color:#fff;
}
.touch-logo {
	float:left;
}
.touch-navigation {
	display:none;
}
.touch-toggle-wrapper {
	margin:0 -10px;
}
.touch-toggle {
	position:absolute;
	right:10px;
	top:0;
}
.touch-toggle li {
	float:left;
	height:70px;
	padding:0 12px;
	text-align:center;
}
.touch-toggle li a {
	height:70px;
}
.touch-toggle li:hover, .touch-toggle li:active {
}
.touch-toggle .touch-toggle-item-first {
	border-left:none;
}
.touch-toggle .touch-toggle-item-last {
	border-right:none;
}
.touch-toggle li a {
	display:block;
	font-size:12px;
}
.touch-toggle li i {
	display:inline-block;
	width:32px;
	height:32px;
	overflow:hidden;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.touch-toggle .touch-icon-language {
	background-image:url(/static/images/touch-icon-language.png);
}
.touch-toggle .touch-icon-user {
	background-image:url(/static/images/touch-icon-user.png);
}
.touch-toggle .touch-icon-search {
	background-image:url(/static/images/touch-icon-search.png);
}
.touch-toggle .touch-icon-menu {
	background-image:url(/static/images/touch-icon-menu.png);
}
.touch-toggle li span {
	display:none;
	text-align:center;
}
.drawer-section {
	background-color:#e5e5e5;
	padding:20px 20px 35px;
	display:none;
}
.touch-language li {
	width:49.9%;
	float:left;
}
.touch-language li a {
	display:block;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	color:#666;
}
.touch-language li a:hover, .touch-language li a:active {
	background-color:#fff;
}
.touch-search {
	border:1px solid #a9a9a9;
	position:relative;
}
.touch-search-form {
	padding:0 50px 0 10px;
}
.touch-form-text {
	border:none;
	margin:0;
	background-color:transparent;
	padding:0;
	color:#999;
	width:100%;
	height:42px;
	line-height:42px;
}
.touch-form-btn {
	border:none;
	padding:0;
	margin:0;
	background-color:transparent;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:42px;
	height:42px;
	overflow:hidden;
	cursor:pointer;
	background:url(/static/images/touch-icon-search.png) no-repeat center;
	background-size:16px 16px;
}
.touch-form-btn span {
	display:none;
}
.touch-menu ul li {
	border-bottom:1px solid #3a3f4d;
	position:relative;
}
.touch-menu ul li a {
	color:#666;
	display:block;
	font-size:18px;
	height:48px;
	line-height:48px;
	padding-left:10px;
}
.touch-menu ul li a:hover, .touch-menu ul li a:active {
	background-color:#fff;
}
.touch-menu ul li i {
	position:absolute;
	top:19px;
	right:5px;
	display:block;
	width:13px;
	height:13px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.touch-menu ul li i.touch-arrow-right {
	display:none;
	background-image:url(/static/images/touch-arrow-r.png);
}
.touch-menu ul li i.touch-arrow-down {
	background-image:url(/static/images/touch-arrow-d.png);
}
.touch-menu ul li i.touch-arrow-up {
	background-image:url(/static/images/touch-arrow-u.png);
}
.touch-menu ul ul {
	display:none;
	margin:0;
	padding:0 10px 30px 30px;
}
.touch-menu ul ul li {
	border-bottom:none;
	margin:0;
	padding:0;
}
.touch-menu ul ul li a {
	padding:0;
	padding-left:5px;
	font-size:16px;
	height:38px;
	line-height:38px;
}
.touch-menu ul ul li i {
	top:13px;
}




/*seach*/
.seach{position:relative;z-index: 59;background:#1b87e2;}
.seach .container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.seach .gjc{float:left;width: 66%;height:56px;line-height:56px;padding: 0 2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.seach .gjc span{ font-size:14px; color:#f4f4f4; font-weight:bold;}
.seach .gjc a{font-size:12px;color:#f4f4f4;padding:0 5px;}
.seach .gjc a:hover{ text-decoration:underline; color:#ccc;}
.seach .sc{float:left;width: 30%;background-color: #217fc4;}
.seach .sc input{float:left;width: 76%;height:56px;line-height:56px;padding:0 2%;font-size:14px;color:#f4f4f4;background:none;outline:none;border:none;text-indent: 10px;}
.seach .sc a{ float:right; width:20%; height:56px; background:url(/static/images/ss.png) no-repeat center;}




/* 多列圖文 */
/* default marg-per3 margin right 3% */

.module-full-screen-title { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	margin-bottom:40px;
	text-align:center;
}
.module-full-screen-title > h3 {
	margin-bottom:13px;margin-top:13px;
	line-height:normal;
	font-weight:normal;
	color:#999;
	font-size:12px;
}
.module-full-screen-title > .module-title-content > h2 {
	display:inline-block;
*display:inline;
*zoom:1;
	margin:0 40px;
	line-height:normal;
	font-weight:normal;
	color:#4d4d4d;
	font-size:30px;
	font-size:2.4rem;
}
.module-full-screen-title > .module-title-content > i {
	display:inline-block;
*display:inline;
*zoom:1;
	position:relative;
	top:-5px;
	width:110px;
	height:1px;
	overflow:hidden;
	background-color:#ccc;
}

.product-list1 { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list1 li { margin:0 auto; padding:0; width:23%; margin:1%; float:left;
	text-align:center;
}


.product-list { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list li { margin:0 auto; padding:0; width:31%; margin:1%; float:left;
	text-align:center;
}

.portfolio-img {
	margin-bottom:10px; border:1px solid #f3f3f3;
	overflow:hidden;
}
.portfolio-img a {
	position:relative;
}
.portfolio-img a, .portfolio-img img {
	width:100%;
	display:block;
	overflow:hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-img .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.portfolio-img a:hover .opacity-overlay {
	filter:alpha(opacity=70);
	opacity:0.7;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
	transform: scale(1.2, 1.2) rotate(10deg);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}


.portfolio-wenzi { margin:0 auto; padding:0; width:100%; height:40px;	margin-bottom:10px; background:#1b87e2; color:#fff; line-height:40px;
}


.product-item {
	position:relative;
}
.product-item .portfolio-img {
	background-color:#f2f2f2;
	overflow:hidden;
	position:relative;
	margin-bottom:0;
}
.product-item .portfolio-text {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	text-align:center;
	width:100%;
	height:100%; line-height:18px;
	color:#fff;
}
.product-item .portfolio-text h2 {
	margin:40px 20px 20px;
	line-height:normal;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
}
.product-item .portfolio-text .icon-detail {
	display:inline-block;
*display:inline;
*zoom:1;
	width:41px;
	height:41px;
	background:url(../image/icon-detail.gif) no-repeat center;
	-webkit-transition:-webkit-transform 0.5s ease-out;
	-moz-transition:-moz-transform 0.5s ease-out;
	transition:transform 0.5s ease-out;
}
.product-item .portfolio-text .icon-detail span {
	display:none;
}

.product-item a:hover .portfolio-text {
	display:block;
}
.product-item .portfolio-text:hover .icon-detail {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.product-item .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#217fc4;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.product-item a:hover .opacity-overlay {
	filter:alpha(opacity=90);
	opacity:0.9;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}


/**/
.indexthreepro{ margin:0 auto; padding:0; width:100%; height:auto;}
.indexthreepro1{ margin:0 auto; padding:0; width:33%; height:auto; float:left; background:url(/static/images/21.jpg) repeat-x;}
.indexthreepro11{ margin:0 auto; padding:30px 0; width:100%; height:auto;line-height: 40px; color: #fff; font-size: 24px; text-align:center;}
.indexthreepro11 a{line-height: 40px; color: #fff; font-size: 24px; text-align:center;}
.indexthreepro11 a:hover{color: #eee35c; font-size: 24px; text-align:center;}
.indexthreepro12{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;transition:688ms;}
.indexthreepro12 img{ max-width:80%; height:auto;transition:688ms;}

.indexthreepro12:hover img{transform:translateY(-20px);}



.indexthreepro2{ margin:0 auto; padding:0; width:33%; height:auto; float:left; background:url(/static/images/22.jpg) repeat-x;}
.indexthreepro3{ margin:0 auto; padding:0; width:34%; height:auto; float:left; background:url(/static/images/23.jpg) repeat-x;}

/*newcon*/
.indexpro{ margin:0 auto; padding:40px 0; width:100%; height:auto; background: url(/static/images/bg1.jpg) no-repeat top center #318ac2; }
.indexpro .title{ margin:0 auto; padding:10px 0; width:100%; height:auto;line-height: 40px; color: #fff; font-size: 24px; text-align:center; }
.indexpro .titletiao{ margin:0 auto; padding:0; width:100px; height:2px; background:#fff;}
.indexpro .titleen{ margin:0 auto; padding:10px 0; width:100%; height:auto;line-height: 20px; color: #fff; font-size:12px; text-align:center; }

.indexpro .pro{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px;}





.indexpro .more{ margin:0 auto; padding:0; width:140px; height:40px; display:block; margin-top:20px;line-height:40px; }
.indexpro .more a{ margin:0 auto; padding:0; width:140px; height:40px; display:block; border:1px solid #fff; text-align:center; line-height:40px; color:#fff; transition: 0.5s; -webkit-transition: 0.5s; }
.indexpro .more a:hover{margin:0 auto; padding:0; width:140px; height:40px; display:block; background:#fff; color:#1b87e2;-webkit-transition: 0.5s;}


#indexpro1{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#f3f3f3;}

.friend{height:413px;margin:0 auto;overflow:hidden;width:1300px;}
.mr_frbox{height:407px;padding:24px 0 0;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:160px 10px 0 0;width:28px;}
.mr_frUl{float:left;height:202px;width:1047px;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:28px;height:46px;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:300px;overflow:hidden;position:relative;}
.mr_frUl ul li a img{/*display:block;*/width:100%;}
.mr_zhe{width:300px;position:absolute;top:0;background:rgba(142, 142, 142, 0.65) none repeat scroll 0 0 !important;/*實現FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#4ea4b5;/*實現IE背景透明*//*height:389px;*/left:0;right:0;}
.mr_zhe_i h1{text-align:center;font-size:182px;height:138px;line-height:138px;margin-top:72px;margin-bottom:64px;font-weight:bold;color:#fff;}
.mr_zhe_p{margin-bottom:60px;}
.mr_zhe_p h3{ margin:0 auto; padding:0; width:92%;text-align:center;font-size:12px;font-weight:bold;color:#fff;line-height:30px;}
.mr_zhe_p h3 span{display:block;margin:0 auto;width:260px;font-size:18px;border-bottom:1px solid #f4f4f4;}
.mr_zhe_hover{bottom:-596px;height:200px;position:absolute;width:300px;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*實現FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#0a0a0a;/*實現IE背景透明*/}
.mr_zhe_hover h1{text-align:center;height:40px;line-height:40px;margin:22px 0;color:#fff;}


#indexpro2{ margin:0 auto; padding:50px 0; width:100%; height:auto; background: url(/static/images/bg1.jpg) no-repeat top center #1b87e2;}
#indexpro2 .t1{ margin:0 auto; padding:0; width:100%; height:auto;font-size:34px;color:#fff; font-weight: normal; text-align:center; text-decoration:none; line-height:45px;}
#indexpro2 .t2{ margin:0 auto; padding:0; padding-top:30px; width:100%; height:auto;font-size:24px;color:#fff; font-weight: normal; text-align:center; text-decoration:none; line-height:30px;}
#indexpro2 .t3{ margin:0 auto; padding:0; width:100%; height:auto;font-size:14px;color:#fff; font-weight: normal; text-align:center; text-decoration:none; line-height:30px;}




#newcon{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#fff; }
#newconmain{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;}
#newcon1{ margin:0 auto; padding:0; width:100%; height:auto;font-size:24px;color:#000; font-weight: normal; text-align:center; text-decoration:none; line-height:40px; }
#newcon2{ margin:0 auto; padding:0; width:100px; height:2px; background:#29a7e2;}
#newcon3{ margin:0 auto; padding:0; width:100%; height:auto;font-size:12px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:30px; }
#newcon3 a{ font-size:12px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:30px; }
#newcon3 a:hover{ font-size:12px;color:#000; }
#newcon4{ margin:0 auto; padding:20px 0; width:100%; height:auto;}
#newcon4 ul{margin:0 auto; padding:0; width:100%; height:auto; }

#newcon4 ul li{ margin:0; padding:0; width:17%; height:auto; margin-left:1%; margin-right:1%; float:left;border:1px solid #f3f3f3;text-align:center;}
#newcon4 ul li.img{ margin:0; padding:0; width:100; height:auto;float:left;}
#newcon4 ul li img{ max-width:100%; height:auto;}
#newcon4 ul li.txt{ margin:0; padding:0; width:100; height:auto;float:left;border-top:1px solid #f3f3f3;font-family: '微軟雅黑',宋體;font-size:14px;color:#29B8C0; font-weight: normal; text-align:center; text-decoration:none; line-height:40px;}
#newcon4 ul li.txt a{ margin:0; padding:0;display:block; width:100%;   height:auto; font-family: '微軟雅黑',宋體;font-size:14px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:40px; }
#newcon4 ul li.txt a:hover{ font-family: '微軟雅黑',宋體;color:#fff; text-decoration:underline; background:#29B8C0; }
#newcon4 ul li a{ margin:0; padding:0;display:block; width:100%;   height:auto; font-family: '微軟雅黑',宋體;font-size:14px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:40px; }
#newcon4 ul li a:hover{ font-family: '微軟雅黑',宋體;color:#fff; text-decoration:none; background:#29B8C0; }
/*fuwu*/

#indexservice{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff;}
#indexservicemain{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px;}
#indexservice1{ margin:0 auto; padding:30px 0; width:18%; height:auto; margin:1%; float:left; background:#fff; border-radius:15px;-moz-box-shadow:0 0 10px #e9e9e9; -webkit-box-shadow:0 0 10px #e9e9e9; box-shadow:0 0 10px #e9e9e9;}
#indexservice1 .ico1{ margin:0 auto; padding:0; width:100%; height:70px;float:left; background:url(/static/images/ica1.png) no-repeat center center;}
#indexservice1 .ico2{ margin:0 auto; padding:0; width:100%; height:70px;float:left; background:url(/static/images/ica2.png) no-repeat center center;}
#indexservice1 .ico3{ margin:0 auto; padding:0; width:100%; height:70px;float:left; background:url(/static/images/ica3.png) no-repeat center center;}
#indexservice1 .ico4{ margin:0 auto; padding:0; width:100%; height:70px;float:left; background:url(../image/ica4.png) no-repeat center center;}
#indexservice1 .ico5{ margin:0 auto; padding:0; width:100%; height:70px;float:left; background:url(/static/images/ica5.png) no-repeat center center;}
#indexservice1 .txt{ margin:0 auto; padding:10px 0; width:100%; height:auto;float:left; font-size:18px;color:#32b3ee; font-weight: normal; text-align:center; text-decoration:none; line-height:40px;}
#indexservice1 .txten{ margin:0 auto; padding:15px 0; width:90%; height:auto;font-size:12px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:20px;}

#indexservice1:hover{ background:#32b3ee; transition: 0.5s; -webkit-transition: 0.5s;}
#indexservice1:hover .ico1{background:url(/static/images/ic1.png) no-repeat center center;}
#indexservice1:hover .ico2{background:url(/static/images/ic2.png) no-repeat center center;}
#indexservice1:hover .ico3{background:url(/static/images/ic3.png) no-repeat center center;}
#indexservice1:hover .ico4{background:url(/static/images/ic4.png) no-repeat center center;}
#indexservice1:hover .ico5{background:url(../image/ic5.png) no-repeat center center;}
#indexservice1:hover .txt{color:#fff; }
#indexservice1:hover .txten{ color:#fff; }




#indexsolute1{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:40px;font-family:"微軟雅黑","宋體",Arial; font-size:24px;color:#02a3eb; text-align:center; text-decoration:none; line-height:30px;}
#indexsolute2{ margin:0 auto; padding:0; width:100%; height:auto;font-family:"微軟雅黑","宋體",Arial; font-size:24px;color:#666; text-align:center; text-decoration:none; line-height:30px;}
#indexsolute3{ margin:0 auto; padding:0; width:100%; height:56px;font-family:"微軟雅黑","宋體",Arial; font-size:24px;color:#02a3eb; text-align:center; text-decoration:none; line-height:30px;}

#indexsolu{ margin: 0 auto; padding: 0; width: 100%; height: auto;} 



.solutions{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.solutes{ width:33%; float:left; position:relative;}
.solutes img{ display:block; width:100%; height:auto; line-height:0;}
.solutes figcaption{ position:absolute; left:0; top:50%; width:100%; margin-top:-83px; text-align:center;}
.solutes figcaption h2{ color:#fff; font-size:16px; font-weight:normal; text-align:center;}
.solutes figcaption small{ display:block; text-align:center; line-height:normal; color:#fff; font-size:16px; font-family:"微軟雅黑","宋體",Arial;}
.solutes figcaption a{ display:block; width:39px; height:39px; border:2px solid #fff; position:relative; margin:auto; margin-top:64px;}
.solutes figcaption a:before{ content:""; width:7px; height:13px; background:url(/static/images/next.png) center no-repeat; position:absolute; left:16px; top:14px; transition:300ms;}
.solutes figcaption a:hover:before{ left:19px;}
.solute-info{ width:33%; float:left; position:relative; overflow:hidden;}
.solute-info figure{ display:block; line-height:normal; overflow:hidden;}
.solute-info figure img{ display:block; line-height:0; width:100%; height:auto;}
.solute-info figcaption{ position:absolute; left:0; bottom:0; width:100%; transition:400ms; padding-top:12px; background-color: rgba(2,163,235,.87);padding-bottom:12px;}
.solute-info figcaption h4{ color:#ffffff; font-size:18px; font-weight:normal; line-height:normal; width:192px; padding-bottom:2px; float:left; margin-left:15px;}
.solute-info figcaption b{ display:block; width:13px; height:7px; background:url(/static/images/top.png) center no-repeat; float:right; margin-right:36px; margin-top:21px;}
.solute-info .sulute-wr{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); opacity:0; visibility:hidden; transition:420ms 0ms;}
.solute-info .sulute-wr mark{ background:none; position:absolute; left:0; top:50%; width:100%; text-align:center; margin-top:-130px;}
.solute-info .sulute-wr mark h3{ color:#ffffff; font-size:24px; text-align:center; line-height:normal; font-weight:normal; padding-bottom:20px; position:relative; margin-bottom:32px;}
.solute-info .sulute-wr mark h3:before{ content:""; width:46px; height:2px; background:#02a3eb; position:absolute; left:50%; margin-left:-23px; bottom:0;}
.solute-info .sulute-wr mark p{ color:#ffffff; font-family:"微軟雅黑","宋體",Arial; text-align:center; line-height:2.2; width:75%; margin:auto; height:auto; overflow:hidden;}
.solute-info .sulute-wr mark .checkmore{ width:122px; height:28px;  border:2px solid #fff; margin:auto; margin-top:20px;position:relative; overflow:hidden; transition:300ms;}
.solute-info .sulute-wr mark .checkmore a{ display:block; text-align:center; line-height:28px; color:#ffffff; position:relative; z-index:5;}
.solute-info .sulute-wr mark .checkmore:after{ content:""; position:absolute; width:100%; height:100%; left:0; top:100%; background:#02a3eb; transition:320ms;}
.solute-info .sulute-wr mark .checkmore:hover{ border-color:#02a3eb;}
.solute-info .sulute-wr mark .checkmore:hover:after{ top:0;}
.solute-info:hover figcaption{ bottom:-30px; opacity:0; visibility:hidden;}
.solute-info:hover .sulute-wr{ opacity:1; visibility:visible; top:0; transition:450ms 160ms;}
.success-case{ padding:65px 0; background:#ededed; overflow:hidden;}



.pronewnew{display:none;}

.pronew{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f8f8f8; }
.pronewmain{ margin:0 auto; padding:0; width: 100%; height: auto; max-width: 1200px;}
.pronew1{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;	font-size: 26px;	line-height: 34px;	color: #666; }
.pronew2{ margin:0 auto; padding:20px 0; width: 100%; height: auto;  }
.pronew2 ul{ margin:0 auto; padding:0; width: 100%; height: auto;  }
.pronew2 ul li{ margin:0 auto; padding:0; width: 15%; height: auto; float: left; margin: 0.6%; background: #fff; display: block;}
.pronew2 ul li a{ margin:0 auto; padding:20px 0; width: 100%; height: auto;  }

.pronew2 ul li img{ max-width: 90%; height: auto; padding: 2% 5%; }
.pronew2 ul li .titlele{ margin:0 auto; padding:5px 0; width: 100%; border-top:1px solid #e3e3e3; background: #fff; display: block;height: auto;  text-align: center;	font-size: 12px;	line-height: 22px;	color: #666; }

.pronew2 ul li:hover .titlele{background: #1b87e2; display: block; color: #fff;} 




.pronew3{ margin:0 auto; padding:0; margin-top:20px; width: 100%; height: auto; text-align: left;	font-size: 20px; font-weight: bold;line-height: 34px;	color: #1b87e2; border-bottom: 2px solid #e3e3e3; }

.pronew4{ margin:0 auto; padding:0; width: 100%; height: auto; }
.pronew41{ margin:0 auto; padding:0; width: 23%; margin-right:2%; float: left;height: auto; }
.pronew411{  margin:0 auto; padding:0; margin-top:20px; width: 100%; height: auto; text-align: left;	font-size: 20px; font-weight: bold;line-height: 34px;	color: #1b87e2; border-bottom: 2px solid #e3e3e3;  }
.pronew412{ margin:0 auto; padding:20px 0; width: 100%; height: auto;  }
.pronew412 ul{ margin:0 auto; padding:0; width: 100%; height: auto;  }
.pronew412 ul li{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; background: #fff; display: block;}
.pronew412 ul li a{ margin:0 auto; padding:20px 0; width: 100%; height: auto;  }

.pronew412 ul li img{ max-width: 90%; height: auto; padding: 2% 5%; }
.pronew412 ul li .titlele{ margin:0 auto; padding:5px 0; width: 100%; border-top:1px solid #e3e3e3; background: #fff; display: block;height: auto;  text-align: center;	font-size: 12px;	line-height: 22px;	color: #666; }

.pronew412 ul li:hover .titlele{background: #1b87e2; display: block; color: #fff;} 





.fanganbaidutuigang1{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#f3f3f3;}
.fanganbaidutuigang1 .title{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; font-size:24px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganbaidutuigang1 .titletxt{ margin:0 auto; padding:5px 0; width:100%; height:auto; max-width:1200px; font-size:14px;color:#777; text-align:center; text-decoration:none; line-height:20px;text-align:center;}

.fanganbaidutuigang1 .facon{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.fanganbaidutuigang1 .facon1{ margin:0 auto; padding:30px 0; width:31%; height:auto; margin:1%; float: left; border-radius:8px;}
.fanganbaidutuigang1 .facon1:hover{ background:#fbc700;}

.fanganbaidutuigang1 .facon1 .facon11{ margin:0 auto; padding:0; width:80px; height:80px;background-color:#ffba00; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:0 -80px;}
.fanganbaidutuigang1 .facon1 .facon11 img{ max-width:100%; height:auto;}
.fanganbaidutuigang1 .facon1 .facon12{ margin:0 auto; padding:0 10%; width:80%; height:auto; font-size:18px;color:#333; text-align:center; text-decoration:none; line-height:30px;text-align:center; font-weight:bold;}
.fanganbaidutuigang1 .facon1 .facon13{ margin:0 auto; padding:5px 10%; width:80%; height:auto; font-size:14px;color:#888; text-align:center; text-decoration:none; line-height:25px;text-align:center;}

.fanganbaidutuigang1 .facon1:hover .facon11{  background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:0 0;}
.fanganbaidutuigang1 .facon1:hover .facon12{color:#fff;}
.fanganbaidutuigang1 .facon1:hover .facon13{color:#fff;}

.fanganbaidutuigang1 .facon1 .facon21{margin:0 auto; padding:0; width:80px; height:80px;background-color:#00ccff; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-80px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon21{ background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-80px 0;}

.fanganbaidutuigang1 .facon1 .facon31{margin:0 auto; padding:0; width:80px; height:80px;background-color:#d4257c; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-160px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon31{ background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-160px 0;}
.fanganbaidutuigang1 .facon1 .facon41{ margin:0 auto; padding:0; width:80px; height:80px;background-color:#44b12b; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-240px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon41{background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-240px 0;}
.fanganbaidutuigang1 .facon1 .facon51{ margin:0 auto; padding:0; width:80px; height:80px;background-color:#c8a139; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-320px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon51{background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-320px 0px;}
.fanganbaidutuigang1 .facon1 .facon61{ margin:0 auto; padding:0; width:80px; height:80px;background-color:#00b4c4; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-400px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon61{background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-400px 0px;}


.servicea {
	background: url(/static/images/bg_5.png) center top no-repeat #f3f3f3;
	padding-top: 25px;
	padding-bottom: 63px;
}
.about-info {
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #666;
	padding-bottom: 50px;
}

.tit-i {
	text-align: center;
	padding: 50px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-i h3 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 10px;
}
.tit-i h5 {
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.tit-i h5 span {
	color: #e4392a;
}
.tit-i em {
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}

.zongzhi{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.zongzhi1{ margin:0 auto; padding:1%; width:19%; height:auto; margin:1%; border:1px solid #fff; float:left; display:block;}
.zongzhi1 h4{ margin:0 auto; padding:2%; width:96%; height:auto; text-align:center; font-size:18px; line-height:30px; color:#fff;}
.zongzhi1 p{ margin:0 auto; padding:2%; width:96%; height:auto; text-align:center; font-size:12px; line-height:20px; color:#fff;}

.zongzhi1:hover{ margin:0 auto; padding:1%; width:19%; height:auto; margin:1%; border:1px solid #fff; float:left;}
.zongzhi1:hover h4{#000;}
.zongzhi1:hover p{#000;}


.equivalent{ visibility:hidden; opacity:0;}
.content-box{ padding:128px 0; background-size:cover !important;}
.content h2{ color:#595757; font-weight:normal; font-size:26px; text-align:center; line-height:normal; margin-bottom:36px;}
.content-info{ position:relative; width:30.5%; float:left; margin-right:4.25%; overflow:hidden;}
.content-info:last-child{ margin-right:0;}
.content-info figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.content-info figure img{ display:block; width:100%; height:auto; line-height:0; transition:466ms;}
.content-info figcaption{ display:block; height:75px; line-height:75px; color:#5d5d5d; font-size:16px; text-align:center; background:#fff; position:absolute; left:0; bottom:0; width:100%; transition:335ms;}
.content-text{ width:100%; height:100%; background:rgba(235,97,35,0.8); background:#eb6123\9; filter:alpha(opacity=80); box-sizing:border-box; padding:9px; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:rotateY(-90deg); transition:450ms;}
.content-wr{ padding:50px 24px 32px 22px;}
.content-wr:before{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box;}
.content-wr:after{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-top:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;}

.content-wr h3{ color:#ffffff; font-size:20px; line-height:normal; font-weight:normal; padding-bottom:22px; border-bottom:1px solid #fff; }
.content-wr p{ color:#ffffff; font-size:14px; margin-top:42px;}
.content-wr span{ color:#ffffff; font-size:14px; position:absolute; left:32px; bottom:38px; z-index:10;}
.content-wr span:hover{ text-decoration:underline;}
.content-info:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.content-info:hover figcaption{ bottom:-100%;}
.content-info:hover .content-text{ opacity:1; transform:rotateY(0); visibility:visible;}



/*chanye*/
.case{ padding:80px 0 40px;}
.inner{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.inner h2{ margin:0 auto; padding:30px 0; width:100%; height:auto; text-align:center; color:#666; font-size:24px;font-family:"微軟雅黑"; font-weight: normal; line-height:30px;}

.case-list{ margin-bottom:12px;}
.case-list li{ width:31.58%; float:left; margin-right:2.63%; margin-bottom:32px; position:relative; overflow:hidden;}
.case-list li:nth-child(3n+3){ margin-right:0;}
.case-list li figure{ display:block; overflow:hidden;}
.case-list li figure img{ display:block; width:100%; height:auto; line-height:1; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transition:0.76s;}
.txt{ width:100%; height:auto; margin:0 auto; padding:0;text-align:center; color:#666; font-size:14px;font-family:"微軟雅黑"; font-weight: normal; line-height:30px;}

.casefix{ width:100%; height:100%; position:absolute; left:0; top:0}
.casefix mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;  background:rgba(0,0,0,0.8); background:#aa8541\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:transform .45s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:transform .45s cubic-bezier(.6,0.2,.1,1),-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transform-origin:left 100%; ransform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.casetext{ width:100%; position:absolute; left:0; top:50%; text-align:center; margin-top:-138px; opacity:0; visibility:hidden; transition:0.5s 0s; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px);}
.casetext small{ display:block; text-align:center; color:#fff; font-size:20px; padding-bottom:25px; margin-bottom:14px; position:relative; line-height:1; font-family:"Conv_LETTERGOTHICSTD"; text-transform:uppercase;}
.casetext small:before{ content:""; width:1px; height:10px; position:absolute; left:50%; bottom:0; background:#fff;}
.casetext h3{ text-align:center; line-height:1; color:#fff; font-size:18px; margin-bottom:32px; font-weight:normal;}
.casetext p{ text-align:center; color:#fff; padding:0 38px; height:128px;}
.casetext span{ display:block; width:38px; height:38px; border-radius:50%; border:1px solid #fff; margin:auto; position:relative;}
.casetext span:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.casetext span:before{ content:""; width:20px; height:20px; background:url(/static/images/add1.png) center no-repeat; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); transition:0.4s ease-out;}
.case-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.case-list li:hover .casefix mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; visibility:visible\9;}
.case-list li:hover .casetext{ opacity:1; visibility:visible; transition:0.5s 0.2s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
#about{ background:#fff;}


.about1{ margin:0 auto; padding:0; width:23%; height:auto; float:left; margin:1%;}

.section-title {
    margin-bottom: 30px
}
.section-title h3 {
  color: #333;
  font-size: 35px;
  margin: 0;
  text-transform: capitalize;
  position: relative;
  padding: 0 0 20px;
}
.section-title h3:after {
  position: absolute;
  content: "";
  display: block;
  height: 2px;
  width: 70px;
  background: #333;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -6px;
}
.section-title span {
  color: #1c9e3a;
}
.section-title span.line {
  height: 10px;
  width: 10px;
  background: #333;
  display: block;
  margin: 0 auto;
  border-radius: 30px;
}
.section-title p {
  margin-top: 25px;
}
.section-title.section-title-left span.line {
	margin: 0 30px;
}
.section-title.section-title-left h3:after {
	margin: 0;
}

.about11{ width:33%; margin:0; float:left;}

.single-about-icon {
  position: relative;
}
.single-about-icon img {
  display: inline-block;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.single-about:hover .single-about-icon img {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.single-about h5 {
	margin: 22px 0 0 0; font-size:20px;
	text-transform: uppercase;
}

.single-about span { font-size:12px; color:#fff; line-height:25px; padding:10px 0;}

.proindex{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:url(/static/images/c1.jpg) no-repeat top center;}


/* list */
.list{width:100%;margin:0 auto 0 auto; min-height:160px;}
.list li{width:22%;height:100px;float:left;border-radius:50%;position:relative;margin:0 1%;position:relative;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;-ms-transition:.4s all;transition:.4s all;}
.list li a{display:block;width:100%;height:100%;}
.list li .cycle_mark{position:absolute;left:0;top:0;z-index:2;}
.list li .ico{ margin:0 auto;width:100px;height:100px;background:url(/static/images/d.png);border-radius:50%;z-index:1;-webkit-transition:.4s all;-moz-transition:.4s all;-ms-transition:.4s all;transition:.4s all;}
.list li ._1{background-position:0px 0px;}
.list li ._2{background-position:-100px 0px;}
.list li ._3{background-position:-200px 0px;}
.list li ._4{background-position:-300px 0px;}
.list li ._5{background-position:-400px 0px;}

.list li p{width:100%;position:absolute;left:0;top:116px;text-align:center;}
.list li p span{font-size:16px;color:#fff;display:block;font-weight:bold;}
.list li p strong{font-size:12px;color:#f00;display:block;}

.list li.on{}
.list li.on .ico{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}


.protitle1{ margin:0 auto; padding:0; width:100%; height:auto;font-size:30px; color:#009946; line-height:40px; text-align:center; text-decoration:none; font-weight:bold;}
.protitle2{ margin:0 auto; padding:0; width:100%; height:auto;font-size:16px; color:#666; line-height:20px; text-align:center; text-decoration:none;}



/*fangan*/
#indexyinyong1{margin:0 auto; padding:0; width:100%; height:auto; margin-top:30px; max-width:1200px;font-size:30px; color:#000; line-height:40px; text-align:center; text-decoration:none; }
#indexyinyong2{margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; max-width:800px;font-size:13px; color:#888; line-height:20px; text-align:center; text-decoration:none;}

#indexyinyong3{margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; max-width:1200px;}
/* carousel */
.carousel{background:#fff;margin:0px auto;padding:30px 0px 0px;width:1200px;height:460px;overflow:hidden;position:relative;}
.carousel .slides{margin:0px auto 30px;overflow:hidden;position:relative;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{left:0px;top:0px;width:100% !important;height:334px !important;display:block;position:absolute;}
.prevButton{background:url("/static/images/btn.png") no-repeat 0px 0px;top:176px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background:url("/static/images/btn.png") no-repeat 0px 0px;top:176px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.prevButton{left:12px;}
.nextButton{background-position:0px -40px;right:12px;}




/*solution*/
#indexsolution{ margin:0 auto; padding:0; width:100%; height:auto; background:#f4f5f7;}
#indexsolutionmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; }





/*解決方案*/
#indexfangan{ margin:0 auto; padding:0; width:100%; height:40px; background:url(../image/di.png) no-repeat top center; font-size:18px; color:#fff; line-height:40px; text-align:center; }


.ixpro li {
    width: 25%;
    float: left;
}

.ixproList a {
    display: block;
    margin: 0 10px;
}

    .ixproList a:link,
    .ixproList a:visited {
        color: #fff;
    }

.ixproList .con {
    position: relative;
}

.ixproList .cover {
    background: url(/static/images/black.png);
    background: rgba(0,0,0,.4);
    opacity: 0;
    display: none\9;
}

.ixproList .txts {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 20px 35px 0 35px;
}

    .ixproList .txts .line {
        width: 0;
        height: 2px;
        background: #fff;
        margin-bottom: 20px;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .ixproList .txts .txx {
        opacity: 0;
        display: none\9;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .ixproList .txts .ti {
        transform: translateX(-60px);
        -webkit-transform: translateX(-60px);
    }

    .ixproList .txts .tx1 {
        font-size: 24px;
        margin-bottom: 5px;
        transition-delay: 100ms;
        -webkit-transition-delay: 100ms;
    }

    .ixproList .txts .tx2 {
        font-size: 14px;
        transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
    }

    .ixproList .txts .aen {
        position: absolute;
        left: 35px;
        bottom: 45px;
        font-size: 20px;
        font-family: 'MyriadPro-SemiCn';
        letter-spacing: -1px;
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px);
        transition-delay: 300ms;
        -webkit-transition-delay: 300ms;
    }

.ixproList a:hover .cover {
    opacity: 1;
    display: block\9;
}

.ixproList a:hover .txts .line {
    width: 100%;
}

.ixproList a:hover .txts .txx {
    transform: translate(0);
    -webkit-transform: translate(0);
    opacity: 1;
    display: block\9;
}


.ixprob {
    position: relative; margin:0 auto; padding:0;
    margin-top: 50px; width:100%; height:auto; max-width:1200px;
}

.ix-pro-arrow {
    font-size: 0;
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    background-color: #1b87e2;
    z-index: 99;
    cursor: pointer;
    transition: 400ms;
    -webkit-transition: 400ms;
    opacity: 0;
    display: none\9;
}

.ix-pro-prev {
    left: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
}

.ix-pro-next {
    right: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
}

.ix-pro-prev .ico {
    background-image: url(/static/images/rr-ixproprev.png);
}

.ix-pro-next .ico {
    background-image: url(/static/images/rr-ixpronext.png);
}

.ix-pro-arrow.show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
    display: block\9;
}

.ixTitle2 .ixt .ch {
    letter-spacing: 15px;
}

.ixTitle2 .ixt .en1 {
    letter-spacing: 0;
}

.ixTitle2 .ixt {
    width: 230px;
}
.pic{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	}
.pic1{
	display:block;
	width:100%; height:40px;
	position:relative; text-align:center; color:#666; background:#f3f3f3; line-height:40px;
	}
.pic img{
	display:block;
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}
.scapic:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	}
.ctx{
	text-align:center;
	}
.jtx{
	text-align:justify;
	} 
.tx{ 
	text-align:justify;
	overflow:hidden;
	line-height:25px !important;
	}
.freeTx{
	text-align:justify;
	}
.freeTx img{ 
	display:block;
	margin:0 auto; 
	max-width:100%;
	height:auto !important;
	}
.nowti{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden; 
	line-height:1.1;
	}
.ti,.name,.tii,.ch{
	line-height:1.4;
	}
.en{
	line-height:1.1;
	}
.aen{
	text-transform:uppercase;
	line-height:1.1;
	}
.cen{
	text-transform:capitalize;
	line-height:1.1;
	}
.ico,.aw{
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	transition:300ms;
	-webkit-transition:300ms;
	position:relative;
	}
.cover,.bg{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:600ms;
	-webkit-transition:600ms;
	}
.bg{
	transition:300ms;
	-webkit-transition:300ms;
	}
.line{
	display:block;
	}
.fixbg{
	width:100%;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	background-attachment:fixed;
	-webkit-background-attachment:fixed;
	background-attachment:scroll\9;
	position: relative;
	}

.kong{ margin:0 auto; padding:0; width:100%; height:40px;}


.indexfuwu{ margin:0 auto; padding:0; width:100%; height:auto; background:#1b87e2;}
.indexfuwumain{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:900px;}
.indexfuwu1{ margin:0 auto; padding:0; width:100%; height:auto; background:url(../image/co.png) no-repeat center center;}
.indexfuwu11{ margin:0 auto; padding:0; width:21%; height:auto; float:left; margin:2%;}


/*indexabout*/
#indexabout{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff;}
#indexaboutmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:40px; padding-top:40px;}
#indexabouttitle{ margin:0 auto; padding:15px 0; width:100%; height:auto; max-width:1200px;}
#indexabouttitle1{ margin:0 auto; padding:20px 0 10px 0;width:100%; display:block; height:auto; float:left; font-size:34px; color:#000; line-height:40px; text-align:center; }
#indexabouttitle2{ margin:0 auto; padding:0; width:100%;display:block;  height:2px;}
#indexabouttitle2 span{ margin:0 auto; padding:0; width:100px;display:block;  height:2px; background:#1b87e2;}

#indexabouttitle3{ margin:0 auto; padding:15px 0; width:100%; height:auto; float:left; font-size:14px; color:#666; line-height:20px; text-align:center; }
#indexabouttitle3 a{ font-size:14px; color:#000; line-height:20px; text-align:center; }
#indexabouttitle3 a:hover{ color:#000; text-decoration:underline;}

#indexabouttitle4{ margin:0 auto; padding:0; width:100%; height:auto; }
#indexabouttitle41{ margin:0 auto; padding:30px 0; width:18%; height:auto; margin:1%; float:left; display:block; }
#indexabouttitle41 .ico{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}
#indexabouttitle41 .txt{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;font-size:14px; color:#666; line-height:30px;}
#indexabouttitle41 .txten{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;font-size:12px; color:#666; line-height:30px;}
#indexabouttitle41 .ico img{ margin: 0 auto;
            display: block;
            transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;}
#indexabouttitle41 .ico:hover img{ transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}
#indexabouttitle41:hover{ background:#fff;-moz-box-shadow:0 0 10px #c8c8c8; -webkit-box-shadow:0 0 10px #c8c8c8; box-shadow:0 0 10px #c8c8c8;}


#indexabouttitle5{ margin:0 auto; padding:0; width:100%; height:auto; }
#indexabouttitle51{ margin:0 auto; padding:0; width:48%; height:auto; float:left; }
#indexabouttitle511{ margin:0 auto; padding:8px 2%; width:96%; height:auto; float:left; border-bottom:1px dashed #e3e3e3; }
#indexabouttitle5111{ margin:0 auto; padding:5px 0; width:100%; height:auto; float:left; font-size:14px; color:#000; line-height:20px; text-align:left; font-weight:bold;}
#indexabouttitle5112{ margin:0 auto; padding:5px 0; width:100%; height:auto; float:left; font-size:12px; color:#888; line-height:20px; text-align:left; font-weight: normal;}

#indexabouttitle511:hover{ background:#1b87e2;}

#indexabouttitle511:hover #indexabouttitle5111{ color:#fff;}
#indexabouttitle511:hover #indexabouttitle5112{ color:#fff;}



#indexabouttitle52{ margin:0 auto; padding:0; width:48%; height:auto; float:right; }



#indexabouttitle6{ margin:0 auto; padding:0; width:100%; height:auto; }
#indexabouttitle6 ul{ margin:0 auto; padding:20px 0 0 0; width:100%; height:auto; }
#indexabouttitle6 ul li{ margin:0 auto; padding:0; width:46%; height:auto; margin:2%; float:left; }
#indexabouttitle6 ul li p{ margin:0 auto; padding:0; width:100%; height:auto;float:left; }
#indexabouttitle6 ul li p img{ max-width:100%; height:auto;}
#indexabouttitle6 ul li span{ margin:0 auto; padding:5px 0; width:100%; height:auto;float:left;font-size:12px; color:#888; line-height:20px; text-align:center; font-weight: normal; }
#indexabouttitle6 ul li span a{ font-size:12px; color:#888; line-height:20px; text-align:center; font-weight: normal; }
#indexabouttitle6 ul li span a:hover{ color:#000; }




#indexaboutcon{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px; }
#indexaboutcon1{ margin:0 auto; padding:0; width:48%; height:auto; float:right;}
#indexaboutcon1 img{ max-width:100%; height:auto;}
#indexaboutcon2{ margin:0 auto; padding:0; width:48%; height:auto; float:left; padding:0;}
#indexaboutcon21{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:24px; color:#fff; line-height:40px; text-align:left;}
#indexaboutcon22{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:14px; color:#fff; line-height:25px; text-align:left;}
#indexaboutcon23{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:25px;}
#indexaboutcon231{ margin:0 auto; padding:0; width:120px; display:block; height:40px; background:#fff; float:left;text-align:center;}
#indexaboutcon231 a{ margin:0 auto; padding:0; width:120px; display:block; height:40px; background:#fff; font-size:14px; color:#1b87e2; line-height:40px; text-align:center;}
#indexaboutcon231 a:hover{ background:#227fc4; color:#fff;}

#indexaboutcon232{ margin:0 auto; padding:0; margin-left:20px; display:block; width:120px; height:40px; background:#fff; float:left; border:1px solid #eee;}
#indexaboutcon232 a{ margin:0 auto; padding:0; width:120px; display:block; height:40px; background:#fff; font-size:14px; color:#666; line-height:40px; text-align:center;}
#indexaboutcon232 a:hover{ background:#eee;}

#indexaboutvideo{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-bottom:30px; margin-top:30px;}

#indexaboutvideo1{ margin:0 auto; padding:0; width:24%; height:auto; margin-right:1%; float:left;}
.indexaboutvideo11{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms; overflow:hidden; position:relative;}
.indexaboutvideo11 img{ max-width:100%; height:auto;transition:688ms;}

.indexaboutvideo12{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:center; text-decoration:none; }
.indexaboutvideo12 a{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:center; text-decoration:none; }
.indexaboutvideo12 a:hover{ background:#5b0d11;font-size:14px; color:#fff; }


#indexaboutvideo1:hover  .indexaboutvideo12{margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#1b87e2;font-size:14px; color:#fff;font-size:14px; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:center; text-decoration:none;}
#indexaboutvideo1:hover  .indexaboutvideo11 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}



#indexnewmain{ margin:0 auto; padding:0; width:100%; height:auto;}
#indexnew{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;}
#indexnew1{ margin:0 auto; padding:0; width:29%; height:auto; float:left; margin:1%; border:1px solid #e3e3e3; padding:1%; background:#fff;transition:688ms;}
#indexnew1 .news1{ margin:0 auto; padding:0; width:100%; height:auto; float:left; overflow:hidden; transition:688ms;}
#indexnew1 .news1 img{ max-width:100%; height:auto;transition:688ms;}
#indexnew1 .news2{ margin:0 auto; padding:0; width:100%; height:40px; border-bottom:1px solid #e3e3e3; float:left; overflow:hidden; font-size:14px; color:#666; font-family:"微軟雅黑",宋體,Arial;line-height:40px; text-align:left; text-decoration:none; font-weight:bold;}
#indexnew1 .news2 a{ font-size:14px; color:#666; font-family:"微軟雅黑",宋體,Arial;line-height:40px; text-align:left; text-decoration:none;}
#indexnew1 .news2 a:hover{ color:#000;}

#indexnew1 .news3{ margin:0 auto; padding:10px 0; width:100%; height:auto; float:left; font-size:12px; color:#888; font-family:"微軟雅黑",宋體,Arial;line-height:20px; text-align:left; text-decoration:none;}

#indexnew1 .news4{ margin:0 auto; padding:10px 0; width:100%; height:30px; float:left; }
#indexnew1 .news4 .news41{ margin:0; padding:0; width:100px; height:30px; float:left; border:1px solid #e3e3e3; background: url(/static/images/jt.png) no-repeat center center #fff; }

#indexnew1:hover{background:#34ace1; transform:translateY(-8px);}
#indexnew1:hover .news1 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
#indexnew1:hover .news2{ color:#fff;}
#indexnew1:hover .news3{ color:#fff;}
 





#indexnew2{ margin:0 auto; padding:0; width:48%; height:auto; float:right;}

/*about*/
.section-gap {
  padding: 120px 0;
}


.info-area .info-content {
  box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
  position: relative;
  background: #fff;
  padding: 80px 100px 80px 40px;
}


.about{ margin:40px auto; padding:40px 0; height:auto; width:100%; max-width:1200px;box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);}
.aboutleft{ margin:0 auto; padding:0; height:auto; width:96%; float:left; position:relative;overflow:hidden; padding:2%; text-align:center;}
.aboutleft img{ max-width:100%; height:auto;}

.aboutright{ margin:0 auto; padding:4%; height:auto; width:92%; overflow:hidden; float:left; 
  position: relative;
  background: #fff;
}
.aboutright h1{ width:100%; height:auto; text-align:center; color:#000; line-height:40px;
}

 .ac-about {
        padding: 78px 0 93px;
        background: url(/static/images/bg10.jpg) no-repeat top center #000;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }
.w1200{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
    .ac-about h2 {
        font-size: 32px; font-weight:normal;
        color: #fff;
        line-height: 63px;
        text-align: center;
        margin-bottom: 50px
    }

    .ac-about li {
        width: 22.8%;
        margin-left: 2.8%;
        float: left;
        text-align: left; 
    }

    .ac-about li:first-child {
        margin-left: 0
    }

    .ac-about li a {
        display: block; background:#fff;
        width: 96%; padding:2%;
    }

    .ac-about li .pic {
        width: 100%;
        overflow: hidden
    }

    .ac-about li img {
        width: 100%;
        transition: transform .3s
    }

    .ac-about li h3 {
        font-size: 20px;
        color: #333;
        line-height: 39px;
        margin-top: 14px; padding:0 10px;
        transition: color .3s
    }

    .ac-about li .font {
        font-size: 14px;
        color: #555;
        line-height: 22px;padding:0 10px;
        margin-top: 8px;
        min-height: 68px;
        overflow: hidden
    }

    .ac-about li .more {
        margin-top: 30px;
        padding-left: 40px;
        font-size: 16px;
        color: #d9271b;
        line-height: 25px;
        background: url(/static/images/ab08.png) no-repeat left center
    }

    .ac-about li:hover img {
        transform: scale(1.1)
    }

    .ac-about li:hover h3 {
        color: #d9271b
    }
/*newsMain*/
.newsMain{padding-bottom:55px;padding-top: 40px;}
.newsMain .new_l{float:left;width: 60%;}
.newsMain .new_r{ position:relative; float:right; width:35%; height:auto; padding:0 2%;}


.newsMain h3{ text-align: center; height: 143px; line-height: 100%; font-weight: normal; font-size: 18px; color: #888;}
.newsMain h3 i{ display: block;color: #333333; font-size: 36px; line-height: 100%; font-style:normal; padding-bottom:18px;font-weight: bold;background:url(../image/x_h2.jpg) no-repeat center 14px;}
.newsMain h3 i span{ padding-left: 39px;}


/*new_l*/

.new_l h4{height: 42px; line-height:23px; margin-bottom: 38px; border-bottom: 1px solid #e2e2e2; padding-left: 35px;background:url(../image/ic2.jpg) no-repeat;}
.new_l h4 a{ color: #333; font-size:19px;}
.new_l h4 span{ display: inline-block; float: right; padding-top: 7px;}

.new_r h4{height: 42px; line-height:23px; margin-bottom: 38px; border-bottom: 1px solid #e2e2e2; padding-left: 35px;background:url(/static/images/ic1.jpg) no-repeat;}
.new_r h4 a{ color: #333; font-size:19px;}
.new_r h4 span{ display: inline-block; float: right; padding-top: 7px;}



.new_l .nlist{overflow:hidden;width: 100%;}
.new_l .nlist li{float:left;width: 31%;text-align:center;height: 50px;margin:1%;background: #666;}
.new_l .nlist li h2{ font-weight: inherit;}
.new_l .nlist li a{display:block;font-size: 18px;color:#fff;text-decoration:none;height: 50px;line-height: 50px;}
.new_l .nlist li:hover,.new_l .nlist li.cur{background: #1b87e2;}
.new_l .news{ margin-top:20px;}

.new_l .news dl{ margin:0 auto; padding:0; width:100%; height:auto;}
.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:30%; }
.new_l .news dt img{ display:block; max-width:100%; height:auto;}
.new_l .news dd{ width:66%; float:right;}
.new_l .news dd h2{ padding-top:20px; padding-bottom:15px; width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_l .news dd h2 a{ font-size:15px; color:#383838;}
.new_l .news dd p{ font-size:15px; color:#383838; line-height:26px; height:auto;}
.new_l .news ul{overflow:hidden;width: 100%;margin-top:35px;}
.new_l .news li{float:left;width: 46%;height:33px;line-height:33px;margin:0 2% 0 2%; font-size:12px; line-height:25px; text-align:left; border-bottom:1px dashed #e3e3e3;}
.new_l .news li a{font-size:12px; line-height:25px; text-align:left; color:#666;}
.new_l .news li span{font-size:12px; line-height:25px; text-align:left; color:#888;}
.new_l .news li a:hover{ text-decoration:underline; color:#000;}
/*new_r*/
.new_r .ntop{ margin:0 auto; padding:0; width:100%; height:auto;}
.new_r .ntop img{ max-width:100%; height:auto;}

.new_r .quetion{ height:265px; overflow:hidden; margin-top:20px;}
.new_r .quetion dl{ padding-top:24px; padding-bottom:25px; border-bottom:1px dotted #e1e1e1;}
.new_r .quetion dl h3{font-weight: inherit; }
.new_r .quetion dt{ padding-left:30px; background:url(../image/wen.png) no-repeat left center; height:17px; line-height:17px; overflow:hidden; width:250px;white-space: nowrap;text-overflow: ellipsis;}
.new_r .quetion dt a{ font-size:15px;}
.new_r .quetion dd{ padding-left:30px; background:url(/static/images/da.png) no-repeat left top; font-size:15px; color:#686868; line-height:20px; height:40px; overflow:hidden; margin-top:20px;}
.new_r .mor{display:block;position:absolute;background: #1b87e2;width:179px;height:41px;line-height:41px;text-align:center;left:50%;margin-left:-90px;color:#f5f3f4;font-size:15px;text-decoration:none;border-radius: 18px;}

#conpr3{ margin:0 auto; padding:0; width:100%; max-width:1200px; padding-top:30px;padding-bottom:30px;}

#conpr31{ margin:0 auto; padding:0; width:31%; height:auto; margin-right:2%; float:left; border:1px solid #f3f3f3;}
.conpr311{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms; overflow:hidden; position:relative;}
.conpr311 img{ max-width:100%; height:auto;transition:688ms;}

.conpr312{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#e7e7e7;font-size:14px; color:#666; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conpr312 a{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#e7e7e7;font-size:14px; color:#666; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conpr312 a:hover{ background:#1b87e2;font-size:14px; color:#fff; }


#conpr31:hover  .conpr312{margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#1b87e2;font-size:14px; color:#fff;font-size:14px; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:center; text-decoration:none;}
#conpr31:hover  .conpr311 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}


#conpinxinmain{ margin:0 auto; padding:0; width:100%; height:auto; background:#f3f3f3;}
#conpinxin{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }
#conpinxin h2{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;text-align:center; color:#000; font-size:24px;font-family:"微軟雅黑"; font-weight: normal; line-height:30px; }
#conpinxin p{ margin:0 auto; padding:10px 0; width:100%; height:auto; max-width:1200px;text-align:left; color:#left; font-size:14px;font-family:"微軟雅黑"; font-weight: normal; line-height:30px; }

/*chanye*/
.case{ padding:80px 0 40px;}
.inner{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.case-list{ margin-bottom:12px;}
.case-list li{ width:29%; float:left; margin:2%; margin-bottom:32px; position:relative; overflow:hidden; border:1px solid #f3f3f3;}
.case-list li:nth-child(3n+3){ margin-right:0;}
.case-list li figure{ display:block; overflow:hidden; width:100%; margin:0 auto; padding:0;}
.case-list li figure img{ display:block; width:100%; border:1px solid #e3e3e3; height:auto; line-height:1; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transition:0.76s;}
.txt{ width:100%; height:auto; margin:0 auto; padding:0;text-align:center; color:#666; font-size:14px;font-family:"微軟雅黑"; font-weight: normal; line-height:40px;}

.casefix{ width:100%; height:100%; position:absolute; left:0; top:0}
.casefix mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;  background:rgba(0,0,0,0.8); background:#aa8541\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:transform .45s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:transform .45s cubic-bezier(.6,0.2,.1,1),-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transform-origin:left 100%; ransform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.casetext{ width:100%; position:absolute; left:0; top:50%; text-align:center; margin-top:-138px; opacity:0; visibility:hidden; transition:0.5s 0s; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px);}
.casetext small{ display:block; text-align:center; color:#fff; font-size:20px; padding-bottom:25px; margin-bottom:14px; position:relative; line-height:1; font-family:"Conv_LETTERGOTHICSTD"; text-transform:uppercase;}
.casetext small:before{ content:""; width:1px; height:10px; position:absolute; left:50%; bottom:0; background:#fff;}
.casetext h3{ text-align:center; line-height:1; color:#fff; font-size:18px; margin-bottom:32px; font-weight:normal;}
.casetext p{ text-align:center; color:#fff; padding:0 38px; height:128px;}
.casetext span{ display:block; width:38px; height:38px; border-radius:50%; border:1px solid #fff; margin:auto; position:relative;}
.casetext span:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.casetext span:before{ content:""; width:20px; height:20px; background:url(/static/images/add1.png) center no-repeat; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); transition:0.4s ease-out;}
.case-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.case-list li:hover .casefix mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; visibility:visible\9;}
.case-list li:hover .casetext{ opacity:1; visibility:visible; transition:0.5s 0.2s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}




.case-list1{ margin-bottom:12px;}
.case-list1 li{ width:31%; float:left; margin:1%; margin-bottom:32px; position:relative; overflow:hidden; border:1px solid #f3f3f3;}
.case-list1 li:nth-child(3n+3){ margin-right:0;}
.case-list1 li figure{ display:block; overflow:hidden;}
.case-list1 li figure img{ display:block; width:100%; border:1px solid #e3e3e3; height:auto; line-height:1; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transition:0.76s;}

.case-list1 li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.case-list1 li:hover .casefix mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; visibility:visible\9;}
.case-list1 li:hover .casetext{ opacity:1; visibility:visible; transition:0.5s 0.2s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}



#conaboutmain{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:url(/static/images/bg11.jpg) repeat-y;}
#conaboutleft{ margin:0 auto; padding:0; width:50%; height:auto; float:left;}
#conaboutleft .title{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:20px; color:#fff; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:left; text-decoration:none;}
#conaboutleft .con{ margin:0 auto; padding:20px 0; width:100%; height:auto; float:left;font-size:14px; color:#fff; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:left; text-decoration:none;}
#conaboutright{ margin:0 auto; padding:0; width:48%; height:auto; float:right;}
#conaboutright img{ max-width:100%; height:auto;}


/*友情鏈接*/

.linkmain{ width:100%; margin-top:30px;
    margin: 0 auto;
    background: #fff;
}


.tabbox{ width:100%; max-width:1200px; 
    margin: 0 auto; padding-top:20px; padding-bottom:20px;
    font-size: 14px;
    color: #ddd;
    text-align: center;
}
.tabbox .tab{width: 100%;}
.tabbox .tab a{display:block;padding:10px 20px;float:left;text-decoration:none;color:#888;}
.tabbox .tab a:hover{background:#C1C1C1;color:#666;text-decoration:none;}
.tabbox .tab a.on{background:#C1C1C1;color:#666;text-decoration:none;}
.tabbox .content{width: 100%;height: auto;}
.tabbox .content li{float:left;color:#979797; width:100%; display:block; font-size:12px; text-align:left;}
.tabbox .content li a{color:#979797;}
.tabbox .content li a:hover{ color:#000;}


/*內頁*/
#conbanner1{ margin:0 auto; padding:0; width:100%; height:auto;}
#conbanner1 img{ max-width:100%; height:auto;}
#conbanner2{ margin:0 auto; padding:0; width:100%; height:auto; display:none;}
#conbanner2 img{ max-width:100%; height:auto;}

/*proMain*/
.proMain{background:url(/static/images/bg1.png) repeat center;padding-bottom: 50px;padding-top: 35px;} 
.proMain2{ background:#fff;}
.proMain .pro_l{float:left;width: 20%;}
.proMain .pro_r{float:right;width: 76%; background:#fff;}
.proMain2 .pro_l{ margin-top:0px;}
.proMain2 .pro_r{ padding-top:25px;}
/*pro_l*/


/*pro_l*/
.proMain .pro_l1 { width:92%; height:auto; padding:2% 2% 2% 6%; display:block;font-weight:normal;background: #1b87e2; color: #fff;font-size:25px; }
.proMain .pro_l1 span{font-size:12px;text-transform: uppercase; line-height:20px; padding-left:10px; }
.cpnavbox{background:#fff;padding-bottom: 15px;}
.cpnav {padding: 10px 15px 0px 15px;overflow:hidden;}
.cpnav li {font-weight:normal;background:url(/static/images/cpnavbg.png) repeat-x; clear: both;}
.cpnav li a {display:block;font-size:14px;color:#fff;text-decoration:none;height: auto;line-height: 40px; border-bottom:2px solid #fff;background: url(/static/images/jt.png) no-repeat right 20px center #1b87e2;padding:0 15px;}
.cpnav li a:hover {background: url(/static/images/jt1.png) no-repeat right 20px center #98c3e7; color:#fff;}
.cpnav li.act a {display:block;font-size:14px;text-decoration:none;height: auto;line-height: 40px;background: url(/static/images/jt1.png) no-repeat right 20px center #1b87e2; color:#fff;padding:0 15px;}
.cpnav li.act a:hover {background: url(/static/images/jt1.png) no-repeat right 20px center #1b87e2; color:#fff;}


.cpnav li.acc {margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.acc a {margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:auto; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.acc a:hover {background:#e59d15; color:#fff;}




.cpnav ul{ display:block;}

.cpnav li.thisclass {background:#e59d15;}
.cpnav li.thisclass a{ color:#fff;}

.cpnav li.thisclass ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.thisclass ul li{ width:100%; height:auto;font-size:14px;}
.cpnav li.thisclass ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:12px; height:auto; line-height:30px; background:#e3e3e3; color:#000; border-bottom:1px dashed #e3e33e;}
.cpnav li.thisclass ul li a:hover{ background:#e59d15; color:#fff;}


.cpnav li.thisclass ul li ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:12px; height:auto; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.thisclass ul li ul li a:hover{ background:#e59d15; color:#fff;}


.cpnav li ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li ul li{width: 100%; height:auto;font-size:14px; float: left; background: none; clear: none;}
.cpnav li ul li a{ font-size:14px; height:auto; line-height:30px; color:#666; border-bottom:1px dashed #e3e3e3; background: none;}
.cpnav li ul li a:hover{ background:#999; color:#fff;}



.cpnav li.rr ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.rr ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.rr ul li{ width:100%; height:auto;font-size:12px;}
.cpnav li.rr ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:30px; line-height:30px; background:#e3e3e3; color:#000; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li a:hover{ background:#e59d15; color:#fff;}

.cpnav li.rr ul li.this a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:30px; line-height:30px; background:#e59d15; color:#fff; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li.this a:hover{ background:#e59d15; color:#fff;}

.cpnav li.rr ul li.this1 a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:30px; line-height:30px; background:#333; color:#fff; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li.this1 a:hover{ background:#e59d15; color:#fff;}


.cpnav li.rr ul li.this ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:12px; height:30px; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li.this ul li a:hover{ background:#e59d15; color:#fff;}

.cpnav li.rr ul li ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:30px; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li ul li a:hover{ background:#e59d15; color:#fff;}


.cpnav .cpmll{ width:100%; height:auto;}
.cpmll1 a{ width:100%; height:auto; padding-top:4px; padding-bottom:4px; display: block; border-bottom:1px dashed #e3e3e3; padding-right:10px;font-size:14px;color:#666; line-height:25px; }
.cpmll1 a:hover{ color:#1b87e2; line-height:25px; text-decoration:underline; }

.cpmll2 { width:100%; height:auto;float:left; display:block; padding-top:4px;border-bottom:1px dashed #e3e3e3;  padding-bottom:4px; font-size:12px;color:#888; line-height:25px; }
.cpmll2 a{ padding-right:10px; padding-top:4px; padding-bottom:4px; font-size:12px;color:#888; line-height:25px; }
.cpmll2 a:hover{ color:#1b87e2; line-height:25px; text-decoration:underline; }




/*pro_r*/
#contentc1 .main{border:1px solid #b1c1e2; background:#ecedf8; position:relative;}

#contentc1 form{margin:8px; background:#fff; padding:10px 0;}
#contentc1 td{ height:30px; padding-top:5px; padding-bottom:5px;font-family:"微軟雅黑","宋體"; font-size:14px; padding-left:10px; padding-right:10px;}

#contentc1 .tip{font-size:12px; color:#666;}



.inner{ margin:0 auto; padding:0; width:100%; max-width:1200px;}


.employment-box { padding: 100px 0 85px; }
.employment-box .employment { width: 980px; margin: 0 auto; text-align: center; }
.employment-box .con { margin-top: 60px; }

.recruitment-box { padding: 110px 0 75px; background-color: #fbfbfb; position: relative; }
.recruitment-box .arrow-down { position: absolute; width: 66px; height: 46px; left: 50%; top: 0; margin-left: -33px; background-color: #fff; }
.recruitment-box .arrow-down:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(/static/images/arrow_10.png) no-repeat scroll center center; }
.recruitment-box .recruitment { width: 980px; margin: 0 auto; }
.recruitment-box .info { margin-top: 20px; }
.recruitment-box .info span { display: block; float: left; line-height: 1; margin-left: 50px; color: #666; }
.recruitment-box .info span.email { margin-left: 0; }

.job-box .job { background-color: #fff; transition: .36s; -webkit-transition: .36s; color: #666; }
.job-box .job:nth-child(1) { background-color: #2c67a7; color: #fff; padding: 15px 25px; }
.job-box .job:nth-child(1) span b { content: ""; display: block; width: 24px; height: 31px; float: left; background-attachment: scroll; background-position: center; background-repeat: no-repeat; margin-right: 15px; }
.job-box .job:nth-child(1):hover { background-color: #2c67a7; }
.job-box .job:nth-child(1) .list { padding: 0; }
.job-box .job:nth-child(1) .list.on { background-color: #2c67a7; }
.job-box .job:hover { background-color: transparent; }
.job-box .job span { display: block; width: 25%; float: left; line-height: 0; }
.job-box .job span strong { font-weight: normal; display: block; line-height: 31px; height: 31px; line-height: 31px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.job-box .job span.name b { background-image: url(/static/images/r1.png); }
.job-box .job span.number b { background-image: url(/static/images/r2.png); }
.job-box .job span.place b { background-image: url(/static/images/r3.png); }
.job-box .job span.time b { background-image: url(/static/images/r4.png); }
.job-box .job span p { display: inline-block; line-height: 1.5; }
.job-box .job .list { padding: 15px 25px; cursor: pointer; }
.job-box .job .list.on { background-color: #f2f2f2; }
.job-box .job .detail-box { position: relative; }
.job-box .job .detail-box .detail { border: 1px solid #eaedef; padding: 30px 25px; background-color: #fff; }
.job-box .job .detail-box:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #2c67a7; }
.job-box .job .apply { display: inline-block; width: 160px; height: 45px; line-height: 45px; color: #fff; background-color: #2c67a7; text-align: center; margin-top: 35px; }

.tex{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.tex1{
	font-size: 14px;
	height: 100px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.code{
	border: none;
	width: 130px;
	height: 45px;
	background-color: #1b87e2;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family:"微軟雅黑","宋體";
}

.code:hover{
	background-color: #217fc4;
}

/*pro*/
#promain{ margin:0 auto; padding:0; width:96%; height:auto; background:#fff; margin-bottom:40px; margin-top:40px; max-width:1156px; padding:2%;}
#promain1{ margin:0 auto; padding:0; width:96%; height:auto; background:#fff; margin-bottom:40px; margin-top:20px; max-width:1156px; padding:0 2%;}
#promainlocation{ margin:0 auto; padding:0; width:100%; height:40px; border:1px dashed #e3e3e3;font-size: 12px; color: #666; font-weight: normal; line-height:40px; text-align:right;}
#promainlocation a{ font-size: 12px; color: #666; font-weight: normal; line-height:40px; text-align:right;}
#promainlocation a:hover{ color:#000; text-decoration:underline;}

#promaintitle{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px; padding-bottom:20px;font-size: 24px; color: #000; font-weight: normal; line-height:40px; text-align:center;}
#promaintitle h1{ font-size: 24px; color: #000; font-weight: normal; line-height:40px; text-align:center;}
#promaincon{ margin:0 auto; padding:0; width:100%; height:auto; font-size: 14px; line-height:30px; text-align:left;}
#promaincontitle{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px; border-bottom:1px dashed #e3e3e3; font-size: 24px; color: #000; font-weight: normal; line-height:40px; text-align:left;}


.right_title { width:96%;height:36px;line-height:36px;font-size:20px;background:#fefefe;padding:2%;}

.videolist { position:relative; float:left; width:31%; height:auto; margin:1%; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:30%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

 .videos video{ width:100%; height:auto; }

.right_name {float:left;color: #034091;height:37px;}
.right_name font {color: #ffb901;margin-left:10px;text-transform:uppercase;font-size:16px;}
.mbx {font-size:14px;float:right;width:550px;text-align:right;line-height:36px;}
.mbx .breadcrumbs {list-style:none;padding:0;margin:0;float:right;line-height:36px;}
.mbx .breadcrumbs li {float:left;margin:0 5px 0 0;padding:0;}
.mbx b {font-weight:100;float:right;background:url(../image/sy.png) no-repeat 0px 6px;text-indent:26px;}

.newCont {float:left;width: 100%;overflow:hidden;}
.conts {position:relative;padding:20px 35px 20px 35px;border-top: #e3e3e3 1px solid;background-color:#fff;border-bottom:#ececec 1px solid;}
.conts_no_mar {margin-bottom:0}
.newCont .conts h1 {text-align:center;font-size:30px;color:#333;margin-bottom:15px;font-weight:bold}
.newCont .time {width:100%;font-size:12px;color:#999;text-align:center;padding-bottom:22px;border-bottom:#e7e7e7 1px dashed;margin-bottom:28px;}
.new_conts p {font-size:16px;color:#333;line-height:26px;margin-bottom:26px;word-break:break-all;}
.new_conts img {max-width:100%;height:auto;}
.new_conts h1 {font-size:36px}
.new_conts h2 {font-size:30px}
.new_conts h3 {font-size:24px}
.new_conts h4 {font-size:18px}
.new_conts h5 {font-size:14px}
.new_conts h6 {font-size:12px}
.new_conts h1,.new_conts h2,.new_conts h3,.new_conts h4,.new_conts h5,.new_conts h6 {margin-bottom:20px}
.new_conts strong {font-weight:bold}
.new_conts ul,.new_conts ol {background:#ececec;padding:30px 30px 30px 40px;font-size:16px;margin-bottom:26px;}
.new_conts ul li,.new_conts ol li {list-style-type:circle;line-height:30px;}

.new_conts .title{ margin:0 auto; padding:0; width:100%; height:auto; border-bottom:1px dashed #e3e3e3;font-size:22px; color:#1b87e2; font-weight:bold; padding-top:20px; margin-bottom:10px; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:left; text-decoration:none; }
.new_conts td {font-size:12px;color:#333;line-height:26px; border:1px solid #e3e3e3; text-align:center;}


/*zhenshu*/

#conzhenshu{ margin:0 auto; padding:0; width:96%; max-width:1200px; padding:2%; background:#fff; border-top:1px solid #e3e3e3;}

#conzhenshu1{ margin:0 auto; padding:0; width:96%; max-width:1200px; font-size: 24px; color: #000; font-weight: bold; line-height:50px; text-align:center;}
#conzhenshu2{ margin:0 auto; padding:0; width:100px; height:3px; background:#e3e3e3;}

#conzhenshu3{ margin:0 auto; padding:0; width:96%; max-width:1200px; padding-top:30px;padding-bottom:30px;}

#conzhenshu31{ margin:0 auto; padding:0; width:31%; height:auto; margin:1%; float:left; border:1px solid #f3f3f3;}
.conzhenshu311{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms; overflow:hidden; position:relative;}
.conzhenshu311 img{ max-width:100%; height:auto;transition:688ms;}

.conzhenshu312{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conzhenshu312 a{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conzhenshu312 a:hover{ background:#5b0d11;font-size:14px; color:#fff; }


#conzhenshu31:hover  .conzhenshu312{margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#1b87e2;font-size:14px; color:#fff;font-size:14px; font-family:"微軟雅黑",宋體,Arial;line-height:30px; text-align:center; text-decoration:none;}
#conzhenshu31:hover  .conzhenshu311 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}


.contact{position:relative; margin:0 auto; padding:0; width:96%;padding:2%;border-top: #e3e3e3 1px solid;background-color:#fff;border-bottom:#ececec 1px solid;}
.contactleft{ margin:0 auto; padding:0; width:55%; height: auto; float:left;}
.contactleft1{ margin:0 auto; padding:0; width:100%; height: auto; float:left;}
.contactleft1 h1{ font-size:26px; color: #000; text-align:left; line-height:40px;}
.contactleft2{ margin:0 auto; padding:0; width:100%; height: auto; float:left; font-size:14px; color: #666; text-align:left; line-height:30px; }
.contactright{ margin:0 auto; padding:0; width:40%; height: auto; float:right;}

.message{position:relative; margin:0 auto; padding:0; width:96%;padding:2%; border-top:1px dashed #e3e3e3; margin-top:30px;}


/*rencai*/
.character-box{ padding: 80px 0 45px; background: #fff;}
.characterimg{ float: right; width: 40.37%; line-height: 1;}
.characterimg img{ display: block; width: 100%; height: auto; line-height: 0;}
.charctele{ float: left; width: 54.62%; float: left; padding-top: 68px;}
.charctele h3{ color: #000000; font-size: 28px; font-weight: bold; line-height: 1.2; margin-bottom: 30px;}
.charctele p{ color: #646464; font-size: 14px; line-height: 2;}
.resources-box{ background: #fff;}
.rescourceimg img{ display: block; width: 100%; height: auto; line-height: 1;}
.resource{ padding: 20px;}
.resoucetop{ margin-bottom: 2px; background:#1b87e2; padding:20px 0;}
.resoucetop span{ display: block; float: left; line-height: 1; color: #fff; font-size: 16px; font-weight: bold;}
.resoucetop span.span1{ padding-left: 23px; width: 610px;}
.resoucetop span.span3{ float: right; margin-right: 28px;}

.resoucein{ margin-bottom: 1px;}
.resces{ cursor: pointer; background: #fff; transition: 0.5s; border-bottom:1px dashed #e3e3e3;}
.resces:hover{ background: #d2d2d2;}
.resces:hover b:before,.resces:hover b:after{ background: #fff;}
.resces span{ display: block; float: left; transition: 0.4s; padding-left: 46px; height: 60px; line-height: 60px; color: #000000; font-size: 16px; position: relative; width: 588px;} 
.resces span:before{ content: ""; width: 7px; height: 7px; background: #a0a0a0; position: absolute; left: 25px; top: 50%; margin-top: -3px; transition: 0.4s;} 
.resces time{ display: block; float: left; line-height: 60px; color: #000000; font-size: 14px; font-family: "Arial"; transition: 0.4s;}
.resces b{ display: block; float: right; width: 20px; height: 20px; margin-top: 20px; margin-right: 32px; position: relative;}
.resces b:before{ content: ""; width: 100%; height: 4px; background: #dcdcdc; position: absolute; right: 0; top: 8px; transition: 0.35s;}
.resces b:after{ content: ""; width: 4px; height: 100%; background: #dcdcdc; position: absolute; top: 0; left: 8px; transition: 0.35s;}

.resces.on{ background: #dcdcdc;}
.resces.on span{ color: #666;}
.resces.on span:before{ background: #666;}
.resces.on time{ color: #666;}
.resces.on b:before{ background: #666;}
.resces.on b:after{ background: #666; transform: translateY(12px); -webkit-transform: translateY(12px); -moz-transform: translateY(12px); opacity: 0; visibility: hidden;}
.recerdown{ display: none;}
.recewr{ background: #fff; padding: 24px 44px 27px;}
.recewr h3{ line-height: 1; color: #000000; font-size: 16px; font-weight: normal; margin-bottom: 16px;}
.recewr p{ color: #646464; font-size: 14px; line-height: 2;}
.rclose{ background: #eeeeee; text-align: center; cursor: pointer;}
.rclose span{ display: inline-block; height: 43px; line-height: 43px; color: #000000; font-size: 12px;}


/*service*/

#conservice1{ margin:0 auto; padding:0; width:100%; height:auto;}
#conservice11{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px; border-bottom:1px dashed #e3e3e3;}
#conservice111{ margin:0 auto; padding:0; width:40%; height:auto; float:left;font-family:"微軟雅黑","宋體"; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:40px;}
#conservice112{ margin:0 auto; padding:0; width:55%; height:auto; float:right;font-family:"微軟雅黑","宋體"; font-size:12px;color:#666; text-align:right; text-decoration:none; line-height:40px;}
#conservice112 a{ font-family:"微軟雅黑","宋體"; font-size:12px;color:#666; text-align:right; text-decoration:none; line-height:40px;}

#conservice12{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px;font-family:"微軟雅黑","宋體"; font-size:24px;color:#000; text-align:center; text-decoration:none; line-height:40px;}
#conservice13{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;font-family:"微軟雅黑","宋體"; font-size:14px;color:#888; text-align:center; text-decoration:none; line-height:40px;}
#conservice14{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;}
.cn {width: 100%;overflow: hidden;margin-bottom: 15px;}
.cn h4{ font-size:17px; margin:8px 0; font-weight:500; color:#000}
.cn ul {overflow: hidden;}
.cn ul li {float: left; width: 20%;*width:19.6%;margin:0 1.5%;background: #f5f5f5;padding: 11px; text-align:center}
.cn-wz {width: 100%;}
#Context .cn-wz p { color:#ed1c24;font-size: 15px;text-indent: 0;margin: 5px 0;font-weight: bold;}
.cn ul li img {display:block; text-align: center; margin:0 auto}
.cn-wz span {color: #555;font-size: 13px;}


.service{ width:100%; margin:3% 0; overflow:hidden;}
.service h3,.peijian h3,.cn h3,.contact h3{font-size: 24px;width: 100%;color: #3d3d3d;margin: 20px 0 20px 0;}
.service p,.peijian p,.cn p,.contact p{ margin:15px  0; text-indent:25px; line-height:26px; }
/*service html*/
.ser_con{ margin-top:60px; margin-bottom:30px;}
.service li{ width:22%; overflow:hidden;  margin:0 1.5% 2% 1.5%;_margin:0 1% 2% 1%; float:left; background:#fff; }

.service li .first{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms;}
.service li .first img{ max-width:100%; height:auto;transition:688ms;}

.service li .text dt{margin:0 auto; padding:0; width:100%; height:auto;font-size: 18px; text-align:center; background:url(/static/images/line2.png) no-repeat bottom center;
    color: #000;
    font-weight: normal;
    line-height: 56px;}
.service li .text dd{margin:0 auto; padding:0; width:100%; height:auto;font-size: 12px; text-align:center;
    color: #888;
    font-weight: normal;
    line-height: 36px;}


.service li:hover{ background:#e59d15;}
.service li:hover .first img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.service li:hover .text dt{ color:#fff;background:url(/static/images/line3.png) no-repeat bottom center;}
.service li:hover .text dd{ color:#fff;}

#conservice2{ margin:0 auto; padding:0; width:100%; height:auto; background: url(/static/images/seradvbanner.jpg) no-repeat top center;}
#conservice22{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px;font-family:"微軟雅黑","宋體"; font-size:30px;color:#fff; text-align:center; text-decoration:none; line-height:40px;}
#conservice221{ margin:0 auto; padding:0; width:100%; height:52px; max-width:1200px; background: url(/static/images/line.png) no-repeat top center;font-family:Arial; font-size:20px;color:#fff; text-align:center; text-decoration:none; line-height:52px;}
#conservice23{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;font-family:"微軟雅黑","宋體"; font-size:14px;color:#fff; text-align:center; text-decoration:none; line-height:40px;}
#conservice24{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;}







/*news*/
.news_info {
	padding:10px 20px;
	font-size:16px; background:#fff;
	line-height:30px;
	margin-bottom:10px
}

.news_info img{ max-width:100%; height:auto;}


.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info h1 {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}

.news_info .data {
	font-size:14px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info p{
	font-size:16px;
	color:#666;
	line-height:30px;
	margin-bottom:10px;
	text-align:left;
}
.news_info video{ max-width:96%;
}

.news_info .jianjietitle{ margin:0 auto;  padding:0; padding-top:30px; border-bottom:2px solid #e3e3e3; padding-bottom:10px; text-align:left; font-family:"微軟雅黑", "宋體",Arial; font-size:14px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}
.news_info .jianjietitle span{ border-left:2px solid #E30010; padding-left:30px;text-align:left; font-family:"微軟雅黑", "宋體",Arial; font-size:24px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}

.news_info .jianjiecon{ margin:0 auto;  padding:0; padding-top:20px; padding-bottom:20px; text-align:left; font-family:"微軟雅黑", "宋體",Arial; font-size:14px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}
.news_info .jianjiecon p{text-align:left; font-family:"微軟雅黑", "宋體",Arial; font-size:14px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}


.news_info .prev {
	width:96%; padding:2%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(/static/images/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	color:#ccc
}
.news_info .prev:hover {
	background:url(/static/images/arrow_l.png) 1% center no-repeat #D2D2D2;color:#666;
}
.news_info .prev:hover a {
	color:#666
}
.news_info .next {
	width:96%; padding:2%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:20px;
	background:url(/static/images/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left;
	text-align:left
}
.news_info .next a {
	color:#ccc
}
.news_info .next:hover {
	background:url(/static/images/arrow_r.png) 99% center no-repeat #D2D2D2; color:#666;
}
.news_info .next:hover a {
	color:#666
}



.news_info .contentnew{font-family: '微軟雅黑',宋體; font-size:16px;color:#000; text-align:left; text-decoration:none; line-height:30px;}

.news_info .contentnew img{ max-width:100%;
}

.news_info .contentnew td{ border:1px solid #ebebeb; padding-left:25px;
}

/*newslist*/
/*news style*/
.newsType a:link,.newsType a:visited{ color: #9a9a9a;}
.newsType a:active,.newsType a:hover{ color: #128adc;}
.newsType{ text-align: center; padding: 0px;}
.newsType a{ background: url(/static/images/n_ico1.png) no-repeat scroll left center; padding-left: 30px; font-size: 16px; margin: 0px 25px;}
.newsType a.act{ background-image: url(/static/images/n_ico2.png);}
.newsList a:link,.newsList a:visited{ color: #b0b0b0;}
.newsList a:active,.newsList a:hover{ color: #fff;}
.newsList{ width: 100%;}
.newsList li{ width: 96%; float: left; display: block; margin-left:2%;margin-right:2%; border-bottom:1px dashed #e3e3e3;}
.newItem{  background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 12px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: auto; overflow: hidden; margin-bottom: 10px; line-height:30px;}
.newItem .t span{ font-size: 12px; color: #888;}
.newItem .img{ overflow: hidden; margin-bottom: 25px;}
.newItem .img img{ width: 100%; display: block;}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 12px; line-height:18px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #ccc; }
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .t span{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #128adc;}
 #info-frame .frame-title{ text-align: center;}
 .sharpBox{ background: url(/static/images/sharp.png) no-repeat; background-size: cover; width: 84px; height: 84px; display: block; margin: 0px auto 40px;}
 .sharpBox:hover{ background-image: url(/static/images/sharp2.png);}
 .viewMore{ background-color:#E6E6E6; height: 100px; text-align: center; font:16px/100px 'Microsoft YaHei'; color: #999; display: block; text-transform: uppercase; position: relative;}
.viewMore .i0{  width:100%;height: 100%; display: block; position: absolute; left: 0px; top: 0px; background: #E6E6E6; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.viewMore .i1{ position: relative; z-index: 1;}
.viewMore:hover{ color: #fff;}
.viewMore:hover .i0{ background:#128adc;}


/*分頁*/

.badoo{padding:10px 0px;font-size:13px;color:#666;background-color:#fff;text-align:center;}
.badoo a{border:#f0f0f0 2px solid;padding:2px 5px;margin:0px 2px;border-left:#f0f0f0 2px solid;color:#666;text-decoration:none;}
.badoo a:hover{ background:#666;color:#fff; border:#666 2px solid;}
.badoo a:active{border:#666 2px solid;color:#666;}
.badoo span.current{border:#ff5a00 2px solid;padding:2px 5px;font-weight:bold;color:#fff;background-color:#ff6c16;}
.badoo span.disabled{display:none}

/*底部信息*/
#site{ margin:0 auto; padding:0; width:100%; height:AUTO; background:#f2f2f2; padding-top:30px; padding-bottom:30px; }
#sitemain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto;}
#site1{ margin:0; padding:0; width:76%; height:auto;  float:left; }

.site1{ margin:0; padding:0; width:auto;height:auto; }
.site1{ height:auto;}
.site1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:auto; text-align:left;}
.site1 ul li{ margin:0; padding:0;border:0; width:20%; display:block;   height:auto;  font-family: '微軟雅黑',宋體; font-size:14px;color:#666; text-align:left; text-decoration:none; line-height:22px; float:left;}
.site1 ul li.ucc{ margin:0; padding:0;border:0; width:40%; display:block;   height:auto;  font-family: '微軟雅黑',宋體; font-size:14px;color:#666; text-align:left; text-decoration:none; line-height:22px; float:left;}
.site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block;  padding-left:2%;font-family: '微軟雅黑',宋體; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;}
.site1 ul li a:hover{color:#1b87e2;}

.site1 ul li ul{ margin:0; padding:0;border:0; width:100%;  height:auto;  display:block; font-family: '微軟雅黑',宋體; font-size:14px;color:#888; text-align:center; text-decoration:none; line-height:22px; float:left;}
.site1 ul li ul li { margin:0; padding:0; border:0;width:100%; height:auto; display:block; font-family: '微軟雅黑',宋體; font-size:13px; color:#888; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}

.site1 ul li ul li a{ margin:0; padding:0; border:0;width:96%; padding-left:2%; padding-right:2%; height:auto; display:block; font-family: '微軟雅黑',宋體; font-size:11px; color:#888; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}
.site1 ul li ul li a:hover{color:#1b87e2;}


.site1 ul li.ucc ul li { margin:0; padding:0; border:0;width:50%; float:left; height:auto; display:block; font-family: '微軟雅黑',宋體; font-size:13px; color:#888; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}


#site3{ margin:0; padding:0; width:20%; height:auto; float:left; min-height:200px; padding-left:4%; padding-right:2%; border-left:1px solid #dbdbdb; padding-left:4%;border-right:1px solid #dbdbdb;}
#site31{ margin:0; padding:0; width:100%; height:auto; text-align:center;}
#site31 img{ max-width:100%; height:auto;}

#site32{ margin:0; padding:0; width:100%; height:auto; text-align:center; font-size:12px;color:#666;  text-decoration:none; line-height:30px; }


#site2{ margin:0; padding:0; width:20%; height:auto; float:right; }
#site21{ margin:0; padding:0; width:100%; height:auto; font-family: '微軟雅黑',宋體; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:30px; float:left;}
#site22{ margin:0; padding:0; width:100%; height:auto; padding-top:10px; font-family: '微軟雅黑',宋體; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:20px; float:left;}
#site23{  display: none;}


#foot{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:15px; padding-bottom:15px; background:#666465;font-family: '微軟雅黑',宋體; font-size:14px; color:#fff; text-align:center; text-decoration:none; line-height:30px;}
#foot a{font-family: '微軟雅黑',宋體; font-size:14px; color:#fff; text-align:center; text-decoration:none; line-height:30px;}
#foot a:hover{ color:#29B8C0; }


/*固定的懸浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#1b87e2 url(/static/images/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#1b87e2 url(/static/images/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#1b87e2 url(/static/images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_QQ{text-indent:0;background:#1b87e2 url(/static/images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#1b87e2 url(/static/images/fixcont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.floatl { display: inline; float: left; }
.floatr { display: inline; float: right; }

.footerp{ display:none;}
.footkong{display:none;}


 @media (min-width:1200px) {
}
 @media (min-width:992px) and (max-width:1199px) {
.fixed-side {
	display:none;
}


html, body {
	background-image:none !important;
}
}
 @media screen and (max-width:991px) {
html {	-webkit-text-size-adjust:none;}
.header{ display:none;}
.fixed-side {	display:none;}
.gotop-wrapper {	background-color:rgba(0,0,0,0.5);}
.gotop-wrapper a {	width:45px;	height:45px;}

.module-default, .module {	margin-bottom:20px;}
.module-no-margin {	margin-bottom:5px;}
.module-full-screen {	margin:0 -10px;	padding:0 10px;}
.module-full-screen > .module-inner {	padding:30px 0;}
.module-full-screen-more-fixed > .module-inner {	padding:30px 0 50px;}
.module-full-screen-more-fixed .module-full-screen-more {	margin-top:15px;	margin-left:-40px;}
.module-full-screen-more-fixed .module-full-screen-more a {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:14px;
	background-size:cover;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
	background-position:0 -80px;
}
.fixed-bottom .module-default, .fixed-bottom .module, .fixed-bottom .module-no-margin {	margin-bottom:0;}
.default-top {	display:none;}
.touch-top {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0;}
.touch-navigation {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0 0;}
.touch-top-wrapper .touch-logo img {	height:50px;	display:block;}


.product-item .portfolio-text { font-size:12px; padding:4%;}


.product-item .portfolio-text h2 {
	margin:2%;
	line-height:normal;
	font-size:14px;
}

#conbanner1{ display:none;}
#conbanner2{ display:block;}

#conzhenshu31{ margin:0 auto; padding:0; width:45%; height:auto; margin:2%; float:left; border:1px solid #f3f3f3;}


}
 @media (min-width:768px) and (max-width:991px) {
/* slideshow */

.module-divider-full {	margin-bottom:-20px;}
}
 @media screen and (max-width:767px) {
.desktops-section {	display:none;}
.mobile-section {	display:block;}

/* 容器 */
	.module-full-screen-title {	margin-bottom:20px;}
.module-full-screen-title > .module-title-content > h2 {
	margin:0 15px;
	font-size:20px;
	font-weight:bold;
}
.module-full-screen-title > h3 {	display:none;}
.module-full-screen-title > .module-title-content > i {	width:80px;}
.module-full-screen-more a {	line-height:34px;}
.module-divider-full {	margin:20px 0 -20px;}

/* touch menu */
	.top-main-content {	display:none;}
.touch-top-wrapper .touch-logo img {	height:40px;}
.touch-toggle li {	height:60px;}
.touch-toggle li a {	height:60px;}
.touch-toggle li i {
	width:28px;
	height:28px;
	margin-top:15px;
}
.ixpro li {
    width: 50%;
    float: left;
}
#indexaboutvideo1{ width:46%; height:auto; margin:2%; float:left;}

.newsMain .new_l{float:left;width: 96%;margin:2%;}
.newsMain .new_r{ position:relative; float:left; width: 92%;margin:2%;height:auto; background-color:#f0f0f0; padding:2%;}


}
 @media screen and (max-width:640px) {

/* 容器 */
.grop{display:none;}
.navbox2{ display:none;}
.navbox3{ display:none;}
.navbox4{ display:none;}


	.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal a {	margin-top:12px;}
.fixed-bottom {	display:block;}

.seach .container{  margin-top:10px;}
.seach .gjc{float:left;width: 92%;height:auto;line-height:20px;padding: 2%; margin:2%;}
.seach .sc{float:left;width: 92%;height:auto;line-height:20px;padding: 2%; margin:0 2% 2% 2%;}
.seach .sc input{line-height:36px; height:36px;}
.seach .sc a{ height:36px; }

.product-list li { margin:0 auto; padding:0; width:46%; margin:2%; float:left;
	text-align:center;
	
	
}
.zongzhi1{ margin:0 auto; padding:1%; width:95%; height:auto; margin:1%; border:1px solid #fff; float:left; display:block;}	
.servicea {
	background: url(/static/images/bg_5.png) center top no-repeat #191938;
	padding-top: 25px;
	padding-bottom: 63px;
}
.news_info {padding:3%;}

.news_info img{ max-width:100%; height:auto;}

.news_info h1.title {font-size:18px;	line-height:25px;}
.news_info h1 {font-size:18px;	line-height:25px;}	 
	 
.fanganbaidutuigang1 .facon1{ margin:0 auto; padding:30px 0; width:96%; height:auto; margin:2%; float: left; border-radius:8px;} 
.content-info{ position:relative; width:96%; float:left; margin:2%; overflow:hidden;}	 
.indexthreepro1{ width:100%; }
.indexthreepro2{  width:100%; }
.indexthreepro3{  width:100%; }
.indexthreepro{ display: none;}	 
	 
.pronewnew{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f8f8f8; display: block;}	 
	 

#indexabouttitle41 .txten{display:none; }	 
	 
	 
#indexaboutcon1{ margin:0 auto; padding:0; width:96%;margin:2%; height:auto; float:left;}
#indexaboutcon1 img{ max-width:100%; height:auto;}
#indexaboutcon2{ margin:0 auto; padding:0; width:96%;margin:2%; height:auto; float:left;}
#indexabouttitle1{ font-size:24px; color:#000; line-height:40px; text-align:center; }	 
.product-list1 li { margin:0 auto; padding:0; width:46%; margin:2%; float:left;	text-align:center;}	 
.indexpro{ display: none;}	 	 
	 
#indexservice{ display: none;}	 
	 
	 
#indexservice1{ width:46%; height:auto; margin:2%; float:left; }
.solute-info{ width:50%; height:auto; float:left; position:relative; overflow:hidden;}
.solute-info figcaption{ padding-top:2px; padding-bottom:2px;}	 
.newItem .c{ height: auto; overflow: auto; margin-bottom: 12px; line-height:18px;} 
	 
.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:20%; }
.new_l .news dd{ width:76%; float:right;}

.new_l .news li{float:left;width: 96%;height:auto;margin:0 2% 0 2%; font-size:12px; line-height:25px; text-align:left; border-bottom:1px dashed #e3e3e3;}
.linkmain{ display:none;}

.proMain .pro_l{float:left;width: 96%;height:auto;margin:2%;}
.proMain .pro_r{float:right;width: 96%;height:auto;margin:2%; background:#fff;}


.contactleft{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:left;}
.contactright{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:right;}

#site1{ display: none;}

.site1{ margin:0; padding:0; width:auto;height:auto; }
.site1{ height:auto;}
.site1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:auto; text-align:left;}
.site1 ul li{ margin:0; padding:0;border:0; width:100%; display:block; border-bottom:1px dashed #ccc;}
.site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block;  padding-left:2%;font-weight: normal; line-height:30px;}

.site1 ul li ul{ display:none;}


.search { width:100%; position: relative; float:left; background-color: #1b87e2;height:56px;}

.yb_conct{ display:none;}
#site2{ margin:0; padding:0;width: 96%;height:auto;margin:2%; float:left;}

#indexnew1{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%;float:left;}
#indexnew2{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:right;}


#indexabouttitle51{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%;float:left; }
#indexabouttitle52{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%;float:right; }

.about1{ margin:0 auto; padding:0; width:46%; height:auto; float:left; margin:2%;}

.friend{ display:none;}
.aboutleft{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:left; position:relative;overflow:hidden;}

.aboutright{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%;}
    .ac-about li {
        width: 96%;
        margin: 2%;
        float: left;
        text-align: left
    }
	 
.ac-about li:first-child {
        margin: 2%;
    }	 
.pronew2 ul li{ margin:0 auto; padding:0; width: 46%; height: auto; float: left; margin: 2%; background: #fff; display: block;}
 
	 
.case-list li{ width: 95%;height:auto;margin:2%;position:relative; overflow:hidden; border:1px solid #f3f3f3;}
	 
#indexaboutmain{ padding-bottom:10px; padding-top:10px;}	 
#indexsolu{ display:none;}	 
#indexnewmain{ display:none;}	

#site22{ margin:0; padding:0; width:55%; height:auto;float: left; font-family: '微軟雅黑',宋體; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:20px; float:left;}
#site23{  display: block;margin:0; padding:2%; width:34%; height:auto; float: right;}
#site23 img{ max-width: 100%; height: auto;}
	 

.footkong{display:block; width:100%;height:60px;}
.footerp{display:block;position:fixed;}
.footer {  left:0; bottom:0; height:60px; width:100%; margin:0 auto; text-align:center; background:#0c8deb; }
.footer .a1 , .footer .a2 , .footer .a3 , .footer .a4 , .footer .a5{ display:block; width:20%; height:80px; z-index:999; }
.footer .a1 { background:#0c8deb; z-index:999;}
.footer .a2 { background:#0c8deb; z-index:999;}
.footer .a3 { background:#0c8deb; z-index:999;}
.footer .a4 { background:#0c8deb; z-index:999;}
.footer .a1 span { background:url(/static/images/53.png) no-repeat center top;  z-index:999;}
.footer .a2 span { background:url(/static/images/51.png) no-repeat center top; z-index:999;}
.footer .a3 span { background:url(/static/images/52.png) no-repeat center top; z-index:999; }
.footer .a4 span { background:url(/static/images/55.png) no-repeat center top; z-index:999; }
.footer .a5 span { background:url(/static/images/56.png) no-repeat center top; z-index:999; }	 
.footer .a1 span , .footer .a2 span , .footer .a3 span , .footer .a4 span  , .footer .a5 span { display:block; height:40px; color:#FFF; font-size:12px; padding-top:40px; font-weight:normal; }
.fenxz{ display:none; position:absolute; right:20px; top:-105px;background:url(/static/images/fenx_bg.png); width:280px; height:80px; padding:15px 0 0 20px; line-height:1.5;}
.jt{ position:absolute; right:7px; bottom:7px; width:18px; height:18px; cursor:pointer;}
.teamNav { color:#fff; font-family:"宋體"; width:90px; height:24px; display:block; margin:0 7px 5px 0; background:#00468e; text-align:center;}
.teanNavCon { padding:10px 0 5px 8px; }
.intro_tit { width:100px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background:#00468e; margin:2px 0 10px 8px;}
.intro { border-bottom:1px solid #dce3ee;}
.intro_more { text-align:center; height:35px; line-height:34px; border-top:1px solid #dce2ee;}
.intro_more a {color:#cc0000; }
.intro p { padding:0 10px 10px; line-height:40px; color:#666;}
.fanye { color:#669933; margin:20px 50px 0 50px; width:300px; text-alige:center;}
.fanye a { color:#669933;}
.fanye a:hover { color:#fff;}
#pageprv,#pagenext { color:#666;}
.fanye span.current {border:solid 1px #8fc149; background:#8fc149; color:#fff; text-decoration:none;}
.fanye a,.fanye span { padding:4px 7px; border:solid 1px #ccc; line-height:30px;}
.fanye a:hover,#pagenext:hover { border:solid 1px #8fc149; background:#8fc149; color:#fff; text-decoration:none;}
.fanye #pagehome,#pageend { display:none;}

.videolist { position:relative; float:left; width:96%; height:auto; margin:1% 2%; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:30%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:0; top:10%; margin-left:10px; margin-top:10px; z-index:100; width:100%; height:auto; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

	 .videos video{ width:100%; height:auto; }	 
	 
.pronew41{ margin:0 auto; padding:0 2%; width: 96%; float: left;height: auto; }	 
.pronew412 ul li{ margin:1%; padding:0; width: 46%; height: auto; float: left; background: #fff; display: block;}	 
}
 @media screen and (max-width:480px) {

/* touch-menu */
	.touch-top-wrapper .touch-logo img {	height:30px;}
.touch-toggle li {	height:50px;	padding:0 10px;}
.touch-toggle li a {	height:50px;}
.touch-toggle li i {
	width:20px;
	height:20px;
	margin-top:15px;
}
/* 容器 */	.module-full-screen-title > .module-title-content > i {	width:40px;}
.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal {	margin:6px 0 0;}

.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:95%; float:left; margin:0 2% 0 2%; }
.new_l .news dd{ width:96%; float:left; margin:0 2% 0 2%;}
	 .product-list li { margin:0 auto; padding:0; width:96%; margin:2%; float:left;
	text-align:center;
}
.ixpro li {
    width: 100%;
    float: left;
}
#conzhenshu31{ margin:0 auto; padding:0; width:45%; height:auto; margin:2%; float:left; border:1px solid #f3f3f3;}
	 video { max-width:100%;height: auto;}

}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }