@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.ov {
  overflow: hidden;
}

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

.clearfix {
  zoom: 1;
}

ul li {
  list-style: none;
  float: left;
}

ul li a {
  display: block;
  overflow: hidden;
}

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

ul {
  zoom: 1;
}

.cl::after {
  clear: both;
  display: block;
  content: ".";
  visibility: hidden;
  height: 0;
  line-height: 0;
}

.cl {
  zoom: 1;
}

.ovh {
  overflow: hidden;
}

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

.connect ul {
  font-size: 16px;
}

.wi {
  width: 100%;
}

.m-2 {
  width: calc(100%/12*2);
}

.m-3 {
  width: calc(100%/12*3);
}

.m-4 {
  width: calc(100%/12*4);
}

.m-5 {
  width: calc(100%/12*5);
}

.m-6 {
  width: calc(100%/12*6);
}

.m-7 {
  width: calc(100%/12*7);
}

.m-8 {
  width: calc(100%/12*8);
}

@media (max-width: 1199px) {
  .container {
    width: 970px;
  }
  .container-fluid, .banner, .indexbanner {
    min-width: 970px;
  }
  .col-md-2 {
    width: calc(100%/12*2);
  }
  .col-md-5 {
    width: calc(100%/12*5);
  }
  .col-md-7 {
    width: calc(100%/12*7);
  }
}

.gui {
  color: #1f87e8;
}

.m-hide {
  visibility: hidden;
}

header {
  line-height: 120px;
  padding: 0 5%;
  height: 120px;
}

header ul li {
  padding: 0 !important;
  position: relative;
}

header ul li a {
  display: block;
  width: 100%;
  font-size: 16px;
}

header ul li a:hover {
  color: #009fe9;
}

header ul li ul {
  position: absolute;
  left: 18.5%;
  top: calc(100% - 25px);
  width: 63%;
  background: #42a5f6;
  display: none;
  z-index: 999;
  text-align: center;
}

header ul li ul li {
  width: 100%;
}

header ul li ul li a {
  line-height: 40px;
  color: #fff;
  font-size: 14px;
}

header ul li ul li a:hover {
  color: #fff;
}

header ul li ul li:nth-child(1) > ul {
  width: 184px;
}

header ul li ul li:nth-child(2) > ul {
  width: 184px;
}

header ul li ul li:nth-child(3) > ul {
  width: 184px;
}

header ul li ul li ul {
  display: none !important;
  padding: 5px;
  background: none;
  top: -5px;
  width: 255%;
  left: 100%;
}

header ul li ul li ul li {
  background: #42a5f6;
}

header ul li ul li ul li ul {
  display: none !important;
}

header ul li ul li ul::after {
  border: none;
}

header ul li ul li:hover ul {
  display: block !important;
}

header ul li ul::after {
  position: absolute;
  content: '';
  display: block;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #42a5f6;
  border-left: 5px solid transparent;
  top: -10px;
  left: 50%;
  margin-left: -4.5px;
}

@media (max-width: 1199px) {
  header ul li ul {
    width: 100%;
    left: 0;
  }
}

header ul li:hover ul {
  display: block;
}

header ul li:nth-child(4) ul, header ul li:nth-child(5) ul, header ul li:nth-child(6) ul {
  display: none !important;
}

header ul .on .topa {
  color: #009fe9;
}

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

.indexbanner img {
  width: 100%;
}

.indexbanner .text {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-align: center;
}

.indexbanner .text h1, .indexbanner .text h4 {
  position: absolute;
  top: 0;
  right: 0;
  left: 100%;
  bottom: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%;
}

.indexbanner .text h1 {
  font-size: 60px;
  margin-top: 15%;
  font-weight: bold;
}

.indexbanner .text h4 {
  font-size: 24px;
  margin-top: 23%;
}

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

.banner img {
  width: 100%;
}

.banner .text {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-align: center;
}

.banner .text h1 {
  position: absolute;
  top: 0;
  right: 0;
  left: 100%;
  bottom: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%;
  margin: auto;
  font-weight: bold;
  font-size: 48px;
  height: 48px;
}

.banner .licheng {
  color: #e64a19;
}

.bar ul li {
  float: left;
  color: #fff;
  height: 90px;
  overflow: hidden;
}

.bar ul li:nth-child(1) {
  width: 29%;
  background: #2b6fb6;
}

.bar ul li:nth-child(2) {
  width: 21%;
  background: #5399d7;
}

.bar ul li:nth-child(3) {
  width: 21%;
  background: #72a5d4;
}

.bar ul li:nth-child(4) {
  width: 29%;
  background: #90b2d5;
}

.bar ul li:nth-child(1) .left {
  width: 63%;
}

.bar ul li:nth-child(1) .right {
  width: 37%;
}

.bar ul li:nth-child(2) .left, .bar ul li:nth-child(2) .right, .bar ul li:nth-child(3) .left, .bar ul li:nth-child(3) .right {
  width: 50%;
}

.bar ul li:nth-child(4) .right {
  width: 63%;
}

.bar ul li:nth-child(4) .left {
  width: 37%;
}

.bar ul li .left img {
  float: right;
  margin-right: 25px;
  padding: 13.5px 0 13.5px 0;
}

.bar ul li .right {
  position: relative;
  height: 90px;
}

.bar ul li .right p {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
}

.bar ul li * {
  float: left;
}

.gongye ul li {
  width: calc(100%/3);
  float: left;
  padding: 25px 0;
}

.gongye ul li a {
  width: 356px;
  margin: 25px auto;
}

.gongye ul li .pic {
  display: block;
  width: 356px;
  padding-bottom: 25px;
}

.gongye ul li .pic img {
  width: 100%;
}

.gongye ul li p {
  font-size: 20px;
  margin-bottom: 4px;
}

.gongye ul li span {
  font-size: 12px;
  color: darkgray;
}

footer {
  width: 100%;
  font-size: 12px;
  background: #353840;
  color: darkgray;
  line-height: 28px;
  padding: 24px 0;
}

footer a {
  color: darkgray;
}

footer a:hover {
  color: #009fe9;
}

.content {
  width: 1200px;
  margin: 0 auto;
  padding: 40px 5px 80px 5px;
  min-height: 495px;
}

.content ul li h1 {
  font-size: 16px;
}

.content ul li p {
  font-size: 16px;
}

.gaikuang .gk_neirong {
  font-size: 16px;
  /* 鏂板姞鍐呭 */
}

.gaikuang .since {
  display: block;
  width: calc(100%/3);
  float: left;
  padding-bottom: 10px;
  background: url(../images/abbg.png) 90% center no-repeat;
}

.gaikuang .since h1 {
  font-size: 48px;
  color: #eeeeee;
  margin: 0;
}

.gaikuang .since p {
  font-size: 28px;
  margin: 0;
  line-height: 1.8;
  text-indent: 0;
}

.gaikuang .since span {
  font-size: 16px;
}

@media (max-width: 1199px) {
  .gaikuang .since h1 {
    font-size: 46px;
  }
  .gaikuang .since p {
    font-size: 26px;
  }
  .gaikuang .since span {
    font-size: 14px;
  }
}

.gaikuang p {
  margin: 15px 0 25px 0;
  line-height: 2;
  text-indent: 28px;
}

.honor h1 {
  font-size: 20px;
  color: #009fe9;
  text-align: center;
}

.honor p {
  line-height: 1.9em;
  font-size: 16px;
  margin-bottom: 15px;
}

.honor ul {
  width: calc(20% - 8px);
  float: left;
}

.honor ul li {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
}

.honor ul li img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
  left: 0;
}

.honor ul li:hover img {
  max-width: 110%;
  width: 110%;
  left: -5%;
}

.honor ul:not(:last-child) {
  margin-right: 10px;
}

.honor .abs {
  padding-top: 10px;
  padding-bottom: 22px;
  margin-bottom: 40px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}

.honor .abs p {
  line-height: 0;
}

.honor .abs::after {
  content: "";
  display: block;
  background: #f0f0f0;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.licheng ul {
  margin-bottom: 34px;
}

.licheng ul li {
  border-radius: 25px;
  border: 1px solid #cccccc;
  -webkit-transition: all .3s;
  transition: all .3s;
  line-height: 36px;
  font-size: 16px;
  padding: 0 35px;
  margin: 0 12px;
}

.licheng ul .on {
  background: #009fe9;
  color: #fff;
}

.licheng .min {
  min-height: 1263px;
}

.licheng .min img:not(:first-child) {
  display: none;
}

.news ul li {
  width: 100%;
  /*  &:not(:last-child) {border-bottom: 1px dashed #e5e5e5;} */
  border-bottom: 1px dashed #e5e5e5;
}

.news ul li a {
  padding: 42px 0 34px 0;
}

.news ul li a .time {
  /* width: calc(100%/12); */
  width: 79px;
}

.news ul li a .time span {
  font-size: 18px;
  color: #4a4a4a;
  line-height: 1;
}

.news ul li a .time p {
  font-size: 15px;
  color: #767676;
  margin-top: 5px;
}

.news ul li a .msg {
  width: calc(100%/12*11);
}

@media (max-width: 1199px) {
  .news ul li a .msg {
    padding-left: 27px;
  }
}

.news ul li a .msg h1 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: color .5s;
  transition: color .5s;
}

.news ul li a .msg p {
  width: 1093px;
  color: #999999;
  line-height: 24px;
  margin-top: 8px;
  max-height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: margin-left .5s;
  transition: margin-left .5s;
}

.news ul li a:hover .msg p {
  -webkit-transition: margin-left .5s;
  transition: margin-left .5s;
  margin-left: 15px;
}

.news ul li:hover .msg h1 {
  /* font-weight: normal; */
  -webkit-transition: color .5s;
  transition: color .5s;
  color: #009fe9;
}

.news .paging {
  padding: 30px 0 0;
}

.paging {
  text-align: center;
  padding: 30px 0;
  width: 100%;
}

.paging li {
  display: inline-block;
  text-align: center;
}

.paging li a {
  display: inline-block;
  border: 1px solid #dfdfdf;
  color: #009fe9;
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin-right: 3px;
  font-size: 14px;
}

.paging li.thisclass a, .paging li:hover a {
  background: #009fe9;
  color: #fff;
}

.paging li.i a, .paging li.n a, .paging li.e a, .paging li a.e, .paging li.p a {
  text-indent: -9999px;
}

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

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

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

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

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

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

.paging li.e:hover a {
  background: url(../images/paging_btn_hover.png) -150px center no-repeat #009fe9;
}

.paging li a.e:hover {
  background: url(../images/paging_btn_hover.png) -150px center no-repeat #009fe9;
}

.paging li.p:hover a {
  background: url(../images/paging_btn_hover.png) -30px center no-repeat #009fe9;
}

.paging li.n:hover a {
  background: url(../images/paging_btn_hover.png) -98px center no-repeat #009fe9;
}

.artnew .fankuai {
  width: 928px;
  padding-bottom: 22px;
  border-bottom: 1px solid #f0efef;
  position: relative;
  margin-bottom: 25px;
  margin: 25px  auto;
}

.artnew .fankuai h1 {
  text-align: center;
  line-height: 45px;
  font-weight: bold;
  font-size: 25px;
  color: #333;
}

.artnew .fankuai .fankuai1 {
  width: 8px;
  height: 8px;
  background: #f0f0f0;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.artnew .xinwennr {
  font-size: 16px;
  color: #666;
  width: 928px;
  margin: auto;
}

.artnew .xinwennr p, .artnew .xinwennr a, .artnew .xinwennr span, .artnew .xinwennr samp {
  /*   width: 671px; */
  padding-bottom: 30px;
  text-indent: 32px;
  line-height: 1.8;
}

.artnew .xinwennr p img {
  margin: 0 auto;
  display: block;
}

.artnew .contentnav {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 60px;
}

.artnew .contentnav div {
  display: inline-block;
}

.artnew .contentnav div:first-child + div {
  margin: 0 160px;
}

.artnew .contentnav a {
  display: block;
  width: 120px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #555;
  color: #555;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.artnew .contentnav a:hover {
  background-color: #009fe9;
  border: 1px solid #009fe9;
  color: #fff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

.artnew .contentnav div:first-child a:hover {
  text-indent: -10px;
  -webkit-transition: text-indent 0.5s;
  transition: text-indent 0.5s;
}

.artnew .contentnav div:first-child + div + div a:hover {
  text-indent: 10px;
  -webkit-transition: text-indent 0.5s;
  transition: text-indent 0.5s;
}

.zhaopin ul li {
  line-height: 42px;
  background: #f0f0f0;
  color: #666666;
  border-radius: 0px;
  padding: 0 46px;
  font-size: 16px;
  margin: 0 30px 14px 8px;
}

.zhaopin ul .on {
  background: #009fe9;
  color: #fff;
}

.zhaopin .min {
  color: #666666;
  min-height: 360px;
}

.zhaopin .min .m:not(:first-child) {
  display: none;
}

.zhaopin .min h1 {
  font-size: 20px;
  line-height: 48px;
}

.zhaopin .min span {
  font-size: 16px;
  line-height: 25px;
  padding: 0 10px;
}

.zhaopin .min p {
  font-size: 14px;
  line-height: 25px;
  padding: 0 10px;
}

.zhaopin .min .zhize {
  margin-bottom: 27px;
}

.contact {
  width: 1200px;
  margin: 0 auto;
  padding: 40px 5px 80px 5px;
  min-height: 495px;
}

.contact ul {
  color: #666;
}

.contact ul li h1 {
  font-size: 16px;
}

.contact ul li h1 p {
  width: 300px;
}

.contact ul li h1 p span {
  width: 300px;
}

.contact ul li p {
  font-size: 16px;
  width: 320px;
}

.contact .title {
  overflow: hidden;
  margin-bottom: 50px;
  font-size: 20px;
}

.contact .title h1 {
  color: #eeeeee;
  font-size: 30px;
  margin: 0;
  font-weight: bold;
  line-height: 50px;
}

.contact .title span {
  font-size: 20px;
  color: #333333;
}

.contact .title .left {
  width: calc(100%/3*2);
  float: left;
}

.contact .title .right {
  line-height: 78px;
  width: calc(100%/3);
  float: left;
  color: red;
  font-size: 18px;
  font-weight: bold;
}

.contact ul {
  width: calc(100%/3);
  float: left;
}

.contact ul li {
  margin: auto;
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  padding: 0 0px 0 0;
  margin-bottom: 30px;
}

.contact ul li h1 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 1.8;
}

@media (max-width: 1199px) {
  .contact ul li {
    padding: 0 50px 0 0;
  }
}

.contact ul:nth-child(3) {
  /*  margin-right: 39px; */
  width: 405px;
  margin: 0 49px 0 49px;
}

.contact ul:nth-child(3) li p {
  width: 405px;
}

.contact ul:nth-child(2) {
  padding: 0 0px;
  width: 300px;
}

.contact ul:nth-child(2) li p {
  width: 300px;
}

.contact ul:nth-child(4) {
  width: 387px;
}

.contact ul:nth-child(4) li {
  width: 387px;
}

.contact ul:nth-child(4) li p {
  width: 387px;
}

.goTop {
  height: 50px;
  width: 50px;
  background: url(../images/01.png) center top no-repeat;
  position: fixed;
  bottom: 50px;
  right: 50px;
  display: block;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.goTop:hover {
  opacity: .2;
}

.zhizaobg .zhizao ul li {
  width: calc(100%/5 - 20px);
  background: #fff;
  margin: 25px 10px;
  position: relative;
  border: 1px solid #e5e5e5;
  padding-top: 35px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.zhizaobg .zhizao ul li .divbg {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 20px;
}

@media (max-width: 1199px) {
  .zhizaobg .zhizao ul li .divbg {
    height: 100px;
  }
}

.zhizaobg .zhizao ul li .divbg .bg {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  position: relative;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
  border-radius: 10px;
}

.zhizaobg .zhizao ul li .divbg .bg img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  max-width: 100%;
}

.zhizaobg .zhizao ul li .divbg .bg span {
  line-height: 321px;
}

.zhizaobg .zhizao ul li .shiye {
  padding: 25px 15px 35px;
}

.zhizaobg .zhizao ul li .shiye span {
  font-size: 16px;
  color: #000;
  display: block;
  margin-bottom: 15px;
  text-align: center;
}

.zhizaobg .zhizao ul li .shiye .more {
  background: #00a0e9;
  line-height: 34px;
  width: 128px;
  display: block;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  margin: 0 auto;
  font-size: 12px;
  border: 1px solid #00a0e9;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.zhizaobg .zhizao ul li:hover .more {
  color: #00a0e9;
  background: #fff;
}

.gyt {
  margin-bottom: 40px;
}

.gyt h1 {
  font-size: 20px;
  color: #00a0ea;
}

.gyt .abs {
  color: #737373;
  font-size: 16px;
  padding-bottom: 22px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}

.gyt .abs p {
  text-align: center;
}

.gyt .abs::after {
  content: "";
  display: block;
  background: #f0f0f0;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.huaxian {
  font-size: 16px;
}

.huaxian .cl {
  padding-bottom: 60px;
}

.huaxian .left {
  width: 27%;
}

.huaxian .left img {
  width: 280px;
}

.huaxian .right {
  width: 73%;
  margin-top: 33px;
  text-indent: 32px;
  font-size: 16px;
  color: #666666;
  line-height: 2.4;
}

.huaxian .right p {
  margin-bottom: 25px;
}

.huaxian .right p:nth-child(2) {
  margin-bottom: 0;
}

.huaxian .contact {
  color: #666;
}

.huaxian .contact .contl {
  line-height: 35px;
  width: 50%;
}

.huaxian .contact .contl img {
  padding: 0 20px 0 0;
}

.huaxian .contact .contl p {
  padding: 11.5px 0;
}

.huaxian .contact .contr {
  float: right;
  padding-top: 30px;
}

.huaxian .contact .contr img {
  max-width: 100%;
}

.fanglun .cl {
  padding-bottom: 60px;
  /* 杩欎釜鏈€灏忛珮搴﹂渶瑕佸幓闄 */
  color: #666666;
}

.fanglun .cl .left {
  float: left;
}

.fanglun .cl .left img {
  margin: 20px 34px 20px 0;
}

.fanglun .cl .right {
  width: 100%;
  float: none;
  text-indent: 2em;
  line-height: 1.8;
  font-size: 16px;
}

.fanglun .cl .right p {
  margin-bottom: 25px;
}

.fanglun .cl .right p .strong {
  margin-top: 45px;
  padding-top: 40px;
  border-top: 1px solid #f0f0f0;
  border-bottom: none;
  padding-bottom: 0;
}

.fanglun .cl .right p strong {
  display: block;
  text-align: center;
  font-size: 20px;
  margin-bottom: 0px;
}

.fanglun .cl .right p:nth-child(4) {
  margin-bottom: 0;
}

.fanglun .cl .right strong {
  font-size: 18px;
}

.fanglun .connect {
  color: #666;
}

.fanglun .connect ul {
  font-size: 16px;
  margin-top: 73.5px;
  float: left;
  width: 600px;
}

.fanglun .connect ul li {
  text-align: left;
  padding: 12px 0 12px 0;
  float: left;
}

.fanglun .connect ul li img {
  float: left;
}

.fanglun .connect ul li p {
  /*margin-top: 4px;*/
  display: block;
  width: 600px;
  line-height: 35px;
  padding-left: 50px;
}

.fanglun .connect .contsr {
  float: right;
  margin-top: 12px;
}

.product {
  margin-bottom: 80px;
}

.product ul li {
  width: 253px;
  height: 213px;
}

.product ul li a {
  overflow: hidden;
  height: 213px;
  width: 188px;
  display: block;
  margin: 0 auto;
}

.product ul li a img {
  width: 100%;
}

.productled {
  margin-bottom: 90px;
}

.productled ul li {
  width: 840px;
  height: 543px;
}

.productled ul li a {
  overflow: hidden;
  height: 543px;
  width: 800px;
  display: block;
  margin: 0 auto;
}

.productled ul li a img {
  width: 100%;
}

.tit {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 35px;
  padding-bottom: 22px;
  position: relative;
}

.tit.no-line {
  border-bottom: 0;
}

.tit h1 {
  font-size: 20px;
  color: #00a0ea;
}

.tit p {
  font-size: 16px;
  color: #737373;
  /*color: rgb(33, 33, 33)*/
}

.tit div {
  width: 8px;
  height: 8px;
  background: #f0f0f0;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.con {
  margin-bottom: 32px;
}

.guifont {
  font-size: 16px;
  line-height: 36px;
  text-indent: 32px;
  width: 777px;
}

.zhiwuw {
  width: 685px;
}

#zhiwu .cl .zhongbubt {
  float: left;
  display: block;
  width: 100%;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  margin-top: 45px;
  padding-top: 40px;
  font-size: 20px;
}

#zhiwu .cl .right {
  width: 75%;
  float: right;
  margin-top: 3px;
}

#zhiwu .cl .right p {
  margin-bottom: 0;
}

#zhiwu .cl .left {
  width: 25%;
}

#zhiwu .cl .left img {
  width: 90%;
  margin: 0  20px 0 0;
}

#zhiwu .connect ul {
  margin-top: 14px;
}

.fen .connect ul {
  width: 50%;
  margin-top: 26px;
}

.fen .connect .dizhi {
  margin-top: 98px;
}

.fen .connect .dizhi1 {
  margin-top: 100px;
}

.fen .connect .contsr {
  float: right;
  width: 46%;
  margin-top: 0;
}

.fen .connect .contsr img {
  margin-top: 12px;
}

.fen .connect .contsr .li_img {
  margin-top: 70px;
}

.fen .cl {
  padding-bottom: 80px;
  /*  .zhongbubt{
                float: left;
                display: block;
                width: 100%;
                text-align: center;
                border-top: 1px solid #f0f0f0;
                margin-top:80px;
                font-size: 18px;
                padding:40px 110px 0;
                line-height: 1.8;
            } */
}

.fen .cl p {
  font-size: 16px;
}

.fen .cl .left img {
  width: 587px;
  margin: 0px 40px 0 0;
}

.fen .cl .right p:nth-child(4) {
  margin-bottom: 0;
}

.fen .opt {
  color: #666666;
  margin-bottom: 40px;
}

.fen .opt ul li {
  font-size: 16px;
  line-height: 50px;
  cursor: default;
}

.fen .opt ul li p {
  padding: 0 15px;
  margin: 0 20px;
}

.fen .opt ul li * {
  float: left;
}

.fen .opt ul .on p {
  border-bottom: 2px solid #009fe9;
  color: #009fe9;
}

.fen .opi {
  position: relative;
  height: 336px;
}

.fen .opi .m {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

.fen .opi .m:first-child {
  opacity: 1;
  visibility: visible;
}

.fen .opi .m ul li {
  margin-right: 35px;
}

.fen .opi .m ul li a {
  display: block;
  width: 365px;
  height: 300px;
  margin-bottom: 16px;
}

@media (max-width: 1199px) {
  .fen .opi .m {
    width: 808px;
  }
  .fen .opi .m a {
    width: 192px !important;
    height: 192px !important;
  }
}

.fen .opi .arrl, .fen .opi .arrr {
  position: absolute;
  width: 75px;
  height: 100%;
  display: block;
  top: 0;
  cursor: pointer;
}

.fen .opi .arrl {
  left: 0;
  background: url(../images/left.png) center center no-repeat;
}

.fen .opi .arrr {
  right: 0;
  background: url(../images/right.png) center center no-repeat;
}

.fen .clickmore {
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  -webkit-transition: color .5s;
  transition: color .5s;
  display: block;
  background: #00a0e9;
  border-radius: 5px;
  line-height: 50px;
  border: 1px solid #00a0e9;
  width: 162px;
  margin: 40px auto 80px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.fen .clickmore:hover {
  border: 1px solid #00a0e9;
  background-color: #fff;
  color: #00a0e9;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  -webkit-transition: color .5s;
  transition: color .5s;
}

#gui .cl .left {
  width: 21%;
}

#gui .cl .left img {
  width: 220px;
  margin: 0 0px 0 0;
}

#gui .cl .right {
  float: right;
  width: 79%;
  margin-top: 28px;
}

.youqi .left p:nth-child(2) {
  margin-bottom: 0;
}

.youqi .left p {
  font-size: 16px;
  color: #666666;
  text-indent: 32px;
  margin-bottom: 25px;
  line-height: 1.8;
}

.youqi .left img {
  margin: 54px 0 64px;
}

.youqi .lei {
  margin-bottom: 100px;
}

.youqi .lei .leiul {
  margin-bottom: 53px;
}

.youqi .lei .leiul li {
  padding: 0 33px;
  line-height: 36px;
  background: #f0f0f0;
  color: #666666;
  font-size: 16px;
  border-radius: 25px;
  margin: 0 12px;
}

.youqi .lei .leiul .on {
  background: #009fe9;
  color: #fff;
}

.youqi .lei .min {
  position: relative;
}

.youqi .lei .min div {
  width: 100%;
}

.youqi .lei .min div:not(:first-child) {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.youqi .lei .min ul li {
  width: calc(100%/3);
  padding: 0 19px;
}

.youqi .lei .min ul li a {
  display: block;
  height: 250px;
  width: 100%;
}

.youqi .connect {
  color: #666;
  font-size: 16px;
}

.youqi .connect ul {
  margin-top: 14px;
  width: 400px;
  float: left;
}

.youqi .connect ul li {
  padding: 12px 0 12px 0;
}

.youqi .connect ul li p {
  text-align: left;
  display: block;
  width: 400px;
  line-height: 35px;
  padding-left: 50px;
}

.youqi .connect ul img {
  float: left;
}

.youqi .connect .contsr {
  margin-top: 12px;
  float: right;
}

.zhusu .cl .left {
  padding-bottom: 60px;
}

.zhusu .cl .left p {
  margin-bottom: 25px;
}

.zhusu .cl .left P:nth-child(2) {
  margin-bottom: 0;
}

.zhusu .cl .left P:nth-child(3) {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 45px;
  padding-top: 40px;
  border-top: 1px solid #f0f0f0;
  margin-bottom: 0;
  font-size: 20px;
}

.zhusu .cl .right {
  float: right;
}

.zhusu .connect ul {
  margin-top: 13px;
}

.led {
  font-size: 16px;
}

.led .productled {
  margin-bottom: 80px;
}

.led .cl {
  font-size: 16px;
  line-height: 1.8;
  color: #666666;
  text-indent: 28px;
  margin-bottom: 80px;
}

.led .cl p {
  margin-bottom: 25px;
}

.led .cl strong {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 45px;
  padding-top: 40px;
  border-top: 1px solid #f0f0f0;
  margin-bottom: 0;
  font-size: 20px;
}

.led .cl strong strong {
  margin-top: 0;
  padding: 0;
  border: none;
}

.led .cl .left p:nth-child(4) {
  margin-bottom: 0;
}

.led .cl .right {
  float: right;
}

.led .connect {
  color: #666;
}

.led .connect ul {
  margin-top: 15px;
  width: 400px;
  float: left;
}

.led .connect ul li {
  padding: 12px 0 12px 0;
  text-align: left;
  width: 400px;
  float: left;
}

.led .connect ul li img {
  float: left;
}

.led .connect ul li p {
  display: block;
  width: 400px;
  line-height: 35px;
  padding-left: 50px;
}

.led .connect .contsr {
  margin-top: 12px;
  float: right;
}

.dayou .contact {
  margin-top: 80px;
}

.dayou .cl p:nth-child(3) {
  margin-bottom: 0;
}

.dayou .cl .right {
  float: right;
}

.dayou .factory {
  padding: 0;
  float: left;
}

.dayou .factory strong {
  font-size: 20px;
  margin-bottom: 80px;
}

.dayou .productda {
  /*    margin-bottom: 80px; */
  position: relative;
  height: 276px;
}

.dayou .productda .gun-con {
  position: relative;
  height: 224px;
}

.dayou .productda .datit ul {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.dayou .productda .datit ul li {
  width: 240px;
  line-height: 50px;
  border-right: 1px solid #e0e0e0;
  color: #666666;
  font-size: 16px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.dayou .productda .datit ul li:first-child {
  border-left: 1px solid #e0e0e0;
}

.dayou .productda .datit ul li::after {
  content: '';
  display: block;
  position: absolute;
  border-top: 0px solid #666666;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px;
  left: 50%;
  margin-left: -4.5px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.dayou .productda .datit ul li:last-child {
  border: none;
}

.dayou .productda .datit ul .on {
  background: #009fe9;
  color: #fff;
}

.dayou .productda .datit ul .on::after {
  border-top: 5px solid #009fe9;
  bottom: -10px;
}

.dayou .productda .topdiv {
  position: absolute;
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

.dayou .productda .topdiv:first-child {
  opacity: 1;
  visibility: visible;
}

.dayou .productda .topdiv ul {
  padding: 0 10px;
  min-height: 220px;
}

.dayou .productda .topdiv ul li {
  margin-right: 30px;
  height: 220px;
  width: 175px;
}

.dayou .productda .topdiv ul li a {
  display: block;
  height: 100%;
}

.dayou .productda .dpn {
  display: none;
}

.dayou .productda .page {
  display: block !important;
  margin-top: 5px;
}

.dayou .productda .page div {
  display: inline-block;
}

.dayou .productda .page a {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  color: #666666;
}

.dayou .productda .page .on {
  color: #009fe9;
}

.dayou .productda .page .none {
  color: #999999;
}

.dayou #gun .datit li {
  width: calc(1189px/4);
}

.dayou .contact {
  padding-bottom: 0;
}

.dayou .contact .contl {
  line-height: 1.8;
  color: #666;
}

.dayou .contact .contl img {
  padding-right: 15px;
}

.dayou .contact .contl div {
  display: inline-block;
}

.dayou .contact .contl .tel {
  float: left;
  padding: 12px 0 12px 0;
}

.dayou .contact .contl p {
  line-height: 35px;
  padding: 12px 0 12px 0;
}

.dayou .contact .contl .phone {
  line-height: 35px;
  padding: 12px 0 12px 0;
}

.dayou .contact .contr {
  margin-top: 63px;
  float: right;
}

.dayou .contact .contr img {
  max-width: 100%;
}

.cailun .cl {
  margin-bottom: 80px;
}

.cailun .cl .right {
  float: right;
}

.cailun .left p {
  font-size: 16px;
}

.cailun .left p:nth-child(2) {
  margin-bottom: 0;
}

.cailun .aboutcai {
  color: #666666;
  line-height: 1.8;
}

.cailun .aboutcai strong {
  font-size: 20px;
  display: block;
  margin-top: 45px;
  padding-top: 40px;
  border-top: 1px solid #f0f0f0;
  border-bottom: none;
  padding-bottom: 0;
}

.cailun .aboutcai p {
  margin-bottom: 23px;
  text-indent: 2em;
}

.cailun .productcai {
  margin-bottom: 80px;
}

.cailun .productcai ul {
  list-style: none;
  float: left;
  margin-top: 20px;
}

.cailun .productcai ul li {
  width: 50%;
}

.cailun .productcai ul li img {
  width: 100%;
}

.cailun .productcai ul li:nth-child(odd) {
  padding-right: 4px;
}

.cailun .productcai ul li:nth-child(even) {
  padding-left: 4px;
}

.cailun .productcai ul li:nth-child(7) {
  clear: both;
}

.cailun .connect {
  font-size: 16px;
}

.cailun .connect ul {
  color: #666;
  margin-top: 44px;
  float: left;
  width: 600px;
}

.cailun .connect ul li {
  text-align: left;
  padding: 12px 0 12px 0;
  float: left;
}

.cailun .connect ul li img {
  float: left;
}

.cailun .connect ul li p {
  display: block;
  width: 400px;
  line-height: 35px;
  padding-left: 50px;
}

.cailun .connect .contsr {
  float: right;
  margin-top: 12px;
}

.muli {
  font-size: 16px;
}

.muli .muliabout p {
  font-size: 16px;
  text-indent: 32px;
  color: #666666;
  line-height: 1.8;
  margin-bottom: 25px;
}

.muli .right {
  padding: 60px 0;
}

.muli .right .aboutr {
  width: calc(100%/3);
  float: left;
  -webkit-transition: all .5s;
  transition: all .5s;
  position: relative;
  left: 50%;
}

.muli .right .aboutr * {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.muli .right .aboutr .text {
  background: #f8f8f8 url(../images/bgb.png) center top no-repeat;
  padding: 0 30px;
  background-size: 100%;
  height: 265px;
  position: relative;
  z-index: 9;
  opacity: 0;
}

.muli .right .aboutr .text h1 {
  font-size: 18px;
  margin: 0 0 10px 0;
  padding-top: 25px;
}

.muli .right .aboutr .text p {
  color: #999999;
}

.muli .right .aboutr .img {
  width: 100%;
  height: 265px;
  position: relative;
  opacity: 0;
}

.muli .right .aboutr .img img {
  width: 100%;
  position: absolute;
}

.muli .right .aboutr:nth-child(even) .text {
  background: #f8f8f8 url(../images/bgt.png) center bottom no-repeat;
  background-size: 100%;
}

.muli .right .aboutr:nth-child(1) img, .muli .right .aboutr:nth-child(3) img {
  top: 0;
}

.muli .right .aboutr:nth-child(2) img {
  bottom: 0;
}

.muli .right .aboutr:nth-child(2) p, .muli .right .aboutr:nth-child(3) p {
  line-height: 28px;
}

.muli .right .load {
  left: 0;
}

.muli .right .load .text, .muli .right .load .img {
  opacity: 1;
}

.muli .productli {
  padding: 0px 0 0px;
}

.muli .productli .top {
  line-height: 42px;
  margin-bottom: 50px;
}

.muli .productli .top h1 {
  font-size: 24px;
  display: inline-block;
  margin: 0;
  color: #009fe9;
}

.muli .productli .top ul {
  display: inline-block;
}

.muli .productli .top ul li {
  display: inline-block;
  padding: 0 40px;
  margin: 0 15px;
  cursor: default;
}

.muli .productli .top ul .on {
  background: #009fe9;
  color: #fff;
  border-radius: 25px;
}

.muli .productli .bottom {
  padding-bottom: 60px;
}

.muli .productli .bottom .lei {
  width: 220px;
  height: 540px;
  /*楂樺害闇€瑕佹洿鏀逛负520锛屽師楂樺害鏈?26 */
  background: #f5f5f5;
  text-align: center;
  font-size: 16px;
}

.muli .productli .bottom .lei li {
  line-height: 60px;
  width: 100%;
  border-bottom: 1px solid #fff;
  color: #666666;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: default;
}

.muli .productli .bottom .lei .on {
  line-height: 100px;
  background: #009fe9;
  border: none;
  color: #fff;
}

.muli .productli .bottom .pa {
  width: calc(100% - 220px);
  padding-left: 35px;
  padding-top: 45px;
}

.muli .productli .bottom .pa h1 {
  font-size: 18px;
  color: #009fe9;
  margin: 0 0 25px 0;
  display: inline-block;
  width: 82px;
  padding-left: 10px;
}

.muli .productli .bottom .pa .blue {
  display: inline-block;
  width: 6px;
  height: 9px;
  margin-left: 11px;
  background: #009fe9;
}

.muli .productli .bottom .pa .gray {
  display: inline-block;
  width: calc(100% - 148px);
  height: 9px;
  background: #eee;
  margin-left: 11px;
}

.muli .productli .bottom .pa h2 {
  font-size: 16px;
  line-height: 1.8;
  color: #666666;
  padding: 5px 20px 70px 10px;
  margin: 0;
}

.muli .productli .bottom .pa .tempWrap {
  margin-left: 10px;
}

.muli .productli .bottom .pa ul {
  width: 100%;
}

.muli .productli .bottom .pa ul li {
  color: #666666;
}

.muli .productli .bottom .pa ul li a {
  width: 226px;
  height: 226px;
}

.muli .productli .bottom .pa ul li a img {
  width: 100%;
}

.muli .productli .bottom .pa ul li span {
  display: block;
  width: 220px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding: 15px 0;
}

.muli .productli .bottom .pa ul li * {
  margin: 0 15px;
}

.muli .productli .bottom .pa ul li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 220px;
}

.muli .productli .bottom .gn h2 {
  padding-bottom: 55px;
}

.muli .productli .bottom .gn ul {
  padding: 0 15px;
}

.muli .productli .bottom .gn ul li {
  width: 100%;
}

.muli .productli .bottom .gn ul li * {
  margin: 0;
  float: left;
}

.muli .productli .bottom .gn ul li a {
  width: 270px;
  height: 203px;
}

.muli .productli .bottom .gn ul li span {
  width: calc(100% - 270px);
  padding: 0 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
}

.muli .productli .bottom .gn ul li p {
  width: calc(100% - 270px);
  padding: 0 17px 0 20px;
  display: block;
  font-size: 16px;
  line-height: 1.8;
}

.muli .productli .none {
  display: none;
}

.muli .contact {
  color: #666;
}

.muli .contact strong {
  color: #666666;
}

.muli .contact .contl {
  width: 50%;
}

.muli .contact .contl div {
  width: 100%;
  min-height: 35px;
  padding: 12px 0 12px 50px;
}

.muli .contact .contl span {
  line-height: 35px;
}

.muli .contact .contl p {
  line-height: 24px;
}

.muli .contact .contr {
  margin-top: 32px;
  width: 50%;
}

.muli .contact .contr img {
  float: right;
}

.muli .contactsp {
  color: #666666;
  margin-top: 20px;
}

.muli .contactsp strong {
  color: #666666;
}

.muli .contactsp .contsl {
  margin-top: 55px;
  width: 50%;
}

.muli .contactsp .contsl div {
  width: 100%;
  min-height: 35px;
  padding: 12px 0 12px 50px;
  /*padding: 34px 0 34px 50px;*/
}

.muli .contactsp .contsl span {
  line-height: 35px;
}

.muli .contactsp .contsl p {
  line-height: 24px;
}

.muli .contactsp .contsr {
  width: 50%;
}

.muli .contactsp .contsr img {
  float: right;
}

.muli .gongneng .lei {
  height: 520px !important;
}

.shukong .left img {
  width: 430px;
  margin-top: 15px;
  margin-right: 0px;
}

.shukong .right {
  width: 720px;
  float: right;
  text-indent: 2em;
  font-size: 16px;
  line-height: 2.3;
}

.shukong .right p {
  margin-bottom: 25px;
  color: #666666;
}

.shukong .right p:nth-child(2) {
  margin-bottom: 0;
}

.shukong strong {
  display: block;
  font-size: 18px;
  width: 100%;
  text-align: center;
  margin-top: 45px;
  padding: 40px 0 0;
  float: left;
  border-top: 1px solid #f0f0f0;
}

.shukong .productsk {
  padding: 80px 0 65px 0;
}

.shukong .productsk .skleft {
  width: 220px;
}

.shukong .productsk .skleft ul {
  background: #f5f5f5;
  height: 327px;
  width: 100%;
}

.shukong .productsk .skleft ul li {
  width: 100%;
  line-height: 60px;
  text-align: center;
  color: #666666;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-bottom: 1px solid #fff;
  cursor: default;
}

.shukong .productsk .skleft .on {
  background: #009fe9;
  border: none;
  color: #fff;
  line-height: 100px;
}

.shukong .skright {
  width: calc(100% - 220px);
  padding: 0 20px;
}

.shukong .skright .slid {
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
}

.shukong .skright .slid ul li img {
  width: 300px;
  margin: 0 15px 15px 15px;
}

.shukong .skright .slid ul li span {
  margin-bottom: 15px;
  display: block;
  width: 100%;
  color: #666666;
}

.shukong .skright .none {
  display: none;
}

.shukong .connect {
  color: #666;
}

.shukong .connect ul {
  margin-top: 14.5px;
  float: left;
  width: 600px;
}

.shukong .connect ul li {
  padding: 12px 0 12px 0;
  text-align: left;
  width: 600px;
  float: left;
}

.shukong .connect ul li img {
  float: left;
}

.shukong .connect ul li p {
  display: block;
  line-height: 35px;
  padding-left: 50px;
}

.shukong .connect .contsr {
  margin-top: 12px;
  float: right;
}

.artsk h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  padding: 20px 0;
  color: #666666;
}

.artsk .top .tl {
  width: 350px;
  border: 1px solid #d1d1d1;
  padding: 20px 0;
}

.artsk .top .tr {
  width: calc(100% - 350px);
  padding: 0 25px;
}

.artsk .top .tr h1 {
  font-size: 20px;
  color: #585858;
  border-bottom: 1px solid #d1d1d1;
  margin: 0;
  line-height: 1.8;
  font-weight: bold;
  padding-bottom: 5px;
  width: 100%;
  margin-bottom: 15px;
}

.artsk .top .tr div {
  width: 50px;
  float: left;
  margin-left: 30px;
  color: #828282;
}

.artsk .top .tr p {
  width: calc(100% - 80px);
  float: left;
  padding-right: 30px;
}

.artsk .top .tr div, .artsk .top .tr p {
  line-height: 2;
}

.artsk .center {
  padding: 10px 0;
}

.artsk .center .xiangqing {
  margin-top: 10px;
}

.artsk .center .xiangqing span {
  display: block;
  width: 120px;
  border-top: 2px solid #1e50ae;
  float: left;
  border-left: 1px solid #1e50ae;
  border-right: 1px solid #1e50ae;
  color: #666666;
  line-height: 40px;
  height: 40px;
  text-align: center;
  font-weight: bold;
}

.artsk .center .xiangqing div {
  width: calc(100% - 120px);
  border-bottom: 1px solid #1e50ae;
  float: left;
  height: 40px;
}

.artsk .center .vm {
  padding: 50px 0 25px 0;
}

.artsk .center .vm .vmd {
  width: 100%;
  margin-bottom: 25px;
}

.artsk .center .vm .vmd div {
  float: left;
  font-size: 14px;
  color: #666666;
}

.artsk .center .vm .vmd div:nth-child(1) {
  width: 330px;
  padding: 0 10px;
}

.artsk .center .vm .vmd div:nth-child(2) {
  width: calc(100% - 340px);
  margin-left: 10px;
}

.artsk .center .vm .vmd div img {
  width: 300px;
}

.artsk .center .vm .vmd div h3 {
  margin-top: 30px;
  font-size: 14px;
  font-weight: bold;
}

.artsk .center .vm .vmd div p {
  padding-right: 30px;
  line-height: 1.6;
}

.artsk .center .vm .vmd div strong {
  font-size: 14px;
  color: #666666;
}

.artsk .center .tv {
  color: #666666;
  font-size: 12px;
  line-height: 1.8;
}

.artsk .center .tv h1 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 60px 0 15px 0;
}

.artsk .center .tv ul li {
  width: 100%;
}

.artsk .center .vh {
  color: #666666;
  margin: 40px 0;
  line-height: 1.8;
}

.artsk .center .vh img {
  width: 100%;
}

.artsk .center .vh div {
  display: inline-block;
  margin: 10px 0;
}

.artsk .center .vh div div {
  padding: 0 10px;
  float: left;
  margin: 0;
}

.artsk .center .vh .a, .artsk .center .vh .b, .artsk .center .vh .c, .artsk .center .vh .d, .artsk .center .vh .e, .artsk .center .vh .f, .artsk .center .vh .g {
  border: 1px solid #666666;
}

.artsk .center .vh .a div:not(:last-child), .artsk .center .vh .b div:not(:last-child), .artsk .center .vh .c div:not(:last-child), .artsk .center .vh .d div:not(:last-child), .artsk .center .vh .e div:not(:last-child), .artsk .center .vh .f div:not(:last-child), .artsk .center .vh .g div:not(:last-child) {
  border-right: 1px solid #666666;
}

.artsk .center .vh .a span, .artsk .center .vh .b span, .artsk .center .vh .c span, .artsk .center .vh .d span, .artsk .center .vh .e span, .artsk .center .vh .f span, .artsk .center .vh .g span {
  color: #B22222;
}

.artsk .center .vh .a div:nth-child(1) {
  width: 420px;
}

.artsk .center .vh .a div:nth-child(2) {
  padding: 37px 10px 8px 10px;
  line-height: 1.8;
  width: 300px;
}

.artsk .center .vh .a div:nth-child(3) {
  padding: 7px 10px;
  width: 320px;
}

.artsk .center .vh .b div:nth-child(1), .artsk .center .vh .b div:nth-child(3) {
  width: 320px;
}

.artsk .center .vh .b div:nth-child(2) {
  width: 310px;
  padding: 10px;
}

.artsk .center .vh .b div:nth-child(2) h4 {
  font-weight: bold;
  color: #DAA520;
}

.artsk .center .vh .b div:nth-child(3) {
  padding: 17px 10px;
}

.artsk .center .vh .b div:nth-child(4) {
  width: 230px;
  padding-top: 67px;
}

.artsk .center .vh .c div:nth-child(1) {
  width: 420px;
}

.artsk .center .vh .c div:nth-child(2) {
  width: calc(100% - 420px);
  padding-top: 100px;
}

.artsk .center .vh .d div:nth-child(1) {
  width: 420px;
}

.artsk .center .vh .d div:nth-child(2) {
  width: 328px;
  padding-top: 175px;
}

.artsk .center .vh .e div:nth-child(1) {
  width: 420px;
}

.artsk .center .vh .e div:nth-child(2) {
  width: 636px;
  padding-top: 120px;
}

.artsk .center .vh .f div:nth-child(1) {
  width: 428px;
  padding: 68px 10px;
}

.artsk .center .vh .f div:nth-child(2) {
  width: 320px;
}

.artsk .center .vh .g div:nth-child(1) {
  width: 320px;
}

.artsk .center .vh .g div:nth-child(1) img {
  padding-right: 50px;
}

.artsk .center .vh .g div:nth-child(2) {
  width: 862px;
  padding-top: 67px;
}

.artsk .center .vh .g div:nth-child(2) h5 {
  font-size: 16px;
  font-weight: bold;
}

.artsk .center .vh ul {
  width: 100%;
}

.artsk .center .vh ul li {
  width: calc(100%/6);
  float: left;
  padding: 0 10px;
}

.artsk .center .vh ul li span {
  background: #2F4F4F;
  color: #fff;
}

.artsk .center table {
  border-collapse: collapse;
  border: 1px solid #666666;
  width: 100%;
  color: #666666;
}

.artsk .center table tbody {
  width: 100%;
}

.artsk .center table tbody tr {
  height: 26px;
}

.artsk .center table tbody tr td {
  line-height: 25px;
}

.artsk .center table tbody .top {
  width: 100%;
  color: #fff;
  background: #666666;
}

.artsk .center table tbody .top td:nth-child(1) {
  width: 18%;
}

.artsk .center table tbody .top td:nth-child(2) {
  width: 48%;
}

.artsk .center table tbody .top td:nth-child(3) {
  width: 34%;
}

.artsk .center table tbody .gy {
  background: #ccc;
}

.artsk .center table tbody .gr {
  background: #66cc00;
}

.artsk .center table tbody .bdn {
  border: none;
}

.artsk .bottom div {
  overflow: hidden;
}

.artsk .bottom div img {
  width: 300px;
  height: 200px;
  float: left;
}

.has-two-picture {
  overflow: hidden;
  font-size: 0;
}

.has-two-picture span {
  margin: 10px 4px;
  display: inline-table;
  vertical-align: middle;
  width: 62px;
  height: 62px;
  border: 1px solid #d1d1d1;
}

.has-two-picture span.active {
  border-color: #1e50ae;
}

.has-two-picture span:first-child {
  margin-left: 0;
}

.has-two-picture span em {
  display: table-cell;
  width: 60px;
  height: 60px;
  vertical-align: middle;
  text-align: center;
}

.has-two-picture span img {
  display: inline-block;
}

/*--------------------carousel---------------------*/
div[isopen] {
  display: none;
}

.carousel-Panel {
  font-family: "Microsoft YaHei";
  font-size: 12px;
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.carousel-Panel.show {
  z-index: 9031;
  opacity: 1;
  visibility: visible;
}

.carousel-Panel .carousel-Panel-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .5;
  filter: alpha(opacity=50);
  background-color: #000;
}

.carousel-Panel .carousel-content {
  width: 890px;
  height: 650px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -445px;
  margin-top: -325px;
  background: #fff;
}

.carousel-Panel .carousel-content.carousel-content-nodata {
  width: 800px;
  margin-left: -400px;
}

.carousel-Panel .carousel-content.carousel-content-nodata .carousel .carousel-in .carousel-in-left {
  display: table;
  width: 50%;
  text-align: center;
}

.carousel-Panel .carousel-content.carousel-content-nodata .carousel .carousel-in .carousel-in-right {
  width: 45%;
  line-height: 28px;
  font-size: 20px;
  color: #474747;
  margin-left: 5%;
  text-indent: 6px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6e6e6;
}

.carousel-Panel .carousel-content .carousel {
  overflow: auto;
  padding: 50px 46px 0 46px;
}

.carousel-Panel .carousel-content .carousel .carousel-in {
  overflow: hidden;
  zoom: 1;
}

.carousel-Panel .carousel-content .carousel .carousel-in .car_title {
  text-align: center;
  margin-bottom: 25px;
  font-size: 20px;
  font-family: "Microsoft Yahei";
  color: #474747;
  line-height: 28px;
}

.carousel-Panel .carousel-content .carousel .carousel-in .carousel-in-left,
.carousel-Panel .carousel-content .carousel .carousel-in .carousel-in-right {
  float: left;
  width: 50%;
}

.carousel-Panel .carousel-content .carousel .carousel-in .carousel-in-left span {
  display: table-cell;
  width: 380px;
  height: 380px;
  text-align: center;
  vertical-align: middle;
}

.carousel-Panel .carousel-content .carousel .carousel-in .carousel-in-left span img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.carousel-Panel .carousel-content .carousel .carousel-albums {
  position: relative;
  margin-top: 40px;
  zoom: 1;
  height: 88px;
  padding: 0 39px 0 39px;
}

.carousel-Panel .carousel-content .carousel .carousel-albums div {
  overflow: hidden;
  width: 100%;
  height: 88px;
  position: relative;
}

.carousel-Panel .carousel-content .carousel .carousel-albums ul {
  font-size: 0;
  text-align: center;
  position: absolute;
}

.carousel-Panel .carousel-content .carousel .carousel-albums li {
  display: inline-block;
  float: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 4px 6px 0 0;
}

.carousel-Panel .carousel-content .carousel .carousel-albums li.cur span {
  border-color: #000;
}

.carousel-Panel .carousel-content .carousel .carousel-albums li span {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  display: table-cell;
  width: 82px;
  height: 82px;
  vertical-align: middle;
  border: 1px solid #eee;
  text-align: center;
  font-size: 0;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  cursor: pointer;
}

.carousel-Panel .carousel-content .carousel .carousel-albums li span img {
  width: auto;
  max-width: 82px;
  height: auto;
  max-height: 82px;
  _width: 82px;
  _height: 82px;
  vertical-align: middle;
}

.carousel-Panel .carousel-content .carousel .carousel-albums .items-left,
.carousel-Panel .carousel-content .carousel .carousel-albums .items-right {
  display: block;
  width: 14px;
  height: 24px;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  outline: 0;
  background-image: url(../images/slide.png);
  left: 0;
  background-position: 105px -278px;
}

.carousel-Panel .carousel-content .carousel .carousel-albums .items-right {
  left: auto;
  right: 0;
  background-position: 14px -364px;
}

.carousel-Panel .carousel-content .carousel-left,
.carousel-Panel .carousel-content .carousel-right {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  outline: 0;
  text-decoration: none;
  text-indent: -999px;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  margin-top: -25px;
  outline: 0;
  background-color: #1f87e8;
  background-image: url(../images/slide.png);
  background-repeat: no-repeat;
  left: -124px;
  background-position: 17px -265px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.carousel-Panel .carousel-content .carousel-left:hover,
.carousel-Panel .carousel-content .carousel-right:hover {
  background-color: #009fe9;
}

.carousel-Panel .carousel-content .carousel-right {
  left: auto;
  right: -124px;
  background-position: 21px -351px;
}

.carousel-Panel .carousel-content .carousel-close {
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  outline: 0;
  text-decoration: none;
  text-indent: -999px;
  position: absolute;
  top: 22px;
  right: 22px;
  background: url(../images/slide.png) no-repeat 0 -420px;
}

/*--------------------xinhui---------------------*/
.xinhui .cl {
  font-size: 16px;
  color: #666;
  text-indent: 32px;
}

.xinhui .cl p {
  line-height: 1.8;
  margin-bottom: 25px;
}

.xinhui .cl p:nth-child(4) {
  margin-bottom: 0;
}

.xinhui .product {
  margin-top: 80px;
}

.xinhui .show-list {
  margin: 0 auto 40px;
}

.xinhui .show-list li {
  width: 370px;
  height: 241px;
  overflow: hidden;
  margin-right: 40px;
}

.xinhui .show-list li img {
  width: 370px;
}

.xinhui .show-list li:nth-child(3) {
  margin: 0;
}

.xinhui .video-list li {
  width: 50%;
  height: auto;
}

.xinhui .video-list li:nth-child(2) {
  width: 50%;
  text-align: right;
}

.xinhui .video-list img {
  max-width: 100%;
  width: 575px;
}

.xinhui .video-list .prism-player {
  margin: 0;
}

.xinhui .connect {
  color: #666;
}

.xinhui .connect ul {
  margin-top: 44px;
  width: 600px;
  float: left;
}

.xinhui .connect ul li {
  width: 600px;
  text-align: left;
  padding: 12px 0 12px 0;
  float: left;
}

.xinhui .connect ul li img {
  float: left;
}

.xinhui .connect ul li p {
  display: block;
  width: 400px;
  line-height: 35px;
  padding-left: 50px;
}

.xinhui .connect .contl {
  margin-top: 12px;
  float: right;
}

.video-con {
  position: fixed;
  z-index: -1;
  margin-top: -314px;
  margin-left: -550px;
  width: 1100px;
  height: 628px;
  top: 50%;
  left: 50%;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.video-close {
  position: absolute;
  z-index: 999;
  top: 15px;
  right: 15px;
  width: 28px;
  height: 28px;
  background: url(../images/close_.png);
  background-size: 100%;
  cursor: pointer;
}

.video-con.show {
  z-index: 99999;
  opacity: 1;
  visibility: visible;
}

.prism-player {
  margin: 0 auto;
}

.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.cover.show {
  height: 100%;
  width: 100%;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.3);
}

/*--------------------shipin---------------------*/
.shipin .cl {
  margin-bottom: 80px;
}

.shipin .cl .right {
  float: right;
  margin-top: 10px;
}

.shipin .cl .left img {
  margin: 0 50px 0 0px;
  width: 90%;
}

.shipin .cl .left img p {
  margin-bottom: 25px;
}

.shipin .cl .left img p:nth-child(2) {
  margin-bottom: 0;
}

.shipin .fl {
  width: 30%;
}

.shipin .zhiwuw {
  width: 70%;
}

.shipin .zhiwuw p {
  margin-bottom: 25px;
}

.shipin .zhiwuw p:nth-child(2) {
  margin-bottom: 0;
}

.shipin .zhiwuw p {
  text-indent: 2em;
  line-height: 28px;
  text-align: justify;
  color: #666666;
  font-size: 16px;
}

.shipin .contact-leftright {
  margin-top: 142px;
}

.shipin .connect ul {
  color: #666;
  margin-top: 45px;
  float: left;
  width: 400px;
}

.shipin .connect ul li {
  text-align: left;
  padding: 12px 0 12px 0;
  float: left;
}

.shipin .connect ul li img {
  float: left;
}

.shipin .connect ul li p {
  display: block;
  width: 400px;
  line-height: 35px;
  padding-left: 50px;
}

.shipin .connect .contl {
  float: right;
  margin-top: 12px;
}

.content .noindent p {
  text-indent: 0em !important;
}

/*--------------------dengshi---------------------*/
.dengshi .cl {
  margin-bottom: 80px;
}

.dengshi .cl .left {
  margin-top: 20px;
}

.dengshi .cl .left img {
  margin: 0 50px 0 5px;
  width: 413px;
}

.dengshi .zhiwuw {
  width: 722px;
}

.dengshi .zhiwuw p:nth-child(3) {
  margin-bottom: 0;
}

.dengshi .zhiwuw p {
  margin-bottom: 25px;
  text-indent: 2em;
  line-height: 28px;
  text-align: justify;
  color: #666666;
  font-size: 16px;
}

.dengshi .contact {
  margin-top: 120px;
}

.dengshi .contact .tit h1 {
  font-size: 24px;
}

.dengshi .contact-con {
  width: 960px;
  overflow: hidden;
  margin: 0 auto;
}

.dengshi .contact-con .contl {
  width: 360px;
}

.dengshi .contact-con .contr {
  width: 600px;
}

.dengshi .contact-con h3 {
  padding: 50px 0 54px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  color: #666;
}

.dengshi .contact-con p {
  line-height: 28px;
  text-align: center;
}

.dengshi .connect ul {
  color: #666;
  margin-top: 75px;
  float: left;
  width: 400px;
}

.dengshi .connect ul li {
  text-align: left;
  padding: 12px 0 12px 0;
  float: left;
}

.dengshi .connect ul li img {
  float: left;
}

.dengshi .connect ul li p {
  display: block;
  width: 400px;
  line-height: 35px;
  padding-left: 50px;
}

.dengshi .connect .contl {
  float: right;
  margin-top: 12px;
}

/* ---------------qiche------------------------------ */
.qiche .cl {
  margin-bottom: 0;
}

.qiche .cl .left {
  width: 35%;
  float: left;
}

.qiche .cl .left img {
  margin-right: 0;
}

.qiche .cl .right {
  width: 65%;
  margin-right: 0;
  float: right;
}

/*--------------------wuye---------------------*/
.wuye .zhiwuw {
  width: 797px;
  margin-left: 35px;
}

.wuye .zhiwuw p {
  text-indent: 2em;
  line-height: 28px;
  text-align: justify;
  color: #666666;
  font-size: 16px;
}

.wuye .contact-leftright {
  margin-top: 120px;
}

.wuye .contact-leftright .contr p {
  line-height: 60px;
}

.wuye .zhongjianbt {
  float: left;
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 45px;
  padding-top: 40px;
  border-top: 1px solid #f0f0f0;
  border-bottom: none;
  padding-bottom: 0;
  color: #666;
  font-size: 20px;
}

.wuye .cl {
  margin-bottom: 80px;
}

.wuye .cl .left img {
  width: 350px;
}

.wuye .cl .right {
  margin-top: 50px;
}

.wuye .cl .right p {
  margin-bottom: 25px;
}

.wuye .connect ul {
  margin-top: 14px;
  float: left;
  width: 600px;
}

.wuye .connect ul li {
  text-align: left;
  padding: 12px 0 12px 0;
  float: left;
}

.wuye .connect ul li img {
  float: left;
}

.wuye .connect ul li p {
  display: block;
  width: 600px;
  line-height: 35px;
  padding-left: 50px;
}

.wuye .connect .contl {
  float: right;
  margin-top: 12px;
}

/* -------------------baotong--------------------- */
.baotong .cl .left img {
  width: 300px;
}

.baotong .cl .right {
  width: 71%;
  margin-top: 32px;
}

.baotong .cl .right p {
  text-indent: 2rem;
}

.baotong .connect ul {
  color: #666;
  margin-top: 16px;
}

/*--------------------shangmo---------------------*/
.shangmo {
  font-size: 16px;
}

.shangmo .cl .left {
  margin-top: 3px;
}

.shangmo .zhiwuw {
  width: 752px;
  margin-left: 38px;
}

.shangmo .zhiwuw p {
  text-indent: 2em;
  line-height: 28px;
  text-align: justify;
  color: #666;
  font-size: 16px;
  margin-top: 15px;
}

.shangmo .zhiwuw p:first-child {
  margin-top: 0;
}

.shangmo .zhongjianbt {
  float: left;
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 45px;
  padding-top: 40px;
  border-top: 1px solid #f0f0f0;
  border-bottom: none;
  padding-bottom: 0;
  color: #666;
  font-size: 20px;
}

.shangmo .shangmo-section {
  margin-top: 80px;
  margin-bottom: 80px;
}

.shangmo .shangmo-section .shangmo-menu {
  width: 1190px;
  margin-bottom: 35px;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.shangmo .shangmo-section .shangmo-menu li {
  position: relative;
  line-height: 50px;
  font-size: 16px;
  width: calc(1188px / 5);
  cursor: default;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
}

.shangmo .shangmo-section .shangmo-menu li:before {
  position: absolute;
  left: 50%;
  margin-left: -5px;
  opacity: 0;
  visibility: hidden;
  bottom: 0;
  -webkit-transition: all .08s ease-in-out;
  transition: all .08s ease-in-out;
  border: 5px solid transparent;
  border-top-color: #009fe9;
  content: "";
  display: block;
}

.shangmo .shangmo-section .shangmo-menu li:last-child {
  border-right: 0;
}

.shangmo .shangmo-section .shangmo-menu li.on {
  background-color: #009fe9;
  color: #fff;
}

.shangmo .shangmo-section .shangmo-menu li.on:before {
  opacity: 1;
  visibility: visible;
  bottom: -10px;
}

.shangmo .shangmo-section #move {
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.shangmo .shangmo-section #move > div {
  z-index: -1;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .14s ease-in-out;
  transition: all .14s ease-in-out;
}

.shangmo .shangmo-section #move > div.on {
  z-index: 9;
  opacity: 1;
  visibility: visible;
}

.shangmo .shangmo-section .shangmo-list.list-sty4 li {
  width: 300px;
}

.shangmo .shangmo-section .shangmo-list.list-sty3 li {
  width: 400px;
}

.shangmo .shangmo-section .shangmo-list li {
  margin: 0 15px;
}

.shangmo .shangmo-section .shangmo-list li span {
  display: block;
  height: 252px;
  position: relative;
  overflow: hidden;
}

.shangmo .shangmo-section .shangmo-list li img {
  position: absolute;
  width: 100%;
}

.shangmo .shangmo-section .shangmo-list li p {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 14px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 19px;
  line-height: 19px;
  color: #666;
}

.shangmo .contact-list {
  margin-bottom: 45px;
}

.shangmo .contact-list li {
  text-align: center;
}

.shangmo .contact-list li:nth-child(2) {
  padding: 0 233px 0 390px;
}

.shangmo .contact-list p {
  padding-top: 10px;
  line-height: 27px;
  color: #666;
}

.shangmo .connect ul {
  color: #666;
  margin-top: 44px;
  float: left;
  width: 400px;
}

.shangmo .connect ul li {
  text-align: left;
  padding: 12px 0 12px 0;
  float: left;
}

.shangmo .connect ul li img {
  float: left;
}

.shangmo .connect ul li p {
  display: block;
  width: 400px;
  line-height: 35px;
  padding-left: 50px;
}

.shangmo .connect .contl {
  float: right;
  margin-top: 12px;
}

/*--------------------xinhui---------------------*/
.page-xinhui .xinhui-info .left {
  width: 597px;
  margin-top: 32px;
}

.page-xinhui .xinhui-info .left .xinhui-slider {
  height: 332px;
  width: 588px;
  overflow: hidden;
  position: relative;
  margin-top: 6px;
}

.page-xinhui .xinhui-info .left .xinhui-slider ul {
  width: 7392px;
  position: absolute;
  top: 0;
  left: 0;
  animation: myfirst 60s infinite linear;
  -moz-animation: myfirst 60s infinite linear;
  /* Firefox */
  -webkit-animation: myfirst 60s infinite linear;
  /* Safari and Chrome */
  -o-animation: myfirst 60s infinite linear;
  /* Opera */
}

.page-xinhui .xinhui-info .left .xinhui-slider ul:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.page-xinhui .xinhui-info .left .xinhui-slider ul li {
  width: 528px;
  height: 332px;
}

.page-xinhui .xinhui-info .left .xinhui-slider ul li img {
  width: 500px;
}

@-webkit-keyframes myfirst {
  0% {
    left: 0;
  }
  100% {
    left: -3696px;
  }
}

@keyframes myfirst {
  0% {
    left: 0;
  }
  100% {
    left: -3696px;
  }
}

.page-xinhui .xinhui-info .left .xinhui-cont {
  color: #666;
  margin-top: 40px;
}

.page-xinhui .xinhui-info .left .xinhui-cont p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 25px;
}

.page-xinhui .xinhui-info .left .xinhui-cont P:nth-child(2) {
  margin-bottom: 0;
}

.page-xinhui .xinhui-info .right {
  width: 576px;
  margin-left: 0;
  text-align: center;
  margin-top: 0;
}

.page-xinhui .xinhui-info .right img {
  height: 757px;
  margin-left: 43px;
}

.page-xinhui .xinhui-contact .contact-title {
  color: #2097f3;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 50px;
  text-align: center;
}

.page-xinhui .xinhui-contact .contact-content {
  width: 1080px;
  margin: 0 auto;
}

.page-xinhui .xinhui-contact .contact-content li {
  width: 25%;
}

.page-xinhui .xinhui-contact .contact-content li .ico {
  width: 40px;
  height: 40px;
  background: url("/templets/images/tact-phone.png");
  background-size: cover;
  margin: 0 auto;
  margin-bottom: 20px;
}

.page-xinhui .xinhui-contact .contact-content li p {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  margin: 0 auto;
}

.page-xinhui .xinhui-contact .contact-content li:nth-of-type(2) .ico {
  background: url("/templets/images/tact-fax.png");
  background-size: cover;
}

.page-xinhui .xinhui-contact .contact-content li:nth-of-type(3) .ico {
  background: url("/templets/images/tact-email.png");
  background-size: cover;
}

.page-xinhui .xinhui-contact .contact-content li:nth-of-type(4) .ico {
  background: url("/templets/images/tact-address.png");
  background-size: cover;
}

.page-xinhui .xinhui-contact .contact-content li:nth-of-type(4) p {
  text-align: left;
}

.page-xinhui .xinhui-contact .contact-map {
  margin: 50px auto 0;
  width: 960px;
  height: 400px;
}

.page-xinhui .connect ul {
  margin-top: 44px;
  float: left;
  width: 600px;
}

.page-xinhui .connect ul li {
  text-align: left;
  padding: 12px 0 12px 0;
  float: left;
}

.page-xinhui .connect ul li img {
  float: left;
}

.page-xinhui .connect ul li p {
  display: block;
  width: 600px;
  line-height: 35px;
  padding-left: 50px;
}

.page-xinhui .connect .contl {
  float: right;
  margin-top: 12px;
}

.page-xinhui .connect ul {
  color: #666;
  margin-top: 45px;
}

/*--------------------chanye children menu title---------------------*/
.pagetypename {
  margin-bottom: 24px;
}

/*--------------------page-job---------------------*/
.page-job {
  position: relative;
}

.page-job .job-banner .job-box {
  width: 377px;
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: 160px;
  color: #fff;
  font-weight: 600;
}

.page-job .job-banner .job-box .job-gw {
  text-align: center;
  font-size: 36px;
  line-height: 48px;
  cursor: default;
  padding-bottom: 20px;
}

.page-job .job-banner .job-box .job-lx {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}

.page-job .job-cont {
  /* li:nth-child(4){
                a{
                    .leibie{
                        padding-bottom: 10px;
                    }
                    .job-content{
                        .didian{
                           padding-top: 10px;
                        }
                    }
                }
        } */
}

.page-job .job-cont li {
  width: 462px;
  height: 222px;
  border: 1px solid #e6e6e6;
  margin-bottom: 35px;
}

.page-job .job-cont li .leibie {
  padding-bottom: 14px;
  /* display: none; */
}

.page-job .job-cont li .job-tit {
  font-size: 20px;
  font-weight: 600;
  padding: 10px 0;
  text-align: center;
}

.page-job .job-cont li .job-content {
  width: 416px;
  margin: 0 auto;
  line-height: normal;
  font-size: 14px;
  color: #666666;
}

.page-job .job-cont li .job-content .didian {
  padding-top: 10px;
  padding-bottom: 20px;
}

.page-job .job-cont li .job-content .yaoqiu {
  height: 65px;
}

.page-job .job-cont li:nth-child(2n) {
  margin-left: 35px;
}

.page-job .more {
  display: block;
  margin: 5px auto 0;
  width: 162px;
  line-height: 52px;
  height: 52px;
  color: #fff;
  background: #00a0e9;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
  border: 1px solid #00a0e9;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  -webkit-transition: color .5s;
  transition: color .5s;
}

.page-job .more:hover {
  border: 1px solid #00a0e9;
  background-color: #fff;
  color: #00a0e9;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  -webkit-transition: color .5s;
  transition: color .5s;
}

.page-job .content {
  width: 970px;
}

.page-job .content ul li p {
  width: 100%;
}

.page-job .content .job-cont li .job-content {
  font-size: 16px;
}

/*--------------------art-job---------------------*/
.art-job .content {
  width: 900px;
}

.art-job .content .job-tit {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  color: #333;
  padding-bottom: 40px;
  margin-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #f0efef;
}

.art-job .content .job-tit .fankuai {
  width: 8px;
  height: 8px;
  background: #f0f0f0;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.art-job .content .job-content {
  padding: 0px 0 50px;
  border-bottom: 1px dashed #f4f3f3;
}

.art-job .content .job-content p {
  font-size: 16px;
  color: #676767;
  line-height: 1.9em;
}

.art-job .content .job-content span {
  font-size: 16px;
}

.art-job .content .job-content strong {
  color: #000;
}

.art-job .content .toback {
  display: block;
  width: 164px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  margin: 50px auto 0;
  border: 1px solid #4b4b4b;
  border-radius: 5px;
}

.art-job .contentnav {
  text-align: center;
  padding-top: 30px;
}

.art-job .contentnav div {
  display: inline-block;
}

.art-job .contentnav div:first-child + div {
  margin: 0 160px;
}

.art-job .contentnav a {
  display: block;
  width: 120px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #555;
  color: #555;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.art-job .contentnav a:hover {
  background-color: #009fe9;
  border: 1px solid #009fe9;
  color: #fff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

.art-job .contentnav div:first-child {
  -webkit-transition: text-indent 0.5s;
  transition: text-indent 0.5s;
}

.art-job .contentnav div:first-child a:hover {
  text-indent: -10px;
  -webkit-transition: text-indent 0.5s;
  transition: text-indent 0.5s;
}

.art-job .contentnav div:first-child + div + div a {
  -webkit-transition: text-indent 0.5s;
  transition: text-indent 0.5s;
}

.art-job .contentnav div:first-child + div + div a:hover {
  text-indent: 10px;
  -webkit-transition: text-indent 0.5s;
  transition: text-indent 0.5s;
}
/*# sourceMappingURL=css.css.map */