@charset "utf-8";
.clearjs {
  width: 100%;
  clear: both;
  line-height: 0;
  display: block;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
  content: '.'
}
*, *:before, *:after {
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html, body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  width: 100%;
  overflow-x: hidden
}
body {
  font-size: 14px;
  color: #363636;
  line-height: 1;
  font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  font-weight: 400
}
a {
  color: #363636;
  text-decoration: none;
  cursor: pointer;
  transition: all .6s
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}
em, i {
  font-style: normal
}
img {
  vertical-align: middle;
  transition: all .6s
}
input, select, textarea {
  font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
  font-size: 14px
}
textarea {
  overflow: auto
}
input:focus, textarea:focus, button:focus, select:focus {
  outline: 0
}
input::-ms-clear {
  display: none
}
input[type="text"], input[type="button"], input[type="submit"], textarea {
  -webkit-appearance: none
}
.clearfix:after {
  width: 100%;
  clear: both;
  line-height: 0;
  display: block;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
  content: '.'
}
.bom0 {
  padding-bottom: 0px !important
}
.container {
  margin-right: 150px;
  margin-left: 150px
}
.pc {
  display: block
}
.wap {
  display: none
}
.viewer-open {
  padding-right: 0 !important
}
.target-fix {
  position: relative;
  transition: all 0s;
  display: block;
  height: 0;
  overflow: hidden
}
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  transition: all .6s
}
header .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
header .logo {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}
header .logo img {
  height: 56px;
  width: auto
}
header nav li {
  float: left;
  margin: 0 5px;
  position: relative
}
header nav li > a {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  line-height: 80px;
  padding: 0 8px;
  position: relative
}
header nav li > a:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 0;
  content: '';
  transition: all .6s;
  background: #fac014
}
header nav li .sub {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  width: 100%
}
header nav li .sub a {
  display: block;
  overflow: hidden;
  padding: 0 10px;
  color: #fff;
  height: 34px;
  line-height: 34px;
  border-top: 1px solid #222
}
header nav li .sub a:hover {
  background: #000
}
header nav li:hover > a:before {
  width: 100%
}
header nav li.drop:hover > a {
  background: #000
}
header nav li.on > a {
  color: #fac014
}
header nav li.on > a:before {
  width: 100%
}
header .rbox {
  margin-left: 50px
}
header .rbox .slo {
  overflow: hidden;
  margin-bottom: 10px;
  color: #fff
}
header .rbox .slo a {
  color: #fff
}
header .rbox .slo li {
  float: left;
  margin-left: 15px
}
header .rbox .slo li:first-child {
  margin-left: 0
}
header .rbox .slo li img {
  height: 15px;
  width: auto
}
header .rbox .telsearch {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  position: relative
}
header .rbox .telsearch em {
  margin: 0 15px 0 8px;
  font-family: 'itc';
  letter-spacing: 1px
}
header .rbox .telsearch .search > .icon-search {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 18px;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer
}
header .rbox .telsearch form {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: none
}
header .rbox .telsearch .box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 220px
}
header .rbox .telsearch .box input[type='text'] {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  padding: 0 10px;
  background: #333;
  border: 1px solid #000;
  height: 30px;
  color: #fff
}
header .rbox .telsearch .box button {
  background: #000;
  color: #fff;
  border: 0;
  font-size: 16px;
  height: 30px;
  width: 30px;
  cursor: pointer
}
header .navbut {
  display: none
}
header.cur {
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 10px #666
}
footer {
  color: #a1a1a1
}
footer a {
  color: #a1a1a1
}
footer a:hover {
  color: #fff
}
footer .footer-bjt {
  background: #1f2024 url(../images/bj_footer.jpg) left bottom no-repeat;
  background-size: auto 100%;
  padding: 90px 0 50px 0
}
footer .footer-bjt .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
footer .footer-bjt .nav .tit {
  font-size: 24px;
  font-weight: bold;
  color: #fff
}
footer .footer-bjt .nav .tit:after {
  display: block;
  overflow: hidden;
  width: 20px;
  height: 1px;
  background: #fac014;
  content: '';
  margin: 15px 0 20px 0
}
footer .footer-bjt .nav ul {
  line-height: 2.2
}
footer .footer-bjt .telewm .kj {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 30px
}
footer .footer-bjt .telewm .kj .iconfont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border: 1px solid #4e4f53;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  margin-right: 15px
}
footer .footer-bjt .telewm .kj em {
  display: block;
  overflow: hidden;
  font-size: 24px;
  margin-top: 10px;
  color: #fff
}
footer .footer-bjt .telewm ul {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}
footer .footer-bjt .telewm ul li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-left: 10px;
  background: #fff;
  padding: 5px 5px 10px 5px;
  text-align: center;
  color: #363636
}
footer .footer-bjt .telewm ul li:first-child {
  margin-left: 0
}
footer .footer-bjt .telewm ul li img {
  width: 100%;
  height: auto;
  margin-bottom: 5px
}
footer .footer-bjb {
  background: #000;
  padding: 25px 0;
  line-height: 1.5
}
footer .footer-bjb .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.fixed-agent-but {
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #fac014;
  color: #000;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  z-index: 9999;
  transition: all .6s
}
.fixed-agent-but .t1 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 5px
}
.fixed-agent-but .t1 .iconfont {
  font-size: 24px;
  margin-right: 5px
}
.fixed-agent-but .t2 {
  font-size: 20px
}
.fixed-bottom-agent {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 350px;
  height: 380px;
  z-index: 5555;
  background-color: rgba(0, 0, 0, 0.62)
}
.fixed-bottom-agent .container {
  margin: 0;
  position: relative;
  padding: 20px 0
}
.fixed-bottom-agent .close {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #8b8b8b;
  border-radius: 50%;
  font-size: 16px;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #8b8b8b;
  cursor: pointer;
  transition: all .6s
}
.fixed-bottom-agent .close:hover {
  background: #fff
}
.fixed-bottom-agent .tit {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  color: #fff
}
.fixed-bottom-agent .tit .t1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px
}
.fixed-bottom-agent .tit .t1 a {
  color: #fff
}
.fixed-bottom-agent .tit .t2 {
  font-size: 18px
}
.fixed-bottom-agent .rbox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px;
  width: 100%
}
.fixed-bottom-agent .rbox ul {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin: -5px 0;
  overflow: hidden
}
.fixed-bottom-agent .rbox ul li {
  padding: 5px 0;
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}
.fixed-bottom-agent .rbox ul li input[type='text'], .fixed-bottom-agent .rbox ul li select {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 40px;
  padding: 0 10px;
  border: 0;
  background: #fff
}
.fixed-bottom-agent .rbox ul li select {
  margin-left: 5px
}
.fixed-bottom-agent .rbox ul li select:first-child {
  margin-left: 0
}
.submit {
  padding: 0 15px
}
input.abc[type='submit'] {
  width: 100%;
  height: 50px;
  background: #fac014;
  color: #000;
  border: 0;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer
}
.fixed-right-kefu {
  position: fixed;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5555
}
.fixed-right-kefu li {
  margin-top: 5px;
  position: relative
}
.fixed-right-kefu li > a {
  display: block;
  overflow: hidden;
  width: 70px;
  height: 70px;
  border: 1px solid #bebebe;
  text-align: center;
  background: #fff;
  font-size: 12px;
  color: #666
}
.fixed-right-kefu li > a .iconfont {
  font-size: 30px;
  display: block;
  margin: 10px 0 5px 0
}
.fixed-right-kefu li .hide {
  display: none;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid #fac014;
  padding: 10px;
  margin-right: -1px;
  z-index: 5
}
.fixed-right-kefu li .ewm {
  text-align: center;
  color: #666
}
.fixed-right-kefu li .ewm img {
  width: 150px;
  height: auto;
  margin-bottom: 5px
}
.fixed-right-kefu li .tel {
  white-space: nowrap;
  line-height: 24px;
  font-size: 16px;
  padding-right: 15px;
  padding-left: 15px
}
.fixed-right-kefu li:first-child {
  margin-top: 0
}
.fixed-right-kefu li:hover > a {
  background: #fac014;
  color: #fff
}
.fixed-right-kefu li:hover .hide {
  display: block
}
.banner {
  width: 100%;
  height: 910px;
  color: #fff;
  font-weight: 100
}
.banner .swiper-wrapper {
  height: 100%
}
.banner .swiper-slide {
  background-position: center top;
  background-size: cover;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}
.banner .swiper-slide img {
  width: 100%;
  height: auto
}
.banner .banner-num {
  position: absolute;
  left: 0;
  bottom: 45px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 5
}
.banner .banner-num .swiper-pagination-bullet {
  border-radius: 0;
  opacity: 1;
  transition: all .6s;
  width: 50px;
  height: 3px;
  background: #fff;
  margin: 0 10px;
  cursor: pointer
}
.banner .banner-num .swiper-pagination-bullet-active {
  background: #fac014
}
.nbanner {
  width: 100%;
  overflow: hidden;
  background-position: center top;
  background-size: cover;
  height: 910px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #fff
}
.nbanner .container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}
.nbanner .tt {
  font-size: 48px;
  font-weight: 100
}
.nbanner .te {
  font-size: 36px;
  text-transform: uppercase;
  font-family: 'baskerville_old_faceregular';
  padding: 25px 0 30px 0
}
.nbanner .tb img {
  height: 34px;
  width: auto
}
.nbanner .teb {
  font-size: 60px;
  text-transform: uppercase
}
.nbanner .tts {
  font-size: 36px;
  padding: 18px 0 60px 0
}
.nbanner .center {
  text-align: center
}
.nbanner.height100 {
  height: 100%
}
.web-bj {
  background-color: #f5f5f5
}
.web-bjp {
  background: #f3f3f3 url(../images/bj_main.jpg) center top no-repeat
}
.web-allbg {
  background-position: center top;
  width: 100%;
  overflow: hidden;
  background-attachment: fixed;
  background-size: cover
}
.web-box {
  padding: 70px 0
}
.main-offtop {
  padding: 0 0 70px 0
}
.main-offtop .container {
  transform: translateY(-150px);
  margin-bottom: -150px
}
.web-tit {
  text-align: center;
  overflow: hidden;
  margin-bottom: 45px
}
.web-tit .tt {
  font-size: 32px;
  color: #111
}
.web-tit .tm {
  font-size: 18px;
  margin-top: 10px;
  line-height: 1.5
}
.web-tit .te {
  font-size: 24px;
  font-family: 'baskerville_old_faceregular';
  margin-top: 14px;
  text-transform: uppercase
}
.web-tit .men {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 8px
}
.web-tit .men:after, .web-tit .men:before {
  width: 37px;
  height: 1px;
  background: #000000;
  content: ''
}
.web-tit .men img {
  height: 43px;
  width: auto;
  margin: 0 5px
}
.web-tit.white .tt {
  color: #fff
}
.web-tit.white .tm {
  color: #fff;
  opacity: .9
}
.web-tit.white .te {
  color: #fff;
  opacity: .9
}
.web-tit.yellow .tt {
  color: #fac014
}
.web-tit.yellow .tm {
  color: #fac014
}
.web-tit.yellow .te {
  color: #fac014
}
.web-tit.left {
  text-align: left
}
.web-tit-icon {
  font-size: 36px;
  margin-bottom: 50px;
  color: #111
}
.web-tit-icon .en {
  font-family: 'baskerville_old_faceregular';
  text-transform: uppercase
}
.web-tit-icon .tc {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 15px
}
.web-tit-icon .tc img {
  height: 33px;
  width: auto;
  margin-left: 10px
}
.web-tit-icon.cenflex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}
.web-tit-icon.white {
  color: #fff
}
.web-tit-icon.nob {
  margin-bottom: 0
}
.web-cate {
  padding: 40px 10px;
  width: 100%
}
.web-cate .swiper-slide {
  width: auto;
  text-align: center
}
.web-cate .swiper-slide a {
  display: block;
  overflow: hidden;
  padding: 0 50px;
  background: #fff;
  line-height: 50px;
  font-size: 16px;
  border: 1px solid #e1e1e1;
  border-radius: 60px
}
.web-cate .swiper-slide:hover a {
  color: #fac014;
  border-color: #fac014
}
.web-cate .swiper-slide.on a {
  background: #222328;
  color: #fff;
  border-color: #222328
}
.web-cate.cur {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9998;
  padding: 20px 0;
  box-shadow: 0 0 10px #ccc
}
#fixed-web-cate-hide {
  height: 90px;
  width: 100%;
  overflow: hidden;
  display: none
}
.target-fix-about {
  top: -90px
}
.web-picall {
  overflow: hidden;
  width: 100%;
  text-align: center
}
.web-picall img {
  width: auto !important;
  max-width: 100%;
  height: auto !important
}
.main {
  padding: 40px 0 70px 0
}
.main-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-direction: row-reverse
}
.main-flex .main-right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}
.main-flex .main-left {
  width: 350px;
  margin-right: 35px
}
.main-flex .main-left .ktit {
  font-size: 20px;
  border-left: 4px solid #fac014;
  line-height: 22px;
  padding: 0 0 0 12px;
  overflow: hidden;
  color: #000000;
  margin-bottom: 20px
}
.main-flex .main-left .kbox {
  background: #ffffff;
  padding: 25px;
  overflow: hidden;
  margin-top: 25px
}
.main-flex .main-left .kform {
  background: #fff;
  overflow: hidden
}
.main-flex .main-left .kform .tit {
  background: #000000;
  padding: 30px 0 50px 0;
  text-align: center;
  color: #fff
}
.main-flex .main-left .kform .tit .t1 {
  font-weight: bold;
  font-size: 20px
}
.main-flex .main-left .kform .tit .t2 {
  margin-top: 15px
}
.main-flex .main-left .kform .tit .t2 em {
  font-size: 20px;
  font-weight: bold
}
.main-flex .main-left .kform ul {
  margin: -20px 20px 20px 20px;
  overflow: hidden;
  position: relative;
  z-index: 5;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
  padding: 5px 20px 20px 20px
}
.main-flex .main-left .kform ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}
.main-flex .main-left .kform ul li:first-child {
  margin-top: 0
}
.main-flex .main-left .kform ul li select {
  margin-top: 15px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 35px;
  border: 1px solid #e2e2e2;
  padding: 0 12px
}
.main-flex .main-left .kform ul li select:nth-child(2) {
  margin-left: 10px
}
.main-flex .main-left .kform ul li input[type='text'] {
  margin-top: 15px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 35px;
  border: 1px solid #e2e2e2;
  padding: 0 12px
}
.main-flex .main-left .kform ul li input[type='submit'] {
  margin-top: 15px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 44px;
  border: 0;
  background: #fac014;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: all .6s
}
.main-flex .main-left .kform ul li input[type='submit']:hover {
  background: #000
}
.list-case {
  overflow: hidden;
  margin: -20px
}
.list-case li {
  float: left;
  width: 33.33333333%;
  padding: 20px;
  text-align: center
}
.list-case li a {
  display: block;
  overflow: hidden
}
.list-case li .pic {
  overflow: hidden;
  position: relative
}
.list-case li .pic img {
  width: 100%;
  height: auto
}
.list-case li .pic:before, .list-case li .pic:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  transition: all .6s;
  font-size: 50px;
  color: #fff;
  opacity: 0;
  border-radius: 50%
}
.list-case li .pic:before {
  font-family: "iconfont";
  content: "\e616";
  z-index: 3;
  transform: scale(4)
}
.list-case li .pic:after {
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  transform: scale(0)
}
.list-case li .bt {
  background: #fff;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 60px;
  font-size: 18px;
  line-height: 50px;
  position: relative;
  transition: all .6s
}
.list-case li .bt:before, .list-case li .bt:after {
  position: absolute;
  width: 60px;
  font-family: "iconfont";
  top: 0;
  font-size: 22px;
  opacity: .8
}
.list-case li .bt:before {
  left: 0;
  content: "\e602"
}
.list-case li .bt:after {
  right: 0;
  content: "\e621"
}
.list-case li:hover .pic img {
  transform: scale(1.05)
}
.list-case li:hover .pic:before, .list-case li:hover .pic:after {
  opacity: 1;
  border-radius: 0;
  transform: scale(1)
}
.list-case li:hover .bt {
  background: #fac014;
  color: #fff
}
.list-mendian img {
  transition: all 0s
}
.list-mendian .select {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 50px
}
.list-mendian .select ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 60%
}
.list-mendian .select ul li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-left: 20px
}
.list-mendian .select ul li:first-child {
  margin-left: 0
}
.list-mendian .select ul li select {
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 50px;
  padding: 0 20px;
  font-size: 16px;
  color: #666666;
  cursor: pointer
}
.list-mendian .select button[type='button'] {
  width: 250px;
  height: 50px;
  border-radius: 50px;
  background: #fac014;
  font-size: 18px;
  border: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  transition: all .6s
}
.list-mendian .select button[type='button'] .iconfont {
  font-size: 30px;
  margin-right: 8px;
  font-weight: bold
}
.list-mendian .select button[type='button']:hover {
  background: #333;
  color: #fff
}
.list-mendian .kbox {
  position: relative;
  overflow: hidden;
  border: 1px solid #d8d8d8
}
.list-mendian .kbox #baidumap {
  position: absolute;
  left: 0;
  top: 0;
  right: 450px;
  height: 600px;
  border-right: 1px solid #d8d8d8
}
.list-mendian .kbox #baidumap .BMap_bubble_top {
  border-bottom: 1px solid #eee
}
.list-mendian .kbox #baidumap .BMap_bubble_top .BMap_bubble_title {
  color: #fac014 !important;
  font-size: 14px
}
.list-mendian .kbox #baidumap .BMap_bubble_content {
  padding: 5px 0;
  overflow: hidden;
  font-size: 12px !important;
  line-height: 20px !important
}

.list-mendian .kbox .list {
  float: right;
  width: 450px;
  height: 600px;
  overflow-y: auto
}
.list-mendian .kbox .list::-webkit-scrollbar {
  width: 5px;
  background-color: #dcdbdb
}
.list-mendian .kbox .list::-webkit-scrollbar-thumb {
  background-color: #fac014
}
.list-mendian .kbox .list li {
  border-top: 1px solid #d8d8d8;
  padding: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer
}
.list-mendian .kbox .list li:first-child {
  border-top: 0
}
.list-mendian .kbox .list li i {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  border-radius: 4px;
  background: #fac014
}
.list-mendian .kbox .list li .box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-left: 20px
}
.list-mendian .kbox .list li .bt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px
}
.list-mendian .kbox .list li .text {
  line-height: 1.75;
  color: #969696
}
.list-mendian .kbox .list .nodata {
  color: #999;
  display: none
}
.list-mendian .kbox .list li.cur {
  background: #efefef
}
.list-shaixuan {
  margin-bottom: 40px
}
.list-shaixuan .head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px
}
.list-shaixuan .head .all {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  color: #666
}
.list-shaixuan .head .all:before {
  font-family: "iconfont";
  content: "\e60a";
  margin-right: 10px
}
.list-shaixuan .head .all:hover {
  color: #000
}
.list-shaixuan .head form {
  position: relative;
  width: 400px
}
.list-shaixuan .head form input {
  width: 100%;
  padding: 0 50px 0 15px;
  border: 1px solid #b3b3b3;
  height: 42px;
  background: none;
  border-radius: 42px
}
.list-shaixuan .head form button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 32px;
  height: 32px;
  background: #9e7b40;
  color: #fff;
  border-radius: 50%;
  border: 0;
  font-size: 18px;
  cursor: pointer;
  z-index: 5;
  transition: all .6s
}
.list-shaixuan .head form button:hover {
  background: #fac014
}
.list-shaixuan dl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-top-width: 0;
  padding: 15px 30px;
  font-size: 18px
}
.list-shaixuan dl dt {
  font-weight: bold;
  width: 140px;
  padding: 10px 0 0 0
}
.list-shaixuan dl dd {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}
.list-shaixuan dl dd a {
  display: block;
  overflow: hidden;
  margin: 5px;
  padding: 5px 10px;
  float: left;
  color: #666
}
.list-shaixuan dl dd a:hover {
  color: #fac014
}
.list-shaixuan dl dd .on {
  background: #fac014;
  color: #fff !important;
  border-radius: 4px
}
.list-shaixuan dl:first-of-type {
  border-top-width: 1px
}
.list-pro {
  overflow: hidden;
  margin: -20px
}
.list-pro li {
  float: left;
  width: 33.33333333%;
  padding: 20px;
  text-align: center
}
.list-pro li a {
  display: block;
  overflow: hidden
}
.list-pro li .pic {
  overflow: hidden;
  position: relative
}
.list-pro li .pic img {
  width: 100%;
  height: auto
}
.list-pro li .pic .hide {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: rgba(250, 192, 20, 0.7);
  opacity: 0;
  transition: all .6s;
  z-index: 5
}
.list-pro li .pic .hide span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 90px;
  position: relative;
  color: #fff;
  font-size: 24px;
  padding: 0 15px
}
.list-pro li .pic .hide span:before, .list-pro li .pic .hide span:after {
  position: absolute;
  content: '';
  transition: all 1s;
  opacity: 0;
  width: 0;
  background: #fff;
  height: 1px
}
.list-pro li .pic .hide span:before {
  left: 20%;
  top: 0
}
.list-pro li .pic .hide span:after {
  right: 20%;
  bottom: 0
}
.list-pro li .box {
  padding: 60px 15px;
  background: #fff
}
.list-pro li .box .bt {
  font-size: 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.list-pro li .box .more {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 16px;
  width: 142px;
  height: 38px;
  border: 1px solid #363636;
  border-radius: 38px;
  margin: 30px auto 0 auto;
  transition: all .6s
}
.list-pro li .box .more:after {
  font-family: "iconfont";
  content: "\e65a";
  margin-left: 8px;
  font-size: 20px
}
.list-pro li .box .more:hover {
  background: #fac014
}
.list-pro li:hover a {
  box-shadow: 0 0 20px #ccc
}
.list-pro li:hover .pic img {
  transform: scale(1.05)
}
.list-pro li:hover .pic .hide {
  opacity: 1
}
.list-pro li:hover .pic .hide span:before, .list-pro li:hover .pic .hide span:after {
  width: 60%;
  opacity: 1
}
.list-news li {
  margin-top: 35px
}
.list-news li:first-child {
  margin-top: 0
}
.list-news li .box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.list-news li .pic {
  margin-right: 30px;
  width: 420px;
  height: 316px;
  overflow: hidden
}
.list-news li .pic img {
  width: 100%;
  height: 100%
}
.list-news li .pic img:hover {
  transform: scale(1.05)
}
.list-news li .rbox {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  position: relative
}
.list-news li .rbox .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  color: #000000;
  transition: all .6s;
  padding: 30px 0 20px 0
}
.list-news li .rbox .bt:hover {
  color: #fac014
}
.list-news li .rbox .text {
  color: #797979;
  line-height: 36px;
  height: 144px;
  overflow: hidden
}
.list-news li .rbox .cs {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.list-news li .rbox .cs .cate a {
  color: #797979
}
.list-news li .rbox .cs .cate a:hover {
  color: #000
}
.list-news li .rbox .cs .date {
  line-height: 54px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}
.list-news li .rbox .cs .date i {
  display: block;
  overflow: hidden;
  width: 54px;
  background: #fac014;
  color: #fff;
  font-size: 30px
}
.list-news li .rbox .cs .date em {
  width: 96px;
  display: block;
  overflow: hidden;
  color: #fff;
  background: #404040
}
.diy-menu li {
  margin-top: 10px
}
.diy-menu li > a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 40px;
  padding: 0 40px 0 20px;
  background: #e7e7e7;
  position: relative
}
.diy-menu li > a:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  font-family: "iconfont";
  content: "\e649";
  display: none
}
.diy-menu li .sub {
  background: #f5f5f5;
  padding: 10px 0;
  display: none
}
.diy-menu li .sub a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 20px;
  line-height: 30px;
  color: #666
}
.diy-menu li .sub a:hover, .diy-menu li .sub a.on {
  color: #fac014
}
.diy-menu li.drop > a:after {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}
.diy-menu li.drop-top > a:after {
  content: "\e73f"
}
.diy-menu li:hover > a, .diy-menu li.on > a {
  background: #fac014;
  color: #fff
}
.diy-menu li.on .sub {
  display: block
}
.diy-mendianswiper a {
  display: block;
  overflow: hidden;
  text-align: center
}
.diy-mendianswiper a span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #727272;
  transition: all .6s;
  padding: 15px 0 0 0
}
.diy-mendianswiper a span:hover {
  color: #000
}
.diy-mendianswiper .pic {
  overflow: hidden
}
.diy-mendianswiper .pic img {
  width: 100%;
  height: auto
}
.diy-mendianswiper .pic img:hover {
  transform: scale(1.05)
}
.diy-mendianswiper .mendianswiper-num {
  position: static;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 20px
}
.diy-mendianswiper .mendianswiper-num .swiper-pagination-bullet {
  margin: 0 2px !important
}
.diy-mendianswiper .mendianswiper-num .swiper-pagination-bullet-active {
  background: #fac014
}
.diy-newtuijian li {
  margin-top: 25px;
  text-align: center
}
.diy-newtuijian li:first-child {
  margin-top: 0
}
.diy-newtuijian li a {
  display: block;
  overflow: hidden
}
.diy-newtuijian li .pic {
  overflow: hidden
}
.diy-newtuijian li .pic img {
  width: 100%;
  height: auto
}
.diy-newtuijian li .pic img:hover {
  transform: scale(1.05)
}
.diy-newtuijian li span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  padding: 15px 0 10px 0;
  transition: all .6s
}
.diy-newtuijian li span:hover {
  color: #fac014
}
.diy-newtuijian li em {
  color: #727272
}
.diy-hotnews li {
  border-bottom: 1px dashed #c9c9c9;
  padding: 20px 0;
  font-size: 16px
}
.diy-hotnews li:first-child {
  padding-top: 5px
}
.diy-hotnews li .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0 10px 0;
  color: #000
}
.diy-hotnews li .bt:hover {
  color: #fac014
}
.diy-hotnews li .cs {
  color: #6a6a6a
}
.diy-hotnews li .cs a {
  color: #6a6a6a;
  margin-right: 10px
}
.diy-hotnews li .cs a:hover {
  color: #000
}
.diy-guanzhuwm {
  text-align: center;
  color: #727272;
  line-height: 1.75
}
.diy-guanzhuwm .pic {
  width: 100%;
  max-width: 214px;
  margin: 0 auto
}
.diy-guanzhuwm .pic img {
  width: 100%;
  height: auto
}
.diy-wentiph {
  margin: -5px 0;
  overflow: hidden
}
.diy-wentiph li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 34px
}
.diy-wentiph li a {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.diy-wentiph li i {
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  background: #868686;
  color: #fff;
  position: relative;
  margin-right: 8px
}
.diy-wentiph li i:after {
  content: '';
  width: 20px;
  transform: rotate(45deg);
  height: 20px;
  background: #fff;
  position: absolute;
  left: 7px;
  top: 10px
}
.diy-wentiph li:nth-child(1) i, .diy-wentiph li:nth-child(2) i, .diy-wentiph li:nth-child(3) i {
  background: #fac014
}
.view-jmbut {
  margin: -50px auto 0 auto;
  display: block;
  overflow: hidden;
  width: 100px;
  height: 100px;
  text-align: center;
  color: #fff;
  background-color: rgba(90, 90, 90, 0.8);
  font-size: 24px;
  line-height: 30px;
  border-radius: 50%;
  padding: 20px 20px 0 20px
}
.view-jmbut:hover {
  background: #fac014
}
.view-pncate {
  background: #fff;
  overflow: hidden;
  margin-top: 20px
}
.view-pncate li {
  width: 33.33333333%;
  float: left;
  border-left: 1px solid #e5e5e5
}
.view-pncate li:first-child {
  border-left: 0
}
.view-pncate li a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 60px;
  font-size: 16px
}
.view-pncate li .iconfont {
  margin: 0 10px;
  font-size: 18px
}
.view-pncate li:hover a {
  background: #fac014;
  color: #fff
}
.view-xgbox {
  padding: 25px;
  margin-top: 20px;
  overflow: hidden;
  background: #fff
}
.view-xgbox .tit {
  font-size: 20px;
  border-left: 4px solid #fac014;
  line-height: 22px;
  padding: 0 0 0 12px;
  overflow: hidden;
  color: #000000;
  margin-bottom: 20px
}
.view-xgbox .pro {
  overflow: hidden;
  margin: -15px
}
.view-xgbox .pro li {
  float: left;
  width: 33.33333333%;
  padding: 15px
}
.view-xgbox .pro li a {
  display: block;
  overflow: hidden
}
.view-xgbox .pro li .pic {
  overflow: hidden
}
.view-xgbox .pro li .pic img {
  width: 100%;
  height: auto
}
.view-xgbox .pro li .pic img:hover {
  transform: scale(1.05)
}
.view-xgbox .pro li .bt {
  margin-top: 8px;
  font-size: 18px;
  color: #656565;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.view-xgbox .pro li .bt span {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.view-xgbox .pro li .bt:after {
  font-family: "iconfont";
  content: "\e605";
  font-size: 36px
}
.view-news {
  background: #fff;
  padding: 25px
}
.view-news .head {
  border-bottom: 1px solid #d6d6d6
}
.view-news .head .bt {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4
}
.view-news .head .cs {
  padding: 15px 0 20px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #7b7b7b
}
.view-news .head .cs ul li {
  float: left;
  margin-left: 30px
}
.view-news .head .cs ul li:first-child {
  margin-left: 0
}
.view-news .head .cs .fb {
  font-size: 14px
}
.view-news .desc {
  overflow: hidden;
  margin-top: 30px
}
.view-news .desc .bt {
  display: block;
  overflow: hidden;
  width: 106px;
  line-height: 40px;
  text-align: center;
  background: #fac014;
  color: #fff;
  font-size: 16px;
  margin: 0 0 -20px 30px;
  position: relative;
  border-radius: 4px;
  z-index: 2
}
.view-news .desc .text {
  border: 1px solid #cdcdcd;
  border-radius: 20px 20px 0 0;
  padding: 40px 30px 20px 30px;
  overflow: hidden;
  text-indent: 2em;
  line-height: 2;
  color: #5b5b5b
}
.view-news .web-body {
  padding: 30px 10px
}
.view-news .shengming {
  background: #f1f1f1;
  padding: 10px;
  line-height: 24px;
  color: #7d7d7d;
  text-align: center;
  overflow: hidden
}
.view-news .tit {
  margin: 30px 0 15px 0;
  overflow: hidden;
  position: relative;
  padding: 0 0 20px 0;
  font-size: 18px;
  font-weight: bold;
  color: #525252
}
.view-news .tit:after, .view-news .tit:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px
}
.view-news .tit:after {
  background: #cdcdcd;
  width: 100%
}
.view-news .tit:before {
  width: 36px;
  background: #fac014;
  z-index: 5
}
.view-news .jiameng {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 16px;
  color: #737373;
  line-height: 30px
}
.view-news .jiameng ul {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}
.view-news .jiameng ul li {
  float: left;
  width: 25%;
  padding: 0 5px
}
.view-news .jiameng ul li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #737373
}
.view-news .jiameng ul li a:hover {
  color: #fac014
}
.view-pro {
  background: #fff;
  margin-bottom: 50px;
  padding: 50px 50px 20px 50px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.view-pro .left {
  width: 50%;
  position: relative;
  z-index: 111
}
.view-pro .left img {
  width: 100%;
  height: auto;
  transition: all 0s
}
.view-pro .left .big .iconleftop {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 10;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}
.view-pro .left .big .iconleftop li {
  margin-left: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 30px;
  background-color: rgba(38, 38, 38, 0.8);
  border-radius: 50%;
  cursor: pointer;
  transition: all .6s
}
.view-pro .left .big .iconleftop li:first-child {
  margin-left: 0
}
.view-pro .left .big .iconleftop li:hover {
  background-color: rgba(250, 192, 20, 0.8)
}
.view-pro .left .big .swiper-slide:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5
}
.view-pro .left .small {
  position: relative;
  padding: 0 30px;
  margin-top: 60px;
  width: 70%
}
.view-pro .left .small .swiper-slide {
  cursor: pointer;
  border: 1px solid #dddddd;
  padding: 1px;
  background: #fff
}
.view-pro .left .small .swiper-slide img {
  opacity: .5
}
.view-pro .left .small .swiper-slide-thumb-active {
  border-color: #363636
}
.view-pro .left .small .swiper-slide-thumb-active img {
  opacity: 1
}
.view-pro .left .small-next, .view-pro .left .small-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 30px;
  padding: 10px 0;
  color: #999;
  z-index: 5;
  cursor: pointer;
  transition: all .6s;
  outline: 0
}
.view-pro .left .small-next:hover, .view-pro .left .small-prev:hover {
  color: #fac014
}
.view-pro .left .small-next {
  right: -10px
}
.view-pro .left .small-prev {
  left: -10px
}
.view-pro .left .swiper-button-disabled {
  opacity: .4;
  cursor: not-allowed
}
.view-pro .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-left: 50px
}
.view-pro .right .tit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 15px
}
.view-pro .right .tit .bt {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.35;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}
.view-pro .right .tit .rbox {
  font-size: 16px;
  position: relative;
  text-align: right;
  cursor: pointer;
  z-index: 99
}
.view-pro .right .tit .rbox .ewm {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px
}
.view-pro .right .tit .rbox .ewm .iconfont {
  font-size: 22px;
  font-weight: normal;
  margin-left: 10px
}
.view-pro .right .tit .rbox .hide {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  padding: 10px 0 0 0
}
.view-pro .right .tit .rbox .hide img {
  height: 150px;
  width: auto;
  border: 1px solid #ccc
}
.view-pro .right .desc {
  font-size: 16px;
  line-height: 36px;
  overflow: hidden;
  margin: 30px 0
}
.view-pro .right .desc li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.view-pro .right .desc li .text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}
.view-pro .right .tel {
  border-radius: 3px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 230px;
  height: 48px;
  border: 1px solid #363636;
  font-size: 20px;
  font-family: 'itc';
  letter-spacing: 1px
}
.view-pro .right .tel .iconfont {
  margin-right: 5px;
  font-size: 20px
}
.view-pro .right .body {
  margin-top: 50px;
  line-height: 32px;
  color: #fff;
  position: relative
}
.view-pro .right .body .white {
  position: relative;
  z-index: 5;
  padding: 25px 0 0 0;
  min-height: 340px
}
.view-pro .right .body:after {
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  height: 340px;
  width: 1148px;
  background: url(../images/bj_viewpro.jpg) right top no-repeat;
  background-size: 100% 100%;
  z-index: 1
}
.pad10 {
  padding: 0 10px 15px !important;
  margin-bottom: 15px;
  border-bottom: 1px dotted #ddd
}
.pad10a {
  padding: 10px !important
}
.pad0 {
  padding: 0 !important
}
.pad30 {
  padding: 30px 0 !important
}
.view-pro-kbox {
  background: #fff;
  padding: 25px 25px 75px 25px;
  overflow: hidden
}
.view-pro-kbox .web-body {
  overflow: hidden
}
.view-pro-kbox .tit {
  font-size: 20px;
  border-left: 4px solid #fac014;
  line-height: 22px;
  padding: 0 0 0 12px;
  overflow: hidden;
  color: #000000;
  margin: 30px 0 15px 0
}
.view-pro-kbox .news {
  margin: 0 -10px;
  overflow: hidden
}
.view-pro-kbox .news li {
  float: left;
  padding: 0 10px;
  width: 50%
}
.view-pro-kbox .news li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0 0 15px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  position: relative
}
.view-pro-kbox .news li a:before {
  position: absolute;
  content: '';
  background: #262626;
  width: 4px;
  height: 4px;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}
.view-pro-kbox .news li a:hover {
  color: #000
}
.web-body {
  overflow: hidden;
  line-height: 2
}
.web-body img {
  width: auto !important;
  max-width: 100%;
  height: auto !important
}
.diy-jiangxin {
  margin: -15px;
  overflow: hidden
}
.diy-jiangxin li {
  float: left;
  width: 33.33333333%;
  padding: 15px
}
.diy-jiangxin li .box {
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  height: 300px
}
.diy-jiangxin li .fd {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px 30px;
  color: #fff
}
.diy-jiangxin li .fd:after, .diy-jiangxin li .fd:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all .6s
}
.diy-jiangxin li .fd:after {
  background: transparent;
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.85));
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.85));
  background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.85));
  background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.85))
}
.diy-jiangxin li .fd:before {
  opacity: 0;
  background: transparent;
  background: -webkit-linear-gradient(top, transparent, rgba(250, 192, 20, 0.85));
  background: -o-linear-gradient(top, transparent, rgba(250, 192, 20, 0.85));
  background: -moz-linear-gradient(top, transparent, rgba(250, 192, 20, 0.85));
  background: linear-gradient(top, transparent, rgba(250, 192, 20, 0.85))
}
.diy-jiangxin li .fd .bt {
  font-size: 30px;
  position: relative;
  z-index: 2
}
.diy-jiangxin li .fd .text {
  margin-top: 15px;
  line-height: 28px;
  position: relative;
  z-index: 2
}
.diy-jiangxin li:first-child .box {
  height: 630px
}
.diy-jiangxin li:hover .fd:after {
  opacity: 0
}
.diy-jiangxin li:hover .fd:before {
  opacity: 1
}
.position {
  text-align: right;
  padding-bottom: 10px
}
.position a {
  color: #666
}
.heng-jiangxin {
  height: 500px
}
.box-pinpaijieshao {
  background-size: cover;
  padding: 350px 0 50px 0
}
.box-pinpaijieshao .container {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0 0 10px 10px;
  padding: 60px 50px 40px 50px;
  overflow: hidden
}
.box-pinpaijieshao .text {
  font-size: 16px;
  line-height: 36px;
  overflow: hidden;
  text-indent: 2em;
  text-align: justify
}
.box-pinpaijieshao .text p {
  margin-bottom: 20px
}
.box-pinpaijieshao .tips {
  text-align: right;
  font-size: 18px;
  color: #000
}
.box-wmcount {
  background: url(../images/bj_tongji.jpg) center top no-repeat;
  background-size: cover
}
.box-wmcount ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 180px;
  padding: 0 50px 0 65px
}
.box-wmcount ul li {
  font-size: 18px;
  border-left: 1px solid #fff;
  padding: 0 0 0 20px;
  color: #fff;
  width: 150px
}
.box-wmcount ul li .t {
  font-size: 24px;
  margin-bottom: 15px
}
.box-wmcount ul li .t span {
  font-weight: bold;
  padding-right: 5px
}
.napcn {
  display: none
}
.box-zongcaijiyu {
  padding: 70px 0 0 0
}
.box-zongcaijiyu .flexmain {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #f4f4f4 url(../images/bj_zongcai.jpg) right center no-repeat;
  background-size: auto 100%
}
.box-zongcaijiyu .pic {
  width: 50%;
  position: relative
}
.box-zongcaijiyu .pic img {
  width: 100%;
  height: auto
}
.box-zongcaijiyu .pic .fd {
  color: #deaa55;
  position: absolute;
  right: 70px;
  top: 90px
}
.box-zongcaijiyu .pic .fd span {
  font-size: 24px
}
.box-zongcaijiyu .pic .fd span:after {
  content: '';
  display: block;
  overflow: hidden;
  width: 18px;
  height: 1px;
  background: #deaa55;
  margin: 15px 0 25px 0
}
.box-zongcaijiyu .box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  padding: 20px 20px 20px 90px
}
.box-zongcaijiyu .box .bt {
  font-size: 24px;
  color: #111111
}
.box-zongcaijiyu .box .text {
  font-size: 16px;
  line-height: 36px;
  padding: 30px 0 90px 0
}
.box-zongcaijiyu .box .qianming {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px
}
.box-zongcaijiyu .box .qianming img {
  height: 99px;
  width: auto;
  margin-left: 10px
}
.box-wenhua {
  text-align: center;
  overflow: hidden
}
.box-wenhua li {
  background: #f3f3f3;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  float: left;
  position: relative
}
.box-wenhua li .pic {
  width: 100%
}
.box-wenhua li .pic img {
  width: 100%;
  height: auto
}
.box-wenhua li .box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  padding: 10px
}
.box-wenhua li .bt {
  font-size: 24px
}
.box-wenhua li .text {
  font-size: 16px;
  padding: 20px 0 0 0
}
.box-wenhua li .text:after {
  content: '';
  width: 27px;
  height: 1px;
  background: #000;
  margin: 40px auto 0 auto;
  display: block;
  overflow: hidden
}
.box-wenhua .w1 {
  margin-bottom: 35px;
  width: 100%
}
.box-wenhua .w1 .pic {
  width: 66.66666667%
}
.box-wenhua .w2 {
  width: 66.66666667%
}
.box-wenhua .w2 .pic {
  width: 50%
}
.box-wenhua .w3 {
  width: 33.33333333%;
  color: #fff
}
.box-wenhua .w3 .box {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}
.box-wenhua .w3 .text:after {
  background: #fff
}
.heng-yongheng {
  padding: 30px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 620px;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000
}
.heng-yongheng .bt {
  font-size: 40px
}
.heng-yongheng .bt:after {
  content: '';
  width: 39px;
  height: 1px;
  background: #fff;
  margin: 25px auto 50px auto;
  display: block;
  overflow: hidden
}
.heng-yongheng .text {
  font-size: 16px;
  line-height: 36px
}
.box-fazhanlicheng {
  max-height: 680px;
  margin-left: 40px;
  padding: 0 20px 0 0
}
.box-fazhanlicheng li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 20px 0
}
.box-fazhanlicheng li:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  border-right: 1px dashed #cccccc
}
.box-fazhanlicheng li i {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #0c0c0c;
  position: relative;
  z-index: 2
}
.box-fazhanlicheng li i:after {
  content: '';
  width: 6px;
  height: 6px;
  background: #0c0c0c;
  display: block;
  overflow: hidden;
  border-radius: 50%
}
.box-fazhanlicheng li .date {
  width: 140px;
  margin-right: 20px;
  text-align: center
}
.box-fazhanlicheng li .date b {
  font-size: 36px;
  color: #181818;
  font-weight: bold;
  display: block;
  margin-bottom: 8px
}
.box-fazhanlicheng li .date em {
  font-size: 18px;
  color: #727272
}
.box-fazhanlicheng li .text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  font-size: 18px;
  color: #727272;
  line-height: 1.5
}
.box-pinpaishipin {
  background-image: url(../images/bj_pinpaishipin.jpg)
}
.box-pinpaishipin a {
  display: block;
  overflow: hidden;
  text-align: center
}
.box-pinpaishipin a .pic {
  overflow: hidden;
  position: relative;
  background: #000
}
.box-pinpaishipin a .pic:after {
  font-family: "iconfont";
  content: "\e63b";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 5;
  color: #fff;
  font-size: 60px;
  opacity: .6
}
.box-pinpaishipin a .pic img {
  width: 100%;
  height: auto;
  opacity: .8
}
.box-pinpaishipin a span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7f7f7f;
  margin-top: 15px;
  font-size: 16px;
  transition: all .6s
}
.box-pinpaishipin a:hover .pic img {
  transform: scale(1.05);
  opacity: 1
}
.box-pinpaishipin a:hover span {
  color: #fff
}
.box-pinpaishipin .xun {
  position: relative
}
.box-pinpaishipin .pinpaishipin-next, .box-pinpaishipin .pinpaishipin-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  color: #fff;
  opacity: .8;
  outline: 0;
  cursor: pointer
}
.box-pinpaishipin .pinpaishipin-next {
  right: -60px
}
.box-pinpaishipin .pinpaishipin-prev {
  left: -60px
}
.box-pinpaishipin .swiper-button-disabled {
  opacity: .3;
  cursor: not-allowed
}
.box-rongyu a {
  display: block;
  overflow: hidden;
  text-align: center
}
.box-rongyu a .pic {
  overflow: hidden;
  border: 1px solid #c8c8c8;
  height: 220px
}
.box-rongyu a .pic img {
  max-width: 100%;
  width: auto;
  height: 100%
}
.box-rongyu a span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7f7f7f;
  margin-top: 15px;
  font-size: 16px;
  transition: all .6s
}
.box-rongyu a:hover .pic img {
  transform: scale(1.05)
}
.box-rongyu a:hover span {
  color: #000
}
.box-contact {
  overflow: hidden;
  margin: -10px
}
.box-contact li {
  width: 25%;
  float: left;
  padding: 10px;
  text-align: center;
  color: #6f6f6f;
  font-size: 18px
}
.box-contact li .box {
  background: #f3f3f3;
  height: 290px;
  padding: 55px 0 0 0
}
.box-contact li .iconfont {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  background: #989898;
  font-size: 30px;
  color: #fff
}
.box-contact li span {
  font-size: 24px;
  color: #494949;
  display: block;
  margin-top: 30px
}
.box-contact li span:after {
  content: '';
  display: block;
  overflow: hidden;
  margin: 10px auto 12px auto;
  height: 1px;
  background: #818181;
  width: 12px
}
.box-contact li .text {
  font-size: 24px;
  color: #6f6f6f
}
.box-contact li img {
  height: 142px;
  width: auto;
  margin-bottom: 10px
}
.heng-contact {
  height: 500px
}
.box-fuwuzongzhi {
  background-size: cover
}
.box-fuwuzongzhi ul {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  margin: -25px -25px 0 -25px
}
.box-fuwuzongzhi ul li {
  width: 240px;
  padding: 25px
}
.box-fuwuzongzhi ul li .box {
  padding: 30px 10px;
  background: #fff;
  transition: all .6s
}
.box-fuwuzongzhi ul li .iconfont {
  font-size: 60px
}
.box-fuwuzongzhi ul li span {
  font-size: 24px;
  display: block;
  padding: 20px 0 12px 0
}
.box-fuwuzongzhi ul li p {
  opacity: .6;
  text-transform: uppercase
}
.box-fuwuzongzhi ul li:hover .box {
  background: #000;
  color: #fff;
  box-shadow: 0 0 15px #fff;
  border-radius: 10px
}
.box-liuyan .tips {
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 1.5
}
.box-liuyan .flexmain {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.box-liuyan .pic {
  width: 35%;
  position: relative
}
.box-liuyan .pic img {
  width: 100%;
  height: auto
}
.box-liuyan .pic .fd {
  position: absolute;
  left: 60px;
  bottom: 50%;
  font-size: 24px;
  font-weight: 100;
  color: #fff
}
.box-liuyan .pic .fd span {
  font-size: 30px
}
.box-liuyan .pic .fd em {
  text-transform: capitalize;
  display: block;
  margin-top: 15px
}
.box-liuyan .box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-left: 50px
}
.box-liuyan .box .tit {
  font-size: 24px;
  color: #111;
  margin-bottom: 50px
}
.box-liuyan .box ul li {
  position: relative;
  overflow: hidden;
  margin-top: 25px
}
.box-liuyan .box ul li i {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 60px;
  width: 60px;
  text-align: center;
  z-index: 1;
  color: #cfcfcf;
  font-size: 20px
}
.box-liuyan .box ul li input[type='text'], .box-liuyan .box ul li textarea {
  width: 100%;
  height: 60px;
  border: 1px solid #e5e5e5;
  padding: 0 60px 0 20px;
  float: left;
  font-size: 16px
}
.box-liuyan .box ul li textarea {
  height: 100px;
  padding: 15px 60px 15px 20px
}
.box-liuyan .box ul li input[type='submit'] {
  width: 100%;
  height: 60px;
  background: #222328;
  border: 0;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: all .6s
}
.box-liuyan .box ul li input[type='submit']:hover {
  background: #fac014
}
.box-liuyan .box ul li:first-child {
  margin-top: 0
}
.box-mendian {
  background-size: cover;
  color: #fff
}
.box-mendian .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.box-mendian .box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-right: 40px
}
.box-mendian .box .iconfont {
  font-size: 60px
}
.box-mendian .box .t1 {
  font-size: 50px;
  padding: 25px 0
}
.box-mendian .box .t2 {
  font-size: 18px;
  margin-bottom: 50px
}
.box-mendian .box .more {
  display: block;
  overflow: hidden;
  font-size: 18px;
  color: #000000;
  line-height: 54px;
  width: 160px;
  text-align: center;
  background: #fac014;
  border-radius: 4px
}
.box-mendian .box .more:hover {
  background: #fff;
  color: #fac014
}
.box-mendian .pic {
  width: 48%
}
.box-mendian .pic img {
  width: 100%;
  height: auto
}
#zongmap {
  width: 100%;
  height: 540px;
  border: 1px solid #d8d8d8
}
#zongmap img {
  transition: all 0s
}
#zongmap .BMap_bubble_top {
  border-bottom: 1px solid #eee
}
#zongmap .BMap_bubble_top .BMap_bubble_title {
  color: #fac014 !important;
  font-size: 14px
}
#zongmap .BMap_bubble_content {
  padding: 5px 0;
  overflow: hidden;
  font-size: 12px !important;
  line-height: 20px !important
}

.box-xinpin {
  margin: -15px;
  overflow: hidden
}
.box-xinpin li {
  float: left;
  width: 25%;
  padding: 15px;
  text-align: center
}
.box-xinpin li a {
  display: block;
  overflow: hidden;
  position: relative
}
.box-xinpin li .pic {
  padding: 0 0 60% 0;
  background-position: center center;
  background-size: cover;
  transition: all .6s;
  overflow: hidden
}
.box-xinpin li .bt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.85));
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.85));
  background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.85));
  background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.85));
  color: #fff;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .6s;
  line-height: 60px;
  font-size: 16px;
  z-index: 2
}
.box-xinpin li .hide {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  transition: all .6s;
  color: #fff;
  font-size: 24px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0
}
.box-xinpin li .hide:after {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  border: 1px solid #fff;
  transition: all .6s;
  opacity: 0;
  transform: scale(0)
}
.box-xinpin li .hide span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 1s;
  opacity: 0
}
.box-xinpin li .hide span:after {
  width: 25px;
  height: 1px;
  background: #fff;
  display: block;
  overflow: hidden;
  content: '';
  margin: 0 auto;
  margin-top: 60px;
  transition: all .6s
}
.box-xinpin li:first-child {
  width: 50%
}
.box-xinpin li:first-child .pic {
  padding: 0 0 61.5% 0
}
.box-xinpin li:hover .pic {
  transform: scale(1.05)
}
.box-xinpin li:hover .bt {
  bottom: -100%
}
.box-xinpin li:hover .hide {
  opacity: 1
}
.box-xinpin li:hover .hide:after {
  transform: scale(1);
  opacity: 1
}
.box-xinpin li:hover .hide span {
  opacity: 1
}
.box-xinpin li:hover .hide span:after {
  margin-top: 20px
}
.box-kongjian {
  color: #fff;
  position: relative;
  padding: 200px 0
}
.box-kongjian .swiper-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.box-kongjian .swiper-container .swiper-slide {
  height: 100%;
  background-position: center center;
  background-size: cover
}
.box-kongjian .web-box {
  position: relative;
  z-index: 5
}
.box-kongjian .tit {
  margin-bottom: 60px
}
.box-kongjian .tit .tt {
  font-size: 36px
}
.box-kongjian .tit .tt:after {
  display: block;
  overflow: hidden;
  margin: 25px 0;
  width: 38px;
  height: 1px;
  background: #fff;
  content: ''
}
.box-kongjian .tit .tm {
  font-size: 18px;
  line-height: 2
}
.box-kongjian .tab {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto
}
.box-kongjian .tab li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  text-align: center;
  cursor: pointer
}
.box-kongjian .tab li .iconfont {
  width: 120px;
  height: 120px;
  font-size: 70px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto
}
.box-kongjian .tab li span {
  font-size: 18px;
  display: block;
  padding: 18px 0
}
.box-kongjian .tab li:after {
  content: '';
  display: block;
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 7px;
  height: 7px
}
.box-kongjian .tab li.on .iconfont {
  background: #fac014;
  color: #fff
}
.box-kongjian .tab li.on span {
  color: #fac014
}
.box-kongjian .tab li.on:after {
  background: #fac014
}
.box-liliang {
  background: url(../images/bj_liliang.jpg) center top no-repeat;
  background-size: cover
}
.box-liliang .web-tit .tt {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}
.box-liliang .web-tit .tt img {
  height: 42px;
  width: auto;
  margin-right: 10px
}
.box-liliang ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -10px;
  overflow: hidden;
  text-align: center
}
.box-liliang ul li {
  width: 25%;
  padding: 10px
}
.box-liliang ul li .box {
  background: #fff;
  height: 100%;
  padding: 30px;
  transition: all .6s
}
.box-liliang ul li .iconfont {
  width: 129px;
  height: 129px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  transition: all .6s;
  font-size: 40px;
  color: #626262;
  background: url(../images/icon_ybj.png);
  background-size: 100% 100%;
  border-radius: 50%
}
.box-liliang ul li span {
  display: block;
  overflow: hidden;
  font-size: 28px;
  font-weight: bold;
  color: #111111;
  padding: 20px 0 10px 0;
  transition: all .6s
}
.box-liliang ul li .text {
  transition: all .6s;
  font-size: 16px;
  line-height: 26px;
  color: #656565
}
.box-liliang ul li:hover .box {
  background: #fac014
}
.box-liliang ul li:hover .iconfont {
  transform: rotate(360deg);
  color: #fac014
}
.box-liliang ul li:hover span {
  color: #fff
}
.box-liliang ul li:hover .text {
  color: #fff
}
.box-jiangxin {
  background-size: cover;
  text-align: center;
  color: #fff;
  padding: 200px 0
}
.box-jiangxin .te {
  font-size: 36px;
  font-family: 'baskerville_old_faceregular';
  text-transform: uppercase
}
.box-jiangxin .tt {
  font-size: 40px;
  margin-top: 20px
}
.box-jiangxin .tt:after {
  content: '';
  width: 39px;
  height: 1px;
  background: #fff;
  display: block;
  overflow: hidden;
  margin: 30px auto 0 auto
}
.box-jiangxin .tm {
  font-size: 18px;
  line-height: 1.5;
  padding: 60px 0 130px 0
}
.box-jiangxin .more {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  font-size: 18px;
  border: 1px solid #fff;
  opacity: .5;
  width: 160px;
  line-height: 42px;
  color: #fff
}
.box-jiangxin .more:hover {
  opacity: 1
}
.box-menchuangjm ul {
  overflow: hidden
}
.box-menchuangjm ul li {
  width: 50%;
  float: left;
  position: relative
}
.box-menchuangjm ul li img {
  width: 100%;
  height: auto
}
.box-menchuangjm ul li .fd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff
}
.box-menchuangjm ul li .fd span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  font-size: 36px;
  font-weight: 100
}
.box-menchuangjm ul li .fd span:after {
  content: '';
  display: block;
  overflow: hidden;
  margin: 40px auto 0 auto;
  width: 33px;
  height: 1px;
  background: #fff
}
.box-menchuangjm ul li:hover img {
  transform: scale(1.05)
}
.box-news .flexmain {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.box-news .tit {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-height: 36px
}
.box-news .tit span {
  font-size: 24px;
  font-weight: bold;
  color: #fff
}
.box-news .tit li {
  font-size: 20px;
  color: #111111;
  line-height: 34px;
  padding: 0 15px;
  border-radius: 40px;
  margin-left: 5px;
  cursor: pointer;
  border: 1px solid transparent
}
.box-news .tit li:first-child {
  margin-left: 0
}
.box-news .tit li.on {
  border-color: #111111
}
.box-news .tit .more {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #363636
}
.box-news .tit .more:hover {
  background: #363636;
  color: #fff
}
.box-news .big {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-right: 50px
}
.box-news .big .xun {
  margin-top: 25px
}
.box-news .big .xun ul li {
  margin-top: 20px
}
.box-news .big .xun ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.box-news .big .xun ul li .pic {
  width: 320px;
  height: 155px;
  overflow: hidden
}
.box-news .big .xun ul li .pic img {
  width: 100%;
  height: 100%
}
.box-news .big .xun ul li .pic img:hover {
  transform: scale(1.05)
}
.box-news .big .xun ul li .box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-left: 40px
}
.box-news .big .xun ul li .bt {
  font-size: 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .6s
}
.box-news .big .xun ul li .bt:hover {
  color: #fac014
}
.box-news .big .xun ul li .text {
  font-size: 15px;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  color: #848484;
  margin: 10px 0
}
.box-news .big .xun ul li .cs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.box-news .big .xun ul li .cs em {
  color: #909090
}
.box-news .big .xun ul li .cs .m {
  width: 130px;
  line-height: 28px;
  border: 1px solid #363636;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 30px;
  transition: all .6s
}
.box-news .big .xun ul li .cs .m .iconfont {
  margin-left: 5px
}
.box-news .big .xun ul li .cs .m:hover {
  background: #363636;
  color: #fff
}
.box-news .big .xun ul li:first-child {
  margin-top: 0
}
.box-news .small {
  width: 480px;
  background: url(../images/bj_wenda.jpg) center top no-repeat;
  background-size: 100% auto;
  padding: 25px 25px 0 25px
}
.box-news .small .tit .more {
  border-color: #fff;
  color: #fff
}
.box-news .small .tit .more:hover {
  background: #fff;
  color: #fac014
}
.box-news .small .gund {
  margin-top: 40px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 10px #eee;
  padding: 0 20px
}
.box-news .small .gund a {
  display: block;
  overflow: hidden;
  border-bottom: 1px dashed #b5b5b5;
  padding: 29px 0;
  line-height: 30px
}
.box-news .small .gund .bt, .box-news .small .gund .text {
  padding: 0 0 0 34px;
  position: relative;
  color: #363636
}
.box-news .small .gund .bt:before, .box-news .small .gund .text:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px
}
.box-news .small .gund .bt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .6s
}
.box-news .small .gund .bt:before {
  content: 'Q';
  font-weight: normal
}
.box-news .small .gund .bt:hover {
  color: #fac014
}
.box-news .small .gund .text {
  overflow: hidden;
  height: 60px;
  color: #848484
}
.box-news .small .gund .text:before {
  content: 'A';
  color: #ababab
}
.box-link {
  padding: 30px 0
}
.box-link .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.box-link .tit {
  font-size: 18px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}
.box-link .tit i.iconfont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #363636;
  color: #fff;
  border-radius: 50%;
  margin-right: 10px
}
.box-link ul {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}
.box-link ul li {
  float: left;
  margin-left: 20px;
  line-height: 24px
}
.box-link ul li a {
  display: block;
  overflow: hidden;
  color: #666
}
.box-link ul li a:hover {
  color: #000
}
.list-proindex {
  background-position: center top;
  background-size: cover
}
.list-proindex .tit {
  color: #fff;
  font-size: 36px
}
.list-proindex .tit:after {
  content: '';
  display: block;
  overflow: hidden;
  width: 38px;
  height: 1px;
  background: #666;
  margin-top: 25px
}
.list-proindex ul {
  margin: 50px -12px;
  overflow: hidden
}
.list-proindex ul li {
  float: left;
  width: 25%;
  padding: 12px
}
.list-proindex ul li a {
  display: block;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 3px
}
.list-proindex ul li img {
  width: 100%;
  height: auto
}
.list-proindex ul li:hover img {
  transform: scale(1.05)
}
.list-proindex .more {
  display: block;
  overflow: hidden;
  border-radius: 10px 0 10px 0;
  width: 130px;
  line-height: 38px;
  text-align: center;
  background: #fff;
  color: #111;
  font-size: 16px;
  position: relative;
  z-index: 5
}
.list-proindex .more:hover {
  background: #fac014;
  color: #fff
}
.list-proindex .bottom-down {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 20px;
  animation: dongyong 1.5s linear infinite;
  -moz-animation: dongyong 1.5s linear infinite;
  -webkit-animation: dongyong 1.5s linear infinite;
  -o-animation: dongyong 1.5s linear infinite
}
.list-proindex .bottom-down img {
  height: 56px;
  width: auto;
  cursor: pointer
}
.box-ll-all {
  background-size: cover
}
.box-ll-all .web-tit .tt {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fac014
}
.box-ll-all .web-tit .tt img {
  height: 42px;
  width: auto;
  margin-right: 10px
}
.box-ll-all ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -10px;
  overflow: hidden;
  text-align: center
}
.box-ll-all ul li {
  width: 25%;
  padding: 10px
}
.box-ll-all ul li .box {
  background: #fff;
  height: 100%;
  padding: 50px 30px;
  transition: all .6s
}
.box-ll-all ul li .iconfont {
  font-size: 40px
}
.box-ll-all ul li span {
  display: block;
  overflow: hidden;
  font-size: 28px;
  font-weight: bold;
  color: #111111;
  padding: 30px 0 15px 0;
  transition: all .6s
}
.box-ll-all ul li .text {
  transition: all .6s;
  font-size: 16px;
  line-height: 26px;
  color: #656565
}
.box-ll-all ul li:nth-child(1) .box, .box-ll-all ul li:nth-child(3) .box, .box-ll-all ul li:nth-child(6) .box, .box-ll-all ul li:nth-child(8) .box {
  background: #fac014
}
.box-ll-all ul li:nth-child(1) .iconfont, .box-ll-all ul li:nth-child(3) .iconfont, .box-ll-all ul li:nth-child(6) .iconfont, .box-ll-all ul li:nth-child(8) .iconfont {
  color: #fff
}
.box-ll-all ul li:nth-child(1) span, .box-ll-all ul li:nth-child(3) span, .box-ll-all ul li:nth-child(6) span, .box-ll-all ul li:nth-child(8) span {
  color: #fff
}
.box-ll-all ul li:nth-child(1) .text, .box-ll-all ul li:nth-child(3) .text, .box-ll-all ul li:nth-child(6) .text, .box-ll-all ul li:nth-child(8) .text {
  color: #fff
}
.box-ll-pinpai {
  background-size: cover;
  height: 100%;
  position: relative
}
.box-ll-pinpai .web-tit {
  margin-top: 60px;
  text-shadow: 1px 1px 1px #000
}
.box-ll-pinpai ul {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  align-items: flex-end
}
.box-ll-pinpai ul li {
  margin: 0 40px
}
.box-ll-pinpai ul li .text {
  background: url(../images/icon_tips.png);
  background-size: 100% 100%;
  width: 135px;
  height: 84px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  padding: 0 0 18px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4
}
.box-ll-pinpai ul li .line {
  height: 300px;
  overflow: hidden;
  position: relative;
  margin-top: 10px
}
.box-ll-pinpai ul li .line:after {
  position: absolute;
  right: 42px;
  content: '';
  width: 1px;
  top: 15px;
  bottom: 0;
  background: #fac014
}
.box-ll-pinpai ul li .line:before {
  position: absolute;
  right: 35px;
  content: '';
  top: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #fac014
}
.box-ll-pinpai ul li.h2 .line {
  height: 350px
}
.box-ll-pinpai ul li.h3 .line {
  height: 320px
}
.box-ll-pinpai ul li.h4 .line {
  height: 250px
}
.box-ll-pinpai ul li.h5 .line {
  height: 400px
}
.box-ll-tuiguang {
  background-size: cover
}
.box-ll-tuiguang ul {
  margin: -5px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap
}
.box-ll-tuiguang ul li {
  float: left;
  width: 30%;
  padding: 5px;
  text-align: center;
  overflow: hidden
}
.box-ll-tuiguang ul li .pic {
  padding: 0 0 62% 0;
  background-position: center center;
  background-size: cover;
  transition: all .6s;
  overflow: hidden
}
.box-ll-tuiguang ul li.w1 {
  width: 40%
}
.box-ll-tuiguang ul li.w1 .pic {
  padding: 0 0 46% 0
}
.box-ll-tuiguang ul li.w2 {
  width: 15%
}
.box-ll-tuiguang ul li.w2 .pic {
  padding: 0 0 127% 0
}
.box-ll-tuiguang ul li.w3 {
  width: 20%
}
.box-ll-tuiguang ul li.w3 .pic {
  padding: 0 0 94% 0
}
.box-ll-tuiguang ul li:hover .pic {
  transform: scale(1.05)
}
.box-ll-yingxiao {
  background-size: cover
}
.box-ll-zhichi {
  background-size: cover
}
.box-ll-zhichi ul {
  margin: -5px;
  overflow: hidden
}
.box-ll-zhichi ul li {
  float: left;
  width: 30%;
  padding: 5px;
  text-align: center;
  overflow: hidden
}
.box-ll-zhichi ul li .pic {
  padding: 0 0 42% 0;
  background-position: center center;
  background-size: cover;
  transition: all .6s;
  overflow: hidden
}
.box-ll-zhichi ul li.w1 {
  width: 40%
}
.box-ll-zhichi ul li.w1 .pic {
  padding: 0 0 64% 0
}
.box-ll-zhichi ul li.w2 {
  width: 40%
}
.box-ll-zhichi ul li.w2 .pic {
  padding: 0 0 31.5% 0
}
.box-ll-zhichi ul li:hover .pic {
  transform: scale(1.05)
}
.box-ll-chanpin {
  background-size: cover
}
.box-ll-chanpin .xun {
  overflow: hidden;
  background: #fff
}
.box-ll-chanpin .xun ul {
  overflow: hidden;
  width: 50%;
  float: left
}
.box-ll-chanpin .xun ul li {
  float: left;
  width: 50%;
  padding: 2px;
  text-align: center;
  overflow: hidden
}
.box-ll-chanpin .xun ul li .pic {
  padding: 0 0 59.6% 0;
  background-position: center center;
  background-size: cover;
  transition: all .6s;
  overflow: hidden
}
.box-ll-chanpin .xun ul li.w1 .pic {
  padding: 0 0 120.2% 0
}
.box-ll-chanpin .xun ul li:hover .pic {
  transform: scale(1.05)
}
.box-ll-zhizao {
  background-size: cover
}
.box-ll-zhizao .gund {
  padding: 0 10%
}
.box-ll-zhizao .gund ul {
  max-width: inherit !important
}
.box-ll-zhizao ul, .box-ll-yingxiao ul {
  background: #fff;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}
.box-ll-zhizao ul li, .box-ll-yingxiao ul li {
  float: left;
  width: 33.33333333%;
  padding: 2px
}
.box-ll-zhizao ul li img, .box-ll-yingxiao ul li img {
  width: 100%;
  height: auto
}
.box-ll-zhizao ul li:hover img, .box-ll-yingxiao ul li:hover img {
  transform: scale(1.05)
}
.box-ll-zhanshi {
  background-size: cover
}
.box-ll-chanpin .xun, .box-ll-zhanshi .xun {
  overflow: hidden;
  background: #fff
}
.box-ll-chanpin .xun ul, .box-ll-zhanshi .xun ul {
  overflow: hidden;
  width: 50%;
  float: left
}
.box-ll-chanpin .xun ul li, .box-ll-zhanshi .xun ul li {
  float: left;
  width: 50%;
  padding: 2px;
  text-align: center;
  overflow: hidden
}
.box-ll-chanpin .xun ul li .pic, .box-ll-zhanshi .xun ul li .pic {
  padding: 0 0 59.6% 0;
  background-position: center center;
  background-size: cover;
  transition: all .6s;
  overflow: hidden
}
.box-ll-chanpin .xun ul li.w1 .pic, .box-ll-zhanshi .xun ul li.w1 .pic {
  padding: 0 0 120.2% 0
}
.box-ll-chanpin .xun ul li:hover .pic, .box-ll-zhanshi .xun ul li:hover .pic {
  transform: scale(1.05)
}
.box-ll-qudao {
  background-size: cover
}
.box-ll-qudao .pic {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 60px 40px;
  border-radius: 0 10px 0 10px;
  text-align: center;
  overflow: hidden
}
.box-ll-qudao .pic img {
  max-width: 100%;
  height: auto
}
.box-liucheng {
  background-size: cover
}
.box-liucheng ul {
  padding-top: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 16px;
  color: #fff;
  text-align: center
}
.box-liucheng ul li {
  transition: all .6s
}
.box-liucheng ul li .iconfont {
  width: 76px;
  height: 76px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #fff;
  border-radius: 10px;
  font-size: 40px;
  color: #363636;
  margin: 0 auto 15px auto;
  transition: all .6s
}
.box-liucheng ul li.line .iconfont {
  width: auto;
  background: none !important;
  color: #fff;
  font-size: 16px;
  opacity: .8;
  border-radius: 0
}
.box-liucheng ul li:hover {
  color: #fac014
}
.box-liucheng ul li:hover .iconfont {
  background: #fac014;
  color: #fff
}
.box-jmform {
  background-size: cover
}
.box-jmform .container {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 50px 100px;
  border-radius: 0 10px 0 10px;
  overflow: hidden
}
.box-jmform .tit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 40px
}
.box-jmform .tit .cen {
  background: url(../images/icon_liwu.png) right center no-repeat;
  background-size: auto 100%;
  padding: 0 110px 0 10px;
  min-height: 82px;
  border-left: 4px solid #949399
}
.box-jmform .tit .t1 {
  font-size: 30px;
  opacity: .8
}
.box-jmform .tit .t2 {
  margin-top: 10px;
  font-size: 34px;
  font-weight: bold
}
.box-jmform ul {
  margin: -5px -10px;
  overflow: hidden
}
.box-jmform ul li {
  width: 50%;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 5px 10px
}
.box-jmform ul li input[type='text'], .box-jmform ul li select, .box-jmform ul li textarea {
  padding: 0 10px;
  height: 44px;
  border: 1px solid #dedddc;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  background: none;
  border-radius: 3px
}
.box-jmform ul li textarea {
  height: 120px;
  padding: 10px
}
.box-jmform ul li select {
  margin-left: 8px
}
.box-jmform ul li select:first-child {
  margin-left: 0
}
.box-jmform ul li input[type='submit'], .box-jmform ul li .button {
  width: 200px;
  height: 46px;
  line-height: 46px;
  border: 0;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  display: block;
  overflow: hidden;
  background: #363636;
  cursor: pointer;
  margin-top: 20px;
  transition: all .6s
}
.box-jmform ul li input[type='submit']:hover, .box-jmform ul li .button:hover {
  background: #fac014
}
.box-jmform ul li .button {
  margin-right: 20px
}
.box-jmform ul li.all {
  width: 100%
}
.pc-martop {
  margin-top: 80px
}
#fullpageMenu {
  position: fixed;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5555
}
#fullpageMenu li {
  margin-top: 5px
}
#fullpageMenu li a {
  display: block;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 5px
}
#fullpageMenu li.hide {
  display: none
}
#fullpageMenu li.active a {
  background: #fac014;
  color: #fff
}
.pagination {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 50px 0 0 0
}
.pagination li {
  padding: 0 5px
}
.pagination li a, .pagination li span {
  display: block;
  overflow: hidden;
  padding: 0 15px;
  line-height: 38px;
  background: #ececec;
  color: #666
}
.pagination li a:hover {
  background: #666;
  color: #fff;
  border-color: #666
}
.pagination li.active span {
  cursor: default;
  background: #3c3837;
  color: #fff
}
.pagination li.disabled span {
  background: #ddd;
  color: #888;
  cursor: not-allowed
}
.diyanimtion {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .3s
}
.casef {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px
}
.casef .left .small {
  margin: 15px auto
}
.mappic img {
  max-width: 100%
}
.list-video {
  margin: -10px;
  overflow: hidden
}
.list-video li {
  width: 25%;
  float: left;
  padding: 10px
}
.list-video li a {
  display: block;
  overflow: hidden;
  text-align: center
}
.list-video li a .pic {
  overflow: hidden;
  position: relative;
  background: #000
}
.list-video li a .pic:after {
  font-family: "iconfont";
  content: "\e63b";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 5;
  color: #fff;
  font-size: 60px;
  opacity: .6
}
.list-video li a .pic img {
  width: 100%;
  height: auto;
  opacity: .8
}
.list-video li a span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7f7f7f;
  margin-top: 15px;
  font-size: 16px;
  transition: all .6s
}
.list-video li a:hover .pic img {
  transform: scale(1.05);
  opacity: 1
}
.list-video li a:hover span {
  color: #fac014
}
.list-rongyu {
  margin: -10px;
  overflow: hidden
}
.list-rongyu li {
  width: 25%;
  float: left;
  padding: 10px
}
.list-rongyu li a {
  display: block;
  overflow: hidden;
  text-align: center
}
.list-rongyu li a .pic {
  overflow: hidden;
  border: 1px solid #c8c8c8;
  height: 220px
}
.list-rongyu li a .pic img {
  max-width: 100%;
  width: auto;
  height: 100%
}
.list-rongyu li a span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7f7f7f;
  margin-top: 15px;
  font-size: 16px;
  transition: all .6s
}
.list-rongyu li a:hover .pic img {
  transform: scale(1.05)
}
.list-rongyu li a:hover span {
  color: #000
}
.padt120 {
  padding-top: 120px !important
}