@charset "utf-8";
.clearjs {
  width: 100%;
  clear: both;
  line-height: 0;
  display: block;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
  content: '.'
}
@media (max-width:999px) {
  body {
    font-size: 12px;
    padding-top: 50px
  }
	.box_video_play{width:100%;}
  .pc {
    display: none
  }
  .wap {
    display: block
  }
  .container {
    padding: 0 15px
  }
  header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px #eee
  }
  header .top {
    display: none
  }
  header .head .container {
    height: 50px
  }
  header .head .logo img {
    height: 40px
  }
  header .head .search {
    margin-left: 0;
    position: static
  }
  header .head .search .default {
    font-size: 24px;
    font-weight: normal;
    padding: 3px
  }
  header .head .search .box {
    top: 50px;
    transform: translateY(0);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
  }
  header .head .search .box button {
    font-size: 20px
  }
  header .head .navbut {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
    margin-left: 10px
  }
  header .head .navbut i {
    height: 2px;
    background: #333;
    display: block;
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0px;
    transition: all .5s
  }
  header .head .navbut .w1 {
    top: 4px
  }
  header .head .navbut .w2 {
    top: 14px
  }
  header .head .navbut .w3 {
    top: 24px
  }
  header .head .navbut.cur .w1 {
    top: 15px;
    transform: rotate(45deg)
  }
  header .head .navbut.cur .w2 {
    height: 0px
  }
  header .head .navbut.cur .w3 {
    top: 15px;
    transform: rotate(-45deg)
  }
  header .head nav {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    top: 50px;
    bottom: 0;
    overflow-y: auto;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 10px #eee
  }
  header .head nav .container {
    padding: 0
  }
  header .head nav ul li {
    float: none
  }
  header .head nav ul li > a {
    display: block;
    overflow: hidden;
    height: auto;
    line-height: 50px;
    font-weight: normal;
    padding: 0 15px;
    border-bottom: 1px solid #eee
  }
  header .head nav ul li > a:after {
    display: none !important
  }
  header .head nav ul li .iconfont {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    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: 20px;
    opacity: .2;
    z-index: 2
  }
  header .head nav ul li .sub {
    position: static;
    top: 0;
    background: #f5f5f5;
    transform: translateX(0);
    border: 0
  }
  header .head nav ul li .sub a {
    line-height: 34px;
    padding: 0 15px;
    color: #666
  }
  header .head nav ul li .sub a:last-child {
    border-bottom: 0
  }
  header .head nav ul li .sub a:hover {
    background: none;
    color: #666
  }
  header .head nav ul li.hover > a {
    color: #000
  }
  header .head nav ul li.on > a {
    color: #fff;
    background: #0066cb
  }
  header .head nav ul li.on .iconfont {
    color: #fff;
    opacity: .6
  }
  .fdtab header {
    position: absolute
  }
  footer > .container {
    padding: 20px 10px
  }
  footer .tit {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 5px
  }
  footer .loin {
    width: 100%
  }
  footer .loin .logo {
    display: none
  }
  footer .loin .text {
    line-height: 20px;
    margin-top: 0
  }
  footer .loin .share {
    display: none
  }
  footer .loin select {
    display: none
  }
  footer .nav {
    margin-top: 10px;
    width: 50%
  }
  footer .nav ul {
    line-height: 20px;
    padding-right: 10px
  }
  footer .nav ul a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
  footer .content {
    width: 50%;
    margin-top: 10px
  }
  footer .content .text {
    line-height: 20px
  }
  footer .telx {
    margin-top: 0;
    width: 100%;
    flex-wrap: wrap
  }
  footer .telx li {
    height: 85px;
    width: 100%;
    margin-top: 10px
  }
  footer .telx li .iconfont {
    width: 44px;
    height: 44px;
    border-width: 1px;
    font-size: 20px
  }
  footer .telx li .box {
    margin-left: 12px;
    line-height: 1.5;
    font-size: 16px
  }
  footer .copy {
    line-height: 20px
  }
  footer #link-select {
    display: none
  }
  .backtop {
    right: 10px;
    bottom: 10px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 16px
  }
  .banner .swiper-slide {
    padding-bottom: 15px
  }
  .banner .swiper-slide .container {
    height: 240px
  }
  .banner .swiper-slide .box {
    padding: 20px;
    text-align: center !important
  }
  .banner .swiper-slide .box:before {
    left: -10px
  }
  .banner .swiper-slide .tt {
    font-size: 16px;
    line-height: 1.4
  }
  .banner .swiper-slide .tm {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 0 10px 0
  }
  .banner .swiper-slide .but a {
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px
  }
  .banner .swiper-slide .right .box:before {
    right: -10px
  }
  .banner .banner-num {
    bottom: 10px
  }
  .banner .banner-num .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 3px
  }
  .banner .banner-next, .banner .banner-prev {
    display: none
  }
  .nbanner {
    height: 120px
  }
  .nbanner .tt {
    font-size: 16px;
    line-height: 1.4
  }
  .nbanner .tt:after {
    width: 60px;
    height: 1px;
    margin: 8px auto
  }
  .nbanner .tm {
    font-size: 12px;
    line-height: 20px
  }
  .in-tit {
    font-size: 20px;
    margin-bottom: 15px
  }
  .in-tit:after {
    margin: 10px auto 0 auto;
    height: 1px;
    width: 60px
  }
  .in-box {
    padding: 30px 0
  }
  .in-pro {
    padding: 0 0 15px 0
  }
  .in-pro .tab {
    display: none
  }
  .in-pro .xun .li {
    display: block;
    margin-top: 15px
  }
  .in-pro .xun .li:first-child {
    margin-top: 0
  }
  .in-pro .xun .stit {
    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: 0 -15px 15px -15px;
    background: #f5f5f5;
    line-height: 40px
  }
  .in-pro .xun .stit span {
    background: #0066cb;
    color: #fff;
    padding: 0 10px;
    font-size: 16px;
    text-transform: capitalize
  }
  .in-pro .xun .stit .more {
    padding: 0 10px;
    text-transform: uppercase
  }
  .in-pro .xun ul {
    margin: -5px
  }
  .in-pro .xun ul li {
    width: 50%;
    padding: 5px
  }
  .in-pro .xun ul li a {
    height: auto
  }
  .in-pro .xun ul li a img {
    position: static;
    transform: translate(0, 0);
    height: auto;
    width: 100%
  }
  .in-pro .xun ul li .fd {
    display: none
  }
  .in-pro .xun ul li .fd .iconfont {
    font-size: 30px
  }
  .in-pro .xun ul li .fd span {
    font-size: 12px
  }
  .in-pro .xun ul li:hover a img {
    transform: scale(1.05)
  }
  .in-pro .xun ul li:first-child {
    width: 100%
  }
  .in-pro .xun ul li:first-child a {
    height: auto
  }
  .in-about .pic {
    position: static;
    width: 100%
  }
  .in-about .pic img {
    position: static;
    transform: translate(0, 0);
    height: auto;
    width: 100%
  }
  .in-about .head {
    padding: 15px 15px 30px 15px
  }
  .in-about .head .tit {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 5px
  }
  .in-about .head .text {
    font-size: 12px;
    line-height: 20px
  }
  .in-about .head .more {
    left: 15px;
    bottom: -15px;
    line-height: 30px;
    width: 90px;
    font-size: 12px
  }
  .in-about .foot {
    padding: 30px 15px 15px 15px
  }
  .in-about .foot ul {
    margin: -5px
  }
  .in-about .foot ul li {
    width: 50%;
    padding: 5px
  }
  .in-about .foot ul li a:before {
    font-size: 30px
  }
  .in-news {
    padding: 15px 0
  }
  .in-news .container {
    flex-wrap: wrap;
    flex-direction: row
  }
  .in-news .pic {
    width: 100%;
    margin-left: 0
  }
  .in-news ul {
    width: 100%;
    margin-top: 15px
  }
  .in-news ul li {
    margin-top: 10px;
    border-bottom: 1px dashed #ddd;
    padding: 0 0 10px 0
  }
  .in-news ul li span {
    font-size: 16px;
    line-height: 20px
  }
  .in-news ul li em {
    padding: 7px 0
  }
  .in-news ul li em:before {
    font-size: 16px
  }
  .in-news ul li p {
    line-height: 20px;
    height: 40px
  }
  .main {
    padding: 15px 0 30px 0
  }
  .main .position {
    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: 15px
  }
  .main .position .wz {
    padding: 0 0 0 5px;
    border-left-width: 2px;
    font-size: 10px
  }
  .main-flex {
    display: block
  }
  .main-flex .main-left {
    display: none
  }
  .main-flex .main-right {
    width: 100%;
    margin-left: 0
  }
  .main-flex .main-right .position {
    margin: -15px -15px 15px -15px
  }
  .main-flex .main-right .position .tit {
    padding: 0 15px;
    line-height: 40px
  }
  .main-flex .main-right .position .wz {
    padding-right: 10px
  }
  .web-body {
    line-height: 1.75
  }
  .web-body img {
    padding: 5px 0
  }
  .list-pro {
    margin: -5px
  }
  .list-pro li {
    width: 50%;
    padding: 5px
  }
  .list-pro li .kj {
    box-shadow: 0 0 5px #ddd
  }
  .list-pro li .box {
    padding: 10px;
    font-size: 12px;
    text-align: center
  }
  .list-pro li .box .bt {
    margin-right: 0
  }
  .list-pro li .box .inquire {
    display: none
  }
  .list-pro li .box .m {
    font-size: 20px
  }
  .list-case {
    margin: -5px
  }
  .list-case li {
    padding: 5px
  }
  .list-case li .pic:before {
    font-size: 50px
  }
  .list-case li span {
    padding: 8px 0 0 0;
    font-size: 12px
  }
  .list-news li {
    margin-top: 10px
  }
  .list-news li .pic img {
    height: 90px;
    width: 120px
  }
  .list-news li .box {
    margin-left: 10px
  }
  .list-news li span {
    font-size: 16px;
    line-height: 20px
  }
  .list-news li i {
    padding: 8px 0 6px 0
  }
  .list-news li i:before {
    font-size: 16px
  }
  .list-news li p {
    line-height: 18px;
    height: 36px
  }
  .list-news li em {
    display: none
  }
  .in-aboutnei .tit {
    font-size: 20px;
    margin-bottom: 10px
  }
  .in-team {
    margin: 20px -15px 0 -15px
  }
  .in-team .swiper {
    padding: 0 30px
  }
  .in-team .team-next, .in-team .team-prev {
    font-size: 30px
  }
  .in-pmess {
    display: block
  }
  .in-pmess .pic {
    width: 100%
  }
  .in-pmess .right {
    margin-left: 0;
    width: 100%;
    padding-top: 10px
  }
  .in-form li {
    margin-top: 10px
  }
  .in-form li input[type='text'], .in-form li textarea {
    height: 42px;
    padding: 0 15px
  }
  .in-form li input[type='submit'] {
    height: 42px
  }
  .in-form li textarea {
    height: 80px;
    padding: 10px 15px
  }
  .in-form li.re:before {
    left: 5px;
    line-height: 46px
  }
  .in-content .lxun {
    margin: -20px 0;
    overflow: hidden
  }
  .in-content .lxun li {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #eee
  }
  .in-content .lxun li:after {
    display: none !important
  }
  .in-content .lxun li .iconfont {
    font-size: 46px
  }
  .in-content .lxun li .bt {
    font-size: 18px;
    padding: 10px 0 5px 0
  }
  .in-content .lxun li .text {
    line-height: 1.7
  }
  .in-content .lxun li:last-child {
    border-bottom: 0
  }
  .in-content .mmess {
    display: block
  }
  .in-content .mmess .left {
    width: 100%
  }
  .in-content .mmess #bdmap {
    height: 230px
  }
  .in-content .mmess .right {
    width: 100%;
    margin-left: 0px
  }
  .in-content .renyxun {
    margin: -5px 0
  }
  .in-content .renyxun li {
    width: 100%;
    padding: 5px 0
  }
  .in-content .renyxun li .kj {
    border-bottom-width: 5px;
    padding: 20px 10px
  }
  .in-content .renyxun li img {
    height: 152px
  }
  .in-content .renyxun li .bt {
    font-size: 18px;
    padding: 15px 0 5px 0
  }
  .in-content .renyxun li .text {
    line-height: 1.7;
    font-size: 12px
  }
  .view-news .tit {
    font-size: 20px;
    line-height: 1.15
  }
  .view-news .cs {
    padding: 10px 0 15px 0;
    line-height: 18px;
    margin-bottom: 15px
  }
  .view-news .sxp {
    padding: 10px 0 0 0;
    margin-top: 15px;
    line-height: 20px
  }
  .view-news .sxp li {
    width: 100%
  }
  .view-news .sxp li:last-child {
    text-align: left
  }
  .view-news .xgbox {
    display: none
  }
  .view-news .in-tit {
    margin-top: 20px
  }
  .view-news .hotcp a span {
    padding: 8px 0 0 0;
    font-size: 12px
  }
  .view-news .hotcp .hotcp-num {
    margin-top: 15px
  }
  .view-news .hotcp .hotcp-num .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    margin: 0 2px
  }
  .view-pro .probanbig .swiper-slide .video-fill {
    display: none !important
  }
  .view-pro .probanbig .but {
    font-size: 24px
  }
  .view-pro .probanbig .but .fd {
    display: block !important
  }
  .view-pro .probanbig .but .play {
    display: none !important
  }
  .view-pro .banlr {
    display: block;
    overflow: hidden;
    margin: 10px 0 20px 0
  }
  .view-pro .banlr .probansmall {
    width: 100%;
    max-width: inherit
  }
  .view-pro .banlr .probansmall .swiper-slide img {
    width: 100%;
    height: auto
  }
  .view-pro .banlr .sxm {
    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: 10px
  }
  .view-pro .banlr .sxm a {
    width: 44px;
    height: 44px;
    font-size: 20px
  }
  .view-pro .tab {
    margin: 0 -15px;
    width: auto
  }
  .view-pro .tab .swiper-slide a {
    line-height: 32px;
    padding: 0 15px;
    font-size: 12px
  }
  .view-pro .tab.cur {
    position: fixed;
    width: 100%;
    box-shadow: 0 0 10px #ccc;
    margin: 0
  }
  .view-pro .tit {
    font-size: 18px;
    line-height: 1.4
  }
  .view-pro .tit:after {
    height: 2px;
    width: 100px;
    margin-top: 10px
  }
  .view-pro .desc {
    line-height: 20px;
    margin-top: 10px
  }
  .view-pro .butr {
    margin-top: 15px;
    margin-bottom: 20px
  }
  .view-pro .butr a {
    height: 40px;
    padding: 0;
    font-size: 14px
  }
  .view-pro .butr a:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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
  }
  .view-pro .butr .tel {
    font-size: 20px;
    margin-left: 10px
  }
  .view-pro .butr .tel .iconfont {
    font-size: 20px;
    margin-right: 5px
  }
  .view-pro .web-body {
    margin-top: 15px
  }
  .view-pro .titb {
    margin: 20px -15px 15px -15px
  }
  .view-pro .titb span {
    line-height: 40px;
    padding: 0 15px;
    font-size: 16px
  }
  .view-pro .lzxun {
    margin: -5px 0;
    font-size: 14px
  }
  .view-pro .lzxun li a {
    padding: 0 0 0 10px;
    line-height: 1.6
  }
  .view-pro .lzxun li a:before {
    width: 3px;
    height: 3px
  }
  .view-pro .sxun {
    font-size: 14px;
    margin: -5px -10px
  }
  .view-pro .sxun li {
    width: 50%;
    line-height: 1.6;
    padding: 0 10px
  }
  .view-pro .list-pro {
    margin: -5px
  }
  .view-pro .list-pro li {
    padding: 5px
  }
  .view-pro .list-pro li .box {
    font-size: 12px;
    text-align: left
  }
  .target-fix {
    top: -32px
  }
  .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: 40px 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: #fff;
    box-shadow: 0 0 1px #ccc;
    color: #666
  }
  .pagination li a:hover {
    background: #666;
    color: #fff;
    border-color: #666
  }
  .pagination li.active span {
    cursor: default;
    background: #0066cb;
    color: #fff
  }
  .pagination li.disabled span {
    background: #ddd;
    color: #888;
    cursor: not-allowed
  }
  .pagination {
    padding: 20px 0 0 0
  }
  .pagination li {
    padding: 0;
    margin: 0 0 0 -1px
  }
  .pagination li a, .pagination li span {
    padding: 0 10px;
    line-height: 28px;
    border-radius: 0
  }
}
@media (max-width:680px) {
  .videocode iframe {
    height: 250px !important
  }
}