.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.container {padding: 0 15px;width: 1200px;margin: 0 auto;}




.yunu-showcase {margin: 40px 0px 40px 0px;}
.yunu-showcase-info {margin-left: 550px;}
.yunu-showcase-info h1 {margin: 0 0 30px;color: #004097;font-size: 36px;line-height: 2;border-bottom: 1px solid #ededed;}
.yunu-showcase-info p {margin: 5px 0 0;color: #666;line-height: 2.5;border-bottom: 1px dotted #efefef;height: 2.5;}
.yunu-showcase-info p strong {color: #004097;font-size: 36px;line-height: 2;}
.yunu-showcase-info .tel {margin-top: 30px;}
.yunu-showcase-info .tel a {line-height: 42px;color: #fff;display: inline-block;width: 120px;text-align: center;border-radius: 5px;background-color: #004097;border: 1px solid transparent;font-size: 16px;}
.yunu-showcase-info .tel a.ac {background-color: #004097;color: #004097;border-color: #004097;width: 180px;margin-right: 15px;color: #fff;}
.yunu-showcase-info .tel a.ac img {vertical-align: top;margin: 8px 10px 0 0;}

.pc-slide{float:left;width:500px;}
.view .swiper-slide .img-center {width:100%;height:400px;line-height:400px;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .img-center{height:80px;border:1px solid #ddd;cursor:pointer;position:relative;line-height: 80px;}
.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .active-nav .img-center{border-color: #004097;}
div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}

.title-1 {margin-bottom: 30px;border: 1px solid #ddd;font-size: 0;}
.title-1 span {display: inline-block;font-size: 16px;border-top: 3px solid #004097;color: #004097;border-right: 1px solid #ddd;padding: 0 30px;line-height: 50px;}





.message form {overflow: hidden;display: block;margin: -30px 0 0 -60px;}
.message .form-group {float: left;margin: 30px 0 0 60px;width: 510px;}
.message .form-label {display: block;margin-bottom: 10px;}
.message .form-label span {color: red;}
.message .form-content {border: 1px solid #ddd;background-color: #fff;padding: 10px 15px;}
.message .form-control {border: 0;background-color: transparent;padding: 0;line-height: 30px;font-size: 14px;width: 100%;display: inline-block;vertical-align: middle;}
.message .form-submit {display: block;background: #004097;color: #fff;border: 0;padding: 0;cursor: pointer;outline: none;height: 54px;font-size: 16px;width: 280px;margin: 0 auto;}
.message .form-group.full {float: none;width: auto;}
.message .form-tips {text-align: center;color: #666;margin-top: 10px;}
.message .form-tips span {color: red;}
.yzm-box {position: relative;}
.yzm-box .yzm-pic {position: absolute;right: 10px;top: 10px;height: 30px;line-height: 30px;}

.list-3 {margin: -20px 0 0 -20px;}
.list-3 li {float: left;width: 33.333333%;}
.list-3 li a {display: block;margin: 20px 0 0 20px;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.list-3 li .img-cover {padding-top: 56%;}
.list-3 li .text {padding: 15px;}
.list-3 li .text h4 {margin: 0;font-weight: normal;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-3 li .text p {color: #888;margin: 10px 0 0;line-height: 1.8;height: 75px;overflow: hidden;}

.position {
    padding: 0 0 15px 20px;
    border-bottom: #f0f0f0 solid 2px;
    margin-bottom: 30px;
    background: url(../images/home.png) no-repeat 0 5px;
    margin-top: -40px;
}
@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
    .container {width: auto;}
 #message .m-content .m-message{
    width:90%;
    padding:20px;
  }
  .position {
    font-size: 12px;
    background-size: auto 12px;
    padding-left: 18px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background-position: 0 3px;
    margin-top: -10px;
}
    .kf {display: none;}
    .footer-fix {display: block;}

    .header {padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .header .text,.header .tel {display: none;}
    .header .logo {height: 30px;line-height: 30px;float: none;padding: 0;}
    .header .nav {margin: 10px 0 -10px;text-align: left;display: none;background-color: transparent;border-bottom: 0;}
    .header .nav ul {margin: 0 -15px;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid #eee;background: none;}
    .header .nav li a {line-height: 40px;padding: 0 15px;color: #333;}
    .header .nav li .arr {display: block;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {background-color: transparent;color: #004097}
    .header .nav li.open .arr:after {border-color: #004097;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;}
    .header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .header .nav .dropdown-box a:hover {background-color: transparent !important;}
    .menu-btn {display: block;}

    .banner .swiper-slide {height: 160px;}
    .banner .swiper-pagination {display: block;}
    .banner .swiper-button-prev,.banner .swiper-button-next {display: none;}

    .yunu-sou {padding: 0;border-bottom: 0;}
    .yunu-sou .container {padding: 0;}
    .yunu-sou .hot {display: none;}
    .yunu-sou .hform {float: none;position: relative;}
    .yunu-sou .hform input {border-color: transparent;width: 100%;box-sizing: border-box;line-height: 20px;padding: 9px 60px 9px 15px;border-radius: 0;border-bottom: 1px solid #eee;}
    .yunu-sou .hform button {position: absolute;right: 0;top: 0;width: 50px;height: 40px;}

    .section {padding: 30px 0;}
    .section-title {margin-bottom: 20px;}
    .section-title h4 {font-size: 20px;}
    .section-title h4:after, .section-title h4:before {display: none;}
    .section-title h4 em {font-size: 40px;}
    .section-title p {margin-top: 5px;line-height: 1.8;}

    .in-pp {margin: -20px 0 0 -20px;}
    .in-pp li {width: 50%;}
    .in-pp li .wrap {margin: 20px 0 0 20px;}
    .in-pp li .img-cover {width: 80px;height: 80px;border-width: 5px;}
    .in-pp li h4 {font-size: 16px;margin-top: 15px;}
    .in-pp li p {height: 63px;overflow: hidden;}

    .in-honours li {width: 120px;margin-right: 15px;}
    .in-honours li .img-center {height: 61px;line-height: 61px;}

    .list-1 {margin: -10px 0 0 -10px;}
    .list-1 li {width: 50%;}
    .list-1 li a {margin: 10px 0 0 10px;}
    .list-1 li .img-center {/*height: 165px;line-height: 165px;*/}

    .in-prd dt {line-height: 44px;}
    .in-prd dd .list-1 {padding: 5px 15px 15px 5px;margin: 0;}
    .in-prd dd .list-1 .img-center {/*height: 150px;line-height: 150px;*/}

    .in-tel {text-align: center;}
    .in-tel h4 {float: none;font-size: 18px;}
    .in-tel p {float: none;margin-top: 10px;font-size: 14px;}
    .in-tel p strong {font-size: 30px;}

    .in-ys dt {float: none !important;width: auto;}
    .in-ys dt span {padding: 10px;font-size: 20px;top: -25px;}
    .in-ys dd {margin: 0 !important;padding: 15px 0 0 !important;}
    .in-ys dd h4 {font-size: 20px;}
    .in-ys dd h4 small {font-size: 12px;}
    .in-ys dd p {margin-top: 10px;}

    .in-desc h4 {font-size: 18px;}
    .in-desc p {font-size: 14px;}

    .list-2 {margin: -10px 0 0 -10px;}
    .list-2 li {width: 50%;}
    .list-2 li a {margin: 10px 0 0 10px;}
    .list-2 li p {font-size: 14px;}

    .in-about dl,.in-about dt {float: none;width: auto;}
    .in-about dd {margin: 0;}
    .in-about dd h4 {font-size: 20px;}
    .in-about dd p {margin-top: 10px;}
    .in-about dd .more {margin-top: 10px;}
    .in-about .swiper-container {float: none;margin: 30px auto 0;width: auto;}

    .in-news-left,.in-news-right {float: none;width: auto;}
    .in-news-left dt {width: 120px;}
    .in-news-left dd {margin-left: 130px;}
    .in-news-left dd h4 {font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .in-news-left dd p {margin-top: 5px;font-size: 12px;height: 42px;overflow: hidden;}
    .in-news-left dd span {margin-top: 5px;font-size: 12px;}
    .in-news-left li a {font-size: 14px;line-height: 40px;}
    .in-news-left li span {font-size: 12px;}
    .in-news-right {margin-top: 30px;}
    .in-news-right li h4 {font-size: 14px;}
    .in-news-right li h4 span {font-size: 12px;}
    .in-news-right li p {font-size: 12px;}

    .footer {padding-top: 30px;}
    .footer-info {float: none;width: auto;}
    .footer-info .logo {height: 40px;line-height: 40px;}
    .footer-info .tel {margin-top: 20px;}
    .footer dl {display: none;}
    .footer-copy {margin-top: 30px;}

    .banner-sub {height: 130px;}

    .ct2-sd {display: none;}
    .ct2-mn {float: none;width: auto;}

    .lm-tag {margin: -5px 0 20px -5px;}
    .lm-tag a {margin: 5px 0 0 5px;line-height: 34px;font-size: 14px;padding: 0 12px;}
 

    .content-title {margin-bottom: 15px;padding-bottom: 15px;}
    .content-title h1 {font-size: 18px;}
    .content-title p {margin-left: -5px;font-size: 12px;margin-top: 10px;}
    .content-title p span {margin-left: 5px;}
    .content-exp {margin-top: 15px;font-size: 12px;}

    .yunu-showcase {margin-bottom: 30px;}
    .pc-slide {float: none;width: auto;}
    .view .swiper-slide .img-center {height: 300px;line-height: 300px;}
    .yunu-showcase-info {margin: 20px 0 0;}
    .yunu-showcase-info h1 {margin-bottom: 20px;}
    .yunu-showcase-info p {margin-top: 10px;}
    .yunu-showcase-info p strong {font-size: 24px;}
    .yunu-showcase-info .tel {margin-top: 20px;}
    .yunu-showcase-info .tel a {line-height: 34px;font-size: 14px;}
    .yunu-showcase-info .tel a.ac {width: 140px;}
    .yunu-showcase-info .tel a.ac img {margin-top: 5px;margin-right: 7px;}

    .title-1 {margin-bottom: 20px;}
    .title-1 span {line-height: 34px;padding: 0 20px;font-size: 14px;}


    .news-list {margin-bottom: 0;}
    .news-list-left,.news-list-right {width: auto;float: none;}
    .news-list-right li .time {width: 60px;padding: 10px 0;}
    .news-list-right li .time strong {font-size: 24px;}
    .news-list-right li .text {margin-left: 75px;}
    .news-list-right li .text h4 {padding-top: 0;font-size: 14px;}
    .news-list-right li .text p {font-size: 12px;}

    .ca-news {margin-top: 20px;}
    .ca-news li {padding-bottom: 15px;margin-bottom: 15px;}

    .about-1 dt {float: none;width: auto;}
    .about-1 dd {margin: 20px 0 0;}
    .about-1 dd h4 {font-size: 20px;margin-bottom: 15px;}
    .about-1 dd h4:after {margin-top: 10px;width: 30px;}

    .about-2-bg:before {display: none;}
    .about-2 {margin: 0;padding: 0;}
    .about-2 h4 {float: none;font-size: 20px;}
    .about-2 h4:after {margin-top: 10px;width: 30px;}
    .about-2 ul {padding-left: 20px;}
    .about-2 li {margin-top: 15px;}

    .contact-wrap {padding: 0;background-color: transparent;margin: -30px 0;}
    .contact-wrap dl {padding: 30px 0;}
    .contact-wrap dt {font-size: 20px;margin-bottom: 20px;}
    .contact-wrap dt:after {margin-top: 10px;width: 30px;}

    .contact-info {float: none;width: auto;}
    .contact-info p {margin-top: 10px;}
    .contact-map {float: none;width: auto;margin-top: 20px;height: 200px;}

    .message form {margin-left: 0;margin-top: -15px;}
    .message .form-group {float: none;width: auto;margin: 15px 0 0;}
    .message .form-content {padding: 5px 15px;}
    .message .form-submit {height: 44px;}
    .yzm-box .yzm-pic {top: 5px;}

    .list-3 {margin: -15px 0 0 -15px;}
    .list-3 li {width: 50%;}
    .list-3 li a {margin: 15px 0 0 15px;}
    .list-3 li .text {padding: 10px;}
    .list-3 li .text h4 {font-size: 14px;}
    .list-3 li .text p {font-size: 12px;height: 63px;margin-top: 5px;}
}


/*麦 站 网分页样式*/
.pages{clear: both;margin:20px auto 20px auto; padding-top:30px; overflow: hidden; text-align: center;font-size:14px;  }
.pages ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pages ul li:hover{background:#004097;color:#fff;border: 1px solid #004097}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass{display: inline-block;border: 1px solid #004097;padding:6px 15px;margin: 0 1px;background: #004097;color: #fff;}
.pages ul li.thisclass a{color: #fff;}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color: #fff;}