@font-face {
  font-family: "ift"; /* Project id 4504181 */
  src: url('//at.alicdn.com/t/c/font_4504181_6m1myqpfhzr.woff2?t=1712833936628') format('woff2'),
       url('//at.alicdn.com/t/c/font_4504181_6m1myqpfhzr.woff?t=1712833936628') format('woff'),
       url('//at.alicdn.com/t/c/font_4504181_6m1myqpfhzr.ttf?t=1712833936628') format('truetype');
}

.ift {
  font-family: "ift" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-chk:before {
  content: "\e666";
}

.i-chked:before {
  content: "\e640";
}

.i-customers:before {
  content: "\e66a";
}

.i-corp:before {
  content: "\e605";
}

.i-phone2:before {
  content: "\e96d";
}

.i-mob:before {
  content: "\e632";
}

.i-loc:before {
  content: "\e618";
}

.i-mail:before {
  content: "\e654";
}

.i-home:before {
  content: "\e606";
}

.i-phone:before {
  content: "\e817";
}

.i-warn:before {
  content: "\e76d";
}

.i-address:before {
  content: "\e78e";
}

.i-more:before {
  content: "\e6c4";
}

* {margin:0;padding:0;box-sizing: border-box;}
img {border: 0 none; vertical-align: middle; max-width: 100%;transition: 0.5s linear 0s;}
ul, li ,ol {list-style: outside none none;}
table{border:0;margin:0;border-collapse:collapse;border-spacing:0;}
textarea{resize:none;font-family:"Microsoft Yahei",verdana;outline: none;}
button {cursor: pointer; border-radius:2px;font-size:14px;}
i, em {font-style: normal; }
p {word-break: break-word;}
body {background:#fff;color: #333;font:13px/1.5 "Microsoft Yahei",arial; }
a,a:link,a:visited,a:hover,a:focus{ text-decoration:none;}
a:focus {outline-style:none; -moz-outline-style: none;}
a { color: #409EFF;cursor:pointer; }
small { font-weight:normal; }
button {padding:12px 15px;border-radius:2px;border:1px solid #DDD;background:#FFF;color:#888;cursor:pointer;font-size:12px;}
::-webkit-input-placeholder {color: #bbb;font-family:Helvetica,Arial,"微软雅黑";}
::-moz-placeholder {color: #bbb;font-family:Helvetica,Arial,"微软雅黑";}
:-ms-input-placeholder {color: #bbb;font-family:Helvetica,Arial,"微软雅黑";}

.flex-row				{display:flex;flex-direction:row;}
.flex-column			{display:flex;flex-direction:column;}
.flex1					{flex:1;}
.col-1 {width: 4.16666%;}
.col-2 {width: 8.33333%;}
.col-2 {width: 8.33333%;}
.col-3 {width: 12.5%;}
.col-4 {width: 16.66666%;}
.col-5 {width: 20.83333%;}
.col-6 {width: 25%;}
.col-7 {width: 29.16666%;}
.col-8 {width: 33.33333%;}
.col-9 {width: 37.5%;}
.col-10 {width: 41.66666%;}
.col-11 {width: 45.83333%;}
.col-12 {width: 50%;}
.col-15 {width: 62.5%;}
.col-18 {width: 75%;}
.wp100 {width:100% !important;}
.clr {clear:both;}
@media screen and (min-width:1200px){
.w {margin:0 auto;width:1200px;}
}
.ift { vertical-align: middle; }
.b { font-weight:bold !important; }
.fs12 {font-size:12px !important; }
.fs13 {font-size:13px !important; }
.fs14 {font-size:14px !important; }
.fs15 {font-size:15px !important; }
.fs16 {font-size:16px !important; }
.fs18 {font-size:18px !important; }
.fs20 {font-size:20px !important; }
.fs22 {font-size:22px !important; }
.fs24 {font-size:24px !important; }
.mr0 { margin-right:0px !important; }
.mr2 { margin-right:2px !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr8 { margin-right:8px !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.ml5 { margin-left:5px !important; }
.ml8 { margin-left:8px !important; }
.ml10 { margin-left:10px !important; }
.ml15 {margin-left: 15px !important;}
.ml20 { margin-left:20px !important; }
.ml40 { margin-left:40px !important; }
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb30 {margin-bottom:30px !important; }
.mb50 {margin-bottom:50px !important; }
.c0 {color: #000 !important;}
.c3 {color: #333 !important;}
.c6 {color: #666 !important;}
.c8 {color: #888 !important;}
.c9 {color: #999 !important;}
.ca {color: #aaa !important;}
.cc {color: #ccc !important;}
.cf {color: #fff !important;}
.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w50 {width:50px;}
.w100 { width: 100px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }
.pb20 {padding-bottom:20px !important; }
.pb30 {padding-bottom:30px !important; }
.pb50 {padding-bottom:50px !important; }
/*********** header ************/
a { outline: 0; color: #173080; }
.a-center {
  text-align: center !important;
}
.btn-primary {background-color:#333;}
.page {
  padding-top: 95px;
  min-height:595px;
}
/*** header ***/
.h {
  position: fixed;
  left: 0;
  right: 0;
  background: #FFF;
  box-shadow: 0 2px 3px rgba(0,0,0,0.04);
  z-index: 999;
}
.h .logo img {margin-top:-12px;}
.h .t {
  background: #f5f5f5;
  color: #333;
  position: relative;
  clear: both;
  line-height: 35px;
  overflow: hidden;
  font-size: 13px;
  font-weight: lighter;
  height: 35px;
}
.h .t li {display:inline-block;}
.h .nav {
  height: 95px;
  line-height: 95px;
}
.menu > ul > li {display: inline-block;position:relative;}
.menu > ul > li > a {display:block;}
.menu > ul > li > ul { display:none;background:#FFF;position: absolute; left:-15px;top:95px;right:-15px;box-shadow: 0 5px 5px #CCC;padding:10px 10px;}

.menu > ul > li:hover > ul {display:block;}
.menu > ul > li > ul > li {line-height:35px;height:35px;text-align: center;font-size:14px;}
.menu > ul > li > ul > li > a {color:#333;display:block;white-space: nowrap;}
.menu > ul > li > ul > li > a:hover {color:#e74902;}
.h .menu > ul > li > a {
  text-align: center;
  display: block;
  margin: 0 18px;
  font-size: 16px;
  color: #333;
  position:relative;
  min-width:60px;
}
.h .menu > ul > li > a::after {
  content: "";
  background: #e74902;
  height: 2px;
  width: 0%;
  left: 50%;
  transition: all 0.5s ease-in-out;
  position: absolute;
  bottom: 0;
}
.h .menu > ul > li:hover > a:hover:after,
.h .menu a.level1.on:after{width:100%; left:0;color:#e74902;}
.h .menu > ul > li > a.on,
.h .menu > ul > li:hover > a {color:#e74902;}
.sites {
  font-weight: lighter;
}
/*** breadcrumb ***/
.bdc {padding:16px 0 12px;}
.bdc li { display:inline-block; font-size: 14px;}
.bdc li,
.bdc li a { color: #666; }
.bdc li a:hover {color:#e74902;}
.bdc li > span { margin:0 5px }
.bdc li > span .ift { color:#919db2; }
.bdc li > strong { color:#222;font-weight:normal; }
/*********** pages ****************/
.pager {font-size: 15px;padding-bottom: 20px;text-align:center;}
.pager span,
.pager a {display: inline-block;border: 1px solid #f1f1f1;color: #666;margin: 0 6px 0 0;padding: 7px 15px;display: inline-block;background:#fff;}
.pager a {background:#fff;}
.pager a:hover,
.pager .on {color: #FFF;background: #e74902;}
.hd-bg {position:relative;}
.hd-tit {
  z-index: 2;
  margin-top: -180px;
  color: #FFF;
}
.hd-tit h3 {
  font-size: 36px;
  letter-spacing: 2px;
}
.hd-tit h5 {
  margin-top: 15px;
  font-size: 23px;
  font-weight: lighter;
  letter-spacing: 2px;
}

._tit-cms {
  padding: 50px 0 30px;
  background: url(../images/bg_tit.png) no-repeat center bottom;
  margin-bottom: 60px;
  text-align: center;
}
._tit-cms h2 {
  font-size: 35px;
  font-weight: normal;
}
._tit-cms h5 {
  font-size: 14px;
  color: #a4a4a4;
  font-weight: normal;
  margin-top: 5px;
  letter-spacing: 2px;
}

/*** home ***/
._home .post-item {
  width: 285px;
  padding: 15px;
  box-shadow: 0 5px 15px #DDD;
  height: 445px;
  cursor:pointer;
  margin-right:20px;
  margin-bottom:30px;
}
._home .posts .post-item:nth-of-type(4){
	margin-right:0;
}
._home .post-item:hover {
	box-shadow: 0 5px 25px #DDD;
}
._home .post-item .img {
  margin-bottom: 15px;
  overflow: hidden;
  height: 300px;
}
._home .post-item:hover img {
	transform:scale(1.05);	
}
._home .post-item .title {
  font-size: 16px;
  text-align: center;
  height: 24px;
  overflow: hidden;
  width: 255px;
}
._home .post-item .preface {
  background: #DDD;
  padding: 10px 12px;
  margin-top: 15px;
  color: #666;
  height: 60px;
}
._home .post-item:hover .preface {
  background: #e74902;
  color: #FFF;
}

._home ._tit-cms {
	background:none;
	margin-bottom:20px;
}
._h-case .item {
  margin-right: 20px;
  width: 242px;
  float: left;
  margin-bottom: 20px;
  border: 1px solid #f5f5f5;
  background:#FFF;
}
._h-case .item:hover {
  box-shadow: 0 0 10px #EEE;
}
._h-case .item.last {
  margin-right: 0;
}
._h-case {
  margin-bottom: 50px;
}
._h-case .item .txt {margin:15px;}
._h-case .item .txt p {color:#999;}
._h-case .item h5 {
  color:#333;
  margin-bottom: 5px;
  overflow: hidden;
  height:30px;
  line-height: 30px;
  font-size:16px;
  font-weight:normal;
}
._h-case .item h5 a {color:#333;}
._h-case .item h5 a:hover {color:#e74902;}
._h-case .item .img {
  height: 200px;
  overflow: hidden;
  width: 100%;
}
._h-case .product-items .item .img {height:285px;}
._h-case .item .img img {
  min-height: 200px;
}
._h-case .item .prices {
  padding:12px 15px;
  border-top:1px solid #f5f5f5;
  color:#999;
  font-size: 12px;
}

._h-case .item .price {
  color: #e74902;
  font-size: 21px;
  margin-top: 7px;
  display: block;
}
._h-case .item .price em {
  font-size:13px;
}
._h-case .item .stat {
  text-align: center;
  line-height: 50px;
  border-top: 1px solid #f5f5f5;
  color: #999;
  padding: 0 5px;
}
._h-case .item .stat span {font-weight:bold;color:#333;margin-right:2px;font-size:15px}

._h-brand2 .brand-item {
  width:300px;
  height:380px;
  float: left;
  margin-bottom: 20px;
  border: 1px solid #f1f1f1;
  border-right: 0;
}
._h-brand2 .brand-item.last {border-right: 1px solid #f1f1f1;}
._h-brand2 .brand-item .txt {text-align:center;line-height:52px;font-size:16px;}
._h-brand2 .brand-item .txt a {color:#333;}
._h-brand2 .brand-item .txt a:hover {color:#333;}
._homes {background:url(../images/bg_floor1.png) no-repeat center bottom #fff;background-size:100%;padding-bottom:120px;}

.h-customer {
  margin-bottom: 50px;
}
.h-customer .item {
  width: 247px;
  float: left;
  box-shadow: 0 0 10px #DDD;
  padding: 20px;
  margin-right: 25px;
  border:1px solid #FFF;
}
.h-customer .item:hover {
	/*border:1px solid #e74902;*/
	box-shadow: 0 0 20px #CCC;
}

.prd-items .item {
  float: left;
  margin-right: 20px;
  width: 315px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 2px rgba(68, 93, 192, 0.15);
  border: none;
  padding: 20px;
}
.prd-items .item:hover {box-shadow: 0 0 20px #CCC;}
.prd-items .item strong {
  line-height: 55px;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 22px;
  font-weight: normal;
}
.prd-items .item .img {
  width: 275px;
  height: 275px;
  overflow: hidden;
  margin-bottom:20px;
  border: 1px solid #f9f9f9;
}

._h-case .prd-items .item .txt {margin:15px 0 0;}
._prd-empty {
  border: 1px solid #f1f1f1;
  padding: 120px;
  text-align: center;
  font-size: 15px;
  color: #AAA;
}
._prd-v {margin-top:10px;margin-bottom:40px;background:#fff;padding:30px;}
._prd-v .p-img {margin-right:30px;width:402px;}
._prd-v .p-img .img {border:1px solid #E5E5E5;width:400px;height:400px; }
._prd-v .imgs {margin-top:10px;}
._prd-v .imgs-ct {margin-right:6px;border: 1px solid #f5f5f5;cursor:pointer;}
._prd-v .imgs-ct:hover {border-color:#e74902;}
._prd-v .p-name {padding:0 0 20px;}
._prd-v .p-name h1 {font-size:30px;margin-top:10px;}
.p-spec {
  font-size: 13px;
}
.p-meta {
  margin-bottom: 20px;
}
.p-meta .item {
  color: #666;
  font-size: 15px;
  margin-bottom: 5px;
}

._prd-v .p-price {background:#f6f6f6;padding:20px;color:#333;margin-bottom:20px;border-top: 2px solid #e74902;}
._prd-v .p-price .price { font-size:23px;margin-bottom:5px;}
._prd-v .p-price .tip {color:#999;}
._prd-v .p-cs {margin-bottom:20px;}
._prd-v .p-cs i {font-size:45px;line-height: 1.2em; }
._prd-v .p-cs .number {
  font-size: 21px;
  color: #000;
  font-weight: bold;
}
._prd-v .p-brand .txt {
  background: #fffbf8;
  padding: 10px 15px;
  color: #333;
}
._prd-v .txt {margin-top:35px;}
._prd-v .txt h2 {font-size:23px; line-height:35px; padding-bottom:10px;color: #e74902; position:relative;border-bottom:1px solid #f5f5f5;}
._prd-v .txt h2::after {position:absolute;content:"";left:0;width:92px;height:2px;background:#e74902;bottom:0;}
._prd-v .txt h3 {font-size:19px; line-height:40px; margin:15px 0; }
._prd-v .std {margin:20px 0; line-height:1.65em;font-size: 14px;}
._prd-v .std p {margin-bottom:10px; }
.std img {
  border: 1px solid #f5f5f5;
}
.data-table {}
.data-table th,.data-table td { border: solid #fff;border-width: 0 0 1px;
  padding: 10px;
  line-height: 20px;
  background: #f6f6f6;}
.data-table th {background: #ececec;}
.data-table td {background: #f6f6f6;}
/*** about ***/
._about-menu  {
  height: 86px;
  background: #fff;
  box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.05);
  position: relative;
  margin-top: -35px;
}
._about-menu a {
  font-size: 18px;
  color: #9b9b9b;
  line-height: 86px;
  position: relative;
  text-align: center;
  width: 236px;
}
._about-menu a.on,
._about-menu a:hover {background:#e6e6e6;color:#e74902;}
._about-menu a::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 0%;
  top: 0;
  height: 3px;
  background: #CC3600;
  transition: all 0.5s ease-in-out;
}
._about-menu a.on::before,
._about-menu a:hover::before {width: 100%;left:0;}

._about-info {
  margin: 80px 0 60px;
}

._about-info .pic {
  width: 550px;
  margin-left: 60px;
}
._about-info .txt h2 {
  font-size: 32px;
  font-weight: normal;
  color: #333;
  letter-spacing: 2px;
}
._about-info .txt h5 {
  font-weight: lighter;
  color: #a4a4a4;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
._about-info .txt p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8em;
  margin-bottom: 20px;
}

._about-cul .item {
  float: left;
  width: 380px;
  margin-right: 30px;
  height: 315px;
  margin-bottom:25px;
}
._about-cul .item .img {
  width: 380px;
  height: 200px;
  overflow: hidden;
}
._about-cul .item:hover .img img {
  transform: scale(1.1);
}
._about-cul .item strong {
  margin-top: 20px;
  display: block;
  font-size: 22px;
  font-weight: normal;
  color: #333;
  text-align: center;
  margin-bottom: 10px;
}
._about-cul .item p {
  font-size: 15px;
  line-height: 24px;
  color: #777777;
  height: 72px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
._about-cert .item {
  float: left;
  width: 300px;
  margin-right: 25px;
  height: 220px;
  box-shadow: 0 0 10px #DDD;
  padding: 10px;
}
/*** post view ***/
._post-v .hd {border-bottom:1px solid #f5f5f5;padding-bottom:30px;margin-bottom:30px;}
._post-v .hd h1 {font-size:25px;margin:20px 0;}
._post-v .meta {color:#aaa;}
._post-v .std p {margin-bottom:10px;}
._post-v .std img {margin:10px 0;max-width:100%;}
._post-v .hist {margin:40px 0 0;padding-bottom:20px;}
._post-v .std {font-size: 15px;line-height: 1.6em;}
._post-v .hist {margin:40px 0 0;padding-bottom:20px;}

._post-grid .post-item {
  width: 370px;
  height: 500px;
  float: left;
  margin: 15px;
  background: #FFF;
  padding: 20px;
}

._post-grid .post-item:hover {
	box-shadow:0px 10px 20px 0px rgba(49,55,63,0.15);
}
._post-grid .post-item .txt > div {
  max-height: 95px;
  overflow: hidden;
}
._post-grid .post-item .date {
  margin: 15px 0;
  color: #999;
}
._post-grid .post-item h3 a {
  color: #333;
  font-size: 18px;
  line-height: 1.2em;
}
._post-grid .post-item h3 {
  margin-bottom: 12px;
}
/*** faq ***/
._faq {
  margin-bottom: 100px;
}
._faq h5 {
  background: #DDD;
  color: #000;
  padding: 10px 15px;
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 16px;
  width: 400px;
}

._faq p {
  color: #444;
  line-height: 2em;
}

.fbox {
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  padding: 30px;
  background:#FFF;
}
.fbox .line {
  margin: 40px 0;
  border-top: 1px dashed #ccc;
  height: 1px;
  display: block;
}
.contact-item .tit{color:#999;width:80px;display:inline-block;}
.contact-item .hd{font-size:22px;color:#000;border-bottom:2px solid #000;width:auto;padding-bottom:10px;margin-bottom:20px;display: inline-block;}
.contact-item .txt {width:45%;float:right;padding-left:50px;}
.contact-item .map {width:55%;float:left;}

._enquiry-item{float:left;width:50%;padding:0 15px;}
._enquiry label{display:block;margin-bottom:10px;position:relative;}
._enquiry label p{font-size:14px;line-height:30px;color:#333;font-weight:normal;margin-bottom:5px;}
._enquiry label p b{color:#e74902;}
._enquiry label input{width:100%;border:none;background:#f1f1f1;font-size:13px;line-height:48px;height:48px;color:#333;text-indent:20px;outline:none;}
._enquiry label select {padding: 0 20px;}
._enquiry label p.error{position:absolute;top:0;right:0;margin-bottom:0;padding-left:24px;font-size:13px;display:none;color:#f00;}
._enquiry label p.error.on{display:inline-block;}
._enquiry label textarea{width:100%;height:138px;padding:10px 20px;background:#f1f1f1;font-size:14px;line-height:25px;color:#b4b4b4;border:none;box-shadow:none;border-radius:0;}
._enquiry-item select{background:#f1f1f1;width:100%;height:48px;line-height:48px;border:0;}
._enquiry .btn{padding:12px 100px;font-size:16px;border: 1px solid #e74902;color: #e74902;}
._enquiry .btn:hover {background:#e74902;color: #FFF;}

._enquiry .img-replace{position:relative;}
._enquiry .img-replace .input-file{text-indent:-999em;width:1px;}
._enquiry .img-replace label{background:#FFF;border:1px solid #248AFE;width:110px !important;display:inline-block;height:35px !important;text-align:center !important;color:#248AFE !important;line-height:33px !important;border-radius:2px;cursor:pointer;}
._enquiry .img-replace label:hover{color:#fff !important;background-color:#248AFE;border-color:#248AFE;transition:all .3s ease-in-out;}
._enquiry .img-replace2 label{height: 80px !important;width: 80px !important;line-height: 78px !important;font-size: 13px !important;}
._enquiry .img-replace2 label:hover{background-color:#eff0f2;border-color:#248AFE;color:#248AFE !important;}
._enquiry .img-handle{display:inline-block;}
._enquiry .img-handle img {border:1px solid #e5e5e5;}
._enquiry .img-handle .img-del{right:1px;top:1px;background:#FFF;z-index:9;height:28px;width:28px;text-align:center;}
._enquiry .img-handle .img-default {left:1px;bottom:1px;position:absolute;height:25px;z-index:9;width:40px;text-align:center;background: #FFF;font-size: 12px;cursor: pointer;}
._enquiry span.delete-image, span.delete-file {display: block;white-space: nowrap;line-height: 24px !important;}

.post-item dl{padding:30px;background:#ffffff;overflow:hidden;margin-bottom:20px;}
.post-item dl:hover{box-shadow:0 5px 15px #e3e3e3;}
.post-item dl dt{width:13%;padding:10px 0;background:#c8c8c8;text-align:center;float:left;}
.post-item dl:hover dt{background:#e74902;}
.post-item dl dt b{display:block;font-size:38px;line-height:50px;color:#ffffff;font-weight:normal;}
.post-item dl dt span{display:block;font-size:14px;line-height:20px;color:#ffffff;font-weight:normal;}
.post-item dl dd{width:85%;float:right;}
.post-item dl dd h3{font-size:16px;line-height:30px;height:30px;overflow:hidden;}
.post-item dl dd h3 a{color:#555;}
.post-item dl:hover dd h3 a{color:#e74902;}
.post-item dl dd p{font-size:14px;line-height:25px;color:#999;max-height:50px;overflow:hidden;}
/*** footer ***/
.f {
	background:#f5f5f5;
	border-top: 1px solid #e5e5e5;
}
.f,.f a {
	color:#333;
}
.f a:hover {color:#000;}
.f .ift {
  font-size: 14px;
  color: #DDD;
  margin-right: 4px !important;
}
.f-m {
  text-align: center;
  font-size: 14px;
}
.f-m .w {
	padding: 40px 0 20px;
}
.f-m p {
  line-height: 28px;

	margin:10px 0;
}
.f-m span {
  padding: 0 4px;
}

.f .links dl {
  width: 170px;
  text-align: left;
}
.f .links dt {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 18px;
}
.f .links dd {
  line-height: 1.5em;
  margin-bottom: 10px;
}
.f .links .tel {
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
}
.f .links .time {
  font-weight: lighter;
  font-size: 12px;
  letter-spacing: 1px;
  color: #BBB;
}
.flogo {
  text-align: left;
  margin-bottom: 15px;
  margin-top: -10px;
}
.f .qrcode {
  margin-bottom: 10px;
  margin-top: 10px;
}
.apps strong {
  font-weight: normal;
}
.f-b .w {
  padding: 25px 0;
  font-size: 12px;
}

.ads {
    position: relative;
    width: 100%;
    overflow:hidden;
    height:500px;
}
.ads a.img-bg {
  display: block;
  height: 500px;
  width: 100%;
  
}
.ads .img {
    height: 500px;
    width: 100%;
    background-size: 100% auto;
    background-repeat:no-repeat;
    background-size: auto 100%;
    background-position: center;
}
.slidesjs-navigation{display:none;}
.ads:hover .slidesjs-navigation{background:rgba(0,0,0,0) url("../images/slide_icons.png") no-repeat scroll 0 0;display:block;height:60px;margin-top:-30px;overflow:hidden;position:absolute;text-indent:-999px;top:50%;width:30px;z-index:10;}
.ads:hover .slidesjs-next{right:0;background-position:0 -64px;}
.ads:hover .slidesjs-previous:hover{background-position:-35px -2px;}
.ads:hover .slidesjs-next:hover{background-position:-35px -64px;}
.slidesjs-pagination {bottom: 25px;left: 50%;margin-left: -90px;position: absolute;width: 180px;z-index: 99;}
.slidesjs-pagination li {display: inline-block;margin: 0 5px;line-height: 2px;}
.slidesjs-pagination li a {background: #fff none repeat scroll 0 0;display: inline-block;height: 5px;text-indent: -999em;width: 35px;opacity: 0.3;}
.slidesjs-pagination li a.active {background: #fff none repeat scroll 0 0;opacity: 1;}

._ban-html {
  position: absolute;
  left: 0;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  color: #FFF;
}
._ban-html > .w {
	padding:120px 520px 80px 80px;
}
._ban-html .name {
font-size: 25px;
  letter-spacing: 2px;
color: #f5f5f5;
}
._ban-html h2 {
	font-size:45px;
	margin-top:15px;
	margin-bottom:50px;
}
._ban-html .btn a {
  background: #FFF;
  color: #333;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 3px;
}
._ban-html .btn a:hover {
	color:#e74902;
}
._ban-html1 h2 {
  letter-spacing: 6px;
  width: 500px;
  font-size: 50px;
}
._ban-html2-en > .w {
	padding:100px 220px 80px 80px;
}
._ban-html1-en h2 {
  font-size: 38px;
  letter-spacing: 0;
  width: 600px;
}
._ban-html2-en h2 {
  font-size: 34px;
  width: 900px;
  line-height: 1.2em;
  margin-bottom: 40px;
}
._h-case-en .item h5 {
  height: 60px;
  line-height: 18px;
  font-size: 15px;
}
._about-info-en .txt h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2em;
}
._about-info-en .txt p {
  line-height: 1.25em;
  margin-bottom: 15px;
  font-size: 16px;
}
._about-cul-en .item p {
  line-height: 1.3em;
}
._faq-en h5 {
  width: 800px;
}

.h {position:relative;}
.page {padding-top:0;min-width:1200px;}
.h .menu > ul > li > a {margin:0 14px;font-size:15px;}
.slogan {
  margin: 30px 0 30px 15px;
  border-left: 1px solid #f5f5f5;
  padding-left: 15px;
}
.slogan p {line-height:1em;}
.slogan .p1 {
  font-size: 17px;
  margin-bottom: 10px;
}
.slogan .p2 {
  font-size: 10px;
  color: #999;
}
.f .links dl {width:175px;}
.f .links .tel {font-size:14px;}


/*** home ***/
._h-partner {padding-bottom: 45px;}
._h-partner .item {
  float: left;
  margin: 10px;
  box-shadow: 0 0 10px #CCC;
  padding: 12px 16px;
  height: 95px;
  line-height: 70px;
}
._h-partner .item img {
  max-width: 119px;
}

._h-adv {padding-bottom: 50px;}
._h-adv .item {
  width: 33%;
  float: left;
}
._h-adv .item dl {
  width: 94%;
  height: 360px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
  margin: 0 auto;
  cursor: pointer;
}
._h-adv .item dl:hover {
	box-shadow: 0 0 10px #CCC;
}
._h-adv .item dl dt {
  font-size: 23px;
  padding-top: 25px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 45px;
}
._h-adv .item dl dd:nth-child(2) {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  margin-bottom: 25px;
  height:42px;
}
._h-adv .item dl dd:nth-child(3) {
  width: 90%;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 15px;
}
._h-adv .item dl dd:nth-child(3) img {
  width: 99%;
  margin: 0 auto;
  display: block;
  border-radius: 5px;
  width: 300px;
  height: 180px;
}

._h-go {
  text-align: center;
  margin: 0 auto 80px;
}
._h-go .btn-go {
  padding: 15px 30px;
  background: #000;
  color: #fff;
  font-size: 16px;
}
._h-go .btn-go:hover {
	box-shadow:0 0 20px #AAA;
}
._home .more{text-align:center;margin:50px 0 0;}
._home .more .btn{border:1px solid #e74902;color:#e74902;border-radius:0;display:inline-block;padding:0 23px;font-size:14px;line-height:33px;height:36px;background-color:transparent;}
._home .more .btn:hover{background:#e74902;color:#FFF;border:1px solid #e74902;}
._h-new {
  padding-bottom: 95px;
  background: url(../images/bg_floor1.png) no-repeat center bottom #fff;
  background-size: 100%;
}
._h-new .item {
  width: 590px;
  float: left;
  box-shadow: 0 0 15px #DDD;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 15px;
}
._h-new .item.last {
  margin-right: 0;
}
._h-new .item .img {
  width: 200px;
  margin-right: 20px;
}
._h-new .item .img p {
  width: 200px;
  height: 150px;
  border: 1px solid #f1f1f1;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
}
._h-new .item h5 {
  font-size: 18px;
  line-height: 1.35em;
  max-height: 50px;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 5px;
}
._h-new .item h5 a {
  color: #333;
}
._h-new .item h5 a:hover {
	color:#e74902;
}
._h-new .item .sdesc {
  margin-bottom: 10px;
}
._h-new .item .sdesc p {
  color: #999;
  line-height: 1.3;
}
._h-new .item .imgs-ct {
  float: left;
  margin-right: 4px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
._h-new .item .imgs-ct:nth-child(3) {
	margin-right:0;
}
._h-new .item .imgs-ct:hover {
  border: 1px solid #e74902;
  cursor: pointer;
}
._h-new .item .btns {margin-top:15px;}
._h-new .item .btns .more {
  border: 1px solid #e5e5e5;
  padding: 7px 12px;
  color: #666;
  font-size: 13px;
}
._h-new .item .btns .more:hover {
	color:#e74902;
	border-color:#e74902;
}

/*** product list filters ***/
._flts {
  width: 195px;
  margin-right: 20px;
}
._srh {
  margin-bottom: 20px;
  line-height:40px;
}
._srh h2 {line-height:40px;font-size:22px;}
._srh > span {margin-left:20px;color:#999; }
._srh label {font-size:14px;line-height:40px; margin-right:10px;}
._srh .ipt {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px 12px;
  height: 40px;
  font-size: 14px;
  width: 320px;
  border-right:none;
  outline: none;
}
._srh .btn {
	background:#2378ff;
	color:#FFF;
	border:1px solid #2378ff;
	font-size:15px;
	padding:0 15px;
}

._flt-item {
  margin-bottom: 10px;
  background: #FFF;
  box-shadow: 0px 0px 2px rgba(68, 93, 192, 0.15);
}
._flt-item h5 {
  font-weight:bold;
  background: #2378ff;
  line-height: 60px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  height: 60px;
}
._flt-item ._items {
  padding: 15px 10px 30px;
}
._flt-item ._item {
  text-align: left;
  margin-bottom: 5px;
  
  background: #f8f8f8;
  line-height: 40px;
  padding: 0 0 0 12px;
  font-size: 14px;
}
._flt-item ._item a{color:#333;}
._flt-item ._item label {cursor: pointer;}
._flt-item ._item a.on,
._flt-item ._item a:hover {
	color:#e74902;
}
/*** auto resize ***/
.show-h5 {display: none !important;}
@media screen and (max-width: 768px) {
	.hide-h5 {
		display: none !important;
	}
	.show-h5 {
		display: block !important;
	}
	.w {width:auto !important;}
	
	.h-h5 {
	    width:100%;
	    height:60px;
	    position:relative;
	    z-index:1000000;
	    background:#fff;
	    font-family:"Microsoft YaHei";
	    font-size:16px
    }
	.h-h5 .logo-h5 img {
	    max-width: 100%;
	    max-height: 100%;
    }
	.nav-btn-h5 {
	    width: 40px;
	    position: absolute;
	    top: 50%;
	    right: 25px;
	    transform: translateY(-50%);
	    cursor: pointer;
	}
	.nav-btn-h5 a {
	    display: block;
	    height: 30px;
	    background: url(../images/h5/menu.png) no-repeat;
	    background-size: auto;
	    background-size: contain;
    }
	.nav-h5 {
	    background:#000;
	    position:fixed;
	    top:0;
	    left:0;
		right:0;
		bottom:0;
	    overflow:hidden;
		display:none;
	}
	.nav-h5>ul {
	    padding:0;
	    margin:0;
	    padding-top:15px
	}
	.nav-h5>ul>li {
	    line-height:40px;
	    padding-left:15px;
	    border-bottom:1px dotted #333
	}
	.nav-h5>ul>li>a {
	    color:#fff !important;
	    font-weight:bold;
	    text-decoration:none !important;
	    font-size:16px;
	    letter-spacing:2px;
	    font-weight:500;
	    text-align:left;
	    text-transform:uppercase;
	    -webkit-transition:0.3s linear;
	    -moz-transition:0.3s linear;
	    -ms-transition:0.3s linear;
	    -o-transition:0.3s linear;
	    transition:0.3s linear
	}
	.nav-h5 .nav-btn-close {
	    width:30px;
	    height:30px;
	    cursor:pointer;
	    position:absolute;
	    top:10px;
	    right:15px;
	    border-radius:1px;
	}
	.nav-h5 .nav-btn-close>img {
		margin-top:2px
	}
	.hd-bg {height:150px;}
	.hd-bg img {height:150px;}
	.hd-tit {margin-top:-100px;margin-left:20px;}
	.hd-tit h3 {font-size:25px;}
	.hd-tit h5 {font-size: 16px;margin-top: 0;}
	.page {min-height:auto;margin:0;padding-top:0;}
	.ads {height:200px !important;}
	.slidesjs-navigation {display:none;}
	.ads a.img-bg {height:200px !important;}
	.ads .img {height:200px !important;background-position: center center;}
	.ads .slidesjs-control > div {height:200px !important;}
	
	._ban-html > .w {
	  padding: 30px 30px 30px 30px;
	}
	._ban-html .name {
	  font-size: 16px;
	  letter-spacing: 0;
	  color: #f5f5f5;
	}
	._ban-html h2 {
	  font-size: 27px;
	  margin: 15px 0 0;
	  letter-spacing: 2px;
	  width: auto;
	}
	._ban-html2 h2 {font-size:22px;}
	._ban-html .btn {display:none;}
	.hm-box {padding: 60px 0 60px;}
	._tit-cms {padding: 40px 0 20px;margin:0 !important;}
	._tit-cms h2 {font-size:30px;}
	._home .post-items,._home .case-items,._home .product-items {padding:0 15px;}
	._home .post-item,._home ._h-case .item {width:100%;margin:15px 0;box-shadow:0 5px 15px #DDD;}
	._about-menu{height:60px;}
	._about-menu a {width:100px;line-height:60px;font-size:16px;}
	
	._about-info {margin:40px 20px 30px;}
	._about-info .pic {display:none;}
	._about-info .txt h2 {line-height:1.2;margin-bottom:5px;}
	._about-cul {padding: 0 15px;margin-top: 20px;}
	._about-cul .item {margin: 10px 0 !important;width: 100%;height: auto;}
	._about-cul .item .img {width: 100%;height: auto;overflow: hidden;}
	._about-cul .item p {height:50px;}
	._about-cert {padding: 0 15px;margin-top: 20px;}	
	._about-cert .item {margin:0 0 20px !important;width:100%;height:auto;}
	
	.prd-items {padding:0 15px;margin-top:30px;}
	.prd-items .item {width:100%;margin-bottom:15px;}
	.prd-items .item .img {width:100%;height:auto;}
	
	._faq {padding:0 15px; }
	._faq h5 {width:100%;}
	.fbox {padding:0;box-shadow:none;margin-top:25px;}
	
	.news-items {padding:0 15px;}
	.news-item {width:100%;height:auto;margin:15px 0;}
	.news-item .cover img {width:100%;height:auto;}
	.news-item h3 {height:auto;}
	.news-item .sdesc {height:auto;}
	
	.f-m {padding:30px 15px 15px;background: #f9f9f9;border-top: 1px solid #eeee;}
	.f-m .qr-box img { border: 1px solid #f1f1f1;box-shadow: 0 0 5px #DDD;}
	.f-b {background:#28282D;color:#999;padding: 0 25px; text-transform: uppercase;}
	.f-b .w {font-size:13px;}
	.f-b a {color:#999;}
	.fb {margin:0 30px;}
	
	._hd-bg {
	height: 150px;
    background-position: center bottom;
    background-size: auto 100%;
    width: 100%;
    min-width: 100%;
	}
	._tit {margin:35px 15px 25px;}
	._info ._info-sdesc {height:auto;}
	._desc .txt {width:100%;padding:0 20px 30px;}
	.contact-tabs {margin:0 15px 35px;}
	.contact-item .txt,
	.contact-item .map	{
	  width: 100%;
	  float: none;
	  padding:0 20px;
	}
	.contact-item .txt {margin-bottom:15px;}
	.contact-item .hd {width:100%;}
	._enquiry label input {text-indent:10px;}
	._enquiry label textarea {padding:10px;}
	.breadcrumbs {margin-left:12px !important;}
}

/*** Layer ***/
.xubox_shade,.xubox_layer{position:fixed;_position:absolute;}
.xubox_shade{top:0;left:0;width:100%;height:100%;}
.xubox_layer{top:150px;left:50%;height:auto;width:310px;margin-left:-155px;}
.xubox_border,.xubox_title,.xubox_title i,.xubox_page,.xubox_iframe,.xubox_title em,.xubox_close,.xubox_msgico,.xubox_moves{position:absolute;}
.xubox_border{box-shadow:1px 0 4px rgba(0,0,0,0.4);}
.xubox_title{left:0;top:0;}
.xubox_main{position:relative;height:100%;_float:left;}
.xubox_page{top:0;left:0;}
.xubox_load{background:url(default/xubox_loading0.gif) #fff center center no-repeat;}
.xubox_loading{display:block;float:left;text-decoration:none;color:#FFF;_float:none;}
.xubox_moves{border:3px solid #666;cursor:move;background-color:rgba(255,255,255,.3);background-color:#fff999;}
.xubox_text{float:left;font-size:14px;line-height:25px;overflow:hidden;padding:40px 20px;text-align:left;word-break:break-all;}
.xubox_msgtype0{background-position:-91px -38px;}
.xubox_msgtype1{background-position:-128px -38px}
.xubox_msgtype2{background-position:-163px -38px;}
.xubox_setwin{font-size:0;position:absolute;right:15px;top:10px;}
.xubox_title{background:#f7f8fa;border-bottom:1px solid #ede9ea;color:#333;font-size:15px;line-height:40px;height:40px;padding-left:20px;width:100%;}
.xubox_title em{font-style:normal;}
.xubox_page .button{line-height:42px;padding:0 25px;font-size:16px;}
.xubox_botton a{position:absolute;bottom:21px;right:20px;background:url(default/xubox_ico0.png) repeat;text-decoration:none;color:#FFF;font-size:14px;text-align:center;overflow:hidden;}
.xubox_botton a:hover{text-decoration:none;}
.xubox_botton .xubox_botton1{width:70px;height:30px;line-height:30px;background:#3c8ee9;border-radius:3px;}
.xubox_botton1:hover{background:#2d7ddf;}
.xubox_botton .xubox_botton2{width:70px;height:30px;line-height:30px;background:#3c8ee9;border-radius:3px;right:100px;}
.xubox_botton2:hover{background:#2d7ddf;}
.xubox_botton .xubox_botton3{width:70px;height:30px;line-height:30px;background:#fff;color:#666;border:1px solid #e4e4e4;border-radius:3px;}
.xubox_botton3:hover{color:#666;border:1px solid #3c8ee9;}
.form .validation-advice{color:#d40707;background:rgba(0,0,0,0) url("../images/advice.png") no-repeat scroll 0px 2px;clear:both;line-height:1.25em;margin:5px 0 -8px 0;min-height:15px;padding-left:16px;font-size:12px;}