@charset "UTF-8";
body {
  font-size: 100px;
}
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
html {
  width: 100%;
  min-height: 100%;
}
body {
  width: 100%;
  min-height: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
  font: .24rem/1.5 "microsoft yahei", Tahoma, Arial, sans-serif;
  color: #333;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  position: relative;
}
img {
  border: 0;
}
em {
  font-style: normal;
}
s,
i {
  font-style: normal;
}
ul,
ol {
  list-style-type: none;
}
li {
  list-style: none outside none;
}
/*表单*/
input,
button,
select,
textarea {
  outline: none;
  font-family: "Microsoft Yahei", Arial;
  font-size: .24rem;
  -webkit-appearance: none !important;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}
/*链接*/
a,
a:link,
a:visited,
a:hover,
a:active {
  color: #333;
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  color: #333;
  outline: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.por {
  position: relative;
}
.poa {
  position: absolute;
}
.hide {
  display: none !important;
}
.mt5 {
  margin-top: .5rem;
}
.mt3 {
  margin-top: .3rem;
}
/*清除浮动*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.clear,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.icon {
  background: url(../images/icon.png) no-repeat;
  display: block;
  background-size: 4rem auto;
  vertical-align: middle;
}
body:before,
body:after {
  content: "";
  width: 100%;
  display: block;
}
body:after {
  height: 1rem;
}
body:before {
  height: 0;
}
.pfont {
  font-family: 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
}
.red {
  color: #0ca267 !important;
}
/******HTML默认结束******/
/***************top and bottom css*********************/
/**head**/
.head_main {
  box-sizing: border-box;
  width: 100%;
  height: .8rem;
  position: relative;
  z-index: 100;
  background: #fff;
}
.head_main .logo {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: .34rem;
  line-height: .8rem;
  color: #0ca267;
}
.head_main .logo img {
  display: block;
  height: .8rem;
  margin: 0 auto;
  max-width: 80%;
}
.head_main .logo em {
  display: inline-block;
  width: .22rem;
  height: .15rem;
  background-position: -.4rem -.32rem;
  margin-left: .2rem;
}
.head_main .search_ico {
  display: block;
  position: absolute;
  left: 2%;
  top: 0;
  text-align: center;
  cursor: pointer;
  width: 15%;
  height: .8rem;
  z-index: 6;
  padding-top: .2rem;
}
.head_main .search_ico span {
  width: .46rem;
  height: .46rem;
  margin: 0 auto;
  background-position: -1.2rem -.88rem;
}
.head_main .search_ico.on {
  background: #f5f5f5;
}
.head_main .search_ico.on span {
  background-position: -.5rem -.9rem;
}
.head_main .tsearch {
  display: none;
  width: 100%;
  height: 1rem;
  padding: .2rem 3%;
  position: absolute;
  left: 0;
  top: .8rem;
  z-index: 1122;
  background: #f5f5f5;
}
.head_main .tsearch .txt {
  width: 75%;
  color: #000;
  text-indent: .3rem;
  color: #666;
  font-size: .22rem;
  height: .6rem;
  background: #fff;
  border: none;
  position: absolute;
  left: 3%;
  top: .2rem;
  border-bottom-left-radius: .5rem;
  border-top-left-radius: .5rem;
}
.head_main .tsearch .btn {
  color: #fff;
  font-size: .22rem;
  width: 20%;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  border: 0px;
  background: url(../images/sou.png) no-repeat center #0ca267;
  position: absolute;
  right: 3%;
  top: .2rem;
  border-bottom-right-radius: .5rem;
  border-top-right-radius: .5rem;
  background-size: .4rem auto;
}
.head_main .navbtn {
  width: 20%;
  height: .8rem;
  padding-top: .2rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.head_main .navbtn s {
  width: .56rem;
  height: .32rem;
  display: block;
  margin: 0 auto;
  background-position: 0 -.88rem;
}
.head_main .goBack {
  width: 1rem;
  height: .9rem;
  position: absolute;
  left: 0;
  top: 0;
}
.head_main .goBack:before {
  width: .22rem;
  height: .36rem;
  margin: .28rem auto 0;
  background: url(../images/icon.png) no-repeat;
  background-size: 4rem auto;
  background-position: -1.92rem -.96rem;
  content: '';
  display: block;
}
/*subNav*/
/*subNav*/
.subNav {
  position: fixed;
  width: 100%;
  height: 100%;
  right: -100%;
  top: 0;
  z-index: 999;
  max-width: 640px;
  min-width: 320px;
  background-color: rgba(0, 0, 0, 0.6);
}
.subNavCon {
  margin: 0px;
  width: 100%;
  height: 100%;
}
.subNav .closrbox {
  width: 20%;
  height: 0.5rem;
  line-height: .5rem;
  background: #fff;
  position: absolute;
  right: 2%;
  top: -5%;
}
/*.subNav .close{width:.4rem;height:.4rem;background:url(../images/close.png) no-repeat center;background-size:.4rem auto;}*/
.subNav .c_clos {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1;
}
.subNav ul {
  background: #fff;
  position: relative;
  z-index: 2;
}
.subNav li {
  width: 100%;
  display: block;
  line-height: 0.8rem;
  margin: 0 auto;
  border-bottom: 1px solid #f0efef;
  position: relative;
}
.subNav .subnav2 {
  width: 100%;
  display: none;
}
.subNav .subnav2 a {
  margin-bottom: .1rem;
  background: #eeeeee;
  font-size: .24rem;
}
.subNav li a {
  color: #333;
  font-size: 0.26rem;
  margin: 0 auto;
  display: block;
  padding: 0 6%;
}
.subNav li a:hover {
  color: #009b4c;
}
.subNav .toptel {
  padding-left: 4%;
  padding-top: .3rem;
  padding-bottom: .4rem;
}
.subNav .toptel span {
  display: block;
}
.subNav .toptel p {
  font-family: avgr;
  font-size: .5rem;
}
.subNav.show {
  right: 0 !important;
}
.subNavShow {
  -webkit-transform: translateX(-48%);
  -moz-transform: translateX(-48%);
  -ms-transform: translateX(-48%);
  transform: translateX(-48%);
  display: block;
}
.subNav .title {
  height: 1rem;
  position: relative;
  padding-top: .04rem;
  margin-bottom: 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  z-index: 3;
}
.subNav .title .logo {
  height: 1rem;
  line-height: 1rem;
  padding: 0 3% 0 5%;
  display: block;
}
.subNav .title .logo img {
  height: .9rem;
  display: block;
}
.subNav .title .close {
  position: absolute;
  width: 1rem;
  height: 0.98rem;
  top: 0;
  right: 0px;
}
.subNav .title .close:before,
.subNav .title .close:after {
  width: .4rem;
  height: .03rem;
  display: block;
  content: "\20";
  right: .3rem;
  top: .4rem;
  z-index: 11;
  position: absolute;
  background: #666666;
}
.subNav .title .close:before {
  transform: rotate(45deg);
  top: 50%;
}
.subNav .title .close:after {
  transform: rotate(-45deg);
  top: 50%;
}
/***footer****/
.footer_main {
  text-align: center;
  color: #666;
  font-size: .2rem;
  padding: .4rem 0;
}
#toolbar {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 888;
  height: 1rem;
  background: #3c3c3c;
  left: 0;
}
#toolbar .list {
  width: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
}
#toolbar .list li {
  float: left;
  width: 25%;
  text-align: center;
}
#toolbar .list li a {
  display: block;
  height: 1rem;
  line-height: 0.24rem;
  font-size: 0.26rem;
  color: #fff;
  padding-top: 0.2rem;
}
#toolbar .list li a s {
  margin-left: auto;
  margin-right: auto;
  width: 0.34rem;
  height: 0.36rem;
  display: block;
}
#toolbar .list li a span {
  text-align: center;
  padding-top: 0.1rem;
  display: block;
}
#toolbar .list li a .too-home {
  background-position: 0 0;
}
#toolbar .list li a .too-tel {
  background-position: -.5rem 0;
}
#toolbar .list li a .too-qiao {
  background-position: -1.0rem 0;
}
#toolbar .list li a .too-map {
  background-position: -1.46rem 0;
}
#toolbar .list li a.hover {
  background: #0ca267;
}
/*悬浮工具*/
.g_wximg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  max-width: 640px;
  min-width: 320px;
  display: none;
}
.g_wximg .close {
  background: url(../images/close.png) no-repeat center;
  background-size: .4rem auto;
  width: .4rem;
  height: .4rem;
  cursor: pointer;
  position: fixed;
  right: 18%;
  top: 18%;
  text-align: center;
  display: block;
  z-index: 12;
}
.g_wximg .bdtel img {
  width: 4.0rem !important;
  display: block;
}
.bdtel {
  position: fixed;
  top: 22%;
  z-index: 10;
  padding: 0 0 .1rem;
  max-width: 640px;
  min-width: 320px;
}
.bdtel .upIn {
  width: 6.4rem;
  display: block;
  text-align: center;
  color: #fff;
  padding: 4%;
  margin: 0 auto;
}
.bdtel p {
  padding: 2%;
  text-align: center;
  color: #fff;
}
.bdtel img {
  margin: 0 auto;
  display: block;
  max-width: 80% !important;
}
.bdtelbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  max-width: 640px;
  min-width: 320px;
  display: none;
}
.bga {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}
/***************top and bottom css end*********************/
/***banner****/
#banner_main {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 3.5rem;
}
.banner {
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.banner .list {
  width: 100%;
  overflow: hidden;
}
.banner .list li {
  float: left;
  width: 100%;
  overflow: hidden;
}
.banner .list li a {
  display: block;
}
.banner .list li img {
  width: 100%;
  height: auto;
  display: block;
}
#banner .tip {
  width: 100%;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: center;
  clear: both;
  z-index: 2;
  font-size: 0;
  position: absolute;
  left: 0;
  bottom: 5%;
}
#banner .tip span {
  display: inline-block;
  width: 0.15rem;
  height: 0.15rem;
  margin: 0 0.025rem;
  vertical-align: middle;
  border-radius: 100%;
  border: .03rem solid #fff;
  box-sizing: border-box;
}
#banner .tip span.cur {
  background: #333;
  border: .03rem solid #333;
}
/***************index css start*********************/
.iQuick_nav {
  background: #fff;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #e9e9e9;
  box-shadow: 0 1px 3px #e7e7e7;
}
.iQuick_nav ul {
  padding: 0;
}
.iQuick_nav li {
  float: left;
  width: 25%;
  text-align: center;
  display: block;
}
.iQuick_nav li a {
  display: block;
  border-left: 1px solid #ddd;
  padding-top: .2rem;
  padding-bottom: .2rem;
}
.iQuick_nav li .tb {
  width: .64rem;
  height: .64rem;
  margin: 0 auto;
  background: url(../images/menu.png) no-repeat 0 0;
  background-size: 2.56rem auto;
  display: block;
}
.iQuick_nav li h3 {
  line-height: .66rem;
  font-size: .24rem;
  font-weight: normal;
}
.iQuick_nav li:nth-child(1) a {
  border-left: none;
}
.iQuick_nav li:nth-child(2) .tb {
  background-position: -.64rem 0;
}
.iQuick_nav li:nth-child(3) .tb {
  background-position: -1.28rem 0;
}
.iQuick_nav li:nth-child(4) .tb {
  background-position: -1.92rem 0;
}
.linebg {
  width: 100%;
  height: .3rem;
  background: url(../images/linebg.jpg) repeat-x left top;
  background-size: .12rem auto;
}
.index {
  width: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
}
.index .title {
  text-align: center;
  padding-bottom: .2rem;
}
.index .title h3 {
  font-size: .32rem;
  font-weight: normal;
}
.index .title h3 b {
  font-weight: bold;
  color: #0ca267;
}
.index .title h4 {
  color: #999;
  font-size: .24rem;
  font-weight: normal;
  text-transform: uppercase;
}
.index .title .line {
  display: block;
  width: .5rem;
  height: .04rem;
  margin: 0 auto;
  background: #0ca267;
}
.index .title .line s {
  width: .3rem;
  height: .04rem;
  display: block;
  background: #dedede;
}
.index .floor_1_main {
  padding: .4rem 0;
}
.index .iservice {
  overflow: hidden;
  padding-bottom: .2rem;
}
.index .iservice .list {
  padding: 0 3%;
}
.index .iservice .item {
  width: 50%;
  display: block;
  text-align: center;
  float: left;
  margin-bottom: .1rem;
}
.index .iservice .item:nth-child(2n) {
  margin-right: 0;
}
.index .iservice .item a {
  display: block;
  padding: 0 .2rem;
}
.index .iservice .item img {
  max-width: 60%;
  display: block;
  margin: 0 auto;
}
.index .iservice .item h3 {
  color: #333;
  padding-top: .2rem;
  font-weight: normal;
  font-size: .3rem;
}
.index .iservice .item .line {
  display: block;
  width: .5rem;
  height: .04rem;
  margin: .1rem auto;
  background: #0ca267;
}
.index .iservice .item .line s {
  width: .3rem;
  height: .04rem;
  display: block;
  background: #dedede;
}
.index .iservice .item .desc {
  color: #999;
  padding: 0 .2rem;
  font-size: .24rem;
}
.index .floor_2_main {
  width: 100%;
  background: #fff;
  padding: .4rem 0;
}
.index .floor_3_main {
  padding: .4rem 0;
  background: url(../images/flo3.jpg) no-repeat center top;
  background-size: 6.4rem auto;
  position: relative;
}
.index .floor_3_main .title {
  color: #fff;
}
.index .floor_3_main .title h3 b {
  color: #fff;
}
.index .youshi {
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 3;
  padding-bottom: .3rem;
}
.index .youshi .item {
  width: 32%;
  height: 3.2rem;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.index .youshi .item a {
  display: block;
  padding-top: .2rem;
  text-align: center;
  color: #fff;
}
.index .youshi .item .sico-img {
  width: .86rem;
  height: .86rem;
  display: block;
  margin: 0 auto .2rem;
}
.index .youshi .item .tit {
  font-weight: normal;
}
.index .youshi .item .tit b {
  font-weight: bold;
  color: #ffdc6c;
  font-size: .3rem;
}
.index .youshi .item .desc {
  font-size: .24rem;
}
.index .shuju {
  position: absolute;
  width: 100%;
  left: 0;
  top: 4rem;
  text-align: center;
  z-index: 1;
}
.index .shuju .item {
  width: 30%;
  display: inline-block;
  text-align: center;
}
.index .shuju .item h3 {
  font-size: .38rem;
  font-weight: bold;
  color: #ffdc6c;
  display: block;
}
.index .shuju .item b {
  display: inline-block;
  color: #ffdc6c;
  font-size: .3rem;
  font-weight: bold;
}
.index .shuju .item p {
  color: #fff;
  font-size: .24rem;
}
.index .shuju .item:nth-child(4) {
  padding-top: 2.5rem;
}
.index .shuju .item:nth-child(5) {
  padding-top: 2.5rem;
}
.index .liuc {
  padding: 0;
  text-align: center;
  position: relative;
}
.index .liuc .item {
  width: 20%;
  display: inline-block;
  margin-bottom: .4rem;
}
.index .liuc .item img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
}
.index .liuc .item p {
  font-size: .24rem;
}
.index .liuc .line {
  position: absolute;
  width: 100%;
  left: 0;
  top: 46%;
  background: url(../images/lc_line1.jpg) no-repeat center top;
  height: .1rem;
  background-size: 6.4rem auto;
}
.index .liuc .line2 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: url(../images/lc_line2.jpg) no-repeat center top;
  height: .1rem;
  background-size: 6.4rem auto;
}
.index .liuc.cont img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.index .floor_4_main {
  padding: .4rem 0;
}
.index .floor_5_main,
.index .floor_6_main,
.index .floor_7_main,
.index .floor_8_main {
  padding: .4rem 0;
}
.index .floor_6_main .hd {
  padding: 0 3% .2rem;
  text-align: center;
}
.index .floor_6_main .hd li {
  display: block;
  width: 33.3%;
  text-align: center;
  margin: 0;
  height: .84rem;
  line-height: .84rem;
  overflow: hidden;
  float: left;
  border: 1px dashed #eee;
  box-sizing: border-box;
  border-left: none;
}
.index .floor_6_main .hd li a {
  display: block;
}
.index .floor_6_main .hd li em {
  width: .42rem;
  height: .42rem;
  display: inline-block;
  margin-right: .1rem;
  vertical-align: middle;
  background: url(../images/icas.png) no-repeat;
  background-size: 1.4rem auto;
}
.index .floor_6_main .hd li:nth-child(1) {
  border-left: 1px dashed #eee;
}
.index .floor_6_main .hd li:nth-child(1) em {
  background-position: 0 0;
}
.index .floor_6_main .hd li:nth-child(2) em {
  background-position: -.52rem 0;
}
.index .floor_6_main .hd li:nth-child(3) em {
  background-position: -.96rem 0;
}
.index .floor_6_main .hd li.on a {
  background: linear-gradient(to right, #11a668, #6bbb6a);
  color: #fff;
}
.index .floor_6_main .hd li.on:nth-child(1) {
  border-left: 1px solid #0ca267;
}
.index .floor_6_main .hd li.on:nth-child(1) em {
  background-position: 0 -.45rem;
}
.index .floor_6_main .hd li.on:nth-child(2) em {
  background-position: -.52rem -.45rem;
}
.index .floor_6_main .hd li.on:nth-child(3) em {
  background-position: -.96rem -.45rem;
}
.index .floor_6_main .btn {
  display: block;
  text-align: center;
  padding: .2rem 0;
}
.index .floor_6_main .btn span {
  display: inline-block;
  width: 1.7rem;
  height: .6rem;
  background: url(../images/jtou.png) no-repeat;
  background-size: 1.7rem auto;
}
.index .floor_6_main .btn .prev {
  background-position: 0 0;
}
.index .floor_6_main .btn .next {
  background-position: 0 -.67rem;
}
.index .icaselist {
  padding: 0;
  overflow: hidden;
  position: relative;
}
.index .icaselist .item {
  width: 6.0rem;
  margin: 0 auto;
  display: block;
}
.index .icaselist .item .line {
  width: .3rem;
  height: 2px;
  background: #0ca267;
  display: block;
}
.index .icaselist .item h3 {
  font-size: .3rem;
  color: #333;
}
.index .icaselist .item p {
  color: #888;
  font-size: .2rem;
  padding-top: .2rem;
}
.index .icaselist .item .cha {
  color: #0ca267;
  font-size: .2rem;
  padding: .1rem 0;
  display: block;
}
.index .icaselist .item figure {
  width: 6.0rem;
  padding-top: 75%;
  border: .06rem solid #0ca267;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.index .icaselist .item figure img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  min-height: 100%;
}
.index .more {
  color: #fff;
}
.index .floor_5_main .hd {
  padding: 0 3% .3rem;
  text-align: center;
}
.index .floor_5_main .hd li {
  display: block;
  width: 25%;
  text-align: center;
  margin: 0;
  height: .6rem;
  line-height: .6rem;
  overflow: hidden;
  float: left;
  border: 1px solid #eee;
  box-sizing: border-box;
  border-left: none;
}
.index .floor_5_main .hd li:first-child {
  border-left: 1px solid #eee;
}
.index .floor_5_main .hd li a {
  display: block;
}
.index .floor_5_main .hd li:first-child a {
  background: linear-gradient(to right, #11a668, #6bbb6a);
  color: #fff;
}
.index .floor_5_main .bd {
  padding-bottom: .2rem !important;
}
.index .floor_7_main .hd {
  text-align: center;
}
.index .floor_7_main .hd li {
  display: block;
  width: 20%;
  text-align: center;
  margin: 0 2%;
  height: .6rem;
  line-height: .6rem;
  overflow: hidden;
  float: left;
}
.index .floor_7_main .hd li a {
  display: block;
  border-bottom: 2px solid #fff;
}
.index .floor_7_main .hd li.on a {
  border-bottom: 2px solid #0ca267;
  font-weight: bold;
  color: #0ca267;
}
.index .floor_7_main .bd {
  padding-bottom: .2rem !important;
}
.index .Solutions li {
  width: 25%;
  height: 1.2rem;
  float: left;
  margin-bottom: .2rem;
  text-align: center;
}
.index .Solutions li a {
  display: block;
  padding: 0;
  height: 1.2rem;
}
.index .Solutions li .tb {
  width: .8rem;
  height: .8rem;
  display: block;
  margin: 0 auto;
  background: url(../images/if_ico.png) no-repeat 0 0;
  background-size: 8.8rem auto;
}
.index .Solutions li h3 {
  font-weight: normal;
  font-size: .2rem;
  color: #666;
}
.index .Solutions li.it2 .tb {
  background-position: -.8rem 0;
}
.index .Solutions li.it3 .tb {
  background-position: -1.58rem 0;
}
.index .Solutions li.it4 .tb {
  background-position: -2.4rem 0;
}
.index .Solutions li.it5 .tb {
  background-position: -3.2rem 0;
}
.index .Solutions li.it6 .tb {
  background-position: -4.0rem 0;
}
.index .Solutions li.it7 .tb {
  background-position: -4.8rem 0;
}
.index .Solutions li.it8 .tb {
  background-position: -5.6rem 0;
}
.index .Solutions li.it9 {
  margin-left: 25%;
}
.index .Solutions li.it9 .tb {
  background-position: -6.4rem 0;
}
.index .Solutions li.it10 .tb {
  background-position: -7.2rem 0;
}
.more {
  border-radius: .5rem;
  width: 5.9rem;
  margin: 0 auto;
  display: block;
  background: url(../images/more.jpg) repeat-y left top;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
}
.more em {
  width: .36rem;
  height: .36rem;
  display: inline-block;
  margin-left: .1rem;
  background-position: -2.32rem -.93rem;
}
/****案例***/
.caselist {
  padding: 0 3%;
}
.caselist li {
  background: #fff;
  margin-bottom: .3rem;
  display: block;
  position: relative;
  width: 100%;
}
.caselist li a {
  display: block;
}
.caselist li figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}
.caselist li figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.caselist li h3 {
  display: block;
  font-weight: normal;
  font-size: .3rem;
  padding-top: .1rem;
}
.caselist li p {
  color: #999;
  font-size: .18rem;
}
.caselist .btn {
  font-size: .2rem;
  color: #0ca267;
  z-index: 5;
  width: 2.48rem;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  display: block;
  position: absolute;
  right: 0;
  bottom: .1rem;
  box-sizing: border-box;
  border: .03rem solid #0ca267;
  border-radius: .5rem;
}
.caselist .btn em {
  width: .22rem;
  height: .22rem;
  display: inline-block;
  background-position: -2.56rem -.68rem;
  vertical-align: middle;
}
.Solutions {
  overflow: hidden;
  padding: .2rem 0;
}
.Solutions li {
  width: 25%;
  height: 1.2rem;
  float: left;
  margin-bottom: .2rem;
  text-align: center;
}
.Solutions li a {
  display: block;
  padding-top: .3rem;
}
.Solutions li .tb {
  width: .8rem;
  height: .88rem;
  display: block;
  margin: 0 auto;
  background: url(../images/f_ico3.png) no-repeat 0 0;
  background-size: 8.8rem auto;
}
.Solutions li h3 {
  font-weight: normal;
  font-size: .2rem;
  color: #666;
}
.Solutions li.it2 .tb {
  background-position: -.8rem 0;
}
.Solutions li.it3 .tb {
  background-position: -1.58rem 0;
}
.Solutions li.it4 .tb {
  background-position: -2.4rem 0;
}
.Solutions li.it5 .tb {
  background-position: -3.2rem 0;
}
.Solutions li.it6 .tb {
  background-position: -4.0rem 0;
}
.Solutions li.it7 .tb {
  background-position: -4.8rem 0;
}
.Solutions li.it8 .tb {
  background-position: -5.6rem 0;
}
.Solutions li.it9 .tb {
  background-position: -6.4rem 0;
}
.Solutions li.it10 .tb {
  background-position: -7.2rem 0;
}
.Solutions li.imore {
  font-size: .3rem;
  line-height: 1.2rem;
  background: #fbc700;
  width: 50%;
}
.Solutions li.imore a {
  padding: 0;
  color: #fff;
}
.ipro {
  padding: 0 3%;
}
.ipro li {
  float: left;
  width: 49%;
  margin-right: 2%;
  display: block;
  margin-bottom: .2rem;
}
.ipro li:nth-child(2n) {
  margin-right: 0;
}
.ipro li a {
  display: block;
}
.ipro li figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}
.ipro li figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.ipro li h3 {
  height: .7rem;
  line-height: .7rem;
  display: block;
  overflow: hidden;
  font-weight: normal;
  font-size: .24rem;
  border-bottom: .04rem solid #d9d9d9;
}
.ipro li h3 em {
  width: .26rem;
  height: .26rem;
  display: block;
  background-position: -1.92rem 0;
  margin-top: .22rem;
}
.textlist {
  padding: 0 3%;
}
.textlist li {
  width: 100%;
  display: block;
  padding: .2rem 0;
  border-top: 1px solid #eee;
}
.textlist li:first-child {
  border-top: 0;
}
.textlist li a {
  display: block;
}
.textlist li figure {
  width: 30%;
  padding-top: 22%;
  position: relative;
  overflow: hidden;
  z-index: 2;
  float: left;
  margin-right: 2%;
  margin-top: .1rem;
}
.textlist li figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.textlist li h3 {
  font-size: .3rem;
  color: #0ca267;
  height: 1.2rem;
  overflow: hidden;
}
.textlist li p {
  color: #999;
  font-size: .2rem;
}
.textlist li:hover .txt h3 {
  color: #0ca267;
}
/*icase*/
.icase .list {
  padding: 3%;
}
.icase .list .item {
  float: left;
  width: 49%;
  margin-right: 2%;
  background: #fff;
  box-shadow: 0 0 10px #e4e4e4;
  border-radius: .1rem;
  margin-bottom: .2rem;
}
.icase .list .item a {
  display: block;
}
.icase .list .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
}
.icase .list .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.icase .list .item h3 {
  height: .7rem;
  line-height: .7rem;
  display: block;
  text-align: center;
  overflow: hidden;
  font-weight: normal;
  font-size: .26rem;
}
.icase .list .item:nth-child(2n) {
  margin-right: 0;
}
.icase .list .item:hover h3 {
  color: #0ca267;
}
.xunpan {
  width: 100%;
  background: url(../images/xunpan.jpg) no-repeat center top;
  background-size: 6.4rem auto;
  color: #fff;
  padding-bottom: .2rem;
  padding-top: .2rem;
  height: 2.2rem;
  overflow: hidden;
}
.xunpan .xpleft {
  width: 60%;
  padding-left: 2%;
}
.xunpan .xpleft .p2 {
  font-weight: bold;
}
.xunpan p {
  font-size: .26rem;
  padding-left: 3%;
}
.xunpan .btn {
  width: 3.4rem;
  height: .65rem;
  line-height: .65rem;
  text-align: center;
  color: #bb4424;
  border-radius: .3rem;
  background: #ffdc6c;
  display: block;
  margin-top: .1rem;
}
.xunpan .xpright {
  width: 40%;
  color: #fff;
  position: relative;
  padding-right: 2%;
  padding-top: 0;
}
.xunpan .xpright span {
  width: .56rem;
  height: .56rem;
  display: block;
  position: absolute;
  left: -.6rem;
  top: .4rem;
  background-position: -1.92rem -.32rem;
}
.xunpan .xpright .webtel a {
  font-size: .28rem;
  font-weight: bold;
  color: #fff;
  display: block;
  line-height: .3rem;
}
/***************index css end*********************/
/******common css 内页共用*******/
.menulist {
  width: 100%;
  overflow: hidden;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
  background: #0ca267;
  height: .8rem;
  position: relative;
}
.menulist .scroll {
  width: 214%;
  position: relative;
  z-index: 10;
}
.menulist .scroll li {
  display: block;
  float: left;
  height: .78rem;
  line-height: .78rem;
}
.menulist .scroll li.hover a {
  color: #fff;
}
.menulist .scroll li.hover a:after {
  height: .04rem;
  background: #fff;
  bottom: -1px;
  width: 1rem;
  left: 50%;
  margin-left: -.5rem;
}
.menulist .scroll a {
  display: block;
  font-size: .24rem;
  padding: 0 .2rem;
  text-align: center;
  height: .78rem;
  line-height: .78rem;
  position: relative;
  z-index: 10;
  color: #fff;
}
.menulist .scroll a:after {
  content: "\20";
  display: block;
  position: absolute;
}
.menulist .scroll a.kong {
  width: .1rem;
}
.baojiabox {
  background: #ffffff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
}
.baojiabox .obj {
  position: relative;
}
.baojiabox .obj img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}
.baojiabox .obj .txt {
  position: absolute;
  left: 0.36rem;
  top: .1rem;
  padding-left: 1.3rem;
}
.baojiabox .obj .txt p {
  font-size: .26rem;
  color: #0ca267;
}
.baojiabox .obj .txt strong {
  font-size: .36rem;
  color: #333;
  display: block;
}
.baojiabox .obj .txt b {
  display: block;
  line-height: .3rem;
  font-size: .28rem;
  color: #0ca267;
}
.baojiabox .obj .txt .shus {
  width: 1.16rem;
  height: 1.12rem;
  display: block;
  background: url(../images/10s.png) no-repeat;
  background-size: 1.16rem auto;
  position: absolute;
  left: 0;
  top: 0.1rem;
}
.baojiabox .baojia {
  padding: 3% 5%;
}
.baojiabox .baojia p {
  font-size: .3rem;
  text-align: center;
}
.baojiabox .baojia p b {
  color: #0ca267;
  font-weight: bold;
}
.baojiabox .baojia .item {
  border: 1px solid #ddd;
  height: .65rem;
  line-height: .65rem;
  border-radius: .1rem;
  margin-bottom: .2rem;
}
.baojiabox .baojia .item input {
  outline: none;
  height: .65rem;
  line-height: .65rem;
  border: none;
  background: none;
  width: 100%;
  text-indent: .1rem;
}
.baojiabox .baojia .btn {
  height: .65rem;
  line-height: .65rem;
  display: block;
}
.baojiabox .baojia .btn input {
  border: none;
  height: .65rem;
  line-height: .65rem;
  background: url(../images/0btn.jpg) no-repeat;
  background-size: 5.7rem auto;
  width: 5.7rem;
  text-align: center;
  font-size: .26rem;
  font-weight: bold;
  color: #fff;
  margin: 0 auto;
  display: block;
}
.wrapper {
  width: 100%;
  position: relative;
  padding: .3rem 0;
  min-height: 400px;
}
.wrapper .filterbox {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  text-align: center;
  margin-bottom: .2rem;
}
.wrapper .filterbox .t {
  width: 50%;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  background: #0ca267;
  color: #fff;
  display: block;
  float: left;
}
.wrapper .filterbox .t s {
  border-style: solid dashed dotted dashed;
  border-color: #fff transparent transparent transparent;
  border-width: 0.1rem;
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: .2rem;
}
.wrapper .filterbox .t2 {
  width: 50%;
  float: right;
  position: relative;
}
.wrapper .filterbox .t2 .cztit {
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  background: #eee;
  color: #333;
}
.wrapper .filterbox .t2 .cztit s {
  border-style: solid dashed dotted dashed;
  border-color: #333 transparent transparent transparent;
  border-width: 0.1rem;
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: .2rem;
}
.wrapper .filterbox .t2 .list {
  position: absolute;
  left: 0;
  top: .8rem;
  width: 100%;
  background: #fff;
  display: none;
}
.wrapper .filterbox .t2 .list li {
  line-height: .65rem;
  display: block;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.wrapper .filterbox .menubox {
  padding: .2rem 3%;
}
.wrapper .filterbox .menubox a {
  width: 48%;
  display: block;
  float: left;
  margin-right: 3%;
  margin-bottom: .2rem;
  height: .7rem;
  line-height: .7rem;
  border: 1px solid #ddd;
  border-radius: .1rem;
}
.wrapper .filterbox .menubox a:nth-child(2n) {
  margin-right: 0;
}
.wrapper .filterbox .menubox a:hover,
.wrapper .filterbox .menubox a.hover {
  background: #0ca267;
  border: 1px solid #0ca267;
  color: #fff;
}
.wrapper .more {
  color: #fff;
}
.wrapper .selectbox {
  padding: 0 3%;
  height: .8rem;
  line-height: .8rem;
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  margin-bottom: .2rem;
}
.wrapper .selectbox select {
  width: 50%;
  float: left;
  position: relative;
  outline: none;
  box-sizing: border-box;
  appearance: none;
  height: .8rem;
  line-height: .8rem;
  border: none;
  text-indent: .3rem;
  display: block;
  border-left: 1px solid #ddd;
  background: url("../g-images/select.png") no-repeat scroll 60% center;
  background-size: .16rem auto;
}
.wrapper .selectbox select:first-child {
  border-left: none;
}
.wrapper .selectbox select option {
  border: none !important;
}
.wrapper .title {
  border-bottom: 1px solid #ededed;
  position: relative;
  text-align: center;
  padding-bottom: .2rem;
}
.wrapper .title h1 {
  font-size: .3rem;
  font-weight: normal;
}
.wrapper .title s {
  width: .14rem;
  height: .14rem;
  display: block;
  background: #0ca267;
  position: absolute;
  left: 50%;
  margin-left: -.07rem;
  bottom: -.07rem;
}
.wrapper .ntitle2 {
  width: 97%;
  border-bottom: 1px solid #eee;
  padding: .2rem 0;
  position: relative;
  margin-left: 3%;
}
.wrapper .ntitle2 h3 {
  font-size: .3rem;
  position: relative;
  color: #0ca267;
}
.wrapper .ntitle2 h3 i {
  font-size: .16rem;
  font-family: arial;
  display: inline-block;
  padding-left: .05rem;
  font-style: normal;
  color: #333;
  text-transform: uppercase;
}
.wrapper .ntitle2 s {
  width: 1.2rem;
  height: .04rem;
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: linear-gradient(to right, #11a668, #6bbb6a);
}
.wrapper .Solutions {
  background: #f7f7f7;
}
.wrapper .Solutions .list {
  padding: 0 5%;
}
.wrapper .Solutions li {
  width: 49%;
  height: 2.0rem;
  margin-right: 2%;
  background: #fff;
}
.wrapper .Solutions li:nth-child(2n) {
  margin-right: 0;
}
.wrapper .Solutions li h3 {
  font-size: .26rem;
}
.wrapper .Solutions li i {
  display: block;
}
.wrapper.caselist .list {
  padding: 0 3%;
}
.wrapper .casebox .ntitle2 s {
  width: 1.8rem;
}
.wrapper .swiper-pagination {
  z-index: 2;
}
.casebox .tj_case {
  overflow: hidden;
  padding: .3rem 0;
}
.casebox .tj_case .item {
  float: left;
  width: 3.8rem;
  height: 3.68rem;
}
.casebox .tj_case .item a {
  display: block;
  padding-bottom: .1rem;
}
.casebox .tj_case .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.casebox .tj_case .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.casebox .tj_case .item h3 {
  font-size: .28rem;
  font-weight: normal;
  padding-top: .2rem;
  border: 1px solid #ddd;
  border-top: none;
  text-align: center;
  height: .78rem;
  overflow: hidden;
}
.casebox .tj_case .tip {
  padding: .2rem 0;
  text-align: center;
}
.casebox .tj_case .tip span {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  background: #ccc;
  margin-right: .2rem;
  border-radius: .2rem;
}
.casebox .tj_case .tip span.cur {
  background: #0ca267;
  width: .4rem;
}
.casebox .tj_case .swiper-pagination-bullet {
  width: .14rem;
  height: .14rem;
  background: #ccc;
  border-radius: .3rem;
  opacity: 1;
}
.casebox .tj_case .swiper-pagination-bullet-active {
  background: #0ca267;
  width: .4rem;
}
.g-box {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  margin-bottom: .2rem;
  padding: .2rem;
}
.Solutionspage {
  padding-top: 0;
}
.showInfo {
  padding: 4% 3% .5rem;
  width: 100%;
}
.showInfo .title {
  font-size: .4rem;
  text-align: center;
  margin-bottom: .2rem;
  color: #333333;
  padding: .1rem 3% 0;
}
.showInfo .menu {
  margin-bottom: .2rem;
}
.showInfo .mark {
  font-size: .22rem;
  text-align: center;
  color: #666666;
  padding-bottom: .1rem;
  border-bottom: 1px solid #dbd7d7;
}
.showInfo .mark span {
  margin: 0 .06rem;
}
.showInfo .contxt {
  padding: .2rem 3% .4rem;
  color: #666666;
}
.showInfo .contxt img {
  max-width: 100%;
  height: auto !important;
}
.showimg {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.showimg {
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.showimg .list {
  width: 100%;
  overflow: hidden;
}
.showimg .list li {
  float: left;
  width: 100%;
  overflow: hidden;
}
.showimg .list li img {
  width: 100%;
  height: auto;
  display: block;
}
.showimg .tip {
  width: 100%;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: center;
  clear: both;
  z-index: 2;
  font-size: 0;
  margin: 0 auto;
}
.showimg .tip span {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.025rem;
  vertical-align: middle;
  border-radius: .2rem;
  box-sizing: border-box;
  background: #ccc;
}
.showimg .tip span.cur {
  background: #0ca267;
  width: .5rem;
}
.showorder {
  width: 94%;
  height: .8rem;
  margin: 0.3rem auto 0;
  line-height: .8rem;
  color: #333;
  text-align: center;
  font-size: .24rem;
}
.showorder a {
  color: #333;
  background: #ffdc6c;
  display: block;
  border-radius: .05rem;
}
.showorder a:hover {
  background: #ff7f00;
}
#returntop {
  width: 0.9rem;
  height: 0.9rem;
  background: url(../images/gotop.png) no-repeat center top;
  background-size: 0.9rem auto;
  position: fixed;
  bottom: 20%;
  right: 2%;
  cursor: pointer;
  z-index: 10;
}
.goodfangan {
  text-align: center;
}
.goodfangan .item {
  display: inline-block;
  width: 30%;
  margin: .2rem 1%;
}
.goodfangan .item .img {
  width: .6rem;
  padding-top: .5rem;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.goodfangan .item .img img {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.goodfangan .item .tb {
  display: block;
  margin: 0 auto;
  width: .6rem;
  height: .5rem;
  background-size: .6rem auto;
}
.goodfangan .item h3 {
  color: #666;
  font-weight: normal;
  font-size: .24rem;
}
.goodfangan .item h3 b {
  font-weight: bold;
  color: #0ca267;
}
.goodfangan .item:nth-child(1) {
  width: 46%;
}
.goodfangan .item:nth-child(2) {
  width: 46%;
}
/*服务态度*/
.taidubox {
  width: 100%;
  background: url(../images/taidu_bg.jpg) repeat-y center top;
  padding-bottom: .3rem;
}
.taidubox .top {
  text-align: center;
  color: #fff;
  padding: .5rem 0;
}
.taidubox .top h3 {
  font-size: .38rem;
}
.taidubox .top b {
  font-weight: bold;
}
.taidubox .taidu {
  padding: 0 3%;
}
.taidubox .taidu .item {
  background: #fff;
  border-radius: .1rem;
  padding: .2rem;
  margin-bottom: .2rem;
  box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.1);
}
.taidubox .taidu .item .tit img {
  width: .8rem;
  height: .8rem;
  display: block;
  float: left;
  margin-right: .1rem;
}
.taidubox .taidu .item .tit h3 {
  font-size: .3rem;
  font-weight: bold;
  color: #0ca267;
}
.taidubox .taidu .item .tit span {
  font-size: .2rem;
  display: block;
}
.taidubox .taidu .item .tit s {
  width: .3rem;
  height: .02rem;
  display: block;
  background: #0ca267;
  margin-left: .9rem;
  display: none;
}
.taidubox .taidu .item p {
  padding-top: .2rem;
  color: #666;
  font-size: .2rem;
}
.taidubox .taidu .item:nth-child(2n) {
  text-align: right;
}
.taidubox .taidu .item:nth-child(2n) .tit img {
  float: right;
  margin-left: .1rem;
  margin-right: 0;
}
/*行业解决方案详情*/
.showInfo2 {
  padding-top: 0;
}
.showInfo2 .showTit {
  background: #f6f6f6;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  border-bottom: 1px solid #e4e4e4;
}
.showInfo2 .showTit .sctit {
  font-size: .28rem;
  color: #333;
  padding: 0;
  font-weight: normal;
}
.showInfo2 .showTit em {
  width: .15rem;
  height: .1rem;
  display: inline-block;
  background-position: -2.92rem -.68rem;
  vertical-align: middle;
}
.showInfo2 .showTit .sanmenu {
  position: fixed;
  width: 3.0rem;
  left: 50%;
  margin-left: -1.5rem;
  top: 50%;
  margin-top: -1.0rem;
  background: #fff;
  display: none;
  z-index: 6;
}
.showInfo2 .showTit .sanmenu a {
  display: block;
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #eee;
}
.showInfo2 .showTit .sanmenu a:hover {
  background: #0ca267;
  color: #fff;
}
.showInfo2 .showTit .sanmenu a:first-child {
  border-top: none;
}
.showInfo2 .showtxt {
  padding: 3%;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
}
.showInfo2 .showtxt img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}
.showInfo2 .baseinfo {
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  padding: .3rem 3%;
}
.showInfo2 .baseinfo .tit {
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  height: .68rem;
  line-height: .68rem;
  text-align: center;
  border-radius: .1rem;
}
.showInfo2 .baseinfo .tit h3 {
  width: 33.333%;
  font-weight: normal;
  display: block;
  float: left;
  font-size: .24rem;
}
.showInfo2 .baseinfo .tit h3 em {
  width: 0.32rem;
  height: 0.32rem;
  display: inline-block;
  margin-right: .1rem;
  vertical-align: middle;
}
.showInfo2 .baseinfo .tit h3:nth-child(1) em {
  background-position: 0 -1.36rem;
}
.showInfo2 .baseinfo .tit h3:nth-child(2) em {
  background-position: -.36rem -1.36rem;
}
.showInfo2 .baseinfo .tit h3:nth-child(3) em {
  background-position: -.72rem -1.36rem;
}
.showInfo2 .baseinfo .tit h3.hover {
  background: #0ca267;
  color: #fff;
  border-radius: .1rem;
  background: radial-gradient(#6bbb6a, #11a668);
}
.showInfo2 .baseinfo .tit h3.hover:nth-child(1) em {
  background-position: -1.04rem -1.36rem;
}
.showInfo2 .baseinfo .tit h3.hover:nth-child(2) em {
  background-position: -1.39rem -1.36rem;
}
.showInfo2 .baseinfo .tit h3.hover:nth-child(3) em {
  background-position: -1.76rem -1.36rem;
}
.showInfo2 .baseinfo .desc img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.showInfo2 .baseinfo .desc .continfo {
  display: none;
  padding: .2rem 0;
}
.showInfo2 .baseinfo .desc .continfo:first-child {
  display: block;
}
/****reLink***/
.reLink {
  border: 1px solid #ddd;
}
.reLink .prevLink,
.reLink .nextLink {
  height: .68rem;
  line-height: .68rem;
  overflow: hidden;
  font-size: .24rem;
}
.reLink .prevLink a,
.reLink .nextLink a {
  display: block;
  position: relative;
  padding: 0 3%;
}
.reLink .prevLink {
  border-bottom: 1px solid #ddd;
}
.imsg {
  padding: 0 6% .2rem;
}
.imsg .item {
  width: 100%;
  height: .75rem;
  box-sizing: border-box;
  margin-bottom: .28rem;
  position: relative;
  line-height: .75rem;
  border: 1px solid #e7e7e7;
}
.imsg .item .txt {
  width: 100%;
  height: .75rem;
  text-indent: .18rem;
  line-height: .75rem;
  border: 0px;
  background: none;
  outline: none;
  color: #666;
}
.imsg .liuyan {
  width: 100%;
  height: 1.58rem;
  margin-bottom: .2rem;
  height: 2.08rem;
}
.imsg textarea {
  width: 100%;
  color: #666;
  overflow: hidden;
  box-sizing: border-box;
  padding: .15rem .18rem;
  height: 2.08rem;
  font-family: "微软雅黑";
  resize: none;
  border: 0;
  background: none;
}
.imsg .submit {
  width: 100%;
  height: .75rem;
  cursor: pointer;
  border: 0;
  line-height: .75rem;
  text-align: center;
  color: #fff;
  display: block;
  background: #0ca267;
}
.gdtitle {
  text-align: center;
  margin: 0 auto;
}
.gdtitle h2 {
  font-size: .32rem;
  font-weight: normal;
}
.gdtitle .tb {
  background: url(../images/gdtitle.png) no-repeat center bottom;
  background-size: 4.08rem auto;
  width: 4.08rem;
  height: .40rem;
  display: block;
  margin: .1rem auto 0;
}
.gdtitle .tb1 {
  background: url(../images/gdtitle1.png) no-repeat center bottom;
  background-size: 4.08rem auto;
  width: 4.08rem;
  height: .40rem;
  display: block;
  margin: .1rem auto 0;
}
.aboutpage {
  overflow: hidden;
}
.aboutpage .floor_2 {
  padding-bottom: .3rem;
}
.aboutpage .floor_2 .ntitle2 {
  margin-bottom: .3rem;
}
.aboutpage .info {
  padding: .3rem 3%;
}
.aboutpage .info img {
  max-width: 100% !important;
  display: block;
  height: auto !important;
  margin: 0 auto;
}
.aboutpage .shuju {
  text-align: center;
}
.aboutpage .shuju .item {
  width: 30%;
  display: inline-block;
  border-left: 1px dashed #eee;
  height: 1.0rem;
  margin-bottom: .2rem;
  padding: .2rem;
}
.aboutpage .shuju .item .timer {
  font-size: .3rem;
  font-weight: bold;
  color: #0ca267;
  display: block;
}
.aboutpage .shuju .item p {
  font-size: .2rem;
}
.aboutpage .shuju .item:nth-child(1),
.aboutpage .shuju .item:nth-child(4) {
  border-left: none;
}
.aboutpage .honorlist {
  padding-top: .2rem;
}
.aboutpage .honorlist .item a {
  background: #fff;
}
.aboutpage .floor_3 {
  padding-bottom: .3rem;
  position: relative;
}
.aboutpage .floor_3 .Factory {
  overflow: hidden;
  padding: .3rem 0;
}
.aboutpage .floor_3 .Factory .list {
  width: 210%;
}
.aboutpage .floor_3 .Factory .item {
  float: left;
  width: 3.8rem;
  height: 3.68rem;
}
.aboutpage .floor_3 .Factory .item a {
  display: block;
  padding-bottom: .1rem;
}
.aboutpage .floor_3 .Factory .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.aboutpage .floor_3 .Factory .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.aboutpage .floor_3 .Factory .item h3 {
  font-size: .28rem;
  font-weight: normal;
  padding-top: .2rem;
  border: 1px solid #ddd;
  border-top: none;
  text-align: center;
  height: .78rem;
  overflow: hidden;
}
.aboutpage .floor_3 .Factory .tip {
  padding: .2rem 0;
  text-align: center;
}
.aboutpage .floor_3 .Factory .tip span {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  background: #ccc;
  margin-right: .2rem;
  border-radius: .2rem;
}
.aboutpage .floor_3 .Factory .tip span.cur {
  background: #0ca267;
  width: .4rem;
}
.aboutpage .floor_3 .Factory .swiper-pagination {
  bottom: .2rem;
}
.aboutpage .floor_3 .Factory .swiper-pagination-bullet {
  width: .14rem;
  height: .14rem;
  background: #ccc;
  border-radius: .3rem;
  opacity: 1;
}
.aboutpage .floor_3 .Factory .swiper-pagination-bullet-active {
  background: #0ca267;
  width: .4rem;
}
.aboutpage .Staff {
  padding: .3rem 3% 0;
  overflow: hidden;
}
.aboutpage .Staff img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}
.aboutpage .Staff .item {
  padding-bottom: .5rem;
  position: relative;
}
.aboutpage .Staff .item .txt {
  color: #999;
  position: relative;
  padding-left: 1.0rem;
  padding-bottom: .2rem;
}
.aboutpage .Staff .item .txt .yuan {
  width: .9rem;
  height: .9rem;
  border-radius: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #0ca267;
  color: #fff;
  line-height: .9rem;
  text-align: center;
  font-weight: bold;
}
.aboutpage .Staff .item img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}
.aboutpage .Staff .item:nth-child(2n) .txt {
  padding-left: 0;
  padding-right: 1.0rem;
}
.aboutpage .Staff .item:nth-child(2n) .txt .yuan {
  background: #ffdc6c;
  color: #333;
  right: 0;
  left: auto;
}
.hbk {
  width: 100%;
  height: .2rem;
  background: #f5f5f5;
}
.servicePage {
  overflow: hidden;
}
.servicePage .info {
  padding: .3rem 3%;
}
.servicePage .info img {
  max-width: 100% !important;
  display: block;
  height: auto !important;
  margin: 0 auto;
}
.servicePage .floor_2 {
  padding-bottom: .3rem;
}
.servicePage .swiper-container {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.servicePage .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.teamlist {
  padding: .2rem 3%;
}
.teamlist .item {
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: .2rem;
}
.teamlist .item:nth-child(2n) {
  margin-right: 0;
}
.teamlist .item a {
  display: block;
}
.teamlist .item figure {
  width: 100%;
  padding-top: 133%;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.teamlist .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.teamlist .item .txt {
  border: 1px solid #ddd;
  padding: .2rem 3%;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-top: none;
  z-index: 1;
}
.teamlist .item .txt h3 {
  font-size: .3rem;
  font-weight: bold;
}
.teamlist .item .txt p {
  color: #666;
  font-size: .24rem;
  height: .4rem;
  overflow: hidden;
}
.teamlist .item .baojia {
  width: 90%;
  margin: 0 auto;
  height: .7rem;
  line-height: .7rem;
  text-align: center;
  background: #0ca267;
  color: #fff;
  border-radius: .05rem;
}
/****推荐设计师***/
.tj-designerbox {
  padding-bottom: .4rem;
}
.tj-designerbox .tj-designer {
  overflow: hidden;
  padding-bottom: .3rem;
}
.tj-designerbox .tj-designer .item {
  float: left;
  width: 2.1rem;
  height: 3.8rem;
  margin-right: .2rem;
}
.tj-designerbox .tj-designer .item a {
  display: block;
}
.tj-designerbox .tj-designer .item figure {
  width: 100%;
  padding-top: 133%;
  position: relative;
  overflow: hidden;
  border-radius: .1rem;
  z-index: 2;
}
.tj-designerbox .tj-designer .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.tj-designerbox .tj-designer .item .txt {
  border: 1px solid #ddd;
  padding: 0 3%;
  text-align: center;
  position: relative;
  height: 1rem;
  overflow: hidden;
  border-top: none;
  top: -.06rem;
  z-index: 1;
  border-bottom-right-radius: .1rem;
  border-bottom-left-radius: .1rem;
}
.tj-designerbox .tj-designer .item .txt h3 {
  font-size: .28rem;
  font-weight: normal;
  padding-top: .1rem;
}
.tj-designerbox .tj-designer .item .txt p {
  color: #666;
  font-size: .24rem;
  height: .4rem;
  overflow: hidden;
}
.tj-designerbox .tj-designer .tip {
  padding: .2rem 0;
  text-align: center;
}
.tj-designerbox .tj-designer .tip span {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  background: #ccc;
  margin-right: .2rem;
  border-radius: .2rem;
}
.tj-designerbox .tj-designer .tip span.cur {
  background: #0ca267;
  width: .4rem;
}
.tj-designerbox .tj-designer .swiper-pagination-bullet {
  width: .14rem;
  height: .14rem;
  background: #ccc;
  border-radius: .3rem;
  opacity: 1;
}
.tj-designerbox .tj-designer .swiper-pagination-bullet-active {
  background: #0ca267;
  width: .4rem;
}
.productlist {
  padding: .3rem .2rem;
}
.productlist .item {
  margin-bottom: .2rem;
  display: block;
  position: relative;
}
.productlist .item a {
  display: block;
}
.productlist .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}
.productlist .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.productlist .item h3 {
  font-size: .3rem;
  font-weight: normal;
  padding-top: .2rem;
}
.productlist .item span {
  width: .38rem;
  height: .36rem;
  display: block;
  background-position: -3.3rem -.68rem;
  margin-top: .2rem;
}
/*详情预约*/
.yuyuebox {
  width: 100%;
  text-align: center;
  padding: 0;
  background: #fff;
  z-index: 999;
}
.yuyuebox .box {
  margin: 0 auto;
  max-width: 640px;
  min-width: 320px;
  padding: 3%;
}
.yuyuebox .box a {
  display: block;
  width: 50%;
  float: left;
  box-sizing: border-box;
  border: 1px solid #eee;
  height: .75rem;
  line-height: .75rem;
  font-size: .26rem;
}
.yuyuebox .box a em {
  width: .32rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .1rem;
  background-position: -2.72rem -1.06rem;
}
.yuyuebox .box a.tel {
  border-bottom-left-radius: .1rem;
  border-top-left-radius: .1rem;
}
.yuyuebox .box a.yue {
  border: 1px solid #0ca267;
  color: #fff;
  border-bottom-right-radius: .1rem;
  border-top-right-radius: .1rem;
  background: radial-gradient(#8ac06a, #16a467);
}
.yuyuebox .box a.yue em {
  background-position: -3.08rem -1.06rem;
}
.yuyuefudong {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  display: none;
}
.yuyuefudong .box {
  margin: 0 auto;
  width: 6.0rem;
  padding: 3%;
  background: #fff;
  position: relative;
}
.yuyuefudong .box h3 {
  text-align: center;
  font-size: .3rem;
  font-weight: normal;
  padding: .3rem 0;
  position: relative;
  z-index: 3;
}
.yuyuefudong .box .txt {
  position: relative;
  width: 5.6rem;
  border: 1px solid #ddd;
  box-sizing: border-box;
  height: .75rem;
  line-height: .75rem;
  outline: none;
  border-radius: .05rem;
  background: url(../images/phone.png) no-repeat .1rem center;
  background-size: .3rem auto;
  text-indent: .5rem;
}
.yuyuefudong .box p {
  color: #0ca267;
  padding: .2rem 0;
}
.yuyuefudong .box p em {
  width: .3rem;
  height: .32rem;
  display: inline-block;
  vertical-align: middle;
  background-position: -3.43rem -1.06rem;
  margin-right: .1rem;
}
.yuyuefudong .box p i {
  padding: 0 .1rem;
}
.yuyuefudong .box a {
  height: .75rem;
  line-height: .75rem;
  text-align: center;
  display: block;
  background: radial-gradient(#8ac06a, #16a467);
  color: #fff;
  border-radius: .05rem;
}
.yuyuefudong .box a em {
  width: .32rem;
  height: .26rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .1rem;
  background-position: -1.84rem -2.62rem;
}
.yuyuefudong .box .close {
  width: .24rem;
  height: .24rem;
  display: block;
  background-position: -3.76rem -0.16rem;
  position: absolute;
  right: 3%;
  top: .5rem;
  z-index: 0;
}
.yuyuefudong .box .submit {
  height: .75rem;
  line-height: .75rem;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  bottom: .2rem;
  width: 6.0rem;
  border: none;
  opacity: 0;
}
.xfbaojia {
  position: fixed;
  z-index: 999;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #333;
  height: 1.0rem;
}
.xfbaojia .shebei {
  width: 30%;
  float: left;
}
.xfbaojia .shebei img {
  max-width: 100%;
  display: block;
}
.xfbaojia form {
  width: 70%;
  float: right;
}
.xfbaojia .xfbj {
  padding: .2rem;
}
.xfbaojia .xfbj .stel {
  width: 1.86rem;
  height: .6rem;
  line-height: .6rem;
  background: #535353;
  font-size: .24rem;
  outline: none;
  text-align: center;
  border: none;
}
.xfbaojia .xfbj .sbtn {
  width: 2.05rem;
  height: .6rem;
  line-height: .6rem;
  background: #ffdc6c;
  color: #333;
  outline: none;
  border: none;
}
.showproduct {
  padding: 0;
}
.showproduct .showinfo {
  padding: 0;
}
.showproduct .mark {
  text-align: center;
  color: #999;
  font-size: .22rem;
  padding-bottom: .3rem;
}
.showproduct .mark span {
  padding-right: 3%;
}
.showproduct .casephoto {
  position: relative;
  overflow: hidden;
  padding-bottom: .2rem;
}
.showproduct .casephoto .hd {
  width: 100%;
  height: 14px;
  position: absolute;
  z-index: 1;
  bottom: 5%;
  text-align: center;
}
.showproduct .casephoto .hd li {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  -webkit-border-radius: .2rem;
  -moz-border-radius: .2rem;
  border-radius: .2rem;
  background: #fff;
  margin: 0 .05rem;
  vertical-align: top;
  overflow: hidden;
  text-indent: -1000px;
}
.showproduct .casephoto .hd li.on {
  background: #0ca267;
  width: .4rem;
}
.showproduct .casephoto .bd {
  position: relative;
  z-index: 0;
}
.showproduct .casephoto .bd li img {
  width: 100%;
  height: 4.5rem;
  border-radius: 5px;
}
.showproduct .continfo {
  padding-bottom: .4rem;
}
.showproduct .continfo img {
  max-width: 100% !important;
}
.showproduct .continfo .tit {
  text-align: center;
  font-size: .32rem;
  color: #0ca267;
  font-weight: bold;
}
.showproduct .continfo .con {
  padding-bottom: .4rem;
}
.showproduct .sjinfo {
  width: 100%;
  position: relative;
  padding: 0;
  margin-bottom: .3rem;
}
.showproduct .sjinfo a {
  display: block;
  padding: .2rem;
}
.showproduct .sjinfo figure {
  width: 1.82rem;
  position: relative;
  overflow: hidden;
  float: left;
  height: 3.18rem;
}
.showproduct .sjinfo figure img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.showproduct .sjinfo .txt {
  width: 65%;
  padding-top: .2rem;
}
.showproduct .sjinfo h3 {
  font-size: .3rem;
  padding-right: .1rem;
  font-weight: bold;
  display: block;
  vertical-align: middle;
}
.showproduct .sjinfo h4 {
  font-size: .2rem;
  display: block;
  font-weight: normal;
}
.showproduct .sjinfo p {
  color: #666;
  font-size: .2rem;
  padding-bottom: .2rem;
}
.showproduct .sjinfo span {
  padding-left: .2rem;
}
.showproduct .sjinfo .cont {
  color: #888;
  font-size: .18rem;
}
.showproduct .sjinfo .cont b {
  color: #333;
  font-size: .2rem;
}
.showproduct .contbox img {
  max-width: 100% !important;
  display: block;
  margin: .1rem auto;
  border-radius: .05rem;
}
.showproduct .showTit {
  padding: 3%;
  text-align: left;
}
.showproduct .showTit h1 {
  border-bottom: 1px solid #ddd;
  font-size: .34rem;
  font-weight: bold;
  color: #0ca267;
  padding-left: 3%;
}
.showproduct .showTit .cont {
  padding: 3% 0;
  color: #888;
}
.showproduct .baseinfo {
  padding: 0 3% .3rem;
}
.showproduct .baseinfo .desc {
  background: #fff;
  box-shadow: 0 1px 10px #e4e4e4;
  border-radius: .1rem;
  margin-bottom: .3rem;
  position: relative;
  padding: .2rem;
  border: 1px solid #dddddd;
}
.showproduct .baseinfo .desc p b {
  color: #888;
  font-size: .26rem;
}
.showproduct .baseinfo .desc .webtel {
  width: 40%;
  position: absolute;
  right: 0;
  top: .2rem;
  text-align: right;
  padding-right: .2rem;
}
.showproduct .baseinfo .desc .webtel h3 {
  font-weight: bold;
  font-size: .3rem;
  color: #333;
}
.showproduct .baseinfo .desc .webtel h3 em {
  width: .34rem;
  height: .34rem;
  display: inline-block;
  margin-left: .1rem;
  background-position: -2.1rem -1.34rem;
}
.showproduct .baseinfo .desc .webtel span {
  color: #0ca267;
  font-weight: bold;
}
.showproduct .baseinfo2 {
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  padding: .3rem 3%;
}
.showproduct .baseinfo2 .tit {
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  height: .68rem;
  line-height: .68rem;
  text-align: center;
  border-radius: .1rem;
}
.showproduct .baseinfo2 .tit h3 {
  width: 33.3333%;
  font-weight: normal;
  display: block;
  float: left;
  font-size: .24rem;
}
.showproduct .baseinfo2 .tit h3 em {
  width: 0.32rem;
  height: 0.32rem;
  display: inline-block;
  margin-right: .1rem;
  vertical-align: middle;
}
.showproduct .baseinfo2 .tit h3:nth-child(1) em {
  background-position: 0 -1.36rem;
}
.showproduct .baseinfo2 .tit h3:nth-child(2) em {
  background-position: -.36rem -1.36rem;
}
.showproduct .baseinfo2 .tit h3:nth-child(3) em {
  background-position: -.72rem -1.36rem;
}
.showproduct .baseinfo2 .tit h3.hover {
  background: #0ca267;
  color: #fff;
  border-radius: .1rem;
  background: radial-gradient(#6bbb6a, #11a668);
}
.showproduct .baseinfo2 .tit h3.hover:nth-child(1) em {
  background-position: -1.04rem -1.36rem;
}
.showproduct .baseinfo2 .tit h3.hover:nth-child(2) em {
  background-position: -1.39rem -1.36rem;
}
.showproduct .baseinfo2 .tit h3.hover:nth-child(3) em {
  background-position: -1.76rem -1.36rem;
}
.showproduct .baseinfo2 .desc img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.showproduct .baseinfo2 .desc .continfo {
  display: none;
  padding: .2rem 0;
}
.showproduct .baseinfo2 .desc .continfo:first-child {
  display: block;
}
.showproduct .messagePage .tit {
  padding-top: 0;
  padding-bottom: .2rem;
}
.toptit {
  height: .8rem;
  line-height: .8rem;
  background: #0ca267;
  color: #fff;
  position: relative;
  padding: 0 3%;
}
.toptit h3 {
  font-size: .24rem;
}
.toptit .goBack1 {
  font-weight: bold;
  color: #fff;
  display: block;
  width: 15%;
  position: absolute;
  right: 0;
  top: 0;
  height: .8rem;
  padding-right: 3%;
}
.toptit .btn {
  font-weight: bold;
  color: #fff;
  display: block;
  width: 26%;
  position: absolute;
  right: 0;
  top: 0;
  height: .8rem;
  padding-right: 3%;
  text-align: right;
}
.toptit .btn em {
  width: .32rem;
  height: .32rem;
  display: inline-block;
  margin-left: .1rem;
  background-position: -3.32rem -.16rem;
}
.fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: 5;
  display: none;
}
.product-slideup {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  padding-top: 0.27rem;
  z-index: 1000;
  display: none;
}
.product-slideup .pro-title {
  font-size: 0.3rem;
  color: #333;
  text-align: center;
  line-height: 0.8rem;
}
.product-slideup li {
  display: block;
  line-height: 0.8rem;
  border-bottom: 1px solid #ddd;
  height: 0.8rem;
  overflow: hidden;
  font-size: 0.28rem;
  color: #888;
  width: 94%;
  margin: 0 auto;
}
.product-slideup li a {
  display: block;
}
.product-slideup li img {
  width: 0.68rem;
  margin-right: .1rem;
  display: block;
  float: left;
  max-height: .54rem;
  margin-top: .2rem;
}
.product-slideup .btn-hide {
  height: 0.8rem;
  background: #333333;
  text-align: center;
  line-height: 0.8rem;
  color: #fff;
}
/****推荐产品***/
.re_probox {
  padding: .2rem 0;
  position: relative;
}
.re_probox .tj_pro {
  overflow: hidden;
  padding: .3rem 0;
}
.re_probox .tj_pro .list {
  width: 210%;
}
.re_probox .tj_pro .item {
  float: left;
  width: 3.8rem;
  height: 3.68rem;
}
.re_probox .tj_pro .item a {
  display: block;
  padding-bottom: .1rem;
}
.re_probox .tj_pro .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.re_probox .tj_pro .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.re_probox .tj_pro .item h3 {
  font-size: .28rem;
  font-weight: normal;
  padding-top: .2rem;
  border: 1px solid #ddd;
  border-top: none;
  text-align: center;
  height: .78rem;
  overflow: hidden;
}
.re_probox .tj_pro .tip {
  padding: .2rem 0;
  text-align: center;
}
.re_probox .tj_pro .tip span {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  background: #ccc;
  margin-right: .2rem;
  border-radius: .2rem;
}
.re_probox .tj_pro .tip span.cur {
  background: #0ca267;
  width: .4rem;
}
.re_probox .tj_pro .swiper-pagination-bullet {
  width: .14rem;
  height: .14rem;
  background: #ccc;
  border-radius: .3rem;
  opacity: 1;
}
.re_probox .tj_pro .swiper-pagination-bullet-active {
  background: #0ca267;
  width: .4rem;
}
/****新闻***/
.thumblist .item {
  border-top: 1px solid #ddd;
  padding: .2rem 0;
}
.thumblist .item:first-child {
  border-top: none;
}
.thumblist .item a {
  display: block;
}
.thumblist .item figure {
  width: 35%;
  padding-top: 20%;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 3%;
}
.thumblist .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.thumblist .item h3 {
  font-size: .26rem;
  height: .8rem;
  overflow: hidden;
  font-weight: normal;
}
.thumblist .item .time {
  font-size: .2rem;
  color: #999;
  padding-top: .16rem;
}
.thumblist.khpingjia .item figure {
  width: 27%;
  padding-top: 20%;
}
.shownews .Article-title {
  padding: 3% 0;
  border-bottom: 1px solid #ddd;
}
.shownews .Article-title h1 {
  font-size: .4rem;
  font-weight: normal;
}
.shownews .Article-title .mark {
  color: #666;
  font-size: .22rem;
}
.shownews .Article-title .mark span {
  padding-right: .2rem;
  display: inline-block;
}
.shownews .Article-title .mark span s {
  width: .3rem;
  height: .22rem;
  display: inline-block;
  margin-right: .1rem;
}
.shownews .Article-title .mark span.liul s {
  background-position: 0 0;
}
.shownews .Article-title .mark span.time s {
  background-position: -.34rem 0;
}
.shownews .newsinfo {
  padding: 3% 0;
}
.shownews .newsinfo img {
  max-width: 100% !important;
}
/*招聘*/
.joblist .item {
  border-bottom: 1px solid #ddd;
}
.joblist .item a {
  display: block;
  padding: .4rem 0;
}
.joblist .item .money {
  display: block;
  color: #0ca267;
  font-size: .3rem;
}
.joblist .item h3 {
  font-weight: normal;
  font-size: .28rem;
  height: .5rem;
  line-height: .5rem;
}
.joblist .item p {
  color: #666;
  font-size: .2rem;
}
.joblist .item p i {
  padding: 0 .2rem;
  color: #666;
  font-family: arial;
}
.moreBtn {
  width: 100%;
  margin: .3rem auto 0;
  text-align: center;
  color: #000;
  height: 0.88rem;
  line-height: 0.88rem;
  display: block;
  background: #f1f1f1;
}
.noinfor {
  padding: 3%;
}
.noinfor img {
  max-width: 100% !important;
}
/*单页*/
.singlepage img {
  max-width: 100% !important;
}
.singlepage .bigmap {
  margin-bottom: .2rem;
}
.contactPage {
  padding: 3%;
}
.contactPage .tit {
  text-align: center;
  padding: .3rem 0;
}
.contactPage .tit h3 {
  color: #0ca267;
  font-size: .32rem;
  text-decoration: underline;
}
.contactPage img {
  max-width: 100% !important;
}
.contactinfo {
  padding: .2rem 0;
}
.contactinfo h2 {
  text-align: center;
  color: #0ca267;
  font-size: .3rem;
  padding: 0 3%;
}
.contactinfo .cont .item {
  border-bottom: 1px dashed #eee;
  padding-bottom: .2rem;
}
.contactinfo .cont .ewm img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.contactinfo .cont .ewm span {
  display: block;
  text-align: center;
  color: #0ca267;
}
.contactinfo .cont .tit {
  text-align: center;
}
.contactinfo .cont .it2 {
  text-align: center;
}
.contactinfo .cont .it2 p {
  position: relative;
  padding-left: .5rem;
  color: #0ca267;
  font-size: .24rem;
  font-weight: bold;
  margin-bottom: .2rem;
}
.contactinfo .cont .it2 p em {
  width: .38rem;
  height: .42rem;
  background: url(../images/tb1.png) no-repeat;
  background-size: .92rem auto;
  display: inline-block;
  margin-right: .1rem;
  vertical-align: middle;
}
.contactinfo .cont .it2 p.p1 {
  font-size: .28rem;
}
.contactinfo .cont .it2 p.p1 em {
  background-position: 0 0;
}
.contactinfo .cont .it2 p.p2 {
  font-size: .28rem;
}
.contactinfo .cont .it2 p.p2 em {
  background-position: -.48rem 0;
}
.contactinfo .cont .it2 p.p3 em {
  background-position: 0 -.52rem;
}
.contactinfo .cont .yx {
  text-align: center;
  color: #0ca267;
}
.contactinfo .cont .yx img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
/*荣誉资质*/
.honorlist .list {
  padding: 3%;
}
.honorlist .item {
  width: 49%;
  float: left;
  margin-right: 2%;
  margin-bottom: .2rem;
  text-align: center;
}
.honorlist .item:nth-child(2n) {
  margin-right: 0;
}
.honorlist .item a {
  display: block;
}
.honorlist .item figure {
  width: 100%;
  padding-top: 129%;
  position: relative;
  overflow: hidden;
}
.honorlist .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.honorlist .item h3 {
  font-size: .26rem;
  font-weight: normal;
  height: .6rem;
  line-height: .6rem;
}
.honorlist2 {
  overflow: hidden;
  padding: 0;
  width: 100%;
  margin: .1rem auto 0;
  background: url(../images/honor_di.jpg) repeat-y left top;
  background-size: 6.4rem auto;
}
.honorlist2 .list {
  padding: 0 3%;
}
.honorlist2 .item {
  width: 49%;
  float: left;
  text-align: center;
  margin-right: 2%;
  height: 3.44rem;
  background: url(../images/honorbk.png) no-repeat center top;
  background-size: 2.8rem auto;
  margin-top: .2rem;
}
.honorlist2 .item:nth-child(2n) {
  margin-right: 0;
}
.honorlist2 .item a {
  display: block;
  padding: .1rem .2rem;
  height: 2.3rem;
}
.honorlist2 .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}
.honorlist2 .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.honorlist2 .item h3 {
  font-size: .26rem;
  font-weight: bold;
  height: .6rem;
  line-height: .6rem;
}
.noerr {
  text-align: center;
  color: red;
  padding-top: .4rem;
}
/******common css end*******/
/*fenx*/
#nativeShare {
  margin: 0 auto;
  width: 100%;
  padding-top: 0.3rem;
}
#nativeShare .label {
  margin-left: 0.2rem;
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.6rem;
}
#nativeShare .list {
  width: 83%;
  float: right;
}
#nativeShare .list span {
  height: 0.9rem;
  width: 0.8rem;
  padding: 0;
  display: inline-block;
}
#nativeShare .list span i {
  height: 0.6rem;
  width: 0.6rem;
  display: block;
  margin: 0 auto;
}
#nativeShare .weibo i {
  background-image: url('../images/weibo.png');
  background-size: cover;
}
#nativeShare .weixin i {
  background-image: url('../images/weixin_friend.png');
  background-size: cover;
}
#nativeShare .weixin_timeline i {
  background-image: url('../images/weixin.png');
  background-size: cover;
}
#nativeShare .qq i {
  background-image: url('../images/qq.png');
  background-size: cover;
}
#nativeShare .qzone i {
  background-image: url('../images/qqzone.png');
  background-size: cover;
}
#nativeShare .more i {
  background-image: url('../images/more.png');
  background-size: cover;
}
#nativeShare .list span.qzone,
#nativeShare .list span.more {
  width: 0.72rem;
}
#fenxiang {
  display: none;
}
.fenx {
  height: 1.0rem;
  width: 100%;
}
.fenx .tt {
  margin-left: 0.2rem;
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.6rem;
}
.fenx .bdsharebuttonbox {
  width: 80%;
}
.fenx .bdsharebuttonbox a {
  margin-left: 0.2rem;
}
#bdfx a {
  height: 0.6rem;
  width: 0.6rem;
  margin: 0;
  padding: 0;
  margin: 0px 0.08rem;
  display: inline-block;
}
#bdfx .d1 {
  background: url(../images/qqzone.png) no-repeat center;
  background-size: 100% 100%;
}
#bdfx .d2 {
  background: url(../images/weibo.png) no-repeat center;
  background-size: 100% 100%;
}
#bdshare {
  width: 100%;
  padding: .2rem 0;
}
#bdshare a {
  display: inline-block;
  background: url(../images/icon.png) no-repeat;
  background-size: 4.0rem auto;
  width: .48rem;
  height: .48rem;
  margin-right: .2rem;
}
#bdshare .bds_tsina {
  background-position: -1.2rem -.42rem;
}
#bdshare .bds_weixin {
  background-position: -1.8rem -.42rem;
}
#bdshare .bds_sqq {
  background-position: -2.38rem -.42rem;
}
.nodata {
  text-align: center;
  padding: 3%;
}
/******动画*****/
.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.delay100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
.delay200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.delay300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
/***************commentPage**************/
/*****通用*****/
@media only screen and (min-width: 641px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 640px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 540px) {
  html {
    font-size: 84.375px;
  }
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 75px;
  }
}
@media only screen and (max-width: 414px) {
  html {
    font-size: 64.6875px;
  }
}
@media only screen and (max-width: 400px) {
  html {
    font-size: 62.5px;
  }
}
@media only screen and (max-width: 375px) {
  html {
    font-size: 58.5938px;
  }
}
@media only screen and (max-width: 360px) {
  html {
    font-size: 56.25px;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
/*# sourceMappingURL=style.css.map */