@charset "UTF-8";

html {
  min-width: 1280px;
}

body,
p,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
dl,
dd {
  margin: 0px;
}

input,
button,
ul,
ol {
  margin: 0px;
  padding: 0px;
}

body,
input,
button,
form {
  font-size: 14px;
  line-height: 28px;
  font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6,
font {
  font-size: 14px;
  font-weight: normal;
}

ul,
ol,
li {
  list-style: none;
}

input {
  background: none;
  border: 0 none;
}

img,
iframe {
  border: 0px;
}

em,
i {
  font-style: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.red {
  color: #e74037;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.poa {
  position: absolute;
}

.por {
  position: relative;
}

.hidden {
  display: none;
}

.hide {
  display: none !important;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.g-ico {
  background: url(../g-images/g-ico.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.icon {
  vertical-align: middle;
  background: url(../images/icon.png) no-repeat;
  display: inline-block;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #0ca267;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

.ease,
.ease * {
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.noease,
.noease * {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

:-moz-placeholder {
  color: #cccccc;
}

::-moz-placeholder {
  color: #cccccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cccccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cccccc;
}

/*清除浮动*/
.clearfix {
  *zoom: 1;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.global-wrap {
  position: relative;
  min-height: 100%;
  clear: both;
}

.ielt7 .global-wrap {
  height: 100%;
}

.content-wrapper {
  width: 1220px;
  margin: 0 auto;
}

@media screen and (min-width: 1460px) {
  .content-wrapper {
    width: 1460px;
  }
}

/***************top and bottom css*********************/
.dialog-layout {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.header_main {
  width: 100%;
  position: relative;
  z-index: 999;
  background: #323232;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #fff;
}

.header_main .header {
  position: relative;
}

.header_main .ksdh {
  color: #fff;
}

.header_main .ksdh a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #fff;
  vertical-align: middle;
  line-height: 30px;
}

.header_main .ksdh a s {
  display: block;
  width: 45px;
  height: 40px;
}

.header_main .ksdh a:hover {
  color: #0ca267;
}

.header_main .ksdh span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 10px;
  color: #999;
  vertical-align: middle;
}

/*top_mian*/
.top_main {
  width: 100%;
  height: 120px;
  overflow: hidden;
}

.top_main .top {
  padding-top: 20px;
}

.top_main .webtel {
  width: 216px;
  position: relative;
  padding-left: 40px;
}

.top_main .webtel span {
  width: 34px;
  height: 33px;
  display: block;
  background-position: -106px 0;
  position: absolute;
  left: 0;
  top: 26px;
}

.top_main .webtel p {
  color: #666;
  font-size: 12px;
  line-height: 22px;
}

.top_main .webtel p b {
  font-size: 22px;
  font-family: "AVGARDD";
  display: block;
  color: #333;
  font-weight: normal;
}

.top_main .logo a {
  display: block;
}

.top_main .logo img {
  height: 75px;
}

.top_main .slogan {
  width: 620px;
  height: 60px;
  border-left: 1px solid #dedede;
  padding-left: 14px;
  margin-top: 15px;
}

.top_main .slogan strong {
  font-size: 18px;
  color: #0ca267;
  font-weight: bold;
}

.top_main .slogan p {
  font-size: 18px;
}

.nav_main {
  width: 100%;
  background: #0ca267;
  position: relative;
  z-index: 10;
  border-top: 1px solid #eee;
  height: 50px;
}

.nav_main .nav {
  line-height: 50px;
}

.nav_main .nav li {
  float: left;
  display: inline-block;
  list-style: none;
  font-size: 18px;
  text-align: center;
}

.nav_main .nav li a {
  display: block;
  text-align: center;
  position: relative;
  color: #fff;
  height: 52px;
  line-height: 52px;
  padding: 0 35px;
  top: -2px;
}

.nav_main .nav li.hover a,
.nav_main .nav li:hover a {
  color: #333;
  font-weight: bold;
  background: url(../images/nav_bg.jpg) repeat-x left top;
}

.nav_main .nav li .subnav_main {
  border-top: 1px solid #eee;
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  z-index: 7044;
  padding-top: 30px;
  margin-top: -1px;
  background: #fff;
}

.nav_main .nav li .subnav_main .subnav {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.nav_main .nav li .subnav_main .subnav li {
  width: 198px;
  height: 70px;
  text-align: center;
  border-left: 1px dashed #ccc;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none;
  margin: 0;
  padding: 0;
}

.nav_main .nav li .subnav_main .subnav li:first-child {
  border-left: 0 none;
}

.nav_main .nav li .subnav_main .subnav li a {
  display: block;
  padding: 0;
  line-height: 24px;
  color: #333;
  background: none;
}

.nav_main .nav li .subnav_main .subnav li .stu {
  width: 68px;
  height: 54px;
  display: block;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.nav_main .nav li .subnav_main .subnav li .stu img {
  width: 68px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.nav_main .nav li .subnav_main .subnav li h4 {
  padding-top: 14px;
}

.nav_main .nav li .subnav_main .subnav li a:hover {
  color: #0ca267;
}

/* 下拉固定 */
.nav_main.xc {
  border-bottom: 1px solid #ddd;
  transition: all 0.9s ease-out 0s;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #0ca267;
  width: 100%;
  height: 50px;

  /* width: 100%;
  background: #0ca267;
  position: relative;
  z-index: 10;
  border-top: 1px solid #eee;
  height: 50px; */
}


/*ilinks*/
.ilinks {
  padding: 0;
}

.ilinks span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.ilinks a {
  display: inline-block;
  color: #b5b5b5;
}

.footer_main {
  width: 100%;
  background: #2a2a2a;
  color: #fff;
}

.footer_main .footer {
  position: relative;
}

.footer_main .title {
  padding-bottom: 32px;
  padding-top: 38px;
}

.footer_main .title b {
  font-size: 24px;
  font-family: "AVGARDD";
  display: block;
  color: #0ca267;
  text-transform: uppercase;
}

.footer_main .title h3 {
  font-size: 20px;
  color: #fff;
}

.footer_main .bot_about {
  width: 366px;
  height: 388px;
}

.footer_main .bot_about .cont {
  padding-right: 30px;
}

.footer_main .bot_about .cont b {
  color: #0ca267;
  font-size: 20px;
  font-weight: bold;
  display: block;
}

.footer_main .bot_about .cont span {
  color: #fff;
  font-size: 16px;
}

.footer_main .bot_about .cont p {
  padding-top: 28px;
  font-size: 12px;
  color: #999;
  height: 150px;
  overflow: hidden;
}

.footer_main .bot_about .cont a {
  display: block;
}

.footer_main .bot_about .cont .cha {
  width: 188px;
  height: 46px;
  line-height: 42px;
  display: block;
  text-align: center;
  box-sizing: border-box;
  border: 3px solid #959595;
  color: #d5d4d4;
}

.footer_main .bot_about .cont .cha em {
  width: 46px;
  height: 8px;
  display: inline-block;
  margin-left: 46px;
  background-position: -144px -296px;
  vertical-align: middle;
}

.footer_main .bot_about .cont .cha:hover {
  color: #0ca267;
  border: 3px solid #0ca267;
}

.footer_main .bot_contact {
  width: 288px;
}

.footer_main .bot_contact .title {
  padding-left: 40px;
}

.footer_main .bot_contact .cont {
  color: #888c95;
  line-height: 30px;
  padding-left: 40px;
}

.footer_main .bot_contact .cont span {
  color: #0ca267;
  font-size: 18px;
  font-weight: bold;
}

.footer_main .bot_contact .cont .s1 {
  display: block;
  padding-left: 72px;
}

.footer_main .botrig {
  width: 324px;
  height: 388px;
  border-left: 1px solid #535353;
  border-right: 1px solid #535353;
  padding: 0;
}

.footer_main .botrig .title {
  padding-left: 40px;
}

.footer_main .botnav {
  width: 102%;
}

.footer_main .botnav li {
  width: 84px;
  float: left;
  display: block;
  list-style: none;
  font-size: 14px;
  line-height: 32px;
  text-align: left;
  overflow: hidden;
  padding-left: 40px;
  padding-right: 40px;
}

.footer_main .botnav li a {
  color: #888c95;
  display: block;
  line-height: 44px;
}

.footer_main .botnav li a:hover {
  color: #0ca267;
}

.footer_main .bewm {
  position: absolute;
  right: 0;
  top: 0;
  height: 462px;
  border-left: 1px solid #535353;
  border-right: 1px solid #535353;
  text-align: center;
  width: 213px;
}

.footer_main .bewm img {
  width: 110px;
  height: 110px;
  padding: 5px;
  display: block;
  border: 1px solid #fff;
  margin: 0 auto;
}

.footer_main .bewm p {
  text-align: center;
  color: #888c95;
}

.copyright_main {
  width: 100%;
  background: url(../images/copy_bg.jpg) no-repeat center top;
  height: 73px;
}

.copyright_main .copyright {
  color: #626671;
  font-size: 12px;
  line-height: 73px;
}

.copyright_main .copyright a {
  color: #626671;
}

.copyright_main .copyright a.yyzz {
  padding: 0 20px;
}

.copyright_main .copyright a:hover {
  color: #0ca267;
}

/***********top and bottom css end***********/
/***********index css ***********/
.banner_main {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
  top: -2px;
}

.banner {
  width: 100%;
  min-width: 1000px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  height: 624px;
}

.banner .list {
  max-height: 624px;
  overflow: hidden;
}

.banner li {
  width: 100%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.banner li img {
  width: 1920px;
  display: block;
  position: relative;
  left: 50%;
  margin-left: -960px;
  top: 0;
}

.banner li a {
  width: 100%;
  display: block;
}

.banner .tip {
  width: 100%;
  height: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 4%;
  z-index: 10;
}

.banner .tip span {
  width: 8px;
  height: 8px;
  overflow: hidden;
  margin: 0 5px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  text-indent: -1000px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #fff;
}

.banner .tip span.cur {
  background: #0ca267;
  border: 3px solid #0ca267;
}

.banner .prev,
.banner .next {
  width: 44px;
  height: 70px;
  position: absolute;
  z-index: 12;
  top: 50%;
  margin-top: -27px;
  cursor: pointer;
  background-position: 0 0;
}

.banner .prev {
  left: 3%;
  background-position: -52px -388px;
}

.banner .prev:hover {
  background-position: 0 -388px;
}

.banner .next {
  right: 3%;
  background-position: -152px -388px;
}

.banner .next:hover {
  background-position: -100px -388px;
}

.index {
  width: 100%;
  overflow: hidden;
}

.index .title {
  text-align: center;
  width: 100%;
  padding-bottom: 40px;
}

.index .title h3 {
  font-size: 28px;
  font-weight: normal;
  display: block;
  line-height: 34px;
}

.index .title h3 b {
  display: inline-block;
  font-weight: bold;
  color: #0ca267;
}

.index .title h4 {
  color: #666;
  font-size: 18px;
  text-transform: uppercase;
  font-family: "AvantGardeITCbyBT Demi";
  font-weight: normal;
  padding: 5px 0;
}

.index .title .line {
  width: 404px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background: url(../images/indtit_line.png) no-repeat center;
}

.index .title .line1 {
  width: 404px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background: url(../images/indtit_line1.png) no-repeat center;
}

.index .title .line s {
  display: block;
}

.index .more {
  width: 224px;
  height: 54px;
  line-height: 54px;
  margin: 0 auto;
  display: block;
  text-align: center;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
  color: #fff;
  font-size: 18px;
}

.index .more em {
  background-position: -264px -20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 5px;
}

.index .more:hover {
  background: #0ca267;
  color: #fff;
  text-indent: 10px;
}

.index .floor_1 {
  padding: 34px 0;
  overflow: hidden;
}

.index .iservice {
  overflow: hidden;
}

.index .iservice .list {
  width: 118%;
}

.index .iservice .item {
  width: 300px;
  height: 252px;
  display: block;
  float: left;
  background: #fff;
  text-align: center;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.index .iservice .item a {
  display: block;
  padding: 20px;
}

.index .iservice .item .img {
  width: 92px;
  height: 70px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.index .iservice .item .img img {
  width: 92px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.index .iservice .item h3 {
  font-size: 16px;
  color: #333;
  padding-top: 24px;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.index .iservice .item .line {
  display: block;
  width: 44px;
  height: 2px;
  margin: 10px auto;
  background: #0ca267;
}

.index .iservice .item .line s {
  width: 24px;
  height: 2px;
  display: block;
  background: #dedede;
}

.index .iservice .item .desc {
  color: #999;
  padding: 0 20px;
}

.index .iservice .item:hover {
  background: url(../images/isea_bg.png) no-repeat center;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#c4c4c4, direction=120, strength=5);
  /*ie*/
  -moz-box-shadow: 0 0 10px #c4c4c4;
  -webkit-box-shadow: 0 0 10px #c4c4c4;
  box-shadow: 0 0 10px #c4c4c4;
}

.index .iservice .item:hover h3 {
  color: #fff;
  font-size: 20px;
}

.index .iservice .item:hover .img img {
  top: -70px;
}

.index .iservice .item:hover .desc {
  color: #fff;
}

.index .floor_2_main {
  background: #f3f5f6;
}

.index .floor_2 {
  padding: 40px 0;
  overflow: hidden;
}

.index .Solutions {
  overflow: hidden;
}

.index .Solutions .hd .list {
  width: 108%;
}

.index .Solutions .hd li {
  width: 224px;
  height: 96px;
  margin-right: 20px;
  margin-bottom: 20px;
  display: block;
  background: #fff;
  float: left;
}

.index .Solutions .hd li a {
  display: block;
  padding-top: 26px;
  padding-left: 16px;
  padding-bottom: 20px;
}

.index .Solutions .hd li .tb {
  width: 50px;
  height: 42px;
  display: block;
  float: left;
  margin-right: 8px;
  background: url(../images/f_ico2.png) no-repeat;
}

.index .Solutions .hd li h3 {
  color: #666;
  font-size: 20px;
  line-height: 26px;
}

.index .Solutions .hd li h3 i {
  color: #c4c4c4;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  font-weight: normal;
}

.index .Solutions .hd li.it1 .tb {
  background-position: 0 0;
}

.index .Solutions .hd li.it2 .tb {
  background-position: -50px 0;
}

.index .Solutions .hd li.it3 .tb {
  background-position: -100px 0;
}

.index .Solutions .hd li.it4 .tb {
  background-position: -150px 0;
}

.index .Solutions .hd li.it5 .tb {
  background-position: -200px 0;
}

.index .Solutions .hd li.it6 .tb {
  background-position: -250px 0;
}

.index .Solutions .hd li.it7 .tb {
  background-position: -300px 0;
}

.index .Solutions .hd li.it8 .tb {
  background-position: -350px 0;
}

.index .Solutions .hd li.it9 .tb {
  background-position: -400px 0;
}

.index .Solutions .hd li.it10 .tb {
  background-position: -450px 0;
}

.index .Solutions .hd li.current {
  background: url(../images/f_icobg.jpg) no-repeat;
}

.index .Solutions .hd li.current h3 {
  color: #fff;
  font-weight: bold;
}

.index .Solutions .hd li.current h3 i {
  color: #fff;
}

.index .Solutions .hd li.current.it1 .tb {
  background-position: 0 -50px;
}

.index .Solutions .hd li.current.it2 .tb {
  background-position: -50px -50px;
}

.index .Solutions .hd li.current.it3 .tb {
  background-position: -100px -50px;
}

.index .Solutions .hd li.current.it4 .tb {
  background-position: -150px -50px;
}

.index .Solutions .hd li.current.it5 .tb {
  background-position: -200px -50px;
}

.index .Solutions .hd li.current.it6 .tb {
  background-position: -250px -50px;
}

.index .Solutions .hd li.current.it7 .tb {
  background-position: -300px -50px;
}

.index .Solutions .hd li.current.it8 .tb {
  background-position: -350px -50px;
}

.index .Solutions .hd li.current.it9 .tb {
  background-position: -400px -50px;
}

.index .Solutions .hd li.current.it10 .tb {
  background-position: -450px -50px;
}

.index .Solutions .bd {
  height: 466px;
  overflow: hidden;
}

.index .Solutions .tab-con {
  background: #fff;
}

.index .Solutions .tab-con .img {
  width: 622px;
  height: 466px;
  display: block;
  overflow: hidden;
}

.index .Solutions .tab-con .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.index .Solutions .tab-con .txt {
  padding: 0 50px;
  width: 474px;
}

.index .Solutions .tab-con .txt h3 {
  font-size: 24px;
  font-weight: bold;
  color: #0ca267;
  padding-top: 20px;
}

.index .Solutions .tab-con .txt .en {
  color: #ddd;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
}

.index .Solutions .tab-con .txt .line {
  display: block;
  width: 110px;
  height: 2px;
  background: #0ca267;
  margin-top: 12px;
}

.index .Solutions .tab-con .txt .p1 {
  font-size: 18px;
  line-height: 28px;
  padding: 10px 0;
}

.index .Solutions .tab-con .txt .targ {
  border-top: 1px dotted #e8e8e8;
  border-bottom: 1px dotted #e8e8e8;
  padding: 28px 0;
}

.index .Solutions .tab-con .txt .targ span {
  display: inline-block;
  width: 148px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #eee;
  color: #333;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
}

.index .Solutions .tab-con .txt .targ span em {
  width: 18px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}

.index .Solutions .tab-con .txt .targ span.s1 em {
  background-position: 0 -336px;
}

.index .Solutions .tab-con .txt .targ span.s2 em {
  background-position: -24px -336px;
}

.index .Solutions .tab-con .txt .targ span.s3 em {
  background-position: -50px -336px;
}

.index .Solutions .tab-con .txt .targ span.hover {
  background: #ffdc6c;
  color: #bb4424;
}

.index .Solutions .tab-con .txt .targ span.hover.s1 em {
  background-position: 0 -360px;
}

.index .Solutions .tab-con .txt .targ span.hover.s2 em {
  background-position: -24px -360px;
}

.index .Solutions .tab-con .txt .targ span.hover.s3 em {
  background-position: -50px -360px;
}

.index .Solutions .tab-con .txt .desc {
  padding-top: 20px;
  height: 116px;
  overflow: hidden;
  margin-bottom: 20px;
}

.index .Solutions .tab-con .txt .desc .cont {
  display: none;
}

.index .Solutions .tab-con .txt .desc .cont0 {
  display: block;
}

.index .Solutions .tab-con .txt .btn a {
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  color: #fff;
  background: #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.index .Solutions .tab-con .txt .btn .cha {
  margin-right: 5px;
}

.index .Solutions .tab-con .txt .btn .zixun {
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
}

.index .Solutions .tab-con .txt .btn a:hover {
  background: #ffdc6c;
  color: #bb4424;
}

.index .floor_3_main {
  background: url(../images/flo3_bg.jpg) no-repeat center top;
  height: 566px;
}

.index .floor_3 {
  padding: 60px 0;
  position: relative;
}

.index .floor_3 .title h3 {
  color: #fff;
}

.index .floor_3 .title h3 b {
  color: #fff;
}

.index .floor_3 .title h4 {
  color: #fff;
}

.index .youshi {
  overflow: hidden;
}

.index .youshi .list {
  width: 108%;
}

.index .youshi .item {
  float: left;
  width: 240px;
  height: 314px;
  display: block;
  overflow: hidden;
  position: relative;
  border-right: 1px dotted rgba(255, 255, 255, 0.3);
}

.index .youshi .item a {
  display: block;
  height: 200px;
  padding-top: 16px;
  text-align: center;
  color: #fff;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.index .youshi .item .sico-img {
  width: 86px;
  height: 86px;
  display: block;
  margin: 0 auto 20px;
}

.index .youshi .item .tit {
  font-size: 20px;
}

.index .youshi .item .tit b {
  font-weight: bold;
  color: #ffdc6c;
}

.index .youshi .item .en {
  padding-top: 0;
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.2;
  filter: alpha(opacity=20);
  display: block;
  height: 20px;
  overflow: hidden;
}

.index .youshi .item .desc {
  font-size: 16px;
}

.index .youshi .item:hover a {
  padding-top: 0;
}

.index .shuju {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 66px;
}

.index .shuju .item {
  width: 240px;
  float: left;
  display: block;
  text-align: center;
}

.index .shuju .item h3 {
  font-size: 42px;
  font-weight: bold;
  color: #ffdc6c;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  *line-height: 42px;
}

.index .shuju .item b {
  color: #ffdc6c;
  font-size: 42px;
  font-weight: bold;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.index .shuju .item p {
  color: #fff;
  font-size: 24px;
  padding-top: 10px;
}

.index .floor_5_main {
  background: #f7f7f7;
  width: 100%;
}

.index .liuc {
  position: relative;
  overflow: hidden;
  padding: 20px 0 0;
  *padding-bottom: 20px;
}

.index .liuc .list {
  width: 104%;
}

.index .liuc li {
  float: left;
  width: 160px;
  height: 70px;
  position: relative;
  margin-right: 13px;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #e5e5e5;
}

.index .liuc li .tb {
  width: 40px;
  height: 40px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background: url(../images/liuc_ico.png) no-repeat;
  margin-top: 15px;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.index .liuc li h3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  line-height: 20px;
  padding-top: 15px;
}

.index .liuc li h3 b {
  display: block;
  color: #0ca267;
}

.index .liuc li p {
  text-align: center;
  font-size: 18px;
}

.index .liuc li.it1 .tb {
  background-position: 0 0;
}

.index .liuc li.it2 .tb {
  background-position: -40px 0;
}

.index .liuc li.it3 .tb {
  background-position: -80px 0;
}

.index .liuc li.it4 .tb {
  background-position: -120px 0;
}

.index .liuc li.it5 .tb {
  background-position: -160px 0;
}

.index .liuc li.it6 .tb {
  background-position: -200px 0;
}

.index .liuc li.it7 .tb {
  background-position: -240px 0;
}

.index .liuc li:hover,
.index .liuc li.hover {
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
  color: #fff;
}

.index .liuc li:hover img,
.index .liuc li.hover img {
  animation: flipInY 1.2s ease-out forwards;
  -webkit-animation: flipInY 1.2s ease-out forwards;
}

.index .liuc li:hover h3 b,
.index .liuc li.hover h3 b {
  color: #fff;
}

.index .liuc li:hover.it1 .tb,
.index .liuc li.hover.it1 .tb {
  background-position: 0 -40px;
}

.index .liuc li:hover.it2 .tb,
.index .liuc li.hover.it2 .tb {
  background-position: -40px -40px;
}

.index .liuc li:hover.it3 .tb,
.index .liuc li.hover.it3 .tb {
  background-position: -80px -40px;
}

.index .liuc li:hover.it4 .tb,
.index .liuc li.hover.it4 .tb {
  background-position: -120px -40px;
}

.index .liuc li:hover.it5 .tb,
.index .liuc li.hover.it5 .tb {
  background-position: -160px -40px;
}

.index .liuc li:hover.it6 .tb,
.index .liuc li.hover.it6 .tb {
  background-position: -200px -40px;
}

.index .liuc li:hover.it7 .tb,
.index .liuc li.hover.it7 .tb {
  background-position: -240px -40px;
}

.index .textlist {
  width: 720px;
  padding-top: 20px;
}

.index .textlist .hd {
  border-bottom: 1px solid #cdcdcd;
}

.index .textlist .hd li {
  height: 60px;
  line-height: 60px;
  float: left;
  margin-right: 60px;
  position: relative;
}

.index .textlist .hd li a {
  display: block;
  font-size: 20px;
}

.index .textlist .hd li s {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #0ca267;
  display: none;
  height: 1px;
}

.index .textlist .hd li.current a {
  font-weight: bold;
  color: #0ca267;
}

.index .textlist .hd li.current s {
  display: block;
}

.index .textlist .bd {
  padding-top: 20px;
}

.index .textlist .item {
  margin-bottom: 46px;
}

.index .newsBox {
  width: 458px;
  position: relative;
  border-right: 1px solid #e5e5e5;
  height: 708px;
}

.index .newsBox .title {
  text-align: left;
  padding-top: 30px;
}

.index .newsBox .title h4 {
  color: #ddd;
  opacity: 1;
  filter: alpha(opacity=100);
}

.index .newsBox .cont {
  width: 438px;
}

.index .newsBox .cont .item {
  zoom: 1;
  vertical-align: middle;
  position: relative;
}

.index .newsBox .cont .item .img {
  width: 438px;
  height: 328px;
  overflow: hidden;
  position: relative;
  display: block;
}

.index .newsBox .cont .item .img img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.index .newsBox .cont .item .txt {
  z-index: 5;
  padding: 30px 0;
  height: 106px;
  background: url(../images/newsonebg.jpg) repeat-y left top;
  width: 100%;
  display: block;
}

.index .newsBox .cont .item .txt h3 {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  width: 336px;
  float: right;
  padding-bottom: 18px;
}

.index .newsBox .cont .item .txt .time {
  width: 100px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding-top: 10px;
}

.index .newsBox .cont .item .txt .time b {
  display: block;
  font-size: 34px;
}

.index .newsBox .cont .item p {
  padding-top: 16px;
  color: #d6f0df;
  line-height: 24px;
  height: 50px;
  overflow: hidden;
  float: right;
  width: 320px;
  padding-right: 15px;
}

.index .newsBox .cont .item:hover img {
  transform: scale(1.06, 1.06);
}

.index .newsBox .cont .item:hover .txt h3 {
  color: #ffdc6c;
}

.index .floor_4 {
  padding: 80px 0;
}

.index .floor_5_main {
  width: 100%;
}

.index .menubox {
  overflow: hidden;
  padding-bottom: 20px;
}

.index .menubox ul {
  text-align: center;
}

.index .menubox li {
  height: 44px;
  line-height: 44px;
  margin: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  box-sizing: border-box;
  margin-left: -4px;
}

.index .menubox li a {
  display: block;
  border: 1px solid #ebebeb;
  text-align: center;
  border-left: none;
  margin: 0;
  background: #fff;
  padding: 0 20px;
  font-size: 18px;
}

.index .menubox li a:hover {
  color: #fff;
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
  border-left: none;
}

.index .menubox li:first-child a {
  border-left: 1px solid #e5e5e5;
}

.index .menubox li.hover a {
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
  color: #fff;
}

.index .floor_5 {
  padding: 60px 0;
}

.index .floor_5 .productlist {
  position: relative;
  padding-bottom: 40px;
}

.index .floor_5 .productlist .bd {
  overflow: hidden;
}

.index .floor_5 .btn {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  margin-top: -66px;
}

.index .floor_5 .prev {
  background-position: 0 0;
  left: -10%;
}

.index .floor_5 .prev:hover {
  background-position: 0 -46px;
}

.index .floor_5 .next {
  background-position: -46px 0;
  right: -5%;
}

.index .floor_5 .next:hover {
  background-position: -46px -46px;
}

.index .floor_6_main {
  background: #fff;
  width: 100%;
}

.index .floor_6 {
  padding: 60px 0;
}

.index .floor_6 .caselist {
  position: relative;
  padding-bottom: 40px;
}

.index .floor_6 .caselist .bd {
  overflow: hidden;
}

.index .icase {
  position: relative;
}

.index .icase .casetop {
  padding-left: 325px;
  position: relative;
}

.index .icase .casetop .txtlef {
  color: #fff;
  width: 279px;
  height: 382px;
  background: url(../images/icase.jpg) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 46px;
  padding-top: 28px;
}

.index .icase .casetop .txtlef .line {
  width: 54px;
  height: 2px;
  display: block;
  background: #fff;
}

.index .icase .casetop .txtlef h3 {
  font-size: 28px;
  padding-top: 15px;
}

.index .icase .casetop .txtlef p {
  padding-top: 24px;
  font-size: 16px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.index .icase .casetop .hd {
  border-bottom: 1px dashed #ddd;
}

.index .icase .casetop .hd li {
  width: 175px;
  height: 84px;
  line-height: 84px;
  text-align: center;
  box-sizing: border-box;
  border-right: 1px dashed #ddd;
  border-top: 1px dashed #ddd;
  float: left;
}

.index .icase .casetop .hd li a {
  display: block;
  padding-top: 0;
}

.index .icase .casetop .hd li .tb {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  background: url(../images/c_ico.png) no-repeat;
}

.index .icase .casetop .hd li h3 {
  font-size: 16px;
  color: #666;
  display: inline-block;
}

.index .icase .casetop .hd li.it1 .tb {
  background-position: 0 0;
}

.index .icase .casetop .hd li.it2 .tb {
  background-position: -28px 0;
}

.index .icase .casetop .hd li.it3 .tb {
  background-position: -56px 0;
}

.index .icase .casetop .hd li.it4 .tb {
  background-position: -84px 0;
}

.index .icase .casetop .hd li.it5 .tb {
  background-position: -112px 0;
}

.index .icase .casetop .hd li.it6 .tb {
  background-position: -140px 0;
}

.index .icase .casetop .hd li.it7 .tb {
  background-position: -168px 0;
}

.index .icase .casetop .hd li.it8 .tb {
  background-position: -196px 0;
}

.index .icase .casetop .hd li.it9 .tb {
  background-position: -224px 0;
}

.index .icase .casetop .hd li.it10 .tb {
  background-position: -252px 0;
}

.index .icase .casetop .hd li.current {
  background: #ffdc6c;
}

.index .icase .casetop .hd li.current h3 {
  color: #bb4424;
}

.index .icase .casetop .hd li.current.it1 .tb {
  background-position: 0 -28px;
}

.index .icase .casetop .hd li.current.it2 .tb {
  background-position: -28px -28px;
}

.index .icase .casetop .hd li.current.it3 .tb {
  background-position: -56px -28px;
}

.index .icase .casetop .hd li.current.it4 .tb {
  background-position: -84px -28px;
}

.index .icase .casetop .hd li.current.it5 .tb {
  background-position: -112px -28px;
}

.index .icase .casetop .hd li.current.it6 .tb {
  background-position: -140px -28px;
}

.index .icase .casetop .hd li.current.it7 .tb {
  background-position: -168px -28px;
}

.index .icase .casetop .hd li.current.it8 .tb {
  background-position: -196px -28px;
}

.index .icase .casetop .hd li.current.it9 .tb {
  background-position: -224px -28px;
}

.index .icase .casetop .hd li.current.it10 .tb {
  background-position: -252px -28px;
}

.index .icase .tab-con {
  position: relative;
}

.index .icase .tab-con .img {
  width: 620px;
  height: 464px;
  display: block;
  overflow: hidden;
}

.index .icase .tab-con img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.index .icase .tab-con .txtbox {
  width: 514px;
  height: 232px;
  background: #f8f8f8;
  position: absolute;
  left: 60px;
  top: 65px;
  padding: 45px;
}

/*合作案例悬浮窗*/
.hzal {
  width: 245px;
  position: absolute;
  left: 10.5%;
  top: 65%;
  background-color: #fff;
  z-index: 20;
  border: 1px solid #0ca267;
}

.hzal .title {
  background: url(../images/ntitle_bg1.jpg) repeat left top;
  font-size: 20px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-indent: 20px;
}

.hzal .lxdh {
  padding-top: 10px;
  width: 100%;
  height: 75px;
  color: #fff;
  text-align: center;
  background: url(../images/ntitle_bg1.jpg) repeat left top;

}

.hzal .lxdh span {
  width: 32px;
  height: 32px;
  background: url(../images/al_phone.png) no-repeat;
  position: absolute;
  left: 55px;
}

.hzal ul {
  padding-bottom: 10px;
  margin-top: 7px;
  overflow: hidden;
}

.hzal ul li.item {
  height: 34px;
  line-height: 34px;
  font-size: 15px;
}

.hzal ul li.item a {
  text-indent: 32px;
}

.hzal ul li.item a i {
  float: left;
  display: block;
  width: 10px;
  height: 10px;
  background: #0ca267;
  border-radius: 100%;
  margin-top: 14px;
  margin-right: 12px;
  margin-left: 20px;
}


.index .icase .tab-con .txtbox .line {
  width: 44px;
  height: 2px;
  display: block;
  background: #0ca267;
}

.index .icase .tab-con .txtbox h3 {
  font-size: 24px;
  padding: 15px 0;
}

.index .icase .tab-con .txtbox .txt {
  display: block;
  padding-top: 20px;
  color: #888;
  line-height: 24px;
}

.index .icase .tab-con .txtbox .txt .cha {
  color: #0ca267;
}

.index .icase .tab-con .txtbox .txt:hover {
  color: #0ca267;
}

.index .icase .tab-con .txtbox .txt:hover .cha {
  color: #ffdc6c;
}

.index .icase .btn {
  width: 70px;
  height: 25px;
  display: block;
  position: absolute;
  cursor: pointer;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  bottom: 100px;
}

.index .icase .prev {
  background-position: -144px -314px;
  left: 106px;
}

.index .icase .prev:hover {
  background-position: -144px -343px;
}

.index .icase .next {
  background-position: -218px -314px;
  left: 180px;
}

.index .icase .next:hover {
  background-position: -218px -343px;
}

.index .floor_7_main {
  background: #f8f8f8;
}

.index .floor_7_main .title {
  padding-bottom: 14px;
}

.index .floor_8_main {
  padding: 60px 0;
}

.index .floor_8_main .title h4 {
  opacity: 1;
  filter: alpha(opacity=100);
}

.index .floor_7 {
  padding-bottom: 0;
}

.xunpan {
  width: 100%;
  background: url(../images/xunpan.jpg) no-repeat center top;
  height: 220px;
  color: #fff;
}

.xunpan .zixun {
  width: 550px;
  padding-top: 26px;
}

.xunpan .zixun .ewm {
  width: 130px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
}

.xunpan .zixun .ewm img {
  width: 110px;
  height: 110px;
  border: 10px solid #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  display: block;
  margin-bottom: 4px;
}

.xunpan .zixun .webtel {
  font-size: 18px;
  position: relative;
  padding-left: 86px;
  padding-top: 34px;
}

.xunpan .zixun .webtel b {
  font-size: 44px;
  font-weight: bold;
  display: block;
  font-family: "AVGARDD";
  line-height: 44px;
}

.xunpan .zixun .webtel span {
  width: 78px;
  height: 78px;
  display: block;
  background-position: -300px -308px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 60px;
}

.xunpan .zixun .zx {
  border: 1px solid #ffdc6c;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background: #ffdc6c;
}

.xunpan .zixun .zx em {
  width: 22px;
  height: 20px;
  display: inline-block;
  background-position: -190px -50px;
  margin-left: 10px;
  vertical-align: middle;
}

.xunpan .txt {
  padding-left: 80px;
}

.xunpan .p1 {
  font-size: 18px;
  padding-top: 30px;
}

.xunpan .p2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
}

.xunpan .p2 strong {
  font-weight: bold;
  display: block;
}

.xunpan .p3 {
  font-size: 30px;
  line-height: 36px;
}

.xunpan .btn {
  width: 280px;
  height: 45px;
  line-height: 45px;
  background: #ffdc6c;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  font-size: 20px;
  display: block;
  text-align: center;
  color: #bb4424;
  margin-top: 16px;
}

.xunpan .btn:hover {
  background: #f5cd3a;
}

.ihonorlist {
  position: relative;
  padding-bottom: 20px;
}

.ihonorlist .bd {
  overflow: hidden;
  height: 348px;
}

.ihonorlist .list {
  width: 108%;
}

.ihonorlist .item {
  width: 224px;
  height: 328px;
  display: block;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.ihonorlist .item a {
  display: block;
  padding: 16px 8px;
  text-align: center;
}

.ihonorlist .item img {
  max-width: 260px;
  display: block;
  margin: 0 auto;
}

.ihonorlist .item h3 {
  color: #000033;
  font-size: 18px;
  line-height: 30px;
  padding-top: 10px;
}

.ihonorlist .item:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.ihonorlist .btn {
  width: 62px;
  height: 73px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -37px;
  cursor: pointer;
}

.ihonorlist .prev {
  background-position: -136px -100px;
  left: -10%;
}

.ihonorlist .prev:hover {
  background-position: 0 -100px;
}

.ihonorlist .next {
  background-position: -204px -100px;
  right: -10%;
}

.ihonorlist .next:hover {
  background-position: -70px -100px;
}

.honorlist {
  position: relative;
  padding-bottom: 20px;
  background: url(../images/honor_di.jpg) repeat-y center top;
}

.honorlist .bd {
  overflow: hidden;
}

.honorlist .list {
  width: 100%;
  padding-left: 150px;
  padding-top: 5px;
}

.honorlist .item {
  width: 280px;
  height: 290px;
  display: block;
  margin-right: 35px;
  margin-bottom: 50px;
  float: left;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.honorlist .item a {
  display: block;
  text-align: center;
  width: 280px;
  height: 260px;
  background: url(../images/honorbk.png) no-repeat left top;
}

.honorlist .item img {
  width: 248px;
  display: block;
  margin: 0 auto;
  height: 187px;
  padding-top: 16px;
}

.honorlist .item h3 {
  font-size: 14px;
  line-height: 30px;
  padding-top: 6px;
  text-align: center;
  font-weight: bold;
}

.honorlist .item:hover {
  transform: translate3d(0px, -3px, 0px);
}

.honorlist .btn {
  width: 62px;
  height: 73px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -37px;
  cursor: pointer;
}

.honorlist .prev {
  background-position: -136px -100px;
  left: -10%;
}

.honorlist .prev:hover {
  background-position: 0 -100px;
}

.honorlist .next {
  background-position: -204px -100px;
  right: -10%;
}

.honorlist .next:hover {
  background-position: -70px -100px;
}

.productlist .list {
  width: 108%;
}

.productlist .imglist {
  position: relative;
  display: none;
}

.productlist .imglist:first-child {
  display: block;
}

.productlist .imglist .gridlist {
  overflow: hidden;
  height: 300px;
}

.productlist .item {
  width: 292px;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  position: relative;
}

.productlist .item a {
  display: block;
}

.productlist .item .img {
  width: 292px;
  height: 220px;
  display: block;
  overflow: hidden;
  background: #fff;
}

.productlist .item .img img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.productlist .item .bjbtn {
  display: none;
  position: absolute;
  top: 180px;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: url(../images/bjbtn_bg.jpg) repeat-y left top;
  font-size: 16px;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  color: #fff;
}

.productlist .item .bjbtn em {
  width: 26px;
  height: 18px;
  display: inline-block;
  position: relative;
  left: 0;
  background-position: -276px 0;
  margin-right: 5px;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.productlist .item .txt {
  height: 58px;
  border-bottom: 2px solid #d9d9d9;
  padding: 0 14px;
}

.productlist .item .txt h3 {
  padding-top: 20px;
  font-weight: bold;
}

.productlist .item .txt em {
  width: 18px;
  height: 18px;
  background-position: -148px 0;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.productlist .item:hover img,
.productlist .item.hover img {
  transform: scale(1.06, 1.06);
}

.productlist .item:hover .txt,
.productlist .item.hover .txt {
  border-bottom: 2px solid #0ca267;
  background: #fff;
}

.productlist .item:hover .txt h3,
.productlist .item.hover .txt h3 {
  color: #0ca267;
}

.productlist .item:hover .txt em,
.productlist .item.hover .txt em {
  background-position: -172px 0;
}

.productlist .item:hover .bjbtn,
.productlist .item.hover .bjbtn {
  display: block;
}

.caselist .list {
  width: 108%;
}

.caselist .item {
  width: 282px;
  float: left;
  margin-right: 22px;
  margin-bottom: 22px;
}

.caselist .item a {
  display: block;
}

.caselist .item .img {
  width: 282px;
  height: 211px;
  display: block;
  overflow: hidden;
  position: relative;
}

.caselist .item .img img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.caselist .item .txt {
  text-align: center;
  height: 190px;
  background: #fff;
}

.caselist .item .txt h3 {
  font-size: 19px;
  color: #333;
  padding-top: 20px;
}

.caselist .item .txt .time {
  color: #acacac;
  padding: 10px 0 15px;
  display: block;
}

.caselist .item .txt .bt {
  width: 190px;
  height: 46px;
  line-height: 40px;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  border: 3px solid #0ca267;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.caselist .item .txt .bt em {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
  background-position: -272px -100px;
}

.caselist .item:hover img {
  transform: scale(1.06, 1.06);
}

.caselist .item:hover .txt {
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
  color: #fff;
}

.caselist .item:hover .txt h3 {
  color: #fff;
}

.caselist .item:hover .txt .time {
  color: #fff;
}

.caselist .item:hover .txt .bt {
  border: 3px solid #fff;
}

.caselist .item:hover .txt .bt em {
  background-position: -293px -100px;
}

.recase .item {
  width: 380px;
  margin-right: 30px;
  margin-bottom: 30px;
}

.recase .item .img {
  width: 380px;
  height: 285px;
}

.recase .item .txt {
  background: #f4f5f7;
  height: 80px;
  line-height: 80px;
  padding: 0 28px;
  text-align: left;
}

.recase .item .txt h3 {
  font-size: 18px;
  padding-top: 0;
}

.recase .item .txt em {
  width: 28px;
  height: 28px;
  display: inline-block;
  background-position: -304px -118px;
  vertical-align: middle;
  margin-top: 30px;
}

.recase .item:hover .txt {
  background: url(../images/newsonebg.jpg) repeat-y center top;
  color: #fff;
}

.recase .item:hover .txt em {
  background-position: -272px -118px;
}

.teamlist {
  position: relative;
}

.teamlist .bd {
  overflow: hidden;
}

.teamlist .bd .list {
  width: 108%;
}

.teamlist .item {
  float: left;
  width: 225px;
  height: 464px;
  margin-right: 18px;
  margin-bottom: 20px;
  display: block;
  background: #fff;
  position: relative;
  text-align: center;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.teamlist .item a {
  display: block;
}

.teamlist .item .bigimg {
  width: 100%;
  height: 100%;
  display: block;
}

.teamlist .item .pic {
  width: 225px;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.teamlist .item .pic .ewm {
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  background: url(../images/black75.png) repeat left top;
  padding-top: 35%;
}

.teamlist .item .pic .ewm img {
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  display: block;
  border: 1px solid #ddd;
  margin: 0 auto;
}

.teamlist .item .pic p {
  line-height: 20px;
  color: #fff;
  padding-top: 5px;
}

.teamlist .item .txt {
  border: 1px solid #ddd;
  border-top: 0 none;
  padding: 20px 20px 20px;
  text-align: center;
}

.teamlist .item .txt .tit {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 5px;
}

.teamlist .item .txt .baojia {
  width: 112px;
  height: 42px;
  display: block;
  margin: 0 auto;
  line-height: 42px;
  background: #0ca267;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.textlist .item {
  margin-bottom: 20px;
  transition: all 0.2s linear 0s;
}

.textlist .item a {
  display: block;
  padding: 10px;
}

.textlist .item h3 {
  font-size: 22px;
  color: #0ca267;
  font-weight: bold;
  border-bottom: 1px solid #dedede;
  width: 588px;
  padding-bottom: 18px;
}

.textlist .item p {
  font-size: 14px;
  line-height: 20px;
  color: #999;
  padding-top: 15px;
}

.textlist .item .time {
  display: block;
  width: 85px;
  height: 74px;
  border: 5px solid #ccc;
  line-height: 20px;
  margin-left: 15px;
  color: #888;
  text-align: center;
}

.textlist .item .time b {
  color: #888;
  display: block;
  font-size: 30px;
  line-height: 48px;
  font-weight: bold;
}

.textlist .item:hover {
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}

.textlist .item:hover h3 {
  border-bottom: 1px solid #0ca267;
}

.links_main {
  width: 100%;
}

.links_main .links {
  padding: 20px 0;
  box-sizing: border-box;
  border: 10px solid #f0f0f0;
  border-bottom: 0 none;
}

.links_main .links .tit {
  width: 140px;
  height: 68px;
  background: url(../images/links_tit.jpg) no-repeat;
  display: block;
  float: left;
}

.links_main .links .cont {
  width: 1000px;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  margin-right: 20px;
}

.links_main .links .cont a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding-right: 36px;
}

.noinfor {
  text-align: center;
}

.noinfor img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/***********index css end***********/
.toolbar {
  width: 50px;
  position: fixed;
  right: 5px;
  top: 32%;
  z-index: 999;
}

.toolbar dd {
  width: 50px;
  height: 50px;
  margin-bottom: 1px;
  position: relative;
  background: #7f7f7f;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.toolbar dd i {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  text-align: center;
}

.toolbar dd i span {
  width: 35px;
  height: 44px;
  display: block;
  margin: 7px 0 0 7px;
  *margin: 7px 0 0 0;
  background: url(../images/rightFixIcon.png) no-repeat 0 0;
}

.toolbar dd.gottop {
  display: none;
}

.toolbar .pop {
  position: absolute;
  right: 90px;
  top: -65px;
  background: #0ca267;
  display: none;
}

.toolbar .pop-code {
  width: 120px;
  padding: 20px 20px 0;
}

.toolbar .pop-code img {
  width: 120px;
  height: 120px;
  display: block;
}

.toolbar .pop-code h3 {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #f2e8e1;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}

.toolbar .slide-tel {
  width: 240px;
  color: #fff;
  top: 0;
  padding-left: 20px;
  padding-bottom: 10px;
}

.toolbar .slide-tel li {
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  font-family: arial;
}

.toolbar .slide-tel li span {
  width: 35px;
  height: 44px;
  background: url(../images/rightFixIcon.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
}

.toolbar .qq span {
  background-position: 0 -47px;
}

.toolbar .qq a {
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: block;
}

.toolbar .qq:hover {
  background: url(../images/xf_bga.png);
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.toolbar .qq:hover span {
  background-position: 0 -47px;
}

.toolbar .tel {
  width: 50px;
  height: 50px;
  display: block;
}

.toolbar .tel span {
  background-position: 0 0;
}

.toolbar .tel:hover {
  background: url(../images/xf_bga.png);
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.toolbar .tel:hover span {
  background-position: 0 0;
}

.toolbar .code span {
  background-position: 0 -95px;
}

.toolbar .code:hover {
  background: url(../images/xf_bga.png);
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.toolbar .code:hover span {
  background-position: 0 -95px;
}

.toolbar .top span {
  background-position: 0 -142px;
}

.toolbar .top:hover {
  background: url(../images/xf_bga.png);
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.toolbar .top:hover span {
  background-position: 0 -142px;
}

/**********alone css end**********/
/**内页样式**/
.nybanner {
  width: 100%;
  position: relative;
  height: 220px;
  z-index: 1;
}

.menu_main {
  width: 100%;
  border-bottom: 1px solid #eaeaea;
  height: 80px;
  position: relative;
  z-index: 3;
}

.menu_main .w1200 {
  height: 80px;
}

.menu_main .ntitle {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 130px;
  height: 100px;
  background: url(../images/ntitle_bg.jpg) repeat-y left top;
  color: #fff;
  text-align: center;
}

.menu_main .ntitle .en {
  background: url(../images/tit_line.png) no-repeat center 35px;
  padding-top: 20px;
  font-size: 30px;
  font-weight: bold;
  color: #a6cdb4;
  text-transform: uppercase;
}

.menu_main .ntitle h3 {
  font-size: 16px;
  font-weight: bold;
}

.menu_main .btn {
  width: 222px;
  height: 45px;
  line-height: 45px;
  margin-top: 20px;
  display: block;
  background: #ffdc6c;
  color: #333;
  text-align: center;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 16px;
}

.menu_main .btn:hover {
  background: #0ca267;
  color: #fff;
}

.menu_main .menu {
  padding: 20px 0;
}

.menu_main .menu li {
  padding: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  color: #333;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.menu_main .menu li a {
  display: block;
  position: relative;
  padding: 0 10px;
}

.menu_main .menu li .box {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 130px;
  display: none;
}

.menu_main .menu li .box dl {
  position: relative;
}

.menu_main .menu li .box dd {
  display: inline-block;
  text-align: center;
  position: relative;
}

.menu_main .menu li .box dd .a1 {
  display: block;
  height: 38px;
  line-height: 38px;
  width: 118px;
  border: 0 none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.menu_main .menu li .box dd s {
  width: 3px;
  height: 22px;
  display: none;
  background: url(../images/dian_line.png) no-repeat;
  margin: 10px auto 0;
}

.menu_main .menu li .box dd.hover .a1 {
  border: 0 none;
}

.menu_main .menu li .box dd.hover s {
  display: block;
}

.menu_main .menu li .box dd:hover a {
  background: #0ca267;
  color: #fff;
}

.menu_main .menu li .box dd:hover s {
  display: block;
}

.menu_main .menu li.hover a {
  background: url(../images/ntitle_bg.jpg) repeat-y center top;
  color: #fff;
}

.menu_main .menu li.hover .box {
  display: block;
}

.menu_main .menu li.hover .box dd .a1 {
  background: none;
}

.menu_main .menu li.hover .box dd.hover a {
  background: #0ca267;
  color: #fff;
}

.menu_main .menu li.hover .box dd.hover s {
  display: block;
}

.menu_main .menu li.hover .box dd:hover a {
  background: #0ca267;
  color: #fff;
}

.menu_main .menu li.hover .box dd:hover s {
  display: block;
}

.wrapper {
  padding: 20px 0;
}

.wrapper .title {
  width: 915px;
  margin: 0 auto;
  border-bottom: 1px solid #ededed;
  text-align: center;
  position: relative;
  padding-bottom: 30px;
}

.wrapper .title h1 {
  font-size: 30px;
}

.wrapper .title s {
  position: absolute;
  width: 14px;
  height: 14px;
  display: block;
  background: #0ca267;
  left: 50%;
  margin-left: -7px;
  bottom: -7px;
}

.wrapper .title .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 222px;
  height: 45px;
  line-height: 45px;
  display: block;
  background: #ffdc6c;
  color: #333;
  text-align: center;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 16px;
}

.wrapper .title .btn:hover {
  background: #0ca267;
  color: #fff;
}

.wrapper .floor {
  background: #f7f7f7;
  padding-top: 20px;
  padding-bottom: 40px;
}

.wrapper .sitepath {
  padding-bottom: 20px;
}

.wrapper .sitepath a {
  display: inline-block;
}

.wrapper .sitepath .ihome {
  vertical-align: middle;
  padding-right: 5px;
}

.wrapper .sitepath .ihome em {
  width: 20px;
  height: 16px;
  background-position: -160px -64px;
  display: block;
}

.wrapper .sitepath span {
  color: #0ca267;
}

.wrapper .mark {
  text-align: center;
  padding-top: 20px;
}

.wrapper .single {
  padding-top: 40px;
}

.wrapper .single .info {
  padding: 32px 58px;
}

.wrapper .single .info img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}

.wrapper .productlist {
  overflow: hidden;
}

.wrapper .title2 {
  width: 100%;
  border-bottom: 1px solid #ececec;
  line-height: 38px;
  position: relative;
  margin-bottom: 40px;
  padding-top: 40px;
}

.wrapper .title2 h3 {
  font-size: 24px;
  font-weight: bold;
  color: #0ca267;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-right: 5px;
  position: relative;
}

.wrapper .title2 s {
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -6px;
  background: #0ca267;
}

.wrapper .title2 i {
  color: #333;
  display: inline-block;
  text-transform: uppercase;
  font-size: 18px;
}

.wrapper .title2 .btn {
  width: 138px;
  height: 34px;
  line-height: 34px;
  display: block;
  background: #ffdc6c;
  color: #bb4424;
  font-size: 12px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
}

.wrapper .title2 .btn:hover {
  background: #0ca267;
  color: #fff;
}

.wrapper .showkong {
  height: 118px;
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
  display: block;
  margin-bottom: 30px;
}

.wrapper .showkong.noborder {
  border-bottom: 0 none;
  height: 80px;
}

.wrapper .hover .showkong {
  display: block;
}

.Solutionspage {
  padding: 0;
}

.Solutionspage .floor_1_main {
  width: 100%;
  background: url(../images/fan_bg1.jpg) no-repeat center top #f4f6f6;
}

.Solutionspage .floor_1_main .showsolu {
  padding: 40px 0;
}

.Solutionspage .floor_1_main .showsolu .info {
  padding: 32px 58px;
}

.Solutionspage .floor_1_main .showsolu .info img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}

.Solutionspage .Solutions {
  overflow: hidden;
  padding: 75px 0;
}

.Solutionspage .Solutions .list {
  width: 108%;
}

.Solutionspage .Solutions li {
  width: 228px;
  height: 186px;
  background: #fff;
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
  text-align: center;
}

.Solutionspage .Solutions li a {
  display: block;
  padding: 48px 30px;
}

.Solutionspage .Solutions li .tb {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto;
  background: url(../images/f_ico3.png) no-repeat;
}

.Solutionspage .Solutions li h3 {
  font-weight: normal;
  font-size: 16px;
  color: #666;
  padding-top: 10px;
}

.Solutionspage .Solutions li i {
  color: #c4c4c4;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  font-weight: normal;
}

.Solutionspage .Solutions li.it2 .tb {
  background-position: -64px 0;
}

.Solutionspage .Solutions li.it3 .tb {
  background-position: -128px 0;
}

.Solutionspage .Solutions li.it4 .tb {
  background-position: -192px 0;
}

.Solutionspage .Solutions li.it5 .tb {
  background-position: -256px 0;
}

.Solutionspage .Solutions li.it6 .tb {
  background-position: -320px 0;
}

.Solutionspage .Solutions li.it7 .tb {
  background-position: -384px 0;
}

.Solutionspage .Solutions li.it8 .tb {
  background-position: -448px 0;
}

.Solutionspage .Solutions li.it9 .tb {
  background-position: -512px 0;
}

.Solutionspage .Solutions li.it10 .tb {
  background-position: -576px 0;
}

.Solutionspage .Solutions li:hover {
  background: #0ca267;
}

.Solutionspage .Solutions li:hover h3,
.Solutionspage .Solutions li:hover i {
  color: #fff;
}

.Solutionspage .Solutions li:hover .tb {
  background-position: 0 -72px;
}

.Solutionspage .Solutions li:hover.it2 .tb {
  background-position: -64px -72px;
}

.Solutionspage .Solutions li:hover.it3 .tb {
  background-position: -128px -72px;
}

.Solutionspage .Solutions li:hover.it4 .tb {
  background-position: -192px -72px;
}

.Solutionspage .Solutions li:hover.it5 .tb {
  background-position: -256px -72px;
}

.Solutionspage .Solutions li:hover.it6 .tb {
  background-position: -320px -72px;
}

.Solutionspage .Solutions li:hover.it7 .tb {
  background-position: -384px -72px;
}

.Solutionspage .Solutions li:hover.it8 .tb {
  background-position: -448px -72px;
}

.Solutionspage .Solutions li:hover.it9 .tb {
  background-position: -512px -72px;
}

.Solutionspage .Solutions li:hover.it10 .tb {
  background-position: -576px -72px;
}

.Solutionspage .floor_2 {
  padding: 38px 0;
}

.Solutionspage .floor_2_mainxin {
  background: url(../images/fa2.jpg) no-repeat center top #fff;
}

.Solutionspage .floor_2_mainxin .top {
  padding-top: 50px;
  text-align: center;
  color: #fff;
}

.Solutionspage .floor_2_mainxin .top h3 {
  font-size: 28px;
}

.Solutionspage .floor_2_mainxin .top p {
  font-size: 18px;
}

.Solutionspage .floor_2_mainxin .floor_2 {
  padding: 0;
}

.Solutionspage .taidu {
  padding-top: 30px;
  position: relative;
}

.Solutionspage .taidu .list {
  width: 102%;
}

.Solutionspage .taidu .item {
  width: 594px;
  height: 238px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.Solutionspage .taidu .item .tit {
  padding: 42px 42px 0;
  height: 100px;
  overflow: hidden;
}

.Solutionspage .taidu .item .tit img {
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  margin-right: 25px;
}

.Solutionspage .taidu .item .tit h3 {
  font-size: 22px;
  font-weight: bold;
  color: #0ca267;
  padding-bottom: 10px;
}

.Solutionspage .taidu .item .tit span {
  font-size: 18px;
}

.Solutionspage .taidu .item .tit s {
  width: 30px;
  height: 2px;
  display: block;
  background: #0ca267;
  display: none;
}

.Solutionspage .taidu .item p {
  color: #666;
  height: 80px;
  overflow: hidden;
  padding: 0 42px;
  line-height: 20px;
}

.showfangan {
  padding-top: 0;
  background: #f7f7f7;
}

.showfangan .sitepath {
  padding-top: 20px;
}

.showfangan .finfo {
  padding: 40px 0;
}

.showfangan .finfo img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}

.showfangan .floor_2_1 {
  width: 100%;
  background: #f7f7f7;
  height: 122px;
}

.showfangan .floor_2_1 .w1200 {
  padding-top: 62px;
  position: relative;
  background: url(../images/fa2_1.jpg) no-repeat right bottom;
}

.showfangan .floor_2_1 h3 {
  cursor: pointer;
  width: 286px;
  height: 60px;
  line-height: 60px;
  display: block;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  background: #b8bec2;
  color: #fff;
  font-size: 16px;
  margin-right: 1px;
}

.showfangan .floor_2_1 h3 em {
  width: 18px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  background-position: -72px -336px;
}

.showfangan .floor_2_1 h3.h2 em {
  background-position: -96px -336px;
}

.showfangan .floor_2_1 h3.h3 em {
  background-position: -120px -336px;
}

.showfangan .floor_2_1 h3.hover {
  background: url(../images/detai_tit.jpg) no-repeat center;
}

.showfangan .floor_2_2 {
  background: #fff;
  padding-bottom: 20px;
}

.showfangan .floor_2_2 .cont {
  color: #888;
  padding: 60px 0;
  display: none;
}

.showfangan .floor_2_2 .cont:first-child {
  display: block;
}

.showfangan .floor_2_2 .cont img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}

.listproduct,
.listCase {
  background: #f7f7f7;
  padding-top: 40px;
}

.listproduct {
  padding-bottom: 40px;
}

.listproduct .productlist {
  padding-top: 40px;
}

.baojiabox {
  padding: 0;
  margin-bottom: 34px;
  box-shadow: 0 1px 20px #e2e2e2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}

.baojiabox .img {
  width: 840px;
  height: 260px;
  position: relative;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.baojiabox .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.baojiabox .img .txt {
  position: absolute;
  left: 38px;
  top: 70px;
  width: 600px;
  padding-left: 130px;
}

.baojiabox .img .txt p {
  color: #0ca267;
  font-size: 24px;
}

.baojiabox .img .txt strong {
  font-size: 34px;
  line-height: 34px;
  padding: 5px 0;
  display: block;
}

.baojiabox .img .txt b {
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
  color: #0ca267;
  vertical-align: middle;
  padding-right: 5px;
  font-family: "AVGARDD";
  display: block;
}

.baojiabox .img .txt .shus {
  width: 116px;
  height: 112px;
  background: url(../images/10s.png) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.baojiabox .baojia {
  width: 360px;
  position: relative;
  padding-top: 10px;
}

.baojiabox .baojia p {
  font-size: 18px;
  text-align: center;
  padding: 10px 0;
}

.baojiabox .baojia p b {
  color: #0ca267;
}

.baojiabox .baojia .item {
  width: 300px;
  margin: 0 auto 16px;
}

.baojiabox .baojia .item .txt {
  border-radius: 5px;
  width: 300px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #e5e5e5;
  background: none;
  display: block;
  text-indent: 10px;
  outline: none;
}

.baojiabox .baojia .btn {
  width: 300px;
  height: 48px;
  margin: 0 auto;
}

.baojiabox .baojia .btn input {
  width: 100%;
  height: 48px;
  line-height: 48px;
  display: block;
  border: 0 none;
  background: url(../images/0btn.jpg) no-repeat;
  color: #fff;
  font-size: 20px;
  outline: none;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}

.baojiabox .baojia .btn input:hover {
  color: #ffdc6c;
}

/*case-filter*/
.filterbox {
  padding-top: 26px;
  border-top: 1px solid #ddd;
  background: #fff;
}

.filter {
  height: 98px;
}

.filter .menuli {
  width: 158px;
  height: 98px;
  display: block;
  float: left;
  text-align: center;
  position: relative;
  margin-left: 15px;
}

.filter .menuli a {
  display: block;
  color: #999;
}

.filter .menuli:first-child {
  margin-left: 0;
}

.filter .menuli .tb {
  width: 64px;
  height: 48px;
  display: block;
  margin: 0 auto;
  background: url(../images/pro_ico.png) no-repeat;
}

.filter .menuli s {
  width: 100%;
  height: 3px;
  margin: 0 auto;
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
}

.filter .menuli.it1 .tb {
  background-position: 0 0;
}

.filter .menuli.it2 .tb {
  background-position: -64px 0;
}

.filter .menuli.it3 .tb {
  background-position: -128px 0;
}

.filter .menuli.it4 .tb {
  background-position: -192px 0;
}

.filter .menuli.it5 .tb {
  background-position: -256px 0;
}

.filter .menuli.it6 .tb {
  background-position: -320px 0;
}

.filter .menuli.it7 .tb {
  background-position: -384px 0;
}

.filter .menuli.hover s,
.filter .menuli:hover s {
  display: block;
}

.filter .menuli.hover a,
.filter .menuli:hover a {
  color: #333;
}

.filter .menuli.hover.it1 .tb,
.filter .menuli:hover.it1 .tb {
  background-position: 0 -48px;
}

.filter .menuli.hover.it2 .tb,
.filter .menuli:hover.it2 .tb {
  background-position: -64px -48px;
}

.filter .menuli.hover.it3 .tb,
.filter .menuli:hover.it3 .tb {
  background-position: -128px -48px;
}

.filter .menuli.hover.it4 .tb,
.filter .menuli:hover.it4 .tb {
  background-position: -192px -48px;
}

.filter .menuli.hover.it5 .tb,
.filter .menuli:hover.it5 .tb {
  background-position: -256px -48px;
}

.filter .menuli.hover.it6 .tb,
.filter .menuli:hover.it6 .tb {
  background-position: -320px -48px;
}

.filter .menuli.hover.it7 .tb,
.filter .menuli:hover.it7 .tb {
  background-position: -384px -48px;
}

.filter2 {
  background: #f7f7f7;
  border-bottom: 1px solid #d5d5d5;
  height: 83px;
}

.filter2 .box {
  text-align: center;
  position: relative;
  padding-top: 16px;
}

.filter2 .menuli {
  display: inline-block;
  text-align: center;
  position: relative;
}

.filter2 .menuli a {
  display: block;
  line-height: 38px;
  width: 166px;
  height: 70px;
}

.filter2 .menuli.hover a {
  background: url(../images/dian_line1.png) no-repeat;
  color: #fff;
}

.showCase {
  padding: 0;
}

.showCase .floor_1_main {
  background: #f7f7f7;
  padding: 50px 0;
}

.showCase .info {
  padding: 32px 58px;
  width: 915px;
  margin: 0 auto;
}

.showCase .info img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}

.showproduct {
  padding-bottom: 0;
}

.showproduct .floor_1 {
  overflow: hidden;
}

.showproduct .slider_box {
  width: 100%;
  margin: 0 auto;
  height: 450px;
  overflow: hidden;
  position: relative;
}

.showproduct .slider_box .btn {
  display: block;
  width: 32px;
  height: 90px;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
  margin: 0;
  bottom: 0;
  z-index: 6;
}

.showproduct .slider_box .btn.prev {
  left: 0;
  background-position: 0 -244px;
}

.showproduct .slider_box .btn.prev:hover {
  background-position: -36px -244px;
}

.showproduct .slider_box .btn.next {
  right: 0;
  background-position: -74px -244px;
}

.showproduct .slider_box .btn.next:hover {
  background-position: -110px -244px;
}

.showproduct .slider_box .picBox {
  width: 600px;
  height: 450px;
  position: relative;
  overflow: hidden;
  border: 1px solid #ececec;
  box-sizing: border-box;
}

.showproduct .slider_box .picBox ul {
  height: 450px;
  position: absolute;
  left: 0;
}

.showproduct .slider_box .picBox li {
  float: left;
  width: 600px;
  height: 450px;
  display: block;
}

.showproduct .slider_box .picBox li a {
  display: block;
}

.showproduct .slider_box .picBox li img {
  width: 600px;
  height: 450px;
  display: block;
}

.showproduct .slider_box .baseInfo {
  width: 576px;
  position: relative;
}

.showproduct .slider_box .baseInfo h1.t {
  border-bottom: 1px solid #ececec;
  height: 50px;
  line-height: 50px;
  display: block;
  color: #0ca267;
  font-size: 28px;
  font-weight: bold;
  padding: 0 10px;
}

.showproduct .slider_box .baseInfo .tit {
  font-size: 20px;
  font-weight: bold;
  display: block;
}

.showproduct .slider_box .baseInfo .ms {
  padding: 20px 0;
  border-bottom: 1px dashed #ececec;
  color: #888;
}

.showproduct .slider_box .baseInfo .webtel {
  width: 260px;
}

.showproduct .slider_box .baseInfo .webtel p {
  font-size: 30px;
  font-weight: bold;
  color: #0ca267;
  line-height: 30px;
}

.showproduct .slider_box .baseInfo .desc {
  padding-left: 10px;
  padding-top: 20px;
}

.showproduct .slider_box .baseInfo .desc .cont {
  height: 90px;
  overflow: hidden;
}

.showproduct .slider_box .baseInfo .desc .cont b {
  color: #888;
}

.showproduct .slider_box .baseInfo .desc .btnbox {
  padding: 20px 0;
}

.showproduct .slider_box .baseInfo .desc .btnbox a {
  width: 188px;
  height: 56px;
  line-height: 56px;
  display: inline-block;
  text-align: center;
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
}

.showproduct .slider_box .baseInfo .desc .btnbox a em {
  width: 26px;
  height: 26px;
  display: inline-block;
  background-position: -184px -62px;
}

.showproduct .slider_box .baseInfo .desc .btnbox a.yuyue {
  background: #ffdc6c;
  color: #bb4424;
}

.showproduct .slider_box .baseInfo .desc .btnbox a.yuyue em {
  background-position: -262px -62px;
}

.showproduct .slider_box .baseInfo .desc .btnbox a.yuyue:hover {
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
  color: #fff;
}

.showproduct .slider_box .baseInfo .desc .btnbox a.yuyue:hover em {
  background-position: -235px -62px;
}

.showproduct .slider_box .baseInfo .desc .btnbox a:hover {
  background: #ffdc6c;
  color: #bb4424;
}

.showproduct .slider_box .baseInfo .desc .btnbox a:hover em {
  background-position: -208px -62px;
}

.showproduct .slider_box .listBox {
  margin-left: 40px;
  width: 585px;
  height: 90px;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.showproduct .slider_box .listBox ul {
  height: 90px;
  position: absolute;
}

.showproduct .slider_box .listBox li {
  width: 128px;
  height: 90px;
  cursor: pointer;
  position: relative;
  float: left;
}

.showproduct .slider_box .listBox li a {
  width: 120px;
  height: 90px;
}

.showproduct .slider_box .listBox li img {
  width: 120px;
  height: 90px;
  box-sizing: border-box;
  border: 3px solid #dfdfdf;
  display: block;
}

.showproduct .slider_box .listBox li.on img {
  border: 3px solid #0ca267;
}

.showproduct .detaiInfo {
  width: 100%;
  background: #f7f7f7;
  margin-top: 40px;
  padding-bottom: 20px;
}

.showproduct .detaiInfo .floor_2_1 {
  width: 100%;
  background: #fff;
  height: 62px;
}

.showproduct .detaiInfo .floor_2_1 h3 {
  cursor: pointer;
  width: 286px;
  height: 60px;
  line-height: 60px;
  display: block;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  background: #b8bec2;
  color: #fff;
  font-size: 16px;
  margin-right: 1px;
}

.showproduct .detaiInfo .floor_2_1 h3 em {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-right: 5px;
  background-position: -292px -62px;
}

.showproduct .detaiInfo .floor_2_1 h3.h2 em {
  background-position: -324px -62px;
}

.showproduct .detaiInfo .floor_2_1 h3.h3 em {
  background-position: -356px -62px;
}

.showproduct .detaiInfo .floor_2_1 h3.hover {
  background: url(../images/detai_tit.jpg) no-repeat center;
}

.showproduct .detaiInfo .floor_2_2 .cont {
  color: #888;
  padding: 60px 0;
  display: none;
}

.showproduct .detaiInfo .floor_2_2 .cont:first-child {
  display: block;
}

.showproduct .detaiInfo .floor_2_2 .cont img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}

.showproduct .floor_3_main {
  padding-bottom: 20px;
}

.showproduct .floor_4_main {
  background: #f7f7f7;
}

.showproduct .shjsinfo {
  border-bottom: 1px dashed #dadada;
  padding-bottom: 28px;
  position: relative;
}

.showproduct .shjsinfo .touximg {
  width: 225px;
  height: 300px;
  display: block;
  margin-right: 28px;
}

.showproduct .shjsinfo .txt {
  width: 708px;
  height: 300px;
}

.showproduct .shjsinfo .txt h3 {
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
}

.showproduct .shjsinfo .txt h4 {
  font-size: 16px;
  display: block;
}

.showproduct .shjsinfo .txt .jy {
  font-size: 18px;
  color: #666;
  padding: 10px 0 20px;
}

.showproduct .shjsinfo .txt .jy b {
  color: #0ca267;
  font-weight: normal;
}

.showproduct .shjsinfo .txt .cont {
  height: 85px;
  overflow: hidden;
  color: #888;
  margin-bottom: 25px;
}

.showproduct .shjsinfo .txt .cont b {
  font-weight: bold;
  color: #333;
}

.showproduct .shjsinfo .txt .yuyue {
  width: 216px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  background: #ffdc6c;
  color: #bb4424;
  font-size: 18px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.showproduct .shjsinfo .txt .yuyue em {
  width: 12px;
  height: 23px;
  display: inline-block;
  margin-right: 6px;
  background-position: -356px 0;
  vertical-align: middle;
}

.showproduct .shjsinfo .txt .yuyue:hover {
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
  color: #fff;
}

.showproduct .shjsinfo .txt .yuyue:hover em {
  background-position: -356px -24px;
}

.showproduct .shjsinfo .ewm {
  width: 146px;
  text-align: center;
  line-height: 20px;
}

.showproduct .shjsinfo .ewm img {
  width: 136px;
  height: 136px;
  display: block;
  margin: 0 auto;
  border: 3px solid #cdcdcd;
}

.honorpage {
  background: #f7f7f7;
  padding-top: 40px;
}

.aboutpage {
  padding-bottom: 0;
}

.aboutpage .info {
  padding: 32px 0;
}

.aboutpage .info img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}

.aboutpage .shuju {
  text-align: center;
}

.aboutpage .shuju .item {
  width: 238px;
  height: 90px;
  border-left: 1px dashed #ccc;
  float: left;
}

.aboutpage .shuju .item:first-child {
  border-left: 0 none;
}

.aboutpage .shuju .item .timer {
  font-size: 40px;
  font-weight: bold;
  color: #0ca267;
  line-height: 40px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.aboutpage .shuju .item b {
  display: inline-block;
  color: #0ca267;
  font-size: 36px;
}

.aboutpage .shuju .item p {
  font-size: 24px;
}

.aboutpage .floor_2_main {
  background: #f7f7f7;
}

.aboutpage .Factory {
  position: relative;
}

.aboutpage .Factory .bd {
  overflow: hidden;
  position: relative;
}

.aboutpage .Factory .list {
  width: 108%;
}

.aboutpage .Factory .item {
  width: 287px;
  float: left;
  text-align: center;
  margin-right: 18px;
  margin-bottom: 20px;
}

.aboutpage .Factory .item a {
  display: block;
  width: 287px;
  height: 216px;
  overflow: hidden;
}

.aboutpage .Factory .item img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.aboutpage .Factory .item h3 {
  padding-top: 20px;
  font-size: 18px;
}

.aboutpage .Factory .item:hover img {
  transform: scale(1.06, 1.06);
}

.aboutpage .Factory .btn {
  width: 62px;
  height: 73px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -37px;
  cursor: pointer;
}

.aboutpage .Factory .prev {
  background-position: -136px -100px;
  left: -10%;
}

.aboutpage .Factory .prev:hover {
  background-position: 0 -100px;
}

.aboutpage .Factory .next {
  background-position: -204px -100px;
  right: -10%;
}

.aboutpage .Factory .next:hover {
  background-position: -70px -100px;
}

.aboutpage .floor_4_main {
  background: #f5f5f5;
  padding-bottom: 25px;
}

.aboutpage .floor_4_main .item {
  margin-bottom: 38px;
  width: 100%;
}

.aboutpage .floor_4_main .item .img {
  width: 576px;
  height: 188px;
  position: relative;
  overflow: hidden;
}

.aboutpage .floor_4_main .item .img img {
  width: 100%;
  display: block;
  height: 100%;
}

.aboutpage .floor_4_main .item .img .line {
  width: 520px;
  height: 150px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -260px;
  top: 50%;
  margin-top: -75px;
  border: 1px solid #fff;
}

.aboutpage .floor_4_main .item .txt {
  width: 624px;
  border-bottom: 1px solid #ddd;
  height: 138px;
  padding-top: 50px;
}

.aboutpage .floor_4_main .item .txt .yuan {
  margin-right: 20px;
  width: 90px;
  height: 90px;
  display: block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  line-height: 90px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: #0ca267;
}

.aboutpage .floor_4_main .item .txt p {
  padding: 20px;
}

.aboutpage .floor_4_main .item.it2 .txt .yuan {
  background: #ffdc6c;
  color: #333;
  margin-right: 0;
}

.thumblist1 {
  overflow: hidden;
  position: relative;
  margin-top: 50px;
}

.thumblist1 .list {
  width: 108%;
  padding-bottom: 0 !important;
}

.thumblist1 .item1 {
  width: 590px;
  margin-right: 20px;
  float: left;
}

.thumblist1 .item1 a {
  display: block;
}

.thumblist1 .item1 .img {
  width: 590px;
  height: 300px;
  overflow: hidden;
}

.thumblist1 .item1 .img img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.thumblist1 .item1 .txt {
  padding: 24px 30px;
  position: relative;
}

.thumblist1 .item1 .txt .time {
  color: #333;
  position: absolute;
  left: 30px;
  top: 24px;
  width: 70px;
  height: 64px;
  border-right: 1px solid #d6d6d6;
  display: block;
  text-align: center;
  padding: 10px 0;
}

.thumblist1 .item1 .txt .time b {
  font-size: 48px;
  line-height: 48px;
  display: block;
  font-weight: normal;
}

.thumblist1 .item1 .txt h3 {
  padding-left: 82px;
  font-size: 18px;
}

.thumblist1 .item1 .txt p {
  color: #aaa;
  line-height: 24px;
  padding-left: 82px;
  padding-top: 10px;
}

.thumblist1 .item1 .txt .jt {
  margin-top: 30px;
  width: 150px;
  height: 24px;
  border: 1px solid #e5e5e5;
  text-align: center;
  display: block;
  padding-top: 16px;
}

.thumblist1 .item1 .txt .jt i {
  width: 46px;
  height: 8px;
  background-position: -226px -170px;
  display: block;
  margin: 0 auto;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.thumblist1 .item1:hover img {
  transform: scale(1.06, 1.06);
}

.thumblist1 .item1:hover .txt .jt {
  border: 1px solid #0ca267;
  background: #0ca267;
  color: #fff;
}

.thumblist1 .item1:hover .txt .jt i {
  background-position: -160px -170px;
}

.thumblist1 .prev,
.thumblist1 .next {
  width: 30px;
  height: 60px;
  display: block;
  position: absolute;
  top: 26%;
  cursor: pointer;
}

.thumblist1 .prev {
  background-position: 0 -170px;
  left: 0;
}

.thumblist1 .prev:hover {
  background-position: -35px -170px;
}

.thumblist1 .next {
  background-position: -70px -170px;
  right: 0;
}

.thumblist1 .next:hover {
  background-position: -106px -170px;
}

.newsPage .list {
  padding-bottom: 30px;
}

.newsPage .newslist {
  padding: 0 0 50px;
}

.newsPage .item {
  height: 240px;
  transition: all .5s;
  border-bottom: 1px solid #f2f2f2;
  display: block;
  position: relative;
}

.newsPage .item a {
  width: 100%;
  display: block;
  padding: 26px 0;
}

.newsPage .item:first-child a {
  padding-top: 0;
}

.newsPage .item .img {
  width: 300px;
  padding-top: 200px;
  display: block;
  margin-right: 30px;
  position: relative;
  overflow: hidden;
}

.newsPage .item .img img {
  width: 100%;
  display: block;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.newsPage .item h3 {
  font-size: 24px;
  padding: 25px 0 20px 0;
  color: #0ca267;
  padding-right: 120px;
}

.newsPage .item .desc {
  color: #454545;
  line-height: 24px;
  height: 68px;
  padding-right: 120px;
  overflow: hidden;
  word-break: break-all;
}

.newsPage .item .liu {
  display: block;
  color: #454545;
  font-size: 14px;
}

.newsPage .item .time {
  display: block;
  width: 85px;
  height: 200px;
  line-height: 20px;
  margin-right: 15px;
  color: #333;
  text-align: center;
  margin-top: 20px;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  position: relative;
}

.newsPage .item .time b {
  display: block;
  font-size: 48px;
  line-height: 48px;
  font-weight: bold;
  color: #0ca267;
}

.newsPage .item .time s {
  width: 64px;
  height: 2px;
  display: none;
  position: absolute;
  left: -50px;
  top: 68px;
  background: #0ca267;
}

.newsPage .item .jt {
  width: 64px;
  height: 56px;
  position: absolute;
  right: 20px;
  top: 80px;
  display: block;
  background-position: -312px -186px;
}

.newsPage .item:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.newsPage .item:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.newsPage .item:hover h3 {
  color: #454545;
  font-weight: bold;
}

.newsPage .item:hover .time b {
  color: #454545;
}

.newsPage .item:hover .jt {
  background-position: -312px -248px;
}

#map {
  border: 3px solid #0ca267;
}

.contactPage {
  padding: 0 0 0;
}

.contactPage .bcontact {
  width: 100%;
  margin-top: 50px;
  padding-bottom: 50px;
}

.contactPage .bcontact li {
  width: 399px;
  float: left;
  padding: 20px 0;
  border-left: 1px solid #e5e5e5;
  text-align: center;
  height: 215px;
}

.contactPage .bcontact li s {
  width: 60px;
  height: 55px;
  display: block;
  margin: 0 auto;
  background: url(../images/contact-ico.png) no-repeat 0 center;
}

.contactPage .bcontact li h3 {
  font-size: 16px;
  padding: 6px 0 14px;
}

.contactPage .bcontact li p {
  padding: 0 15px;
}

.contactPage .bcontact li.a1 {
  border-left: 0px;
}

.contactPage .bcontact li.baddress s {
  background-position: -70px center;
}

.contactPage .bcontact li.btel s {
  background-position: -144px center;
}

.contactPage .bcontact li.email s {
  background-position: -232px center;
}

.contactPage .bcontact .a3 img {
  width: 130px;
  display: block;
  margin: 0 auto;
}

.contactPage .txtcon img {
  max-width: 100%;
}

.contactPage .t2 {
  margin-top: 54px;
  padding: 0;
  text-align: center;
  background: url(../images/contact_bg.jpg) no-repeat center top;
  height: 184px;
}

.contactPage .t2 .titb {
  font-size: 46px;
  margin-bottom: 16px;
  padding-top: 30px;
  color: #0ca267;
}

.contactPage .t2 .txt {
  font-size: 14px;
  line-height: 24px;
}

.contactPage .t2 .txt span {
  font-weight: bold;
  color: #0ca267;
}

.contactPage .mapArea {
  width: 100%;
  height: 400px;
  margin-top: 40px;
}

.contactPage .mapArea #allmap {
  width: 100%;
  height: 400px;
}

.contactPage .contactinfo {
  padding-top: 30px;
}

.contactPage .contactinfo h2 {
  text-align: center;
}

.formData {
  padding-bottom: 20px;
  position: relative;
  font-size: 12px;
  padding-top: 20px;
}

.formData .t {
  color: #929292;
  padding-bottom: 28px;
  text-align: center;
  font-size: 14px;
}

.formData .t span {
  display: inline-block;
  height: 60px;
  color: #0ca267;
  font-weight: bold;
}

.formData .item {
  float: left;
  color: #999;
  font-weight: normal;
  width: 374px;
  *width: 372px;
  height: 45px;
  border: 1px solid #e3e3e3;
  margin-right: 38px;
  margin-bottom: 20px;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
}

.formData .item .tit {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  display: block;
  margin: 0;
  height: 43px;
  line-height: 43px;
  width: 50px;
}

.formData .item input {
  outline: none;
  line-height: 43px;
  height: 43px;
}

.formData .item .txt {
  width: 300px;
  display: inline-block;
  background: none;
  padding-left: 56px;
  border: 0 none;
  color: #333;
}

.formData .item .red {
  position: absolute;
  right: 15px;
  top: 0;
  color: #ff0000;
  z-index: 11;
}

.formData .item.mr0 {
  margin-right: 0;
}

.formData .item.ys02 .tit {
  background-position: -145px -186px;
}

.formData .item.ys03 .tit {
  background-position: -200px -186px;
}

.formData .item.ys04 .tit {
  background-position: -256px -186px;
}

.formData .item.ys05 {
  width: 1200px;
  height: 158px;
}

.formData .item.ys05 .tit {
  background-position: -145px -244px;
}

.formData .item.ys05 textarea {
  width: 1178px;
  height: 154px;
  line-height: 28px;
  padding: 10px 10px;
  text-indent: 48px;
  font-size: 14px;
  font-family: "microsoft yahei";
  color: #333;
  border: 0 none;
  overflow: hidden;
  background: none;
  resize: none;
  display: block;
  outline: none;
}

.formData .item.ys06 .tit {
  background-position: -200px -244px;
}

.formData .btn {
  width: 445px;
}

.formData .btn a {
  width: 210px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  display: block;
  border: 1px solid #0ca267;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #0ca267;
  color: #fff;
}

.formData .btn a:hover {
  background: #ffdc6c;
  color: #bb4424;
  border: 1px solid #ffdc6c;
}

.formData .sub {
  width: 210px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  display: block;
  border: 1px solid #e3e3e3;
  cursor: pointer;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  box-sizing: border-box;
}

.formData .sub:hover {
  background: #0ca267;
  color: #fff;
}

.formData .yzm {
  width: 350px;
}

.formData .yzm .txt {
  width: 200px;
}

.formData .yzm img {
  position: absolute;
  right: 0;
  top: 5px;
  border: 0px;
  display: block;
}

.contactinfo h2 {
  font-size: 28px;
  color: #0ca267;
  font-weight: bold;
}

.contactinfo .cont {
  border-bottom: 1px dashed #dadada;
  padding: 18px 0;
}

.contactinfo .cont .item {
  width: 300px;
  padding-left: 100px;
  float: left;
}

.contactinfo .cont .item .tit {
  line-height: 24px;
  color: #0b0b0b;
  padding-bottom: 10px;
}

.contactinfo .cont .item .tit .f {
  display: inline-block;
  height: 44px;
  vertical-align: top;
}

.contactinfo .cont .item .tit .t {
  display: inline-block;
}

.contactinfo .cont .item .ewm {
  line-height: 24px;
  color: #0ca267;
  font-weight: bold;
}

.contactinfo .cont .item .ewm img {
  width: 136px;
  height: 136px;
  display: block;
  border: 4px solid #cbcbcb;
}

.contactinfo .cont .item .ewm span {
  padding-left: 10px;
  display: block;
}

.contactinfo .cont .item.it2,
.contactinfo .cont .item.it3 {
  padding-left: 70px;
  width: 320px;
  padding-right: 9px;
  border-left: 1px dashed #dadada;
}

.contactinfo .cont .item.it2 .tit,
.contactinfo .cont .item.it3 .tit {
  padding-left: 50px;
}

.contactinfo .cont .item .cot {
  padding-top: 10px;
  color: #0ca267;
  font-weight: bold;
  line-height: 50px;
}

.contactinfo .cont .item .cot em {
  width: 44px;
  height: 50px;
  background: url(../images/tb1.png) no-repeat;
  float: left;
  margin-right: 10px;
}

.contactinfo .cont .item .cot p {
  padding-bottom: 10px;
}

.contactinfo .cont .item .cot span {
  float: left;
  width: 260px;
  line-height: 24px;
}

.contactinfo .cont .item .cot .p1 {
  font-size: 22px;
}

.contactinfo .cont .item .cot .p1 em {
  background-position: 0 0;
}

.contactinfo .cont .item .cot .p2 {
  font-size: 22px;
}

.contactinfo .cont .item .cot .p2 em {
  background-position: 0 -50px;
}

.contactinfo .cont .item .cot .p3 {
  padding-right: 0;
  width: 328px;
}

.contactinfo .cont .item .cot .p3 em {
  background-position: -44px 0;
}

.contactinfo .cont .item .yx {
  color: #0ca267;
  font-weight: bold;
  font-size: 21px;
  padding: 20px 0;
}

.contactinfo .cont .item .yx img {
  display: block;
  margin-left: 66px;
  margin-bottom: 20px;
}

.tanfoor {
  width: 1200px;
  height: 520px;
  position: fixed;
  left: 50%;
  margin-left: -600px;
  top: 50%;
  margin-top: -260px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
  z-index: 102;
}

.tanfoor .contactinfo {
  padding: 30px;
}

.tanfoor .contactinfo h2 {
  text-align: center;
  line-height: 40px;
  font-size: 28px;
}

.tanfoor .contactinfo .close {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
  background-position: -310px 0;
  cursor: pointer;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.tanfoor .contactinfo .close:hover {
  transform: rotate(180deg);
}

.tanfoor .contactinfo .cont {
  border-bottom: 0 none;
}

.tanfoor .contactinfo .cont .item {
  width: 260px;
  padding-left: 72px;
}

.tanfoor .contactinfo .cont .item .yx img {
  margin-left: 80px;
}

.tanfoor .contactinfo .cont .item .cot span {
  width: 200px;
}

.tanfoor .contactinfo .cont .item.it2 {
  width: 312px;
}

.tanfoor .contactinfo .cont .item.it3 {
  width: 268px;
}

.tanfoor .btn {
  width: 322px;
  height: 53px;
  line-height: 53px;
  display: block;
  margin: 0 auto;
  background: url(../images/tbtn.jpg) no-repeat;
  font-size: 28px;
  color: #fff;
  text-align: center;
}

.tanfoor .btn:hover {
  background: #ffdc6c;
  color: #bb4424;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.formData2 {
  padding-bottom: 20px;
}

.formData2 .item {
  float: left;
  color: #999;
  font-weight: normal;
  width: 378px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #0ca267;
  margin-right: 30px;
  margin-bottom: 20px;
  position: relative;
}

.formData2 .item label {
  padding-left: 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  text-align: center;
  display: block;
  margin: 0;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #cccccc;
}

.formData2 .item input {
  outline: none;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
}

.formData2 .item .txt {
  width: 328px;
  height: 35px;
  line-height: 35px;
  display: block;
  background: none;
  padding-left: 50px;
  border: 0 none;
  color: #333;
  font-size: 14px;
}

.formData2 .item .red {
  position: absolute;
  right: 15px;
  top: 0;
  color: #ff0000;
  z-index: 11;
}

.formData2 .item.mr0 {
  margin-right: 0;
}

.formData2 .msg-box {
  position: absolute;
  left: 0;
  top: 0px;
}

.formData2 .liuyan {
  width: 1198px;
  height: 180px;
  border: 1px solid #0ca267;
  float: left;
}

.formData2 .liuyan label {
  text-align: right;
  top: 5px;
  display: block;
}

.formData2 .liuyan textarea {
  width: 1178px;
  height: 154px;
  line-height: 28px;
  padding: 10px 10px;
  text-indent: 70px;
  font-size: 14px;
  font-family: "microsoft yahei";
  color: #333;
  border: 0 none;
  overflow: hidden;
  background: none;
  resize: none;
  display: block;
  outline: none;
}

.formData2 .bot {
  width: 100%;
  float: left;
}

.formData2 .sub {
  width: 300px;
  height: -4px;
  line-height: 38px;
  border: 2px solid #0ca267;
  text-align: center;
  background: #0ca267;
  color: #FFF;
  cursor: pointer;
  font-size: 18px;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  margin: 0 auto;
}

.formData2 .sub:hover {
  background: none;
  color: #0ca267;
}

.formData2 .yzm {
  width: 432px;
}

.formData2 .yzm .txt {
  padding-left: 80px;
}

.formData2 .yzm img {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  border: 0px;
  display: block;
}

/*服务项目*/
.servicePage {
  padding-top: 0;
}

.servicePage .floor_2_main {
  background: #f5f5f5;
  padding-bottom: 52px;
}

.servicePage .floor_2_main .exhibition_hall {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.servicePage .floor_2_main .roundabout_box {
  height: 470px;
  width: 988px;
  margin: 40px auto 20px auto;
  overflow: hidden;
}

.servicePage .floor_2_main .roundabout_box img {
  width: 100%;
}

.servicePage .floor_2_main .roundabout_box .roundabout-holder {
  list-style: none;
  width: 900px;
  height: 372px;
  margin: 0px auto;
}

.servicePage .floor_2_main .roundabout_box .roundabout-holder .text {
  color: #333;
  background: none;
  display: none;
  font-size: 24px;
  position: absolute;
  left: 0;
  bottom: -38px;
  text-align: center;
  width: 100%;
}

.servicePage .floor_2_main .roundabout_box .roundabout-moveable-item {
  font-size: 12px !important;
  height: 372px;
  width: 475px;
  cursor: pointer;
  box-shadow: 0 0 1px #ddd;
}

.servicePage .floor_2_main .roundabout_box .roundabout-moveable-item a {
  display: block;
  background: #000;
}

.servicePage .floor_2_main .roundabout_box .roundabout-moveable-item img {
  margin: 0;
  display: block;
  opacity: .7;
}

.servicePage .floor_2_main .roundabout_box .roundabout-in-focus {
  cursor: auto;
}

.servicePage .floor_2_main .roundabout_box .roundabout-in-focus .text {
  display: block;
}

.servicePage .floor_2_main .roundabout_box .roundabout-in-focus img {
  opacity: 1;
}

/*2018-8-21优秀方案*/
.goodfangan {
  overflow: hidden;
}

.goodfangan .list {
  width: 108%;
}

.goodfangan .item {
  float: left;
  width: 226px;
  height: 132px;
  position: relative;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  background: #f7f7f7;
  border-radius: 5px;
}

.goodfangan .item a {
  display: block;
  padding-top: 25px;
  text-align: center;
}

.goodfangan .item .img {
  width: 60px;
  height: 50px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.goodfangan .item .img img {
  width: 100%;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  position: absolute;
  left: 0;
  top: 0;
}

.goodfangan .item h3 {
  color: #333;
  font-size: 20px;
  padding-top: 5px;
}

.goodfangan .item b {
  color: #0ca267;
}

.goodfangan .item:hover {
  background: url(../images/bjbtn_bg.jpg) repeat-y center top;
}

.goodfangan .item:hover img {
  top: -50px;
}

.goodfangan .item:hover h3 {
  color: #fff;
}

.goodfangan .item:hover b {
  color: #fff;
}

.error {
  color: red;
  font-size: 12px;
  display: block;
}

.error .error-txt {
  padding-left: 20px;
  line-height: 14px;
  height: 14px;
  background: url(../images/icon07.png) no-repeat;
  margin-bottom: 10px;
  margin-top: 10px;
}

.zxbjnew {
  position: fixed;
  width: 980px;
  height: 430px;
  left: 50%;
  margin-left: -490px;
  top: 50%;
  margin-top: -225px;
  z-index: 101;
}

.zxbjnew .con_bj {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.zxbjnew .con_bj {
  background: #fff;
  display: block;
  padding: 0 40px;
  height: 430px;
}

.zxbjnew .con_bj .con_bj_cal {
  border-right: 1px solid #eee;
  position: relative;
  width: 450px;
  padding: 50px 0;
  height: 330px;
  background: url(../images/pic.jpg) no-repeat center bottom;
}

.zxbjnew .con_bj .con_bj_cal form {
  background: none;
  padding: 0;
}

.zxbjnew .con_bj .con_bj_cal .calputer_tit {
  font-size: 30px;
  padding-bottom: 10px;
}

.zxbjnew .con_bj .con_bj_cal .calputer_tit b {
  padding-left: 5px;
  color: #0ca267;
  font-weight: normal;
}

.zxbjnew .con_bj .con_bj_cal .bj_form {
  padding-right: 50px;
  padding-top: 20px;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box {
  padding-bottom: 20px;
  position: relative;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box .label {
  float: left;
  width: 80px;
  padding-right: 10px;
  padding-left: 12px;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box .label em {
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  background: url(../images/zxbj_ico.png) no-repeat 0 0;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box .element {
  width: 284px;
  float: left;
  position: relative;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box .element .text {
  border: 1px solid #ddd;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  padding: 0;
  background: #fff;
  width: 258px;
  outline: none;
  color: #bbb;
  text-indent: 10px;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box .element .unit {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #000;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box .element .text_area {
  color: #0ca267;
  font-size: 12px;
  display: none;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box .element .text_lbl {
  position: absolute;
  left: 10px;
  top: 5px;
  color: #bbb;
  z-index: 0;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box.yzm input {
  border: 1px solid #e5e5e5;
  height: 36px;
  line-height: 36px;
  display: block;
  background: #fff;
  outline: none;
  color: #bbb;
  width: 100px;
  text-indent: 10px;
}

.zxbjnew .con_bj .con_bj_cal .imeg-box.yzm img {
  position: absolute;
  left: 110px;
  top: 2px;
  max-width: 100%;
}

.zxbjnew .con_bj .con_bj_cal .bj_btn {
  padding-left: 102px;
}

.zxbjnew .con_bj .con_bj_cal .bj_btn .calc-btn {
  display: block;
  width: 258px;
  height: 40px;
  line-height: 40px;
  background: #0ca267;
  z-index: 15;
  text-align: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  outline: none;
}

.zxbjnew .con_bj .con_bj_cal .bm {
  color: #eebd01;
  padding-left: 102px;
}

.zxbjnew .con_bj .con_bj_res {
  width: 334px;
  padding: 50px 0;
  position: relative;
  background: url(../images/si.jpg) no-repeat center bottom;
  height: 330px;
}

.zxbjnew .con_bj .con_bj_res .bj_res_t_w {
  font-size: 24px;
  font-weight: bold;
}

.zxbjnew .con_bj .con_bj_res .bj_res_t {
  font-size: 16px;
  text-align: center;
  padding-bottom: 30px;
}

.zxbjnew .con_bj .con_bj_res .bj_res_ul {
  border: 1px solid #bfbfbf;
  display: block;
  padding: 30px 60px;
}

.zxbjnew .con_bj .con_bj_res .bj_res_ul li {
  display: block;
  padding-top: 16px;
}

.zxbjnew .con_bj .con_bj_res .bj_res_ul li:first-child {
  padding-top: 0;
}

.zxbjnew .con_bj .con_bj_res .bj_res_ul li span {
  font-size: 16px;
  padding-right: 30px;
}

.zxbjnew .con_bj .con_bj_res .bj_res_ul li strong {
  font-size: 14px;
  font-weight: normal;
}

.zxbjnew .con_bj .con_bj_res .bj_res_ul li strong em {
  font-size: 18px;
  font-weight: bold;
  width: 80px;
  display: inline-block;
}

.zxbjnew .con_bj .bj_close {
  position: absolute;
  right: 0;
  top: 20px;
  display: block;
}

.zxbjnew .con_bj .bj_close span {
  width: 26px;
  height: 26px;
  display: block;
  background-position: -270px -170px;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.zxbjnew .con_bj .bj_close:hover span {
  transform: rotate(180deg);
}

.tender-pop {
  width: 980px;
  height: 430px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  position: relative;
}

.tender-pop .tender-pop-con {
  position: relative;
}

.tender-pop .tender-pop-left {
  width: 490px;
  text-align: center;
  position: relative;
  padding-top: 54px;
  background: url(../images/pic.jpg) no-repeat center bottom;
  height: 376px;
}

.tender-pop .tender-pop-left .check-right-line {
  height: 430px;
  width: 1px;
  background: #dddddd;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}

.tender-pop .tender-pop-left .tender-popac-result-lico {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
  background: url(../images/zxbj_ico.png) no-repeat -56px -112px;
}

.tender-pop .tender-pop-left .tender-popac-result-ltitle {
  padding-top: 40px;
  font-size: 24px;
  font-weight: bold;
}

.tender-pop .tender-pop-left .tender-popac-result-ltext {
  padding-top: 26px;
  color: #0ca267;
}

.tender-pop .tender-pop-right {
  width: 490px;
  position: relative;
  background: url(../images/pic2.jpg) no-repeat center bottom;
  height: 430px;
}

.tender-pop .tender-pop-right .tender-pop_top {
  padding: 32px 48px 0;
}

.tender-pop .tender-pop-right .tender-pop_top .bigtxt {
  padding-top: 18px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}

.tender-pop .tender-pop-right .tender-pop_top .txt {
  font-size: 16px;
  text-align: center;
}

.tender-pop .tender-pop-right .tender-pop_top .txt b {
  color: #0ca267;
  font-weight: normal;
  display: inline-block;
}

.tender-pop .tender-pop-right .ewm {
  width: 124px;
  height: 124px;
  border: 1px solid #ddd;
  margin: 0 auto;
}

.tender-pop .tender-pop-right .ewm img {
  display: block;
  width: 124px;
  height: 124px;
}

.tender-pop .tender-pop-right .tender-popac-rlist {
  padding: 0 48px 20px;
}

.tender-pop .tender-pop-right .tender-popac-rlist li {
  width: 195px;
  float: left;
  padding-top: 20px;
  font-size: 16px;
}

.tender-pop .tender-pop-right .tender-popac-rlist li em {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../images/zxbj_ico.png) no-repeat -142px -112px;
  margin-right: 5px;
  vertical-align: middle;
}

.popup-close {
  position: absolute;
  left: 50%;
  width: 50px;
  height: 50px;
  background: url(../images/zxbj_ico.png) no-repeat 0 -112px;
  display: block;
  margin-left: -25px;
  top: -24px;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  cursor: pointer;
}

.popup-close:hover {
  transform: rotate(180deg);
}

.xfbaojia {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 110px;
  background: url(../images/black75.png) repeat left top;
  z-index: 60;
}

.xfbaojia .w1200 {
  height: 110px;
  z-index: 9;
}

.xfbaojia .gren {
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 108px;
  height: 152px;
  display: block;
  background: url(../images/gren.png) no-repeat;
}

.xfbaojia .jsq {
  width: 220px;
  padding-left: 140px;
  padding-top: 28px;
  float: left;
}

.xfbaojia .jsq img {
  width: 220px;
  height: 68px;
  display: block;
}

.xfbaojia .xfbj {
  width: 560px;
  padding-left: 30px;
  padding-top: 35px;
  float: left;
}

.xfbaojia .xfbj input {
  height: 50px;
  line-height: 50px;
  border: 0 none;
  outline: none;
  display: block;
}

.xfbaojia .xfbj .txt {
  text-indent: 18px;
  color: #fff;
  font-size: 16px;
  background: #535353;
  float: left;
  margin-right: 10px;
}

.xfbaojia .xfbj .xh {
  width: 140px;
}

.xfbaojia .xfbj .stel {
  width: 230px;
}

.xfbaojia .xfbj .sbtn {
  width: 168px;
  font-size: 16px;
  color: #333;
  text-align: center;
  float: left;
  background: #ffdc6c;
  cursor: pointer;
}

.xfbaojia .xfbj .sbtn:hover {
  background: #0ca267;
  color: #fff;
}

.xfbaojia .shebei {
  width: 225px;
  height: 110px;
  float: right;
}

.xfbaojia .shebei img {
  width: 100%;
  display: block;
}

.xfbaojia .gclose {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  right: -50px;
  top: 0;
  background-position: -310px 0;
  cursor: pointer;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  z-index: 111;
}

.xfbaojia .gclose:hover {
  transform: rotate(180deg);
}

/* pager */
.pager {
  padding: 30px 0 15px;
  text-align: center;
}

.pager:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.pager {
  *zoom: 1;
}

.pager p {
  height: 34px;
  line-height: 34px;
  float: left;
  display: none;
}

.pager ul {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

.pager ul li {
  padding: 0 !important;
  height: auto !important;
  border: none !important;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.pager ul a {
  margin-left: 8px;
  padding: 0 15px;
  height: 33px;
  line-height: 33px;
  border: 1px solid #edebeb;
  text-decoration: none;
  float: left;
}

.pager ul a.current {
  background-color: #0ca267;
  border-color: #0ca267;
  color: #fff;
}

.pager ul a.current:hover {
  background-color: #0ca267;
  border-color: #0ca267;
  color: #fff;
}

.pager ul a:hover {
  background-color: #0ca267;
  border-color: #0ca267;
  color: #fff;
}

/**********map_ul**********/
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
  padding-top: 10px;
}

.map_ul li {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDBDB;
  margin-left: 10px;
  float: left;
}

.map_ul li a {
  font-size: 14px;
  float: left;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
}

.map_ul .list-inline {
  display: block;
  margin-left: 14%;
  width: 80%;
  min-height: 30px;
}

.map_ul .list-inline a {
  font-weight: normal;
  width: auto;
  float: none;
  line-height: 32px;
  height: 32px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0px 10px;
}

.map_ul .list-inline a:hover {
  background: #0ca267;
  color: #fff;
  border: 1px solid #0ca267;
}

/********.fixtool*********/
.float-right-box {
  width: 250px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -127px;
  background-color: #191919;
  z-index: 1000;
  transition: width 0.3s ease 0s;
}

.float-right-box.on {
  width: 50px;
}

.float-right-box .top-list {
  width: 100%;
}

.float-right-box .top-list ul {
  width: 100%;
}

.float-right-box .top-list li {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #3b3b3b;
  transition: background 0.3s ease 0s;
  height: 50px;
}

.float-right-box .top-list a {
  display: block;
  width: 100%;
}

.float-right-box .top-list .ico {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.3s ease 0s;
  z-index: 2;
  background: url(../images/fixico.png) no-repeat #191919;
}

.float-right-box .top-list .ico1 {
  background-position: 0 0;
}

.float-right-box .top-list .ico2 {
  background-position: 0 -50px;
}

.float-right-box .top-list .ico3 {
  background-position: 0 -100px;
}

.float-right-box .top-list .ico4 {
  background-position: 0 -150px;
}

.float-right-box .top-list .ico5 {
  background-position: 0 -200px;
}

.float-right-box .top-list .stt {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  transition: color 0.3s ease 0s;
  position: absolute;
  left: 28px;
  top: 0;
  z-index: 1;
  width: 222px;
  cursor: pointer;
}

.float-right-box .top-list li:hover .stt {
  color: #15191e;
}

.float-right-box .top-list li:hover .ico {
  background: url(../images/fixico.png) no-repeat #fff;
}

.float-right-box .top-list li:hover .ico1 {
  background-position: -50px 0;
}

.float-right-box .top-list li:hover .ico2 {
  background-position: -50px -50px;
}

.float-right-box .top-list li:hover .ico3 {
  background-position: -50px -100px;
}

.float-right-box .top-list li:hover .ico4 {
  background-position: -50px -150px;
}

.float-right-box .top-list li:hover .ico5 {
  background-position: -50px -200px;
}

.float-right-box .top-list li:hover {
  background-color: #fff;
}

.float-right-box .top-list .return-webtop .stt {
  font-family: "Arial";
  font-weight: bold;
}

.float-right-box .bot-share {
  position: relative;
  height: 50px;
}

.float-right-box .bot-share a {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background 0.3s ease 0s;
  margin: 0;
  padding: 0;
  background: url(../images/fixico.png) no-repeat;
}

.float-right-box .bot-share .share {
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.float-right-box .bot-share .sina {
  background-position: -50px -250px;
}

.float-right-box .bot-share .wx {
  background-position: 0 -300px;
}

.float-right-box .bot-share .tx {
  background-position: -50px -300px;
}

.float-right-box .bot-share .more {
  background-position: 0 -350px;
}

.float-right-box .bot-share a:hover {
  background-color: #525354;
}

.float-right-box .bot-share .share-ico {
  background: url(../images/fixico.png) no-repeat 0 -250px #191919;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: relative;
}

.float-right-box .top-list li .weix {
  position: relative;
}

.float-right-box .sidebox {
  position: absolute;
  right: 150px;
  top: 0;
  transition: all 0.1s ease 0s;
  width: 120px;
  z-index: 10;
  display: none;
  background: #191919;
}

.float-right-box .sidebox img {
  width: 110px;
  height: 110px;
  margin: 5px auto;
  display: block;
}

@font-face {
  font-family: AVGARDD;
  src: url("../font/AVGARDD.eot");
  src: url("../font/AVGARDD.eot?#iefix") format("eot"), url("../font/AVGARDD.ttf") format("truetype");
}

/*******animated css******/
.active .animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes mymove {
  0 {
    left: 0;
  }

  50% {
    left: 5px;
  }

  100% {
    left: 0;
  }
}

@-webkit-keyframes mymove {
  0 {
    left: 0;
  }

  50% {
    left: 5px;
  }

  100% {
    left: 0;
  }
}

.delay100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}

.delay200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.delay300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 1;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 1;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 1;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 1;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.active .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes down-ico {
  0% {
    top: 0;
    opacity: 1;
  }

  35% {
    top: 20%;
    opacity: 0;
  }

  65% {
    top: -20%;
    opacity: 0;
  }

  100% {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes down-ico {
  0% {
    top: 0;
    opacity: 1;
  }

  35% {
    top: 20%;
    opacity: 0;
  }

  65% {
    top: -20%;
    opacity: 0;
  }

  100% {
    top: 0;
    opacity: 1;
  }
}

@keyframes scale-three2 {
  0% {
    transform: scale(1);
    opacity: .8;
  }

  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

@-webkit-keyframes scale-three2 {
  0% {
    -webkit-transform: scale(1);
    opacity: .7;
  }

  100% {
    -webkit-transform: scale(1.3);
    opacity: 0;
  }
}

@-moz-keyframes scale-three2 {
  0% {
    -moz-transform: scale(1);
    opacity: .7;
  }

  100% {
    -moz-transform: scale(1.3);
    opacity: 0;
  }
}

@-o-keyframes scale-three2 {
  0% {
    -o-transform: scale(1);
    opacity: .7;
  }

  100% {
    -o-transform: scale(1.3);
    opacity: 0;
  }
}

/*# sourceMappingURL=common.css.map */