/* public*/
* {
    padding: 0;
    margin: 0;
    font-family: "思源黑体";
}

li {
    list-style-type: none;
}

ul {
    padding-left: 0;
}

a {
    text-decoration: none;
    color: black;
}

.left {
    float: left;
}

.right {
    float: right;
}

/*宽度*/
.container {
    max-width: 1200px;
    margin: auto;
    width: 100%;
}

.pa {
    margin-bottom: 106px;
    display: table;
}

/* */

/* 头部 */

header {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1000;
}

.head {
    margin: auto;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.head>div {
    float: left;
}

.nav {
    display: block;
    width: 93%;
}

.nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav li {
    float: left;
    width: 11%;
    text-align: center;
}

.nav a:hover,.nav li.on a {
    color: #00a3cc;
}

.logo {
    width: 7%;


}

.logo img {
    width: 100%;
}

.tel {
    width: 20%;
    text-align: right;
}

.tel a {
    font-size: 14px;
    color: #606060;
}

.tel p {
    color: #0b86ff;
}

.tel span {
    font-style: italic;
    font-size: 30px;
}

.search {
    position: relative;
}

.search>img {
    width: 18%;
    cursor: pointer;
}

.search-box {
    position: absolute;
    top: 54px;
    right: 0;
    border: 1px solid #d9d9d9;
    z-index: 2;
    display: none;
}

.form-input {
    width: 328px;
    height: 50px;
    padding-left: 20px;
    outline: none;
    border: none;
}

.top-form-sbm {
    outline: none;
    width: 20%;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 81%;
    float: left;
    height: 50px;
    display: block;
    border: 0;
    background-size: 18px;
    background: url(../images/img_06.png) center center no-repeat;
}

/*  */

/* 友情链接 */
.link {
    line-height: 70px;
}

.link a {
    margin-right: 10px;
}

/* 底部 */
footer {
    background: #1b1b1b;
    display: block;
    width: 100%;
}

.foot .nav-w {
    width: 30%;
}

.foot .cont-w {
    width: 50%;

}

.foot .qr-w {
    width: 20%;
    text-align: right;
}

.foot-nav {
    width: 70%;
}

.foot-nav span,
.foot-cont span {
    color: #dfdfdf;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 66px;
}

.foot-nav a,
.foot-cont p {
    color: #bebebe;
    font-size: 14px;
    line-height: 32px;
}

.foot-nav a {
    display: inline-block;
    width: 26%;
}

.foot-cont {
    margin-left: 50px;
}

.qr-w img {
    margin-top: 11px;
    width: 110px;
    height: 110px;
}

.foot {
    padding: 35px 0;
    display: table;
}

.web a {
    color: #464646;
    line-height: 58px;
}

.cr {
    color: #464646;
    line-height: 60px;
    border-top: 1px solid #282828;
    text-align: center;
    font-size: 14px;
}
.cr a{
    color: #5d5d5d;
}

/*  */


/* 轮播图 */
.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner img {
    width: 100%;
}


.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* */


/* 内页导航栏目 */
.tab-nav {
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
}

.tab-nav ul {
    display: inline-block;
}

.tab-nav li {
    float: left;
    color: #5d5d5d;
    padding: 20px 10px;
    margin: 0 12px;
    cursor: pointer;
}

.tab-nav .act {
    color: #ff0000;
    border-bottom: 1px solid #ff0000;
}

.main {
    display: none;
    padding: 40px 0;
}

/*首页标题*/

.title {
    text-align: center;
    margin-bottom: 20px;
}

.big-tit {
    font-size: 26px;
    letter-spacing: 6px;
    color: #000;
}

.sub-tit {
    font-size: 14px;
    color: #848484;
    padding: 10px 0px 14px 0px;
    letter-spacing: 2px;
}

/* 首页产品展示 */
.tab {
    text-align: center;
    margin: 20px;
}

.tab ul {
    display: inline-block;
}

.tab li {
    border: 1px solid #e5e5e5;
    color: #9d9d9d;
    text-align: center;
    padding: 12px 29px;
    float: left;
    cursor: pointer;
}

.tab .active {
    background: #00a3cc;
    color: #fff;
    border: 1px solid;
}

.list {
    display: none;
}

.list ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.list li {
    width: 25%;
    float: left;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.list p{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.list .index-pro-a {
    display: block;
    width: 94%;
    margin: auto;
    position: relative;
    box-shadow: 0 0 1px 0 #000;
    height: 99%;
}

.list a img {
    width: 100%;
    display: block;
}

.list .list-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.list .list-con {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.list .list-con span {
    color: #fff;
    font-size: 32px;
    text-align: center;
}


.pro {
    width: 71%;
    padding: 104px 0;
}

.pro li p {
    text-align: center;
}


/* 定制流程 */
.lc li {
    float: left;
    width: 25%;
    text-align: center;
}

.lc img {
    max-width: 73px;
    max-height: 66px;
}

.lc {
    margin-top: 35px;
}

.lc p {
    line-height: 65px;
}

/* 品质面料 */
.pz li {
    width: 25%;
    float: left;
    text-align: center;
}

.pz li img {
    max-width: 276px;
    max-height: 157px;
}

/* 选择理由 */
.re li {
    float: left;
    width: 19%;
    padding: 15px 15px 28px 15px;
    border: 1px solid #d9d9d9;
    margin-left: 29px;
    background: #fff;
}



.re li img {
    width: 100%;
    height: 233px;
}

.re h3 {
    font-weight: normal;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
}

.re p {
    font-size: 14px;
    color: #636363;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.bg {
    background: #eeeeee;
    padding: 50px 0 2px 0;
}


/* 关于我们 */
.about-co {
    width: 59%;
    color: #606060;
    line-height: 36px;
}

.about-img {
    width: 30%;
    padding-top: 10px;
}

.about-img img {
    max-width: 286px;
    max-height: 201px;
}

.about-co a {
    /*color: #0b86ff;*/
    color: #00a3cc;
}

.about {
    padding-top: 78px;
}

/* 企业荣誉 */
.ho li{
float: left;
width: 23%;
height: 387px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-right: 18px;
}

.ho img{
    max-width: 100%;
max-height: 100%;
}

/* 合作客户 */
.ca li{
float: left;
width: 21%;
height: 200px;
padding: 10px;
margin: 10px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #e5e5e5;
}

.ca img{
    max-width:100%;
    max-height:100%;
}

/* 内页 内页切换*/
.main-act>a{
    /*border-left: 2px solid #0b86ff;*/
    border-left: 2px solid #00a3cc;
}

.main-li{
    width: 15%;
}

.main-li .main-li-item {
    margin: 8px 10px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    position: relative;
}
.main-li .main-li-item a{
    display: block;
}

.main-li .main-li-item>a{
    padding-left: 15px;
}

.main-li-item  .jt{
    position: absolute;
    right: 0;
    top: 14px;
    z-index: 100;
    transition: all 0.5s;
}

.main-li-item  .jt.on{
    transform: rotate(180deg);
}

.main-li .main-li-item>p{
    padding: 10px 0 0 30px;
}

.main-li .main-li-item>p a{
    padding: 5px 0;
    color: #666;
}

.main-li .main-li-item>p a.on{
    color: #000;
}

.main-li span{
    display: block;
    /*background: #0b86ff;*/
    background: #00a3cc;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.cont{
    width: 82%;
}

.content{
    display: none;
}

.ma{
    display: table;
    padding: 50px 0;
}

/*翻页*/
.pagelist {
    text-align: center;
    padding: 42px 0;
    clear: both;
}
.pagelist ul{
    display:table;
    margin: auto;
}

.pagelist li {
    border: 1px solid #c0c0c0;
    color: #c0c0c0;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
}
.pagelist li:last-child{
    margin-right: 0;
}
.pagelist li a{
    padding: 6px 14px;
    display: block;
    cursor: pointer;
}

.page a:last-child {
    width: 56px;
}

.pagelist li.am-active {
    /*border: 1px solid #0b86ff;*/
    border: 1px solid #00a3cc;
    /*color: #0b86ff;*/
    color: #00a3cc;
}


/* 内页产品展示 */
.product li{
    float: left;
    width: 32%;
    margin-left:1%;
    /*text-align: center;*/
    margin-bottom:60px;
    padding-bottom: 110px;
}

.product a{
    display: block;
    width: auto;
    overflow: hidden;
    box-shadow: 0 0 1px 0 #000;
    height: 99%;
}

.product img{
    width: 100%;
    /*height: 100%;*/
    display: block;
}
.product .line{
    /*border-left:3px solid #00a3cc;
    padding-left:10px;*/
    margin-top:10px;
    min-height: 75px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.product .title{
    line-height: 32px;
    color: #333;
    font-size: 20px;
    text-align: left;
    margin-bottom:0;
}
.product .description{
    color:#666;
}


.pro-dt {
    display: table;
    margin-bottom: 40px;
    float: right;
    width: 82%;
}

.pro-dt .pro-img{
    display: flex;
    flex-wrap: wrap;
    width: 52%;
}


/* 产品详情 */

.bread-nav {
    color: #5d5d5d;
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #eeeeee;
    font-size: 14px;
}

.bread-nav a {
    color: #5d5d5d;
    margin-right: 10px;
}

.pro-ct h2 {
    font-weight: normal;
    margin-bottom: 10px;
}

.pro-ct span {
    color: #ff0000;
    font-size: 20px;
}

.pro-ct p {
    color: #6f6f6f;
    line-height: 28px;
}

.pro-ct {
}

.pro-ct .pro-btn a:first-child {
    display: inline-block;
    padding: 1px 50px;
    color: #6f6f6f;
    border: 1px solid #6f6f6f;
    margin-right: 10px;
}

.pro-ct .pro-btn a:nth-child(2) {
    display: inline-block;
    padding: 1px 50px;
    color: #fff;
    background: #1b1b1b;
    border: 1px solid #1b1b1b;
}

.pro-ct .pro-btn {
    margin-top: 20px;
}

.dt-main {
    padding: 35px 0;
    overflow: hidden;
    margin-top: 42px;
}
.dt-main img{
    max-width: 100%;
}

.dt-main h2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

/* 新闻资讯 */
.news .left{
    font-size: 24px;
    width: 85%;
}

.news .right{
    width: 100px;
    font-size: 14px;
    background: #f5f5f5;
    color: #666;
    text-align: center;
    padding: 20px 0;
}

.news li{
    display: flow-root;
    padding: 20px 0;
    border-bottom: 1px dashed #acacac;
    cursor: pointer;
    
}

.news .ne-act{
    color:#00a3cc;
}

.news .ne-act02{
background: #00a3cc;
color: #fff;
}

/* 内页新闻详情 */
.news-dt h3 {
    text-align: center;
}

.news-dt p {
    line-height: 40px;
    color: #3d3d3d;
}

.atc-li {
    height: 64px;
    padding: 36px 20px;
}

.atc-li .left a {
    color: #3d3d3d;
    line-height: 32px;
    font-size: 14px;
}

.atc-li .right a {
    display: inline-block;
    padding: 6px 16px;
    color: #fff;
    background: #626262;
    margin-top: 16px;
}

/* 应用案例 */
.case li{
    width: 48%;
    float: left;
    margin-bottom: 35px;
    background: #F2F2F1;
    padding-bottom: 20px;
    /*height: 450px;*/
}
.case li:nth-child(2n-1){
    margin-right: 2%;
}

.case img{
    width: 100%;
    height: 297px;
}

.case .title{
    text-align: left;
    line-height: 32px;
    color: #7f7f7f;
    font-size: 20px;
    margin-top: 10px;
    margin-left: 20px;
    padding-left: 10px;
    border-left: 3px solid #00a3cc;
}
.case .description{
    min-height: 65px;
    padding:0 10px;
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #666666;
}

/* 公司介绍 */
.ab{
    line-height: 40px;
    color: #3d3d3d;
}

.honor li{
    width: 23%;
    height: 314px;
    margin-bottom: 30px;
}

.ab-w img{
max-width: 90%;
}

.contact{
    line-height: 40px;
    color: #3d3d3d;
}

.case video{
    width: 100%;
    height: 100%;
    display: block;
}

.dingzhi_fm {
    width: 580px;
    margin: 0 auto;
}
.mt_70 {
    margin-top: 70px;
}
.clr_6 {
    color: #666;
}
.f_14 {
    font-size: 14px;
}
.mt_10 {
    margin-top: 10px;
}
.ipt1 {
    border: 1px solid #e5e5e5;
    padding: 12px;
    width: 580px;
    outline: none;
}
.mt_20 {
    margin-top: 20px;
}
.bg_0 {
    background: #000;
}
.mt_30 {
    margin-top: 30px;
}
.border0 {
    border: 0;
}
.clr_f {
    color: #fff;
}

.download li .down{
    color: #666;
    margin-right: 50px;
    float: right;
}
.download li span.time{
    float: right;
}
.news.download .left{
    font-size: 16px;
    width: auto;
}
.news.download li.ne-act{
    color: initial;
}
.news.download li .down:hover{
    color: #00a3cc;
}
.phone-show{
    display: none;
}
.con img,.content img{
    max-width: 100%;
}




.products li{
    width:48%;
    float: left;
    height: 500px;
    overflow: hidden;
    margin-top:1%;
    position: relative;
}
.products li img{
    width:100%;
}
.products li:nth-child(4n-2){
    margin-left:1%;
}
.products li:nth-child(4n){
    margin-left:1%;
}
.products li .title{
    position: absolute;
    height: 200px;
    width:200px;
    background: rgba(0,163,204,0.5);
    margin-bottom:0;
    margin-top:0;
    text-align: center;
    line-height: 200px;
}
.products li .title a{
    color:#fff;
    font-size: 22px;
    font-weight: bold;
}
@keyframes title1
{
    from {
        transform: rotate(-90deg);
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes title2
{
    from {
        transform: rotate(90deg);
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes title3
{
    from {
        transform: rotate(90deg);
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes title4
{
    from {
        transform: rotate(-90deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.products li:nth-child(4n-3) .title{
    right:0;
    bottom:0;
    animation: title1 1s;
}
.products li:nth-child(4n-2) .title{
    left:0;
    bottom:0;
    animation: title2 1s;
}
.products li:nth-child(4n-1) .title{
    right:0;
    top:0;
    animation: title3 1s;
}
.products li:nth-child(4n) .title{
    left:0;
    top:0;
    animation: title4 1s;
}
.product li{
    position: relative;
}
.product .label{
    position: absolute;
    top:50%;
    left:0;
    background: rgba(0,163,204,0.7);
    color:#fff;
    padding:5px 15px;
}
.case li{
    position: relative;
}
.case .label{
    position: absolute;
    top:50%;
    left:0;
    background: rgba(0,163,204,0.7);
    color:#fff;
    padding:5px 15px;
}
.case li img{
    animation: showCase 2s;
}
@keyframes showCase
{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media screen and (max-width: 1024px){
    body{
        font-size: 14px;
    }
    .phone-show{
        display: inherit;
    }
    .head{
        width: 100%;
        display: block;
    }
    .logo {
        width: 23%;
        margin-left: 15px;
    }
    .logo img{
        max-height: 40px;
        width: auto;
    }
    .nav{
        width: auto;
        float: right !important;
        margin-right: 15px;
        position: relative;
    }
    .nav ul{
        display: none;
    }
    .nav.open ul{
        display: block;
        position: fixed;
        width: 90%;
        top: 54px;
        z-index: 100;
        left: 0;
        background: #fff;
        border-top: 1px solid #ddd;
        padding: 10px 5%;
        border-bottom: 1px solid #ddd;
    }
    .nav li.search{
        display: none;
    }
    .head .tel{
        display: none;
    }
    .nav-menu{
        position: relative;
        width: 40px;
        height: 30px;
        margin-top: 3px;
    }
    .nav-menu span{
        position: absolute;
        display: block;
        height: 3px;
        border-radius: 15px;
        background: #ddd;
        width: 100%;
        transition: all 0.5s;
    }
    .nav-menu span:nth-of-type(2){
        top: 42%;
    }
    .nav-menu span:nth-of-type(3){
        bottom: 0;
    }
    .nav.open .nav-menu span:first-child{
        transform: translateY(14px) rotate(-45deg);
    }
    .nav.open .nav-menu span:nth-of-type(2){
        width: 0;
    }
    .nav.open .nav-menu span:last-child{
        transform: translateY(-14px) rotate(45deg);
    }
    .nav li{
        float: none;
        width: 100%;
        text-align: left;
        line-height: 40px;
    }
    .banner{
        display: none;
    }
    .banner-phone{
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    .banner-phone .swiper-slide img{
        display: block;
        width: 100%;
    }
    .container{
        width: 100%;
    }
    .pro{
        padding: 15px 0;
    }
    .big-tit {
        font-size: 20px;
        letter-spacing: 4px;
    }
    .sub-tit {
        font-size: 13px;
        padding: 5px 0 5px 0;
    }
    .tab{
        margin: 10px;
        overflow: auto;
    }
    .tab li {
        padding: 5px 10px;
        margin-right: 5px;
        font-size: 14px;
    }
    .pro{
        width: 96%;
        padding: 0 2%;
    }
    .pa{
        width: 96%;
        padding: 0 2%;
        margin-bottom: 15px;
        display: block;
    }
    .ab .left{
        width: 100%;
        float: none;
        line-height: 30px;
    }
    .ab .right{
        width: 100%;
        padding: 0;
        height: auto;
    }
    .right-fixed{
        display: none;
    }
    .vd-img{
        width: 100%;
        float: none;
    }
    .vd-img li{
        height: 95px;
    }
    .vd{
        width: 96%;
        height: auto;
        float: none;
        padding: 0 2%;
    }
    .vd video{
        width: 100%;
    }
    .ne{
        overflow: hidden;
        display: block;
    }
    .list-news{
        width: 100%;
        margin: 20px 0;
        padding: 0;
        height: auto;
        margin-bottom: 0;
        float: none;
    }
    .list-news:last-child{
        margin-bottom: 20px;
    }
    .vd-nav{
        margin: 10px 0;
    }
    footer{
        overflow: hidden;
    }
    .title{
        margin-top: 30px;
    }
    .list-m li{
        max-width: 50%;
        width: 49%;
        margin-right: 0;
        height: 80px;
        margin-bottom: 10px;
        box-shadow: 0 0 1px 0 #ddd;
    }
    .list-m li:nth-of-type(even){
        margin-left: 2%;
    }
    .list-m img{
        height: auto;
        max-height: 80px;
    }
    .list-news .tit{
        padding: 16px 2%;
        margin-bottom: 5px;
    }
    .list-news .tit span{
        font-size: 18px;
    }
    .list-news .tit a{
        line-height: 26px;
        font-size: 14px;
    }
    .list-news .ne-tit{
        width: 70%;
    }
    .list-news a{
        width: 96%;
        padding: 0 2%;
        line-height: 35px;
        overflow: hidden;
    }
    .link{
        width: 96%;
        padding: 0 2%;
    }
    .foot{
        width: 96%;
        padding: 15px 2%;
    }
    .foot .nav-w{
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .foot-nav{
        width: 100%;
    }
    .foot .cont-w{
        width: 100%;
        float: none;
    }
    .foot-cont{
        margin-left: 0;
    }
    .foot-nav span, .foot-cont span{
        line-height: 35px;
    }
    .foot .qr-w{
        width: 100%;
        float: none;
        text-align: left;
    }
    .web{
        width: 96%;
        padding: 0 2%;
    }
    .cr{
        line-height: 24px;
        padding: 15px 0;
    }
    .inner-banner{
        display: block;
    }
    .inner-banner img{
        width: 300%;
        margin-left: -100%;
    }
    .con{
        padding: 0 2%;
        line-height: 30px;
    }
    .main{
        padding: 15px 0;
    }
    .video-li{
        overflow: hidden;
        padding: 0 2%;
    }
    .video-li li{
        width: 49%;
        margin: 0;
        height: 155px;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .video-li li:nth-of-type(even){
        margin-left: 2%;
    }
    .con iframe{
        max-width: 100%;
    }
    .tab-nav li{
        margin: -5px 0;
    }
    .main .tab li{
        padding: 5px;
    }
    .list li{
        width: 50%;
        margin-bottom: 25px;
    }
    .pagelist li.total{
        display: none;
    }
    .bread-nav{
        display: none;
    }
    .pro-dt{
        margin-top: 0;
        display: block;
    }
    .gallery-top{
        width: 100% !important;
    }
    .pro-img{
        float: none;
    }
    .prod-d.pa{
        padding: 0;
        width: 100%;
    }
    .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{
        display: none !important;
    }
    .gallery-thumbs{
        display: none;
    }
    .pro-ct{
        margin-left: 0;
        float: none;
        width: 96%;
        padding: 0 2%;
    }
    .pro-ct p{
        line-height: 30px;
    }
    .pro-ct h2{
        line-height: 45px;
        border-bottom: 1px solid #ddd;
    }
    .dt-main{
        padding: 15px 2%;
        margin-top: 0;
    }
    .news-li{
        height: auto;
        padding: 10px 2% 0 100px;
        position: relative;
        min-height: 80px;
    }
    .news-img{
        float: none;
        position: absolute;
        left: 10px;
        width: 80px;
    }
    .news-img img{
        max-width: 100%;
    }
    .news-co{
        width: auto;
        float: none;
        padding: 0 0 15px 0;
    }
    .news-tit .left{
        width: 100%;
        float: none;
        font-size: 16px;
        display: block;
    }
    .news-tit .right{
        display: none;
    }
    .news-tit{
        height: auto;
    }
    .news-co .ar{
        line-height: 20px;
        -webkit-line-clamp: 2;
    }
    .nav li a{
        display: block;
        font-size: 16px;
    }
    .lc ul{
        overflow: hidden;
    }
    .lc img{
        height: 40px;
    }
    .lc p {
        line-height: 35px;
    }
    .bg{
        padding: 30px 0 2px 0;
    }
    .title2{
        margin-top: 0;
    }
    .pz ul{
        overflow: hidden;
    }
    .pz li{
        width: 24%;
        height: 100px;
        margin-bottom: 10px;
        overflow: hidden;
        margin-right: 1%;
    }
    .pz li img{
        max-width: 100%;
        display: block;
    }
    .re ul{
        overflow: hidden;
    }
    .re ul li{
        width: 40%;
        margin: 0;
        padding: 3% 3% 5% 3%;
        margin-bottom: 20px;
        overflow: hidden;
        height: 483px;
    }
    .re ul li:nth-of-type(even){
        float: right;
    }
    .about-co{
        width: 100%;
        float: none;
    }
    .about-img{
        float: none;
        width: 100%;
    }
    .ho ul{
        overflow: hidden;
    }
    .ho li{
        width: 49%;
        height: 250px;
        margin-right: 0;
    }
    .ho li:nth-of-type(even){
        float: right;
    }
    .ca ul{
        overflow: hidden;
    }
    .ca li{
        max-width: 50%;
        width: 44%;
        margin: 0;
        height: 80px;
        margin-bottom: 10px;
        padding: 2%;
    }
    .ca li:nth-of-type(even){
        float: right;
    }
    .ma.pa{
        overflow: hidden;
    }
    .main-li{
        float: none;
        width: 100%;
    }
    .cont{
        width: 100%;
        float: none;
    }
    .product ul{
        overflow: hidden;
    }
    .product a{
        width: 100%;
    }
    .product li{
        width: 49%;
        margin-bottom: 35px;
    }
    .product li:nth-of-type(even){
        float: right;
    }
    .phone-ma{
        padding: 20px 0;
        display: block;
    }
    .dingzhi_fm{
        width: 90%;
    }
    .ipt1{
        width: 98%;
    }
    .dingzhi_fm .mt_70{
        margin-top: 20px;
    }
    .phone-news{
        display: block;
        padding: 0;
    }
    .main-li p{
        padding: 10px;
    }
    .news li{
        padding: 10px;
    }
    .news .left{
        font-size: 14px;
        width: 75%;
    }
    .news .right{
        display: none;
    }
    .news .right.phone-show{
        width: auto;
        background: none;
        padding: 0;
        display: block;
    }
    .phone-case{
        display: block;
        padding: 0;
    }
    .case li{
        width: 48%;
        margin-right: 0;
    }
    .case img{
        height: auto;
    }
    .case ul{
        padding: 0 2%;
        overflow: hidden;
    }
    .case li:nth-of-type(even){
        float: right;
    }
    .phone-page,.phone-download,.phone-video{
        display: block;
        padding: 0;
    }
    .ab.content{
        padding: 0 2%;
    }
    .phone-video .content ul{
        margin-top: 10px;
    }
    .re li img{
        height: auto;
        display: block;
    }
    .main-li span{
        font-size: 16px;
    }
    .pro-img .swiper-slide{
        background-size: auto 100%;
        background-position: center top;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 800px){
    .case .label{
        top:30%;
    }
    .case .title{
        font-size: 16px;
    }
    .products li{
        height: 300px;
    }
    .products li .title{
        width: 150px;
        height: 150px;
        line-height: 150px;
    }
    .products li .title a{
        font-size: 16px;
    }
    .product a{
        height: 400px;
    }
}


@media screen and (max-width: 640px){
    .product a{
        height: 300px;
    }
    .products li{
        height: 200px;
    }
    .products li .title{
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .products li .title a{
        font-size: 14px;
    }
    .pz li{
        width: 49%;
        margin-right: 0;
    }
    .pz li:nth-of-type(even){
        float: right;
    }
    .re ul li{
        float: none;
        width: 94%;
        margin: 0;
        padding: 3% 3% 5% 3%;
        margin-bottom: 20px;
        height: auto;
    }
}