/* 热销专区 */
.hot { background-color: #f5f5f5; }
.hot .con .head { padding-top: .40rem; margin-bottom: .25rem; }
.hot .con .carousel{width:12rem;height:2.20rem;}
.product { background: url(../images/probg.jpg) no-repeat; background-size: 100%; padding-bottom: .30rem; }

/* .carousel { height: 3.00rem; } */
.showcon .showcon1:first-child { margin-left: .20rem; }
.showcon .showcon1:last-child { margin-right: .20rem; }
.showcon .showcon1 .img { width: 2.33rem !important; height: 1.73rem !important; }
.showcon1 { display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; width: 2.33rem; height: 1.73rem; justify-content: center; align-items: start; position: relative; }
.showcon { display: -ms-flex; display: flex; display: -moz-flex; display: -webkit-flex; align-items: center; overflow: hidden; height: 2.60rem; justify-content: space-around; }
.showcon .showcon1:hover .bot { opacity: 1; transition: opacity 1s; -moz-transition: opacity 1s; /* Firefox 4 */ -webkit-transition: opacity 1s; /* Safari and Chrome */ -o-transition: opacity 1s; /* Opera */ }
.showcon .showcon1 .bot { width: 1.90rem; height: .30rem; position: absolute; bottom: .15rem; opacity: 0; left: .215rem; }
.showcon .showcon1 .bot .ckxq-img { width: 100%; display: block; }

/* 箭头样式 */
.carousel .mip-carousel-preBtn { background: url('../images/jtleft.png') no-repeat left; }
.carousel .mip-carousel-nextBtn { background: url('../images/jtright.png') no-repeat right; }
.carousel .mip-carousel-preBtn, .carousel .mip-carousel-nextBtn { display: block !important; }
.carousel .mip-carousel-indicator-wrapper { display: none; }

/* 热销产品 */
.product .con .head { padding-top: .40rem; }
.product .con .navli { width: 12rem; margin: 0 auto; overflow: hidden; margin-top: .57rem; margin-bottom: .30rem; }
.product .con .navli ul li:nth-child(1), .product .con .navli ul li:nth-child(5), .product .con .navli ul li:nth-child(9), .product .con .navli ul li:nth-child(13), .product .con .navli ul li:nth-child(17), .product .con .navli ul li:nth-child(21) { margin-left: 0; }
.product .con .navli ul li { float: left; width: 2.45rem; height: .52rem; background: #000; text-align: center; margin-left: .725rem; margin-top: 0.20rem; position: relative; }
.product .con .navli ul li:hover { background: #d20000; transition: background 0.5s; -moz-transition: background 0.5s; /* Firefox 4 */ -webkit-transition: background 0.5s; /* Safari and Chrome */ -o-transition: background 0.5s; /* Opera */ }
.product .con .navli ul li:before { content: ""; position: absolute; width: 2.45rem; height: .02rem; background: #000; top: -0.04rem; left: 0; }
.product .con .navli ul li:after { content: ""; position: absolute; width: 2.45rem; height: .02rem; background: #000; bottom: -0.04rem; left: 0; }
.product .con .navli ul li a { font-size: .22rem; color: #fff; display: block; line-height: .52rem; }
.product .con .picword .con:nth-child(3n+1) { margin-left: 0; }
.product .con .picword .con { width: 3.9rem; height: 3.51rem; float: left; margin-left: .15rem; margin-top: .16rem; position: relative; }
.product .con .picword .con .picword-img { width: 100%; height: 3rem; }
.product .con .picword .con p { width: 100%; height: .45rem; font-size: .19rem; text-align: center; line-height: .45rem; background: #d20000; color: #fff; }
.product .con .picword .con:nth-child(5) p { background: #000; }
.product .picword .con:hover .mask { opacity: 1; width: 3.9rem; height: 3rem; transition: opacity 0.5s; -moz-transition: opacity 0.5s; /* Firefox 4 */ -webkit-transition: opacity 0.5s; /* Safari and Chrome */ -o-transition: opacity 0.5s; /* Opera */ }
.product .picword .con:hover .zhezhao { opacity: 1; transition: opacity 0.5s; -moz-transition: opacity 0.5s; /* Firefox 4 */ -webkit-transition: opacity 0.5s; /* Safari and Chrome */ -o-transition: opacity 0.5s; /* Opera */ }
.product .picword .con:hover p { background: #000; transition: background 0.5s; -moz-transition: background 0.5s; /* Firefox 4 */ -webkit-transition: background 0.5s; /* Safari and Chrome */ -o-transition: background 0.5s; /* Opera */ }
.product .picword { overflow: hidden; }
.product .picword .con .mask { width: 100%; height: 3rem; position: absolute; top: 0; left: 0; opacity: 0; z-index: 9999; background:url(../images/picbg.png) no-repeat center;background-size:3.9rem 3rem;}
.limask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; z-index: 99; }
.zhezhao { width: 100%; height: 3rem; background: rgba(0, 0, 0, 0.4); opacity: 0; z-index: -1; }
.product .picword .con .mask .mask-con { width: 2.36rem; height: 1.35rem; background: transparent; position: absolute; left: 50%; margin-left: -1.18rem; top: 50%; margin-top: -.675rem; padding: .10rem .26rem; overflow: hidden; }
.product .picword .con .mask .mask-con div { font-size: .12rem; color: #fff; text-align: center; }
.product .more { margin-top: .40rem; }

/* 案例展示 */
.case { margin-top: .5rem; overflow: hidden; background:url(../images/casebg.jpg) center;background-size: 100% 100%;}
.case .carousel{width:12rem;margin:0 auto;}
.case .con .head { padding-top: .60rem; padding-bottom: .20rem; }
.case .con .head p { color: #fff; }
.case .picword .left { float: left; width: 5.44rem; }
.case .picword .right { float: right; margin-bottom: .20rem; }
.case .picword .con1, .case .picword .con2 { width: 6.44rem; height: 2.80rem; background: #474646; }
.case .picword .con1:nth-child(2) { margin-top: .30rem; }
.case .picword { margin-top: .80rem; overflow: hidden; }
.case .picword .con3 { width: 5.36rem; height: 5.90rem; float: right; }
.case .picword .con1 .case-img, .case .picword .con2 .case-img { width: 4.50rem; height: 2.80rem; float: left; }
.case .picword .con3 .case-img { width: 100%; display: inline; }
.case .picword .text { font-size: .22rem; color: #fff; width: 1.74rem; height: 1rem; margin-top: .90rem; text-align: left; padding-left: .10rem; float: right; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.case .more { margin: .20rem auto; }
.case .more a { color: #fff; }
.case .carousel .mip-carousel-preBtn { background: url('../images/hjtleft.png') no-repeat left; }
.case .carousel .mip-carousel-nextBtn { background: url('../images/hjtright.png') no-repeat right; }

/* 厂房展示 */
.dynamic .con .head { margin-top: .60rem; }
.dynamic .con .picword { margin-top: .38rem; overflow: hidden; height: 3.64rem; text-align: -webkit-center; text-align: -moz-center; text-align: -ms-center; text-align: center; }
.dynamic .con .picword .picwordli:nth-child(1) { margin-left: 0; }
.dynamic .con .picword .picwordli { width: 2.8rem; height: 3.64rem; display: inline-block; vertical-align: middle; border-top: .02rem solid #d20000; padding-top: .02rem; margin-left: .26rem; margin-top: .10rem; }
.dynamic .con .picword .picwordli .picwordli-bot { width: 100%; height: 1.40rem; background: #dedede; overflow: hidden; margin-top: .10rem; }
.picwordli-img { height: 2.14rem; width: 100%; }
.picwordli-bot .title { margin: 0 auto; font-size: .17rem; color: #000; font-weight: bold; position: relative; text-align: center; width: 90%; height: .30rem; margin-top: .15rem; line-height: .30rem; padding-bottom: .04rem; border-bottom: .02rem solid #d20000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.picwordli-bot .text { margin: 0 auto; font-size: .13rem; color: #000; width: 90%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.dynamic .more { margin: .40rem auto; }

/* 关于我们 */
.about { overflow: hidden; height: 5.26rem; position: relative; background-size: 100% 5.26rem; background:url(../images/aboutbg.jpg) center;}
.about .con { }
.about .left { float: left; margin-top: .23rem; }
.about .left .left-img { width: 8.73rem; height: auto; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.about .con { padding-top: .23rem; }
.about .con .right { float: right; width: 3.92rem; height: 4.80rem; padding-top: .40rem; }
.about .con .right p { text-align: left; }
.about .con .right .title { position: relative; font-size: .50rem; color: #fff; height: .85rem; line-height: .85rem; font-weight: bold; padding-right: .20rem; overflow: hidden; display: inline-block; border-bottom: 1px solid #434343; -webkit-line-clamp: 1; word-break: break-all; -webkit-box-orient: vertical; }
.about .con .right .title:before { content: ""; background: url(../images/lingxing.png) no-repeat center; background-size: .15rem .15rem; width: .15rem; height: .15rem; position: absolute; right: 0; top: .35rem; }
.about .con .right .title-bot { font-size: .22rem; color: #fff; margin-top: .04rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.about .con .right .big-title { font-size: .24rem; color: #fff; font-weight: 700; }
.about .con .right .text { font-size: .14rem; color: #fff; overflow: hidden; margin: 0 auto; text-overflow: ellipsis; -webkit-line-clamp: 4; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }

/* 轮胎咨询 */
.news { height: 9.30rem; margin: 0 auto; width: 100%; }
.news .con .head { margin-top: .70rem; }
.news .con .left { float: left; }
.news .con .right { float: right; }
.news .con .left .lefthead { // width: 1.4rem; padding: .05rem; height: .70rem; background: #d20000; position: absolute; left: .57rem; top: -.70rem; overflow: hidden; }
.news .con .left .lefthead p, .news .con .right .righthead p { font-size: .20rem; color: #fff; text-align: center; height: 50%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.news .con .left .leftcon .leftcon-img { width: 5.28rem; height: 2.72rem; margin: 0 auto; margin-top: .25rem; }
.news .con .left .leftcon .leftcenli { background: url(../images/newslibg.png); background-size: cover; width: 5.98rem; height: 1.57rem; margin-left: -.08rem; text-align: center; }
.leftcenli .li { width: 1.66rem; height: 1.23rem; display: inline-block; margin-top: .07rem; position: relative; margin-left: .10rem; margin-right: .10rem; }
.leftcenli .li p { width: 1.38rem; height: .36rem; line-height: .36rem; font-size: .15rem; color: #fff; text-align: left; position: absolute; left: 50%; margin-left: -.69rem; top: .10rem; z-index: 999; padding-bottom: .04rem; border-bottom: 1px solid #fff; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.leftcenli .li p:hover { color: #d20000; }
.leftcenli .li .li-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.news .con .left, .news .con .right { width: 5.82rem; position: relative; height: 6.50rem; border: 1px solid #a5a5a5; border-radius: .20rem; margin-top: 1.02rem; }
.news .con .right .righthead { padding: .05rem; height: .70rem; background: #888484; position: absolute; right: .57rem; top: -.70rem; }
.news .con .right .rightcon { margin-top: .55rem; overflow: hidden; }
.rightcen p { margin: 0 auto; text-align: center; }
.rightcen { margin-top: .15rem; }
.rightcen .title { font-size: .22rem; font-weight: bold; color: #d20000; width: 3.92rem; height: .33rem; line-height: .31rem; border-top: 0.01rem solid #000; border-bottom: 0.01rem solid #000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.rightcen .text { font-size: .16rem; width: 5.30rem; text-align: left; margin-top: .15rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.rightcen .time { font-size: .14rem; width: 1.92rem; }
.news .left .more { margin-bottom: .20rem; }
.news .right .more { margin-top: .40rem; margin-bottom: .20rem; }

/*顶部导航 大于1200导航显示*/
@media screen and (min-width:1200px) {
    body, html { font-size: 100px; }
    .header-inner, .banner { display: block; }
    .padheader-inner, .padbanner, .padnav, .hotshow, .about .more, .product .padpicword, .case .padpicword, .conbotimg, .padnews, .padnews_zixun, .padproduct_cen, .tabbar, .padproduct_cen, .mobilebanner, .mobileindex1, .ad, .mobilehot, .mobileabout, .mobilecase, .tabbar, .mobiletabbar, .mobilepro, .ipad, .mobile { display: none; }
}

/* 屏幕为1024时平板ui显示 */
@media screen and (max-width:1199px) and (min-width:749px) {
    body, html { font-size: 100px !important; }

    /* 头部隐藏 */
    .header-inner, .banner, .product .con .picword, .footer, .news, .news_zixun, .product_cen, .case .con .carousel, .mobilebanner, .ad, .mobileabout, .mobilecase, .mobilehot, .mobiletabbar, .mobilepro ,.pc,.mobile{ display: none; }
    .padheader-inner { width: 9.25rem; margin: 0 auto; }
    .padheader-inner, .padbanner, .hotshow { display: block; height: 100%; }
    .area960, .case .con, .case .picword, .hot .con, .product .con, .dynamic .con, .about .con, .news .con, .news .com, .padnews_zixun .con, .product_cen { width: 9.60rem !important; margin: 0 auto; }
    .padheader-inner a { display: block; }
/*     .header { padding: 0; height: 1.30rem; position: relative; } */
    .fz-img { width: .57rem; height: .52rem; float: left; margin-top: .39rem; }
    .padlogo-img { width: 1.75rem; height: .55rem; float: left; margin-left: .38rem; margin-top: .375rem; }
    .padheader-inner p { font-size: .40rem; float: left; line-height: 1.40rem; margin-left: .20rem; }
    .padnav { width: 100%; overflow: hidden; background: #d20000; }
    .padnav .ul { height: 100%; }
    .padnav a { font-size: .35rem; color: #fff; display: block; width: 25%; background: #d20000; height: .85rem; line-height: .85rem; text-align: center; float: left; }
    .padbanner { width: 100%; overflow: hidden; }
    .product { margin-top: 0; }
    .hot { margin: 0 auto; height: 7.60rem; }
    .hot .con .head { padding-top: .90rem; }
    .hot .con .carousel { display: none; }
    .hot .hotshow { height: 4.10rem; }
    .hotshow .hotli { width: 3.12rem; height: 100%; float: left; margin-left: .08rem; overflow: hidden; }
    .hot .hotshow .hotli-bot { background: #d20000; }
    .hot .hotshow .hotli-bot p { color: #fff; text-align: center; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; }
    .hot .hotshow .hotli-bot p:nth-child(1) { font-size: .32rem; font-weight: bold; }
    .hot .hotshow .hotli-bot p:nth-child(2) { font-size: .23rem; width: 90%; overflow: hidden; -webkit-line-clamp: 3; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .more { width: 2.10rem; height: .56rem; }
    .more a { font-size: .29rem; height: .56rem; line-height: .56rem; }
    .product .con .padpicword { overflow: hidden; }
    .product .con .padpicword .padcon { width: 3.12rem; height: 2.90rem; float: left; margin-left: .08rem; margin-top: .30rem; }
    .product .con .padpicword .padcon:nth-child(5) p { background: #000; }
    .product .con .padpicword .padcon p { height: .55rem; width: 100%; background: #d20000; color: #fff; text-align: center; line-height: .55rem; font-size: .32rem; }
    .picword-img { width: 100%; height: 2.35rem; }
    .product .con .navli { width: 9.6rem; margin: 0 auto; height: .35rem; margin-top: .36rem; margin-bottom: .19rem; overflow-y: hidden; }
    .product .con .navli ul { width: 9.6rem; margin: 0 auto; height: .35rem; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
    .product .con .navli ul li:nth-child(1), .product .con .navli ul li:nth-child(5), .product .con .navli ul li:nth-child(9), .product .con .navli ul li:nth-child(13), .product .con .navli ul li:nth-child(17), .product .con .navli ul li:nth-child(21) { margin-left: .30rem; }
    .product .con .navli ul li { width: auto; height: .35rem; text-align: center; position: relative; display: inline-block; vertical-align: top; background: transparent; margin-left: .30rem; margin-top: 0; float: none; }
    .product .con .navli ul li:before, .product .con .navli ul li:after { display: none; }
    .product .con .navli ul li a { font-size: .30rem; color: #d20000; display: block; line-height: .35rem; }
    .case { overflow: hidden; }
    .case .picword { overflow: hidden; }
    .case .picword .carousel, .case .con .picword .right { display: none; }
    .case .picword .left { width: 100% !important; overflow: hidden; // height: 10.30rem; }
    .case .picword .con1, .case .picword .con2 { width: 100% !important; height: 4.85rem !important; }
    .case .picword .con1 .case-img, .case .picword .con2 .case-img { width: 6.40rem !important; height: 4.85rem !important; }
    .case .picword .text { width: 3.20rem !important; height: 4.85rem !important; font-size: .38rem; margin-top: 0; line-height: 4.85rem; padding-left: .25rem; }
    .case .con .padpicword .padcon { width: 3.12rem; height: 2.90rem; float: left; margin-left: .08rem; margin-top: .30rem; }
    .case .con .padpicword .padcon p { height: .55rem; width: 100%; background: #d20000; color: #fff; text-align: center; line-height: .55rem; font-size: .32rem; }
    .case .more { margin: .30rem auto; }
    .dynamic .con .picword .picwordli:nth-child(3n+1) { margin-left: 0; }
    .dynamic .con .picword .picwordli { width: 3.05rem; height: 4.82rem; display: inline-block; vertical-align: middle; border-top: .02rem solid #d20000; padding-top: .02rem; margin-left: .225rem; margin-top: .15rem; }
    .picwordli-img { width: 3.05rem; height: 2.30rem; }
    .dynamic .con .picword .picwordli .picwordli-bot { width: 3.05rem; height: 2.43rem; }
    .picwordli-bot .title { margin: 0 auto; font-size: .32rem; color: #000; font-weight: bold; position: relative; text-align: center; width: 2.10rem; height: .72rem; line-height: .72rem; padding-bottom: .04rem; border-bottom: .02rem solid #d20000; }
    .picwordli-bot .text { margin: 0 auto; font-size: .24rem; color: #000; width: 2.50rem; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
    .dynamic .con .picword { height: 4.82rem; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }
    .about { height: auto !important; padding-bottom: .28rem; }
    .about .left { display: none; }
    .about .con .right { margin: 0 auto; float: none; width: 100%; text-align: center; }
    .about .con .right p { text-align: center; }
    .about .con .right .title { font-size: .71rem; // width: 6rem; padding-left: .15rem; padding-right: .15rem; display: inline-block; margin: 0 auto; padding-bottom: .10rem; height: auto; }
    .about .con .right .title-bot { font-size: .36rem; }
    .about .con .right .big-title { font-size: .66rem; display: none; }
    .about .con .right .text { font-size: .27rem; text-align: left; }
    .about .con .right .title:before { content: ""; background: url(../images/lingxing.png) no-repeat center; background-size: .15rem .15rem; width: .15rem; height: .15rem; position: absolute; left: 0rem; top: .35rem; }
    .about .con .right .title:after { content: ""; background: url(../images/lingxing.png) no-repeat center; background-size: .15rem .15rem; width: .15rem; height: .15rem; position: absolute; right: 0rem; top: .35rem; }
    .conbotimg { margin-top: 1.15rem; }
    .conbotimg-img { width: 100%; height: 5.60rem; }
    .about .more { margin-top: .45rem; }
    .about .more a { color: #fff; }
    .padnews { height: 15rem; margin: 0 auto; width: 100%; }
    .padnews .con .head { margin-top: .70rem; }
    .padnews .con .main { margin: 0 auto; margin-top: .10rem; width: 9.15rem; height: 12rem; border-radius: .15rem; border: .01rem solid #b4b4b4; }
    .padnews .con .main .maincon .maincon-img { width: 8.45rem; height: 4.40rem; margin: 0 auto; margin-top: .25rem; }
    .padnews .con .main .maincon .maincenli { margin-left: -.225rem; white-space: nowrap; overflow-x: scroll; }
    .maincenli .li:nth-child(1) { margin-left: 0; }
    .maincenli .li { width: 3rem; height: 2.25rem; display: inline-block; margin-top: .07rem; position: relative; white-space: nowrap; }
    .limask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; z-index: 99; }
    .maincenli .li p { width: 2.50rem; height: .72rem; line-height: .72rem; font-size: .32rem; color: #fff; text-align: left; position: absolute; left: 50%; margin-left: -1.25rem; top: .10rem; z-index: 999; padding-bottom: .04rem; border-bottom: 1px solid #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .maincenli .li p:hover { color: #d20000; }
    .maincenli .li .li-img { width: 100%; position: absolute; left: 0; top: 0; }
    .maincen p { margin: 0 auto; text-align: center; }
    .maincen { margin-top: .15rem; }
    .maincen .title { font-size: .38rem; font-weight: bold; color: #d20000; width: 6.24rem; height: .68rem; line-height: .66rem; border-top: 0.01rem solid #000; border-bottom: 0.01rem solid #000; }
    .maincen .text { font-size: .28rem; width: 8.30rem; text-align: left; margin-top: .15rem; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .maincen .time { font-size: .32rem; width: 1.92rem; }
    .tabbar { width: 100%; height: 1.3rem; background: #d20000; text-align: center; position: fixed; bottom: 0; left: 0; display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; z-index: 9999; }
    .tabbar a:last-child { border: 0; }
    .tabbar a { height: 1.10rem; display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-direction: column; align-items: center; justify-content: space-around; width: 25%; border-right: 1px solid #fff; }
    .tabbar a p { color: #fff; font-size: .32rem; }
    .tabbar-img { width: .45rem; height: .45rem; }
    .footfit { width: 100%; height: 2.10rem; margin: 0 auto; }
    .padnews_zixun { background: #fff; overflow: hidden; }
    .padnews_zixun .con .head { padding-top: .60rem; }
    .picimg-img { width: 1.09rem; height: .05rem; margin-left: .25rem; margin-top: -.60rem; }
    .padnews_zixun_con { display: block; width: 100%; height: 3.60rem; text-align: left; border: .01rem solid #434343; margin-bottom: .50rem; margin-top: .10rem; position: relative; }
    .padnews_zixun_con:after { content: ""; width: 100%; border: 1px dashed #434343; position: absolute; left: 0; bottom: -.20rem; }
    .padnews_zixun_con .title { color: #434343; font-size: .33rem; width: auto; display: inline-block; vertical-align: top; border-bottom: .01rem solid #434343; padding-bottom: .02rem; margin-left: .25rem; margin-top: .20rem; }
    .padnews_zixun_con .text { color: #434343; font-size: .2rem; height: 1.85rem; margin-left: .25rem; margin-top: .10rem; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .padnews_zixun_con .time { color: #434343; margin-left: .25rem; font-size: .22rem; position: relative; }
    .padnews_zixun_con .time:after { content: ""; width: 1.25rem; height: .02rem; background: #434343; position: absolute; bottom: 0; left: 0; }
    .padnews_zixun .more { margin-bottom: .50rem; }
    .padproduct_cen .maincon { margin-top: .20rem; }
    .padproduct_cen .richtext { margin-top: .20rem; }
    .padproduct_cen .richtext p { font-size: .23rem; padding: .10rem; word-break: break-word; }
    .padproduct_cen .head { margin-top: .60rem; }
    .padproduct_cen .more { margin: .50rem auto; }
    .padproduct_cen .con .navli { width: 9rem; margin: 0 auto; margin-top: .57rem; margin-bottom: .30rem; overflow-y: hidden; }
    .padproduct_cen .con .navli ul { width: 100%; margin: 0 auto; height: .55rem; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
    .padproduct_cen .con .navli ul li:nth-child(1) { margin-left: 0; }
    .padproduct_cen .con .navli ul li { height: .55rem; text-align: center; position: relative; margin-left: .30rem; display: inline-block; vertical-align: top; }
    .padproduct_cen .con .navli ul li a { font-size: .38rem; color: #d20000; display: block; line-height: .55rem; }
    .m_picword { width: 9.60rem; overflow: hidden; margin-top: .20rem; border-bottom: 1px dashed #434343; }
    .main_picword { width: 100%; margin-top: .25rem; overflow: hidden; margin-bottom: .25rem; }
    .main_picword .main_picword-img { width: 4.27rem; height: 3.20rem; float: left; }
    .main_picword .pictext { float: right; width: 5.34rem; height: 3.20rem; margin-left: -.05rem; border: 1px solid #e2e2e2; }
    .main_picword .picimg { width: 1.09rem; height: .08rem; margin: .20rem 0 .20rem .20rem; }
    .main_picword .pictext .title { font-size: .32rem; color: #d20000; margin-left: .20rem; text-align: left; }
    .main_picword .pictext .text { font-size: .20rem; color: #5f5f5f; margin-left: .20rem; text-align: left; text-overflow: ellipsis; -webkit-line-clamp: 5; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .imgul { overflow: hidden; }
    .imgul .imgul_li:nth-child(1), .imgul .imgul_li:nth-child(2), .imgul .imgul_li:nth-child(3) { margin-top: 0; }
    .imgul .imgul_li { width: 3rem; height: 4rem; float: left; margin-left: .20rem; margin-top: .40rem; }
    .imgul .imgul_li .imgul_li-img { height: 2.25rem; width: 100%; }
    .imgul .imgul_li .imgul_li_bot { padding-bottom: .05rem; padding-left: .05rem; padding-right: .05rem; width: 100%; background: #d20000; overflow: hidden; }
    .imgul_li_bot p { text-align: center; color: #fff; }
    .imgul_li_bot .title { font-size: .30rem; line-height: .80rem; height: .80rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .imgul_li_bot .text { font-size: .22rem; height: .80rem; line-height: .80rem; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
}

/* 屏幕小于1024平板ui显示 */
@media screen and (max-width:979px) and (min-width:769px) {
    html, body { font-size: 95.6px !important; }
}
@media screen and (max-width:768px) and (min-width:750px) {
    html, body { font-size: 75px !important; }
}

/* 手机ui显示 */
@media screen and (max-width:749px) and (min-width:320px) {
    .mip-layout-size-defined { overflow: visible !important; }
    .pc, .ipad { display: none; }
    .ad { overflow: hidden; margin-top: .32rem; }
    .ad-img { width: 100%; height: auto; }
    .ad-img .mip-replaced-content { width: 100%; height: auto; }
    .mobilecase { height: 5.36rem; overflow: hidden; }
    .mobilecase .con { overflow-y: hidden; height: 3.66rem; overflow-x: auto; white-space: nowrap; font-size: 0; }
    .mobilecase .caseli:nth-child(1) { margin-left: 0; }
    .mobilecase .head p { text-align: center; margin: 0 auto; color: #000; font-size: .25rem; height: .80rem; line-height: .80rem; }
    .mobilecase .ckgd { background: #d20000; width: 5.82rem; height: .44rem; margin: 0 auto; display: block; margin-top: .10rem; }
    .mobilecase .ckgd p { font-size: .25rem; color: #fff; text-align: center; line-height: .44rem; float: left; margin-left: 2.10rem; }
    .ckqbicon { width: .12rem; height: .11rem; float: left; margin-left: .10rem; margin-top: .165rem; }
    .mobilecase .caseli { width: 2.88rem; height: 3.66rem; display: inline-block; margin-left: .04rem; background: #000; }
    .mobilecase .caseli .img { width: 2.66rem; height: 2.52rem; margin: 0 auto; margin-top: .11rem; margin-bottom: .11rem; }
    .mobilecase .caseli .bot { width: 100%; height: .85rem; }
    .mobilecase .caseli .bot p { text-align: center; color: #fff; padding: .05rem; }
    .mobilecase .caseli .bot .title { font-size: .21rem; }
    .mobilecase .caseli .bot .text { font-size: .18rem; }
    .mobileabout { width: 5.82rem; margin: 0 auto; border-radius: .10rem; margin-top: .30em; height: 4rem; overflow: hidden; -moz-box-shadow: 1px 1px 9px #ccc; -webkit-box-shadow: 1px 1px 9px #ccc; box-shadow: 1px 1px 9px #ccc; }
    .mobileabout .con { width: 5.50rem; margin: 0 auto; }
    .mobileabout .con .img { width: 100%; height: 2.70rem; margin-top: .13rem; }
    .mobileabout .head p { color: #000; letter-spacing: 0 !important; font-weight: normal !important; text-align: left !important; }
    .mobileabout .head .title { font-size: .25rem !important; }
    .mobileabout .head .text { font-size: .17rem !important; }
    .mobilehot .head p { font-size: .25rem; color: #000; text-align: center; height: .88rem; line-height: .88rem; }
    .mobilehot .con { width: 5.5rem; margin: 0 auto; overflow: hidden; }
    .mobilehot .con .mhotli:nth-child(odd) { margin-left: 0; }
    .mobilehot .con .mhotli { width: 2.6rem; margin-left: .15rem; float: left; display: block; }
    .mobilehot .con .mhotli .img { width: 2.6rem; height: 1.95rem; }
    .mobilehot .con .mhotli .text { font-size: .24rem; color: #000; height: .62rem; line-height: .62rem; text-align: center; }
    .mobilepro { width: 5.77rem; height: 4rem; margin: 0 auto; margin-top: .30rem; border-radius: .10rem; background: url(../images/index1bg.jpg) no-repeat center; background-size: 5.77rem 3.54rem; -moz-box-shadow: 1px 1px 9px #ccc; -webkit-box-shadow: 1px 1px 9px #ccc; box-shadow: 1px 1px 9px #ccc; }
    .mobilepro .proli { width: 100%; height: 3.54rem; overflow: hidden; }
    .mobilepro .proli .proli_li { width: 1.90rem; height: 1.60rem; float: left; overflow: hidden; display: block; margin-left: .70rem; margin-top: .15rem; }
    .mobilepro .proli .img { height: .90rem; width: auto; margin: 0 auto; }
    .mobilepro .proli .proli_li p { text-align: center; color: #000; }
    .mobilepro .proli .proli_li .title { font-size: .25rem; }
    .mobilepro .proli .proli_li .text { font-size: .17rem; display: none; }
    .mobilepro .proli .proli_li .mip-fill-content { height: .90rem; width: auto; }
    .mobilepro .mip-fill-content { min-width: auto; max-width: auto; }
    .mobilepro .mip-layout-size-defined .mip-fill-content { position: relative !important; }
    .mip-carousel-indicatorDot { bottom: .30rem; display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; justify-content: center; }
    .mip-carousel-indicatorDot .mip-carousel-indecator-item { background-color: #dcdcdc !important; }
    .mip-carousel-indicatorDot .mip-carousel-indecator-item { border-radius: 50% !important; }
    .mip-carousel-indicatorDot .mip-carousel-activeitem { background-color: transparent !important; width: .08rem !important; height: .08rem !important; background: #d80000 !important; }
    .mip-carousel-indicatorDot .mip-carousel-indecator-item { width: .08rem !important; height: .08rem !important; margin-right: 5px !important; }

    /* 头部隐藏 */
    .header-inner, .banner, .product .con .picword, .footer, .news, .news_zixun, .product_cen, .padbanner, .case .con .carousel, .padnav, .case, .padnews, .about, .dynamic, .hot, .product, .tabbar { display: none; }
    .padheader-inner { width: 5.82rem; margin: 0 auto; height: .80rem; }
    .padheader-inner, .hotshow { display: block; height: 100%; }
    .area960, .case .con, .case .picword, .hot .con, .product .con, .dynamic .con, .about .con, .news .con, .news .com, .padnews_zixun .con, .product_cen, .mobilecase .con { width: 5.82rem !important; margin: 0 auto; }
    .mobilebanner { display: block; position: relative; }
    .padheader-inner a { display: block; }
    .mobileindex1 { width: 6.80rem; height: 4.67rem; margin: 0 auto; background: url(../images/index1bg.png) no-repeat center; background-size: cover; }
    .mobileindex1 .indexli { width: 5.56rem; height: 4rem; margin: 0 auto; }
    .mobileindex1 .indexli .img { width: 2.78rem; height: 2rem; float: left; }
    .fz-img { width: .36rem; height: .34rem; float: left; margin-top: .23rem; }
    .padlogo-img { width: 1.10rem; height: .34rem; float: left; margin-left: .24rem; margin-top: .23rem; }
    .padheader-inner p { font-size: .25rem; float: left; line-height: .80rem; margin-left: .20rem; }
    .padnav { width: 100%; overflow: hidden; background: #d20000; }
    .padnav .ul { height: 100%; }
    .padnav a { font-size: .22rem; color: #fff; display: block; width: 25%; background: #d20000; height: .58rem; line-height: .58rem; text-align: center; float: left; }
    .mobilebanner { width: 100%; overflow: hidden; }
    .more { width: 1.55rem; height: .36rem; }
    .more a { font-size: .14rem; height: .36rem; line-height: .34rem; }
    .hot .more { margin: .30rem auto; }
    .product .con .padpicword { overflow: hidden; }
    .product .con .padpicword .padcon { width: 1.96rem; height: 1.81rem; float: left; margin-left: .04rem; margin-top: .19rem; }
    .product .con .padpicword .padcon:nth-child(5) p { background: #000; }
    .product .con .padpicword .padcon p { height: .35rem; width: 100%; background: #d20000; color: #fff; text-align: center; line-height: .35rem; font-size: .20rem; }
    .picword-img { width: 100%; height: 1.47rem; }
    .product .con .navli { width: 4.55rem; margin: 0 auto; height: .35rem; margin-top: .36rem; margin-bottom: .19rem; overflow-y: hidden; }
    .product .con .navli ul { width: 4.95rem; margin: 0 auto; height: .35rem; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
    .product .con .navli ul li { width: 1.45rem; height: .35rem; text-align: center; position: relative; display: inline-block; vertical-align: top; background: transparent; margin-left: 0; margin-top: 0; float: none; }
    .product .con .navli ul li:before, .product .con .navli ul li:after { display: none; }
    .product .con .navli ul li a { font-size: .2rem; color: #d20000; display: block; line-height: .35rem; }
    .case { height: auto; overflow: hidden; }
    .case .con .head p { color: #fff !important; }
    .case .picword { overflow: hidden; }
    .case .padpicword { overflow: hidden; }
    .case .picword .carousel, .case .con .picword .right { display: none; }
    .case .picword .left { width: 100% !important; }
    .case .picword .con1, .case .picword .con2 { width: 100% !important; height: 3.04rem !important; }
    .case .picword .con1 .case-img, .case .picword .con2 .case-img { width: 4rem !important; height: 3.04rem !important; }
    .case .picword .text { width: 2rem !important; height: 3.04rem !important; font-size: .24rem; }
    .case .con .padpicword .padcon { width: 1.96rem; height: 1.82rem; float: left; margin-left: .04rem; margin-top: .19rem; }
    .case .con .padpicword .padcon p { height: .35rem; width: 100%; background: #d20000; color: #fff; text-align: center; line-height: .35rem; font-size: .2rem; }
    .case .more { margin: .19rem auto; }
    .picwordli-img { width: 1.91rem; height: 1.44rem; }
    .picwordli-bot .title { margin: 0 auto; font-size: .2rem; color: #000; font-weight: bold; position: relative; text-align: center; width: 1.31rem; height: .45rem; line-height: .45rem; padding-bottom: .025rem; border-bottom: .02rem solid #d20000; }
    .picwordli-bot .text { margin: 0 auto; font-size: .15rem; color: #000; width: 1.60rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .conbotimg { margin-top: .72rem; }
    .conbotimg-img { width: 100%; height: 3.50rem; }
    .about .more { margin-top: .28rem; }
    .about .more a { color: #fff; }
    .padnews { height: 9.4rem; margin: 0 auto; width: 100%; }
    .padnews .con .head { margin-top: .44rem; }
    .padnews .con .main { margin: 0 auto; margin-top: .06rem; width: 5.72rem; height: 7.50rem; border-radius: .10rem; border: .01rem solid #b4b4b4; }
    .padnews .con .main .maincon .maincon-img { width: 5.28rem; height: 2.75rem; margin: 0 auto; margin-top: .16rem; }
    .padnews .con .main .maincon .maincenli { margin-left: -.16rem; white-space: nowrap; overflow-x: scroll; }
    .maincenli .li:nth-child(1) { margin-left: 0rem; }
    .maincenli .li { width: 1.80rem; height: 1.38rem; display: inline-block; margin-top: .07rem; position: relative; white-space: nowrap; margin-left: .30rem; }
    .limask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; z-index: 99; }
    .maincenli .li p { width: 1.56rem; height: .48rem; line-height: .48rem; font-size: .20rem; color: #fff; text-align: left; position: absolute; left: 50%; margin-left: -.78rem; top: .10rem; z-index: 999; padding-bottom: .04rem; border-bottom: 1px solid #fff; }
    .maincenli .li p:hover { color: #d20000; }
    .maincenli .li .li-img { width: 100%; position: absolute; left: 0; top: 0; }
    .maincen p { margin: 0 auto; text-align: center; }
    .maincen { margin-top: .15rem; }
    .maincen .title { font-size: .24rem; font-weight: bold; color: #d20000; width: 3.91rem; margin: 0 auto; height: .40rem; line-height: .38rem; border-top: 0.01rem solid #000; border-bottom: 0.01rem solid #000; }
    .maincen .text { font-size: .18rem; width: 5.19rem; text-align: left; margin-top: .10rem; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .maincen .time { font-size: .2rem; width: 1.92rem; }
    .mobiletabbar { width: 100%; height: .84rem; background: #000; text-align: center; position: fixed; bottom: 0; left: 0; display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; z-index: 99; }
    .mobiletabbar a:last-child { border: 0; }
    .mobiletabbar a { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-direction: column; align-items: center; justify-content: space-around; }
    .mobiletabbar a p { color: #fff; font-size: .16rem; }
    .mobiletabbar .mip-replaced-content { width: auto; height: .35rem; }
    .tabbar-img { width: auto; height: .35rem; }
    .footfit { width: 100%; height: 1.30rem; margin: 0 auto; }
    .con .head p:nth-child(1) { font-size: .36rem; font-weight: bold; color: #27282c; text-align: center; }
    .con .head p:nth-child(2) { font-size: .10rem; letter-spacing: .15rem; color: #27282c; font-weight: bold; text-align: center; }
    .padnews_zixun { background: #fff; overflow: hidden; }
    .padnews_zixun .con .head { padding-top: .60rem; }
    .picimg-img { width: 1.09rem; height: .05rem; margin-left: .25rem; margin-top: -.60rem; }
    .padnews_zixun_con { width: 100%; display: block; height: 3.60rem; text-align: left; border: .01rem solid #434343; margin-bottom: .50rem; margin-top: .10rem; position: relative; }
    .padnews_zixun_con:after { content: ""; width: 100%; border: 1px dashed #434343; position: absolute; left: 0; bottom: -.20rem; }
    .padnews_zixun_con .title { color: #434343; font-size: .33rem; width: auto; display: inline-block; vertical-align: top; border-bottom: .01rem solid #434343; padding-bottom: .02rem; margin-left: .25rem; margin-top: .20rem; }
    .padnews_zixun_con .text { color: #434343; font-size: .13rem; height: 1.85rem; margin-left: .25rem; margin-top: .10rem; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .padnews_zixun_con .time { color: #434343; margin-left: .25rem; font-size: .22rem; position: relative; }
    .padnews_zixun_con .time:after { content: ""; width: 1.25rem; height: .02rem; background: #434343; position: absolute; bottom: 0; left: 0; }
    .padnews_zixun .more { margin-bottom: .32rem; }
    .padproduct_cen .maincon { margin-top: .13rem; }
    .padproduct_cen .richtext { margin-top: .13rem; }
    .padproduct_cen .richtext p { font-size: .23rem; padding: .06rem; word-break: break-word; }
    .padproduct_cen .head { margin-top: .38rem; }
    .padproduct_cen .more { margin: .32rem auto; }
    .padproduct_cen .con .navli { width: 5.82rem; margin: 0 auto; margin-top: .36rem; margin-bottom: .19rem; overflow-y: hidden; }
    .padproduct_cen .con .navli ul { width: 100%; margin: 0 auto; height: .40rem; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
    .padproduct_cen .con .navli ul li:nth-child(1) { margin-left: 0; }
    .padproduct_cen .con .navli ul li { height: .35rem; margin-left: .30rem; text-align: center; position: relative; display: inline-block; vertical-align: top; }
    .padproduct_cen .con .navli ul li a { font-size: .30rem; color: #d20000; display: block; line-height: .35rem; }
    .m_picword { width: 6rem; overflow: hidden; margin-top: .13rem; border-bottom: 1px dashed #434343; }
    .main_picword { width: 100%; margin-top: .16rem; overflow: hidden; margin-bottom: .16rem; }
    .main_picword .main_picword-img { width: 2.67rem; height: 2rem; float: left; }
    .main_picword .pictext { float: right; width: 3.34rem; height: 2rem; margin-left: -.02rem; border: 1px solid #e2e2e2; }
    .main_picword .picimg { width: .68rem; height: .05rem; margin: .13rem 0 .13rem 0; }
    .main_picword .pictext .title { font-size: .2rem; color: #d20000; text-align: left; }
    .main_picword .pictext .text { font-size: .10rem; color: #5f5f5f; text-align: left; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .imgul { overflow: hidden; }
    .imgul .imgul_li:nth-child(1), .imgul .imgul_li:nth-child(3n+1) { margin-left: 0; }
    .imgul .imgul_li { width: 1.88rem; float: left; margin-left: .09rem; margin-top: .25rem; }
    .imgul .imgul_li .imgul_li-img { height: 1.41rem; width: 100%; }
    .imgul .imgul_li .imgul_li_bot { padding-bottom: .05rem; padding-left: .05rem; padding-right: .05rem; width: 100%; background: #d20000; overflow: hidden; }
    .imgul_li_bot p { text-align: center; color: #fff; }
    .imgul_li_bot .title { font-size: .19rem; line-height: .50rem; height: .50rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
    .imgul_li_bot .text { font-size: .10rem; line-height: .50rem; height: .50rem; padding-bottom: .02rem; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
}

/*小于414显示手机ui*/
@media screen and (max-width:749px) and (min-width:640px) {
    html, body { font-size: 100px !important; }
}
@media screen and (max-width:639px) and (min-width:516px) {
    html, body { font-size: 85px !important; }
}
@media screen and (max-width:515px) and (min-width:414px) {
    html, body { font-size: 68px !important; }
}
@media screen and (max-width:413px) and (min-width:320px) {
    html, body { font-size: 55px !important; }
}
@media screen and (max-width:319px) {
    html, body { font-size: 42px !important; }
}