@charset "utf-8";
a:focus {
outline:none;
-moz-outline:none;
}
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f27914;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:14px;list-style:none;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:4px 0 2px 15px;color:#f27914;font-size:14px;}
#floatDivBoxs .floatDtel img{display:block;}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;background:#f27914; color: #fff; width: 100%; text-align: center; border-right:1px solid #fe8e31;}
#rightArrow a i{font-size: 36px;}
.swiper-container .swiper-bg .swiper-img-bg .swiper-content {background: rgba(0,0,0,.3);}
.swiper-container .swiper-bg .swiper-img-bg .swiper-content a {text-align: center;}
.swiper-container .swiper-bg .swiper-img-bg .swiper-content a,.swiper-container .swiper-bg .swiper-img-bg .swiper-content a h2,.swiper-container .swiper-bg .swiper-img-bg .swiper-content a .swiper-txt{color: #fff;}
.i-pro .container .i-pro-content .i-pro-detail .i-pro-more-btn {margin-top:10px;}
.i-honor .container .i-honor-content .i-honor-icon .i-honor-info .i-honor-icon-wh {height: 120px;}
.i-honor .container .i-honor-content .i-honor-icon .i-honor-info .i-honor-icon-wh img {max-height: 100px;}
.n-news .news-wapper .news-item .n-i-content {text-indent: 0 !important;}

/*pages*/
.pagination-wrapper{margin:5px 0; text-align: center;}
.pagination{height:38px;text-align:center; font-weight:500 !important;}
.pagination li{float:left !important;display:inline-block;margin-right:10px;height:36px;line-height:36px;padding:0 14px;font-size:14px;color:#111;text-decoration:none; border-radius:2px;}
.pagination li a{padding:0!important; border:0!important; background: none!important; color: #111; display: inline-block; line-height: 36px;}
.pagination li:hover{background:#f27914;color:#fff;}
.pagination li:hover a,.pagination li:hover span {background:none !important;color:#fff;}
.pagination li.thisclass{background:#f27914;color:#fff;}
.pagination li span {padding:3px 0!important; border:0!important; background:none !important; color: #666 !important;}
.pagination li:first-child {background-color:#f8f8f8; color: #111;}
.pagination li select{display:inline-block;height: 34px;padding: 0 3px; border-radius:2px;}
.pagination li:last-child:hover {background: none; color: #f27914;}

@media screen and (min-width:320px) and (max-width:399px) {
    .news-item {
        width: 100% !important
    }

    .news-item .n-i-content {
        -webkit-line-clamp: 2 !important
    }

    .n-detail {
        margin: 10px 20px !important
    }

    .n-detail .n-d-title {
        margin-bottom: 20px !important
    }

    .n-detail .n-d-img {
        height: 200px !important
    }

    .n-detail .n-d-tags {
        text-align: left !important
    }

    .n-detail .n-d-tags .tags-item {
        margin: 4px !important
    }

    .s-detail .n-d-tags {
        text-align: left !important
    }

    .s-detail .n-d-tags .tags-item {
        margin: 4px !important
    }

    .n-news {
        margin: 10px 0px !important;
        padding:30px 0px;
    }

    .p-products .p-i-wapper {}

    .p-products .p-i-layer {
        height: 120px !important
    }

    .p-products .p-i-layer .p-i-title {
        margin: 20px 0 18px !important
    }

    .p-popover .p-detail {
        width: 90vw !important;
        height: auto !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important
    }

    .p-popover .p-detail .detail-img {
        width: 100% !important;
        height: 45vw !important
    }

    .p-popover .p-detail .p-info {
        width: 100% !important;
        height: 80vw !important;
        padding: 30px 20px 0 !important
    }

    .p-popover .p-detail .p-info .p-bigtitle {
        margin-bottom: 20px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }

    .p-popover .p-detail .p-info .p-subtitle {
        margin-bottom: 10px !important;
        font-size: 20px !important;
        line-height: 24px !important
    }

    .p-popover .p-detail .p-info .p-content {
        padding-right: 8px !important;
        height: 90px !important
    }

    .p-popover .p-detail .p-info .p-index {
        bottom: 10px !important
    }

    .s-content {
        padding: 0 30px 50px
    }

    .s-detailmf {
        padding-top: 30px
    }

    .s-content .desc-wrap {
        padding: 30px 0 50px !important
    }

    .s-content .desc-wrap .main-info {
        margin-top: 10px !important;
        padding-right: 0 !important
    }

    .s-content .desc-wrap .main-info .s-title {
        font-size: 28px !important;
        margin-bottom: 20px !important
    }

    .s-content .desc-wrap .sub-info {
        margin-top: 10px !important
    }

    .s-content .desc-wrap .sub-info .s-number {
        font-size: 36px !important
    }

    .s-content .desc-wrap .sub-info .s-detail {
        margin-top: 6px !important
    }

    .s-content .item-img {
        height: 160px !important
    }
}

@media screen and (min-width:320px) and (max-width:499px) {
    .swiper-container .swiper-bg .swiper-img-bg .swiper-content h2 {
        font-size: 20px;
        margin-bottom: 2px
    }

    .swiper-container .swiper-bg .swiper-img-bg .swiper-content .swiper-txt {
        font-size: 14px
    }

    .i-about .container .i-a-slogan .i-a-slogan-title {
        font-size: 18px
    }

    .i-about .container .i-a-slogan .i-a-slogan-txt,
    .i-about .container .i-a-slogan .i-a-slogan-more a {
        font-size: 14px
    }

    .i-about .container,
    .i-honor .container .i-honor-content,
    .i-partner .container .i-partner-content,
    .a-team .container .a-team-content,
    .a-super .container .a-super-content,
    .contact-info .container {
        padding: 50px 0
    }

    .i-contact .container .i-contact-content {
        padding: 50px
    }

    .i-about .container .i-a-four {
        margin-top: 40px
    }

    .i-about .container .i-a-four .row .i-a-four-content {
        padding: 0 30px
    }

    .i-pro-detail h3,
    .i-honor-slogan h3,
    .i-partner-slogan h3 {
        font-size: 18px
    }

    .i-partner .container .i-partner-content .i-partner-slogan h6 {
        font-size: 14px;
        padding: 0 20px
    }

    .i-contact .container .i-contact-content h2 {
        font-size: 18px;
        line-height: 24px
    }

    .i-contact .container .i-contact-content .i-contact-btn a {
        font-size: 14px;
        padding: 12px 18px
    }

    .footer-mar-t:nth-child(3),
    .footer-mar-t:nth-child(4) {
        margin-top: 20px
    }

    #footer .footer-share h4 {
        text-align: left
    }

    #footer .footer-share ul {
        float: left
    }

    .footer-share {
        margin-top: 30px
    }

    .banner-bg-img .banner-bg-content h3 {
        font-size: 18px;
        margin-bottom: 0
    }

    .banner-bg-content div {
        font-size: 12px
    }

    .banner-bg-img .banner-bg-content {
        padding: 6px 23px
    }

    .a-team .container .a-team-content h2,
    .a-super .container .a-super-content h2,
    .a-img1 .container .a-img1-bg .a-img1-content h2,
    .a-img2 .container .a-img2-bg .a-img2-content h2 {
        font-size: 18px
    }

    .a-team .container .a-team-content .a-team-txt {
        margin: 20px 0 30px
    }

    .a-team-mar:not(:nth-child(1)) {
        margin-top: 15px
    }

    .a-img1 .container .a-img1-bg .a-img1-content,
    .a-img2 .container .a-img2-bg .a-img2-content {
        margin: 0 auto
    }

    .a-img1 .container .a-img1-bg .a-img1-content,
    .a-img2 .container .a-img2-bg .a-img2-content {
        padding: 20px
    }

    #form .container .contact-form {
        margin: 50px auto
    }
}

@media screen and (max-width:450px) {
    .i-partner-icon .col-xs-6 {
        width: 100%
    }
}

@media screen and (max-width:550px) {
    #footer .footer-info .footer-copyright .footer-info-left {
        float: none;
        text-align: center
    }

    #footer .footer-info .footer-copyright .footer-info-right {
        float: none;
        text-align: center
    }

    #footer .footer-info .footer-copyright {
        height: auto
    }

    #footer .footer-info .footer-copyright .footer-info-right li {
        margin: 6px 4px
    }

    #form .contact-form .col-xs-6 {
        width: 100%
    }

    #form .container .contact-form .form-btn {
        float: left;
        margin-right: 0;
        margin-left: 15px
    }
}

@media screen and (min-width:400px) and (max-width:499px) {
    .news-item {
        width: 100% !important
    }

    .n-detail {
        margin: 30px 50px !important
    }

    .n-detail .n-d-img {
        height: 280px !important
    }

    .n-detail .n-d-tags {
        text-align: left !important
    }

    .n-detail .n-d-tags .tags-item {
        margin: 4px !important
    }

    .s-detail .n-d-tags {
        text-align: left !important
    }

    .s-detail .n-d-tags .tags-item {
        margin: 4px !important
    }

    .n-news {
        margin: 30px !important
    }

    .p-popover .p-detail {
        width: 90vw !important;
        height: auto !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important
    }

    .p-popover .p-detail .detail-img {
        width: 100% !important;
        height: 45vw !important
    }

    .p-popover .p-detail .p-info {
        width: 100% !important;
        height: 70vw !important;
        padding: 30px 20px 0 !important
    }

    .p-popover .p-detail .p-info .p-bigtitle {
        margin-bottom: 20px !important
    }

    .p-popover .p-detail .p-info .p-subtitle {
        margin-bottom: 10px !important
    }

    .p-popover .p-detail .p-info .p-content {
        padding-right: 8px !important;
        height: 90px !important
    }

    .p-popover .p-detail .p-info .p-index {
        bottom: 10px !important
    }

    .s-content {
        padding: 0 30px 50px
    }

    .s-content .desc-wrap {
        padding: 30px 0 50px !important
    }

    .s-content .desc-wrap .main-info {
        margin-top: 10px !important;
        padding-right: 0 !important
    }

    .s-content .desc-wrap .main-info .s-title {
        font-size: 28px !important;
        margin-bottom: 20px !important
    }

    .s-content .desc-wrap .sub-info {
        margin-top: 10px !important
    }

    .s-content .desc-wrap .sub-info .s-number {
        font-size: 36px !important
    }

    .s-content .desc-wrap .sub-info .s-detail {
        margin-top: 6px !important
    }

    .s-content .item-img {
        height: 200px !important
    }
}

@media screen and (min-width:500px) and (max-width:639px) {
    .n-detail {
        margin: 30px 50px !important
    }

    .n-detail .n-d-img {
        height: 280px !important
    }

    .n-news {
        margin: 30px !important
    }

    .p-popover .p-detail {
        width: 90vw !important;
        height: auto !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important
    }

    .p-popover .p-detail .detail-img {
        width: 100% !important;
        height: 45vw !important
    }

    .p-popover .p-detail .p-info {
        width: 100% !important;
        height: 50vw !important;
        padding: 30px 20px 0 !important
    }

    .p-popover .p-detail .p-info .p-bigtitle {
        margin-bottom: 20px !important
    }

    .p-popover .p-detail .p-info .p-subtitle {
        margin-bottom: 10px !important
    }

    .p-popover .p-detail .p-info .p-content {
        padding-right: 8px !important;
        height: 90px !important
    }

    .p-popover .p-detail .p-info .p-index {
        bottom: 20px !important
    }

    .s-content {
        padding: 0 30px 50px
    }

    .s-content .desc-wrap {
        padding: 30px 0 50px !important
    }

    .s-content .desc-wrap .main-info {
        margin-top: 10px !important;
        padding-right: 0 !important
    }

    .s-content .desc-wrap .main-info .s-title {
        font-size: 28px !important;
        margin-bottom: 20px !important
    }

    .s-content .desc-wrap .sub-info {
        margin-top: 10px !important
    }

    .s-content .desc-wrap .sub-info .s-number {
        font-size: 36px !important
    }

    .s-content .desc-wrap .sub-info .s-detail {
        margin-top: 6px !important
    }

    .s-content .item-img {
        height: 300px !important
    }
}

@media screen and (min-width:640px) and (max-width:767px) {
    .n-detail {
        margin: 30px 100px !important
    }

    .n-detail .n-d-img {
        height: 280px !important
    }

    .n-news {
        margin: 30px 80px !important
    }

    .n-news .news-item {
        width: 50% !important
    }

    .p-popover .p-detail {
        width: 80vw !important;
        height: auto !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important
    }

    .p-popover .p-detail .detail-img {
        width: 100% !important;
        height: 40vw !important
    }

    .p-popover .p-detail .p-info {
        width: 100% !important;
        height: 40vw !important;
        padding: 30px 20px 0 !important
    }

    .p-popover .p-detail .p-info .p-bigtitle {
        margin-bottom: 20px !important
    }

    .p-popover .p-detail .p-info .p-subtitle {
        margin-bottom: 10px !important
    }

    .p-popover .p-detail .p-info .p-content {
        padding-right: 8px !important;
        height: 90px !important
    }

    .p-popover .p-detail .p-info .p-index {
        bottom: 20px !important
    }

    .s-content .desc-wrap {
        padding: 50px 30px 70px !important
    }

    .s-content .desc-wrap .main-info {
        margin-top: 10px !important;
        padding-right: 0 !important
    }

    .s-content .desc-wrap .main-info .s-title {
        font-size: 28px !important;
        margin-bottom: 20px !important
    }

    .s-content .desc-wrap .sub-info {
        margin-top: 10px !important
    }

    .s-content .desc-wrap .sub-info .s-number {
        font-size: 36px !important
    }

    .s-content .desc-wrap .sub-info .s-detail {
        margin-top: 6px !important
    }

    .s-content .item-img {
        height: 360px !important
    }
}

@media screen and (min-width:500px) and (max-width:991px) {
    .swiper-container .swiper-bg .swiper-img-bg .swiper-content h2 {
        font-size: 30px
    }

    .swiper-container .swiper-bg .swiper-img-bg .swiper-content .swiper-txt {
        font-size: 16px
    }

    .i-about .container .i-a-slogan .i-a-slogan-title {
        font-size: 20px
    }

    .i-about .container .i-a-slogan .i-a-slogan-txt,
    .i-about .container .i-a-slogan .i-a-slogan-more a {
        font-size: 14px
    }

    .i-about .container,
    .i-honor .container .i-honor-content,
    .i-partner .container .i-partner-content,
    .i-contact .container .i-contact-content,
    .a-team .container .a-team-content,
    .a-super .container .a-super-content,
    .contact-info .container {
        padding: 50px 0
    }

    .i-about .container .i-a-four {
        margin-top: 40px
    }

    .i-about .container .i-a-four .row .i-a-four-content {
        padding: 0 30px
    }

    .i-pro-detail h3,
    .i-honor-slogan h3,
    .i-partner-slogan h3 {
        font-size: 20px
    }

    .i-partner .container .i-partner-content .i-partner-slogan h6 {
        font-size: 14px;
        padding: 0 20px
    }

    .i-contact .container .i-contact-content h2 {
        font-size: 20px;
        line-height: 26px
    }

    .i-contact .container .i-contact-content .i-contact-btn a {
        font-size: 14px;
        padding: 12px 18px
    }

    .footer-mar-t:nth-child(3),
    .footer-mar-t:nth-child(4) {
        margin-top: 20px
    }

    #footer .footer-share h4 {
        text-align: left
    }

    #footer .footer-share ul {
        float: left
    }

    .footer-share {
        margin-top: 30px
    }

    .banner-bg-content h3 {
        font-size: 20px
    }

    .banner-bg-content div {
        font-size: 14px
    }

    .banner-bg-img .banner-bg-content {
        padding: 8px 40px
    }

    .a-team .container .a-team-content h2,
    .a-super .container .a-super-content h2,
    .a-img1 .container .a-img1-bg .a-img1-content h2,
    .a-img2 .container .a-img2-bg .a-img2-content h2 {
        font-size: 20px
    }

    .a-team .container .a-team-content .a-team-txt {
        margin: 20px 0 30px
    }

    .a-team-mar:not(:nth-child(1)) {
        margin-top: 15px
    }

    .a-img1 .container .a-img1-bg .a-img1-content,
    .a-img2 .container .a-img2-bg .a-img2-content {
        margin: 0 auto
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .n-detail {
        margin: 30px 100px !important
    }

    .n-news {
        margin: 30px 80px !important
    }

    .p-popover .p-detail {
        width: 760px !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important
    }

    .s-content .desc-wrap {
        padding: 50px 30px 70px !important
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .n-detail {
        margin: 30px 100px !important
    }

    .n-news {
        margin: 30px 80px !important
    }
}

@media screen and (max-width:767px) {
    .header-nav ul {
        display: none
    }

    .phone-icon {
        display: block
    }
}

@media screen and (max-width:991px) {
    .i-pro .i-pro-pad:not(:first-child) {
        margin-top: 20px
    }

    .i-pro .container .i-pro-content .i-pro-detail {
        padding: 120px 40px
    }
}

@media screen and (min-width:992px) {
    /*.i-pro .i-pro-pad:nth-child(1) {
        padding-right: 7.5px
    }

    .i-pro .i-pro-pad:nth-child(2) {
        padding-left: 7.5px
    }*/

    .i-pro .i-pro-pad:nth-child(3),.i-pro .i-pro-pad:nth-child(4) {
        margin-top:20px
    }

    .i-about .container .i-a-four .row .i-a-four-content {
        max-width: 220px
    }
}