@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
  margin: 0;
  padding: 0;
}
ul, ol, dl {
  list-style-type: none;
}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer {
  display: block;
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, th, var, i, b {
  font-style: normal;
  font-weight: normal;
}
input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input, button {
  overflow: visible;
  vertical-align: middle;
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
a, area {
  outline: none;
  blr: expression(this.onFocus=this.blur())
}
a:focus, a:hover, a:active {
  outline: none;
  blr: expression(this.onFocus=this.blur())
}
sub, sup {
  vertical-align: baseline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea {
  resize: none;
}
input[type="submit"], input[type="button"] {
  cursor: pointer;
}
img {
  border: 0;
  vertical-align: middle;
}
a img, img {
  -ms-interpolation-mode: bicubic;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #777;
}
a:hover {
  text-decoration: none;
}
body, th, td, button, input, select, textarea {
  font-family: Arial, "微软雅黑";
  font-size: 13px;
  color: #777;
}
.layout {
  width: 1203px;
  margin: 0 auto;
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.clearfix {
  *zoom: 1;
}
#web-ietip {
  width: 526px;
  height: 90px;
  padding: 83px 0 0 84px;
  overflow: hidden;
  background: url(../images/browser.png) no-repeat center center;
  margin: 200px auto 0;
}
#web-ietip a {
  display: block;
  width: 65px;
  height: 80px;
  float: left;
}
body {
  min-width: 1300px;
}
/*初始化*/
/*******************************************/
.test {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(204, 204, 204);
  border-image: none;
  left: 0px;
  top: 100px;
  position: fixed;
  z-index: 2147483647;
}
.test {
  background: rgb(255, 255, 255);
  bordelgr-width: 1px 1px medium;
  border-style: solid solid none;
  border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentColor;
  border-image: none;
  left: 0px;
  top: 100px;
  position: fixed;
}
.test li {
  padding: 0px 30px;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  border-bottom-color: rgb(204, 204, 204);
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.test li h3 {
  color: rgb(0, 0, 0);
  font-size: 16px;
}
.wrap {
  width: 1300px;
  margin: 0 auto;
}
.header {
  background: #fff;
  position: relative;
}
.headtp {
  background: #222;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 13px;
  overflow: hidden
}
.leader {
  display: inline-block;
  float: left;
  width: 360px;
}
.place {
  float: right;
}
.telphone {
  display: inline-block;
  float: left;
  padding-left: 20px;
  background: url(../images/telphone.png) no-repeat left center;
  padding-right: 20px;
  border-right: 1px solid #f89090;
}
.askthem {
  float: right;
  padding-left: 20px;
  line-height: 35px
}
.askthem a {
  display: inline-block;
  height: 35px
}
.askthem img {
  margin-top: 8px
}
.askthem input {
  display: inline-block;
  margin: 0;
  float: left
}
.logo {
  height: 105px;
  width: 338px;
  background: url(../images/logo.png) no-repeat left center;
  float: left;
  display: inline-block;
}
ul.navi {
  margin-top: 0;
  float: right;
}
ul.navi > li {
  float: left;
  line-height: 105px;
  padding-left: 27px;
  padding-right: 27px;
}
ul.navi > li > a {
  color: #555;
  font-size: 16px;
  border: 2px solid #fff;
  display: inline-block;
}
ul.navi > li.on > a, ul.navi > li:hover > a {
  border-bottom-color: #0fa0ba;
}
ul.navi > li.lastli {
  padding-right: 0;
}
.em {
  position: absolute;
  top: 30px;
  left: -60px;
  z-index: 99999;
  display: none
}
.ewmhover:hover .em {
  display: block
}
.banner {}
.banner a {
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
}
.banner button {
  display: none !important;
  background: none;
  position: absolute;
  text-indent: -3000px;
}
.isect1 {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px
}
.isect1 .wrap {
  padding: 70px 0;
}
.express {
  padding-top: 58px;
  width: 100%;
  min-height: 358px;
}
.etit {
  line-height: 60px;
  margin-bottom: 6px;
  font-size: 36px;
  color: #333;
  font-family: '苹方';
}
.express p {
  line-height: 29px;
  font-size: 16px;
  color: #969696;
}
.cargo {
  padding-top: 10px;
}
ul.merchand {
  display: flex;
  justify-content: space-around;
}
ul.merchand li {
  width: 100%
}
ul.merchand li .a {
  border: 1px solid #d2d2d2;
  width: 300px;
  padding-bottom: 30px;
  margin-right: 26px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  float: left
}
ul.merchand li .a:nth-child(1), ul.merchand li .a:nth-child(2), ul.merchand li .a:nth-child(3), ul.merchand li .a:nth-child(4) {
  display: block
}
ul.merchand li .a:last-child {
  margin-right: 0;
}
.nylon {
  width: 308px;
  height: 200px;
  display: block;
}
.brand {
  text-align: center;
  padding: 0 26px;
}
.catit {
  line-height: 28px;
  font-size: 18px;
  color: #333;
  margin-bottom: 12px;
}
.unwound {
  font-size: 14px;
  color: #555;
  line-height: 26px;
  min-height: 78px;
  display: block;
  text-align: left;
}
.check {
  margin-top: 30px;
  width: 154px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #7d7d7d;
  display: inline-block;
  font-size: 14px;
  color: #555;
}
ul.merchand li:hover .check {
  background: #0fa0ba;
  border-color: #0fa0ba;
  color: #fff;
}
ul.merchand li:hover {
  margin-top: -10px;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.12);
  -webkit-transition: height 300ms;
  -moz-transition: height 300ms;
  -ms-transition: height 300ms;
  -o-transition: height 300ms;
  transition: height 300ms;
}
ul.merchand .slick-list {
  padding: 10px 0;
}
ul.merchand button {
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  border: none;
  text-indent: -6000px;
  position: absolute;
  top: 300px;
}
ul.merchand .slick-prev {
  background-image: url(../images/merchand-arrow1.jpg);
  left: -324px;
}
ul.merchand .slick-next {
  background-image: url(../images/merchand-arrow2.jpg);
  left: -260px;
}
ul.merchand .slick-prev:hover {
  background-image: url(../images/merchand-arrow01.jpg);
}
ul.merchand .slick-next:hover {
  background-image: url(../images/merchand-arrow02.jpg);
}
.isect2 {
  padding-top: 58px;
  min-height: 428px;
  background: url(../images/isect2-bg.jpg) no-repeat center top;
  background-size: cover;
}
.headline {
  text-align: center;
}
.lesstit {
  line-height: 56px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 26px;
  font-family: "微软雅黑";
  color: #0fa0ba;
  padding: 0 90px;
  display: inline-block;
  position: relative;
  font-weight: bold /*font-weight: lighter*/
}
.describe {
  font-size: 16px;
  color: #969696;
  display: block;
  margin-top: 10px;
  line-height: 26px;
}
.publine {
  width: 57px;
  height: 1px;
  position: absolute;
  top: 26px;
  background: #969696;
}
.through1 {
  left: 0;
}
.through2 {
  right: 0;
}
.isect2 .lesstit {
  color: #fff;
}
.isect2 .publine {
  background: #fff;
}
.introduct {
  margin-top: 2px;
}
.session {
  float: left;
  color: #fff;
  width: 454px;
  line-height: 1.9;
}
.session p {
  line-height: 28px;
  font-size: 15px;
  text-indent: 2em;
  height: 170px
}
.seek {
  display: block;
  margin: 10px 0 0;
  color: #fff;
  text-align: center;
  font-size: 16px;
  width: 188px;
  height: 52px;
  line-height: 52px;
  background: #0fa0ba;
  border-radius: 30px;
}
.summary {
  float: left;
  width: 424px;
  position: relative;
  padding-left: 20px;
}
.summary img {
  width: 424px;
  height: 280px
}
.sunbg {
  position: absolute;
  right: 0;
  top: 44px;
  z-index: 0;
  width: 524px;
  height: 297px;
  border-radius: 5px;
  background: #fff;
  display: inline-block;
}
ul.meet {
  width: 552px;
  height: 313px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
ul.meet button, ul.vocation button {
  display: none !important;
  background: none;
  text-indent: -6000px;
  position: absolute;
}
ul.meet ul.slick-dots {
  position: absolute;
  right: -32px;
  top: 162px;
}
ul.meet ul.slick-dots li {
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url(../images/meet-dot1.png);
  margin: 3px 0;
}
ul.meet ul.slick-dots .slick-active {
  background-image: url(../images/meet-dot2.png);
}
ul.meet img {
  border-radius: 5px;
  overflow: hidden;
}
.isect3 {
  padding-top: 60px;
  padding-bottom: 50px;
}
ul.industry {
  margin-top: 42px;
}
ul.industry li {
  float: left;
  position: relative;
  width: 281px;
  height: 278px;
  margin-right: 22px;
  margin-bottom: 24px;
}
ul.industry li.li4, ul.industry li.li7 {
  margin-right: 0;
}
ul.industry li.li1 {
  width: 387px;
  height: 580px;
}
.goto {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 18px;
  text-align: center;
  color: #fff;
  background-image: url(../images/goto-smallight.png);
}
ul.industry li.li1 .goto {
  background-image: url(../images/goto-bigdeeper.png);
  padding: 0 46px;
}
.hammer {
  display: inline-block;
  font-size: 18px;
  margin-top: 85px;
  margin-bottom: 20px;
}
.foam {
  width: 100%;
  display: block;
  text-align: center;
  height: 73px;
}
ul.industry li.li1 .hammer {
  margin-top: 230px;
}
ul.industry li.li1 .foam {
  margin-bottom: 14px;
}
.near {
  color: #e4dada;
  font-size: 14px;
  line-height: 26px;
  display: none;
}
ul.industry li:hover .goto {
  background: url(../images/goto-smallight2.png);
}
ul.industry li.li1:hover .hammer {
  margin-top: 160px;
}
ul.industry li:hover .near {
  display: block;
}
ul.industry li:hover .hammer {
  margin-top: 22px;
}
.isect4 {
  background: #f2f3f5;
  padding-top: 60px;
  padding-bottom: 110px;
}
ul.vocation {
  margin-top: 34px;
}
ul.vocation .slick-list {
  padding: 20px 0;
}
dl.grow dd {
  float: left;
  width: 415px;
  padding-bottom: 32px;
  background: #fff;
  margin-right: 24px;
  margin-left: 2px;
}
dl.grow dd.dd3 {
  margin-right: 0;
}
dl.grow dd:hover {
  box-shadow: 1px 4px 8px #ccc;
}
.motor {
  width: 415px;
  height: 240px;
  display: block;
}
.news {
  width: 320px;
  margin-left: 50px
}
.profess {
  margin-bottom: 21px
}
.votit {
  line-height: 20px;
  font-size: 17px;
  color: #fff;
  padding-bottom: 6px;
  background: url(../images/vocation-line.jpg) no-repeat left bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px
}
.life {
  display: block;
  line-height: 22px;
  height: 46px;
  color: #d5d5d5;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vodate {
  line-height: 26px;
  display: inline-block;
  float: left;
  font-size: 16px;
  color: #bf1d1b;
  padding-top: 14px;
}
.running {
  display: inline-block;
  float: right;
  width: 26px;
  height: 26px;
  padding-top: 14px;
  padding-left: 14px;
  background: url(../images/vocation-arrow.png) no-repeat right bottom;
}
ul.vocation ul.slick-dots {
  position: absolute;
  left: 50%;
  bottom: -40px;
}
ul.vocation ul.slick-dots li {
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  background-image: url(../images/vocation-dot1.png);
  margin: 0 3px;
  float: left;
}
ul.vocation ul.slick-dots .slick-active {
  background-image: url(../images/vocation-dot2.png);
}
/*.column_main >div{float: left;}*/
/*.column_main >div.con{float: right;}*/
.bdbg1 {
  background: #f7f7f7;
}
.ban {
  height: 280px;
}
.ban a {
  height: 280px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background: url(../images/1536646021.jpg)
}
.corporat {
  display: block;
  color: #0fa0ba;
  font-size: 44px;
  font-family: '苹方';
  padding-top: 180px;
}
.translator {
  display: inline-block;
  color: #8f9395;
  font-size: 50px;
  margin-left: 10px;
  text-transform: uppercase;
}
.tips {
  background: #f7f7f7;
  line-height: 64px;
}
.home {
  float: right;
  padding-left: 28px;
  background: url(../images/home1.png) no-repeat left center;
}
.home a {
  font-size: 12px;
}
.home a.on {
  color: #0fa0ba;
}
.aside {
  float: left;
  background: #fff;
  width: 255px;
}
.bigtit {
  display: block;
  color: #41c7df;
  font-size: 14px;
  background: #0fa0ba;
  padding: 18px 30px 15px;
  text-transform: uppercase;
}
.holder {
  display: block;
  font-size: 26px;
  color: #fff;
  margin-bottom: 1px;
}
ul.menu > li {
  line-height: 56px;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
}
ul.menu > li > a {
  font-size: 16px;
  padding-left: 8px;
  display: block;
  background-image: url(../images/menu-arrow1.png);
  background-repeat: no-repeat;
  background-position: 90% center;
  border-bottom: 1px solid #f4f4f4;
}
.sign {
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 56px;
}
ul.menu > li .sign {
  background-repeat: no-repeat;
  background-position: center;
}
.onesub ul.menu > li.li1 .sign {
  background-image: url(../images/sign1.png);
}
.onesub ul.menu > li.li2 .sign {
  background-image: url(../images/sign2.png);
}
.onesub ul.menu > li.li3 .sign {
  background-image: url(../images/sign3.png);
}
.onesub ul.menu > li.li4 .sign {
  background-image: url(../images/sign4.png);
}
.onesub ul.menu > li.li1:hover .sign, .onesub ul.menu > li.li1.on .sign {
  background-image: url(../images/sign01.png);
}
.onesub ul.menu > li.li2:hover .sign, .onesub ul.menu > li.li2.on .sign {
  background-image: url(../images/sign02.png);
}
.onesub ul.menu > li.li3:hover .sign, .onesub ul.menu > li.li3.on .sign {
  background-image: url(../images/sign03.png);
}
.onesub ul.menu > li.li4:hover .sign, .onesub ul.menu > li.li4.on .sign {
  background-image: url(../images/sign04.png);
}
.twosub ul.menu > li.li1 .sign {
  background-image: url(../images/sign5.png);
}
.twosub ul.menu > li.li2 .sign {
  background-image: url(../images/sign6.png);
}
.twosub ul.menu > li.li3 .sign {
  background-image: url(../images/sign7.png);
}
.twosub ul.menu > li.li4 .sign {
  background-image: url(../images/sign8.png);
}
.twosub ul.menu > li.li5 .sign {
  background-image: url(../images/sign9.png);
}
.twosub ul.menu > li.li1:hover .sign, .twosub ul.menu > li.li1.on .sign {
  background-image: url(../images/sign05.png);
}
.twosub ul.menu > li.li2:hover .sign, .twosub ul.menu > li.li2.on .sign {
  background-image: url(../images/sign06.png);
}
.twosub ul.menu > li.li3:hover .sign, .twosub ul.menu > li.li3.on .sign {
  background-image: url(../images/sign07.png);
}
.twosub ul.menu > li.li4:hover .sign, .twosub ul.menu > li.li4.on .sign {
  background-image: url(../images/sign08.png);
}
.twosub ul.menu > li.li5:hover .sign, .twosub ul.menu > li.li4.on .sign {
  background-image: url(../images/sign09.png);
}
.threesub ul.menu > li.li1 .sign {
  background-image: url(../images/sign10.png);
}
.threesub ul.menu > li.li2 .sign {
  background-image: url(../images/sign11.png);
}
.threesub ul.menu > li.li1:hover .sign, .threesub ul.menu > li.li1.on .sign {
  background-image: url(../images/sign010.png);
}
.threesub ul.menu > li.li2:hover .sign, .threesub ul.menu > li.li2.on .sign {
  background-image: url(../images/sign011.png);
}
.foursub ul.menu > li.li1 .sign {
  background-image: url(../images/sign12.png);
}
.foursub ul.menu > li.li2 .sign {
  background-image: url(../images/sign13.png);
}
.foursub ul.menu > li.li3 .sign {
  background-image: url(../images/sign14.png);
}
.foursub ul.menu > li.li1:hover .sign, .foursub ul.menu > li.li1.on .sign {
  background-image: url(../images/sign012.png);
}
.foursub ul.menu > li.li2:hover .sign, .foursub ul.menu > li.li2.on .sign {
  background-image: url(../images/sign013.png);
}
.foursub ul.menu > li.li3:hover .sign, .foursub ul.menu > li.li3.on .sign {
  background-image: url(../images/sign014.png);
}
.fivesub ul.menu > li.li1 .sign {
  background-image: url(../images/sign15.png);
}
.fivesub ul.menu > li.li2 .sign {
  background-image: url(../images/sign16.png);
}
.fivesub ul.menu > li.li3 .sign {
  background-image: url(../images/sign17.png);
}
.fivesub ul.menu > li.li4 .sign {
  background-image: url(../images/sign18.png);
}
.fivesub ul.menu > li.li1:hover .sign, .fivesub ul.menu > li.li1.on .sign {
  background-image: url(../images/sign015.png);
}
.fivesub ul.menu > li.li2:hover .sign, .fivesub ul.menu > li.li2.on .sign {
  background-image: url(../images/sign016.png);
}
.fivesub ul.menu > li.li3:hover .sign, .fivesub ul.menu > li.li3.on .sign {
  background-image: url(../images/sign017.png);
}
.fivesub ul.menu > li.li4:hover .sign, .fivesub ul.menu > li.li4.on .sign {
  background-image: url(../images/sign018.png);
}
ul.menu > li.on > a {
  color: #0fa0ba; /*background-image:url(../images/menu-arrow2.png);*/
}
ul.menu > li.on .mineclose {
  width: 20px;
  height: 56px;
  position: absolute;
  right: 27px;
  top: 0;
  background: #fff url(../images/menu-arrow2.png) no-repeat right center;
}
ul.menu > li:hover > a {
  color: #0fa0ba;
}
ul.menu > li.on .floor {
  display: block;
}
.floor {
  display: none;
}
dl.bill {
  padding: 12px 0;
}
dl.bill > dd > a {
  padding-left: 64px;
  display: block;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
dl.bill > dd:hover a {
  color: #dc0c0c;
}
.moldbox {
  padding-bottom: 100px;
}
.con {
  width: 100%;
  background: #fff;
}
.con1 {
  float: right;
  width: 1010px;
  background: #fff;
}
.basewidth {
  padding: 8px 30px 40px;
}
.affect {
  padding-bottom: 70px;
}
.tage {
  height: 66px;
  background: url(../images/tage-line.jpg) repeat-x left bottom;
  text-align: left;
  position: relative;
}
.xg1 {
  padding: 20px 0;
  overflow: hidden;
  padding-bottom: 0;
  background: #f2f2f2;
}
.smalltit {
  line-height: 63px;
  border-bottom: 3px solid #0fa0ba;
  font-size: 20px;
  color: #0fa0ba;
  display: inline-block;
  font-weight: bold
}
.smalltita {
  line-height: 103px;
  display: inline-block;
  position: absolute;
  right: 15px;
  color: #999;
  border-bottom: 0
}
.acsect1 {
  padding: 40px 0;
}
ul.ordinary {
  border: 1px solid #dcdcdc;
  width: 623px;
  height: 334px;
  overflow: hidden;
  float: left;
}
ul.ordinary ul.slick-dots {
  position: absolute;
  left: 50%;
  margin-left: -48px;
  bottom: 16px;
  z-index: 999;
  background: #666;
  border-radius: 12px;
  padding: 6px 14px;
}
ul.ordinary ul.slick-dots li {
  width: 13px;
  height: 13px;
  float: left;
  margin: 0 5px;
  background-repeat: no-repeat;
  background-image: url(../images/ordinary-dot1.png);
}
ul.ordinary ul.slick-dots li a img {
  width: 100%
}
ul.ordinary ul.slick-dots li.slick-active {
  background-image: url(../images/ordinary-dot2.png);
}
.plain {
  float: right;
  width: 568px;
  padding-top: 0px
}
.oytit {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  padding-top: 36px;
  padding-bottom: 18px;
}
.oymsg {
  font-size: 20px;
  color: #0fa0ba;
  display: block;
  margin-bottom: 8px;
}
.plain p {
  font-size: 14px;
  color: #555;
  line-height: 24px;
  margin-bottom: 0px !important;
  line-height: 28px !important;
}
.vulgar {
  margin-top: 76px;
}
.vulgar a {
  font-size: 14px;
  color: #fff;
  float: left;
  width: 164px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  margin-right: 30px;
}
.need1 {
  background: #666;
}
.need2 {
  background: #0fa0ba;
}
ul.illustrate {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background: #0fa0ba
}
ul.illustrate li {
  float: left;
  line-height: 64px;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-right: 72px;
}
ul.illustrate li a {
  font-size: 17px;
  color: #000;
}
ul.illustrate li.li1 {
  background-image: url(../images/illustrate1.png);
}
ul.illustrate li.li2 {
  background-image: url(../images/illustrate2.png);
}
ul.illustrate li.li3 {
  background-image: url(../images/illustrate3.png);
}
ul.illustrate li.li4 {
  background-image: url(../images/illustrate4.png);
}
ul.illustrate li.li1:hover, ul.illustrate li.li1.on {
  background-image: url(../images/illustrate01.png);
}
ul.illustrate li.li2:hover, ul.illustrate li.li2.on {
  background-image: url(../images/illustrate02.png);
}
ul.illustrate li.li3:hover, ul.illustrate li.li3.on {
  background-image: url(../images/illustrate03.png);
}
ul.illustrate li.li4:hover, ul.illustrate li.li4.on {
  background-image: url(../images/illustrate04.png);
}
ul.illustrate li:hover a, ul.illustrate li.on a {
  color: #fff;
}
.explain {
  border: 1px solid #d2d2d2;
  padding-top: 20px;
  border-top: 0;
  padding-bottom: 40px
}
.manual1 {
  display: none;
  padding-left: 15px;
  padding-right: 15px
}
.heart {
  padding-bottom: 0px;
  text-align: center;
}
ul.longer {
  margin-top: 18px;
  margin-bottom: 20px;
}
ul.longer li {
  margin-right: 15px;
  border: 1px solid #d2d2d2;
  float: left;
  width: 293px;
  text-align: center;
  padding-bottom: 0px;
  box-shadow: 1px 1px 6px #ccc;
  margin-bottom: 30px;
}
ul.longer li.li3 {
  margin-right: 0;
}
.lgbox {
  width: 292px;
  height: 202px;
}
.lgbox img {
  width: 100%
}
.lgtit {
  line-height: 54px;
  font-size: 18px;
  color: #333;
}
ul.longer p {
  font-size: 14px;
  color: #555;
  line-height: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 50px;
  padding-left: 10px;
  padding-right: 10px
}
.look {
  display: inline-block;
  width: 154px;
  height: 34px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  margin-top: 26px;
  border: 1px solid #7d7d7d;
  font-size: 14px;
  color: #555;
}
.look:hover {
  color: #fff;
  background: #0fa0ba;
  border-color: #0fa0ba;
}
.abstract {
  padding-bottom: 60px;
}
.brsect1 {
  padding-top: 24px;
}
.brsect1 p {
  line-height: 28px;
  font-size: 14px;
  color: #555;
  text-indent: 2em;
}
.relation {
  padding-bottom: 60px;
}
.rtsect1 {
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #dcdcdc;
}
.rttit {
  line-height: 35px;
  font-size: 18px;
  color: #555;
}
ul.pattern {
  margin-top: 14px;
}
ul.pattern li {
  line-height: 32px;
  font-size: 16px;
  color: #555;
  margin-bottom: 20px;
  min-width: 50%;
  float: left;
}
.mark {
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
.rtsect2 {
  padding-top: 20px;
}
ul.fashion li {
  width: 50%;
  float: left;
  line-height: 35px;
  font-size: 16px;
  color: #555;
}
.glory {
  padding-bottom: 30px;
}
ul.award {
  margin-top: 36px;
}
ul.award li {
  text-align: center;
  width: 284px;
  border: 1px solid #e5e5e5;
  padding-bottom: 7px;
  margin-right: 24px;
  margin-bottom: 40px;
  float: left;
}
ul.award li.li3 {
  margin-right: 0;
}
.awbox {
  width: 282px;
  height: 320px;
}
.awmsg {
  display: block;
  min-height: 48px;
  padding: 0 10px;
  font-size: 16px;
  color: #474747;
  line-height: 24px;
}
.press .corporat, .news .corporat {
  color: #f3f3f3;
}
.press .translator, .news .translator {
  color: #d7d7d7;
}
.essay {
  padding-bottom: 0px;
}
.essect1 {
  padding-top: 36px;
  padding-bottom: 42px;
}
.finish {
  border-bottom: 1px dashed #d1d1d1;
  text-align: center;
  padding-bottom: 28px;
  margin-bottom: 22px;
}
.seance {
  display: block;
  font-size: 18px;
  color: #555;
}
.prdater {
  display: block;
  font-size: 16px;
  color: #626262;
  margin-top: 10px;
}
.essect1 p {
  line-height: 28px;
  font-size: 14px;
  color: #555;
}
ul.arm li {
  width: 50%;
  float: left;
  line-height: 50px;
  background-repeat: no-repeat;
  background-position: 88% center;
  background-color: #f0f0f0;
}
ul.arm li a {
  display: block;
  font-size: 14px;
  color: #626262;
  padding: 0 28px;
}
ul.arm li.li1 {
  background-image: url(../images/arm1.png);
}
ul.arm li.li2 {
  background-image: url(../images/arm2.png);
  background-color: #0fa0ba;
}
ul.arm li.li2 a {
  color: #fff;
}
.party {
  padding-bottom: 0px;
  text-align: center;
}
ul.attend {
  margin-bottom: 50px;
  text-align: left;
}
ul.attend li {
  padding: 29px 0;
  border-bottom: 1px solid #d7d7d7;
}
.pabox {
  float: left;
  width: 26%;
}
.pabox img {
  width: 100%;
  height: 140px
}
.congress {
  float: right;
  width: 644px;
  padding-top: 20px;
}
.assemb {
  float: left;
  width: 80%;
}
.patit {
  line-height: 28px;
  padding-bottom: 15px;
  font-size: 17px;
  color: #1b1b1b;
  background: url(../images/assemb-line.jpg) no-repeat left bottom;
  margin-bottom: 14px;
}
.sergeant {
  line-height: 26px;
  height: 52px;
  font-size: 14px;
  color: #888;
}
.exhibit {
  float: right;
}
.during {
  display: block;
  font-size: 24px;
  color: #888;
  padding-top: 16px;
}
.enter {
  display: block;
  padding-top: 28px;
  background: url(../images/enter1.png) no-repeat left bottom;
  height: 25px;
  width: 100%;
}
ul.attend li:hover {
  box-shadow: 1px 1px 12px #ccc;
  padding: 29px;
}
ul.attend .congress {
  width: 70%
}
ul.attend li:hover .patit {
  color: #0fa0ba;
}
ul.attend li:hover .sergeant {
  color: #333;
}
.ability {
  text-align: center;
  padding-bottom: 70px;
}
.contain {
  padding-bottom: 164px;
}
.masect1 {
  padding-top: 34px;
}
.dwtit {
  margin-bottom: 24px;
  font-size: 18px;
  color: #555;
  text-align: center;
  line-height: 30px;
}
ul.datum li {
  padding: 0 5px;
  width: 246px;
  float: left;
  height: 56px;
  line-height: 56px;
  background: #f6f6f6;
  margin-bottom: 30px;
  margin-right: 42px;
}
ul.datum li.li3 {
  margin-right: 0;
}
.timber {
  font-size: 16px;
  color: #555;
  display: inline-block;
  float: left;
  width: 206px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.download {
  display: inline-block;
  float: right;
  background-image: url(../images/datum1.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 56px;
  display: inline-block;
}
ul.datum li:hover {
  color: #fff;
  background: #0fa0ba;
}
ul.datum li:hover .timber {
  color: #fff;
  background: #0fa0ba;
}
ul.datum li:hover .download {
  background-image: url(../images/datum2.png);
}
.pubroad .city-picker-span.focus, .zone .city-picker-span.open {
  border-bottom-color: #d7d7d7;
}
.pubroad .city-select-wrap {
  border: 1px solid #d7d7d7;
}
.pubroad .city-picker-span {
  border: none;
}
.appear {
  margin-bottom: 20px;
  margin-top: 30px;
  font-size: 16px;
  text-align: left;
}
.zone1 {
  float: left;
  border: 1px solid #d2d2d2;
  width: 240px;
  background: #fff;
}
.zone1 .city-picker-span > .arrow {
  background: url(../images/arrowchoise1.png) no-repeat 94% center;
  width: 14px;
  height: 7px;
  right: 18px;
}
.zone1 .city-picker-span {
  height: 46px !important;
  line-height: 46px !important;
  width: auto !important;
  border-radius: 5px;
}
.zone1 .city-picker-span > .placeholder {
  padding-left: 12px;
}
.zone1 .title {
  padding-left: 8px;
}
.orderhour {
  float: left;
  margin: 0 19px;
  width: 240px;
  border: 1px solid #d2d2d2;
}
.inp1 {
  background: url(../images/arrowchoise1.png) no-repeat 94% center;
  height: 46px;
  line-height: 46px;
  width: 226px;
  padding-left: 12px;
  border: none;
  width: 100%;
  font-size: 16px;
}
.rule {
  float: left;
  border: 1px solid #0fa0ba;
  width: 412px;
}
.inp2 {
  height: 46px;
  line-height: 46px;
  float: left;
  border: none;
  width: 290px;
  text-indent: 1em;
  font-size: 16px;
}
.funder {
  float: right;
  background: #0fa0ba;
  width: 114px;
  height: 46px;
  line-height: 46px;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
ul.recruit {
  background: #fff;
  text-align: left;
  margin-bottom: 50px;
}
ul.recruit li.li1 dl.employ {
  background: #0fa0ba;
  border-bottom: none;
}
ul.recruit li.li1 dd {
  font-size: 16px;
  color: #fff;
  line-height: 50px;
}
ul.recruit li {
  cursor: pointer;
}
ul.recruit li dd {
  color: #666;
}
dl.employ {
  border-bottom: 1px solid #e1e1e1;
  background-repeat: no-repeat;
  background-position: 96% center;
  background-image: url(../images/recruit1.png);
}
dl.employ dd {
  line-height: 56px;
  float: left;
  width: 18%;
  text-align: center;
}
dl.employ dd.dd1 {
  width: 25%;
  padding-left: 3%;
  text-align: left;
}
.work {
  padding: 6px 54px 32px;
  border-bottom: 1px solid #e1e1e1;
  display: none;
}
.ahead {
  display: block;
  font-size: 18px;
  line-height: 36px;
  color: #0fa0ba;
  margin-top: 24px;
}
.work p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
ul.recruit li.on dl.employ {
  background-image: url(../images/recruit2.png);
  background-color: #efefef;
}
ul.recruit li.on .work {
  display: block;
}
.seat {
  padding-bottom: 70px;
}
.setit {
  margin-top: 10px;
  font-size: 18px;
  color: #555;
  line-height: 56px;
}
.map {
  width: 930px;
  height: 474px;
}
.plan {
  color: #333;
  padding-top: 74px;
  width: 582px;
}
.pntit {
  font-size: 36px;
  line-height: 52px;
  margin-bottom: 12px;
}
.plan p {
  line-height: 30px;
  font-size: 15px;
}
.casect1 {
  padding-top: 86px;
  min-height: 414px;
  color: #fff;
  font-family: '苹方';
  text-align: center;
  background: url(../images/casect1-bg.jpg) no-repeat center;
  background-size: cover;
}
.dust {
  line-height: 50px;
  font-size: 36px;
  margin-bottom: 28px;
  text-align: center;
}
.modicum {
  display: block;
  font-size: 16px;
  line-height: 26px;
}
ul.scant {
  margin: 62px auto 0;
  display: inline-block;
}
ul.scant li {
  float: left;
  width: 85px;
  margin: 0 33px;
}
.scbox {
  width: 85px;
  text-align: center;
  height: 85px;
}
.scmsg {
  margin-top: 9px;
  line-height: 28px;
  display: block;
  font-size: 15px;
  color: #fff;
}
.casect2 {
  padding-top: 68px;
  padding-bottom: 105px;
}
.casect2 .dust {
  color: #333;
}
ul.major {
  margin-top: 72px;
}
ul.major li {
  float: left;
  width: 152px;
  text-align: center;
  margin-right: 77px;
}
ul.major li.li5 {
  margin-right: 0;
}
.mjbox {
  width: 152px;
  height: 175px;
}
.mjmsg {
  display: block;
  font-size: 18px;
  color: #333;
  margin-top: 15px;
  line-height: 28px;
  color: #333;
}
.prsect1 {
  padding-top: 25px;
  padding-bottom: 20px;
}
ul.scheme li {
  padding-top: 114px;
  float: left;
  text-align: center;
  width: 100px;
  background-repeat: no-repeat;
  background-position: center top;
  margin-right: 100px;
}
ul.scheme li a {
  font-size: 16px;
  color: #555;
}
ul.scheme li.li1 {
  background-image: url(../images/scheme1.png);
}
ul.scheme li.li2 {
  background-image: url(../images/scheme2.png);
}
ul.scheme li.li3 {
  background-image: url(../images/scheme3.png);
}
ul.scheme li.li4 {
  background-image: url(../images/scheme4.png);
}
ul.scheme li.li5 {
  background-image: url(../images/scheme5.png);
}
ul.scheme li.li6 {
  background-image: url(../images/scheme6.png);
}
ul.scheme li.li7 {
  background-image: url(../images/scheme7.png);
  margin-right: 0;
}
ul.scheme li.li1:hover {
  background-image: url(../images/scheme01.png);
}
ul.scheme li.li2:hover {
  background-image: url(../images/scheme02.png);
}
ul.scheme li.li3:hover {
  background-image: url(../images/scheme03.png);
}
ul.scheme li.li4:hover {
  background-image: url(../images/scheme04.png);
}
ul.scheme li.li5:hover {
  background-image: url(../images/scheme05.png);
}
ul.scheme li.li6:hover {
  background-image: url(../images/scheme06.png);
}
ul.scheme li.li7:hover {
  background-image: url(../images/scheme07.png);
}
ul.scheme li:hover a {
  color: #0fa0ba;
}
ul.chief li {
  height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  color: #fff;
  position: relative;
}
ul.chief li.li1 {
  background-image: url(../images/chief1.jpg);
}
ul.chief li.li2 {
  background-image: url(../images/chief2.jpg);
}
ul.chief li.li3 {
  background-image: url(../images/chief3.jpg);
}
ul.chief li.li4 {
  background-image: url(../images/chief4.jpg);
}
ul.chief li.li5 {
  background-image: url(../images/chief5.jpg);
}
ul.chief li.li6 {
  background-image: url(../images/chief6.jpg);
}
ul.chief li.li7 {
  background-image: url(../images/chief7.jpg);
}
.chiefbg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/chief-bg.png);
}
.princip {
  padding-top: 200px;
  width: 840px;
  position: relative;
  z-index: 9;
}
.chtit {
  font-family: '苹方';
  font-size: 30px;
  line-height: 44px;
  margin-bottom: 26px;
}
.tone {
  display: block;
  line-height: 30px;
  font-size: 16px;
}
.watch {
  display: inline-block;
  text-align: center;
  color: #fff;
  width: 158px;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  background: #0fa0ba;
  margin: 52px auto 0;
  display: none;
}
ul.chief li:hover .watch {
  display: block;
}
ul.chief li:hover .princip {
  padding-top: 148px;
}
ul.history {
  margin-top: 30px;
  padding-top: 9px;
  background: url(../images/history-bg.png) repeat-y;
  padding-bottom: 66px;
}
ul.history li {
  position: relative;
}
.hibox {
  width: 145px;
  height: 197px;
  float: left;
  box-shadow: 1px 1px 6px #ddd;
  margin-right: 32px;
}
.record {
  float: left;
  width: 482px;
  padding-top: 28px;
}
.pastime {
  display: block;
  line-height: 48px;
  font-weight: bold;
  font-size: 30px;
}
.record p {
  font-size: 15px;
  color: #555;
  line-height: 28px;
}
.pastdot {
  display: inline-block;
  width: 22px;
  height: 100%;
  background: url(../images/pastdot.png) no-repeat left center;
  position: absolute;
  top: 0;
}
ul.history li.li1 {
  padding-left: 97px;
  margin-bottom: 43px;
}
ul.history li.li1 .pastdot {
  left: 38px;
}
ul.history li.li1 .pastime {
  color: #0fa0ba;
}
ul.history li.li2 {
  padding-left: 158px;
  margin-bottom: 40px;
}
ul.history li.li2 .pastdot {
  left: 62px;
}
ul.history li.li2 .pastime {
  color: #00c2a4;
}
ul.history li.li3 {
  padding-left: 242px;
  margin-bottom: 50px;
}
ul.history li.li3 .pastdot {
  left: 172px;
}
ul.history li.li3 .pastime {
  color: #ffa800;
}
ul.history li.li4 {
  padding-left: 252px;
  margin-bottom: 36px;
}
ul.history li.li4 .pastdot {
  left: 195px;
}
ul.history li.li4 .pastime {
  color: #ff5a00;
}
ul.history li.li5 {
  padding-left: 204px;
  margin-bottom: 38px;
}
ul.history li.li5 .pastdot {
  left: 118px;
}
ul.history li.li5 .pastime {
  color: #ff0000;
}
ul.history li.li6 {
  padding-left: 102px;
  margin-bottom: 38px;
}
ul.history li.li6 .pastdot {
  left: 35px;
}
ul.history li.li6 .pastime {
  color: #2c93e8;
}
ul.history li.li7 {
  padding-left: 168px;
  margin-bottom: 37px;
}
ul.history li.li7 .pastdot {
  left: 70px;
}
ul.history li.li7 .pastime {
  color: #0fa0ba;
}
ul.history li.li8 {
  padding-left: 240px;
  margin-bottom: 38px;
}
ul.history li.li8 .pastdot {
  left: 176px;
}
ul.history li.li8 .pastime {
  color: #0fa0ba;
}
ul.history li.li9 {
  padding-left: 257px;
  margin-bottom: 38px;
}
ul.history li.li9 .pastdot {
  left: 193px;
}
ul.history li.li9 .pastime {
  color: #0fa0ba;
}
ul.history li.li10 {
  padding-left: 180px;
  margin-bottom: 38px;
}
ul.history li.li10 .pastdot {
  left: 116px;
}
ul.history li.li10 .pastime {
  color: #0fa0ba;
}
ul.history li.li11 {
  padding-left: 99px;
  margin-bottom: 38px;
}
ul.history li.li11 .pastdot {
  left: 35px;
}
ul.history li.li11 .pastime {
  color: #0fa0ba;
}
ul.history li.li12 {
  padding-left: 132px;
  margin-bottom: 38px;
}
ul.history li.li12 .pastdot {
  left: 68px;
}
ul.history li.li12 .pastime {
  color: #0fa0ba;
}
.guard {
  display: block;
  font-size: 36px;
  color: #000;
  padding-top: 112px;
}
.whist {
  display: block;
  font-size: 24px;
  margin-top: 10px;
}
.tesect1 {
  height: 560px;
  background: url(../images/terrace1.jpg) no-repeat center;
  background-size: cover;
}
.tesect2 {
  height: 560px;
  background: url(../images/terrace2.jpg) no-repeat center;
  background-size: cover;
}
.n-con-ft {
  display: inline-block;
  margin: 0 auto;
}
.n-con-ft a {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  display: inline-block;
  font-size: 14px;
  color: #000;
  text-align: center;
  margin: 0 4px;
  border: 1px solid #ccc;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}
.n-con-ft a.allpage {
  border: none;
  width: auto;
}
.n-con-ft a.page1 {
  background-image: url(../images/page1.png);
}
.n-con-ft a.page2 {
  background-image: url(../images/page2.png);
}
.n-con-ft a.page3 {
  background-image: url(../images/page3.png);
}
.n-con-ft a:hover {
  background-color: #0fa0ba;
  border-color: #0fa0ba;
  color: #fff;
}
.n-con-ft a.page1:hover, .n-con-ft a.page2:hover, .n-con-ft a.page3:hover {
  background-color: transparent;
  color: #000;
  border-color: #ccc;
}
.n-con-ft a.allpage:hover {
  background-color: transparent;
  color: #000;
  border-color: transparent;
}
.footer {
  background: #1b1b1b;
  padding-top: 28px;
  padding-bottom: 22px;
}
.foottp {
  padding-bottom: 0px; /*border-bottom:1px solid #494949;*/
}
.revenue {
  float: left;
  width: 170px;
  margin-right: 66px;
}
.smalllogo {
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 16px;
}
.revenue p {
  line-height: 28px;
  font-size: 14px;
  color: #a8a8a8;
}
.concern, .touchus, .plat {
  float: left;
  padding-left: 44px; /*border-left:1px solid #494949;*/ min-height: 124px;
}
.concern {
  width: 200px;
  margin-right: 18px;
}
.touchus {
  width: 334px;
  margin-right: 18px;
}
dl.prise dt a {
  font-size: 18px;
  color: #c2c2c2;
  display: block;
  line-height: 42px;
}
dl.prise dd a {
  font-size: 14px;
  color: #898989;
  display: block;
  line-height: 28px;
}
.plat {
  width: 358px;
  float: right
}
.plat dl.prise dd a {
  display: inline-block;
  margin-right: 34px;
}
.wxtit {
  margin-top: 20px;
  margin-bottom: 13px;
  line-height: 28px;
  font-size: 18px;
  color: #c2c2c2;
}
ul.scaner li {
  width: 136px;
  padding: 0 16px;
  border-radius: 18px;
  position: relative;
}
ul.scaner li a {
  display: block;
}
.dimension {
  display: inline-block;
  font-size: 14px;
  color: #898989;
  height: 36px;
  line-height: 36px;
  float: left;
}
.crack {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: 8px;
  float: right;
}
.bar {
  position: absolute;
  left: -1px;
  top: -1px;
  right: 0;
  z-index: 999;
  padding: 0 4px;
  border-radius: 18px;
  width: 116px;
  border: 1px solid #141414;
  background: #141414;
  text-align: center;
  padding-bottom: 0px;
}
.bar .dimension {
  float: none;
}
.code {
  width: 116px;
  height: 116px;
  display: block;
}
.code img {
  width: 100%
}
ul.scaner li:hover .bar {
  display: block;
}
.footft {
  padding-top: 20px;
  line-height: 26px;
  color: #898989;
  font-size: 14px;
}
.reserve {
  float: left;
  display: inline-block;
}
.power {
  float: right;
  display: inline-block;
}
/*导航*/
.headbd {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px;z-index: 99999
}
.headbd_content {
  position: relative;
  background: #fff;
}
.headbd .wrap {}
ul.navi > li:hover .toolbar {
  display: block;
}
.toolbar {
  position: absolute;
  top: 90px;
  padding-top: 0px;
  padding-bottom: 5px;
  left: 0;
  z-index: 99999;
  width: 1280px;
  display: none;
  background: #fff;
  padding-bottom: 30px;
  border-top: 1px solid #f7f7f7;
  box-shadow: 0 9px 12px rgba(0, 0, 0, 0.15);
  left: 50%;
  margin-left: -660px;
  padding-left: 30px;
  padding-right: 0px;
  background: #f3f3f3;
  line-height: 80px
}
dl.reckon {
  display: inline-block;
  text-align: left;
  margin-right: 20px;
  width: 230px;
}
dl.reckon.lastdl {
  margin-right: 0;
}
dl.reckon dt {
  line-height: 32px;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 12px;
}
dl.reckon dt a {
  font-size: 16px;
  color: #333;
}
dl.reckon dd {
  line-height: 22px;
  border-bottom: 2px solid transparent;
  float: left;
  width: 100%;
}
dl.reckon dd:hover, dl.bill dd.on {
  border-color: #000;
}
dl.reckon dd a {
  font-size: 14px;
  color: #555;
  display: block;
  width: 100%;
}
ul.navi dl.reckon dd:hover {
  border-color: transparent;
}
dl.reckon dd:hover a, dl.reckon dt:hover a {
  color: #0fa0ba;
}
.bg { /*min-height:274px;*/ padding-bottom: 40px;
  position: absolute;
  top: 114px; /*left: 0;*/ width: 100%;
  background: #fff url(../images/bg.jpg) repeat-x left top;
  display: none;
  z-index: 9999;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}
.dispose {
  line-height: 32px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 20px;
  font-size: 16px;
  color: #333;
}
dl.explain dd {
  float: left;
  padding-left: 130px;
  width: 160px;
  border: 1px solid #cccfd4;
  margin-right: 44px;
  background-repeat: no-repeat;
  background-position: 72px center;
  margin-bottom: 28px;
}
dl.explain dd.dd1 {
  background-image: url(../images/explain1.png);
}
dl.explain dd.dd2 {
  background-image: url(../images/explain2.png);
}
dl.explain dd.dd3 {
  background-image: url(../images/explain3.png);
}
dl.explain dd.dd4 {
  margin-right: 0;
  background-image: url(../images/explain4.png);
}
dl.explain dd.dd5 {
  background-image: url(../images/explain5.png);
}
dl.explain dd.dd6 {
  background-image: url(../images/explain6.png);
}
dl.explain dd.dd7 {
  background-image: url(../images/explain7.png);
}
dl.explain dd a {
  font-size: 16px;
  color: #555;
  display: block;
}
dl.explain dd:hover {
  background-color: #0fa0ba;
  border-color: #0fa0ba;
}
dl.explain dd.dd1:hover {
  background-image: url(../images/explain01.png);
}
dl.explain dd.dd2:hover {
  background-image: url(../images/explain02.png);
}
dl.explain dd.dd3:hover {
  background-image: url(../images/explain03.png);
}
dl.explain dd.dd4:hover {
  background-image: url(../images/explain04.png);
}
dl.explain dd.dd5:hover {
  background-image: url(../images/explain05.png);
}
dl.explain dd.dd6:hover {
  background-image: url(../images/explain06.png);
}
dl.explain dd.dd7:hover {
  background-image: url(../images/explain07.png);
}
dl.explain dd:hover a {
  color: #fff;
}
ul.banner button {
  display: none !important;
  background: none;
  position: absolute;
  text-indent: -3000px;
}
ul.banner ul.slick-dots {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}
ul.banner ul.slick-dots li {
  width: 16px;
  height: 16px;
  background-image: url(../images/banner-dot1.png);
  background-repeat: no-repeat;
  float: left;
  margin: 0 5px;
}
ul.banner ul.slick-dots li.slick-active {
  background-image: url(../images/banner-dot2.png);
}
/*产品需求*/
.claim {
  padding-bottom: 70px;
  text-align: center;
}
.fewer {
  display: block;
  text-align: center;
  line-height: 28px;
  margin-top: 38px;
  margin-bottom: 44px;
  font-size: 18px;
  color: #555;
}
.list {
  margin-bottom: 29px;
}
.name {
  float: left;
  width: 92px;
  line-height: 46px;
  font-size: 16px;
  color: #999;
}
.pubinp {
  float: left;
  line-height: 44px;
  height: 44px;
  border: 1px solid #dcdcdc;
  text-indent: 1em;
}
.inp3 {
  width: 348px;
}
.star {
  display: inline-block;
  float: left;
  font-size: 18px;
  color: #0fa0ba;
  width: 14px;
  text-align: right;
  line-height: 28px;
}
.demand {
  width: 822px;
  float: left;
}
.txt1 {
  border: 1px solid #dcdcdc;
  width: 820px;
  height: 248px;
  padding: 1px;
  text-indent: 1em;
}
.mustbe {
  text-align: left;
  display: block;
  line-height: 32px;
  margin-top: 10px;
  color: #9e9e9e;
}
.star2 {
  color: #0fa0ba;
}
.forward {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.forward a {
  font-size: 16px;
  color: #fff;
  text-align: center;
  display: inline-block;
  float: left;
  width: 123px;
  height: 42px;
  line-height: 42px;
  border-radius: 20px;
  margin: 0 15px;
}
.refer {
  background: #0fa0ba;
}
.reset {
  background: #666;
}
/*浮窗*/
.ibar {
  position: fixed;
  right: 0;
  top: 220px;
  z-index: 999;
  display: none;
}
ul.outline {
  background: #666;
}
ul.outline li {
  border-bottom: 1px solid #cac6c3;
  width: 72px;
  height: 72px;
  position: relative;
}
.wicket {
  display: block;
  padding-top: 48px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 12px;
  color: #fff;
}
ul.outline li.li1 .wicket {
  background-image: url(../images/wicket1.png);
}
ul.outline li.li2 .wicket {
  background-image: url(../images/wicket2.png);
}
ul.outline li.li3 .wicket {
  background-image: url(../images/wicket3.png);
}
ul.outline li.li4 .wicket {
  background-image: url(../images/wicket4.png);
}
ul.outline li.li4 {
  border: none;
}
ul.outline li:hover {
  background-color: #0fa0ba;
}
.drow {
  position: absolute;
  right: 72px;
  top: 0;
  width: 190px;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: none;
}
.algorithm {
  background: #0fa0ba;
  display: block;
  height: 55px;
  line-height: 55px;
  font-size: 18px;
  color: #fff;
  padding-left: 24px;
}
.everyone {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 18px;
  background: url(../images/everyone1.jpg) no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border-bottom: 1px solid #e5e5e5;
}
.idea {
  padding: 16px 0;
  text-align: center;
}
.consult {
  display: inline-block;
  border: 1px solid #e5e5e5;
  width: 126px;
  height: 38px;
  line-height: 38px;
  background: url(../images/consult1.jpg) repeat-x;
  font-size: 16px;
  color: #333;
}
.invest {
  width: 40px;
  height: 38px;
  vertical-align: middle;
}
.cellphone {
  padding-left: 20px;
  padding-top: 10px;
  line-height: 28px;
  font-size: 16px;
  color: #333;
}
.advice {
  display: block;
  padding-left: 20px;
  line-height: 24px;
  padding-bottom: 12px;
  font-size: 16px;
  color: #333;
}
dl.disseminate {
  padding: 14px 0 14px 12px;
}
dl.disseminate dd {
  width: 77px;
  float: left;
  margin-right: 12px;
}
.commer {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  color: #333;
}
ul.outline li:hover .drow {
  display: block;
}
.info {
  margin-top: 42px
}
.info dt {
  position: relative;
  width: 384px;
  height: 309px;
  float: left;
  overflow: hidden;
  border: 1px solid #d1d1d1;
}
.info dt img {
  width: 384px;
  height: 309px;
}
.info dt .bg2 {
  position: absolute;
  background: url(../images/ico11.png);
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  z-index: 0;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.info dt .tc {
  position: absolute;
  left: 25px;
  top: -175px;
}
.info dt .tc h4 {
  font-family: "Helvetica-Narrow", Arial, "微软雅黑";
}
.f25 {
  font-size: 25px;
}
.c194069 {
  color: #666;
}
.f18 {
  font-size: 18px;
}
.index .a2 .bb2 .info dd {
  margin: 0 0 10px 10px;
  width: 248px;
  height: 190px;
  position: relative;
  font-family: "Helvetica-Narrow", Arial, "微软雅黑";
  float: left;
  border: 1px solid #d1d1d1;
  overflow: hidden;
}
.info dd img {
  width: 100%;
}
.info dd .bg2 {
  position: absolute;
  background: url(../images/ico11.png);
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  z-index: 0;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.info dd .tc {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: -100px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.info dd h4 {
  font-family: "Hiragino Sans GB", Arial, "微软雅黑";
  padding: 16px 0 0 16px;
}
.f16 {
  font-size: 16px;
}
.info dd .p1 {
  padding-left: 16px;
}
.f12 {
  font-size: 12px;
}
.info dd:hover .bg2 {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.info dd:hover a, .info dd:hover h4 {
  color: #fff;
}
.info dd:hover .bg1 {
  background-color: #fff;
}
.info dd:hover .tc {
  top: 0px
}
.info dt:hover .bg2 {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.info dt:hover .tc {
  top: 40px
}
.info dt:hover a, .info dt:hover h4 {
  color: #fff;
}
.info dt:hover .bg1 {
  background-color: #fff;
}
/*

.index .a2 .bb2 .info dd:first-child{
    position: relative;
    width: 384px;
    height: 309px;
    float: left;
    overflow: hidden;
    border: 1px solid #d1d1d1; margin: 0}
.index .a2 .bb2 .info dd:first-child img{
    width: 384px;
    height: 309px;}


.index .a2 .bb2 .info dd:first-child .bg2 {
    position: absolute;
    background: url(../images/ico11.png);
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    z-index: 0;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.index .a2 .bb2 .info dd:first-child .tc {
    position: absolute;
    left: 25px;
    top: -175px;
}

.index .a2 .bb2 .info dd:first-child:hover .bg2 {

  -webkit-transform: scale(1, 1);

  transform: scale(1, 1);

  opacity: 1;

  filter: alpha(opacity=100);

}

.index .a2 .bb2 .info dd:first-child:hover .tc{top:40px}

.index .a2 .bb2 .info dd:first-child:hover a,
.index .a2 .bb2 .info dd:first-child:hover h4 {

  color: #fff;

}

.index .a2 .bb2 .info dd:first-child:hover .bg1 {

  background-color: #fff;

}*/
.isect3 .a1 .b1 {
  width: 460px;
  background-color: #fff;
  margin-right: 0px
}
.isect3 .a1 .b2 {
  width: 840px;
}
.isect3 .a1 .b1 ul li a {
  height: 90px;
  border-bottom: 1px solid #f2f2f2;
  display: block;
  padding: 15px 40px 0;
}
.isect3 .a1 .b1 ul li a h4 {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  height: 30px
}
.isect3 .a1 .b1 ul li a h4 span {
  position: absolute;
  right: 0;
  color: #e49d0c;
}
.isect3 .a1 .b1 ul li a p {
  color: #999;
}
.isect3 .a1 .b1 ul li a:hover, .isect3 .a1 .b1 ul li a.on {
  color: #fff;
  background-color: #0091ab;
}
.isect3 .a1 .b1 ul li a:hover h4 span, .isect3 .a1 .b1 ul li a.on h4 span {
  color: #fff;
}
.isect3 .a1 .b1 ul li a:hover p, .isect3 .a1 .b1 ul li a.on p {
  color: #fff;
}
.isect3 .a1 .b2 .c1 {
  position: relative;
  display: none;
  height: 423px;
  width: 800px;
}
.isect3 .a1 .b2 .c1 li {
  height: 423px;
  width: 800px;
}
.isect3 .a1 .b2 .c1 li a, .isect3 .a1 .b2 .c1 li a img {
  height: 423px;
  width: 800px;
}
.isect3 .a1 .b2 .c1 .prev {
  position: absolute;
  width: 100px;
  height: 68px;
  background: #0091ab url(../images/ico8.png) no-repeat center;
  bottom: 0;
  right: 0;
  z-index: 10;
  background-color: rgba(22, 58, 95, 0.9);
}
.isect3 .a1 .b2 .c1 .prev:hover {
  background-color: #f5a200;
  background-color: rgba(245, 162, 0, 0.9);
}
.isect3 .a1 .b2 .c1 .next {
  position: absolute;
  width: 100px;
  height: 68px;
  background: #0091ab url(../images/ico9.png) no-repeat center;
  bottom: 0;
  right: 100px;
  z-index: 10;
  background-color: rgba(22, 58, 95, 0.9);
}
.isect3 .a1 .b2 .c1 .next:hover {
  background-color: #f5a200;
  background-color: rgba(245, 162, 0, 0.9);
}
.abo h3 {
  position: relative;
  line-height: 45px;
  font-family: "Hiragino Sans GB", Arial, "微软雅黑";
  border-bottom: 1px solid #f2f2f2;
  height: 45px;
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #0fa0ba !important
}
.abo h3 .more {
  color: #fff;
  font-weight: normal;
  position: absolute;
  font-size: 14px;
  right: 0px;
  /*  background: url(../images/ico7.png) no-repeat right center;

*/ width: 66px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 0;
}
.news h3 {
  position: relative;
  line-height: 45px;
  font-family: "Hiragino Sans GB", Arial, "微软雅黑";
  border-bottom: 1px solid #f2f2f2;
  height: 45px;
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #fff !important;
  color: #0fa0ba !important
}
.news h3 .more {
  color: #fff;
  position: absolute;
  font-size: 14px;
  font-weight: normal;
  right: 0px;
  /*  background: url(../images/ico7.png) no-repeat right center;

*/ width: 66px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 0;
}
.ys1 {
  width: 100%;
  overflow: hidden
}
.ys1 .img {
  float: left
}
.ys1 dl {
  float: right;
  width: 640px;
  padding-top: 80px
}
.ys1 dl dt {
  float: left
}
.ys1 dl dd {
  float: right;
  width: 560px
}
.ys1 dl dd h4 {
  font-size: 24px;
  font-family: 微软雅黑;
  color: rgb(51, 51, 51);
  font-weight: bold;
  line-height: 50px
}
.ys1 dl dd span {
  word-wrap: break-word;
  padding: 0px;
  border-color: transparent;
  border-width: 0px;
  height: 17px;
  width: 263px;
  display: block;
}
.ys1 dl dd p {
  font-size: 14px;
  font-family: 微软雅黑;
  line-height: 240%;
  padding-top: 20px
}
.isect1 ul {
  overflow: hidden
}
.isect1 ul li {
  float: left;
  width: 280px;
  margin-left: 22px;
  margin-right: 23px;
  padding-top: 10px;
  padding-bottom: 40px;
  background: #fafafa;
  height: 290px
}
.isect1 ul li img {
  display: block;
  margin: 0 auto;
  width: 260px;
  height: 150px
}
.isect1 ul li h3 {
  color: rgba(0, 0, 0, 1);
  font-family: Microsoft YaHei;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px
}
.isect1 ul li span {
  color: rgba(153, 153, 153, 1);
  font-family: times new roman;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 15px;
  display: block
}
.isect1 ul li b {
  width: 120px;
  height: 1px;
  background: #ccc;
  display: block;
  margin: 0 auto
}
.isect1 ul li p {
  color: rgb(102, 102, 102);
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  padding-top: 14px;
  padding-left: 10px;
  padding-right: 10px
}
.prolb {
  margin-bottom: 50px
}
.proList {
  overflow: hidden;
  margin-bottom: 20px
}
.proList li {
  float: left;
  background-image: url(../images/menu-arrow1.png);
  background-repeat: no-repeat;
  line-height: 30px;
  background-position: 90% center;
  padding-right: 36px;
  margin-right: 30px;
  margin-top: 20px;
  border: 1px solid #0fa0ba;
  padding-left: 10px;
}
.proList li a {
  color: #0fa0ba
}
.neiul {
  padding-top: 20px;
  margin-bottom: 10px;
}
.neiul li {
  display: inline-block;
  line-height: 40px;
  background: #f7f7f7;
  color: #777;
  font-size: 18px;
  height: 40px;
  position: relative;
  width: 140px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin-bottom: 2px
}
.neiul li.on {
  background: #0fa0ba
}
.neiul li.on a {
  color: #fff
}
.neiul li > a {
  color: #777;
  font-size: 16px;
}
.neiul li div a {
  font-size: 14px;
  color: #333;
  border-bottom: 1px dashed #d5d5d5;
  line-height: 34px;
  display: block;
  text-align: center
}
.neiul li div {
  display: none;
  position: absolute;
  top: 40px;
  z-index: 999999;
  text-align: center;
  background: #f6f6f6;
  width: 210px;
}
.neiul li:hover {
  background: #0fa0ba
}
/*.neiul li:hover a{color:#fff}*/
.neiul li:hover .aaa {
  display: block
}
.xg {
  padding: 20px 0;
  overflow: hidden;
  padding-bottom: 0;
}
.xg li {
  float: left;
  width: 290px;
  line-height: 50px;
  margin-right: 10px;
  margin-left: 10px;
  overflow: hidden;
  position: relative
}
.xg li a {
  color: #333;
}
.xg li a img {
  border: 1px solid #d5d5d5
}
.xg li a img {
  width: 100%
}
.xg li a:hover {
  color: #27499d;
}
.xg li a img {
  width: 280px;
  height: 189px;
}
.xg li a .bg2 {
  position: absolute;
  background: url(../images/ico11.png);
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  z-index: 0;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.xg li a .tc {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: -100px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.xg li a h4 {
  font-family: "Hiragino Sans GB", Arial, "微软雅黑";
  padding: 16px 0 0 16px;
}
.xg li a .p1 {
  padding-left: 16px;
}
.f12 {
  font-size: 12px;
}
.xg li a:hover .bg2 {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.xg li a:hover a, .xg li a:hover h4 {
  color: #fff;
}
.xg li a:hover .bg1 {
  background-color: #fff;
}
.xg li:hover .tc {
  top: 0px
}
.xg li:hover .bg2 {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.xg li:hover .tc {
  top: 10px
}
.xg li:hover a, .xg li:hover h4 {
  color: #fff;
}
.xg li:hover a p {
  color: #0fa0ba
}
.xg li a p {
  line-height: 26px;
  height: 52px;
}
.xg li a {
  display: block
}
.xg li {
  margin-bottom: 20px
}
.hoverp {
  background: #f7f7f7;
  line-height: 23px;
  font-size: 14px;
  padding: 20px;
  color: #888;
  position: relative;
  overflow: hidden;
  height: 110px
}
.hovera {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 24px;
  display: block;
  color: #fff
}
/*.hoverp:hover{ height:auto;}*/