@charset "utf-8";
/*基本*/
* {
  padding: 0;
  margin: 0;
  font-size: 0.24rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  color: #666;
  padding: 0;
  margin: 0 auto;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
  max-width: 750px;
  background: #fff;
  background-size: 7.5rem auto;
}
body:before,
body:after {
  content: "";
  width: 100%;
  display: block;
}
body:before {
  height: 0.9rem;
}
body:after {
  height: 1.11rem;
}
div {
  margin: 0;
  padding: 0;
  border: 0;
  color: #666;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
  max-width: 100%;
}
p {
  margin: 0;
}
b,
strong {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;/* Remove most spacing between table cells.*/
}
li {
  list-style: none outside none;
}
/*链接*/
a {
  text-decoration: none;
  color: #333;
  background: transparent;
  outline: none;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  color: #333;
  outline: none;
}
/*清除浮动*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/*表单*/
form {
  margin: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  /* Correct font size not being inherited in all browsers. */
  margin: 0;
  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
  vertical-align: baseline;
  /* Improve appearance and consistency in all browsers */
  *vertical-align: middle;/* Improve appearance and consistency in all browsers */
}
button,
select {
  text-transform: none;
}
/*其它*/
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
code,
kbd,
pre,
samp {
  font-size: 1em;
}
pre {
  margin: 1em 0;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;/* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
dl {
  margin: 1em 0;
}
dd {
  margin: 0;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
.dialog-layout {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 1rem;
  z-index: 101;
  background: #000;
  opacity: .6;
}
/*----------@@HTML默认  结束@@----------*/
/*----------@@通用 开始@@----------*/
/*清除浮动*/
.clear {
  display: block;
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.left {
  float: left;
}
.right {
  float: right;
}
.animated {
  -webkit-animation: 1s ease;
  -moz-animation: 1s ease;
  -ms-animation: 1s ease;
  -o-animation: 1s ease;
  animation: 1s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.route1,
.route2,
.route3,
.route4,
.route5,
.route6 {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.route1 {
  -webkit-transition: -webkit-transform 0.3s ease-out 0s;
  -moz-transition: -moz-transform 0.3s ease-out 0s;
  -o-transition: -o-transform 0.3s ease-out 0s;
  -ms-transition: -ms-transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s;
}
.route2 {
  -webkit-transition: -webkit-transform 0.3s ease-out 0.3s;
  -moz-transition: -moz-transform 0.3s ease-out 0.3s;
  -o-transition: -o-transform 0.3s ease-out 0.3s;
  -ms-transition: -ms-transform 0.3s ease-out 0.3s;
  transition: transform 0.3s ease-out 0.3s;
}
.route3 {
  -webkit-transition: -webkit-transform 0.3s ease-out 0.6s;
  -moz-transition: -moz-transform 0.3s ease-out 0.6s;
  -o-transition: -o-transform 0.3s ease-out 0.6s;
  -ms-transition: -ms-transform 0.3s ease-out 0.6s;
  transition: transform 0.3s ease-out 0.6s;
}
.route4 {
  -webkit-transition: -webkit-transform 0.3s ease-out 0.9s;
  -moz-transition: -moz-transform 0.3s ease-out 0.9s;
  -o-transition: -o-transform 0.3s ease-out 0.9s;
  -ms-transition: -ms-transform 0.3s ease-out 0.9s;
  transition: transform 0.3s ease-out 0.9s;
}
.route5 {
  -webkit-transition: -webkit-transform 0.3s ease-out 1.2s;
  -moz-transition: -moz-transform 0.3s ease-out 1.2s;
  -o-transition: -o-transform 0.3s ease-out 1.2s;
  -ms-transition: -ms-transform 0.3s ease-out 1.2s;
  transition: transform 0.3s ease-out 1.2s;
}
.route6 {
  -webkit-transition: -webkit-transform 0.3s ease-out 1.5s;
  -moz-transition: -moz-transform 0.3s ease-out 1.5s;
  -o-transition: -o-transform 0.3s ease-out 1.5s;
  -ms-transition: -ms-transform 0.3s ease-out 1.5s;
  transition: transform 0.3s ease-out 1.5s;
}
.route {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.icon {
  background: url("../images/icon.png") no-repeat;
  background-size: 5rem auto;
  vertical-align: middle;
  display: block;
}
#top,
#logo,
#navigation,
#banner,
#location,
#announcement,
#link,
#copyright {
  width: 100%;
  margin: 0 auto;
}
/***************top and bottom css*********************/
/*tsearch*/
.tsearch {
  width: 100%;
  height: 0.7rem;
  padding: 0.2rem 3%;
  position: absolute;
  left: 0;
  top: 0.9rem;
  z-index: 1122;
  background: #efefef;
  border-top: 1px solid #d3d3d3;
  display: none;
}
.tsearch .txt {
  width: 75%;
  color: #000;
  text-indent: 0.2rem;
  color: #666;
  font-size: 0.22rem;
  height: 0.6rem;
  background: #fff;
  border: 1px solid #bbb;
  position: absolute;
  box-sizing: border-box;
  left: 2%;
  top: 0.2rem;
}
.tsearch .btn {
  color: #fff;
  font-size: 0.22rem;
  width: 20%;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  border: 0;
  background: #cc2522;
  position: absolute;
  right: 3%;
  top: 0.2rem;
}
.tsearch.bsearch {
  display: block;
  position: relative;
  z-index: 10;
  margin: 0.3rem auto;
  background: none;
  border-top: 0;
  top: 0;
}
.tsearch.bsearch .txt {
  height: 0.76rem;
}
.tsearch.bsearch .btn {
  height: 0.76rem;
  line-height: 0.76rem;
}
.tsearch.bsearch:before {
  top: 0.36rem;
}
/**header_main**/
.header_main {
  width: 100%;
  height: 0.9rem;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 100;
  background: url("../images/in_head.jpg") center top no-repeat;
  box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.2);
  position: fixed;
}
.header_main .search {
  width: 0.36rem;
  height: 0.36rem;
  position: absolute;
  left: 0.38rem;
  top: 0.27rem;
  background-position: 0 -.96rem;
  z-index: 10;
}
.header_main .search.on {
  background-position: 0 -.41rem;
}
.header_main .logo img {
  display: block;
  margin: 0 auto;
  padding-top: 0.26rem;
  height: 0.4rem;
  box-sizing: content-box;
}
.header_main .h1 img {
  height: 0.32rem;
  line-height: 0.32rem;
  margin: 0.36rem 0 0 1.41rem;
  color: #fff;
}
.header_main .navbtn {
  width: 0.9rem;
  height: 0.86rem;
  padding-top: 0.27rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.header_main .navbtn s {
  width: 0.42rem;
  height: 0.36rem;
  display: block;
  margin: 0 auto;
  background-position: -.51rem 0;
}
.header_main .navbtn.cur s {
  background-position: -1.92rem 0;
}
.header_main .goBack {
  width: 1rem;
  height: 0.8rem;
  position: absolute;
  left: 0;
  top: 0;
}
.header_main .goBack:before {
  width: 0.22rem;
  height: 0.36rem;
  margin: 0.28rem auto 0;
  background: url("../g-images/g-ico.png") no-repeat;
  background-size: 4rem auto;
  background-position: -.98rem -.9rem;
  content: '';
  display: block;
}
.header_main .search_ico {
  display: block;
  position: absolute;
  right: 0.84rem;
  top: 0;
  text-align: center;
  cursor: pointer;
  width: 0.8rem;
  height: 1rem;
  z-index: 6;
  padding-top: 0.34rem;
}
.header_main .search_ico s {
  width: 0.45rem;
  height: 0.45rem;
  margin: 0 auto;
  background-position: -.62rem 0;
}
.header_main .search_ico.on {
  background: #fff;
}
.header_main .search_ico.on s {
  background-position: -1.92rem 0;
}
.header_main .tsearch {
  width: 100%;
  padding: 0.2rem;
  position: absolute;
  left: 0;
  top: 0.9rem;
  background: #fff;
  display: none;
  z-index: 10;
}
.header_main .tsearch s {
  right: 0.45rem;
  top: 0.34rem;
}
/*subNav*/
.subNav {
  position: fixed;
  max-width: 750px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
}
.subNav .subNavCon {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
}
.subNav .close {
  width: 0.42rem;
  height: 0.4rem;
  display: block;
  position: absolute;
  right: 0.28rem;
  top: 0.28rem;
  margin: 0 auto;
  background-position: 0 -.44rem;
}
.subNav ul {
  width: 100%;
  padding: 0.8rem 0 0.5rem;
  overflow-y: auto;
  height: 100%;
}
.subNav li {
  width: 94%;
  display: block;
  line-height: 0.8rem;
  margin: 0 3%;
  position: relative;
}
.subNav li a {
  display: block;
  color: #333;
  font-size: 0.26rem;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.subNav li a s {
  width: 0.25rem;
  height: 0.25rem;
  display: block;
  text-align: center;
  color: #333;
  font-size: 0.24rem;
  background-position: -3.68rem 0;
  margin-top: 0.34rem;
  margin-right: 0.1rem;
}
.subNav li a.on {
  color: #d7ab7e;
}
.subNav li a.on s {
  background-position: -3.28rem 0;
}
.subNav li .box {
  display: none;
}
.subNav li .box a {
  border-color: #f9f9f9;
  height: 0.6rem;
  line-height: 0.6rem;
  color: #333 !important;
  font-size: 0.24rem;
}
.subNav li.hover a {
  color: #d7ab7e;
}
.subNavShow {
  display: block;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
  bottom: 0.3rem;
  width: 100%;
}
.banner .swiper-pagination-bullet {
  width: 0.31rem;
  height: 3px;
  border-radius: 1px;
  background: #fff;
  opacity: 1;
}
.banner .swiper-pagination-bullet-active {
  background: #cc2522;
  width: 0.43rem;
}
.in_tit {
  text-align: center;
  padding-top: .64rem;
  padding-bottom: .3rem;
}
.in_tit h3 {
  font-size: .36rem;letter-spacing:.16rem;
    padding-left:.16rem;
}
.in_1 {
  padding: 0 2%; background: url(../images/in_1.jpg) center top no-repeat; padding-bottom:.5rem;
  background-size: cover;
}
.in_1 li {
  float: left;
  width: 32%;
  margin-left: 2%;
  overflow: hidden;
}
.in_1 li figure {
  position: relative;
  padding-top: 133%;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: .1rem .1rem 0 0;
}
.in_1 li figure img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
}
.in_1 li p {
  background: #000;
  color: #fff;
  font-size: .26rem;
  line-height: .62rem;
  text-align: center;
  border-radius: 0 0 .1rem .1rem;
}
.in_1 li:first-child {
  margin-left: 0;
}
.in_1 h1 {
  text-align: center;
  font-size: .3rem;
  margin: .34rem 0;
}
.in_1 .txt p {
  text-indent: 2em;
}
.in_more {
  width: 100%;
  line-height: .62rem;
  background: #cc2522;
  color: #fff;
  border-radius: .1rem;
  margin: .3rem 0;
}
.in_more a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
}
.in_2 {
  background: url(../images/in2_bg.jpg) center top no-repeat;
  height: 8.36rem;
  background-size:100% 100%;
}
.in_kt{background: url(../images/in2_kt.jpg) center top no-repeat;
  height: 8.36rem;
  background-size:100% 100%;}
.in_yy{background: url(../images/in2_yy.jpg) center top no-repeat;
  height: 8.36rem;
  background-size:100% 100%;}
.in_yy ul{margin-top:.2rem;}
.in_yy li{width:47%;float:left; margin-left:2%;border:1px solid #699fc1;background:#76c5f0;line-height:.9rem;border-radius:.45rem;font-size:.24rem;text-align:center;margin-bottom:.2rem;}
.in_yy li:nth-child(2n){background:#c1c1c1;}
.in_2 .p {
  
  color: #666; padding:0 2%;
}
.in_2 p {
  text-indent:2em;
  color: #666; padding:0 2%;
}
.in_2 .a {
  text-align: center;
  margin-top: .42rem;
}
.in_2 .a a {
  width: 1.9rem;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  display: inline-block;
  background: #666;
  color: #fff;
  margin: 0 .09rem;
  border-radius: .1rem;
}
.in_2 .a a:first-child {
  background: #cc2522;
}
.in_3 {
  background: url(../images/in3_bg.jpg) center top no-repeat;
  height: 1.81rem;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.in_3 span {
  font-weight: bold;
}
.in_3 p {
  font-size: .28rem;
  padding-top: .1rem;
}
.in_3 h3 {
  padding-top: .41rem;
  font-weight: 400;
  font-size: .34rem;
}
.in_4 {
  background: url(../images/in4_bg.jpg) center top no-repeat;
  height: 7.34rem;
  background-size: cover;
  text-align: center;
  padding: 0 2%;
}
.in_4_add{height:auto; padding-bottom:.2rem;}
.in_4 figure {
  position: relative;
  padding-top: 75%;
  display: block;
  width: 100%;
  overflow: hidden;
}
.in_4_add figure {padding-top:133%;}
.in_4 figure img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.in_4 .swiper-container {
  width: 4.77rem;
  height: auto;
  overflow: inherit;
}
.in_4 .swiper-slide {
  width: 100%;
  background: #76c5f0; 
  overflow: hidden;
  box-sizing: border-box;
  height: auto;text-align:left;
  border-radius: .1rem;
}
.in_4 .swiper-wrapper {
  height: auto;
}
.in_4 .swiper-container h3{padding:.2rem;line-height:.6rem; height:1.6rem;box-sizing:border-box;}
.in_4 .swiper-container p {
  line-height: .5rem;background:#c1c1c1; padding:.2rem; height:1.4rem;box-sizing:border-box;
}
.in_4 .p p{line-height:.45rem; background:none;}
.in_4 .swiper-pagination {
  overflow: hidden;
}
.in_4 .swiper-button-next,
.in_4 .swiper-button-prev {
  width: .4rem;
  height: .89rem;
  background: #cc2522;
  border-radius: .1rem;
  left: -.9rem;
  line-height: .89rem;
  color: #fff;
  font-size: .28rem;
}
.in_4 .swiper-button-next {
  left: auto;
  right: -.9rem;
}
.in_4 .swiper-button-next.swiper-button-disabled,
.in_4 .swiper-button-prev.swiper-button-disabled {
  background: #bfbfbf;
  opacity: 1;
}
.in_4 .in_more {
  margin-top: .8rem;
}
.in_5 {
  background: url(../images/in5_bg.jpg) center top no-repeat;
  background-size: cover;
  padding-bottom: .5rem;
}
.in_5 .in_tit {
  text-align: center;
}
.in_5 .in_tit img {
  text-align: center;
  display: block;
  width: .61rem;
  margin: .1rem auto;
}
.in_5 .in_more {
  margin: 0 2%;
  width: auto;
  margin-top: .5rem;
}
.in_5 .body{
  text-align: center;
  margin: 0 auto .4rem;overflow: hidden;
}
.in_5 h4{color:#fff;font-size:.3rem; letter-spacing:.1rem; margin:0 auto;line-height:.9rem; padding-left:.1rem; margin-top:.46rem;margin-bottom:.5rem;background:#017cc2;width:80%;border-radius:.2rem;}
.in_5 dl dd {
     float: left; margin-bottom: .46rem;width:50%;
}
.in_5 dl dd:nth-child(2n){float:right;}
.in_5 dl a {
  
    color: #333;
    font-size:.3rem;
    width:2rem; height:2rem;border-radius:100%;border:1px solid #257bac;background:#76c5f0;text-align:center;box-sizing:border-box; line-height:2rem;
    display: block; margin:0 auto;
    
    
}
.in_5 dl dd:nth-child(5) a,.in_5 dl dd:nth-child(6) a{ padding-top:.6rem;line-height:.4rem;}
.in_5 dl dd:nth-child(2n) a{background:#c1c1c1;}
.in_5 dl a:hover {
  font-weight:bold;
}
.index_2 {
  background: url(../images/index_2.jpg) center top no-repeat;
  background-size: cover;
  padding-bottom: .8rem;
  overflow: hidden;
}
.index_2 .in_tit {
  text-align: center;
}
.index_2 .in_tit img {
  text-align: center;
  display: block;
  width: .61rem;
  margin: .1rem auto;
}
.index_2 .in_more {
  width: auto;
  margin: 0 2%;
}
.index_2 ul{margin-top:.2rem; margin-bottom:.2rem;}
.index_2 li{width:47%;float:left; margin-left:2%;border:1px solid #699fc1;background:#76c5f0;line-height:.9rem;border-radius:.45rem;font-size:.24rem;text-align:center;margin-bottom:.2rem;}
.index_2 li:nth-child(2n){background:#c1c1c1;}
.index_2 li a{display:block;border:2px solid #fff;box-sizing:border-box;border-radius:.45rem;}
.bottom_main {
  background: #fff;
  text-align: center;
  padding: .3rem .1rem;
}
.contact_page {
  margin-top: 0.2rem;
}
.bottom_menu {
  border-top: 1px solid #f0e1ca;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1.11rem;
  background: #fff;
  z-index: 100;
}
.bottom_menu ul {
  display: -webkit-box;
  display: box;
}
.bottom_menu li {
  -webkit-box-flex: 1;
  box-flex: 1;
  text-align: center;
}
.bottom_menu li i {
  width: .4rem;
  height: .4rem;
  background-position: 0 -1.4rem;
  text-align: center;
  margin: .15rem auto .1rem;
}
.bottom_menu li:nth-child(2) i {
  background-position: -.4rem -1.4rem;
}
.bottom_menu li:nth-child(3) i {
  background-position: -.8rem -1.4rem;
}
.bottom_menu li:nth-child(4) i {
  background-position: -1.2rem -1.4rem;
}
.contact .map {
  
  height: 3rem;
  margin: 0 auto;
}
.contact .box {
  z-index: 11;
}
.contact .box .t {
  padding-top: 0.2rem;
}
.contact .box .t img {
  float: left;
  width: 1.05rem;
  margin-right: 0.2rem;
}
.contact .box .t h3,
.contact .box .t p {
  font-size: 0.24rem;
  font-weight: 100;
  color: #616279;
  padding-top: 0.15rem;
}
.contact .box .t h3.h3 {
  padding-top: 0;
}
.contact .box .t dd {
  margin-bottom: 0.2rem;
}
.contact .box .t h4 {
  color: #2a2b44;
  font-size: 0.26rem;
  font-weight: 100;
}
.contact .box .t h4 a {
  color: #2a2b44;
}
.sub_nav {
  width: auto;
  margin: 0.4rem 2% 0.2rem;text-align:center;
}
.sub_nav ul{}
.sub_nav li {
    width:47%;
  color: #190b09;
  height: 0.5rem;
  text-align: center;
  line-height: 0.5rem;
  margin-bottom: 0.21rem;
  margin-left: 2%;float:left;
}

.sub_nav li a {
  display: block;
  width: 100%;
  font-size: 0.28rem;
  height: 100%;
  color: #190b09;
  background: none;
  border: 1px solid #2a2b44;
  
  background-size: 1.86rem auto;
}
.sub_nav li a:hover,
.sub_nav li a.hover {
  background: #cc2522;
  background-size: 1.86rem auto;border:1px solid #cc2522;
  color: #fff;
}
.context {
 
  margin: 0 2%;width:auto;
}
.context .context_top {
  width: 6.3rem;
  height: 0.25rem;
  background: url("../images/context_top.png") center bottom no-repeat;
  background-size: 6.3rem auto;display:none;
}
.context .context_body {
  background:#fff;
  background-size: 6.3rem auto;
}
.context .context_body .line {
  
}
.context .context_body .line .page {
  color: #666;
  line-height: 0.45rem;
  overflow: hidden;
}
.context .context_body .line .page table {
  border-color: #2a2b44;
  width: 100%;
}
.context .context_body .line .page img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.context .context_bottom {
  width: 6.3rem;
  height: 0.24rem;display:none;
  background: url("../images/context_bottom.png") center top no-repeat;
  background-size: 6.3rem auto;
}
.bottom_copy {
  font-size: 0.2rem;
  padding: 0 0.2rem 0.5rem;
  text-align: center;
  padding-top: 0.5rem;
}
.bottom_copy a {
  color: #666;
  font-size: 0.2rem;
}
.product_list {
  overflow: hidden;  
  margin: 0 2%;
}
.product_list li {
  float: left;
  width: 47%;
  text-align: center;
  margin-bottom: 0.2rem;
  border: 1px solid #2a2b44;
  border-radius: 0.1rem;
}
.product_list li:nth-child(2n) {
  float: right;
}
.product_list li .img {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0.1rem 0.1rem 0;
  background: #fff;
  position: relative;
  box-sizing: border-box;
  border-radius: 0.1rem;
}
.product_list li .img figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}
.imgH  li .img figure{padding-top:133.333%;}
.hezuo_list li .img figure {
  padding-top: 42.57%;
}
.product_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.product_list li .txt {
  width: 100%;
  height: 0.87rem;
  background-size: cover;
}
.product_list li .txt h3 {
  font-weight: 100;
  line-height: 0.87rem;
  color: #190b09;
}
.product_show h1 {
  text-align: center;
  font-size: 0.34rem;
  font-weight: 100;
  color: #2a2b44;
  line-height: 0.5rem;
  padding-bottom: 0.2rem;
}
.product_show .mark {
  font-size: 0.2rem;
  border-top: 1px solid #2a2b44;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.product_show p {
  padding-top: 0.2rem;
  text-align: justify;
}
.product_show .t {
  font-size: 0.28rem;
  color: #333;
  background: url("../images/product_line.png") no-repeat center right;
  background-size: 4.15rem auto;
  margin: 0.2rem 0;
  font-weight: bold;
}
.product_show #banner {
  position: relative;
}
.product_show #banner .hd {
  position: absolute;
  z-index: 99;
  bottom: 0.2rem;
  width: 100%;
  text-align: center;
}
.product_show #banner .hd ul {
  text-align: center;
}
.product_show #banner .hd ul li {
  display: inline-block;
  font-size: 0;
  height: 0.13rem;
  line-height: 0.2rem;
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.05rem;
  background: url("../images/icon.png") no-repeat;
  background-size: 5rem auto;
  vertical-align: middle;
  background-position: -4.02rem 0;
}
.product_show #banner .hd ul .on {
  background-position: -3.62rem 0;
}
/*fenx*/
#nativeShare {
  margin: 0 auto;
  width: 100%;
  padding-top: 0.3rem;
  max-width: 750px;
  min-width: 320px;
}
#nativeShare .label {
  margin-left: 0;
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.6rem;
  width: 1.2rem;
}
#nativeShare .list {
  width: 4.8rem;
  float: right;
}
#nativeShare .list span {
  height: 0.9rem;
  width: 0.9rem;
  padding: 0;
  display: inline-block;
}
#nativeShare .list span i {
  margin: 0 auto;
  width: 0.63rem;
  height: 0.63rem;
  display: block;
}
#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.73rem;
}
#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%;
  float: right;
}
.fenx .bdsharebuttonbox a {
  margin-left: 0.2rem;
}
#bdfx a {
  height: 0.6rem;
  width: 0.6rem;
  margin: 0;
  padding: 0;
  margin: 0 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%;
}
/*reLink*/
.reLink {
  margin: 0.2rem 4% 0;
  width: 92%;
}
.reLink .prevLink,
.reLink .nextLink {
  display: block;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}
.reLink .prevLink {
  border-bottom: 1px solid #e8e8e8;
}
.reLink a:hover {
  color: #554331;
}
.remm {
  
  margin: 0.4rem 2% 0;
}
.remm .t {
  font-size: 0.28rem;
  color: #190b09;
  margin-left: 0.2rem;
  margin-bottom: 0.2rem;
}
.remm .more {
  display: block;
  width: 1.86rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background: url("../images/sub_on.png") no-repeat;
  margin: 0.2rem auto 0;
  background-size: 1.86rem auto;
}
.remm .more a {
  color: #2a2b44;
}
.news_list li {
  margin: 0 2%;
  overflow: hidden;
  text-align: center;
  width:auto;
  height: 1.6rem;
  position: relative;
  margin-bottom: 0.2rem;
  border: 1px solid #2a2b44;
 
}
.news_list li .img {
  width: 1.86rem;
  height: 1.4rem;
  position: absolute;
  left: 0.12rem;
  top: 0.1rem;
  z-index: 8;
}
.news_list li .box {
  position: absolute;
  left: 2.2rem;
  top: 0.1rem;
 
  z-index: 11;
  text-align: left;
}
.news_list li h3 {
  font-size: 0.24rem;
  font-weight: 100;
  padding-top: 0.19rem;
  padding-bottom: 0.1rem;
  line-height: 0.35rem;
  color: #333;
}
.news_list li p {
  color: #999;
  height: 0.7rem;
  line-height: 0.35rem;
  overflow: hidden;
}
.news_list li a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.news_list li a:hover h3 {
  color: #2a2b44;
}
.sideMenu {
  margin: 0 auto;
  padding-bottom: 0.2rem;
}
.sideMenu .item {
  border: 1px solid #dcdcdc;
  margin-top: 0.22rem;
}
.sideMenu .item .left {
  line-height: 0.6rem;
  height: 0.6rem;
}
.sideMenu .item:first-child {
  margin-top: 0;
}
.sideMenu .item.on .title {
  background: #2a2b44;
}
.sideMenu .item.on .title .left h3 {
  background: #2a2b44;
  color: #fff;
  padding-right: 0.38rem;
}
.sideMenu .item.on .title .right i {
  background-position: -2.17rem -.54rem;
}
.sideMenu .item .title .left h3 {
  font-size: 0.24rem;
  color: #000;
  font-weight: 100;
}
.sideMenu .item .title .left h3 i {
  width: 0.24rem;
  height: 0.26rem;
  background-position: -1.09rem -.6rem;
  float: left;
  margin-right: 0.15rem;
  margin-left: 0.19rem;
  margin-top: 0.17rem;
}
.sideMenu .item .title .right i {
  width: 0.38rem;
  height: 0.38rem;
  background-position: -1.78rem -.54rem;
  margin-top: 0.12rem;
  margin-right: 0.2rem;
}
.sideMenu .item .title p {
  color: #005b9c;
  display: block;
  font-size: 18px;
}
.sideMenu ul {
  padding: 0.15rem;
  margin-top: 0;
  color: #190b09;
  display: none;
}
.catemore {
  width: 6.3rem;
  margin: 0 auto;
  height: 0.65rem;
  line-height: 0.65rem;
  display: block;
  text-align: center;
  background: #2a2b44;
  color: #fff;
  font-size: 0.22rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.catemore:active,
.catemore:hover {
  color: #fff;
}
.ny_index_title {
  padding-top: 0.5rem;
  padding-bottom: 0.4rem;
  background: url("../images/line.png") center bottom no-repeat;
  background-size: 1.87rem auto;text-align:center;
}
.ny_index_title h3{font-size:.4rem;}
.map_nav li {
  float: left;
  width: 25%;
  line-height: 0.4rem;
}
.map_nav li i {
  width: 0.2rem;
  height: 0.2rem;
  background-position: -3.82rem 0;
  margin-right: 0.1rem;
  float: left;
  margin-top: 0.1rem;
}
.map_nav li a.hover {
  color: #2a2b44;
  font-weight: bold;
}
.map_tit {
  height: 0.5rem;
  line-height: 0.5rem;
  color: #2a2b44;
  background: #2a2b44;
  margin: 0 auto;
  text-align: center;
  font-size: 0.26rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
  border-radius: 0.08rem;
  margin-top: 0.2rem;
  width: 6rem;
}
/*imessage*/
.imessage {
  margin-top: 0.6rem;
  margin-bottom: 0.4rem;
}
.imessage h2 {
  color: #333333;
  margin-bottom: 0.3rem;
  text-align: center;
  font-size: 0.28rem;
}
.imsg {
  width: 93%;
  margin: 0 auto;
}
.imsg .item {
  width: 100%;
  height: 0.67rem;
  box-sizing: border-box;
  margin-bottom: 0.28rem;
  position: relative;
  line-height: 0.67rem;
  border: 1px solid #aaaaaa;
  background: #fff;
}
.imsg .item span.red {
  position: absolute;
  left: 0.05rem;
  top: 0.02rem;
  color: red;
}
.imsg .item s {
  width: 0.35rem;
  height: 0.32rem;
  position: absolute;
  right: 0.1rem;
  top: 0.18rem;
}
.imsg .item s {
  background-position: -1.05rem -.98rem;
}
.imsg .item:nth-child(2) s {
  background-position: -1.46rem -.98rem;
}
.imsg .item:nth-child(3) s {
  background-position: -1.82rem -.98rem;
}
.imsg .item .txt {
  width: 100%;
  height: 0.65rem;
  text-indent: 0.2rem;
  line-height: 0.65rem;
  border: 0;
  background: none;
  outline: none;
  color: #666;
}
.imsg .item.liuyan {
  width: 100%;
  margin-bottom: 0.2rem;
  height: 2.08rem;
}
.imsg .item.liuyan textarea {
  width: 100%;
  color: #666;
  overflow: hidden;
  padding: 0.1rem;
  height: 2.08rem;
  font-family: "微软雅黑";
  resize: none;
  border: 0;
  box-sizing: border-box;
  background: none;
}
.imsg .submit {
  width: 100%;
  height: 0.68rem;
  cursor: pointer;
  border: 0;
  line-height: 0.68rem;
  text-align: center;
  color: #fff;
  display: block;
  background: #2a2b44;
  outline: none;
}
@keyframes anims1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes anims1 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes anims2 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes anims2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@media only screen and (min-width: 751px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 750px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 640px) {
  html {
    font-size: 85.3333px;
  }
}
@media only screen and (max-width: 540px) {
  html {
    font-size: 72px;
  }
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 64px;
  }
}
@media only screen and (max-width: 414px) {
  html {
    font-size: 55.2px;
  }
}
@media only screen and (max-width: 400px) {
  html {
    font-size: 53.3333px;
  }
}
@media only screen and (max-width: 375px) {
  html {
    font-size: 50px;
  }
}
@media only screen and (max-width: 360px) {
  html {
    font-size: 48px;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 42.6666px;
  }
}
.sub_banner {
  height: 1.98rem;
  width: 100%;
  overflow: hidden;
}
.sub_banner h3 {
  font-size: 0.4rem;
  color: #fff;
  font-weight: bold;
  padding-top: 0.57rem;
  line-height: 0.42rem;
  height: 0.42rem;
  margin-bottom: 0.12rem;
  margin-left: 0.3rem;
}
.sub_banner h3 b {
  float: left;
}
.sub_banner h3 span {
  display: block;
  width: 1rem;
  height: 1px;
  background: #fff;
  float: left;
  margin-left: 0.2rem;
  opacity: 0.5;
  margin-top: 0.22rem;
}
.sub_banner p {
  color: #fff;
  margin-left: 0.3rem;
}
.sub_banner p a {
  color: #fff;
}
.sub_banner p i {
  width: 0.26rem;
  height: 0.23rem;
  background-position: 0 0;
  margin-right: 0.1rem;
  display: inline-block;
}
.sub_banner p a:hover {
  color: #fff;
}
.about_1{margin-bottom:.5rem;}
.about_1 .tit img {
  width:6.9rem;
  display: block;
  margin: 0 auto;
}
.about_1 .swiper-container2 {
  position: relative;
  margin: 0.6rem 2% 0;
  overflow: hidden;
}
.about_1 .swiper-container2 .swiper-pagination2 {
  text-align: center;
  margin-top: 0.3rem;
}
.about_1 .swiper-container2 .swiper-pagination2 span {
  display: inline-block;
  font-size: 0;
  height: 0.13rem;
  line-height: 0.2rem;
  opacity: 1;
  width: 0.35rem;
  height: 0.34rem;
  margin: 0 0.05rem;
  background: url("../images/icon.png") no-repeat;
  background-size: 5rem auto;
  vertical-align: middle;
  background-position: -1.37rem 0;
}
.about_1 .swiper-container2 span.swiper-pagination-bullet-active {
  background-position: -1.72rem 0;
}
.about_1 .swiper-container2 .swiper-slide img {
  display: block;
  width: 100%;
}
.about_1 .swiper-container2 .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.about_1 p {
  padding: 0.4rem 2% 0;
  font-size: 0.26rem;
  color: #252525;
  line-height: 0.42rem;
}
.more {
  display: block;
  width: 3.71rem;
  
  margin: 0.5rem auto 0;
  text-align: center;
  font-size: 0.28rem;
  box-sizing: content-box;
}
.more a {
  display: block;
  color: #fff;
  background: #cc2522;
  line-height: 0.83rem;
}
.about_2 {
  background: url("../images/about2_bg.jpg") center top no-repeat;
  background-size: 100% 4.91rem;
  height: 4.91rem;
  width: 100%;
  text-align: center;
}
.about_2 h3 {
  padding-top: 3.08rem;
  color: #fff;
}
.about_2 h3 b {
  color: #fff;
  font-size: 0.3rem;
  font-weight: 400;
}
.about_2 h3 a {
  color: #fff;
  font-size: 0.42rem;
}
.about_2 .more {
  width: 2.46rem;
  height: 0.53rem;
  background: #2a2b44;
  margin-top: 0.3rem;
}
.about_2 .more a {
  width: 2.46rem;
  height: 0.53rem;
  line-height: 0.53rem;
 
  box-sizing: border-box;
}
.about_3 {
  padding-top: 0.9rem;
}
.about_3 .tit {
  margin-bottom: 0.23rem;
}
.about_3 .tit img {
  
  display: block;
  margin: 0 auto;
}
.about_3 .body {
  background: url("../images/about3_bg.jpg") center top no-repeat;
  background-size: 100% 17.14rem;
  height: 17.17rem;
  width: 100%;
  text-align: center;
  font-size: 0.28rem;
  line-height: 0.48rem;
}
.about_3 .body .p {
  padding-top: 0.55rem;
  height: 13.21rem;
  box-sizing: border-box;
}
.about_3 .body .more {
  margin-top: 0.6rem;
}
.about_4 {
  background: #fff;
  width: 100%;
}
.about_4 .tit {
  padding: 0.61rem 2% 0.51rem;
}
.about_4 .tit img {
 margin:0 auto;display:block;
}
.about_4 dl {
  padding-bottom: 0.1rem;
  margin-top: 0.1rem;
}
.about_4 dd {
  width: 47%;
  float: left;
  margin-left: 2%;
  background: url("../images/about4_li.jpg") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  padding: 0.15rem 0.18rem;
  margin-bottom: 0.12rem;
  box-sizing: border-box;
}
.about_4 dd figure {
  display: block;
  padding-top: 42.57%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.about_4 dd figure img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.about_5 {
  background: #fff;
  padding: 0.7rem 2%;
}
.about_5 img {
  display: block;
  width: 100%;
}
.case_1 {
  padding: 0 2%;
  background: #fff;
  padding-bottom: 0.7rem;
}
.case_1 .tit{padding-top:.4rem;}
.case_1 .tit img {
  margin: 0.2rem auto 0.35rem;
  
}
.case_1 p {
  font-size: 0.26rem;
  line-height: 0.42rem;
}
.case_2 {
  background: url("../images/case2_bg.jpg") center top no-repeat;
  background-size: 100% 9.29rem;
  height: 9.29rem;
}
.case_2 .tit h3 {
  
  padding-top: 0.39rem;
}
.case_2 .tit img{display:block;margin:.15rem auto;}
.case_2 p {
  padding: 0.28rem 0.5rem 0;
  text-align: center;
}
.case_3 {
  padding: 0.78rem 2% 0rem;
  background: #fff;
}
.case_3 .tit {
  padding: 0.5rem 0 0.34rem;
}
.case_3 .tit img {
  display: block;
  margin: 0 auto;
  width: 2.51rem;
}
.case_3 p {
  font-size: 0.26rem;
  line-height: 0.42rem;
}
.case_4 {
  background: #fff;
  padding-bottom: 0.47rem;
}
.case_4 .tit {
  padding: 0.81rem 0 0.34rem;
}
.case_4 .tit img {
  display: block;
  margin: 0 auto;
  width: 2.52rem;
  padding-right: 0.19rem;
}
.case_4 .body {
  background: url("../images/case4_bg.jpg") center top no-repeat;
  width: 100%;
  height: 7.96rem;
  background-size: 100% 7.96rem;
}
.case_4 .body p {
  padding: 0.66rem 0.93rem 0;
  font-size: 0.28rem;
  line-height: 0.48rem;
}
.case_nav {
  width: auto;
  margin: 0.4rem 2% 0.2rem;
}

.g_wximg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none;
}
.g_wximg .close {
  background: url("../images/close.png") no-repeat center;
  background-size: 0.4rem auto;
  width: 0.4rem;
  height: 0.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 0.1rem;
  max-width: 750px;
  min-width: 320px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.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: 750px;
  min-width: 320px;
  display: none;
}
.bga {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}
/*悬浮工具*/
.g_top {
  width: 0.8rem;
  height: 0.8rem;
  background: #2a2b44;
  border-radius: 100%;
  position: fixed;
  right: 0.1rem;
  bottom: 1.4rem;
  display: block;
  z-index: 999;
  opacity: 0.89;
  display: none;
}
.g_tel {
  width: 0.8rem;
  height: 0.8rem;
  background: #2a2b44;
  border-radius: 100%;
  position: fixed;
  right: 0.1rem;
  bottom: 3.2rem;
  display: block;
  z-index: 999;
  text-align: center;
}
.g_tel a {
  display: block;
  width: 100%;
  height: 100%;
}
.g_tel i {
  width: 0.44rem;
  height: 0.44rem;
  margin: 0.18rem auto 0;
  background-position: -3.8rem -.52rem;
}
.g_nav {
  width: 0.8rem;
  height: 0.8rem;
  background: #2a2b44;
  border-radius: 100%;
  position: fixed;
  right: 0.1rem;
  bottom: 2.3rem;
  display: block;
  z-index: 999;
  text-align: center;
}
.g_nav i {
  width: 0.44rem;
  height: 0.44rem;
  background-position: -3.36rem -.52rem;
  margin: 0.18rem auto 0;
}
.g_top i {
  width: 0.44rem;
  height: 0.44rem;
  margin: 0.18rem auto 0;
  background-position: -2.92rem -.52rem;
}
.tit{text-align:center;}
.tit h3{font-size:.4rem; margin-bottom:.1rem;}
.tit img{width:1.87rem;padding-left:0;}
.erro{text-align:center;}