/*公用类*/
.strong-txt { display: block; font-size: 1.04rem; height: 1.04rem; color: #fff; }
.btn-common { display: inline-block; font-size: .36rem; line-height: .36rem; color: #fff; background-color: #ee1a30; border-radius: .09rem; text-align: center; padding: .31rem 0; width: 3.4rem; letter-spacing: .06rem; }
.btn-common-737172 { background-color: #737172; }
.btn-common-fff { background-color: #fff; }
/*登陆*/
.landing { padding-top: 4.54rem; text-align: center; }
.landing-identity { display: inline-block; }
.itmes-landing { float: left; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; margin: 0 .81rem; padding-left: .77rem; position: relative; }
.itmes-landing img { width: .52rem; height: .52rem; margin-right: .18rem; }
.itmes-landing span { font-size: .4rem; line-height: .4rem; }
.itmes-landing:before { display: inline-block; content: ''; width: .38rem; height: .38rem; background: url(../img/landing/circleDefault.png) center/cover no-repeat; position: absolute; left: 0; top: .1rem; }
.itmes-landing-on:before { background: url(../img/landing/circleSelect.png) center/cover no-repeat; }
.write-info { margin: 3.29rem 1.13rem 0; overflow: hidden; }
.items-write { font-size: 0; margin-bottom: .86rem; border-bottom: solid .04rem #dedede; }
.items-write strong { font-size: .45rem; line-height: .45rem; display: block; margin-bottom: .13rem; }
.items-write input { height: 1.13rem; border: 0; font-size: .4rem; color: #3d3d3d; width: 100%; }
.items-write input::-webkit-input-placeholder,
.items-write input::-moz-placeholder { color: #898989; }
.items-write-code { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.items-write-code input { width: 6.5rem; }
.items-write-code button { height: .77rem; font-size: .45rem; color: #585657; border: solid .02rem #595758; border-radius: .18rem; }
.items-write:last-child { margin-bottom: 1.72rem; }
.landing-btn { font-size: .56rem; line-height: .56rem; letter-spacing: .72rem; background-color: #737172; text-align: center; padding: .45rem 0; margin: 0 1.13rem; border-radius: .13rem; color: #fff; }
.landing-logo { position: fixed; left: 0; right: 0; bottom: 2rem; font-size: 0; text-align: center; }
.landing-logo img { width: 2.86rem; height: 1.63rem; }

/*首页*/
.index {  }
.index-swipe {  }
.index-swipe img { max-height: 20.63rem; }
.index-swipe-txt { font-size: 0; position: absolute; left: 1.79rem; top: 1.31rem; }
.index-swipe-txt strong { margin-bottom: .81rem; }
.index-swipe .swiper-pagination { font-size: 0; bottom: .56rem; }
.index-swipe .swiper-pagination span { height: .11rem; border-radius: 0; opacity: 1; background-color: rgb(0,0,0,.5); width: 25.6%; }
.index-swipe .swiper-pagination-bullet-active { background-color: #fff !important; }
.navigation-links { text-align: center; padding-top: .5rem; }
.navigation-link-ul { display: inline-block; font-size: 0; }
.navigation-link-ul li { float: left; width: 5.02rem; height: 1.95rem; background-color: #737172; border-radius: .09rem; margin: 0 .06rem; }
.navigation-link-ul li a { width: 100%; height: 100%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; }
.navigation-link-ul li a img { width: .72rem; height: .72rem; margin-right: .36rem; }
.navigation-link-ul li a span { font-size: .56rem; line-height: .56rem; color: #fff; }

.membrane-type { margin-top: .52rem; }
.items-membrane-type { font-size: 0; text-align: center; padding: 2.68rem 0 1.59rem; position: relative; padding-bottom: .36rem; background-color: #fdfdfd; }
.items-membrane-type:after { display: inline-block; content: ''; position: absolute; height: .36rem; left: 0; right: 0; bottom: 0; background: url(../img/index/membrane-type-line.png) center/cover no-repeat; }
.items-membrane-type strong { color: #000; margin-bottom: .7rem; }
.subtitle-membrane-type { font-size: .4rem; line-height: .4rem; margin-bottom: .68rem; }
.items-membrane-type > p { font-size: .4rem; line-height: .56rem; padding: 0 3.86rem; margin-bottom: .59rem; text-align: justify; }

.links-membrane-type { margin-bottom: 1.45rem; }
.video-membrane-type-box { display: inline-block; margin-bottom: 1.2rem; }
.video-membrane-type-box video { background-color: #000; }
.video-membrane-type { width: 5.68rem; height: 3.27rem; background-color: #000; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; }
.video-membrane-type img { width: .88rem; height: .77rem; }
.links-membrane-type > img { width: 100%; }
.swipe-membrane-type { width: 86%; margin: -2.3rem auto 1.59rem; }
.swipe-membrane-type > div { position: relative; }
.swipe-membrane-type .swiper-slide {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.swipe-membrane-type .swiper-slide img { width: 1.06rem; height: 1.06rem; margin-bottom: .38rem; }
.swipe-membrane-type .swiper-slide p { font-size: .4rem; line-height: .4rem; }
.swipe-membrane-type .membrane-type-arrow-left,
.swipe-membrane-type .membrane-type-arrow-right { position: absolute; top: .6rem; z-index: 10; }
.swipe-membrane-type .membrane-type-arrow-left { left: 0; }
.swipe-membrane-type .membrane-type-arrow-right { right: 0; }
.swipe-membrane-type .membrane-type-arrow-left img,
.swipe-membrane-type .membrane-type-arrow-right img { width: .45rem; height: .68rem; }

.building-diaphragm { padding: 1.4rem 0 1.52rem 1.77rem; background: url(../img/index/Building_diaphragm.jpg) center/cover no-repeat; }
.building-diaphragm strong { color: #000; margin-bottom: .54rem; }
.title-building-diaphragm { font-size:.4rem; line-height: .4rem; margin-bottom: .31rem; }
.building-diaphragm p { font-size: .4rem; line-height: .54rem; margin-bottom: .38rem; width: 8.59rem; }

.Brand-introduction { padding: 1.88rem 1.77rem 1.93rem; background: url(../img/index/Brand_introduction-left.jpg) left top/4.63rem no-repeat; text-align: right; }
.Brand-introduction strong { margin-bottom: .68rem; color: #060606; }
.Brand-introduction p { font-size: .4rem; line-height: .59rem; color: #595757; margin-bottom: .88rem; text-align: justify; }

.Dragon-film-history { padding: 2.45rem 1.77rem 2.5rem; background: url(../img/index/Brand_introduction-right.jpg) center/cover no-repeat; }
.Dragon-film-history strong { margin-bottom: .54rem; }
.Dragon-film-history p { font-size: .4rem; line-height: .59rem; color: #fff; margin-bottom: .86rem; }
.Dragon-film-history a { color: #ed1b30; }

.news-index { padding: 1.9rem 1.77rem 1.86rem; background-color: #f4f4f4; }
.news-index strong { color: #000; margin-bottom: 1.09rem; }
.news-ul-index {  }
.news-ul-index li { margin-bottom: 1.09rem; }
.news-ul-index li:last-child { margin-bottom: 0; }
.title-news-ul { font-size: .54rem; line-height: .54rem; color: #595757; margin-bottom: .36rem; }
.news-ul-index li p { font-size: .4rem; line-height: .45rem; color: #898989; }

/* 车窗膜 */
.car-strong { display: block; font-size: 1.04rem; line-height: 1.04rem; color: #dd1e2c; }
.car { font-size: 0; }
.car > img { width: 100%; height: auto; }
.item-car1 {  }
.item-car1-instructions { padding: .77rem 1.79rem .84rem; }
.item-car1-instructions strong { margin-bottom: .61rem; }
.subtitle-car1 { font-size: .59rem; line-height: .9rem; margin-bottom: .38rem; }
.item-car1-instructions p { font-size: .4rem; line-height: .59rem; color: #4c4948; }
.efficacy {  }
.efficacy > img { width: 9.34rem; display: block; }
.efficacy-box { display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-start; text-align: center; padding: 0 1.79rem; flex-wrap: wrap; }
.item-efficacy { margin-top: 1.18rem; width: 30%; }
.item-efficacy img { width: 3.59rem; height: 3.29rem; margin-left: -1.3rem; }
.title-efficacy { font-size: .45rem; line-height: .45rem; margin: -.5rem 0 .13rem; }
.item-efficacy p { font-size: .4rem; line-height: .52rem; text-align: justify; }
.efficacy-box2 { padding: 0 3.31rem; }
.efficacy-box2 .item-efficacy { width: 46%; }
.item-car2 { margin-top: 1.56rem; }
.item-car2-head { width: 89.6%; margin-bottom: 1.04rem; }
.item-car2-head img { display: block; }
.item-car2-head strong { text-align: right; }
.item-car2-img {  }
.item-car2-img img { display: block; width: 80%;margin-left: 10%;}
.item-car2-list { padding: 0 1.79rem; }
.item-car2-list li { margin-bottom: .79rem; }
.item-car2-list li:last-child { margin-bottom: 0; }
.item-car2-list li strong { font-size: .43rem; line-height: .43rem; display: block; margin-bottom: .22rem; padding-left: .43rem; position: relative; }
.item-car2-list li strong:before { display: inline-block; content: ''; width: .25rem; height: .25rem; background-color: #16b3c9; border-radius: 100%; position: absolute; left: 0; top: .09rem; }
.item-car2-list li p { font-size: .4rem; line-height: .59rem; }
.item-car3 { margin-top: 1.7rem; }
.item-car3-head { width: 89.6%; float: right; margin-bottom: .11rem; }
.item-car3-head img {  }
.item-car3-head strong {  }
.item-car3-list { padding: 0 1.79rem 1.5rem; clear: both; overflow: hidden; }
.item-car3-list li { padding-left: 1.59rem; position: relative; margin-top: 1rem; }
.item-car3-list li strong { font-size: .45rem; line-height: .45rem; display: block; margin-bottom: .22rem; }
.item-car3-list li strong span { color: #16b3c9; }
.item-car3-list li p { font-size: .4rem; line-height: .59rem; text-align: justify; }
.item-car3-list li:before { display: inline-block; content: ''; width: 1.18rem; height: 1.18rem; border-radius: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; left: 0; top: 0; }
.items-list1:before { background-image: url(../img/car/index/item-img3-icon1.png); }
.items-list2:before { background-image: url(../img/car/index/item-img3-icon2.png); }
.items-list3:before { background-image: url(../img/car/index/item-img3-icon3.png); }
.items-list4:before { background-image: url(../img/car/index/item-img3-icon4.png); }
.item-car4 { padding: 1.34rem 1.79rem; background-color: #f7f8f8; }
.item-car4-head { display: flex; display: -webkit-flex; align-items: flex-end; margin-bottom: 1.04rem; }
.item-car4-head strong { margin-right: .59rem; }
.item-car4-head a:before { display: inherit; content: ''; width: .72rem; height: .72rem; background: url(../img/car/index/item-img4-icon.png) center/cover no-repeat; position: absolute; left: 0; top: 0; }
.item-car4-head a { font-size: .4rem; line-height: .72rem; text-decoration: underline; color: #000; display: block; position: relative; padding-left: 1.09rem; }
.item-car5 { padding: 1.45rem 1.79rem; }
.item-car5-head {  }
.item-car5-head strong { margin-bottom: .72rem; }
.item-car5-head img {  }
.item-car5-list { margin-top: .95rem; }
.item-car5-list li { padding-left: .45rem; position: relative; }
.item-car5-list li p { font-size: .4rem; line-height: .68rem; }
.item-car5-list li:before { display: inline-block; content: ''; width: .25rem; height: .25rem; background-color: #16b3c9; border-radius: 100%; position: absolute; left: 0; top: .2rem; }
.item-car6 { padding: 1.45rem 1.79rem; background-color: #f7f8f8; }
.item-car6-ul { margin: .95rem 0 .65rem; }
.item-car6-ul li { margin-bottom: .54rem; }
.item-car6-ul li:last-child { margin-bottom: 0; }
.item-car6-ul li strong { font-size: .45rem; line-height:.45rem; display: block; margin-bottom: .13rem; }
.item-car6-ul li p { font-size: .4rem; line-height: .68rem; }
.item-car6-img { text-align: center; }
.item-car6-img img { width: 6.34rem; }
.item-car7 { background-color: #fff; }
.item-car7 > strong { margin-bottom: .72rem; }
.item-car7-list { margin-top: .59rem; }
.item-car7-list li {  }
.item-car7-list li strong { font-size: .45rem; line-height: .45rem; display: block; margin-bottom: .13rem; padding-left: .45rem; }
.item-car7-list li p { font-size: .4rem; line-height: .68rem; position: relative; padding-left: .45rem; }
.item-car7-list li p:before { display: inline-block; content: ''; width: .25rem; height: .25rem; background-color: #16b3c9; border-radius: 100%; position: absolute; left: 0; top: .2rem; }
.item-car7-list li { margin-bottom: .54rem; }
.item-car7-list li:last-child { margin-bottom: 0; }

.links-car { text-align: center; }
.built-in-links-car { width: 13.5rem; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.item-links-car { width: 6.59rem; height: 2.95rem; position: relative; margin-bottom: .52rem; }
.item-links-car a { display: block; }
.item-links-car img { height: 100%; height: 100%; }
.title-links-car { font-size: .36rem; line-height: .36rem; color: #fff; padding-right: .27rem; padding-bottom: .2rem; position: absolute; left: 0; right: 0; bottom: 0; text-align: right; }
.title-links-car span { position: relative; z-index: 10; }
.title-links-car:before { display: inline-block; content: ''; width: 6.25rem; height: .84rem; background: url(../img/car/index/links-icon.png) center/cover no-repeat; position: absolute; right: 0; bottom: 0; }

.channel {  }
.links-channel { display: block; font-size: 0; }
.channel-list {  }
.item-channel-list { padding-top: 2.4rem; font-size: 0; }
.item-channel-list > a { display: block; }

.channel-text{position: absolute;top: .5rem;}
.channel-text .tit1{color: #dd1e2c; font-weight: bolder;}
.channel-text .tit1 span{font-size: .5rem;vertical-align: top;margin-top: .1rem;}
.channel-text .tit3{margin-top: .3rem;color: #4c4948;width: 75%;text-align: justify}
.channel-text .channel-button{display: block; font-size: .51rem;color: #fff;height: 1rem;width: 3.4rem;line-height: 1rem;text-align: center;background: #737272; border-radius: 0.1rem;margin-top: .3rem;}

.channel-right{right: 0;text-align: right; width: 100%;}
.channel-right .tit3{width: 80%;float: right; text-align: right;margin-top: .1rem;}

.channel4s{top: auto;bottom: 1rem; width: 100%;}



.zxding{width: 100%;}
.zxding .tit3{margin-top: .11rem;}

.channel-show { }
.channel-show-img { padding: .77rem 0; text-align: center; }
.channel-show-img img { width: 11.86rem; }
.channel-show-data { padding: 0 1.77rem 2.27rem; }
.group-title-channel { margin-bottom: .45rem; }
.group-title-channel strong { font-size: .68rem; line-height: .63rem; display: block; margin-bottom: .5rem; }
.span-channel-group span { float: left; width: 3.3rem; text-align: center; font-size: .52rem; line-height: .52rem; padding: .17rem 0; border-radius: .9rem; border: solid .04rem #727171; background-color: #727171; color: #fff; margin-right: .61rem; margin-bottom: .31rem; cursor: pointer; }
.span-channel-group span:last-child { margin-right: 0; }
.channel-show-data-ul { margin-bottom: .95rem; }
.channel-show-data-ul li { position: relative; padding: .36rem 0; min-height: .95rem; }
.channel-show-data-ul li:before { display: inline-block; content: ''; width: 1.04rem; height: .04rem; background-color: #000; position: absolute; left: 0; top: 0; }
.channel-show-data-ul li strong { font-size: .4rem; line-height: .4rem; color: #c2b59b; }
.channel-show-data-ul li p { font-size: .4rem; line-height: .63rem; color: #4c4948; }
.channel-show-data-ul li img { width: 100%; }
.channel-show-data-ul .parm-list{position: absolute;left: 0; width: 110%; top: .3rem}
.channel-show-data-ul .parm-list .item{float: left;margin-left: .95rem; }

.span-channel-group .span-channel-on { background-color: transparent; border-color: #de7033; color: #de7033; }
.dataChannelImgAnimate {
	-webkit-animation: gradient 1s;
	-ms-animation: gradient 1s;
	animation: gradient 1s;
}
@-ms-keyframes gradient {
	0% { opacity: 0; }
	50% { opacity: .5; }
	100% { opacity: 1; }
}
@-webkit-keyframes gradient {
	0% { opacity: 0; }
	50% { opacity: .5; }
	100% { opacity: 1; }
}
@keyframes gradient {
	0% { opacity: 0; }
	50% { opacity: .5; }
	100% { opacity: 1; }
}

/*后羿*/
.hy {  }
.hy > img { display: block; }

/*网路渠道*/
.network-strong { font-size: 1.04rem; line-height: 1.04rem; display: flex; display: -webkit-flex; color: #dd1e2c; }
.network-strong span { font-size: .47rem; line-height: .47rem; margin: 0 .11rem; }
.network {  }
.network > img { display: block; }
.network-main {  }
.item-network-main { padding: 2.4rem .84rem 0; }
.pos-box-network { position: relative; padding-top: 2.36rem; }
.pos-box-network > img { display: block; max-width: 100%; width: 85.5%; }
.banner-item-network { position: absolute; top: 0; left: 0; right: 0; }
.banner-item-network img { width: 100%; height: auto; display: block; }
.text-item-network { position: absolute; bottom: .93rem; }
.text-item-network strong { margin-bottom: .47rem; }
.text-item-network p { font-size: .59rem; line-height: .59rem; margin-bottom: .97rem; }
.links-text-item-network { display: flex; display: -webkit-flex; }
.links-text-item-network a { width: 3.43rem; height: .93rem; display: flex; display: -webkit-flex; justify-content: center; align-items: center; background-color: #737272; margin-right: .4rem; border-radius: .06rem; }
.links-text-item-network a:last-child { margin-right: 0; }
.links-text-item-network a img { margin-right: .22rem; }
.tianmao-icon-network { width: .93rem; height: .45rem; }
.jidong-icon-network { width: .72rem; height: .56rem; }
.links-text-item-network a span { font-size: .4rem; line-height: .4rem; color: #fff; }
.trait-network { padding: 1.13rem .84rem; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; background-color: #f4f4f4; }
.items-trait-network { width: 33.33%; }
.items-trait-network img { width: 3.09rem; margin-bottom: .54rem; }
.items-trait-network strong { display: block; font-size: .61rem; line-height: .61rem; margin-bottom: .31rem; }
.items-trait-network p { font-size: .4rem; line-height: .54rem; color: #4c4948; }
.trait-network ~ div { padding-bottom: 2.36rem; }

.left-item-network { background-color: #f4f4f4; }
.right-item-network { background-color: #fff; }
.left-item-network .text-item-network { left: 1.77rem; text-align: left; }
.left-item-network .text-item-network strong,
.left-item-network .links-text-item-network { justify-content: flex-start; }
.right-item-network .text-item-network { right: 1.77rem; text-align: right; }
.right-item-network .text-item-network strong,
.right-item-network .links-text-item-network { justify-content: flex-end; }
.left-item-network .pos-box-network > img { float: left; }
.right-item-network .pos-box-network > img { float: right; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
/*防护膜*/
.Safety-film { font-size: 0; }
.Safety-film > img { display: block; }
.Safety-film-title { padding: .59rem 0; background-color: #e7e7e8; }
.film-text { text-align: center; }
.film-text-in { display: inline-block; text-align: left;  }
.film-text-in p { font-size: .81rem; line-height: .81rem; margin-bottom: .22rem; }
.film-text-in p:last-child { margin-bottom: 0; }
.film-text-in p span { font-weight: bold; }
.film-trait { display: flex; display: -webkit-flex; justify-content: center; margin-top: .7rem; }
.film-trait li { width: 33.33%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; }
.film-trait li img { width: 1.31rem; height: 1.31rem; border-radius: 100%; margin-right: .5rem; }
.film-trait li span { font-size: .45rem; line-height: .4rem; color: #4c4948; }
.Safety-film-main {  }
.Safety-film-main .item-network-main { padding: 0; margin-bottom: 1.22rem; background-color: #fff !important; }
.Safety-film-main .left-item-network { padding-right: .84rem; }
.Safety-film-main .right-item-network { padding-left: .84rem; }
.Safety-film-main .pos-box-network { padding-top: 2.31rem; }
.Safety-film-main .left-item-network .pos-box-network > img { float: right; }
.Safety-film-main .right-item-network .pos-box-network > img { float: left; }
.Safety-film-main .text-item-network { width: 9.65rem; }
.Safety-film-main .left-item-network .text-item-network { left: initial; right: 1.77rem;  }
.Safety-film-main .right-item-network .text-item-network { right: initial; left: 6%;  }
.Safety-film-main .text-item-network strong { color: #000; margin-bottom: 1.7rem; }
.Safety-film-main .text-item-network p { font-size: .4rem; line-height: .54rem; color: #4c4948; text-align: justify; }
.film-num { width: 2.27rem; height: 2.27rem; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 100%; position: absolute; left: 1.79rem; bottom: 4.93rem; }
.film-num1 { background-image: url(../img/car/Safety-film/1.png); }
.film-num2 { background-image: url(../img/car/Safety-film/2.png); }
.film-num3 { background-image: url(../img/car/Safety-film/3.png); }
.film-num4 { background-image: url(../img/car/Safety-film/4.png); }
.film-num5 { background-image: url(../img/car/Safety-film/5.png); }
.film-num6 { background-image: url(../img/car/Safety-film/6.png); }
.Safety-film-main .right-item-network .film-num { left: initial; right: 1.79rem; }
.Safety-film-main .left-item-network .text-item-network strong,
.Safety-film-main .left-item-network .links-text-item-network { justify-content: flex-end; }
.Safety-film-main .right-item-network .text-item-network strong,
.Safety-film-main .right-item-network .links-text-item-network { justify-content: flex-start; }

/*选膜指南*/
.guide {  }
.title-guide { padding: 1.04rem 0 .86rem 1.79rem; }
.title-guide strong { display: block; font-size: 1.02rem; line-height: 1.02rem; color: #de1e2b; }
.guide-main { padding: 0 .72rem; background-color: #efefef; }
.guide-main-text { padding: 1.18rem 1.13rem; font-size: 0; text-align: center; border-bottom: solid .04rem #c2c2c2; }
.guide-main-text .title-guide-main { font-size: .56rem; line-height: .56rem; color: #000; margin-bottom: .29rem; }
.guide-main-text p { font-size: .4rem; line-height: .72rem; color: #4a4849; text-align: justify; }
.guide-main-text img { width: 8.4rem; margin: -1rem 0 .56rem; }
.guide-main-text strong { display: block; font-size: .79rem; line-height: .79rem; margin-bottom: .68rem; }
.been-driving { font-size: 0; }
.been-driving span { width: 2.5rem; font-size: .5rem; line-height: .5rem; color: #fff; background-color: #727071; border-radius: .9rem; padding: .18rem 0; margin: 0 .68rem; border: solid .04rem #727071; }
.been-driving .been-driving-on { border-color: #de7031; color: #de7031; background-color: transparent; }
.drag-guide { padding: 1.36rem 0 1.81rem; text-align: center; }
.drag-guide .title-drag-guide { font-size: .54rem; line-height: .54rem; margin-bottom: .45rem; }
.drag-guide p { font-size: .4rem; line-height: .4rem; color: #4b4a48; margin-bottom: .63rem; }
.drag-guide-main { text-align: center; }
.place-drag-guide { text-align: center; font-size: 0; }
.place-drag-guide > div { display: inline-block; }
.item-place-drag { float: left; font-size: 0; margin: 0 .61rem; }
.picture-item-place { width: 3.13rem; height: 3.13rem; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; margin-bottom: .4rem; }
.picture-item-place img { width: 1.45rem; height: 1.45rem; }
.picture-item-place-on img { width: 100%; height: 100%; }
.item-place-drag p { font-size: .5rem; line-height: .5rem; margin-bottom: 1.31rem; color: #000; }
.drag-block-guide { display: inline-block; width: 14.65rem;  height: 8.63rem; position: relative; }
.drag-block-guide i { position: absolute; }
.drag-block-guide .drag-i1 { width: 4.63rem; height: 4.63rem; left: 0; top: 4.65rem;
background: url(../img/car/guide/bubbleIcon1.png) center/cover no-repeat; }
.drag-block-guide .drag-i2 { width: 5.22rem; height: 5.22rem; left: 2.27rem; top: 0;
background: url(../img/car/guide/bubbleIcon2.png) center/cover no-repeat; }
.drag-block-guide .drag-i3 { width: 4.47rem; height: 4.47rem; left: 5.18rem; top: 4.75rem;
background: url(../img/car/guide/bubbleIcon3.png) center/cover no-repeat; }
.drag-block-guide .drag-i4 { width: 4.11rem; height: 4.11rem; right: 2.59rem; top: .48rem;
background: url(../img/car/guide/bubbleIcon4.png) center/cover no-repeat; }
.drag-block-guide .drag-i5 { width: 4.7rem; height: 4.7rem; right: 0; top: 4.27rem;
background: url(../img/car/guide/bubbleIcon5.png) center/cover no-repeat; }

.footer{
	background:#efefef;
	margin:0 auto;
	width:100%;
	height:6.43rem;
}
.footer-middle{
	width:14.52rem;
	margin:31px auto 0;
}
.footer-title-img{
	width: 38px;
	height: 29px;
	vertical-align: middle;
}
.footer-title-img1{
	width: 78px;
	height: 22px;
	vertical-align: middle;
}
.footer-title{
	font-size:18px;
	padding:.36rem 0 .26rem;
}
.footer-content{
	width:14.78rem;
	height:15rem;
	background: #fff;
	margin:0 0 .38rem;
}
.footer-content ul{
	height:2.1rem;
	list-style:none;
	padding:0 .15rem;
	margin:.18rem 0 .21rem;
}
.footer-content ul li{
	float: left;
}
.footer-content ul li:first-child,.footer-content ul li:nth-child(2){
	margin:0 .7rem 0 0;
	width:4.2rem;
}
.footer-content ul li:nth-of-type(3){
	margin:0 0 0 .7rem;
	width:3rem;
}
.footer-content ul li p{
	margin:0 0 .1rem;
	font-size:10px;
}
.yen{
	font-size:0.75rem;
	font-weight:600;
	color:#c1b59b;
	margin:-3px 3px 0;
	display:block;
	float: left;
}
.footer-content .img-big{
	width: 14.5rem;
	height: 7.48rem;
	display: block;
	margin: 0 auto .25rem;
	padding: .13rem 0 0;
}
.footer-content .img-small1{
	width: 0.6rem;
	height: .75rem;
}
.footer-content .img-small2{
	width: 0.75rem;
	height: .75rem;
}
.footer-content-title{
	font-size:18px;
	margin:0 0 0 .15rem;
}
.footer-information{
	padding:0 .15rem;
	font-size:9px;
}
.font-big-red{
	font-size:.46rem;
	font-weight:bold;
	color:#dd1e2c;
	margin:0 0 .8rem;
	padding:.46rem 0 0;
}
.font-title{
	font-size:.26rem;
	margin:0 0 .2rem;
}
.font-content{
	font-size:.18rem;
	line-height:.27rem;
}
#cyq,#cyh,#zxq,#zxh/*,#hyq,#hyh*/{
	display:none;
}
#container{
	width:90%;
	height: 10rem;
	margin:50px auto 0;
	position:relative;
	color:#fff;
}
.big_small{
	cursor: pointer;
	transform-origin: center center;
	animation:_change 2.5s linear infinite;
}
@-webkit-keyframes _change{
	0%{
		width:100px;
		height:100px;
	}
	50%{
		width:110px;
		height:110px;
	}
	100%{
		width:100px;
		height:100px;
	}
}
@keyframes _change{
	0%{
		width:100px;
		height:100px;
	}
	50%{
		width:110px;
		height:110px;
	}
	100%{
		width:100px;
		height:100px;
	}
}
.selectBubbleBox {z-index: 100;width:100%;height:120px;margin:10px auto 0;}
.itemSelectBubble {float: left;margin:-30px 20px 0;position:relative;height:200px;width:20%;}
.itemSelectBubble div {width: 31px; height: 31px; border: solid 2px #c3c3c3; border-radius: 50%;margin:40px auto 20px;}
.itemSelectBubble p { font-size: 12px; line-height: 26px; width: auto;text-align:center;font-weight:600;}
.itemSelectBubble.active div{border:none;background: url(../img/car/guide/bubbleIcon1.png) no-repeat ;width: 60px; height: 60px; background-size:100% 100%;margin-top:10px;}

/*建筑窗膜*/
.building { font-size: 0; }
.building > img {  }

.building-banner{position: absolute;top: 1.5rem;right: 0;}

.building-sdcp{padding: 0.85rem 0 ;}
.building-sdcp .tit1{color: #dd1e2e; font-weight: bolder;margin-bottom: 0.5rem;}
.building-index{text-align: justify;}
.building-index {position: absolute;top: .5rem;width: 100%;}
.building-index .tit3{width: 65%;margin-top: .2rem}

.building-index .text-right{float: right}
.building-index .text-right .tit2{text-align: right;}
.building-index .text-right .tit3{float: right;width: 70%;}
.building-index .text-right .xngs{width: 100%;text-align: left;margin-top: .5rem;}
.building-index .text-right .xngs strong{display: block;}

.building-index .text-left .zsmtd{width: 60%;text-align: left;margin-top: .5rem;}
.building-index .text-left .zsmtd strong{display: block;}

.building .jzm{top:1.5rem;}
.building .jzm .tit1{font-weight: bolder;color: #dd1e2e;}
.building .jzm .tit3{width: 100%;}

.building .sdgn{margin-top: 1rem;}
.building-index  .smmg{margin-top: 1rem;}
.building-index  .smmg .tit3{margin-top: .5rem;}


.building .gzyd{background: #f7f8f8;}
.building .gzyd .tit1{margin-top: 1rem;}
.building .zlbz{margin-top: 1rem;}


.building-home{position: absolute;top:1rem;right: 0;}
.building-right{text-align: right;}
.building-home .tit2{margin-bottom: 1rem;}
.building-home .tit3{width: 70%;float: right;text-align: justify;}

.building-left{text-align: left;}
.building-left .tit3{float: left;}

.building-wndjt .tit2{margin-left: 2.2rem;margin-bottom: .3rem;}
.building-wndjt .tit3{width: 80%;}
.building-wndjt .tit3 p:first-child{margin-bottom: .3rem;}

.building-jtzs {top: .3rem;}
.building-jtzs .tit2{margin-bottom: 0.2rem;}
.building-jtzs .tit3{width: 80%;}


.link-building { text-align: center; font-size: 0; padding: 1.77rem 0; }
.item-link-building { display: inline-block; }
.item-link-building a { float: left; font-size: .59rem; line-height: .59rem; color: #fff; padding: .55rem 0; width: 6.13rem; border-radius: .11rem; background-color: #727171; margin: 0 .56rem; }

.memberane-tit{color: #dd1e2e;font-weight: bolder;padding: .8rem 0;}

.building-memberane{position: absolute;top: 1rem;}
.building-memberane .tit2{font-weight: bolder;}
.building-memberane .tit3{margin-top: .5rem; width: 60%;color: #4c4948;text-align: justify}
.building-memberane .tit3 .last{font-weight: bolder;margin-top: .3rem;}

.memberane-right{float: right;text-align: right;}
.memberane-right .tit3{float: right;text-align:justify;}

.memberane-jjfa .tit3{width: 75%;margin-top: 1rem;}
.memberane-jjfa .tit3 p:first-child{margin-bottom: .5rem;}
.memberane-jjfa .tit3 p span{display: inline-block;background: #0f181a; width: .41rem; height: .41rem;margin-right: .3rem;}

.memberane-cb{margin-top: 1rem;color: #4c4948;}
.memberane-cb .tit2{font-weight: bolder;}
.memberane-cb .tit3{margin-top: .5rem;}

.memberane-zbqbj{top:auto; bottom: .3rem;}
.memberane-zbqbj .tit3{width: 80%;margin-bottom: .5rem;}

.memberane-mi{margin-top: 1rem;margin-bottom: 1rem;}
.memberane-mi .tit3 .fl{width: 50%;}
.memberane-mi .tit3 .fr{width: 50%;}


.memberane-hyxg{top:.2rem}
.memberane-hyxg .tit3{width: 65%;}

.memberane-cljd{margin-top: 47%;width: 100%;}

.memberane-jdcl{top: .5rem;}
.memberane-jdcl .tit3{width: 100%;}
.memberane-jdcl .tit3 .fl{width: 43%;}
.memberane-jdcl .tit3 .fr{width:52%;}
.memberane-jdcl .tit3 p span{display: inline-block;background: #0f181a; width: .41rem; height: .41rem;margin-right: .3rem;}

.memberane-ymsy{top:52%;width: 100%;}
.memberane-ymsy .tit3{margin-top: 33%; width: 100%;}
.memberane-ymsy .tit3 span{display: inline-block;background: #0f181a; width: .41rem; height: .41rem;margin-right: .3rem;}

.building .bg-text{color: #fff;font-size: .45rem;font-weight: bolder;position: absolute;bottom: 5%;right: 10%;line-height: .4rem;}

.memberane-bg-text1{position: absolute;left: 10%;color: #fff;font-size: .45rem;bottom: 2%;}
.memberane-bg-text2{left: 45%;}

.memberane-ym .memberane-bg-text1{top:37%;bottom: auto;}

.road-work-case-building { padding: 0 1.81rem; }
.road-work-case-building a { display: block; }
.road-work-case-building strong { color: #dd1e2e;  margin: .9rem 0; display: block;}
.road-work-swipe { }
.road-work-swipe .swiper-slide img { width: 100%; height: 100%; }
.road-work-arrows { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; width: .79rem; background-color: rgba(0,0,0,.33); cursor: pointer; }
.road-work-arrows img { width: .4rem; height: .68rem; }
.road-work-arrows-left { left: 0; }
.road-work-arrows-right { right: 0; }
.building-case { padding: .84rem 1.77rem 0; margin-bottom: 1.31rem; }
.building-case strong { font-size: 1.05rem; line-height: 1.05rem; display: block; margin-bottom: .52rem; }
.building-case > p { font-size: .75rem; line-height: .75rem; margin-bottom: .72rem; }
.building-case-list { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; text-align: center; flex-wrap: wrap; }
.building-case-list li { width: 48%; margin-bottom: .68rem; }
.pricture-building-text { margin-top: .27rem; }
.pricture-building-text strong { float: left; font-size: .4rem; line-height: .4rem; margin-right: .45rem; }
.title-building-text { float: left; text-align: left; }
.title-building-text p { margin-bottom: .18rem; font-size: .4rem; line-height: .4rem; }
.title-building-text p:last-child { margin-bottom: 0; }
.pageMultiple { padding-top: .68rem; font-size: .4rem; line-height: .4rem; color: #4c4948; }
.pageMultiple span { color: black; }

/*漆面保护膜*/
.protective-strong { font-size: 1.04rem; line-height: 1.04rem; color: #000; display: block; text-align: center; }
.protective-film {  }
.protective-film > a { display: block; }
.protective-film-main { }
.features-paint {  }
.features-paint > strong { padding: 1.4rem 0 1.25rem; }
.features-box { font-size: 0; text-align: center; position: relative; }
.features-box-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.8); }
.showPicFeatures { display: inline-block; font-size: 0; height: 11.72rem; position: relative; z-index: 1;width: 88%; }
.item-features {
	float: left;
	width: .9rem;
	height: 100%;
	background-color: gray;
	margin-left: -1px;
	position: relative;
	overflow: hidden;
	text-align: right;
	cursor: pointer;
	 /* -webkit-transition: width .8s; */
	 /* transition: width .8s; */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
.maskFeatures { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.8); z-index: 1; transition: .35s; -webkit-transition: .35s;width: 100%; }
.item-features img {
	max-width: initial;
	width: 25.84rem;
	/*height: 11.72rem;;*/
	display: block;
	position: absolute;
	/*left: 0;
	top: 0;*/
	left: -59px;
	top: -25px;
	margin-left: -3.8rem;
	background: #000;
}
.showPicFeatures p { font-size: .41rem; line-height: .41rem; right: .69rem;; top: .72rem; opacity: 0; font-weight: bold; position: absolute; padding-left: 1.54rem;-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;}
.showPicFeatures p:before { display: inline-block; content: ''; position: absolute; left: 0; top: -.38rem; width: 1.22rem; height: 1.22rem; background-position: 0 0; background-size: 1.25rem; background-size: 100%; }
.showPicFeatures .traitFeaturesTxt1:before { background-image: url(../img/protective-film/showPicFeaturesIcon1.png); }
.showPicFeatures .traitFeaturesTxt2:before { background-image: url(../img/protective-film/showPicFeaturesIcon2.png); }
.showPicFeatures .traitFeaturesTxt3:before { background-image: url(../img/protective-film/showPicFeaturesIcon3.png); }
.showPicFeatures .traitFeaturesTxt4:before { background-image: url(../img/protective-film/showPicFeaturesIcon4.png); }
.showPicFeatures .traitFeaturesTxt5:before { background-image: url(../img/protective-film/showPicFeaturesIcon5.png); }
.showPicFeatures .traitFeaturesTxt6:before { background-image: url(../img/protective-film/showPicFeaturesIcon6.png); }
.showPicFeatures .traitFeaturesTxt7:before { background-image: url(../img/protective-film/showPicFeaturesIcon7.png); }
.features-arrows { position: absolute; top: 0; bottom: 0; width: 2.27rem; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; z-index: 99; }
.features-arrows img { width: .45rem; height: .72rem; }
.features-arrows-left { left: 0; }
.features-arrows-right { right: 0; }

@keyframes showFea {
	from {
		width: .9rem;
	}
	to {
		width: 9.31rem;
	}
}
@keyframes showPic {
	from {
		opacity: 0;
		/* // -webkit-transform: scale(0); */
		/* // transform: scale(0); */
	}
	to {
		opacity: 1;
		/* // -webkit-transform: scale(1); */
		/* // transform: scale(1); */
	}
}

.item-features-on { animation: .8s showFea linear forwards; }
.item-features-on .maskFeatures { opacity: 0; }
.item-features-on p { animation: 2s showPic linear forwards;}
.item-features-on p:before { background-position-y: -1.22rem; }

.title-features-paint { padding: 1.54rem 2.77rem; }
.title-features-paint-ul { display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap; }
.title-features-paint-ul li { width: 50%; margin-bottom: 1.47rem; }
.title-features-paint-ul li:last-child { margin-bottom: 0; }
.title-features-paint-ul li i { width: 1.22rem; height: 1.22rem; background-position: 0 0; background-size: 1.22rem; background-repeat: no-repeat; margin-bottom: .38rem; }
.title-features-i1 { background-image: url(../img/protective-film/showPicFeaturesIcon1.png); }
.title-features-i2 { background-image: url(../img/protective-film/showPicFeaturesIcon2.png); }
.title-features-i3 { background-image: url(../img/protective-film/showPicFeaturesIcon3.png); }
.title-features-i4 { background-image: url(../img/protective-film/showPicFeaturesIcon4.png); }
.title-features-i5 { background-image: url(../img/protective-film/showPicFeaturesIcon5.png); }
.title-features-i6 { background-image: url(../img/protective-film/showPicFeaturesIcon6.png); }
.title-features-i7 { background-image: url(../img/protective-film/showPicFeaturesIcon7.png); }
.title-features-paint-ul li p { font-size: .56rem; line-height: .56rem; }

.current-title-features i { background-position-y: -1.22rem !important; }
.current-title-features p { font-weight: bold; }

.used-to-think { margin-top: 1.4rem; }
.used-to-think > strong { margin-bottom: 1rem; }
.used-to-box { padding: 1.09rem 1.77rem 1.31rem; height: 6.88rem; background: url(../img/protective-film/bg1.jpg) center/cover no-repeat; }
.nav-used-to { font-size: 0; text-align: right; }
.nav-used-to span { font-size: .45rem; line-height: .45rem; color: #fff; padding: .13rem .25rem; border: solid .04rem transparent; margin-left: .79rem; }
.nav-used-to span.nav-span-on { border-color: #fff; font-weight: bold; }
.nav-used-to span:first-child { margin-left: 0; }
.list-used-to { margin-top: .45rem; border-top: solid .04rem #fff; }
.list-used-to li { border-bottom: solid .04rem #fff; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; text-align: left; padding: .36rem 1.27rem .36rem .25rem; }
.list-used-to li strong { font-size: .45rem; color: #fff; }
.list-used-to li p { width: 6.36rem; font-size: .45rem; line-height: .54rem; color: #fff; }


.video-protective { text-align: center; }
.video-protective strong { padding: 1.29rem 0 1rem; }
.video-protective video { background-color: #000; font-size: 14rem; }
.demand-switch { padding: 1.27rem 0; background-color: #f7f8f8; }
.demand-switch strong { margin-bottom: 1.31rem; color: #000; }
.demand-switch-box { text-align: center; font-size: 0; }
.demand-switch-main { padding: 1.2rem 1.77rem 0; display: inline-block; text-align: left; }
.left-demand-main { width: 10.27rem; float: left; font-size: 0; margin-right: .75rem; }
.left-demand-main > img { width: 9.65rem; }
.left-demand-txt { margin-top: 1.4rem; }
.left-demand-txt i { width: 2.95rem; height: 1.47rem; background-image: url(../img/protective-film/multipleProductIcon.png); background-position: 0 0; background-size: 2.95rem; background-repeat: no-repeat; }
.left-demand-txt .left-demand-icon1 { background-position-y: 0; }
.left-demand-txt .left-demand-icon2 { background-position-y: -1.47rem; }
.left-demand-txt .left-demand-icon3 { background-position-y: -2.94rem; }
.left-demand-txt .left-demand-icon4 { background-position-y: -4.41rem; }
.left-demand-txt .left-demand-icon5 { background-position-y: -5.88rem; }
.left-demand-txt strong { font-size: .59rem; line-height: .59rem; color: #000; display: block; margin: .34rem 0 1.02rem; }
.left-demand-txt p { font-size: .45rem; line-height: .68rem; color: #000; }

.right-demand-main { width: 2.5rem; float: right; }
.right-demand-main i { display: block; width: 100%; height: 2.5rem; background-size: 2.5rem; background-repeat: no-repeat; background-position: 0 0; margin-bottom: .52rem; }
.right-demand-main i:last-child { margin-bottom: 0; }
.right-demand-main .right-demand-icon1 { background-image: url(../img/protective-film/multipleProductIconLine1.png); }
.right-demand-main .right-demand-icon2 { background-image: url(../img/protective-film/multipleProductIconLine2.png); }
.right-demand-main .right-demand-icon3 { background-image: url(../img/protective-film/multipleProductIconLine3.png); }
.right-demand-main .right-demand-icon4 { background-image: url(../img/protective-film/multipleProductIconLine4.png); }
.right-demand-main .right-demand-icon5 { background-image: url(../img/protective-film/multipleProductIconLine5.png); }

.right-demand-main .right-demand-icon-on { background-position-y: -2.5rem; }
@media only screen and (max-width: 440px) {
	.left-demand-main { width: 8.27rem; }
}

.skill-roadWork { padding: 2.31rem 0; }
.skill-roadWork strong { color: #000; margin-bottom: .92rem; }
.skill-roadWork-main { padding: 0 .81rem; }
.skill-roadWork-main img { position: relative; z-index: 1; }
.txt-skill-roadWork { margin-top: -2.47rem; height: 13.22rem; background: url(../img/protective-film/skill-roadWork-bg.png) center/cover no-repeat; }
.txt-skill-roadWork { position: relative; }
.txt-skill-roadWork-main { width: 8.31rem; position: absolute; right: 0; top: 3.22rem; font-size: 0; }
.txt-skill-roadWork-main strong { display: block; width: 6.04rem; font-size: .59rem; line-height: .59rem; color: #000; padding-bottom: .43rem; border-bottom: solid .02rem #000; margin-bottom: .47rem; }
.txt-skill-roadWork-main p { font-size: .45rem; line-height: .45rem; margin-bottom: .63rem; }
.txt-skill-roadWork-main a {  }

.road-work-case { padding: 2.27rem 1.77rem; background-color: #f7f8f8; text-align: center; }
.road-work-case strong { margin-bottom: .97rem; }
.swipe-road-work {  }
.gallery-top { height: 12.15rem; }
.gallery-thumbs { height: 2.84rem; margin-top: .2rem; }
.gallery-thumbsLeft { left: 0; }
.gallery-thumbsRight { right: 0; }
.gallery-thumbsLeft, .gallery-thumbsRight {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.1);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 1.18rem;
    z-index: 1;
    cursor: pointer;
}
.gallery-thumbsLeft img, .gallery-thumbsRight img { width: .45rem; height: .68rem; }
.road-work-case > img { width:100%; margin-top: 1.5rem; }

.road-work-case-process { font-size: 0; padding: 2.27rem 0; }
.road-work-case-process strong { margin-bottom: .95rem; }

.quality-assurance { font-size: 0; padding: 2.27rem 0; background-color: #f7f8f8; }
.quality-assurance strong { margin-bottom: .97rem; }

.product-maintenance { font-size: 0; padding: 2.27rem 0; }
.product-maintenance strong { margin-bottom: .95rem; }

.the-matters { font-size: 0; padding: 2.27rem 0; background-color: #f7f8f8; }
.the-matters strong { margin-bottom: .95rem; }

.introduce-film-box {  }
.introduce-film { padding: 1rem 1.77rem 0; }
.introduce-film > strong { font-size: .59rem; line-height: .59rem; color: #000; display: block; margin-bottom: .34rem; }
.introduce-film > p { font-size: .45rem; line-height: .45rem; color: #000; margin-bottom: 1.43rem; }
.trait-introduce { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.item-trait-introduce { width: 50%; display: flex; display: -webkit-flex; align-items: center; margin-bottom: 1.36rem; }
.item-trait-introduce img { width: 1.4rem; height: 1.4rem; margin-right: .52rem; }
.item-trait-introduce p { font-size: .45rem; line-height: .54rem; }
.item-trait-introduce:nth-child(2n) { justify-content: flex-end; }
.hydrogard-introduce { margin-top: .9rem; }
.hydrogard-introduce > strong { margin-bottom: .93rem; }
.title-hydrogard { font-size: .59rem; line-height: .59rem; }
.hydrogard-list { text-align: center; margin-top: 1.18rem; }
.hydrogard-list-ul { display: inline-block; text-align: left; }
.hydrogard-list-ul li { font-size: .45rem; line-height: .45rem; margin-bottom: .36rem; position: relative; padding-left: .59rem; }
.hydrogard-list-ul li:before { display: inline-block; width: .45rem; height: .45rem; background-color: #000; color: #fff; border-radius: 100%; position: absolute; left: 0; top: 0; text-align: center; }
.hydrogard-list-ul li:nth-child(1):before { content: '1'; }
.hydrogard-list-ul li:nth-child(2):before { content: '2'; }
.hydrogard-list-ul li:nth-child(3):before { content: '3'; }
.hydrogard-list-ul li:nth-child(4):before { content: '4'; }
.introduce-film-box > img { width: 100%; }
.star-introduce { padding: 1.5rem 1rem 1.27rem; }
.item-starThe { display: flex; display: -webkit-flex; justify-content: space-between; align-content: center; margin-bottom: 1.15rem; }
.item-starThe li { width: 33%; font-size: 0; }
.item-starThe li:first-child { width: 24%; }
.item-starThe li strong { font-size: .59rem; line-height: .59rem; display: block; }
.item-starThe li:not(:first-child) strong {text-align:center; margin-bottom: .18rem; }
.item-starThe li p {text-align:center; font-size: .45rem; line-height: .45rem; }
.item-starThe li i { width: .68rem; height: .54rem; margin-right: .05rem; background-image: url(../img/protective-film/introduce-film-diamond-gray.png); background-position: center; background-size: cover; background-repeat: no-repeat; }
.item-starThe li i:last-child { margin-right: 0; }
.starThe1 i:nth-child(1),
.starThe2 i:nth-child(1),
.starThe2 i:nth-child(2),
.starThe3 i:nth-child(1),
.starThe3 i:nth-child(2),
.starThe3 i:nth-child(3),
.starThe4 i:nth-child(1),
.starThe4 i:nth-child(2),
.starThe4 i:nth-child(3),
.starThe4 i:nth-child(4),
.starThe5 i { background-image: url(../img/protective-film/introduce-film-diamond-black.png) !important; }
.time-limit {position: relative; }
.time-limit > img { width: 100% }
.time-limit-text { position: absolute; top: .5rem; right: 0;}
.text-bg-time-limit {}
.time-limit-text p {width: 68%;float: right;}
.product-guide { padding: 0 1.77rem; }
.product-guide-list {  }
.product-guide-list li { display: flex; display: -webkit-flex; align-items: center; margin-bottom: .34rem; }
.product-guide-list li img { width: 1.25rem; height: 1.25rem; border-radius: 100%; margin-right: .59rem; }
.product-guide-list li p { font-size: .4rem; line-height: .61rem; }
.product-guide > p { font-size: .4rem; line-height: .61rem; }
.prompt-guide {  }
.prompt-guide strong { font-size: .59rem; line-height: .59rem; display: block; margin-bottom: .54rem; }
.prompt-guide p { font-size: .4rem; line-height: .81rem; margin-bottom: 1.04rem; }
.tips-guide { font-size: .4rem; line-height: .4rem; margin-bottom: .95rem; }
.prompt-guide-img { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.prompt-guide-img img { width: 48%; }
.the-matters-box { padding: 0 1.77rem; }
.the-matters-box p { font-size: .4rem; line-height: .81rem; margin-bottom: .54rem; }
.the-matters-box p:last-child { margin-bottom: 0; }
.the-matters-list {  }
.the-matters-list li { font-size: .4rem; line-height: .54rem; margin-bottom: .86rem; }
.the-matters-img { text-align: center; margin-bottom: .88rem; }
.the-matters-img img { width: 13.31rem; }

/*LLumar PPF 钻享*/
.drill-details { font-size: 0; }
.drill_details-trait-in .film-text-in p { float: left; margin: 0; margin-right: .27rem; }
.drill_details-trait-in .film-text-in img { float: left; width: .84rem; height: .84rem; }
.drill_details-trait-list li { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.drill_details-trait-list li img { margin: 0; margin-bottom: .4rem; }
.drill_details-trait-list li span { display: block; width: 100%; }
.drill_details-main {  }
.drill_details-main .text-item-network { bottom: .59rem; width: 10.65rem; }
.drill_details-main .text-item-network strong { margin-bottom: .4rem; }
.trait-drill_details { font-size: .81rem; line-height: .81rem; margin-bottom: .35rem; text-align: left; }
.subtitle-drill_details { font-size: .59rem; line-height: .59rem; margin-bottom: 1.36rem; text-align: right; }
.describe-drill_details { font-size: .45rem; line-height: .45rem; margin-bottom: 1.36rem; }
.drill_details-main .text-item-network p { margin-bottom: 0; }
.drill_details-main .film-num { bottom: 4.33rem; }
.drill_details-main .film-num1 { background-image: url(../img/protective-film/Drill_details/1.png); }
.drill_details-main .film-num2 { background-image: url(../img/protective-film/Drill_details/2.png); }
.drill_details-main .film-num3 { background-image: url(../img/protective-film/Drill_details/3.png); }
.drill_details-main .film-num4 { background-image: url(../img/protective-film/Drill_details/4.png); }
.drill_details-main .film-num5 { background-image: url(../img/protective-film/Drill_details/5.png); }
.drill_details-main .film-num6 { background-image: url(../img/protective-film/Drill_details/6.png); }
.drill_details-main .pos-box-network { padding-top: 2.61rem; }
.process-show { padding: 0 1.77rem; }
.process-show > strong { text-align: left; margin-bottom: .77rem; }
.process-show-list {  }
.process-show-list li { padding-left: .95rem; position: relative; margin-bottom: .86rem; }
.process-show-list li strong { font-size: .54rem; line-height: .54rem; display: block; margin-bottom: .47rem; }
.process-show-list li p { font-size: .4rem; line-height: .4rem; color: #4c4948; }
.process-show-list li:before { display: inline-block; content: ''; position: absolute; left: 0; top: 0; width: .56rem; height: .56rem; line-height: .56rem; background-color: #000; border-radius: 100%; text-align: center; color: #fff; font-size: .54rem; }
.process-show-list li:nth-child(1):before { content: '1'; }
.process-show-list li:nth-child(2):before { content: '2'; }
.process-show-list li:nth-child(3):before { content: '3'; }
.process-show-list li:nth-child(4):before { content: '4'; }

/*膜力仕6艺*/
.liuyi {  }
.liuyi-items { padding: 1.63rem 1.77rem 0; }
.liuyi-items strong { color: #000; margin-bottom: 1.29rem; }
.liuyi-items video { background-color: #000; }
.swipe-liuyi-items { margin-top: .2rem; position: relative; }
.swipe-arrows { position: absolute; top: 0; bottom: 0; z-index: 99; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; width: 1.27rem; background-color: rgba(0,0,0,.45); }
.swipe-arrows img { width: .45rem; height: .68rem; }
.swipe-arrows-left { left: 0; }
.swipe-arrows-right { right: 0; }
.technician-liuyi { padding-top: 1.59rem; }
.technician-liuyi > strong { margin-bottom: 1.2rem; }
.text-technician { padding: 0 1.77rem; }
.text-technician > p { font-size: .4rem; line-height: .61rem }
.type-technician { margin-top: .59rem; }
.items-type-technician { display: flex; display: -webkit-flex; justify-content: space-between; align-items: baseline; text-align: left; margin-bottom: .27rem; }
.items-type-technician strong,
.items-type-technician p { font-size: .4rem; line-height: .4rem; color: #000; }
.items-type-technician strong { flex: 1; -webkit-flex: 1; }
.items-type-technician p { flex: 5; -webkit-flex: 5; line-height: .61rem; }
.swipe-techniaian { margin-top: 1.13rem; }
.authorization-technician { padding: 0 1.77rem 2.13rem; text-align: center; }
.authorization-technician strong { padding: 1.45rem 0 1.27rem; }
.authorization-technician p { font-size: .4rem; line-height: .61rem; color: #000; margin-bottom: 1.2rem; text-align: left; }
.authorization-technician img { margin-bottom: 1.2rem; }
.authorization-technician a { width: 5.77rem; padding: .36rem 0; }

/* 2018-08-12 */
.hy-film-main {  }
.hy-film-main .text-item-network {  }
.hy-film-main .text-item-network i { position: absolute; top: 0; }
.hy-film-main .text-item-network .hy-icon1 { width: 2.81rem; height: 2.27rem; background: url(../img/car/hy/icon1.png) center/cover no-repeat; left: 1.3rem; }
.hy-film-main .text-item-network .hy-icon2 { width: 2.27rem; height: 2.27rem; background: url(../img/car/hy/icon2.png) center/cover no-repeat; right: 1.3rem; }
.hy-film-main .text-item-network .hy-icon3 { width: 2.15rem; height: 2.15rem; background: url(../img/car/hy/icon3.png) center/cover no-repeat; left: 1.3rem; }
.hy-film-main .text-item-network .hy-icon4 { width: 2.72rem; height: 2.77rem; background: url(../img/car/hy/icon4.png) center/cover no-repeat; right: 1.2rem; }
.hy-film-main .text-item-network strong { margin-bottom: 0; margin-bottom: .4rem; }
.hy-film-main .text-item-network p { margin-bottom: 0; }
.subtitle-hy { font-size: .81rem; line-height: .81rem; text-align: left; margin-bottom: 1.09rem; }
.trait-hy { display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; margin-bottom: .79rem; }
.item-trait-hy { display: flex; display: -webkit-flex; align-items: center; margin-left: .7rem; }
.item-trait-hy img { width: .31rem; height: .45rem; margin-right: .13rem; }
.item-trait-hy span { font-size: .45rem; line-height: .45rem; }
.subtitle-describe { font-size: .45rem; line-height: .54rem; margin-bottom: .5rem; text-align: left; }
.process-show-hy { margin-top: 1rem; }
.process-show-hy strong { font-size: 1.04rem; line-height: 1.04rem; display: block; margin-bottom: 1.13rem; padding-left: 1.79rem; }
.process-show-hy-img { margin-bottom: 1.9rem; text-align: center; }




.net-banner-text{position: absolute;top: 10%;width: 100%;}
.net-banner-text .top-text{margin-bottom: 2rem;}
.net-banner-text .top-text .tit2{font-weight: bolder;}
.net-banner-text .banner-text-icon{width: 2.4rem;margin-top: -1rem;margin-left: .5rem;}

.net-banner-text  strong{display: block;}
.net-banner-text  strong:last-child{margin-left: 1rem;}

.net-banner-right{right: 0;text-align: right;}

.protective-drill{position: absolute;top:1rem;width: 100%;}
.protective-drill .tit1{font-weight: bolder;}
.protective-drill .tit3{margin-top: .3rem; width: 80%;color: #4c4948;}

.protective-drill-right{right: 0;text-align: right;}
.protective-drill-right .tit3{float: right;}