@import url(normalize.css);

* {
  margin: 0;
  padding: 0
}

li {
  list-style: none
}

a {
  text-decoration: none
}

@font-face {
  font-family:'Gilroy';src:url(/templets/css/Gilroy-Bold.otf)
}

body {
  font-family: 'Arial','Microsoft Yahei'
}

input {
  outline: none
}

.header {
  width: 100%;
  background: url(../images/headerbg.png) top center no-repeat
}

.header .wrap {
  width: 1200px;
  margin: 0 auto
}

.header .wrap .top {
  width: 100%;
  height: 49px
}

.header .wrap .top p {
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  line-height: 49px;
  float: left;
  font-family: Gilroy
}

.header .wrap .top div {
  float: right;
  height: 49px;
  line-height: 46px;
  font-size: 16px;
  font: Arial;
  width: 128px;
  position: relative;
  margin-right: 2px
}

.header .wrap .top div .lang {
  float: left;
  margin-top: 12px
}

.header .wrap .top div a {
  float: left;
  color: #fff;
  width: 100%;
  height: 49px;
  transition: all .12s;
  background: #2c8dd1;
  position: absolute;
  left: 0;
  z-index: 3;
  transition: background 0.2s;
  text-align: center
}

.header .wrap .top div a .v {
  float: right;
  margin-top: 21px
}

.header .wrap .top div a:nth-child(2) {
  text-align: center;
  top: 0;
  z-index: -1;
  height: 49px;
  background: #2c8dd1;
  left: 7px;
  transition: top .1s
}

.header .wrap .top div a:nth-child(3) {
  text-align: center;
  top: 0;
  z-index: -1;
  height: 49px;
  background: #2c8dd1;
  left: 7px;
  transition: top .1s
}

.header .wrap .top div:hover a {
  display: block;
  /* transition: all 1s */
}

.header .wrap .top div:hover a:nth-child(2) {
  top: 49px;
  z-index: 2;
  background: #2c8dd1;
  /* transition: background 0.2s; */
  line-height: 49px;
  /* transition: all .7s */
}

.header .wrap .top div:hover a:nth-child(2):hover {
  background: #4da3df
}

.header .wrap .top div:hover a:nth-child(3) {
  top: 98px;
  z-index: 1;
  background: #2c8dd1;
  /* transition: background 0.2s; */
  line-height: 49px;
  /* transition: all .7s */
}

.header .wrap .top div:hover a:nth-child(3):hover {
  background: #4da3df
}

.banner {
  width: 100%;
  background: url(/templets/images/navbg.png) top center no-repeat
}

.banner .wrap {
  width: 1200px;
  margin: 0 auto
}

.banner .wrap .nav {
  width: 100%
}

.banner .wrap .nav .navul {
  height: 56px;
  line-height: 56px;
  margin-top: 47px;
  float: left;
  width: 100%;
  transition: all .1s;
}

.banner .wrap .nav .navul img {
  float: left;
  margin-right: 94px;
  margin-top: 8px
}

.banner .wrap .nav .navul a {
  float: left;
  font: Arial;
  font-size: 16px;
  color: #383838;
  margin-left: 57px;
  position: relative
}

.banner .wrap .nav .navul .after {
  font-weight: bold
}

.banner .wrap .nav .navul .after::after {
  content: '';
  background: #1f84d2;
  width: 0px;
  height: 1px;
  display: inline-block;
  position: absolute;
  top: 45px;
  left: 0px;
  transition: all .1s
}

.banner .wrap .nav .navul .after:hover {
  color: #1f84d2
}

.banner .wrap .nav .navul .after:hover::after {
  width: 100%;
  transition: all .2s
}

.banner .wrap .nav .navul .logo {
  margin-left: 0px
}

.banner .wrap .nav .navul .searchen {
  height: 27px;
  width: 27px;
  background: url(/templets/images/search.png);
  margin-left: 316px;
  margin-top: 14px
}

.banner .wrap .nav .navul .search {
  height: 27px;
  width: 27px;
  background: url(/templets/images/search.png);
  margin-left: 110px;
  margin-top: 14px
}

.banner .wrap .nav .navulen {
  height: 46px;
  line-height: 56px;
  margin-top: 47px;
  float: left;
  width: 100%;
  transition: all .1s;
}

.banner .wrap .nav .navulen img {
  float: left;
  margin-right: 84px;
  margin-top: 8px
}

.banner .wrap .nav .navulen a {
  float: left;
  font: Arial;
  font-size: 16px;
  color: #383838;
  margin-left: 57px;
  position: relative;
  font-weight: bold
}

.banner .wrap .nav .navulen .after::after {
  content: '';
  background: #1f84d2;
  width: 0px;
  height: 1px;
  display: inline-block;
  position: absolute;
  top: 45px;
  left: 0px;
  transition: all .7s
}

.banner .wrap .nav .navulen .after:hover {
  color: #1f84d2
}

.banner .wrap .nav .navulen .after:hover::after {
  width: 100%;
  transition: all .7s
}

.banner .wrap .nav .navulen .logo {
  margin-left: 0px
}

.banner .wrap .nav .navulen .searchen {
  height: 27px;
  width: 27px;
  background: url(/templets/images/search.png);
  margin-left: 80px;
  margin-top: 14px
}

.banner .wrap .nav .navulen .search {
  height: 27px;
  width: 27px;
  background: url(/templets/images/search.png);
  margin-left: 271px;
  margin-top: 14px
}

.banner .bannerPicen {
  width: 100%;
  background: url(/templets/images/bannerPic.jpg) center no-repeat;
  height: 725px
}

.banner .bannerPicen a {
  width: 1200px;
  margin: 0 auto;
  height: 725px;
  display: block
}

.banner .bannerPic {
  width: 100%;
  background: url(/templets/images/bannercn.jpg) center no-repeat;
  height: 725px
}

.banner .bannerPic a {
  width: 1200px;
  margin: 0 auto;
  height: 725px;
  display: block
}

.banner .bannerImage {
  width: 100%;
  height: 230px;
  overflow: hidden;
  text-align: center;
  margin-top: 48px;
  position: relative
}

.banner .bannerImage img {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 50%;
  margin-top: -250px
}

.banner .bannerImage p {
  font-size: 40px;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff
}

.banner .contact.bannerImage {
  height: 500px
}

.hidden {
  width: 100%;
  opacity: 0;
  color: transparent;
  display: block;
  height: 0
}

.banner2 {
  position: relative;
  width: 100%;
  min-width: 1200px;
  height: 716px;
  overflow: hidden
}

.banner2 ul#pic {
  z-index: 9
}

.banner2 ul#pic li {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px
}

.banner2 ul#pic img {
  overflow: hidden
}

.banner2 .banner_btn2 {
  position: absolute;
  bottom: 30px;
  z-index: 98;
  width: 100%;
  text-align: center
}

.banner2 .banner_btn2 span {
  width: 12px;
  height: 12px;
  display: inline-block;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 12px;
  background: #31bbac
}

.banner2 .banner_btn2 span.cur {
  background: #2c8dd1
}

.indexproducts {
  height: 675px;
  width: 100%;
  overflow: hidden;
  background: url(../images/indexproduct.jpg) top center no-repeat;
  background-size: 100% 100%;
}

.indexproducts .wrap {
  width: 1200px;
  margin: 0 auto
}

.indexproducts .wrap .productBody {
  width: 1200px;
  height: 740px;
  margin: 0 auto;
  position: relative;
}

.indexproducts .tit {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 1
}

.indexproducts .prenext {
  position: relative;
}

a.productPre,
a.productNext{
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -24px;
  border: 2px solid #fff;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: url(../images/arrow_left.png) center left 12px no-repeat;
  transition: all .1s ease;
}

.indexproducts .productPre {
  left: -70px;
}

.indexproducts .productNext {
  left: auto;
  right: -70px;
  background: url(../images/arrow_right.png) center left 14px no-repeat
}

.indexproducts .productPre:hover,
.indexproducts .productNext:hover{
  transform: scale(1.06, 1.06);
  border-color: #2c8dd1;
}

.indexproducts .productPre:hover {
  background: url(../images/arrow_left_hover.png) center left 12px no-repeat
}

.indexproducts .productNext:hover {
  background: url(../images/arrow_right_hover.png) center left 14px no-repeat
}

.indexproducts .productPic {
  overflow: hidden
}

.indexproducts .productPic a {
  overflow: hidden;
  display: block;
  position: relative;
  float: left
}

.indexproducts .productPic a img {
  width: 100%;
  vertical-align: top;
  transition: all .1s;
}

.indexproducts .productPic a:first-child {
  width: 578px;
  height: 517px
}

.indexproducts .productPic a:first-child+a {
  margin-left: 13px;
  margin-bottom: 13px;
  width: 609px;
  height: 252px
}

.indexproducts .productPic a:first-child+a .cover p:after {
  margin: 21px auto 0
}

.indexproducts .productPic a:first-child+a+a,.indexproducts .productPic a:first-child+a+a+a {
  margin-left: 13px;
  width: 297px;
  height: 252px
}

.indexproducts .productPic a:first-child+a+a .cover p:after,.indexproducts .productPic a:first-child+a+a+a .cover p:after {
  margin: 21px auto 0;
  width: 36px;
  height: 36px;
  background-size: auto;
  background-position: top 10px right 13px
}

.indexproducts .productPic a:first-child+a+a+a {
  margin-left: 14px
}

.indexproducts .productPic .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: scale(2, 2);
  width: 100%;
  height: 100%;
  display: table;
  background-color: rgba(255,255,255,0.8);
  transition: all .12s;
  text-align: center;
  visibility: hidden;
  color: #2c8dd1;
  font-size: 25px;
  font-family: Gilroy;
  opacity: 0
}

.indexproducts .productPic .cover p {
  display: table-cell;
  vertical-align: middle
}

.indexproducts .productPic .cover p:after {
  display: block;
  content: "";
  margin: 42px auto 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #2c8dd1 url(../images/prenext.png) no-repeat;
  background-position: top 13px right 15px
}

.indexproducts .productPic a:hover img {
  transform: scale(1.05, 1.05)
}

.indexproducts .productPic a:hover .cover {
  visibility: visible;
  transform: scale(1, 1);
  opacity: 1
}

@media screen and (min-width: 1441px) {
  .indexproducts {
    height: 760px;
  }

  .indexproducts .wrap {
    width: 1400px
  }

  .indexproducts .wrap .productBody {
    width: 100%;
    height: 820px;
  }

  .indexproducts .wrap .productPic {
    overflow: hidden
  }

  .indexproducts .wrap .productPic a:first-child {
    width: 674px;
    height: 603px
  }

  .indexproducts .wrap .productPic a:first-child+a {
    margin-left: 16px;
    margin-bottom: 16px;
    width: 710px;
    height: 294px
  }

  .indexproducts .wrap .productPic a:first-child+a+a,.indexproducts .wrap .productPic a:first-child+a+a+a {
    overflow: hidden;
    margin-left: 16px;
    width: 347px;
    height: 294px
  }

  .indexproducts .wrap .productPic a:first-child+a+a+a {
    margin-left: 16px
  }
}

.indexAbout {
  width: 100%;
  height: 724px;
  overflow: hidden
}

.indexAbout .wrap {
  width: 1200px;
  margin: 0 auto
}

.indexAbout .wrap .aboutLeft {
  width: 588px;
  float: left
}

.indexAbout .wrap .aboutLeft p {
  font-size: 35px;
  line-height: 40px;
  font-weight: bolder;
  color: #2c8dd1;
  margin-top: 90px;
  font-family: Gilroy
}

.indexAbout .wrap .aboutLeft .indexPic {
  position: relative;
  margin-top: 47px;
  height: 412px
}

.indexAbout .wrap .aboutLeft .indexPic ul {
  height: 412px;
  width: 550px
}

.indexAbout .wrap .aboutLeft .indexPic ul li {
  height: 412px;
  width: 550px;
  overflow: hidden
}

.indexAbout .wrap .aboutLeft .indexPic ul li img {
  position: absolute;
  left: 0;
  z-index: -1;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.indexAbout .wrap .aboutLeft .indexPic .aboutButton {
  height: 47px;
  width: 97px;
  background: url(/templets/images/indexbutton.png);
  position: absolute;
  top: 365px;
  left: 453px;
  z-index: 1
}

.indexAbout .wrap .aboutLeft .indexPic .aboutButton a {
  display: block;
  height: 16px;
  width: 9px;
  margin-top: 16px
}

.indexAbout .wrap .aboutLeft .indexPic .aboutButton .pre {
  float: left;
  margin-left: 20px
}

.indexAbout .wrap .aboutLeft .indexPic .aboutButton .next {
  float: right;
  margin-right: 18px
}

.indexAbout .wrap .aboutRight {
  float: left;
  width: 607px;
  margin-top: 88px
}

.indexAbout .wrap .aboutRight .text {
  font-size: 14px;
  line-height: 30px;
  display: block;
  height: 120px;
  width: 607px;
  overflow: hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
  text-overflow:ellipsis;
}

.indexAbout .wrap .aboutRight a {
  width: 141px;
  height: 39px;
  display: block;
  float: left;
  font-weight: bold;
  background: #2c8dd1;
  color: #fff;
  text-align: center;
  line-height: 39px;
  margin-top: 42px;
  font-family: Gilroy;
  margin-left: 5px;
  transition: all .5s
}

.indexAbout .wrap .aboutRight a:hover {
  background: #fff;
  color: #2c8dd1;
  transition: all .5s
}

.indexAbout .wrap .aboutRight .about {
  height: 316px;
  width: 606px;
  float: left;
  margin-top: 32px;
  margin-left: 5px;
  color: #000
}

.indexAbout .wrap .aboutRight .about div {
  height: 140px;
  width: 297px;
  float: left;
  margin-top: 15px;
  line-height: 176px;
  position: relative;
  box-shadow: 1px 1px 15px rgba(0,0,0,0.05)
}

.indexAbout .wrap .aboutRight .about div:nth-child(odd) {
  border-bottom: 3px solid #31bbac
}

.indexAbout .wrap .aboutRight .about div:nth-child(even) {
  border-bottom: 3px solid #2c8dd1;
  margin-left: 12px
}

.indexAbout .wrap .aboutRight .about div:nth-child(1) span::after {
  content: '+';
  position: relative;
  top: -12px;
  font-size: 24px
}

.indexAbout .wrap .aboutRight .about div:nth-child(2) span::after {
  content: '+';
  position: relative;
  top: -12px;
  font-size: 24px
}

.indexAbout .wrap .aboutRight .about div img {
  margin-left: 33px
}

.indexAbout .wrap .aboutRight .about div p {
  line-height: 30px;
  font-size: 20px;
  position: absolute;
  left: 100px;
  display: inline-block;
  top: 37px
}

.indexAbout .wrap .aboutRight .about div p span {
  font-size: 40px;
  color: #2c8dd1;
  font-weight: bolder;
  font-family: Gilroy
}

.indexAbout .wrap .aboutRight .about div:nth-child(4) span {
  font-size: 30px
}

.indexAbout .wrap .aboutRight .about .righttop p {
  line-height: 1
}

.indexAbout .wrap .aboutRight .about .righttop span {
  position: relative;
  top: -5px
}

.indexNews {
  width: 100%;
  height: 544px;
  overflow: hidden;
  background:#f7f7f7 url(/templets/images/news_bg.jpg) bottom center no-repeat
}

.indexNews .wrap {
  width: 1200px;
  margin: 0 auto
}

.indexNews .wrap .newsTop {
  width: 100%;
  float: left;
  line-height: 50px
}

.indexNews .wrap .newsTop p {
  float: left;
  font-size: 50px;
  color: #2c8dd1;
  margin-top: 80px;
  font-family: Gilroy
}

.indexNews .wrap .newsTop a {
  float: right;
  display: block;
  width: 131px;
  height: 39px;
  background: #1f84d2;
  color: #fff;
  text-align: center;
  line-height: 39px;
  font-weight: bold;
  margin-top: 87px;
  font-family: Gilroy;
  transition: all .5s
}

.indexNews .wrap .newsTop a:hover {
  background: rgba(44,144,209,0);
  color: #1f84d2;
  transition: all .5s
}

.indexNews .wrap .newsBottom {
  float: left;
  margin-top: 60px;
  width: 1000px;
  position: relative
}

.indexNews .wrap .newsBottom ul {
  overflow: hidden;
  height: 340px;
  font-family: Helvetica
}

.indexNews .wrap .newsBottom ul a {
  height: 280px;
  display: block;
  width: 440px;
  position: relative;
  top: 0px;
  float: left;
  transition: top .7s
}

.indexNews .wrap .newsBottom ul a li {
  float: left;
  display: block;
  width: 440px;
  height: 340px;
  position: relative
}

.indexNews .wrap .newsBottom ul a li .title {
  width: 330px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display: block;
  float: left;
  font-size: 18px;
  line-height: 35px;
  font-weight: bolder;
  color: #272525;
  transition: color .7s
}
/* .indexNewsen .wrap .newsBottom ul a{
  height: 240px;
}

.indexNews .wrap .newsBottom ul{
  height: 240px;
}

.indexNewsen .wrap .newsBottom ul a li{
  height: 240px;
} */
.indexNewsen .wrap .newsBottom ul a li .time{
  top: 188px;
}
.indexNews .wrap .newsBottom ul a li em{
  margin-bottom: 12px;
  width: 330px;
  text-align: center;
  background-color:#fff;
  height: 211px;
  overflow: hidden;
  display: block;

}
.indexNews .wrap .newsBottom ul a li img{
  display:inline-block;
  max-width: 100%;
  max-height: 100%;
}

.indexNews .wrap .newsBottom ul a li p {
  float: left;
  width: 330px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  margin-top: 1px;
  transition: color .7s;
  overflow: hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.indexNews .wrap .newsBottom ul a li .time {
  float: left;
  background: url(/templets/images/time.png) no-repeat left center;
  font-size: 14px;
  line-height: 35px;
  color: #272525;
  padding-left: 24px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  transition: color .7s
}

.indexNews .wrap .newsBottom ul a:hover {
  top: -8px;
  transition: top .7s
}

.indexNews .wrap .newsBottom ul a:hover li span {
  color: #2c8dd1;
  transition: color .7s
}

.indexNews .wrap .newsBottom ul a:hover li p {
  color: #2c8dd1;
  transition: color .7s
}

.indexNews .wrap .newsBottom .arrowl {
  display: block;
  background: url(/templets/images/left.png);
  width: 60px;
  height: 60px;
  position: absolute;
  top: 115px;
  left: -75px
}

.indexNews .wrap .newsBottom .arrowl:hover {
  background: url(/templets/images/leftHover.png)
}

.indexNews .wrap .newsBottom .arrowr {
  display: block;
  background: url(/templets/images/right.png);
  width: 60px;
  height: 60px;
  position: absolute;
  top: 115px;
  left: 1219px
}

.indexNews .wrap .newsBottom .arrowr:hover {
  background: url(/templets/images/rightHover.png)
}

.certificate {
  overflow: hidden;
  width: 100%;
  min-width: 1200px;
  height: 645px;
  background: url(../images/cer_bg.jpg) top center no-repeat
}

.certificate h2.index-tit {
  font-size: 50px;
  color: #2c8dd1;
  margin-top: 95px;
  margin-bottom: 50px;
  line-height: 0.8;
  font-family: Gilroy;
  text-transform: uppercase
}

.certificate-wrap{position: relative;}

.certificate .certificate-list li {
  float: left;
  overflow: hidden;
  width: 377px;
  height: 405px;
  margin-right: 34px;
  background-color: #fff
}

/* .certificate .certificate-list li:first-child {
  margin-left: 0
}

.certificate .certificate-list li:nth-child(2) img,.certificate .certificate-list li:nth-child(3) img {
  width: 100%;
  height: auto
} */

.certificate .certificate-list li a {
  display: block
}

.certificate .certificate-list li p {
  display: table;
  width: 100%;
  height: 310px;
  text-align: center;
  box-shadow: 0 2px 6px 6px rgba(0,0,0,0.04);
  transition: all .3s ease
}

.certificate .certificate-list li:hover p {
  margin-top: -5px
}

.certificate .certificate-list li span {
  display: table-cell;
  text-align: center;
  height: 310px;
  vertical-align: middle
}

.certificate .certificate-list li img {
  width: 100%;
}
.certificate .certificate-list li.hei img{
  width: auto;
  max-height: 100%;
  vertical-align: top;
}

.certificate .certificate-list li h4 {
  padding: 35px;
  text-align: center;
  font-size: 14px;
  font-family: "Arial";
  line-height: 25px
}

.certificate .arrowl,
.certificate .arrowr{
  display: block;
  background: url(/templets/images/right.png);
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -80px;
  left: 1219px;
}

.certificate .arrowl{
  background: url(/templets/images/left.png);
  left: -75px;
}

.certificate .arrowl{
  background: url(/templets/images/leftHover.png);
}

.certificate .arrowr:hover {
  background: url(/templets/images/rightHover.png)
}


.footer {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding: 73px 0px 28px 0px;
  background-color: #f7f7f7
}

.footer .footLeft {
  float: left;
  width: 703px
}

.footer .footLeft .footTiten {
  font-size: 25px;
  line-height: 30px;
  color: #2c8dd1;
  font-weight: bolder;
  margin-top: 7px;
  margin-bottom: 52px;
  font-family: Gilroy
}

.footer .footLeft .footTit {
  display: block;
  width: 517px;
  height: 54px;
  background: url(/templets/images/footerlogo.png);
  margin-top: 5px;
  margin-bottom: 59px;
  margin-left: 3px
}

.footer .footLeft img {
  float: right;
  margin-right: 3px
}

.footer .footLeft span {
  font-size: 16px;
  line-height: 45px;
  color: #555555
}

.footer .footLeft a {
  color: #555555
}

.footer .footRight {
  float: right
}

.footer .footRight .ftqr-list {
  margin-right: 14px
}

.footer .footRight .ftqr-list li {
  float: left;
  text-align: center;
}

.footer .footRight .ftqr-list li p {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 14px;
  text-transform: uppercase
}

.footer .footRight .ftqr-list li:first-child {
  margin-right: 36px
}

.footer .powerby {
  width: 100%;
  font-size: 14px;
  line-height: 69px;
  display: block;
  border-top: 1px solid #efefef;
  color: #aaaaaa;
  text-align: left;
  margin-top: 27px
}

.footer .powerby a {
  color: #aaaaaa
}

.searchDiv {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0,0,0,0.5);
  display: none
}

.searchDiv div {
  height: 70px;
  width: 800px;
  margin: 15% auto;
  position: relative
}

.searchDiv .searchBox {
  border: none;
  padding: 16px 2% 15px;
  height: 50%;
  width: 800px
}

.searchDiv .searchButton {
  border: none;
  background: url(/templets/images/searchButton.png);
  background-size: 100%;
  position: absolute;
  top: 20px;
  right: 10px
}

.searchDiv a {
  display: block;
  height: 10%;
  background: url(/templets/images/close.png);
  background-size: 100%;
  position: absolute;
  right: 3%;
  top: 3%;
  transition: transform .8s ease
}

.searchDiv a:hover {
  transform: rotate(180deg);
  transition: transform .8s ease
}

.company {
  width: 100%;
  border-bottom: 1px solid #eee
}

.company .wrap {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 95px 0 60px;
  /* height: 712px; */
  overflow: hidden
}

.company .wrap span {
  font-size: 40px;
  color: #2c8dd1;
  font-family: Gilroy;
  line-height: 150px;
  height: 150px
}

.company .wrap .companytop {
  width: 100%;
  height: 420px
}

.company .wrap .companytop .aboutUs {
  font-size: 16px;
  line-height: 30px;
  color: #555555;
  font-family: Arial;
  display: block;
  float: left;
  text-align: left;
  padding: 5px 0 0px 0
}

.company .wrap .companytop .aboutUs .companyleft {
  width: 580px;
  height: 420px;
  float: left;
  margin-right: 25px
}

.company .wrap .companytop .aboutUs .companyleft .indexPic {
  z-index: 90;
  position: relative
}

.company .wrap .companytop .aboutUs .companyleft .indexPic ul {
  height: 420px;
  width: 580px
}

.company .wrap .companytop .aboutUs .companyleft .indexPic ul li {
  height: 420px;
  width: 580px;
  overflow: hidden
}

.company .wrap .companytop .aboutUs .companyleft .indexPic ul li img {
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.company .wrap .companytop .aboutUs .companyleft .indexPic .aboutButton {
  height: 47px;
  width: 97px;
  background: url(/templets/images/indexbutton.png);
  position: absolute;
  top: 373px;
  left: 483px;
  z-index: 1
}

.company .wrap .companytop .aboutUs .companyleft .indexPic .aboutButton a {
  display: block;
  height: 16px;
  width: 9px;
  margin-top: 16px
}

.company .wrap .companytop .aboutUs .companyleft .indexPic .aboutButton .pre {
  float: left;
  margin-left: 20px
}

.company .wrap .companytop .aboutUs .companyleft .indexPic .aboutButton .next {
  float: right;
  margin-right: 18px
}

.company .wrap .companytop .aboutUs .companyright {
  width: 570px;
  height: 420px;
  float: left;
  margin-left: 25px;
  word-break: break-all
}

.company .wrap .companytop .aboutUs .companyright p:not(:first-child) {
  margin-top: 7px
}

.company .wrap .profiles {
  /* margin-top: 43px */
}

.company .wrap .profiles div {
  float: left
}

.about-article {
  clear: both;
  padding-top: 92px
}

.about-article p {
  text-align: left;
  padding-bottom: 29px
}

.about-article p:empty {
  padding-bottom: 0
}

.companyen {
  width: 100%;
  border-bottom: 1px solid #eee
}

.companyen .wrap {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 80px 0 60px 0;
  /* height: 850px; */
  overflow: hidden
}

.companyen .wrap span {
  font-size: 40px;
  color: #2c8dd1;
  font-family: Gilroy;
  line-height: 150px;
  height: 150px
}

.companyen .wrap .companytop {
  width: 100%;
  height: 420px
}

.companyen .wrap .companytop .aboutUs {
  font-size: 16px;
  line-height: 30px;
  color: #555555;
  font-family: Arial;
  display: block;
  float: left;
  text-align: left;
  padding: 5px 0 0px 0
}

.companyen .wrap .companytop .aboutUs .companyleft {
  width: 580px;
  height: 420px;
  float: left;
  margin-right: 25px
}

.companyen .wrap .companytop .aboutUs .companyleft .indexPic {
  position: relative;
  z-index: 90;
}

.companyen .wrap .companytop .aboutUs .companyleft .indexPic ul {
  height: 420px;
  width: 580px
}

.companyen .wrap .companytop .aboutUs .companyleft .indexPic ul li {
  height: 420px;
  width: 580px;
  overflow: hidden
}

.companyen .wrap .companytop .aboutUs .companyleft .indexPic ul li img {
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.companyen .wrap .companytop .aboutUs .companyleft .indexPic .aboutButton {
  height: 47px;
  width: 97px;
  background: url(/templets/images/indexbutton.png);
  position: absolute;
  top: 373px;
  left: 483px;
  z-index: 1
}

.companyen .wrap .companytop .aboutUs .companyleft .indexPic .aboutButton a {
  display: block;
  height: 16px;
  width: 9px;
  margin-top: 16px
}

.companyen .wrap .companytop .aboutUs .companyleft .indexPic .aboutButton .pre {
  float: left;
  margin-left: 20px
}

.companyen .wrap .companytop .aboutUs .companyleft .indexPic .aboutButton .next {
  float: right;
  margin-right: 18px
}

.companyen .wrap .companytop .aboutUs .companyright {
  width: 570px;
  height: 420px;
  float: left;
  margin-left: 25px;
  word-break: break-all
}

.product {
  width: 100%;
  height: 1050px;
  background: #f6f8fb
}

.product .wrap {
  width: 1200px;
  margin: 0 auto;
  height: 500px
}

.product .wrap .top {
  width: 100%;
  height: 202px
}

.product .wrap .top span {
  font-size: 50px;
  line-height: 200px;
  float: left;
  width: 600px;
  color: #2c8dd1
}

.product .wrap .bottom {
  width: 100%;
  float: left
}

.product .wrap .bottom .more {
  display: block;
  float: left;
  margin-top: 25px;
  width: 260px;
  background: #eee;
  position: relative;
  transition: all 1s;
  margin-right: 70px
}

.product .wrap .bottom .more .moreUl {
  padding: 16px 16px 16px 16px;
  height: 400px
}

.product .wrap .bottom .more .moreUl .moreLi {
  width: 100%;
  float: left;
  overflow: hidden;
  height: 48px;
  text-indent: 0px;
  transition: all .3s;
  line-height: 48px
}

.product .wrap .bottom .more .moreUl .moreLi .leftType {
  color: #555;
  transition: all .3s;
  position: relative;
  left: 0;
  width: 218px;
  overflow: hidden;
  display: block;
  background: url(/templets/images/li.png) no-repeat right center
}

.product .wrap .bottom .more .moreUl .moreLi ul {
  width: 0px;
  position: absolute;
  left: 245px;
  top: 16px;
  background: #eee;
  padding: 8px;
  z-index: 999;
  transition: all .3s;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.1)
}

.product .wrap .bottom .more .moreUl .moreLi ul li {
  float: left;
  width: 260px;
  line-height: 48px;
  height: 48px;
  text-indent: 10px
}

.product .wrap .bottom .more .moreUl .moreLi ul li a {
  color: #555;
  position: relative;
  left: 0px;
  transition: all 1s
}

.product .wrap .bottom .more .moreUl .moreLi ul li:hover {
  background: #2c8dd1;
  transition: all .3s
}

.product .wrap .bottom .more .moreUl .moreLi ul li:hover a {
  color: #fff;
  left: 15px;
  transition: all .3s
}

.product .wrap .bottom .more .moreUl .moreLi:hover {
  background: #2c8dd1;
  transition: all .3s
}

.product .wrap .bottom .more .moreUl .moreLi:hover .leftType {
  color: #fff;
  transition: all .3s;
  left: 10px;
  background: url(/templets/images/liHover.png) no-repeat right center
}

.product .wrap .bottom .more .moreUl .moreLi:hover ul {
  width: 260px;
  transition: all .7s;
  visibility: unset;
  opacity: 1
}

.product .wrap .bottom .more .moreUl .moreLi:nth-child(2) ul {
  top: 64px
}

.product .wrap .bottom .more .moreUl .moreLi:nth-child(3) .leftType {
  line-height: 24px
}

.product .wrap .bottom .more .moreUl .moreLi:nth-child(3) ul {
  top: 112px
}

.product .wrap .bottom .more .moreUl .moreLi:nth-child(4) ul {
  top: 160px
}

.product .wrap .bottom .more .moreUl .moreLi:nth-child(5) ul {
  top: 208px
}

.product .wrap .bottom .more .moreUl .moreLi:nth-child(6) ul {
  top: 256px
}

.product .wrap .bottom .more .moreUl .moreLi:nth-child(7) ul {
  top: 304px
}

.product .wrap .bottom .more .moreUl .moreLi:nth-child(8) ul {
  top: 352px
}

.product .wrap .bottom .productUl {
  width: 800px;
  height: 700px;
  float: left;
  margin-right: 30px
}

.product .wrap .bottom .productUl li {
  width: 250px;
  margin: 7.5px 7.5px;
  height: 300px;
  position: relative;
  top: 0px;
  float: left;
  transition: all 1s ease
}

.product .wrap .bottom .productUl li a {
  color: #555;
  width: 100%;
  height: 100%;
  transition: all .1s
}

.product .wrap .bottom .productUl li a div {
  height: 200px;
  padding: 25px 0 25px 0;
  background: #fff;
  position: relative;
  top: 0px;
  transition: all .5s
}

.product .wrap .bottom .productUl li a div img {
  position: absolute;
  max-width: 100%;
  max-height: 200px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.product .wrap .bottom .productUl li a div:hover {
  box-shadow: 0px 6px 12px rgba(0,0,0,0.1);
  top: -5px;
  z-index: 998;
  transition: all .5s
}

.product .wrap .bottom .productUl li a p {
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  transition: all 1s ease
}

.product .wrap .bottom .productUl li a:hover {
  color: #2c8dd1;
  transition: all .1s
}

.product .wrap .bottom .page {
  margin-top: 70px
}

.page {
  width: 100%;
  text-align: center;
  height: 100px
}

.page li {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fff;
  line-height: 50px;
  cursor: pointer;
  transition: all .5s ease;
  border: 1px solid #ccc
}

.page li:hover {
  background: #2c8dd1;
  transition: all .5s ease
}

.page li:hover a {
  color: #fff;
  transition: all .5s ease
}

.page li a {
  color: #2c8dd1;
  transition: all .5s ease
}

.page .thisclass {
  background: #2c8dd1
}

.page .thisclass a {
  color: #fff
}

.article {
  overflow: hidden;
  width: 100%;
  padding: 50px 0 0 0
}

.article .wrap {
  width: 1200px;
  margin: 0 auto
}

.article .wrap .left {
  width: 230px;
  float: left;
  background: #2c8dd1;
  border-radius: 5px;
  transition: all 1s;
  margin-top: 50px;
  overflow: hidden
}

.article .wrap .center {
  width: 490px;
  float: left;
  float: left;
  margin: 0 25px 0 25px
}

.article .wrap .center .content {
  width: 100%;
  float: left;
  height: 367px;
  position: relative;
  overflow: hidden
}

.article .wrap .center .content:hover .magnifier {
  opacity: 1
}

.article .wrap .center .content .magnifier {
  z-index: 9;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  transition: all .3s ease
}

.article .wrap .center .content .magnifier i {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(../images/magnifier.png) no-repeat
}

.article .wrap .center .content>img {
  float: left;
  margin: auto;
  max-width: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0
}

.article .wrap .right {
  width: 240px;
  float: left;
  padding: 60px 0 50px 0
}

.article .wrap .right div {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 49px;
  color: #2c8dd1;
  line-height: 50px
}

.article .wrap .right .button {
  width: 100%;
  height: 350px
}

.article .wrap .right .button a {
  width: 75px;
  background: #fff;
  float: left;
  height: 200px;
  display: block;
  word-wrap: break-word;
  color: #2c8dd1;
  font-size: 35px;
  transition: all 1s
}

.article .wrap .right .button a:hover {
  background: #2c8dd1;
  transition: all 1s;
  color: #fff
}

.article .wrap .right .button .inquiry {
  height: 100px;
  margin: 25px 0 25px 0;
  line-height: 50px;
  width: 100%;
  font-size: 45px;
  cursor: pointer
}

.article .wrap .right .button .backButton {
  margin: 0 12.5px 0 12.5px
}

.article .wrap .right .button .none {
  background: #fff;
  color: #2c8dd1;
  cursor: default
}

.article .wrap .right .pdf {
  width: 100%;
  text-align: center;
  float: left;
  height: 30px
}

.article .wrap .right .pdf a {
  font-size: 30px;
  color: #2c8dd1
}

.article .wrap .description {
  width: 100%;
  float: left;
  padding: 25px 0 70px 0
}

.article .wrap .description div {
  float: left;
  width: 100%;
  text-align: center
}

.article .wrap .description .title {
  width: 100%;
  text-align: left;
  padding-bottom: 60px;
  float: none
}

.article .wrap .description .title span {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  line-height: 1
}

.article .wrap .description .bd {
  margin-top: 70px;
  width: 100%;
  text-align: center
}

.article .wrap .description .description-con {
  overflow: hidden;
  border-bottom: 1px solid #ddd
}

.article .wrap .description .description-con li {
  display: block;
  float: left;
  width: 160px;
  height: 50px;
  cursor: pointer;
  line-height: 50px;
  text-align: center;
  font-size: 16px
}

.article .wrap .description .description-con li.on {
  background: #2c8dd1;
  color: #fff
}

.article .wrap .description .canshu {
  width: 100%;
  text-align: center;
  cursor: pointer
}

.article .wrap .description .guige {
  width: 100%;
  text-align: center;
  cursor: pointer
}

.article .wrap .description img {
  max-width: 100%;
  width: auto;
  vertical-align: top
}

.article .wrap .description .table {
  width: 100%
}

.article .bottom {
  width: 100%;
  height: 200px;
  float: left;
  padding: 50px 0 100px 0;
  background: #f6f7fb
}

.article .bottom .wrap {
  width: 1200px;
  margin: 0 auto
}

.article .bottom .wrap .title {
  width: 100%;
  text-align: center;
  color: #2c8dd1;
  font-size: 26px;
  font-weight: bold
}

.article .bottom .wrap ul {
  width: 100%;
  float: left;
  margin-top: 50px
}

.article .bottom .wrap ul a {
  float: left;
  width: 150px;
  height: 100px;
  text-align: center;
  color: #555555;
  border: 1px solid #555555
}

.article .bottom .wrap ul a:not(:first-child) {
  margin-left: 57.6px
}

.article .bottom .wrap ul a div {
  position: relative;
  height: 100px
}

.article .bottom .wrap ul a div img {
  max-width: 150px;
  max-height: 100px
}

.article .bottom .wrap ul a div p {
  position: absolute;
  top: 120px;
  left: 50%;
  line-height: 16px
}

.article .bottom .wrap ul a:hover {
  color: #1f84d2;
  border-color: #1f84d2
}

.article .pageButton {
  float: left;
  width: 100%;
  background: #2c8dd1;
  height: 50px;
  font-size: 35px
}

.article .pageButton .wrap {
  background: #fff;
  width: 1200px;
  margin: 0 auto
}

.article .pageButton .wrap a {
  width: 33%;
  line-height: 50px;
  color: #fff;
  text-align: center;
  background: #2c8dd1;
  transition: all 1s;
  float: left
}

.article .pageButton .wrap a:hover {
  background: #fff;
  color: #2c8dd1;
  transition: all 1s
}

.article .pageButton .wrap .back {
  width: 34%
}

.article .pageButton .wrap .next {
  float: right
}

.bigpic {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none
}

.bigpic img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.bigpic div {
  width: 200px;
  position: absolute;
  cursor: pointer;
  opacity: .5;
  transition: opacity 1s
}

.bigpic div:hover {
  opacity: 1;
  transition: opacity 1s
}

.bigpic .imgClose {
  height: 100px;
  width: 100px;
  background: url(/templets/images/close.png);
  background-size: 100%;
  top: 0px;
  right: 0px
}

.header_top {
  height: 50px;
  background: #1d2124;
  color: #fff
}

.header_top span {
  font-size: 18px;
  line-height: 50px
}

.header_top ul {
  height: 50px
}

.header_top ul li {
  float: left;
  width: 50px;
  height: 100%
}

.header_top ul li a {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer
}

.header_top ul li a:hover {
  background-color: #666
}

.header_top ul li .facebook {
  background: url(../images/icon_7.png) center center no-repeat
}

.header_top ul li .twitter {
  background: url(../images/icon_6.png) center center no-repeat
}

.header_top ul li .instagram {
  background: url(../images/icon_5.png) center center no-repeat
}

.header_top ul li .utube {
  background: url(../images/icon_4.png) center center no-repeat
}

.header_top ul li .pintertest {
  background: url(../images/icon_3.png) center center no-repeat
}

.header_top ul li .google {
  background: url(../images/icon_g.png) center center no-repeat
}

.header_top ul li .in_icon {
  background: url(../images/icon_in.png) center center no-repeat
}

.hd_nav.nav_fixed {
  position: fixed;
  width: 100%;
  margin: 0;
  left: 0;
  top: 0
}

.hd_nav {
  position: absolute;
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  top: 214px;
  z-index: 999;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  background: #2c8dd1
}

.hd_nav .navmenu {
  width: 1200px;
  margin: 0 auto;
  text-align: center
}

.hd_nav .navmenu>li {
  display: inline-block;
  line-height: 50px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 30px;
  position: relative
}

.hd_nav .navmenu>li a {
  color: #fff;
  display: block
}

.hd_nav .navmenu>li ul {
  display: none;
  position: absolute;
  top: 50px;
  left: -15px;
  text-align: left;
  background: #2c8dd1;
  text-transform: capitalize;
  padding: 10px 0;
  width: 230%
}

.hd_nav .navmenu>li ul li {
  line-height: 36px
}

.hd_nav .navmenu>li ul li a {
  display: block;
  padding: 0 15px
}

.hd_nav .navmenu>li ul li:hover {
  background: #fff
}

.hd_nav .navmenu>li ul li:hover a {
  color: #2c8dd1
}

.hd_nav .navmenu>li#menu1 ul {
  width: 240%
}

.hd_nav .navmenu>li#menu2 ul {
  width: 235%
}

.hd_nav .navmenu>li#menu3 ul {
  width: 300%
}

.hd_nav .navmenu>li#menu5 ul {
  width: 660%
}

.hd_nav .navmenu>li#menu6 ul {
  width: 450%
}

.banner {
  position: relative;
  width: 100%;
  min-width: 1200px
}

.banner.banner1 {
  height: 623px
}

.banner .banner_list {
  position: absolute;
  left: 50%;
  margin-left: -960px
}

.banner .banner_btn {
  position: absolute;
  bottom: 20px
}

.banner .banner_btn span {
  border: 2px solid #fff;
  margin-right: 8px
}

.banner .banner_btn span.cur {
  background: #fff
}

.banner_btn {
  z-index: 99;
  width: 100%;
  text-align: center
}

.banner_btn span {
  width: 10px;
  height: 10px;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px
}

.title_h2,.introduct_menu .intro_left h2,.product_menu h2,.clients_menu h2 {
  font-size: 60px;
  text-transform: uppercase;
  line-height: 1;
  font-weight: bold
}

.introduct_menu {
  height: 511px;
  margin: 110px auto 54px;
  overflow: hidden
}

.introduct_menu .intro_left {
  width: 506px;
  height: 511px;
  position: relative
}

.introduct_menu .intro_left h2 {
  margin-bottom: 30px
}

.introduct_menu .intro_left h2 a {
  color: #2c8dd1;
  display: inline-block
}

.introduct_menu .intro_left .intro_content {
  display: block;
  font-size: 16px;
  max-height: 220px;
  color: #666;
  overflow: hidden;
  line-height: 30px;
  text-align: justify
}

.introduct_menu .intro_left .intro_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 170px;
  overflow: hidden
}

.introduct_menu .intro_left .intro_bottom span {
  float: left;
  width: 160px;
  height: 160px;
  border: 5px solid #d9d9d9;
  font-size: 100px;
  color: #2c8dd1;
  line-height: 160px;
  margin-right: 33px;
  font-family: 'swiss';
  position: relative
}

.introduct_menu .intro_left .intro_bottom span em {
  position: absolute;
  left: 56px
}

.introduct_menu .intro_left .intro_bottom p {
  float: left;
  text-transform: capitalize;
  color: #000;
  font-size: 22px;
  width: 120px;
  margin-top: 43px;
  font-weight: bold
}

.introduct_menu .intro_right {
  width: 590px;
  height: 490px;
  background: url(../images/dot-bg.jpg) left bottom no-repeat;
  -webkit-background-size: 490px 390px;
  background-size: 490px 364px
}

.introduct_menu .intro_right .video {
  width: 470px;
  height: 370px;
  background: #393e42
}

video::-internal-media-controls-download-button {
  display: none
}

video::-webkit-media-controls-enclosure {
  overflow: hidden
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px)
}

.product_menu {
  background-color: #f6f7fb;
  height: 890px;
  width: 100%;
  min-width: 1200px;
  overflow: hidden
}

.product_menu h2 {
  padding-top: 50px
}

.product_menu h2 a {
  color: #2c8dd1
}

.product_menu .promenu_list {
  width: 795px;
  height: 70px;
  padding-top: 90px
}

.product_menu .promenu_list ul {
  float: right
}

.product_menu .promenu_list ul li {
  float: left;
  font-size: 16px;
  line-height: 32px;
  color: #666;
  text-transform: capitalize
}

.product_menu .promenu_list ul li:after {
  content: "/"
}

.product_menu .promenu_list ul li a {
  color: #666;
  padding: 0 10px
}

.product_menu .promenu_list ul li a:hover {
  color: #2c8dd1
}

.product_menu .promenu_list ul li:last-child:after {
  content: ""
}

.product_menu .prolist {
  height: 450px;
  width: 100%;
  padding-top: 50px;
  position: relative
}

.product_menu .prolist ul {
  overflow: hidden;
  height: 100%;
  padding-top: 2px !important
}

.product_menu .prolist ul li {
  width: 370px;
  height: 450px;
  margin: 0 15px
}

.product_menu .prolist ul li .img {
  text-align: center;
  width: 370px;
  height: 370px;
  overflow: hidden;
  background: #fff;
  -webkit-transition: all .3s linear 0s;
  -moz-transition: all .3s linear 0s;
  -o-transition: all .3s linear 0s;
  transition: all .3s linear 0s;
  position: relative
}

.product_menu .prolist ul li .img img {
  max-width: 100% !important;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.product_menu .prolist ul li p {
  padding-top: 24px;
  line-height: 20px;
  height: 38px;
  overflow: hidden;
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  transition: all .5s linear 0s
}

.product_menu .prolist ul li:hover .img {
  -webkit-transform: translate3d(0, -2px, 0);
  -moz-transform: translate3d(0, -2px, 0);
  -o-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  -moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.1)
}

.product_menu .prolist ul li:hover p {
  color: #2c8dd1
}

.product_menu .prolist .arrowl {
  left: -55px;
  top: 45%
}

.product_menu .prolist .arrowr {
  right: -55px;
  top: 45%
}

.product_menu .more {
  margin: 65px auto 22px;
  display: block;
  width: 166px;
  height: 52px;
  line-height: 52px;
  text-transform: uppercase;
  text-align: center;
  color: #383838;
  border: 2px solid #383838;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  letter-spacing: 1px
}

.product_menu .more:hover {
  color: #fff;
  background: #383838
}

.product_menu .line {
  text-indent: -999px;
  margin: 0 auto;
  display: block;
  width: 1px;
  height: 25px;
  background: #383838
}

.arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  cursor: pointer
}

.arrow.arrowl {
  background: url(../images/prev2.png) center no-repeat;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px
}

.arrow.arrowl:hover {
  background: url(../images/prev3.png) center no-repeat;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px
}

.arrow.arrowr {
  background: url(../images/next2.png) center no-repeat;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px
}

.arrow.arrowr:hover {
  background: url(../images/next3.png) center no-repeat;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px
}

.reason_menu {
  height: 669px;
  min-width: 1200px;
  overflow: hidden;
  background: url(../images/why_bg.jpg) center center no-repeat
}

.reason_menu h2 {
  color: #000;
  font-size: 60px;
  margin: 105px 0 65px;
  font-weight: bold;
  line-height: 1
}

.reason_menu .reason_list {
  width: 818px;
  height: 450px;
  padding-right: 10px
}

.reason_menu .reason_list li {
  float: left;
  width: 285px;
  height: 100px;
  padding-left: 92px;
  margin-bottom: 40px
}

.reason_menu .reason_list li:nth-child(odd) {
  margin-right: 60px
}

.reason_menu .reason_list li.reason_item1 {
  background: url(../images/reason1.png) left 2px no-repeat
}

.reason_menu .reason_list li.reason_item2 {
  background: url(../images/reason2.png) left 2px no-repeat
}

.reason_menu .reason_list li.reason_item3 {
  background: url(../images/reason3.png) left 2px no-repeat
}

.reason_menu .reason_list li.reason_item4 {
  background: url(../images/reason4.png) left 2px no-repeat
}

.reason_menu .reason_list li.reason_item5 {
  background: url(../images/reason5.png) left 2px no-repeat
}

.reason_menu .reason_list li.reason_item6 {
  background: url(../images/reason6.png) left 2px no-repeat
}

.reason_menu .reason_list li h3 {
  font-size: 18px;
  font-weight: bold;
  color: #2c8dd1;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 10px
}

.reason_menu .reason_list li p {
  color: #555;
  font-size: 16px;
  line-height: 25px
}

.clients_menu {
  padding-bottom: 70px;
  min-width: 1200px;
  overflow: hidden
}

.clients_menu h2 {
  color: #2c8dd1;
  line-height: 70px
}

.clients_menu .clients_top h2 {
  float: left;
  line-height: 60px;
  padding-top: 35px
}

.clients_menu .clients_top img {
  float: right;
  width: 760px;
  margin: 56px auto
}

.clients_menu .pic_scroll {
  width: 100%;
  height: 400px;
  overflow: hidden;
  margin-bottom: 78px
}

.clients_menu .pic_scroll li {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.clients_menu .pic_scroll li img {
  height: 400px
}

.clients_menu .clients_item {
  width: 850px;
  height: 235px;
  overflow: hidden;
  text-align: right
}

.clients_menu .clients_item img {
  height: 100%
}

.toolbar {
  position: fixed;
  right: 0;
  bottom: 80px;
  z-index: 999
}

.toolbar a {
  display: block;
  width: 50px;
  height: 44px;
  margin-top: 1px;
  position: relative;
  cursor: pointer
}

.toolbar a.backtop {
  display: none;
  background: url(../images/backtop.png) center center no-repeat
}

.toolbar a.wechat {
  background: url(../images/chat.png) center center no-repeat
}

.toolbar a.wechat span {
  position: absolute;
  right: 50px;
  bottom: 0;
  width: 120px;
  height: 120px;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform-origin: 95% 95%;
  -moz-transform-origin: 95% 95%;
  -o-transform-origin: 95% 95%;
  transform-origin: 95% 95%;
  -webkit-transform: scale(0.01);
  -moz-transform: scale(0.01);
  -o-transform: scale(0.01);
  transform: scale(0.01);
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  text-align: center
}

.toolbar a.wechat span img {
  width: 90%;
  margin-top: 6px
}

.toolbar a.wechat:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.toolbar a.send_inquiry {
  background: #999 url(../images/send.png) center center no-repeat
}

.toolbar a.active {
  display: block
}

.reveal-modal-bg {
  position: fixed;
  background: rgba(0,0,0,0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#66000000', endcolorstr='#66000000');
  z-index: 1000;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto
}

.reveal-modal {
  visibility: hidden;
  top: 15%;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  background: #fff;
  position: fixed;
  z-index: 9999;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -box-shadow: 0 0 10px rgba(0,0,0,0.4)
}

.jDialog .jDialog-content {
  padding: 15px 20px;
  position: relative
}

.jDialog .close {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(../images/d_close.png) center center no-repeat
}

.jDialog .close:hover {
  background: url(../images/d_close_h.png) center center no-repeat
}

.jDialog h2 {
  color: #2c8dd1;
  font-size: 30px;
  text-align: center;
  line-height: 2;
  padding-top: 13px;
  border-bottom: 1px solid #ccc
}

.jDialog form>ul {
  padding: 30px 0 20px
}

.jDialog form>ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden
}

.jDialog form>ul>li {
  float: left;
  width: 240px
}

.jDialog form>ul>li:last-child {
  padding-left: 39px;
  margin-left: 40px;
  border-left: 1px solid #ccc;
  height: 130px
}

.jDialog form>ul>li:last-child h3 {
  color: #2c8dd1;
  font-size: 20px;
  margin-top: -6px;
  line-height: 2
}

.jDialog form>ul>li:last-child h3.form-title-cn {
  font-weight: bold;
  font-size: 24px;
  margin-top: 0;
  padding-top: 13px
}

.jDialog form>ul>li:last-child li input {
  margin: 8px 5px 0 0;
  width: 13px;
  height: 13px;
  float: left
}

.jDialog form>ul>li:first-child {
  text-align: center
}

.jDialog form>ul>li:first-child h3 {
  color: #2c8dd1;
  font-size: 24px;
  line-height: 2
}

.jDialog form>h3 {
  text-align: center;
  line-height: 1;
  margin-bottom: 25px
}

.jDialog form>input {
  border: 1px solid #aaa;
  padding: 0 10px;
  height: 44px;
  margin-bottom: 8px;
  color: #555
}

.jDialog form>textarea {
  border: 1px solid #aaa;
  padding: 0 10px;
  height: 44px;
  margin-bottom: 8px;
  color: #555
}

.jDialog form .intxt {
  width: 538px
}

.jDialog form .code {
  width: 320px
}

.jDialog form .coolbg {
  width: 200px;
  position: relative;
  left: 50%;
  margin-left: -100px;
  height: 46px;
  color: #fff;
  background: #2c8dd1;
  line-height: 46px;
  cursor: pointer
}

.jDialog form .coolbg:hover {
  font-weight: bold
}

.jDialog p {
  text-align: center;
  font-size: 18px;
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 10px
}

.jDialog p a {
  color: #2c8dd1
}

.jDialog p a:hover {
  color: #aaa
}

.container {
  padding: 110px 0 90px;
  height: auto;
  background: #f6f7fb
}

.about_menu {
  width: 218px;
  background: #eee;
  padding: 0;
}

.about_menu>ul>li {
  width: 100%;
  line-height: 48px;
  position: relative
}

.about_menu>ul>li>a {
  display: block;
  color: #555;
  padding: 0 0 18px 26px;
  text-transform: capitalize
}

.about_menu>ul>li>a i {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 200px;
  background: url(../images/right1.png) center center no-repeat
}

.about_menu>ul>li:hover>a {
  padding-left: 26px;
  background: #2c8dd1 !important;
  color: #fff;
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
}

.about_menu>ul>li:hover i {
  background: url(../images/right2.png) center center no-repeat
}

.about_menu>ul>li.open>ul {
  width: 100%;
  visibility: visible;
  opacity: 1
}

.about_menu>ul>li>ul>li.open>ul {
  width: 100%;
  visibility: visible;
  opacity: 1
}

.about_menu>ul>li.cy-active>a {
  padding-left: 26px;
  background: #2c8dd1;
  color: #fff
}

.about_menu>ul>li.cy-active>a i {
  background: url(../images/right2.png) center center no-repeat
}

.about_menu>ul>li>ul {
  width: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 218px;
  padding: 16px;
  top: 0;
  background: #eee;
  z-index: 999;
  -webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  transition: all .6s ease 0s;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.1)
}

.about_menu>ul>li>ul>li ul{
  width: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 234px;
  padding: 16px;
  top: 0;
  background: #eee;
  z-index: 999;
  -webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  transition: all .6s ease 0s;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.1)
}

.about_menu>ul>li ul li {
  width: auto
}

.about_menu>ul>li>ul>li {
  position: relative;
}

.about_menu>ul>li ul li a {
  display: block;
  padding: 0 18px;
  line-height: 36px;
  font-size: 12px
}

.about_menu>ul>li>ul>li:hover>a {
  background: #2c8dd1;
  /* padding-left: 26px; */
  color: #fff
}

.about_menu>ul>li>ul>li>ul>li:hover a {
  background: #2c8dd1;
  /* padding-left: 26px; */
  color: #fff
}

.about_menu>ul>li.open>ul {
  display: block
}
.about_menu>ul>li>ul>li.open ul{
  display: block
}

.about_menu>ul>li.menu_item45.open ul {
  width: 110%
}

.about_main {
  width: 880px;
  min-height: 300px
}

.about_main img {
  max-width: 100%
}

.about_main h2 {
  font-size: 50px;
  font-weight: bold;
  color: #2c8dd1;
  line-height: 74px;
  text-align: center
}

.about_main .about_progress {
  margin-top: 70px
}

.about_main .about_profile {
  margin-top: 40px
}

.about_main .about_profile ul {
  margin: 40px 0 60px;
  height: 441px
}

.about_main .about_profile ul li {
  float: left;
  width: 219px;
  height: 145px;
  overflow: hidden;
  position: relative;
  margin: 0 1px 1px 0
}

.about_main .about_profile ul li img {
  width: 100%
}

.about_main .about_profile ul li:before {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  width: 100%;
  top: 50%;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#00000000', endcolorstr='#00000000');
  -webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  transition: all .6s ease 0s
}

.about_main .about_profile ul li .li_bg {
  position: absolute;
  visibility: hidden;
  z-index: 1;
  top: 40%;
  width: 219px;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  font-size: 16px
}

.about_main .about_profile ul li:hover:before {
  height: 100%;
  top: 0;
  background: rgba(0,0,0,0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#BF000000', endcolorstr='#BF000000')
}

.about_main .about_profile ul li:hover .li_bg {
  visibility: visible
}

.about_main .about_content {
  word-wrap: break-word;
  overflow: hidden;
  margin-top: 40px
}

.about_main .about_content .about_customers {
  margin-top: 20px
}

.about_main .about_content .about_customers li {
  width: 248px;
  min-height: 238px;
  float: left;
  margin: 0 20px 20px 0;
  border: 1px solid #ccc;
  padding: 15px
}

.about_main .about_content .about_customers li:nth-child(3n+0) {
  margin-right: 0
}

.about_main .about_content .about_customers li:hover h3 {
  color: #2c8dd1
}

.about_main .about_content .about_customers li a {
  cursor: default
}

.about_main .about_content .about_customers li .about_img {
  width: 88px;
  height: 88px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 18px;
  text-align: center
}

.about_main .about_content .about_customers li .about_img img {
  width: 100%
}

.about_main .about_content .about_customers li h3 {
  font-size: 20px;
  color: #333;
  line-height: 1;
  padding-top: 12px;
  font-weight: bold;
  height: 78px
}

.about_main .about_content .about_customers li em {
  display: block;
  color: #999;
  line-height: 30px;
  margin-top: 18px;
  line-height: 1;
  font-size: 14px
}

.about_main .about_content .about_customers p {
  clear: both;
  margin-top: 15px;
  line-height: 24px
}

.about_main .about_content .about_customers p strong {
  font-size: 16px;
  font-weight: normal;
  color: #333
}

.about_main .about_content .about_certificate li {
  float: left;
  padding-bottom: 50px;
  margin-bottom: 50px;
  position: relative;
  border-bottom: 1px solid #eee;
  width: 100%
}

.about_main .about_content .about_certificate li:last-child {
  border: none
}

.about_main .about_content .about_certificate li .about_img {
  width: 300px;
  margin-right: 50px
}

.about_main .about_content .about_certificate li .about_img img {
  width: 100%;
  margin-top: 20px
}

.about_main .about_content .about_certificate li .about_img img:first-child {
  margin: 0
}

.about_main .about_content .about_certificate li h3 {
  font-size: 30px;
  color: #2c8dd1;
  line-height: 74px;
  position: relative;
  margin: 18px 0 10px;
  width: 530px
}

.about_main .about_content .about_certificate li h3:before {
  content: "";
  position: absolute;
  top: 0;
  width: 57px;
  height: 3px;
  background: #2c8dd1
}

.about_main .about_content .about_certificate li .body {
  width: 530px
}

.about_main .clients_img {
  width: 100%
}

.about_main.about_team .team_list {
  width: 100%;
  margin: 40px 0 30px
}

.about_main.about_team .team_list ul li {
  height: 380px;
  width: 100%
}

.about_main.about_team .team_list ul li .img {
  display: inline-block;
  width: 50%;
  height: 100%;
  overflow: hidden
}

.about_main.about_team .team_list ul li .img img {
  width: 100%;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s
}

.about_main.about_team .team_list ul li .team_ms {
  width: 400px;
  height: 270px;
  padding: 70px 0 40px
}

.about_main.about_team .team_list ul li .team_ms h3 {
  font-size: 26px;
  line-height: 1;
  font-weight: bold;
  color: #333;
  position: relative;
  padding-bottom: 34px
}

.about_main.about_team .team_list ul li .team_ms p {
  line-height: 26px
}

.about_main.about_team .team_list ul li:nth-child(odd) .img {
  float: left
}

.about_main.about_team .team_list ul li:nth-child(odd) .team_ms {
  float: right;
  padding-left: 40px
}

.about_main.about_team .team_list ul li:nth-child(even) .img {
  float: right
}

.about_main.about_team .team_list ul li:nth-child(even) .team_ms {
  float: left;
  padding-right: 40px
}

.about_main.about_team .team_list ul li:hover h3 {
  color: #2c8dd1
}

.about_main.about_team .team_list ul li:hover .img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05)
}

.about_main.about_team .team_list ul li.team50,.about_main.about_team .team_list ul li.team51 {
  margin: 20px 0;
  height: auto
}

.about_main.about_team .team_list ul li.team50 .img,.about_main.about_team .team_list ul li.team51 .img {
  display: block;
  width: 100%
}

.about_main.about_team .team_list ul li.team50 .img img,.about_main.about_team .team_list ul li.team51 .img img {
  width: 100%
}

.about_main.about_team .team_list ul li.team50 .team_ms,.about_main.about_team .team_list ul li.team51 .team_ms {
  float: none;
  width: 100%;
  clear: both;
  height: auto;
  padding: 0
}

.about_main.about_team .team_list ul li.team50 .team_ms h3,.about_main.about_team .team_list ul li.team51 .team_ms h3 {
  padding: 10px 0
}

.about_main.about_team .team_list ul li.team50:hover h3,.about_main.about_team .team_list ul li.team51:hover h3 {
  color: #2c8dd1
}

.about_main.about_team>p {
  text-align: center;
  font-size: 16px;
  color: #4b4b4b;
  margin-bottom: 45px;
  line-height: 2
}

.about_main.about_team .team_activity {
  margin-bottom: 50px;
  text-align: center
}

.about_story {
  position: relative
}

.about_story:before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 100%;
  background: url(../images/liner.png) top center no-repeat;
  left: 140px;
  top: 290px
}

.about_story ul li {
  float: left;
  width: 100%;
  margin-bottom: 80px;
  position: relative
}

.about_story ul li .story_img {
  width: 300px;
  text-align: center;
  z-index: 999
}

.about_story ul li .body {
  width: 540px
}

.pro_list {
  width: 100%;
  min-width: 1200px;
  background: #f6f7fb;
  overflow: hidden
}

.pro_list .product_main {
  width: 880px;
  min-height: 300px
}

.pro_list .product_main h2 {
  font-size: 50px;
  font-weight: bold;
  color: #2c8dd1;
  line-height: 74px;
  text-align: center
}

.pro_list .product_main .list_ul {
  margin-left: -15px;
  width: 915px
}

.pro_list .product_main .list_ul li {
  float: left;
  width: 272px;
  margin: 0 15px 32px 15px
}

.pro_list .product_main .list_ul li a {
  display: block
}

.pro_list .product_main .list_ul li a .img {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 272px;
  height: 280px;
  width: 272px;
  min-height: 280px;
  overflow: hidden;
  -webkit-transition: all .3s linear 0s;
  -moz-transition: all .3s linear 0s;
  -o-transition: all .3s linear 0s;
  transition: all .3s linear 0s;
  position: relative
}

.pro_list .product_main .list_ul li a .img>img {
  max-width: 100%;
  max-height: 210px;
  position: absolute;
  top: 0;
  left: 0
}

.pro_list .product_main .list_ul li a .img .title {
  position: absolute;
  left: 20px;
  top: 218px;
  font-size: 20px;
  color: #000;
  font-weight: bold
}

.pro_list .product_main .list_ul li a .img .typename {
  position: absolute;
  left: 20px;
  top: 248px;
  font-size: 12px
}

.pro_list .product_main .list_ul li a p {
  line-height: 20px;
  padding-top: 16px;
  height: 40px;
  overflow: hidden;
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  transition: all .5s linear 0s
}

.pro_list .product_main .list_ul li a i {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0
}

.pro_list .product_main .list_ul li a:hover .title {
  color: #2c8dd1
}

.pro_list .product_main .list_ul li a:hover p {
  color: #2c8dd1
}

.pro_list .product_main .list_ul li a:hover .img {
  -webkit-transform: translate3d(0, -2px, 0);
  -moz-transform: translate3d(0, -2px, 0);
  -o-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  -moz-box-shadow: 0px 6px 12px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 6px 12px rgba(0,0,0,0.1);
  box-shadow: 0px 6px 12px rgba(0,0,0,0.1)
}

.paging {
  text-align: center;
  padding-top: 25px
}

.paging table {
  margin: 0 auto
}

.paging li {
  display: inline-block;
  line-height: 24px;
  text-align: center;
  font-size: 12px
}

.paging li.thisclass a,.paging li:hover a {
  border: 1px solid #ccc;
  background: #2c8dd1;
  color: #fff
}

.paging li a.i {
  text-indent: -9999px;
  background: url(../images/paging_btn.png) 7px center no-repeat
}

.paging li a.e {
  text-indent: -9999px;
  background: url(../images/paging_btn.png) -152px center no-repeat
}

.paging li.n a {
  text-indent: -9999px;
  background: url(../images/paging_btn.png) -100px center no-repeat
}

.paging li.n:hover a {
  background: url(../images/paging_btn_hover.png) -100px center no-repeat #2c8dd1
}

.paging li.p a {
  text-indent: -9999px;
  background: url(../images/paging_btn.png) -32px center no-repeat
}

.paging li.p:hover a {
  background: url(../images/paging_btn_hover.png) -32px center no-repeat #2c8dd1
}

.paging li:hover a.i {
  background: url(../images/paging_btn_hover.png) 7px center no-repeat #2c8dd1
}

.paging li:hover a.e {
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #71b200
}

.paging td {
  line-height: 24px;
  text-align: center;
  font-size: 12px
}

.paging td:hover a {
  border: 1px solid #ccc;
  background: #2c8dd1;
  color: #fff
}

.paging a {
  display: inline-block;
  color: #2c8dd1;
  border: 1px solid #ccc;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 3px;
  font-size: 12px
}

.paging a.thisclass {
  border: 1px solid #ccc;
  background: #2c8dd1;
  color: #fff
}

.products_article {
  min-height: 350px;
  padding-top: 50px;
  width: 100%;
  min-width: 1200px;
  background: #fff
}

.products_article .location {
  line-height: 4;
  text-transform: capitalize
}

.products_article .location a:hover {
  color: #2c8dd1
}

.products_article .product_pic {
  display: inline-block;
  width: 564px;
  height: 476px
}

.products_article .product_pic .big-img {
  float: right;
  border: 1px solid #dbdbdb
}

.products_article .product_pic .big-img .show {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 474px;
  height: 474px;
  padding: 0
}

.products_article .product_pic .big-img .show span {
  display: inline-block
}

.products_article .product_pic .smallimg {
  float: left;
  width: 77px;
  height: 476px;
  overflow: hidden;
  position: relative
}

.products_article .product_pic .smallimg .scrollbtn {
  position: absolute;
  left: 0;
  display: block;
  width: 75px;
  height: 20px;
  border: 1px solid #dbdbdb;
  cursor: pointer
}

.products_article .product_pic .smallimg .smallImgUp {
  top: 0;
  background: url(../images/arrowtop.png) center center no-repeat
}

.products_article .product_pic .smallimg .smallImgUp:hover {
  background: #2c8dd1 url(../images/arrowtop_h.png) center center no-repeat
}

.products_article .product_pic .smallimg .smallImgDown {
  bottom: 0;
  background: url(../images/arrowbot.png) center center no-repeat
}

.products_article .product_pic .smallimg .smallImgDown:hover {
  background: #2c8dd1 url(../images/arrowbot_h.png) center center no-repeat
}

.products_article .product_pic .smallimg .imagemenu {
  width: 100%;
  height: 427px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-top: 24px
}

.products_article .product_pic .smallimg .imagemenu ul {
  position: absolute;
  height: 999em;
  width: 77px;
  top: 0
}

.products_article .product_pic .smallimg .imagemenu ul li {
  width: 75px;
  height: 74px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
  margin-bottom: 8px
}

.products_article .product_pic .smallimg .imagemenu ul li:first-child {
  margin-top: 9px
}

.products_article .product_pic .smallimg .imagemenu ul li a {
  display: table-cell;
  width: 75px;
  height: 74px;
  vertical-align: middle;
  text-align: center
}

.products_article .product_pic .smallimg .imagemenu ul li a img {
  width: 100%
}

.products_article .product_pic .smallimg .imagemenu ul li.current,.products_article .product_pic .smallimg .imagemenu ul li:hover {
  border-color: #2c8dd1
}

.products_article .click_img {
  line-height: 3;
  color: #888;
  padding-left: 260px
}

.products_article .pro_decri {
  margin-top: 60px;
  border-top: 1px solid #eee;
  padding: 60px 0 70px
}

.products_article .pro_decri h2 {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 35px
}

.products_article .pro_decri .content {
  margin-bottom: 60px
}

.products_article .pro_decri table {
  width: 100%;
  border: 1px solid #eee;
  border-collapse: collapse;
  line-height: 2
}

.products_article .pro_decri table th {
  width: 20%;
  border: 1px solid #eee;
  color: #2c8dd1;
  font-size: 16px;
  height: 50px;
  text-align: left;
  padding: 0 15px;
  font-weight: bold
}

.products_article .pro_decri table td {
  width: 30%;
  border: 1px solid #eee;
  height: 50px;
  padding: 0 15px;
  font-weight: bold
}

.products_article .pro_decri table td.inlife_pic a {
  display: inline-block;
  height: 340px;
  overflow: hidden;
  margin: 17px 6px;
  cursor: pointer;
  text-align: center;
  position: relative
}

.products_article .pro_decri table td.inlife_pic a img {
  height: 100%;
  cursor: zoom-in
}

.products_article .pro_decri .pro_video {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background: #2c8dd1;
  height: 45px;
  line-height: 45px;
  text-align: center;
  width: 160px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  -o-border-radius: 45px;
  border-radius: 45px;
  margin-top: 70px
}

.products_article .pro_decri .pro_video:hover {
  font-weight: bold
}

.products_article .pro_decri .share_top {
  font-size: 16px;
  line-height: 2
}

.big-img {
  width: 474px;
  height: 474px
}

.big-img li {
  width: 474px;
  height: 474px;
  vertical-align: middle
}

.big-img li span {
  vertical-align: top
}

.big-img li .jqzoom img {
  width: 474px;
  max-height: 474px
}

.jqzoom {
  position: relative
}

.zoomdiv {
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 398px;
  height: 398px;
  background: #fff;
  border: 1px solid #eee;
  display: none;
  text-align: center;
  overflow: hidden
}

.jqZoomPup {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: url(../images/bg_sign071.gif);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(Opacity=60)
}

.product_bottom {
  overflow: hidden;
  background: #f6f7fb;
  height: 300px;
  padding: 65px 0 100px;
  position: relative
}

.product_bottom h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 1
}

.product_bottom h2 a {
  color: #2c8dd1
}

.product_bottom .wrap {
  position: relative
}

.product_bottom .related_scroll,.product_bottom .lasted_scroll {
  position: relative
}

.product_bottom .related_scroll ul {
  margin-bottom: 65px
}

.product_bottom .related_scroll ul,.product_bottom .lasted_scroll ul {
  height: 300px;
  padding: 40px 0 !important
}

.product_bottom .related_scroll ul li,.product_bottom .lasted_scroll ul li {
  float: left;
  width: 270px;
  height: 280px;
  margin-right: 40px
}

.product_bottom .related_scroll ul li .img,.product_bottom .lasted_scroll ul li .img {
  text-align: center;
  width: 270px;
  height: 280px;
  overflow: hidden;
  background: transparent;
  -webkit-transition: all .3s linear 0s;
  -moz-transition: all .3s linear 0s;
  -o-transition: all .3s linear 0s;
  transition: all .3s linear 0s;
  position: relative
}

.product_bottom .related_scroll ul li .img img,.product_bottom .lasted_scroll ul li .img img {
  max-width: 100% !important;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0
}

.product_bottom .related_scroll ul li .img .title,.product_bottom .lasted_scroll ul li .img .title {
  position: absolute;
  left: 20px;
  top: 206px;
  font-size: 20px;
  color: #000;
  font-weight: bold
}

.product_bottom .related_scroll ul li .img .typename,.product_bottom .lasted_scroll ul li .img .typename {
  position: absolute;
  left: 20px;
  top: 220px
}

.product_bottom .related_scroll ul li p,.product_bottom .lasted_scroll ul li p {
  padding-top: 24px;
  line-height: 20px;
  height: 38px;
  overflow: hidden;
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  transition: all .5s linear 0s
}

.product_bottom .related_scroll ul li:hover .img,.product_bottom .lasted_scroll ul li:hover .img {
  -webkit-transform: translate3d(0, -2px, 0);
  -moz-transform: translate3d(0, -2px, 0);
  -o-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  -moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.1)
}

.product_bottom .related_scroll ul li:hover p,.product_bottom .lasted_scroll ul li:hover p {
  color: #2c8dd1
}

.product_bottom .arrow {
  display: block
}

.product_bottom .arrowl {
  left: -65px;
  top: 44%
}

.product_bottom .arrowr {
  right: -65px;
  top: 44%
}

.product_bottom .product_btn {
  border-top: 1px solid #eee;
  text-align: center;
  padding-top: 70px
}

.product_bottom .product_btn a {
  display: inline-block;
  height: 40px;
  border: 2px solid #2c8dd1;
  line-height: 40px;
  width: 204px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  margin: 0 15px
}

.product_bottom .product_btn a:hover {
  background: #2c8dd1;
  color: #fff
}

.news_list {
  padding: 85px 0;
  background: #f6f7fb
}

.news_main {
  width: 880px;
  min-height: 300px;
  margin: 0 auto;
}

.news_main h2 {
  font-size: 50px;
  font-weight: bold;
  color: #2c8dd1;
  line-height: 74px;
  text-align: center
}

.news_main .list_ul {
  margin: 40px 0 0;
}

.news_main .news_main li {
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
.news_main .list_ul li{margin-bottom: 20px;height: 126px;}
.news_main .list_ul li .item_infor {
  width: 90%;
  background: #fff;
  border: 3px solid rgba(255,255,255,0.42);
  padding: 20px 35px;
  height: 80px;
  overflow: hidden;
  -webkit-transition: all .32s ease-in-out 0s;
  -moz-transition: all .32s ease-in-out 0s;
  -o-transition: all .32s ease-in-out 0s;
  transition: all .32s ease-in-out 0s;
  position: relative
}

.news_main .list_ul li .item_infor::before {
  content: "";
  width: 100%;
  height: 100%;
  /* background: #2c8dd1; */
  -webkit-transition: all .32s ease-in-out 0s;
  -moz-transition: all .32s ease-in-out 0s;
  -o-transition: all .32s ease-in-out 0s;
  transition: all .32s ease-in-out 0s;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  overflow: hidden;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center
}

.news_main .list_ul li .item_infor>span {
  height: 80px;
  border-bottom: 1px solid #2c8dd1;
  font-family: 'exotic-bold';
  color: #81756e;
  position: relative
}

.news_main .list_ul li .item_infor>span:before {
  content: "";
  width: 0%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -1px;
  -webkit-transition: all .32s ease-in-out 0s;
  -moz-transition: all .32s ease-in-out 0s;
  -o-transition: all .32s ease-in-out 0s;
  transition: all .32s ease-in-out 0s
}

.news_main .list_ul li .item_infor>span strong {
  display: block;
  font-size: 36px;
  line-height: 100%;
  -webkit-transition: all .288s ease 0s;
  -moz-transition: all .288s ease 0s;
  -o-transition: all .288s ease 0s;
  transition: all .288s ease 0s
}

.news_main .list_ul li .item_infor>span em {
  display: block;
  text-align: right;
  font-size: 16px;
  line-height: 100%;
  margin-top: 10px;
  -webkit-transition: all .288s ease 0s;
  -moz-transition: all .288s ease 0s;
  -o-transition: all .288s ease 0s;
  transition: all .288s ease 0s
}
.news_main .list_ul li .item_infor>em{
  position: absolute;
  display: block;
  width: 190px;
  height: 126px;
  overflow: hidden;
  background-color: #fff;
  top: 0;
  left: 0;
}
.news_main .list_ul li .item_infor>em img{
  position: absolute;
  top: 50%;
  left:50%;
  max-width: 100%;
  max-height:100%;
  vertical-align: middle;
  transform: translate(50%,-50%);
  transform: translate3d(-50%,-50%,0);
}
.news_main .list_ul li .item_infor h3 {
  color: #5f544e;
  font-size: 16px;
  width: 439px;
  overflow: hidden;
  -webkit-transition: all .288s ease 0s;
  -moz-transition: all .288s ease 0s;
  -o-transition: all .288s ease 0s;
  transition: all .288s ease 0s;
  font-weight: 600;
  position: relative;
  left: 210px;
}

.news_main .list_ul li .item_img {
  width: 24%;
  height: 126px;
  overflow: hidden;
  position: relative
}

.news_main .list_ul li .item_img img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.news_main .list_ul li:hover .item_infor {
  border-color: #2c8dd1;
  background: #2c8dd1;
  -webkit-transition: all .12s ease-in-out .1s;
  -moz-transition: all .12s ease-in-out .1s;
  -o-transition: all .12s ease-in-out .1s;
  transition: all .12s ease-in-out .1s
}

.news_main .list_ul li:hover .item_infor span:before {
  width: 100%;
  visibility: visible
}

.news_main .list_ul li:hover .item_infor span,.news_main .list_ul li:hover .item_infor p,.news_main .list_ul li:hover .item_infor h3 {
  color: #fff
}

.news_main .list_ul li:hover .item_infor:before {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1)
}

.faq_main {
  width: 880px;
  min-height: 300px
}

.faq_main h2 {
  font-size: 50px;
  font-weight: bold;
  color: #2c8dd1;
  line-height: 74px;
  text-align: center
}

.faq_main .list_ul {
  margin: 40px 0
}

.faq_main .list_ul>li {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  cursor: pointer
}

.faq_main .list_ul>li:hover .item_infor {
  font-weight: 600
}

.faq_main .list_ul>li .item_img {
  width: 180px;
  position: relative;
  text-align: center
}

.faq_main .list_ul>li .item_img img {
  max-height: 100%;
  max-width: 100%
}

.faq_main .list_ul>li .item_infor {
  width: 660px
}

.faq_main .list_ul>li .item_infor li {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 20px
}

.faq_main .list_ul>li .item_infor li:last-child {
  margin-bottom: 0
}

.faq_main .list_ul>li .item_infor li i {
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-top: 3px
}

.faq_main .list_ul>li .item_infor li p {
  max-width: 546px;
  padding: 6px 10px;
  line-height: 1.75;
  border: 1px solid #d7d6d2;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px
}

.faq_main .list_ul>li .item_infor li p:before {
  content: "";
  position: absolute;
  display: block;
  width: 5px;
  height: 14px;
  top: 12px
}

.faq_main .list_ul>li .item_infor li.item_q p,.faq_main .list_ul>li .item_infor li.item_q i {
  float: left
}

.faq_main .list_ul>li .item_infor li.item_q i {
  background: #2c8dd1;
  color: #fff;
  margin-right: 12px
}

.faq_main .list_ul>li .item_infor li.item_q p {
  color: #2c8dd1;
  background: #eff2e9
}

.faq_main .list_ul>li .item_infor li.item_q p:before {
  left: -5px;
  background: url(../images/faq_arrowl.png) center center no-repeat
}

.faq_main .list_ul>li .item_infor li.item_a p,.faq_main .list_ul>li .item_infor li.item_a i {
  float: right
}

.faq_main .list_ul>li .item_infor li.item_a i {
  background: #ccc;
  margin-left: 12px
}

.faq_main .list_ul>li .item_infor li.item_a p {
  background: #fafafa
}

.faq_main .list_ul>li .item_infor li.item_a p:before {
  right: -5px;
  background: url(../images/faq_arrowr.png) center center no-repeat
}

.articlenews {
  /* height: 350px; */
  border-bottom: 1px solid #eee
}

.news_article {
  width: 750px;
  min-height: 350px;
  /* position: absolute; */
  /* left: 50%; */
  /* margin-left: -440px */
  margin: 0 auto;
  float: none;
}

.news_article h2 {
  color: #2c8dd1;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 10px;
  text-align: center
}

.news_article .news_time {
  color: #999;
  text-align: center;
  line-height: 1
}

.news_article .news_body {
  border-top: 1px solid #dedede;
  margin-top: 25px;
  padding: 30px 0 60px
}

.news_article .news_body img {
  max-width: 100%
}

.news_article .articlepage {
  color: #333
}

.news_article .articlepage a {
  color: #888
}

.articlepage a:hover {
  color: #2c8dd1
}

.contact_list>li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding-bottom: 63px;
  margin-bottom: 70px
}

.contact_list>li .contact_l {
  width: 60%;
  height: 325px;
  padding-bottom: 30px;
  overflow: hidden
}

.contact_list>li .contact_l h2 {
  font-size: 26px;
  font-weight: bold;
  color: #2c8dd1;
  line-height: 1
}

.contact_list>li .contact_l h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 1;
  padding: 28px 0 35px
}

.contact_list>li .contact_l .img {
  display: inline-block;
  width: 176px;
  margin-right: 30px;
  height: 215px;
  overflow: hidden;
  padding-bottom: 30px
}

.contact_list>li .contact_l .img img {
  width: 100%
}

.contact_list>li .contact_l ul li {
  line-height: 24px;
  padding-bottom: 15px
}

.contact_list>li .contact_l ul li strong {
  font-weight: normal;
  color: #2c8dd1;
  font-size: 16px
}

.contact_list>li .contact_l ul li:last-child {
  padding: 0
}

.contact_list>li .contact_r {
  width: 400px;
  height: 325px;
  background: url(../images/dotted.jpg) left bottom no-repeat;
  background-size: 342px 275px
}

.contact_list>li .body {
  clear: both
}

.contact_list>li .body h3 {
  font-size: 16px;
  color: #2c8dd1;
  line-height: 1;
  padding: 20px 0
}

.contact_list>li .body h3 strong {
  font-weight: 300
}

.contact_main h1 {
  font-size: 26px;
  color: #2c8dd1;
  font-weight: bold;
  line-height: 2.2;
  text-align: center
}

#preview {
  position: absolute;
  border: 1px solid #ccc;
  background: #333;
  padding: 5px;
  display: none;
  color: #fff
}

.service_main .payment_content {
  margin: 40px auto
}

.service_main .payment_content li {
  float: right;
  border-bottom: 1px solid #eee;
  margin-bottom: 70px;
  padding-bottom: 70px;
  width: 100%
}

.service_main .payment_content li:last-child {
  margin: 0;
  padding: 0;
  border: none
}

.service_main .payment_content li .img {
  width: 372px
}

.service_main .payment_content li .img img {
  width: 100%
}

.service_main .payment_content li h3 {
  color: #2c8dd1;
  font-size: 16px
}

.service_main .payment_content li .payment_text {
  width: 450px
}

.careers_content {
  margin: 40px auto
}

.careers_content ol,.careers_content li,.careers_content ul {
  list-style: decimal
}

.careers_content .img {
  width: 390px;
  margin: 0 60px 40px 0
}

.catalogue_main {
  width: 880px;
  margin: 0 auto
}

.catalogue_main h2 {
  font-size: 50px;
  font-weight: bold;
  color: #2c8dd1;
  line-height: 74px;
  text-align: center
}

.catalogue_main .catalogue_list {
  margin: 40px 0
}

.catalogue_main .catalogue_list li {
  float: left;
  width: 100%;
  margin-bottom: 20px
}

.catalogue_main .catalogue_list li .item_img {
  width: 150px;
  height: 195px;
  overflow: hidden;
  position: relative
}

.catalogue_main .catalogue_list li .item_img img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.catalogue_main .catalogue_list li .item_r {
  width: 640px;
  background: #fff;
  padding: 15px 30px
}

.catalogue_main .catalogue_list li .item_r h3 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px
}

.catalogue_main .catalogue_list li .item_r p {
  color: #999;
  height: 75px;
  overflow: hidden;
  line-height: 1.75
}

.catalogue_main .catalogue_list li .item_r .item_download {
  display: block;
  width: 90px;
  float: right;
  padding: 0 10px 0 40px;
  color: #fff;
  height: 32px;
  line-height: 32px;
  margin-top: 20px;
  background: #2c8dd1 url(../images/xz.png) 10px center no-repeat
}

.catalogue_main .catalogue_list li .item_r .item_download:hover {
  background-color: #000
}

.catalogue_main .catalogue_list li:hover h3 {
  color: #2c8dd1
}

.contact_foot {
  margin-top: 75px;
  height: 200px
}

.contact_foot li {
  position: relative;
  width: 230px;
  min-height: 93px;
  float: left;
  margin-right: 30px;
  background: #f6f7fb;
  text-align: center;
  padding: 70px 23px 30px;
}

.contact_foot li:last-child {
  margin: 0
}

.contact_foot li.address i {
  background: #2c8dd1 url(../images/location.png) center center no-repeat
}

.contact_foot li.tel i {
  background: #2c8dd1 url(../images/tel-icon2.png) center center no-repeat
}

.contact_foot li.fax i {
  background: #2c8dd1 url(../images/fax.png) center center no-repeat
}

.contact_foot li.email i {
  background: #2c8dd1 url(../images/ci4.png) center center no-repeat
}

.contact_foot li i {
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: -40px;
  left: 50%;
  margin-left: -40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}

.newContact {
  width: 100%;
  border-bottom: 1px solid #eee;
  height: 300px;
  padding: 100px 0 100px 0
}

.newContact .wrap {
  width: 1200px;
  margin: 0 auto
}

.newContact .wrap h1 {
  font-size: 26px;
  color: #2c8dd1;
  font-weight: bold;
  line-height: 2.2;
  text-align: center
}

.product_top {
  width: 390px
}

.product_top .prologo {
  margin-top: 40px;
  display: block
}

.product_top .prologo img {
  width: 100%;
  vertical-align: top
}

.product_top h1 {
  font-size: 25px;
  font-weight: bolder;
  padding: 0 0 8px;
  color: #000
}

.product_top h2 {
  line-height: 1.4;
  font-size: 14px;
  font-weight: bold
}

.product_top .pro_info {
  color: #333;
  font-size: 20px
}

.product_top .getsocial {
  width: 390px;
  margin: 18px 0
}

.product_top .send_inquiry {
  display: inline-block;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  width: 390px;
  transition: all 1s;
  text-align: center;
  height: 60px;
  line-height: 60px;
  cursor: pointer
}

.product_top .send_inquiry:hover {
  color: #2c8dd1;
  transition: all 1s
}

.product_top .pdf {
  display: inline-block;
  border-bottom: 1px solid #eee;
  width: 390px;
  font-size: 16px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  transition: 0
}

.product_top .pdf:hover {
  transition: all 1s;
  color: #2c8dd1
}

.product_top .prenext {
  margin-top: 65px;
  height: 27px
}

.product_top .prenext div {
  width: 100%;
  margin-bottom: 50px
}

.product_top .prenext li {
  display: inline-block;
  line-height: 28px;
  height: 27px;
  margin-right: 69px
}

.product_top .prenext li:last-child {
  margin-right: 0
}

.product_top .prenext li a {
  line-height: 28px;
  display: block
}

.product_top .prenext li i {
  float: left;
  width: 27px;
  height: 27px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px;
  margin-right: 10px
}

.product_top .prenext li.pre i {
  background: #2c8dd1 url(../images/arti_left.png) center center no-repeat
}

.product_top .prenext li.next i {
  background: #2c8dd1 url(../images/arti_right.png) center center no-repeat
}

.product_top .prenext li.backlist i {
  background: #2c8dd1 url(../images/menu_icon.png) center center no-repeat
}

.product_top .prenext li.pdf i {
  background: #2c8dd1 url(../images/pdf.png) center center no-repeat
}

.product_top .prenext li:hover a {
  color: #2c8dd1
}

.product_top .prenext li:hover a i {
  background-color: #2c8dd1
}

.product_top .prenexten {
  margin-top: 65px;
  height: 27px
}

.product_top .prenexten div {
  width: 100%;
  margin-bottom: 50px
}

.product_top .prenexten li {
  display: inline-block;
  line-height: 28px;
  height: 27px;
  margin-right: 84px
}

.product_top .prenexten li:last-child {
  margin-right: 0
}

.product_top .prenexten li a {
  line-height: 28px;
  display: block
}

.product_top .prenexten li i {
  float: left;
  width: 27px;
  height: 27px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px;
  margin-right: 10px
}

.product_top .prenexten li.pre i {
  background: #2c8dd1 url(../images/arti_left.png) center center no-repeat
}

.product_top .prenexten li.next i {
  background: #2c8dd1 url(../images/arti_right.png) center center no-repeat
}

.product_top .prenexten li.backlist i {
  background: #2c8dd1 url(../images/menu_icon.png) center center no-repeat
}

.product_top .prenexten li.pdf i {
  background: #2c8dd1 url(../images/pdf.png) center center no-repeat
}

.product_top .prenexten li:hover a {
  color: #2c8dd1
}

.product_top .prenexten li:hover a i {
  background-color: #2c8dd1
}

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

.navscroll {
  position: fixed;
  top: 0;
  z-index: 999;
  background: #fff;
}

.bannerTop {
  width: 100%;
  top: -100%;
  transition: all .1s;
  height: 93px;
}
.bannerTop.fixed{
  top: 0;
}

.send {
  display: none
}

.profiles {
  height: 200px;
  width: 606px;
  float: left;
  color: #000
}




.profiles div {
  height: 140px;
  width: 297px;
  float: left;
  /* margin-top: 15px; */
  line-height: 176px;
  position: relative
}

.profiles div{
  height: 129px;
}

.profiles div:not(:first-child) {
  /* margin-left: 4px */
}

.profiles div:nth-child(1) span::after {
  content: '+';
  position: relative;
  top: -12px;
  font-size: 24px
}

.profiles div:nth-child(2) span::after {
  content: '+';
  position: relative;
  top: -12px;
  font-size: 24px
}

.profiles div img {
  position: absolute;
  left: 33px;
  top: 50%;
  margin-top: -20px
}

.profiles div p {
  width: 100%;
  line-height: 30px;
  font-size: 20px;
  position: absolute;
  left: 99px;
  display: inline-block;
  top: 45px;
  font-weight: 100
}

.profiles div p span {
  font-size: 40px;
  color: #2c8dd1;
  font-weight: bolder;
  font-family: Gilroy;
  position: absolute;
  left: 0;
  top: -67px
}

.profiles div:nth-child(4) span {
  font-size: 30px
}

.profiles .righttop {
  text-align: left
}

.profiles .righttop p {
  line-height: 1;
  top: 55px
}

.profiles .righttop span {
  top: -82px
}

.textleft {
  width: 580px;
  word-break: break-all;
  text-align: left;
  float: left;
  padding-right: 20px
}

.textright {
  width: 580px;
  word-break: break-all;
  text-align: left;
  float: left;
  padding-left: 20px
}

.gongye {
  position: absolute;
  top: 20px;
  width: 200px
}

.headerlogo {
  width: 423px;
  height: 27px;
  display: block;
  background: url(/templets/images/headerlogo.png);
  margin-top: 11px
}

.aboutlogo {
  width: 554px;
  height: 57px;
  display: block;
  background: url(/templets/images/indexaboutlogo.png);
  margin-top: 122px !important
}

.aboutlogoen {
  margin-bottom: 56px
}

.about .leftbottom {
  font-family: Gilroy
}

.about .leftbottom p {
  font-size: 40px !important;
  color: #2c8dd1;
  font-weight: bolder;
  top: 25px !important
}

.about .leftbottom strong {
  font-family: 'Arial','Microsoft Yahei' !important
}

.company .leftbottom {
  font-family: Gilroy
}

.company .leftbottom p {
  font-size: 40px !important;
  color: #2c8dd1;
  font-weight: bolder;
  top: 30px !important
}

.company .leftbottom strong {
  font-family: 'Arial','Microsoft Yahei' !important
}

.leftbottomen {
  font-family: Gilroy;
  color: #2c8dd1
}

.leftbottomen p {
  font-size: 35px !important;
  display: block;
  width: 100%
}

.companylogoen {
  width: 100%;
  margin-top: 10px
}

.companylogoen div {
  /* width: 560px */
}

.companylogoen p {
  font-size: 35px;
  line-height: 40px;
  font-weight: bolder;
  color: #2c8dd1;
  font-family: Gilroy;
  /* text-align: left */
  text-align: center;
}

.companylogoen .aboutlogoen {
  margin-bottom: 51px !important
}

.companylogo {
  width: 100%;
  margin-top: -110px;
  margin-bottom: 20px
}

.companylogo div {
  width: 580px
}

.companylogo p {
  font-size: 35px;
  line-height: 40px;
  font-weight: bolder;
  color: #2c8dd1;
  font-family: Gilroy;
  text-align: left
}

.companylogo .aboutlogoen {
  margin-bottom: 51px !important
}

.table table {
  width: 1035px;
  margin: 0 auto
}
.table.tabledouble table{
  float: left;
  width: 49%;
  margin-right: 1%;
}
.table.tabledouble table:nth-child(even){
  margin-left: 1%;
  margin-right: 0;
}

.table table tr {
  height: 22px !important;
  line-height: 22px !important
}

.table table td {
  height: 22px !important;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px !important;
  padding: 5px;
  text-align: center !important;
  border-width: 2px !important;
  border-style: solid;
  border-color: #92d050 !important;
  color: #808080 !important
}
.pro_list article{
  margin-bottom: 60px;
}
.pro_list article table{
  width: 100%;
}
.pro_list article p.red{
  padding-top: 15px;
}
.pro_list article p.blue{
  display: none;height: 0;
}
.pro_list article table td{
  padding: 2px 15px;
  text-align: center !important;
  border-color: #777 !important;
  color: #333 !important;
  font-weight: bold !important;
}

#bigpic {
  overflow: hidden
}

#prolist {
  display: block;
  transition: all .3s ease
}

#prolist.show {
  opacity: 1;
  visibility: visible
}

.prolist2 {
  width: 490px;
  box-sizing: border-box
}

.prolist2 ul {
  overflow: hidden;
  background: #eee
}

.prolist2 ul li {
  width: 93px;
  height: 70px;
  float: left;
  cursor: pointer;
  margin-bottom: 4px;
  margin-top: 4px;
  margin-left: 4px;
  border: 1px inset transparent
}

.prolist2 ul li span {
  display: block;
  width: 100%;
  height: 70px;
  position: relative;
  text-align: center;
  user-select: none;
  overflow: hidden
}

.prolist2 ul li.on {
  border: 1px inset #2c8dd1
}

.prolist2 ul li img {
  position: absolute;
  margin: auto;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  max-height: 70px;
  vertical-align: middle;
  display: block;
}

.description-conen li {
  width: 210px !important
}

/* .newpro .img:after {
  position: absolute;
  content: "new";
  display: block;
  top: 22px;
  left: 20px;
  color: #ff3300;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
} */
/*# sourceMappingURL=css.css.map */
.clearfix {
  zoom: 1;
}
.ovh{overflow: hidden;}
.clearfix::before, .clearfix::after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.detail{
  margin-top: 40px;
  padding: 40px 0;
  text-align: center;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  border-top: 1px solid #ddd;
}

.tabledouble .detail{
  clear: both;
}

.company .left{float: left;width: 50%;}
.companyen .left{
  
}

.companyright .aboutlogo{margin-top: 0 !important;margin-bottom: 30px;}

.company .right,
.companyen .right{
  float: left;width: 50%;
}

.about-first-article{
  padding-top: 0;
}


.about-article p:first-child{display: none;}


.about-first-article p{display: none;}
.about-first-article p:first-child{display: block;}
.about-first-article.about-article p{padding-bottom: 10px;}

/* .companyen .about-first-article.about-article p{padding-bottom: 10px;} */

.left .companylogo{height: 0;display: none;}
.companyright .aboutlogoen{display: none;height: 0;margin-bottom: 0;}

.profilesen{
  margin-top: 43px;
}
.profilesen div{
  margin-top: 10px;
}

.new-products .newpro .img:after{display: none !important;opacity: 0 !important;}

.indexNews .wrap .newsBottom ul a li em div{display: none; height: 0; visibility: hidden;opacity: 0;color:#999;text-align: center;background-color:#fff;letter-spacing: 1.5px;}
.indexNews .wrap .newsBottom ul a li em.showtext div{display: block; visibility: visible;opacity: 1; height: 211px !important; line-height: 211px;}
.news_main .list_ul li .item_infor>em>div{visibility: hidden;opacity: 0;line-height: 126px;text-align: center;color:#999;letter-spacing: .5px;background-color:#fff;}
.news_main .list_ul li .item_infor>em.showtext>div{visibility: visible;opacity: 1;}