#loading
{
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: #000;
}
.circle
{
margin: .4rem auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: .1rem;
height: .1rem;
background-color: rgba(255,255,255,.5);
box-shadow: -.1rem 0 0 white;
border-radius: 50%;
animation: circle_classic 1s ease-in-out infinite alternate;
}
@keyframes circle_classic
{
0%
{
opacity: .1;
transform: rotate(0deg) scale(.5);
}
100%
{
opacity: 1;
transform: rotate(360deg) scale(1.2);
}
}
.jqthumb
{
transition: all .6s ease;
}
.jqthumb:hover
{
transition: all .6s ease;
transform: scale(1.05);
}
.wrap
{
display: flex;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1400px;
min-width: 300px;
}
.elli1
{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.elli2
{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.elli3
{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.elli4
{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.m-title h2
{
font-size: .4rem;
color: #333;
text-align: center;
margin-bottom: .1rem;
line-height: 1.5;
}
.m-title p
{
font-size: .16rem;
color: #666;
text-align: center;
line-height: 1.5;
}
@media screen and (max-width: 750px)
{
[wap="hide"]
{
display: none!important;
}
.wrap
{
max-width: 750px;
padding: 0;
}
.m-title
{
padding: 0 .25rem;
}
.m-title h2
{
font-size: .46rem;
}
.m-title p
{
font-size: .18rem;
}
}
@media screen and (min-width: 751px)
{
[pc="hide"]
{
display: none!important;
}
}
.top-box
{
padding: 0 .5rem;
border-bottom: 1px solid rgba(255,255,255,.15);
position: fixed;
width: 100%;
height: .88rem;
z-index: 100;
display: flex;
align-items: center;
transition: all .3s;
}
.top-box:hover
{
background-color: #fff;
}
.top-box:hover .top-logo a img.white
{
display: none;
}
.top-box:hover .top-logo a img.red
{
display: block;
}
.top-box:hover .top-nav .fir-ul .fir-li .u-a
{
color: #333;
}
.top-box:hover .y-right .m-earch .ico
{
background-position: 0 -1.07rem;
}
.top-box:hover .y-right .m-earch span
{
color: #333;
}
.top-box:hover .y-right .m-language .ico
{
background-image: url(../image/language_icon_1.gif);
}
.top-box:hover .y-right .m-language p
{
color: #333;
}
.top-box:hover .y-right .m-language::after
{
background-position: -.48rem -1.07rem;
}
.top-box.act
{
background-color: #fff;
}
.top-box.act .top-logo a img.white
{
display: none;
}
.top-box.act .top-logo a img.red
{
display: block;
}
.top-box.act .top-nav .fir-ul .fir-li .u-a
{
color: #333;
}
.top-box.act .y-right .m-earch .ico
{
background-position: 0 -1.07rem;
}
.top-box.act .y-right .m-earch span
{
color: #333;
}
.top-box.act .y-right .m-language .ico
{
background-image: url(../image/language_icon_1.gif);
}
.top-box.act .y-right .m-language p
{
color: #333;
}
.top-box.act .y-right .m-language::after
{
background-position: -.48rem -1.07rem;
}
.top-box .top-logo a
{
display: block;
width: 2.58rem;
height: .34rem;
}
.top-box .top-logo a img
{
display: none;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.top-box .top-logo a img.white
{
display: block;
}
.top-box .top-logo a img.red
{
display: none;
}
.top-box .top-nav
{
margin-left: auto;
border-right: 1px solid rgba(255,255,255,.15);
}
.top-box .top-nav .fir-ul
{
display: flex;
align-items: center;
}
.top-box .top-nav .fir-ul .fir-li
{
position: relative;
}
.top-box .top-nav .fir-ul .fir-li .u-a
{
display: block;
font-size: .18rem;
line-height: .88rem;
color: #fff;
position: relative;
padding: 0 .25rem;
}
.top-box .top-nav .fir-ul .fir-li .nav-subnav
{
display: none;
position: fixed;
top: .88rem;
background: #fff;
width: 1.62rem;
margin: 0 0 0 -.22rem;
box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.top-box .top-nav .fir-ul .fir-li .nav-subnav ul li a
{
display: block;
font-size: .14rem;
color: #333;
text-align: center;
line-height: 1.5;
padding: .12rem 0;
}
.top-box .top-nav .fir-ul .fir-li .nav-subnav ul li a:hover
{
color: #fff;
background-color: #e30a08;
}
.top-box .top-nav .fir-ul .fir-li.current .u-a
{
font-weight: 700;
}
.top-box .top-nav .fir-ul .fir-li.current .u-a, .top-box .top-nav .fir-ul .fir-li:hover .u-a
{
color: #fff;
background: #f01b2f;
}
.top-box .top-nav .fir-ul .fir-li.current .u-a::after, .top-box .top-nav .fir-ul .fir-li:hover .u-a::after
{
content: '';
display: block;
width: calc(100% - .5rem);
height: .02rem;
background-color: #f01b2f;
position: absolute;
left: .25rem;
bottom: 0;
}
.top-box .top-nav .fir-ul .fir-li:hover .nav-subnav
{
display: block;
}
.top-box .y-right
{
display: flex;
align-items: center;
}
.top-box .y-right .m-earch
{
display: flex;
align-items: center;
margin-left: .4rem;
cursor: pointer;
}
.top-box .y-right .m-earch .ico
{
display: block;
width: .22rem;
height: .22rem;
background-image: url(../image/icon.png);
background-size: 3rem;
margin-right: .06rem;
}
.top-box .y-right .m-earch span
{
display: block;
font-size: .13rem;
color: #fff;
line-height: .48rem;
}
.top-box .y-right .m-language
{
display: flex;
align-items: center;
justify-content: space-between;
margin-left: .4rem;
width: 1.05rem;
position: relative;
padding: .2rem 0;
}
.top-box .y-right .m-language .ico
{
display: block;
width: .22rem;
height: .22rem;
background-image: url(../image/language_icon_2.gif);
background-size: .22rem;
margin-right: .07rem;
}
.top-box .y-right .m-language p
{
height: .48rem;
width: .7rem;
line-height: .48rem;
font-size: .13rem;
color: #fff;
cursor: pointer;
}
.top-box .y-right .m-language .lang-li
{
display: none;
background: #fff;
box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
text-align: center;
border-radius: .04rem;
padding: .08rem .03rem;
position: absolute;
left: .1rem;
top: .7rem;
z-index: 999;
transition: all .5s ease;
}
.top-box .y-right .m-language .lang-li::before
{
content: '';
position: absolute;
top: -.2rem;
left: .35rem;
display: block;
z-index: 5;
border-color: transparent transparent #fff transparent;
border-width: .1rem;
border-style: solid;
transition: all .5s ease;
}
.top-box .y-right .m-language .lang-li ul li a
{
display: block;
color: #333;
font-size: .14rem;
padding: .05rem .15rem;
}
.top-box .y-right .m-language .lang-li ul li:last-child a
{
line-height: .2rem;
}
.top-box .y-right .m-language .lang-li ul li:hover a
{
color: #f01b2f;
}
.top-box .y-right .m-language::after
{
content: "";
display: block;
width: .11rem;
height: .05rem;
background-image: url(../image/icon.png);
background-size: 3rem;
background-position: -.47rem 0;
}
.top-box .y-right .m-language:hover .lang-li
{
display: block;
}
.top-box .search-layer
{
position: absolute;
top: -.88rem;
left: 0;
width: 100%;
height: .88rem;
background-color: #fff;
display: flex;
align-items: center;
padding: 0 1rem;
}
.top-box .search-layer .ico
{
display: block;
width: .22rem;
height: .22rem;
background-image: url(../image/icon.png);
background-size: 3rem;
margin-right: .06rem;
}
.top-box .search-layer .text
{
display: block;
width: 80%;
height: .88rem;
line-height: .88rem;
font-size: .26rem;
color: #000;
background: none;
border: none;
outline: none;
}
.top-box .search-layer a
{
display: block;
width: .24rem;
height: .24rem;
background-image: url(../image/icon.png);
background-size: 3rem;
background-position: 0 -.21rem;
margin-left: auto;
}
.in-banner-box .swiper-container
{
height: 100%;
}
.in-banner-box .swiper-container .swiper-slide
{
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.in-banner-box .swiper-container .swiper-slide img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.in-banner-box .swiper-container .swiper-slide .u-text
{
position: absolute;
width: 8rem;
height: 2.2rem;
left: 13.5%;
top: 50%;
margin-top: -1.1rem;
z-index: 10;
}
.in-banner-box .swiper-container .swiper-slide .u-text p
{
width: 100%;
color: #fcfcfc;
font-size: .22rem;
}
.in-banner-box .swiper-container .swiper-slide .u-text h3
{
width: 100%;
font-size: .45rem;
color: #fcfcfc;
margin-top: .2rem;
}
.in-banner-box .swiper-container .swiper-slide .u-text .banner-btn
{
display: block;
width: 1.46rem;
margin-top: .5rem;
border: 1px solid #fff;
font-size: .14rem;
text-align: center;
line-height: .42rem;
color: #fff;
}
.in-banner-box .swiper-container .swiper-slide .u-text .banner-btn:hover
{
color: #fff;
background-color: #e42919;
border-color: #e42919;
}
.in-banner-box .swiper-button-prev, .in-banner-box .swiper-button-next
{
background-image: url(../image/icon.png);
background-size: 3rem;
width: .6rem;
height: .6rem;
border-radius: 50%;
outline: none;
}
.in-banner-box .swiper-button-prev
{
background-position: -.57rem 0;
left: .5rem;
}
.in-banner-box .swiper-button-next
{
background-position: -1.17rem 0;
right: .5rem;
}
.in-banner-box .swiper-pagination
{
bottom: .3rem;
}
.in-banner-box .swiper-pagination .swiper-pagination-bullet
{
width: .3rem;
height: .05rem;
border-radius: 0;
opacity: 1;
background-color: rgba(255,255,255,.3);
cursor: pointer;
outline: none;
}
.in-banner-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
{
background-color: #fff;
}
.in-banner-box .scroll-down
{
position: absolute;
bottom: .7rem;
left: 50%;
z-index: 10;
width: 1rem;
margin-left: -.5rem;
}
.in-banner-box .scroll-down .mouse
{
width: .24rem;
height: .38rem;
background: url(../image/mouse.png) no-repeat center/cover;
border-radius: 1rem;
margin: 0 auto .05rem;
overflow: hidden;
position: relative;
}
.in-banner-box .scroll-down .mouse::before
{
content: '';
position: absolute;
top: 0;
left: 50%;
margin-left: -2px;
width: 4px;
height: 4px;
background-color: #fff;
border-radius: 50%;
animation: scrollDown 2s infinite linear;
}
@keyframes scrollDown
{
0%
{
opacity: 0;
}
50%
{
opacity: 1;
}
100%
{
transform: translate(0,.2rem);
opacity: 0;
}
}
.in-banner-box .scroll-down p
{
font-size: .12rem;
color: #959595;
line-height: 1.5;
text-align: center;
}
.banner-box
{
height: 6rem;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.banner-box .u-img
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-box .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.banner-box .m-title
{
position: relative;
z-index: 10;
}
.banner-box .m-title h2, .banner-box .m-title p
{
color: #fff;
}
.m-crumb
{
margin-top: .35rem;
}
.m-crumb span
{
margin: 0 .08rem;
font-size: .14rem;
color: #e2e2e2;
line-height: 1.5;
font-weight: 100;
}
.m-crumb a
{
font-size: .14rem;
color: #999;
line-height: 1.5;
margin-right: .05rem;
}
.m-crumb a.index, .m-crumb span.index
{
color: #666;
}
.m-crumb a:hover
{
color: #f01b2f;
}
.brand-box
{
margin: .5rem .6rem;
}
.brand-box .wrap
{
border: 1px solid #ededed;
padding: .2rem .3rem;
display: block;
}
.brand-box .wrap .itmes
{
display: flex;
justify-content: space-between;
margin: .2rem 0;
}
.brand-box .wrap .itmes .itme-tit
{
width: .9rem;
font-size: .18rem;
color: #333;
line-height: .28rem;
flex-shrink: 0;
}
.brand-box .wrap .itmes .itme-con
{
flex-grow: 1;
}
.brand-box .wrap .itmes .itme-con ul
{
display: flex;
flex-wrap: wrap;
}
.brand-box .wrap .itmes .itme-con ul li
{
font-size: .14rem;
color: #4b4b4b;
padding: 0 .2rem;
line-height: .3rem;
cursor: pointer;
margin: 0 .08rem;
}
.brand-box .wrap .itmes .itme-con ul li.current, .brand-box .wrap .itmes .itme-con ul li:hover
{
background-color: #e42919;
color: #fff;
}
.m-pages
{
display: flex;
justify-content: center;
}
.m-pages a
{
font-size: .14rem;
color: #666;
line-height: .48rem;
height: .48rem;
border: 1px solid #dedede;
border-left: none;
padding: 0 .2rem;
}
.m-pages a.current, .m-pages a:hover
{
color: #fff;
background-color: #e42919;
border-color: #e42919;
}
.m-pages a.pageprv
{
border-left: 1px solid #dedede;
}
.m-pages1 a
{
display: flex;
align-items: center;
margin: .15rem 0;
}
.m-pages1 a .label
{
display: block;
font-size: .16rem;
line-height: .22rem;
color: #999;
border-right: 1px solid #dedede;
margin-right: .3rem;
padding-right: .3rem;
}
.m-pages1 a .label span
{
font-family: "SimSun"!important;
margin-right: .1rem;
}
.m-pages1 a p
{
font-size: .16rem;
color: #333;
}
.m-pages1 a:hover p
{
color: #e42919;
}
.service-box
{
height: 1.45rem;
display: flex;
align-items: center;
justify-content: center;
background: url(../image/service-box.jpg) no-repeat center/cover;
margin-top: .85rem;
}
.service-box h2
{
font-size: .3rem;
color: #333;
line-height: 1.5;
font-weight: normal;
}
.service-box a
{
display: block;
width: 1.25rem;
height: .4rem;
margin-left: .75rem;
line-height: .4rem;
font-size: .14rem;
color: #d41721;
text-align: center;
border: 1px solid #d41721;
}
.service-box a:hover
{
background-color: #d41721;
color: #fff;
}
.m-range
{
display: flex;
align-items: center;
margin-top: .3rem;
}
.m-range .label
{
padding: 0 .2rem;
line-height: .38rem;
border: 1px solid #eee;
font-size: .14rem;
color: #666;
margin-right: .1rem;
}
.main-box .m-project .wrap
{
flex-direction: column;
}
.main-box .m-project .wrap .m-title
{
width: 100%;
margin: .8rem 0 .6rem;
}
.main-box .m-project .wrap .project-con
{
display: flex;
}
.main-box .m-project .wrap .project-con .left-column .items
{
display: none;
position: relative;
width: 10.52rem;
height: 6.18rem;
}
.main-box .m-project .wrap .project-con .left-column .items.current
{
display: block;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text
{
position: relative;
z-index: 10;
background-color: rgba(0,0,0,.8);
padding: .75rem 1.65rem;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text h3
{
font-size: .34rem;
color: #fff;
line-height: 2;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text h3::after
{
content: '';
display: block;
width: .32rem;
height: .02rem;
background-color: #fff;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-con
{
margin-top: .55rem;
font-size: .2rem;
line-height: 1.8;
color: #e2e2e2;
text-align: center;
height: 1.4rem;
overflow: hidden;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-a
{
font-size: .14rem;
color: #fff;
line-height: .23rem;
display: block;
text-align: center;
margin-top: .35rem;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-a::after
{
content: ">";
font-size: .14rem;
color: #fff;
line-height: 1.5;
font-family: '宋体';
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-a:hover
{
color: #f01b2f;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .m-range
{
margin-top: 1.05rem;
justify-content: center;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .m-range .label
{
margin: 0 .14rem;
border: 1px solid #fff;
color: #fff;
}
.main-box .m-project .wrap .project-con .left-column .items .u-img
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.main-box .m-project .wrap .project-con .left-column .items .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.main-box .m-project .wrap .project-con .right-column
{
width: 3.48rem;
}
.main-box .m-project .wrap .project-con .right-column ul li
{
position: relative;
height: 1.52rem;
}
.main-box .m-project .wrap .project-con .right-column ul li a
{
border-bottom: 1px solid #f5f6fb;
padding: .45rem .4rem;
display: block;
height: 1.52rem;
}
.main-box .m-project .wrap .project-con .right-column ul li a:hover .u-cn
{
color: #e30a08;
}
.main-box .m-project .wrap .project-con .right-column ul li a .u-cn
{
font-size: .24rem;
color: #666;
margin-right: .2rem;
margin-bottom: .1rem;
width: 3rem;
line-height: .28rem;
}
.main-box .m-project .wrap .project-con .right-column ul li a .u-en
{
font-size: .14rem;
color: #e78a89;
line-height: .24rem;
display: none;
}
.main-box .m-project .wrap .project-con .right-column ul li a .ico
{
display: none;
width: .28rem;
height: .08rem;
background-image: url(../image/icon.png);
background-size: 3rem;
background-position: -.24rem -.25rem;
position: absolute;
right: .4rem;
top: .53rem;
}
.main-box .m-project .wrap .project-con .right-column ul li.current a
{
background-color: #e30a08;
border-color: #e30a08;
width: 4.08rem;
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.main-box .m-project .wrap .project-con .right-column ul li.current a .u-cn
{
color: #fff;
}
.main-box .m-project .wrap .project-con .right-column ul li.current a .u-en, .main-box .m-project .wrap .project-con .right-column ul li.current a .ico
{
display: block;
}
.main-box .m-product
{
background: url(../image/product-bg.jpg) no-repeat center/cover;
padding: .65rem 0;
margin-top: 1rem;
}
.main-box .m-product .wrap
{
align-items: center;
flex-direction: column;
}
.main-box .m-product .wrap .m-title
{
margin-bottom: .6rem;
}
.main-box .m-product .wrap .product-con
{
width: 100%;
}
.main-box .m-product .wrap .product-con ul
{
display: block;
}
.main-box .m-product .wrap .product-con ul::after
{
content: "";
clear: both;
display: block;
}
.main-box .m-product .wrap .product-con ul li
{
float: left;
margin-right: 1%;
width: 24%;
height: 5.5rem;
}
.main-box .m-product .wrap .product-con ul li a
{
display: block;
width: 100%;
margin-bottom: .3rem;
}
.main-box .m-product .wrap .product-con ul li a .u-img
{
width: 100%;
height: 3.4rem;
overflow: hidden;
}
.main-box .m-product .wrap .product-con ul li a .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s;
}
.main-box .m-product .wrap .product-con ul li a .u-text
{
padding: .3rem .5rem;
background-color: #fff;
text-align: center;
height: 1.7rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text h2
{
font-size: .2rem;
color: #333;
line-height: .4rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text h2::after
{
content: '';
display: block;
width: .1rem;
height: .02rem;
background-color: #e11b25;
margin: .14rem auto;
}
.main-box .m-product .wrap .product-con ul li a .u-text p
{
font-size: .14rem;
color: #666;
line-height: .28rem;
margin-bottom: .2rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text span
{
display: none;
width: 1.1rem;
height: .3rem;
background-color: #fff;
font-size: .12rem;
line-height: .3rem;
color: #e30a08;
margin: 0 auto;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-img img
{
transform: scale(1.1);
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text
{
background-color: #db1615;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text h2
{
color: #fff;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text h2::after
{
display: none;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text p
{
color: #fff;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text span
{
display: block;
}
.main-box .m-product .wrap .more
{
display: block;
width: 1.7rem;
height: .45rem;
text-align: center;
line-height: .45rem;
font-size: .14rem;
background-color: #fff;
margin-top: .15rem;
}
.main-box .m-product .wrap .more:hover
{
background-color: #db1615;
color: #fff;
}
.main-box .m-about
{
background: url(../image/about-bg.jpg) no-repeat center/cover;
padding-top: .5rem;
height: 5.5rem;
display: none;
}
.main-box .m-about .wrap
{
flex-direction: column;
}
.main-box .m-about .wrap h2
{
font-size: .4rem;
font-weight: normal;
color: #fff;
line-height: .8rem;
text-align: center;
}
.main-box .m-about .wrap .u-con
{
font-size: .16rem;
color: #fff;
line-height: .32rem;
text-align: center;
height: 1.28rem;
margin: .25rem auto 0;
width: 80%;
}
.main-box .m-about .wrap .m-datalist ul
{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: .6rem;
}
.main-box .m-about .wrap .m-datalist ul li
{
flex-grow: 1;
text-align: center;
border-right: 1px solid #585858;
}
.main-box .m-about .wrap .m-datalist ul li:last-child
{
border-right: none;
}
.main-box .m-about .wrap .m-datalist ul li .y-top strong
{
font-size: .56rem;
color: #fff;
}
.main-box .m-about .wrap .m-datalist ul li .y-top span
{
font-size: .2rem;
color: #fff;
}
.main-box .m-about .wrap .m-datalist ul li p
{
font-size: .16rem;
color: #c8c8c8;
}
.main-box .m-news .wrap
{
flex-direction: column;
}
.main-box .m-news .wrap .m-title
{
margin: .65rem 0;
}
.main-box .m-news .wrap .news-con
{
display: flex;
justify-content: space-between;
}
.main-box .m-news .wrap .news-con .left-column
{
width: 47.5%;
overflow: hidden;
}
.main-box .m-news .wrap .news-con .left-column a
{
display: block;
width: 6.6rem;
position: relative;
}
.main-box .m-news .wrap .news-con .left-column a .u-img
{
width: 100%;
overflow: hidden;
height: 3.3rem;
}
.main-box .m-news .wrap .news-con .left-column a .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s;
}
.main-box .m-news .wrap .news-con .left-column a .u-text h4
{
font-size: .18rem;
color: #333;
line-height: .28rem;
font-weight: normal;
margin-top: .2rem;
}
.main-box .m-news .wrap .news-con .left-column a .u-text p
{
font-size: .14rem;
color: #999;
line-height: .22rem;
height: .44rem;
margin-top: .1rem;
padding-right: .5rem;
}
.main-box .m-news .wrap .news-con .left-column a .u-text .u-tiem
{
font-size: .16rem;
color: #999;
line-height: .24rem;
padding: .25rem 0;
border-bottom: 1px solid #ececec;
position: relative;
}
.main-box .m-news .wrap .news-con .left-column a .u-text .u-tiem::after
{
content: '';
display: block;
width: 0;
height: 1px;
background-color: #e42919;
position: absolute;
left: 0;
bottom: -1px;
transition: all .35s;
}
.main-box .m-news .wrap .news-con .left-column a:hover .u-img img
{
transform: scale(1.1);
}
.main-box .m-news .wrap .news-con .left-column a:hover .u-text h4
{
color: #e11b25;
}
.main-box .m-news .wrap .news-con .left-column a:hover .u-text .u-tiem::after
{
width: 100%;
}
.main-box .m-news .wrap .news-con .right-column
{
width: 47.5%;
border-top: 1px solid #ececec;
overflow: hidden;
}
.main-box .m-news .wrap .news-con .right-column ul li a
{
display: block;
padding: .4rem 0;
border-bottom: 1px solid #ececec;
position: relative;
}
.main-box .m-news .wrap .news-con .right-column ul li a::after
{
content: '';
display: block;
width: 0;
height: 1px;
background-color: #e42919;
position: absolute;
left: 0;
bottom: 0;
transition: all .35s;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-top
{
display: flex;
align-items: center;
justify-content: space-between;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-top h4
{
font-size: .16rem;
line-height: .24rem;
color: #333;
width: 5.65rem;
font-weight: normal;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-top .u-tiem
{
font-size: .18rem;
line-height: .24rem;
color: #c8c8c8;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-con
{
width: 5.65rem;
font-size: .14rem;
color: #999;
line-height: .26rem;
height: .52rem;
margin-top: .12rem;
}
.main-box .m-news .wrap .news-con .right-column ul li a:hover .y-top h4
{
color: #e11b25;
}
.main-box .m-news .wrap .news-con .right-column ul li a:hover::after
{
width: 100%;
}
.main-box .m-news .wrap .more
{
display: block;
width: 1.7rem;
height: .45rem;
text-align: center;
line-height: .43rem;
font-size: .14rem;
background-color: #fff;
margin: .5rem auto;
border: 1px solid #eaeaea;
}
.main-box .m-news .wrap .more:hover
{
color: #fff;
background-color: #db1615;
border: 1px solid #db1615;
}
.main-box .m-partners
{
display: none;
}
.main-box .m-partners .wrap
{
display: block;
}
.main-box .m-partners .wrap .m-title
{
margin-top: .15rem;
}
.main-box .m-partners .wrap .swiper-container
{
margin-top: .45rem;
height: 2.3rem;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide
{
display: flex;
justify-content: flex-start;
align-items: center;
padding-bottom: .15rem;
height: 1.15rem;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide a
{
display: block;
width: 1.8rem;
height: 1rem;
border: 1px solid #eaeaea;
transition: all .3s;
margin-left: .64rem;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide a:first-child
{
margin-left: 0;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide a img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide a:hover
{
border-color: #e11b25;
}
.main-box .m-service
{
background-image: url(../image/service-bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-top: .45rem;
}
.main-box .m-service .wrap
{
justify-content: space-between;
}
.main-box .m-service .wrap .u-img
{
width: 5.17rem;
height: 3.21rem;
overflow: hidden;
}
.main-box .m-service .wrap .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.main-box .m-service .wrap .u-text
{
flex-grow: 1;
padding-top: .9rem;
}
.main-box .m-service .wrap .u-text h2
{
font-size: .3rem;
color: #333;
line-height: .48rem;
}
.main-box .m-service .wrap .u-text p
{
font-size: .14rem;
color: #666;
line-height: .24rem;
margin: .1rem 0;
}
.main-box .m-service .wrap .u-text p::after
{
content: "";
display: block;
width: .3rem;
height: .02rem;
background-color: #686868;
margin-top: .1rem;
}
.main-box .m-service .wrap .u-text .form
{
margin-top: .2rem;
display: flex;
align-items: center;
}
.main-box .m-service .wrap .u-text .form form
{
display: flex;
align-items: center;
}
.main-box .m-service .wrap .u-text .form form input
{
display: block;
width: 4.7rem;
height: .5rem;
line-height: .5rem;
background-color: #fff;
border: none;
outline: none;
font-size: .16rem;
color: #999;
padding: 0 .2rem;
}
.main-box .m-service .wrap .u-text .form form button
{
display: block;
width: 1.55rem;
height: .5rem;
line-height: .5rem;
padding: 0;
text-align: center;
font-size: .16rem;
color: #fff;
border: none;
outline: none;
background-color: #e11b25;
cursor: pointer;
}
.main-box .m-service .wrap .u-text .form a
{
display: block;
width: 1.55rem;
height: .5rem;
border: 1px solid #e11b25;
margin-left: .25rem;
line-height: .48rem;
text-align: center;
font-size: .16rem;
color: #e11b25;
}
.main-box .m-service .wrap .u-text .form a:hover
{
border: 1px solid #c8111b;
color: #c8111b;
color: #fff;
background: #c8111b;
}
.sub-box .product-list .wrap
{
display: block;
padding-bottom: .1rem;
min-height: 3rem;
}
.sub-box .product-list .wrap ul li a
{
display: flex;
justify-content: space-between;
margin-bottom: .58rem;
}
.sub-box .product-list .wrap ul li a .u-img
{
width: 6.55rem;
height: 3.3rem;
overflow: hidden;
}
.sub-box .product-list .wrap ul li a .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sub-box .product-list .wrap ul li a .right-column
{
width: 7rem;
padding-left: .25rem;
padding-top: .3rem;
}
.sub-box .product-list .wrap ul li a .right-column h2
{
font-size: .24rem;
color: #333;
line-height: .4rem;
}
.sub-box .product-list .wrap ul li a .right-column p
{
font-size: .14rem;
color: #666;
line-height: .24rem;
margin-top: .1rem;
}
.sub-box .product-list .wrap ul li a .right-column .u-con
{
font-size: .14rem;
line-height: .24rem;
color: #999;
height: auto;
margin: .4rem 0 .1rem 0;
border-bottom: 1px solid #eee;
padding-bottom: .3rem;
}
.sub-box .product-list .wrap ul li a .right-column .m-range
{
display: inherit;
margin-top: .15rem;
}
.sub-box .product-list .wrap ul li a .right-column .m-range .label
{
padding: 0 .2rem;
line-height: .36rem;
border: 1px solid #eee;
font-size: .14rem;
color: #666;
margin: 0 .1rem .1rem 0;
display: inline-block;
}
.sub-box .product-list .wrap ul li a:hover .right-column h2
{
color: #e42919;
}
.sub-box .product-list .wrap .null
{
font-size: .16rem;
color: #666;
padding-top: 1rem;
text-align: center;
}
.sub-box .product-details .wrap
{
display: block;
}
.sub-box .product-details .wrap .info-box
{
display: flex;
justify-content: space-between;
margin-top: .6rem;
}
.sub-box .product-details .wrap .info-box .left-column
{
width: 46%;
overflow: hidden;
}
.sub-box .product-details .wrap .info-box .left-column .swiper-button-black
{
outline: none;
}
.sub-box .product-details .wrap .info-box .left-column .carouseltop li
{
height: 3.8rem;
width: 46%;
}
.sub-box .product-details .wrap .info-box .left-column .carouseltop li img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sub-box .product-details .wrap .info-box .left-column .casethumbs
{
padding: .15rem 0 .35rem;
border-bottom: 1px solid #ededed;
}
.sub-box .product-details .wrap .info-box .left-column .casethumbs li
{
width: 1.44rem;
height: .88rem;
border: 1px solid transparent;
cursor: pointer;
opacity: .6;
transition: all .3s;
}
.sub-box .product-details .wrap .info-box .left-column .casethumbs li.swiper-slide-thumb-active
{
border: 1px solid #e42919;
opacity: 1;
}
.sub-box .product-details .wrap .info-box .left-column .casethumbs li img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sub-box .product-details .wrap .info-box .right-column
{
width: 50%;
margin-left: .1rem;
}
.sub-box .product-details .wrap .info-box .right-column h2
{
font-size: .28rem;
color: #221715;
margin: .15rem 0;
}
.sub-box .product-details .wrap .info-box .right-column p
{
font-size: .14rem;
color: #666;
line-height: .24rem;
}
.sub-box .product-details .wrap .info-box .right-column .u-con
{
margin: .3rem 0 .25rem;
border: 1px solid #fef4ab;
background-color: #fffce6;
font-size: .16rem;
color: #333;
line-height: .28rem;
padding: .17rem .2rem;
}
.sub-box .product-details .wrap .info-box .right-column .m-range
{
flex-wrap: wrap;
}
.sub-box .product-details .wrap .info-box .right-column .m-range .label
{
margin-bottom: .15rem;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn
{
margin-top: .6rem;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a
{
display: inline-block;
width: 1.7rem;
height: .52rem;
line-height: .5rem;
text-align: center;
font-size: .16rem;
border: 1px solid #e11b25;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a.serv
{
color: #e11b25;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a.serv:hover
{
color: #fff;
background-color: #e11b25;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a.place
{
color: #fff;
background-color: #e11b25;
margin-right: .2rem;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a.place:hover
{
background-color: #cb0e17;
}
.sub-box .product-details .wrap .detail-box
{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: .5rem;
}
.sub-box .product-details .wrap .detail-box .ProductDetail
{
width: 9.6rem;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox
{
display: flex;
background-color: #f6f6f6;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox span
{
display: block;
flex-grow: 1;
line-height: .62rem;
text-align: center;
font-size: .18rem;
cursor: pointer;
color: #666;
font-weight: 500;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox span.current, .sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox span:hover
{
color: #e11b25;
border-bottom: .02rem solid #e42919;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox
{
padding: .2rem 0;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme
{
display: none;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme.current
{
display: block;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme p
{
font-size: .16rem;
color: #333;
line-height: .24rem;
padding: .12rem 0;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme p img
{
width: 90%;
max-width: 100%;
text-align: center;
}
.sub-box .product-details .wrap .detail-box .recommend
{
width: 3.6rem;
border: 1px solid #e6e6e6;
}
.sub-box .product-details .wrap .detail-box .recommend .u-tit
{
background-color: #f6f6f6;
text-align: center;
font-size: .2rem;
line-height: .64rem;
}
.sub-box .product-details .wrap .detail-box .recommend ul
{
margin-top: .35rem;
padding: 0 .2rem;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a
{
display: block;
background-color: #fafafa;
margin-bottom: .25rem;
padding-bottom: .2rem;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-img
{
width: 3.2rem;
height: 2.9rem;
overflow: hidden;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-con h3
{
color: #515151;
font-size: .2rem;
line-height: .3rem;
margin-top: .25rem;
text-align: center;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-con i
{
display: block;
width: .12rem;
height: .02rem;
background-color: #e42919;
margin: .1rem auto;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-con p
{
font-size: .14rem;
color: #999;
line-height: .24rem;
text-align: center;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a:hover .u-img img
{
transform: scale(1.1);
}
.sub-box .product-details .wrap .detail-box .recommend ul li a:hover .u-con h3
{
color: #e42919;
}
.sub-box .programme-list
{
margin-top: .55rem;
}
.sub-box .programme-list .wrap
{
display: block;
}
.sub-box .programme-list .wrap ul li
{
display: flex;
justify-content: space-between;
margin-bottom: .7rem;
}
.sub-box .programme-list .wrap ul li .u-img
{
width: 45%;
height: 3.55rem;
background-color: #000;
overflow: hidden;
}
.sub-box .programme-list .wrap ul li .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s;
opacity: .6;
}
.sub-box .programme-list .wrap ul li .right-column
{
width: 50%;
}
.sub-box .programme-list .wrap ul li .right-column h2
{
font-size: .26rem;
color: #333;
font-weight: normal;
line-height: .48rem;
margin: .15rem 0;
}
.sub-box .programme-list .wrap ul li .right-column h4
{
font-weight: normal;
font-size: .14rem;
color: #999;
line-height: .24rem;
}
.sub-box .programme-list .wrap ul li .right-column .u-con
{
font-size: .16rem;
color: #666;
line-height: .36rem;
height: 1.08rem;
margin-top: .3rem;
}
.sub-box .programme-list .wrap ul li .right-column .u-a a
{
display: block;
width: 1.2rem;
height: .4rem;
text-align: center;
font-size: .14rem;
color: #333;
line-height: .4rem;
border: 1px solid #999;
margin-top: .2rem;
}
.sub-box .programme-list .wrap ul li .right-column .u-a a:hover
{
color: #e42919;
border-color: #e42919;
}
.sub-box .programme-details
{
padding: .3rem 0 0 0;
}
.sub-box .programme-details .wrap
{
justify-content: space-between;
flex-wrap: wrap;
}
.sub-box .programme-details .wrap .left-column
{
width: 52%;
}
.sub-box .programme-details .wrap .left-column .u-tit h2
{
font-size: .32rem;
color: #333;
font-weight: normal;
line-height: .48rem;
}
.sub-box .programme-details .wrap .left-column .u-tit i
{
display: block;
width: .35rem;
height: .03rem;
background-color: #666;
margin: .2rem 0;
}
.sub-box .programme-details .wrap .left-column .u-con p
{
font-size: .14rem;
color: #333;
line-height: .28rem;
padding: .15rem 0;
}
.sub-box .programme-details .wrap .right-column
{
width: 44%;
}
.sub-box .programme-details .wrap .right-column img
{
max-width: 100%;
}
.sub-box .programme-details .wrap .reco-case
{
width: 100%;
border-top: 1px solid #ededed;
margin-top: .8rem;
padding-top: .5rem;
}
.sub-box .programme-details .wrap .reco-case .u-tit h2
{
font-size: .32rem;
color: #333;
font-weight: normal;
text-align: center;
line-height: .48rem;
}
.sub-box .programme-details .wrap .reco-case .u-tit i
{
display: block;
width: .35rem;
height: .03rem;
background-color: #666;
margin: .2rem auto;
}
.sub-box .programme-details .wrap .reco-case ul
{
margin-top: .3rem;
}
.sub-box .programme-details .wrap .reco-case ul li
{
display: inline-block;
margin-right: 1%;
width: 23.9%;
overflow: hidden;
}
.sub-box .programme-details .wrap .reco-case ul li:nth-child(4n)
{
display: inline-block;
margin-right: 0%;
width: 24%;
overflow: hidden;
}
.sub-box .programme-details .wrap .reco-case ul li a
{
display: block;
width: 100%;
}
.sub-box .programme-details .wrap .reco-case ul li a .u-img
{
width: 100%;
height: 2.1rem;
overflow: hidden;
}
.sub-box .programme-details .wrap .reco-case ul li a .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s;
}
.sub-box .programme-details .wrap .reco-case ul li a p
{
font-size: .18rem;
color: #404040;
line-height: .32rem;
text-align: center;
margin: .1rem 0;
}
.sub-box .programme-details .wrap .reco-case ul li a:hover .u-img img
{
transform: scale(1.1);
}
.sub-box .case-list .wrap
{
display: block;
}
.sub-box .case-list .wrap ul
{
display: flex;
flex-wrap: wrap;
margin: .6rem 0;
}
.sub-box .case-list .wrap ul li
{
border-top: 1px solid #ebebeb;
flex-grow: 1;
padding-top: .8rem;
width: 50%;
}
.sub-box .case-list .wrap ul li:nth-child(2n)
{
border-left: 1px solid #ebebeb;
}
.sub-box .case-list .wrap ul li:nth-child(2n) a
{
margin-left: auto;
}
.sub-box .case-list .wrap ul li:nth-child(-n+2)
{
padding-top: 0;
border-top: none;
}
.sub-box .case-list .wrap ul li a
{
display: block;
width: 5.95rem;
height: 4rem;
padding-bottom: .4rem;
overflow: hidden;
}
.sub-box .case-list .wrap ul li a .u-img
{
width: 5.95rem;
height: 2.17rem;
overflow: hidden;
}
.sub-box .case-list .wrap ul li a .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s;
}
.sub-box .case-list .wrap ul li a .right-column h2
{
font-size: .22rem;
color: #333;
line-height: .48rem;
margin: .2rem 0;
font-weight: normal;
}
.sub-box .case-list .wrap ul li a .right-column .u-con
{
font-size: .14rem;
line-height: .3rem;
color: #999;
height: .9rem;
}
.sub-box .case-list .wrap ul li a:hover .u-img img
{
transform: scale(1.1);
}
.sub-box .case-list .wrap ul li a:hover .right-column h2
{
color: #e42919;
}
.sub-box .advantage-list .wrap
{
display: block;
margin-top: .6rem;
}
.sub-box .advantage-list .wrap ul li a
{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.1rem;
}
.sub-box .advantage-list .wrap ul li a .left-column
{
width: 5.1rem;
}
.sub-box .advantage-list .wrap ul li a .left-column h2
{
font-size: .28rem;
color: #333;
line-height: .48rem;
font-weight: normal;
}
.sub-box .advantage-list .wrap ul li a .left-column p
{
font-size: .14rem;
color: #999;
line-height: .24rem;
}
.sub-box .advantage-list .wrap ul li a .left-column .u-con
{
font-size: .14rem;
color: #666;
line-height: .36rem;
height: 1.08rem;
margin: .55rem 0 .7rem;
}
.sub-box .advantage-list .wrap ul li a .left-column .ico
{
display: block;
width: .28rem;
height: .08rem;
background-image: url(../image/icon.png);
background-size: 3rem;
background-position: -.59rem -.64rem;
}
.sub-box .advantage-list .wrap ul li a .u-img
{
width: 6.6rem;
height: 4.3rem;
overflow: hidden;
box-shadow: 0 .05rem .1rem 0 rgba(226,226,226,.65);
border: 1px solid #eaeaea;
}
.sub-box .advantage-list .wrap ul li a .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s;
}
.sub-box .advantage-list .wrap ul li a:hover .u-img img
{
transform: scale(1.1);
}
.sub-box .patent-list .wrap
{
display: block;
margin: .6rem auto;
}
.sub-box .patent-list .wrap .column-tit
{
background: #f5f5f5;
}
.sub-box .patent-list .wrap .column-tit .patent-type
{
display: inline-block;
font-size: .14rem;
color: #333;
line-height: .6rem;
width: 10%;
text-align: center;
}
.sub-box .patent-list .wrap .column-tit .patent-number
{
display: inline-block;
font-size: .16rem;
color: #333;
line-height: .6rem;
text-align: center;
width: 20%;
}
.sub-box .patent-list .wrap .column-tit .patent-title
{
display: inline-block;
font-size: .16rem;
color: #333;
line-height: .6rem;
font-weight: normal;
width: 52%;
}
.sub-box .patent-list .wrap .column-tit .patent-time
{
display: inline-block;
font-size: .14rem;
color: #999;
line-height: .24rem;
width: 14%;
text-align: center;
}
.sub-box .patent-list .wrap ul li a
{
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f5f5f5;
padding: .2rem 0 .2rem 0;
}
.sub-box .patent-list .wrap ul li a .column
{
width: 100%;
}
.sub-box .patent-list .wrap ul li a .column .patent-type
{
display: inline-block;
font-size: .14rem;
color: #fff;
line-height: .6rem;
background: #f01b2f;
width: 10%;
text-align: center;
}
.sub-box .patent-list .wrap ul li a .column .patent-number
{
display: inline-block;
font-size: .16rem;
color: #333;
line-height: .6rem;
text-align: center;
width: 20%;
}
.sub-box .patent-list .wrap ul li a .column .patent-title
{
display: inline-block;
font-size: .16rem;
color: #333;
line-height: .6rem;
width: 52%;
font-weight: 700;
}
.sub-box .patent-list .wrap ul li a .column .patent-time
{
display: inline-block;
font-size: .14rem;
color: #999;
line-height: .24rem;
width: 14%;
text-align: center;
}
.sub-box .patent-list .wrap ul li a:hover
{
background: #eee;
}
.sub-box .patent-list .wrap ul li a:hover .column .patent-title
{
color: #f01b2f;
}
.sub-box .news-list .wrap
{
display: block;
margin: .35rem auto .7rem;
}
.sub-box .news-list .wrap ul li a
{
display: flex;
justify-content: space-between;
align-items: center;
padding: .35rem 0;
border-bottom: 1px solid #eaeaea;
}
.sub-box .news-list .wrap ul li a .u-img
{
width: 4rem;
height: 1.9rem;
overflow: hidden;
}
.sub-box .news-list .wrap ul li a .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s;
}
.sub-box .news-list .wrap ul li a .left-column
{
width: 7.4rem;
}
.sub-box .news-list .wrap ul li a .left-column h2
{
font-weight: normal;
font-size: .18rem;
color: #333;
line-height: .32rem;
}
.sub-box .news-list .wrap ul li a .left-column .u-con
{
font-size: .14rem;
line-height: .3rem;
color: #999;
height: .9rem;
margin: .15rem 0 0;
}
.sub-box .news-list .wrap ul li a .right-column
{
width: 1.3rem;
}
.sub-box .news-list .wrap ul li a .right-column .time
{
font-size: .18rem;
color: #c8c8c8;
line-height: .28rem;
text-align: center;
}
.sub-box .news-list .wrap ul li a .right-column .ico
{
display: block;
width: .28rem;
height: .08rem;
background-image: url(../image/icon.png);
background-size: 3rem;
background-position: -.59rem -.64rem;
margin: .6rem auto 0;
}
.sub-box .news-list .wrap ul li a:hover .u-img img
{
transform: scale(1.1);
}
.sub-box .news-list .wrap ul li a:hover .left-column h2
{
color: #e42919;
}
.sub-box .news-list .wrap .no-result
{
padding: 0 .2rem;
}
.sub-box .news-list .wrap .no-result h3
{
text-align: center;
font-size: .32rem;
color: #333;
line-height: .48rem;
}
.sub-box .news-list .wrap .no-result p
{
text-align: center;
font-size: .22rem;
color: #666;
line-height: .28rem;
}
.sub-box .service-list .wrap
{
display: block;
}
.sub-box .service-list .wrap ul
{
display: flex;
justify-content: space-between;
margin-top: .6rem;
}
.sub-box .service-list .wrap ul li
{
width: 6.64rem;
position: relative;
}
.sub-box .service-list .wrap ul li .u-img
{
width: 100%;
height: 3.89rem;
overflow: hidden;
}
.sub-box .service-list .wrap ul li .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sub-box .service-list .wrap ul li .text-column
{
width: 6.18rem;
background-color: #fff;
position: relative;
top: -.9rem;
left: .33rem;
z-index: 10;
padding: .3rem .6rem 0;
}
.sub-box .service-list .wrap ul li .text-column h2
{
font-size: .3rem;
line-height: .48rem;
color: #333;
}
.sub-box .service-list .wrap ul li .text-column p
{
font-size: .14rem;
color: #999;
line-height: .24rem;
margin: .15rem 0 .3rem;
}
.sub-box .service-list .wrap ul li .text-column .contact .tele, .sub-box .service-list .wrap ul li .text-column .contact .mail
{
font-size: .16rem;
line-height: .28rem;
color: #666;
}
.sub-box .service-list .wrap ul li .text-column .a-btn
{
display: flex;
align-items: center;
margin-top: .3rem;
}
.sub-box .service-list .wrap ul li .text-column .a-btn a
{
display: block;
width: 1.12rem;
height: .4rem;
line-height: .4rem;
text-align: center;
font-size: .14rem;
border: 1px solid #e11b25;
color: #e11b25;
}
.sub-box .service-list .wrap ul li .text-column .a-btn a:hover
{
color: #fff;
background-color: #e11b25;
}
.sub-box .service-list .wrap ul li .text-column .a-btn a.place
{
margin-left: .2rem;
}
.sub-box .article .wrap
{
margin-top: .3rem;
border-top: 1px solid #ededed;
justify-content: space-between;
align-items: flex-start;
}
.sub-box .article .wrap .left-column
{
width: 9.55rem;
}
.sub-box .article .wrap .left-column .article-tit
{
padding: .55rem 0 .45rem;
border-bottom: 1px solid #ededed;
}
.sub-box .article .wrap .left-column .article-tit h2
{
font-size: .3rem;
line-height: .36rem;
color: #333;
font-weight: normal;
}
.sub-box .article .wrap .left-column .article-tit .article-info
{
margin: .25rem 0 0;
display: flex;
align-items: center;
}
.sub-box .article .wrap .left-column .article-tit .article-info .items
{
display: flex;
align-items: center;
font-size: .14rem;
color: #999;
line-height: .36rem;
margin-right: .15rem;
}
.sub-box .article .wrap .left-column .article-tit .article-info .items a
{
display: inline-block;
width: .28rem;
height: .28rem;
border-radius: 50%;
overflow: hidden;
margin-left: .1rem;
background-size: 3rem;
}
.sub-box .article .wrap .left-column .article-con
{
margin-top: .3rem;
}
.sub-box .article .wrap .left-column .article-con p
{
font-size: .14rem;
line-height: .26rem;
color: #333;
margin: .1rem 0;
}
.sub-box .article .wrap .left-column .article-con p img
{
max-width: 100%;
margin: .1rem 0;
}
.sub-box .article .wrap .left-column .m-pages1
{
margin-top: .6rem;
}
.sub-box .article .wrap .right-column
{
width: 3.55rem;
border: 1px solid #dedede;
margin-top: .6rem;
}
.sub-box .article .wrap .right-column .u-tit
{
background-color: #f6f6f6;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 .25rem;
}
.sub-box .article .wrap .right-column .u-tit span
{
display: block;
font-size: .16rem;
color: #333;
line-height: .6rem;
}
.sub-box .article .wrap .right-column .u-tit a
{
font-size: .14rem;
color: #999;
}
.sub-box .article .wrap .right-column .u-tit a:hover
{
color: #e11b25;
}
.sub-box .article .wrap .right-column .u-tit i
{
display: block;
width: .28rem;
height: .08rem;
background-image: url(../image/icon.png);
background-size: 3rem;
background-position: -.59rem -.64rem;
}
.sub-box .article .wrap .right-column ul
{
padding: 0 .2rem;
}
.sub-box .article .wrap .right-column ul li
{
margin: 0 0 .3rem 0;
border-bottom: 1px dashed #f5f5f5;
}
.sub-box .article .wrap .right-column ul li a
{
display: block;
margin-top: .2rem;
}
.sub-box .article .wrap .right-column ul li a .u-img
{
width: 100%;
height: 1.8rem;
overflow: hidden;
}
.sub-box .article .wrap .right-column ul li a .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s;
}
.sub-box .article .wrap .right-column ul li a .u-con h3
{
font-size: .16rem;
line-height: .26rem;
color: #333;
font-weight: normal;
margin: .1rem 0;
}
.sub-box .article .wrap .right-column ul li a .u-con p
{
font-size: .12rem;
color: #999;
line-height: .22rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.sub-box .article .wrap .right-column ul li a .u-con .time
{
font-size: .14rem;
color: #999;
line-height: .28rem;
margin: .2rem 0;
}
.sub-box .article .wrap .right-column ul li a:hover .u-img img
{
transform: scale(1.1);
}
.sub-box .article .wrap .right-column ul li a:hover .u-con h3
{
color: #e42919;
}
.sub-box .service-download .wrap
{
display: block;
margin: .6rem auto .55rem;
}
.sub-box .service-download .wrap ul
{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.sub-box .service-download .wrap ul li
{
width: 31%;
height: 1.95rem;
border: 1px solid #ededed;
padding: .15rem .25rem;
margin-bottom: .25rem;
margin-right: 2.3%;
}
.sub-box .service-download .wrap ul li .u-con
{
padding-bottom: .3rem;
border-bottom: 1px solid #ededed;
}
.sub-box .service-download .wrap ul li .u-con h2
{
font-size: .2rem;
color: #333;
line-height: .4rem;
font-weight: normal;
}
.sub-box .service-download .wrap ul li .u-con p
{
font-size: .12rem;
line-height: .2rem;
color: #666;
height: .4rem;
}
.sub-box .service-download .wrap ul li .u-a a
{
display: block;
width: 1.1rem;
height: .34rem;
font-size: .12rem;
color: #666;
line-height: .32rem;
text-align: center;
border: 1px solid #ededed;
margin-top: .15rem;
}
.sub-box .service-download .wrap ul li .u-a a:hover
{
border-color: #e42919;
color: #fff;
background-color: #e42919;
}
.sub-box .service-download .wrap ul li:hover
{
box-shadow: 0 0 .1rem 0 rgba(0,0,0,.1);
}
.footer-box
{
background-color: #222;
padding: .6rem 0 .25rem;
}
.footer-box .wrap .left-column
{
width: 3.85rem;
padding-right: .55rem;
border-right: 1px solid #303438;
}
.footer-box .wrap .left-column .bottom-logo
{
display: block;
width: 2.58rem;
height: .34rem;
}
.footer-box .wrap .left-column .bottom-logo img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.footer-box .wrap .left-column .u-con, .footer-box .wrap .left-column .mail, .footer-box .wrap .left-column .address
{
font-size: .12rem;
line-height: .24rem;
color: #999;
}
.footer-box .wrap .left-column .u-con
{
margin: .3rem 0 .2rem;
}
.footer-box .wrap .left-column .share
{
margin-top: .2rem;
display: none;
}
.footer-box .wrap .left-column .share ul
{
display: flex;
align-items: center;
}
.footer-box .wrap .left-column .share ul li
{
position: relative;
margin-right: .2rem;
}
.footer-box .wrap .left-column .share ul li .ico
{
display: block;
width: .28rem;
height: .28rem;
border-radius: 50%;
background-image: url(../image/icon.png);
background-size: 3rem;
cursor: pointer;
}
.footer-box .wrap .left-column .share ul li .u-img
{
width: .8rem;
height: .8rem;
overflow: hidden;
display: none;
position: absolute;
top: .3rem;
left: 50%;
margin-left: -.4rem;
}
.footer-box .wrap .left-column .share ul li .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.footer-box .wrap .left-column .share ul li.wb .ico
{
background-position: 0 -.46rem;
}
.footer-box .wrap .left-column .share ul li.qq .ico
{
background-position: -.28rem -.46rem;
}
.footer-box .wrap .left-column .share ul li.wx .ico
{
background-position: 0 -.75rem;
}
.footer-box .wrap .left-column .share ul li:hover .u-img
{
display: block;
}
.footer-box .wrap .bottom-nav
{
width: 7rem;
display: flex;
}
.footer-box .wrap .bottom-nav .items
{
padding-left: .35rem;
width: 1.75rem;
}
.footer-box .wrap .bottom-nav .items h3
{
font-size: .16rem;
color: #dfdfdf;
line-height: .28rem;
margin-bottom: .25rem;
}
.footer-box .wrap .bottom-nav .items .m-list ul li a
{
display: block;
font-size: .12rem;
color: #999;
line-height: 1.5;
padding: .12rem 0;
}
.footer-box .wrap .bottom-nav .items .m-list ul li a:hover
{
color: #fff;
text-decoration: underline;
}
.footer-box .wrap .right-column
{
flex-grow: 1;
}
.footer-box .wrap .right-column .u-phone
{
font-size: .42rem;
color: #e11b25;
line-height: .6rem;
text-align: center;
font-weight: bold;
}
.footer-box .wrap .right-column p
{
font-size: .14rem;
color: #999;
line-height: .28rem;
text-align: center;
}
.footer-box .wrap .right-column .m-imgtext
{
width: 100%;
margin-top: .4rem;
text-align: center;
}
.footer-box .wrap .right-column .m-imgtext .items
{
display: inline-block;
margin: 0 .1rem;
}
.footer-box .wrap .right-column .m-imgtext .items .u-img
{
width: 1.15rem;
height: 1.15rem;
}
.footer-box .wrap .right-column .m-imgtext .items .u-img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.footer-box .wrap .right-column .m-imgtext .items span
{
display: block;
font-size: .14rem;
color: #808188;
text-align: center;
margin: .2rem 0;
}
.footer-box .links
{
display: flex;
padding-top: .25rem;
margin-top: .5rem;
border-top: 1px solid #303438;
}
.footer-box .links label
{
display: block;
width: .75rem;
font-size: .12rem;
color: #999;
line-height: .24rem;
flex-shrink: 0;
}
.footer-box .links .links-list
{
width: 13rem;
}
.footer-box .links .links-list ul
{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.footer-box .links .links-list ul li a
{
font-size: .12rem;
color: #808188;
line-height: .24rem;
margin: 0 .15rem;
}
.footer-box .links .links-list ul li a:hover
{
text-decoration: underline;
color: #eee;
}
.copyright-box
{
background-color: #0b0b0c;
}
.copyright-box .wrap
{
justify-content: space-between;
align-items: center;
height: .6rem;
}
.copyright-box .wrap .left-column p span
{
font-size: .12rem;
color: #808188;
line-height: 1.5;
margin: 0 .1rem;
}
.copyright-box .wrap .left-column p span a
{
color: #808188;
}
.copyright-box .wrap .left-column p span a:hover
{
color: #eee;
}
.copyright-box .wrap .right-column a
{
font-size: .12rem;
color: #808188;
line-height: 1.5;
margin: 0 .1rem;
}
.copyright-box .wrap .right-column a:hover
{
text-decoration: underline;
}
.m-client
{
position: fixed;
top: 66%;
right: .1rem;
z-index: 99;
margin-top: -.86rem;
border: 1px solid #dfdfdf;
}
.m-client ul li
{
border-bottom: 1px solid #dfdfdf;
}
.m-client ul li:last-child
{
border: none;
}
.m-client ul li .u-box a
{
position: relative;
display: block;
background: #fff;
color: #fff;
text-align: center;
zoom: 1;
width: .68rem;
height: .88rem;
padding-top: .13rem;
}
.m-client ul li .u-box a .icoBox .ico
{
display: block;
overflow: hidden;
width: .25rem;
height: .25rem;
margin: 0 auto;
background-image: url(../image/icon.png);
background-repeat: no-repeat;
background-size: 3rem;
}
.m-client ul li .u-box a span
{
display: block;
font-size: .12rem;
color: #545559;
line-height: 1.2;
margin-top: .1rem;
}
.m-client ul li .u-box a:hover span
{
color: #e42919;
}
.m-client ul li .u-box a .text
{
position: absolute;
top: 50%;
margin-top: -.2rem;
left: 1rem;
padding: 0 .15rem 0 .05rem;
white-space: nowrap;
font-size: .18rem;
font-family: 'Microsoft YaHei';
color: #333;
line-height: .4rem;
background-color: #fff;
}
.m-client ul li .u-box a .erwei
{
position: absolute;
left: 1.4rem;
top: 50%;
display: block;
margin-top: -.65rem;
height: 1.3rem;
width: 1.3rem;
}
.m-client ul li .u-box a .erwei img
{
width: 1.3rem;
height: 1.3rem;
}
.m-client ul li .u-box a:hover .text
{
width: 1.86rem;
left: -2rem;
}
.m-client ul li .u-box a:hover .erwei
{
left: -1.4rem;
}
.m-client ul li.child-1 .ico
{
background-position: -.53rem -.75rem;
}
.m-client ul li.child-2 .ico
{
background-position: -.78rem -.75rem;
}
.m-client ul li.child-3 .ico
{
background-position: -1.03rem -.75rem;
}
.m-client ul li.child-4 .ico
{
background-position: -.28rem -.75rem;
}
.sitemap-name
{
font-size: .2rem;
line-height: 1.5;
margin: .4rem 0 .1rem 0;
display: block;
color: #333;
}
.sitemap-name:hover
{
color: #e11b25;
}
.sitemap-subname a
{
display: inline-block;
padding: 0 .4rem 0 0;
font-size: .14rem;
line-height: 1.5;
color: #666;
}
.sitemap-subname a:hover
{
color: #e11b25;
}
.legal-con b
{
font-size: .2rem;
line-height: 1.5;
color: #333;
display: block;
margin: .4rem 0 0 0;
}
.legal-con p
{
font-size: .14rem;
line-height: 1.5;
color: #666;
display: block;
padding: .1rem 0;
}
.card-form-list
{
overflow: hidden;
margin: 1rem 0 0 -3%;
}
.card-form-input
{
width: 43%;
margin: .2rem 3%;
display: inline-block;
border-bottom: 1px solid #ededed;
}
.card-form-input input
{
outline: none;
border: none;
height: .5rem;
width: 100%;
font-size: .16rem;
color: #333;
background-color: transparent;
}
.card-form-file
{
width: 100%;
margin: .22rem 0 .2rem 3%;
display: inline-block;
border-bottom: 1px solid #ededed;
padding: 0 0 .1rem 0;
}
.card-form-file span
{
display: inline-block;
font-size: .16rem;
color: #333;
padding: 0 .2rem 0 0;
}
.card-form-file form
{
outline: none;
border: none;
height: .36rem;
width: 40%;
font-size: .16rem;
color: #333;
background-color: transparent;
display: inline-block;
}
.card-form-file input
{
outline: none;
border: none;
height: .36rem;
width: 100%;
font-size: .16rem;
color: #333;
background-color: transparent;
display: inline-block;
}
.card-form-file-tips
{
overflow: hidden;
color: #999;
font-size: .16rem;
display: inline-block;
text-align: right;
width: 50%;
line-height: 1;
float: right;
}
.card-form-btn
{
text-align: center;
line-height: .5rem;
margin: .32rem auto .8rem auto;
background-color: #e11b25;
color: #fff;
font-size: .18rem;
width: 1.77rem;
height: .5rem;
display: block;
}
.card-form-btn:hover
{
background-color: #cc0e0e;
}
.card-form-btn.card-form-btn-service
{
margin: .32rem auto .2rem auto;
}
.card-form-tips
{
text-align: center;
margin: 0 auto 1rem;
}
#productCategory
{
border: none;
width: 100%;
height: .5rem;
line-height: .5rem;
font-size: .16rem;
color: #333;
}
@media screen and (max-width: 1600px)
{
.wrap
{
padding: 0 .4rem;
}
.brand-box
{
margin: .5rem .4rem;
}
}
@media screen and (max-width: 1400px)
{
.wrap
{
padding: 0 .8rem;
}
.brand-box
{
margin: .5rem .8rem;
}
.top-box .y-right .m-language
{
margin-left: .6rem;
width: 1.25rem;
}
.top-box .y-right .m-language p
{
width: .8rem;
}
}
@media screen and (max-width: 750px)
{
.wrap
{
width: 100%;
padding: 0 0;
}
.top-box .top-logo a
{
width: 2.6rem;
height: .34rem;
}
.top-box .top-logo a img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.top-box .top-nav
{
order: 1;
border: none;
margin-left: .3rem;
}
.top-box .top-nav .menu
{
height: .32rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.top-box .top-nav .menu i
{
display: block;
height: .02rem;
width: .45rem;
min-height: 2px;
background-color: #fff;
transition: all .3s;
}
.top-box .top-nav .spread i:nth-child(2)
{
width: .25rem;
}
.top-box .top-nav .spread i:nth-child(3)
{
width: .1rem;
}
.top-box .top-nav .fir-ul
{
left: 0;
position: fixed;
top: -200%;
z-index: 10;
background-color: #fff;
width: 100%;
display: block;
transition: all .35s;
opacity: 0;
padding: 0 .25rem;
overflow: scroll;
}
.top-box .top-nav .fir-ul .fir-li
{
border-bottom: 1px solid #eee;
}
.top-box .top-nav .fir-ul .fir-li:hover .u-a
{
color: #333;
}
.top-box .top-nav .fir-ul .fir-li:hover .u-a::after
{
content: '';
display: none;
}
.top-box .top-nav .fir-ul .fir-li:hover .nav-subnav
{
display: none;
}
.top-box .top-nav .fir-ul .fir-li .u-a
{
padding: 0;
line-height: 1.2rem;
font-size: .32rem;
color: #333;
}
.top-box .top-nav .fir-ul .fir-li .ico
{
display: block;
width: .4rem;
height: .4rem;
position: absolute;
top: .4rem;
right: .1rem;
z-index: 10;
}
.top-box .top-nav .fir-ul .fir-li .ico::before, .top-box .top-nav .fir-ul .fir-li .ico::after
{
content: "";
display: block;
background-color: #333;
position: absolute;
transition: all .3s;
}
.top-box .top-nav .fir-ul .fir-li .ico::before
{
width: 100%;
height: .04rem;
top: .18rem;
}
.top-box .top-nav .fir-ul .fir-li .ico::after
{
width: .04rem;
height: 100%;
top: 0;
left: .18rem;
}
.top-box .top-nav .fir-ul .fir-li .ico.current::before
{
opacity: 0;
}
.top-box .top-nav .fir-ul .fir-li .ico.current::after, .top-box .top-nav .fir-ul .fir-li .ico.current::before
{
transform: rotate(90deg);
}
.top-box .top-nav .fir-ul .fir-li .nav-subnav ul li a
{
font-size: .26rem;
line-height: .8rem;
text-align: left;
padding-left: .3rem;
}
.top-box .top-nav .fir-ul .fir-li .nav-subnav ul li a:hover
{
color: #fff;
}
.top-box .top-nav .fir-ul .fir-li.parent>a
{
position: relative;
}
.top-box .top-nav .fir-ul .fir-li.parent>a::after
{
content: '';
display: block;
height: .26rem;
width: .02rem;
background-color: #fff;
position: absolute;
top: 50%;
right: .13rem;
margin-top: -.13rem;
}
.top-box .top-nav .fir-ul .fir-li.parent>a::before
{
content: '';
display: block;
width: .26rem;
height: .02rem;
background-color: #fff;
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
}
.top-box .top-nav .fir-ul .fir-li.parent .nav-subnav
{
position: relative;
top: 0;
left: 0;
background-color: transparent;
}
.top-box .top-nav .fir-ul .fir-li.parent .nav-subnav a
{
line-height: .72rem;
font-size: .28rem;
color: #fff;
text-align: left;
padding-left: .3rem;
border: none;
}
.top-box .top-nav .fir-ul .fir-li.current
{
border-color: #f01b2f;
}
.top-box .top-nav .fir-ul .fir-li.current .u-a
{
border: none;
color: #f01b2f;
background: #fff;
}
.top-box .top-nav .fir-ul .fir-li.current .u-a::after
{
content: '';
display: none;
}
.top-box .top-nav .fir-ul .fir-li.current .nav-subnav
{
position: relative;
top: 0;
display: block;
box-shadow: 0 0 0 0 rgb(0 0 0/10%);
margin: 0 0 0 0;
width: 100%;
}
.top-box .top-nav .fir-ul.open
{
top: .88rem;
opacity: 1;
}
.top-box .y-right
{
margin-left: auto;
}
.top-box .y-right .m-earch
{
transform: scale(1.5);
}
.top-box .search-layer
{
padding: 0 .5rem;
}
.top-box .search-layer .ico
{
transform: scale(1.5);
display: none;
}
.top-box.act .top-nav .menu i
{
background-color: #333;
}
.in-banner-box .swiper-container .swiper-slide .u-text
{
height: 5rem;
width: 80%;
left: 10%;
}
.in-banner-box .swiper-container .swiper-slide .u-text p
{
text-align: center;
font-size: .34rem;
}
.in-banner-box .swiper-container .swiper-slide .u-text h3
{
text-align: center;
}
.in-banner-box .swiper-container .swiper-slide .u-text .banner-btn
{
margin: .5rem auto;
width: 40%;
height: .8rem;
font-size: .24rem;
line-height: .78rem;
}
.in-banner-box .scroll-down .mouse
{
width: .4rem;
height: .64rem;
border: .02rem solid #ffff;
border-radius: 1rem;
margin: 0 auto .1rem;
overflow: hidden;
position: relative;
}
.brand-box
{
margin: 0 .25rem;
}
.brand-box .wrap
{
border: none;
padding: .3rem 0;
}
.brand-box .wrap .itmes
{
margin: .2rem 0;
}
.brand-box .wrap .itmes .itme-tit
{
font-size: .3rem;
line-height: .4rem;
}
.brand-box .wrap .itmes .itme-con ul li
{
font-size: .24rem;
line-height: 1.2;
height: auto;
padding: .1rem .1rem;
margin: 0 .1rem .2rem 0;
}
.m-pages a
{
font-size: .26rem;
line-height: .8rem;
padding: 0 .3rem;
height: .8rem;
}
.service-box
{
flex-direction: column;
height: 2.2rem;
}
.service-box a
{
margin: .2rem 0 .1rem;
width: 2rem;
height: .6rem;
line-height: .6rem;
font-size: .26rem;
}
.main-box .m-project .wrap .m-title
{
margin: .65rem 0;
}
.main-box .m-project .wrap .project-con .left-column
{
padding: 0 .25rem;
}
.main-box .m-project .wrap .project-con .left-column .items
{
display: block;
width: 100%;
height: 3.95rem;
border-radius: .05rem;
overflow: hidden;
margin-bottom: .15rem;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text
{
padding: .5rem;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-con
{
font-size: .26rem;
line-height: .4rem;
margin-top: .3rem;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-a
{
font-size: .22rem;
line-height: .4rem;
}
.main-box .m-product
{
padding: 0 .25rem .5rem;
}
.main-box .m-product .wrap
{
padding: 0;
}
.main-box .m-product .wrap .product-con ul li
{
width: 50%;
margin-right: 0;
margin-bottom: .2rem;
overflow: hidden;
}
.main-box .m-product .wrap .product-con ul li a
{
width: 3.4rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text
{
padding: .3rem .25rem;
height: 2.45rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text h2
{
font-size: .28rem;
line-height: .65rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text h2::after
{
width: .3rem;
height: .05rem;
background-color: #e11b25;
margin: .16rem auto;
}
.main-box .m-product .wrap .product-con ul li a .u-text p
{
font-size: .26rem;
line-height: .42rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text span
{
display: none;
width: 60%;
height: .6rem;
line-height: .6rem;
font-size: .24rem;
}
.main-box .m-product .wrap .more
{
width: 100%;
height: .8rem;
line-height: .8rem;
font-size: .26rem;
}
.main-box .m-about
{
height: 5rem;
}
.main-box .m-about .wrap .u-con
{
padding: 0 .25rem;
font-size: .26rem;
line-height: .5rem;
height: auto;
-webkit-line-clamp: 6;
}
.main-box .m-news .wrap .news-con
{
display: block;
justify-content: space-between;
}
.main-box .m-news .wrap .news-con .left-column
{
width: 100%;
padding: 0 .25rem;
}
.main-box .m-news .wrap .news-con .left-column a
{
width: 100%;
}
.main-box .m-news .wrap .news-con .left-column a .u-text
{
padding: 0 0 .3rem 0;
border-bottom: 1px solid #ececec;
}
.main-box .m-news .wrap .news-con .left-column a .u-text .u-tiem
{
font-size: .16rem;
color: #fff;
line-height: .24rem;
padding: .25rem 0;
border-bottom: none;
position: absolute;
top: 0;
left: 0;
width: 1.6rem;
height: .8rem;
background-color: rgba(0,0,0,.5);
text-align: center;
}
.main-box .m-news .wrap .news-con .left-column a .u-text h4
{
font-size: .32rem;
line-height: .64rem;
margin-top: .3rem;
}
.main-box .m-news .wrap .news-con .left-column a .u-text p
{
font-size: .26rem;
line-height: .48rem;
height: auto;
}
.main-box .m-news .wrap .news-con .right-column
{
width: 100%;
padding: 0 .25rem;
border-top: none;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-top h4
{
font-size: .32rem;
line-height: .64rem;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-top .u-tiem
{
font-size: .3rem;
line-height: .64rem;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-con
{
font-size: .26rem;
line-height: .48rem;
height: .96rem;
}
.main-box .m-news .wrap .more
{
width: 94%;
height: .8rem;
line-height: .8rem;
font-size: .26rem;
}
.main-box .m-partners
{
padding: 0 .25rem;
}
.main-box .m-partners .wrap .partners-list
{
height: 2.8rem;
margin-bottom: .5rem;
}
.main-box .m-partners .wrap .partners-list .swiper-wrapper .swiper-slide
{
flex-wrap: wrap;
height: auto;
padding-bottom: 0;
}
.main-box .m-partners .wrap .partners-list .swiper-wrapper .swiper-slide a
{
width: 2.3rem;
height: 1.3rem;
margin-bottom: .1rem;
margin-left: 0;
margin-right: .05rem;
}
.main-box .m-partners .wrap .partners-list .swiper-wrapper .swiper-slide a:nth-child(3n)
{
margin-right: 0;
}
.main-box .m-service
{
background-size: cover;
padding-bottom: .6rem;
}
.main-box .m-service .wrap .u-text
{
padding-top: .35rem;
}
.main-box .m-service .wrap .u-text h2
{
text-align: center;
}
.main-box .m-service .wrap .u-text p
{
text-align: center;
font-size: .2rem;
line-height: .5rem;
}
.main-box .m-service .wrap .u-text p::after
{
margin: .15rem auto;
}
.main-box .m-service .wrap .u-text .form
{
flex-direction: column;
}
.main-box .m-service .wrap .u-text .form form input
{
font-size: .24rem;
height: .7rem;
line-height: .7rem;
}
.main-box .m-service .wrap .u-text .form form button
{
font-size: .24rem;
height: .7rem;
line-height: .7rem;
}
.main-box .m-service .wrap .u-text .form a
{
margin: .35rem auto;
font-size: .24rem;
height: .7rem;
line-height: .7rem;
display: none;
}
.sub-box .product-list
{
padding: 0 .25rem;
}
.sub-box .product-list .wrap
{
min-height: 3rem;
}
.sub-box .product-list .wrap ul li
{
width: 100%;
display: block;
margin-bottom: .5rem;
}
.sub-box .product-list .wrap ul li a
{
margin-bottom: .4rem;
display: block;
width: 100%;
overflow: hidden;
position: relative;
}
.sub-box .product-list .wrap ul li a .u-img
{
flex-shrink: 0;
width: 100%;
height: 3rem;
}
.sub-box .product-list .wrap ul li a .right-column
{
width: 100%;
padding-left: 0;
padding-top: .3rem;
}
.sub-box .product-list .wrap ul li a .right-column p
{
position: absolute;
top: 0;
left: 0;
width: 2rem;
height: .8rem;
line-height: .8rem;
color: #fff;
text-align: center;
background-color: rgba(0,0,0,.5);
margin-top: 0;
}
.sub-box .product-list .wrap ul li a .right-column h2
{
font-size: .3rem;
}
.sub-box .product-list .wrap ul li a .right-column .u-con
{
margin-top: .2rem;
-webkit-line-clamp: 2;
font-size: .24rem;
line-height: .36rem;
height: .72rem;
padding-bottom: 0;
border: 0;
}
.sub-box .product-list .wrap p
{
font-size: .24rem;
}
.sub-box .product-details .wrap
{
width: 96%;
margin: 0 2%;
}
.sub-box .product-details .wrap .info-box
{
flex-direction: column;
}
.sub-box .product-details .wrap .info-box .left-column
{
width: 100%;
}
.sub-box .product-details .wrap .info-box .left-column li
{
height: 3.5rem;
}
.sub-box .product-details .wrap .info-box .right-column
{
width: 100%;
}
.sub-box .product-details .wrap .info-box .right-column h2
{
font-size: .28rem;
line-height: .48rem;
}
.sub-box .product-details .wrap .info-box .right-column .u-con
{
font-size: .24rem;
line-height: .48rem;
height: 1.26rem;
padding: .15rem;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn
{
margin-top: .2rem;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a
{
width: 47%;
height: .8rem;
line-height: .8rem;
font-size: .26rem;
}
.sub-box .product-details .wrap .detail-box
{
flex-direction: column;
}
.sub-box .product-details .wrap .detail-box .ProductDetail
{
width: 100%;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox span
{
line-height: .88rem;
font-size: .28rem;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox
{
padding: .3rem .25rem 0;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme p
{
font-size: .26rem;
line-height: .42rem;
}
.sub-box .product-details .wrap .detail-box .recommend
{
width: 100%;
margin-top: .5rem;
border: none;
}
.sub-box .product-details .wrap .detail-box .recommend .u-tit
{
text-align: left;
padding-left: .25rem;
font-size: .32rem;
left: .6rem;
}
.sub-box .product-details .wrap .detail-box .recommend ul
{
display: flex;
justify-content: space-between;
}
.sub-box .product-details .wrap .detail-box .recommend ul li
{
width: 48%;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-img
{
width: 100%;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-con h3
{
font-size: .28rem;
line-height: .42rem;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-con p
{
font-size: .24rem;
line-height: .36rem;
}
.sub-box .programme-list
{
padding: 0 .25rem;
}
.sub-box .programme-list .wrap ul li
{
flex-direction: column;
box-shadow: none;
position: relative;
margin-bottom: .4rem;
}
.sub-box .programme-list .wrap ul li .u-img
{
width: 100%;
height: 4rem;
}
.sub-box .programme-list .wrap ul li .right-column
{
padding: .2rem 0;
width: 100%;
}
.sub-box .programme-list .wrap ul li .right-column h2
{
font-size: .32rem;
margin: 0;
font-weight: 700;
}
.sub-box .programme-list .wrap ul li .right-column p
{
font-size: .2rem;
line-height: .3rem;
}
.sub-box .programme-list .wrap ul li .right-column .u-con
{
font-size: .24rem;
margin-top: .24rem;
}
.sub-box .programme-list .wrap ul li .right-column .u-a
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.sub-box .programme-list .wrap ul li .right-column .u-a a
{
opacity: 0;
width: 100%;
height: 100%;
}
.sub-box .programme-details .wrap
{
padding: 0 .25rem;
}
.sub-box .programme-details .wrap .left-column
{
width: 100%;
}
.sub-box .programme-details .wrap .left-column .u-tit
{
margin-top: .55rem;
}
.sub-box .programme-details .wrap .left-column .u-tit h2
{
text-align: center;
}
.sub-box .programme-details .wrap .left-column .u-tit i
{
margin: .2rem auto;
}
.sub-box .programme-details .wrap .left-column .u-con p
{
font-size: .26rem;
line-height: .48rem;
}
.sub-box .programme-details .wrap .right-column
{
width: 100%;
}
.sub-box .programme-details .wrap .reco-case ul
{
flex-wrap: wrap;
}
.sub-box .programme-details .wrap .reco-case ul li
{
flex-grow: 1;
width: 49.5%;
margin: .2rem 0;
}
.sub-box .programme-details .wrap .reco-case ul li:nth-child(4n)
{
display: inline-block;
margin-right: 0%;
width: 49.5%;
overflow: hidden;
}
.sub-box .programme-details .wrap .reco-case ul li a
{
display: block;
width: 98%;
margin: 0 1%;
}
.sub-box .case-list .wrap ul
{
padding: 0 .25rem;
margin-bottom: 0;
}
.sub-box .case-list .wrap ul li
{
border: none!important;
padding-top: 0;
}
.sub-box .case-list .wrap ul li a
{
width: 100%;
}
.sub-box .case-list .wrap ul li a .u-img
{
height: 2.55rem;
width: 100%;
}
.sub-box .case-list .wrap ul li a .right-column h2
{
font-size: .28rem;
}
.sub-box .case-list .wrap ul li a .right-column .u-con
{
font-size: .24rem;
line-height: .42rem;
height: auto;
}
.sub-box .advantage-list .wrap ul li a
{
margin: 0 .1rem .3rem;
box-shadow: none;
}
.sub-box .advantage-list .wrap ul li a .left-column
{
order: 1;
width: 3.5rem;
}
.sub-box .advantage-list .wrap ul li a .left-column p
{
font-size: .24rem;
line-height: .36rem;
}
.sub-box .advantage-list .wrap ul li a .left-column .u-con
{
font-size: .26rem;
margin: .2rem 0 .2rem;
height: auto;
display: none;
}
.sub-box .advantage-list .wrap ul li a .u-img
{
width: 3.3rem;
height: 2rem;
border: none;
box-shadow: none;
margin: .3rem .2rem .3rem 0;
}
.sub-box .news-list .wrap ul li
{
display: block;
}
.sub-box .news-list .wrap ul li a
{
margin: 0 .25rem;
position: relative;
flex-direction: column;
}
.sub-box .news-list .wrap ul li a .u-img
{
width: 100%;
height: 3.2rem;
}
.sub-box .news-list .wrap ul li a .left-column
{
width: 100%;
}
.sub-box .news-list .wrap ul li a .left-column h2
{
font-size: .3rem;
padding: .3rem 0 .2rem;
}
.sub-box .news-list .wrap ul li a .left-column .u-con
{
font-size: .24rem;
line-height: .36rem;
height: 1.08rem;
}
.sub-box .news-list .wrap ul li a .right-column
{
position: absolute;
top: .35rem;
left: 0;
width: 1.6rem;
height: .8rem;
background-color: rgba(0,0,0,.5);
}
.sub-box .news-list .wrap ul li a .right-column .time
{
line-height: .8rem;
font-size: .3rem;
color: #fff;
}
.sub-box .article .wrap
{
display: block;
padding: 0 .25rem;
border: none;
margin-top: 0;
}
.sub-box .article .wrap .left-column
{
width: 100%;
}
.sub-box .article .wrap .left-column .article-tit
{
padding-bottom: .2rem;
}
.sub-box .article .wrap .left-column .article-tit .article-info
{
flex-wrap: wrap;
justify-content: center;
}
.sub-box .article .wrap .left-column .article-tit .article-info .items
{
font-size: .24rem;
line-height: .4rem;
margin-right: .25rem;
}
.sub-box .article .wrap .left-column .article-tit .article-info .items a
{
transform: scale(1.2);
}
.sub-box .article .wrap .left-column .article-tit .article-info .items.share
{
display: none;
}
.sub-box .article .wrap .left-column .article-tit h2
{
font-size: .32rem;
line-height: 1.5;
color: #333;
font-weight: normal;
text-align: center;
}
.sub-box .article .wrap .left-column .article-con p
{
font-size: .26rem;
line-height: .48rem;
}
.sub-box .article .wrap .left-column .m-pages1 a .label
{
font-size: .24rem;
line-height: .36rem;
flex-shrink: 0;
}
.sub-box .article .wrap .left-column .m-pages1 a p
{
font-size: .24rem;
}
.sub-box .article .wrap .right-column
{
width: 100%;
}
.sub-box .article .wrap .right-column .u-tit span
{
font-size: .28rem;
line-height: .8rem;
}
.sub-box .article .wrap .right-column .u-tit i
{
transform: scale(1.2);
}
.sub-box .article .wrap .right-column ul li
{
margin: 0 0 .2rem 0;
border-bottom: 1px dashed #f5f5f5;
padding: .2rem 0 .1rem 0;
}
.sub-box .article .wrap .right-column ul li a
{
padding-bottom: .35rem .1rem;
}
.sub-box .article .wrap .right-column ul li a .u-img
{
display: none;
}
.sub-box .article .wrap .right-column ul li a .u-con h3
{
font-size: .3rem;
line-height: 1.5;
margin: .2rem 0 .2rem 0;
}
.sub-box .article .wrap .right-column ul li a .u-con p
{
font-size: .24rem;
line-height: .36rem;
}
.sub-box .article .wrap .right-column ul li a .u-con .time
{
font-size: .22rem;
}
.sub-box .service-list .wrap ul
{
flex-direction: column;
padding: 0 .25rem;
}
.sub-box .service-list .wrap ul li
{
width: 100%;
}
.sub-box .service-list .wrap ul li .text-column h2
{
font-size: .32rem;
}
.sub-box .service-list .wrap ul li .text-column p
{
font-size: .24rem;
line-height: .4rem;
}
.sub-box .service-list .wrap ul li .text-column .contact .tele, .sub-box .service-list .wrap ul li .text-column .contact .mail
{
font-size: .24rem;
line-height: .4rem;
}
.sub-box .service-list .wrap ul li .text-column .a-btn a
{
width: 2rem;
height: .6rem;
line-height: .58rem;
font-size: .26rem;
}
.sub-box .service-download .wrap ul
{
padding: 0 .25rem;
}
.sub-box .service-download .wrap ul li
{
width: 100%;
height: auto;
padding: .2rem 0 0;
}
.sub-box .service-download .wrap ul li .u-con
{
margin: 0 .25rem;
border: none;
}
.sub-box .service-download .wrap ul li .u-con h2
{
font-size: .3rem;
line-height: .48rem;
}
.sub-box .service-download .wrap ul li .u-con p
{
font-size: .26rem;
line-height: .36rem;
height: .72rem;
margin-top: .1rem;
}
.sub-box .service-download .wrap ul li .u-a a
{
width: 92%;
border: 1px solid #eee;
color: #e42919;
font-size: .24rem;
height: .6rem;
line-height: .6rem;
margin: 0 4% .22rem;
}
.copyright-box .wrap
{
flex-direction: column;
height: auto;
padding: .3rem;
}
.copyright-box .wrap .left-column p
{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: .1rem 0 0 0;
}
.copyright-box .wrap .left-column p span
{
font-size: .22rem;
line-height: 1.8;
}
.copyright-box .wrap .right-column
{
margin: .3rem 0 0 0;
}
.copyright-box .wrap .right-column a
{
font-size: .22rem;
}
.footer-box .wrap .left-column
{
display: none;
}
.footer-box .wrap .bottom-nav
{
display: none;
}
.footer-box .links
{
display: none;
}
.footer-box .wrap .right-column .u-phone
{
font-size: .6rem;
color: #e11b25;
line-height: 1.5;
}
.footer-box .wrap .right-column .m-imgtext .items .u-img
{
width: 1.8rem;
height: 1.8rem;
}
.sitemap-name
{
font-size: .32rem;
line-height: 2;
margin: .5rem 0 .2rem 0;
}
.sitemap-subname a
{
padding: 0 .5rem 0 0;
font-size: .24rem;
line-height: 2;
}
.legal-con b
{
font-size: .32rem;
line-height: 2;
margin: .4rem 0 0 0;
}
.legal-con p
{
font-size: .24rem;
line-height: 2;
padding: .1rem 0;
}
.card-form-list
{
margin: .4rem .2rem 0 .2rem;
}
.card-form-input
{
width: 100%;
margin: .2rem 0;
}
.card-form-input input
{
outline: none;
border: none;
height: .7rem;
width: 100%;
font-size: .28rem;
color: #333;
background-color: transparent;
}
.card-form-file
{
width: 100%;
margin: .22rem 0 .2rem 0;
display: inline-block;
border-bottom: 1px solid #ededed;
padding: 0 0 .1rem 0;
}
.card-form-file span
{
display: inline-block;
font-size: .28rem;
color: #333;
padding: 0 .2rem 0 0;
}
.card-form-file form
{
outline: none;
border: none;
height: .36rem;
width: 40%;
font-size: .16rem;
color: #333;
background-color: transparent;
display: inline-block;
}
.card-form-file input
{
outline: none;
border: none;
height: auto;
width: 100%;
font-size: .28rem;
color: #333;
background-color: transparent;
display: inline-block;
}
.card-form-file-tips
{
font-size: .26rem;
text-align: left;
width: 100%;
padding: .2rem 0 0 0;
line-height: 2;
}
.card-form-btn
{
text-align: center;
line-height: .8rem;
margin: .32rem auto .84rem auto;
background-color: #e11b25;
color: #fff;
font-size: .26rem;
width: 100%;
height: .8rem;
display: block;
}
.card-form-btn:hover
{
background-color: #cc0e0e;
}
#productCategory
{
height: .8rem;
line-height: .8rem;
font-size: .28rem;
}
.sub-box .patent-list .wrap
{
display: block;
margin: .6rem 3%;
width: 94%;
}
.sub-box .patent-list .wrap .column-tit
{
background: #f5f5f5;
}
.sub-box .patent-list .wrap .column-tit .patent-type
{
font-size: .24rem;
color: #333;
line-height: .6rem;
width: 20%;
text-align: center;
}
.sub-box .patent-list .wrap .column-tit .patent-number
{
font-size: .24rem;
color: #333;
line-height: .6rem;
text-align: center;
width: 21%;
}
.sub-box .patent-list .wrap .column-tit .patent-title
{
font-size: .24rem;
color: #333;
line-height: .6rem;
width: 55%;
}
.sub-box .patent-list .wrap .column-tit .patent-time
{
width: 0%;
display: none;
}
.sub-box .patent-list .wrap ul li a .column .patent-type
{
display: inline-block;
font-size: .24rem;
width: 20%;
text-align: center;
}
.sub-box .patent-list .wrap ul li a .column .patent-number
{
display: inline-block;
font-size: .24rem;
width: 21%;
}
.sub-box .patent-list .wrap ul li a .column .patent-title
{
font-size: .24rem;
width: 54%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.1;
}
.sub-box .patent-list .wrap ul li a .column .patent-time
{
display: none;
width: 0%;
}
}