@charset "utf-8";
@font-face {
    font-family: dincondbold;
    src: url("../font/dincondbold.otf");
}
@font-face {
    font-family: markprobold;
    src: url("../font/markprobold.otf");
}
@font-face {
    font-family: impact;
    src: url("../font/impact.ttf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";}
img{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.padding-tb40{padding: 40px 0;}
.padding-tb60{padding: 60px 0;}
.padding-tb70{padding: 70px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb100{padding: 100px 0;}
.padding-tb110{padding: 110px 0;}
.padding-tb120{padding: 120px 0;}
.padding-tb140{padding: 140px 0;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.bgf1{background: #f1f1f1;}
.bgf2{background: #f2f2f2;}
.bgf3{background: #f3f3f3;}
.bgf4{background: #f4f4f4;}
.bgf5{background: #f5f5f5;}
.bgf6{background: #f6f6f6;}
.bgf7{background: #f7f7f7;}
.bgf8{background: #f8f8f8;}
.bgf9{background: #f9f9f9;}
.bgfff{background: #fff;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.padding40{padding: 40px;}
.padding50{padding: 50px;}
.padding60{padding: 60px;}
.headerbg333 .header{background: #333;}
/*header s*/
.header{position: fixed;z-index: 999;width: 100%;top:0;transition: all .4s;height: 84px;border-bottom: 1px solid rgba(255,255,255,.3);}
.nav-box{margin: 0 auto;width: 1183px;position: relative;}
.nav-box:after{content: '';position: absolute;right: 0;height: 100%;top:0;border-right: 1px solid rgba(255,255,255,.3);}
.nav{font-size: 0;text-align: center;margin-right:110px;}
.nav li{font-size: 14px;display: inline-block;vertical-align: middle;position: relative;margin: 0 13px;}
.nav li:nth-child(3){margin-right: 388px;}
.nav-yi{display: inline-block;line-height: 116px;height: 84px;width: 102px; position: relative;text-indent: 4px;}
.nav-yi span{font-size: 16px;color: #fff;position: relative;z-index: 5;}
.nav-er{position: absolute;width: 100%;left: -7%;background: rgba(254,254,254,.76);opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;padding: 16px 0;}
.nav-er a{display: block;text-align: center; line-height: 44px;text-transform: uppercase;font-size: 16px;color: #343434;position: relative;}
.nav-er img{position: absolute;left: 0;width: 100%;top:100%;}
/*.nav-er a:after{width: 4px;height: 4px;top:50%;margin-top: -2px;border-radius: 100%;left: 8px;background: #4a4a4a;content: '';position: absolute;}*/
.logo{position: absolute;left: 50%;bottom:16px;transform: translateX(-50%);}
.logo img{height: 40px;}
.nav-yi .i{position: absolute;left: 0;width: 100%;height: 100%;background: #b60005;transition: all .4s;bottom:100%;transform: skew(-20deg);transform-origin: bottom center;}
.nav li.active .i{bottom: 0;left: -7%;}
.header-area{position: absolute;right: 120px;top:0;text-align: right;}
.header-tel{font-size: 24px;color: #b60005;margin-top: 15px;display: block;}
.header-tel img{vertical-align: middle;margin-right: 10px;margin-top: -4px;}
.entry{margin-top: 4px;}
.entry span,.entry a{font-size: 12px;color: #bcbcbc;display: inline-block;}
.entry a img{margin-right: 10px;vertical-align: middle;margin-top: -4px;}
.entry span{margin: 0 18px;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #fff; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
body.is-scroll .header{background: #333;}
/*header e*/
/*footer s*/
.footer{background: url("../images/footer-bg.jpg") no-repeat center;background-size: cover;}
.footer-top{padding: 45px 0 35px;}
.footer-bot span,.footer-bot a{font-size: 14px;color: #4a4a4a;display: inline-block;}
.footer-logo img{height: 50px;}
.footer-lx span{display: block;font-size: 16px;color: #fff;}
.footer-lx strong{color: #d6000f;font-size: 48px;font-family: dincondbold;display: block;margin-bottom: 25px;}
.footer-lx p{font-size: 13px;color: #a7a7a7;text-transform: uppercase;margin-top: 8px;}
.footer-logo{margin-bottom: 55px;}
.footer-r{margin-left: 306px;}
.footer-nav-code{border-top: 1px solid #2d2d31;border-bottom: 1px solid #2d2d31;}
.share a{display: inline-block;vertical-align: middle;width: 36px;height: 36px;margin-left: 10px;position: relative;box-sizing: border-box;border:1px solid #a5a5a5;border-radius: 100%;transition: all .4s;}
.weixin{background-image: url("../images/weixin.png");}
.weixin:hover{background-image: url("../images/weixin2.png");}
.weibo{background-image: url("../images/weibo.png");}
.weibo:hover{background-image: url("../images/weibo2.png");}
.qzone{background-image: url("../images/qq.png");}
.qzone:hover{background-image: url("../images/qq2.png");}
.hide-code{position: absolute;width: 126px;height: 0;overflow: hidden; bottom:40px;left: 50%;margin-left: -63px;transition: all .4s;}
.share a:hover{border-color: #d6000f;}
.share a:hover .hide-code{height: 126px;}
.footer-share .share{display: inline-block;margin-right: 50px;}
.footer-share{margin-bottom: 20px;text-align: right;}
.footer-nav-code{font-size: 0;}
.footer-nav,.footer-code{display: inline-block;vertical-align: top;font-size: 14px;text-align: center;padding-top: 45px;padding-bottom: 10px;}
.footer-code{width: 30%;}
.footer-nav{width: 60%;border-right: 1px solid #2d2d31;box-sizing: border-box;}
.footer-dl{display: inline-block;text-align: left;}
.footer-dl dl{display: inline-block;vertical-align: top;margin-left: 60px;}
.footer-dl dt{font-size: 18px;color: #c5c5c5;margin-bottom: 30px;}
.footer-dl dd{margin-bottom: 8px;}
.footer-dl dd a{color: #838383;}
.footer-bot{padding: 15px 0;}
.footer-code{font-size: 0;}
.cdoes{display: inline-block;vertical-align: top;width: 110px;margin: 0 20px;font-size: 14px;}
.cdoes p{color: #838383;margin-top: 12px;}
/*footer e*/
/*index s*/
.banner-text{position: absolute;left: 0;width: 100%;text-align: center;z-index: 9;top:84px;padding-top: 3.5%;}
.banner-text h2{font-size: 40px;color: #d5d8dc;}
.banner-text p{color: #abb0b6;text-transform: uppercase;margin-top: 10px;}
.yyty{background: #020202;padding: 35px 0;font-size: 0;}
.yyty a{display: inline-block;background: #282828;border:1px solid #888;width: 252px;height: 48px;line-height: 48px;border-radius: 24px;font-size: 20px;color: #fff;margin: 0 14px;}
.yyty a img{vertical-align: middle;margin-top: -4px;margin-right: 26px;}
.mo-type li{float: left;width: 50%;position: relative;}
.mo-title{position: absolute;right: 54px;left: 54px;top:125px;}
.mo-type li:nth-child(1){text-align: right;}
.mo-title h3{font-size: 24px;color: #fefefe;margin-top: 12px;margin-bottom: 10px;}
.mo-title .i{width: 25px;height: 2px;background: #d9dadc;display: inline-block;margin-bottom: 30px;}
.more{font-size: 12px;color: #ffffff;font-family: Arial;}
.more img{margin-left: 5px;}
.title24-en{font-size: 48px;color: #d6000f;font-family: markprobold;text-transform: uppercase;}
.title24{margin-bottom: 50px;}
.title24 h2{font-size: 24px;color: #000;margin-top: 10px;margin-bottom: 15px;}
.title24 p{font-size: 16px;color: #696969;line-height: 2em;width: 930px;max-width: 100%;margin: 20px auto 0;}
.title24 .i{width: 36px;height: 2px;background: #9c9c9c;margin: 0 auto;}
.gongyi li{position: absolute;}
.gongyi li .img100{width: 56px;height: 56px;border:1px solid #d6000f;border-radius: 100%;position: absolute;top:0;}
.gongyi li:nth-child(odd){padding-right: 73px;}
.gongyi li:nth-child(odd) .img100{right: 0;}
.gongyi li:nth-child(even){padding-left: 73px;}
.gongyi li:nth-child(even) .img100{left: 0;}
.gongyi li p{font-size: 16px;color: #3a3a3a;padding-top: 16px;}
.gongyi li:nth-child(1){right: 63%;top: 15%;}
.gongyi li:nth-child(2){left: 65%;top: 15%;}
.gongyi li:nth-child(3){right: 67.5%;top: 29%;}
.gongyi li:nth-child(4){left: 69.5%;top: 29%;}
.gongyi li:nth-child(5){right:71%;top: 44.5%;}
.gongyi li:nth-child(6){left:72.5%;top: 44.5%;}
.gongyi li:nth-child(7){right:73.5%;top: 60%;}
.gongyi li:nth-child(8){left:75%;top: 60%;}
.gongyi li:nth-child(7){right:73.5%;top: 60%;}
.gongyi li:nth-child(8){left:75%;top: 60%;}
.gongyi li:nth-child(9){right:74.5%;top: 77%;}
.gongyi li:nth-child(10){left:76.5%;top: 77%;}
.bannerDot{position: absolute;z-index: 9;left: 0;width: 100%;bottom:30px;text-align: center;}
.bannerDot .swiper-pagination-bullet{margin: 0 10px; opacity: 1;width: 10px;height: 10px;background: rgba(255,255,255,.8);}
.bannerDot .swiper-pagination-bullet-active{background: #d6000f;}
.banner-num{position: absolute;left: 0;top:50%;z-index: 9;transform: translateY(-50%);}
.banner-num span{font-size: 12px;color: rgba(255,255,255,.3);font-family: "宋体"; display: block;margin: 5px 0;cursor: pointer;}
.banner-num span:before{content: '';display: inline-block;width: 24px;height: 2px;background: #6f7073;vertical-align: middle;transition: all .4s;margin-right: 4px;}
.banner-num span.active{color: #d6000f;}
.banner-num span.active:before{background: #d6000f;width: 46px;}
.zindexhide{z-index: -1;}
/*index e*/

/*2.1新闻中心 s*/
.ban-des{display: inline-block;margin-left: 200px;margin-bottom: 180px;}
.ban-des p{margin-top: 10px;font-size: 16px;color: #abb0b6;text-transform: uppercase;}
.sn-des{display: inline-block;}
.sn-des p{margin-top: 10px;font-size: 22px;color: #abb0b6;text-transform: uppercase;}
.ban-des h2,.sn-des h2{font-size: 48px;color: #fcfcfc;}
.xinwen-top{padding: 0 20px;background: #ededed;border-radius: 5px;line-height: 40px;margin-bottom: 50px;height: 40px;position: relative;z-index: 10;}
.xinwen-type{font-size: 0;}
.xinwen-type a{display: inline-block;padding: 0 16px;font-size: 16px;color: #3a3a3a;position: relative;margin-right: 40px;vertical-align: bottom;transition: all .4s;}
.xinwen-type a:last-child{margin-right: 0;}
.xinwen-type a:after{right: -20px;top:50%;content: '';position: absolute;height: 14px;border-right: 1px solid #5d5d5d;margin-top: -7px;}
.xinwen-type a:last-child:after{display: none;}
.xinwen-type a.active{background: #b60005;color: #fff;}
.xinwen-type a:hover{background: #b60005;color: #fff;}
.fenlei i{font-style: normal;}
.fenlei a,.fenlei span{margin-right: 12px;color: #3a3a3a;transition: all .4s;}
.fenlei a{font-size: 16px;}
.fenlei span{font-size: 12px;}
.fenlei a.active{color: #b60005;}
.fenlei a:hover{color: #b60005;}
.new-play .swiper-slide a{display: block;position: relative;}
.new-play .swiper-slide a:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(255,255,255,.4);opacity: 1;transition: all .4s;z-index: 5;}
.new-play .swiper-slide-active a:before{opacity: 0;}
.newBtn div{width: 28px;height: 48px;background-color: rgba(255,255,255,.8);position: absolute;top:50%;margin-top: -24px;z-index: 9;cursor: pointer;left: 50%;transition: all .4s;opacity: 0;}
.newBtn1{background-image:url("../images/btn281.png");}
.newBtn1:hover{background-image:url("../images/btn281-1.png");}
.newBtn2{background-image:url("../images/btn282.png");}
.newBtn2:hover{background-image:url("../images/btn282-1.png");}
.newBtn div:hover{background-color: rgba(182,0,5,.8);}
.swiper-dot{margin-top: 30px;}
.swiper-dot .swiper-pagination-bullet{opacity: 1;background: #bfbfbf;margin: 0 5px; width: 9px;height: 9px;}
.swiper-dot .swiper-pagination-bullet-active{background: #b60005;}
.xw-list .img100{height: 214px;width: 264px;}
.xw-list{font-size: 0;}
.xw-list li{background: #f5f5f5;display: inline-block;vertical-align: top;font-size: 14px;width: 47.5%;margin-right: 5%;margin-bottom: 30px;}
.xw-list li:nth-child(even){margin-right: 0;}
.xw-list li a{display: block;position: relative;padding: 4px;}
.xw-con{position: absolute;left: 295px;top:0;right: 25px;height: 100%;}
.xw-con h3{font-size: 16px;color: #141414;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;margin-bottom: 10px;}
.xw-con span{font-size: 11px;color: #b2b2b2;display: block;margin-bottom: 20px;}
.xw-con p{color: #808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;margin-bottom: 30px;}
.ljgd{font-size: 13px;color: #adadad;transition: all .4s;}
.ljgd img{filter: grayscale(1);transition: all .4s;opacity: 0.4;vertical-align: middle;margin-top: -2px;margin-left: 8px;}
.xw-list li a:hover h3{color: #b60005;}
.xw-list li a:hover .ljgd{color: #b60005;}
.xw-list li a:hover .ljgd img{filter: grayscale(0);opacity: 1;}
.margin-b60{margin-bottom: 60px;}
.page{text-align: center;font-size: 0;margin-top: 50px;margin-bottom: 20px;}
.page a{font-size: 14px;line-height: 30px;border:1px solid #d1d1d1;color: #666;display: inline-block;padding: 0 10px;margin: 0 6px;}
.page a.active{border-color: #b60005;color: #b60005;}
.page a.pages:hover{border-color: #b60005;color: #b60005;}
.page a.page-btn{background: #939393;color: #fff;border-color: #939393;}
.page a.page-btn:hover{background: #b60005;color: #fff;border-color: #b60005;}
/*2.1新闻中心 e*/
/*2.2新闻中心详情 s*/
.xwxq-top h1{font-size: 24px;color: #353535;margin-bottom: 30px;}
.xwxq-top span{display: inline-block;color: #989898;margin: 0 17px;}
.xwxq-top{border-bottom: 1px solid #c7c7c7;padding-bottom: 20px;}
.edited{padding: 40px 0 0;min-height: 300px;}
.edited p{font-size: 13px;line-height:2em;color: #818181;}
.edited img{display: block;max-width: 100%;height: auto !important;margin: 30px auto !important;}
/*2.2新闻中心详情 e*/
/*3.1产品漆面膜 s*/
.youdian{width: 50%;}
.title30{margin-bottom: 50px;}
.title30 h2{font-size: 30px;}
.title30 .i{width: 42px;height: 2px;background: #666;margin-top: 22px;}
.title30.text-center .i{margin: 22px auto 0;}
.title30-fff h2{color: #fff;}
.title30-fff .i{background: #fff;}
.youdian-list{font-size: 0;}
.youdian-list li{font-size: 14px;display: inline-block;vertical-align: top;width: 30%;margin-right: 5%;text-align: center;margin-bottom: 35px;}
.youdian-list li:nth-child(3n){margin-right: 0;}
.youdian-img{width: 75px;border:1px solid #fff;border-radius: 100%;margin: 0 auto;transition: all .4s;}
.youdian-list h3{font-size: 18px;color: #fff;margin: 30px 0 15px;}
.youdian-list p{color: #c5c4c4;}
.youdian-list li:hover .youdian-img{background: #b60005;border-color: #b60005;}
.youdian{padding-top: 80px;}
.title30 h2 i{font-size: 48px;color: #b60005;margin-right: 5px;}
.title30 h2 span{font-size: 18px;}
.padding-t80{padding-top: 80px;}
.ten-bot{padding-top: 60px;}
.ten-bot img{vertical-align: bottom;}
.ten{width: 1340px;max-width: 92%;margin: 0 auto;}
.ten-list li{width: 144px;height: 144px;border:1px dashed #fff;border-radius: 100%;position: absolute;z-index: 9;transition: all .4s;}
.ten-con{position: absolute;top:4px;right: 4px; bottom:4px;left: 4px;background: #838589;border-radius: 100%;transition: all .4s;}
.ten-warp{margin: 8px;}
.ten-warp h4{font-size: 18px;color: #000;margin-bottom: 5px;transition: all .4s;}
.ten-warp p{color: #373737;line-height: 19px;transition: all .4s;}
.ten-list li:nth-child(1){top: 64%;left: -1.5%;}
.ten-list li:nth-child(2){top: 36%;left: -1.6%;}
.ten-list li:nth-child(3){top: 13%;left: 6.3%;}
.ten-list li:nth-child(4){top: 1%;left: 18.8%;}
.ten-list li:nth-child(5){top: -6%;left: 32%;}
.ten-list li:nth-child(6){top: -9%;left: 46%;}
.ten-list li:nth-child(7){top: -7%;left: 59.5%;}
.ten-list li:nth-child(8){top: 1.2%;left: 72.2%;}
.ten-list li:nth-child(9){top: 15.2%;left: 84%;}
.ten-list li:nth-child(10){top: 38.2%;left: 92%;}
.ten-list li:hover{border-color: #b60005;}
.ten-list li:hover .ten-con{background: #b60005;}
.ten-list li:hover h4{color: #fff;}
.ten-list li:hover p{color: #fff;}

.ten-list li.active{border-color: #b60005;}
.ten-list li.active .ten-con{background: #b60005;}
.ten-list li.active h4{color: #fff;}
.ten-list li.active p{color: #fff;}


.six{width: 806px;max-width: 100%;margin: 0 auto;}
.padding-t100{padding-top: 100px;}
.six-list li{padding-left: 60px;box-sizing: border-box;position: absolute;width: 290px;}
.six-list span{font-size: 36px;color: #d6000f;position: absolute;left: 0;top:-3px;line-height: 1em;}
.six-list h4{font-size: 24px;color: #fff;margin-bottom: 12px;}
.six-list p{color: #fff;}
.six-list li:nth-child(1){left: 0;top:-70px;}
.six-list li:nth-child(2){left: -267px;top:50%;}
.six-list li:nth-child(3){left: 7%;top:103%;}
.six-list li:nth-child(4){left: 74%;top:-4%;width: 300px;}
.six-list li:nth-child(5){left: 102%;top:49%;}
.six-list li:nth-child(6){left: 80%;top:103%;width: 496px;}
.six-box{padding-bottom: 180px;}
.texing{background: #070908;}
.texing-top{position: absolute;left: 0;width: 100%;top:10%;}
.texing-list li{float: left;background: rgba(0,0,0,.5);border:1px solid #696c6c;box-sizing: border-box;width: 49%;margin-right: 2%;margin-bottom: 1%;position: relative;}
.texing-list li:nth-child(even){margin-right: 0;}
.texing-con{height: 96px;}
.texing-list span{position: absolute;top:0;height: 100%;line-height: 96px;text-align: center;background: #b60005;width: 93px;font-size: 48px;color: #fff;}

.texing-list li:nth-child(1) span,.texing-list li:nth-child(2) span{left: 0;}
.texing-list li:nth-child(1) .texing-con,.texing-list li:nth-child(2) .texing-con{margin-left: 93px;}
.texing-list li:nth-child(3) span,.texing-list li:nth-child(4) span{right: 0;}
.texing-list li:nth-child(3) .texing-con,.texing-list li:nth-child(4) .texing-con{margin-right: 93px;}
.texing-con p{color: #fff;margin: 0 25px;}
.texing-list{width: 1130px;max-width: 100%;margin: 0 auto;}
.bg000{background: #000;}
.why-con{width: 46%;}
.why-list li{position: relative;padding-left: 57px;padding-top: 10px;margin-bottom: 10px;}
.why-list li:last-child{margin-bottom: 0;}
.why-num{position: absolute;left: 0;top:0;width: 44px;height: 44px;border:1px solid rgba(255,255,255,.65);border-radius: 100%;}
.why-num span{position: absolute;top:3px;right: 3px;bottom:3px;left: 3px;background: #bababa;text-align: center;line-height: 38px;border-radius: 100%;font-size: 20px;color: #12181c;}
.why-p p{font-size: 16px;color: #bababa;min-height: 3.2em;}
.why-list{margin-left: 20px;}
.why-list:before{content: '';position: absolute;left: 22px;border-right: 1px dashed #fff;top:5px;bottom: 20px;}
.why{padding: 106px 0 185px;}
.why .img100{position: absolute;left: 0;bottom:0;z-index: -1;width: 53%;}
.zindex5{z-index: 5;}
.keji-con{background: rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.6);height: 432px;box-sizing: border-box;padding: 50px 30px;}
.title30 p{font-size: 16px;color: #515151;margin-top: 20px;}
.keji-con h4{font-size: 24px;color: #fff;}
.keji-con .i{width: 38px;border-top:1px solid #fff;margin: 12px 0;}
.keji-con p{color: #fff;line-height: 2em;}
.kejiDot{margin-top: 65px;}
.kejiDot .swiper-pagination-bullet{opacity: 1;width: 10px;height: 10px;margin: 0 5px; background: none;border:1px solid #fff;border-radius:10px;}
.kejiDot .swiper-pagination-bullet-active{width: 50px;background: #fff;}
.kejiBtn div{width: 28px;height: 48px;background-color: #7c7f7e;position: absolute;top:50%;margin-top: -24px;z-index: 9;cursor: pointer;transition: all .4s;border:1px solid #d4d6d6;box-sizing: border-box;}
.kejiBtn1{left: -48px;background-image:url("../images/btn281-1.png");border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.kejiBtn2{right: -48px;background-image:url("../images/btn282-1.png");border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.kejiBtn div:hover{background-color: #b60005;border-color: #b60005;}
.sp{width: 940px;max-width: 100%;margin: 0 auto;}
.sp video{display: block;width: 100%;}
.xilie-img{height:502px;width: 50%;}
.xilie-con{position: absolute;width: 50%;height: 100%;top:0;right: 0;background: rgba(255,255,255,.85);}
.xilie-warp{margin: 200px 48px 0;}
.xilie-warp-qm{margin-top: 140px;}
.xilie-top h3{font-size: 24px;color: #1b1b1b;border-bottom: 1px dashed #9a9a9a;margin-bottom: 12px;padding-bottom: 12px;}
.xilie-top p{color: #808080;min-height: 6.4em;}
.xilie-top{margin-bottom: 20px;}
.xilie-xh h5{font-size: 16px;color: #0f0f0f;}
.xinghao{max-height: 146px;overflow: auto;}
.xinghao span,.xinghao a{display: inline-block;color: #5d5d5d;margin-right: 12px;margin-top: 10px;}
.xinghao span{font-size: 12px;}
/*.xinghao a{font-size: 16px;}*/
.xinghao a:hover{color: #b60005;}
.cpplayDot{position: absolute;right: 48px;bottom:30px;z-index: 9;left: 50%;box-sizing: border-box;padding-left: 48px;}
.xilie-type{position: absolute;left: 50%;top:35px; width: 50%; box-sizing: border-box;z-index: 9;padding: 0 48px;}
.xilie-type-warp{max-height: 130px;overflow: auto;}
.xilie-type a{font-size: 16px;color: #1b1b1b;display: inline-block;line-height: 26px;margin-right: 20px;}
.xilie-type a:last-child{margin-right: 0;}
.xilie-type a.active{color: #b60005;}
.xilie-type a:hover{color: #b60005;}
.title-nav a{font-size: 24px;color: #ffffff;}
.cpplays{display: none;position: relative;}
.cpplays.active{display: block;}
.title-nav{margin-bottom: 70px;}
.title-nav a{margin-right: 80px;position: relative;}
.title-nav a:after{content: '';position: absolute;right: -40px;top:50%;height: 16px;margin-top: -8px;border-right: 1px solid #fff;}
.title-nav a:last-child{margin-right: 0;}
.title-nav a:last-child:after{display: none;}
.title-nav a.active{color: #b60005;}
.cpplayBtn div{position: absolute;width: 28px;height: 48px;cursor: pointer;z-index: 9;top:50%;margin-top: -24px;background-color: rgba(255,255,255,.61);transition: all .4s;}
.cpplayBtn1{border-top-right-radius: 8px;border-bottom-right-radius:8px;left: 0;background-image: url("../images/btn281.png");}
.cpplayBtn1:hover{background-image: url("../images/btn281-1.png");}
.cpplayBtn2{border-top-left-radius: 8px;border-bottom-left-radius:8px;left: 50%;margin-left: -28px;background-image: url("../images/btn282.png");}
.cpplayBtn2:hover{background-image: url("../images/btn282-1.png");}
.cpplayBtn div:hover{background-color: rgba(182,0,5,.61);}
/*3.1产品漆面膜 e*/
/*3.2产品改色膜 s*/
.gsm-con{position: absolute;width: 100%;left: 0;top:85px;bottom:0;}
.gsm-des{width: 530px;max-width: 50%;}
.des30 p{line-height: 2em;}
.title30-fff .des30 p{color: #c5c4c4;}
.gsm2{height: 870px;}
.gsm2-con{margin-top: 140px;width: 856px;max-width: 100%;}
.w-gsm li{float: left;width: 20%;text-align: center;box-sizing: border-box;padding: 25px 10px;border-radius: 10px;border:3px solid transparent; transition: all .4s;}
.w-gsm li .img100{width: 108px;max-width: 60%;margin: 0 auto;}
.w-gsm li h3{font-size: 24px;color: #fefefe;margin: 20px 0 15px;}
.w-gsm li p{color: #c5c5c5;height: 3.2em;overflow: hidden;text-align: justify;}
.w-gsm li:hover{background: rgba(255,255,255,.15);border-color:rgba(255,255,255,.1);}
.w-gsm li.active p{height: auto;}
.jiegou{height: 870px;}
.jiegou-con{width: 46%;padding-top: 12%;}
.jiegou-slide{height: 198px;border:1px solid #fff; border-radius: 10px;padding: 0 60px;}
.jiegou-num{position: absolute;left: 0;top:50%;transform: translateY(-50%);font-size: 72px;color: #b60005;}
.jiegou-num:after{position: absolute;right: -15px;width: 3px;height: 40px;content: '';top:50%;margin-top: -20px;background: #b5b5b5;}
.jiegou-des{margin-left: 125px;}
.jiegou-des p{color: #6d6d6d;font-size: 16px;}
.cpplayBtn0 .cpplayBtn2{left: auto;right: 0;margin-left: 0;}
.padding-tb160{padding: 160px 0;}
.duibi .title30{position: absolute;left: 0;top:65px;width: 26%;}
.duibi-r{margin-left: 30%;}
.duibi-page{width: 54%;box-sizing: border-box;border:1px solid rgba(255,255,255,.8);background: rgba(0,0,0,.8);}
.duibi-warp{padding: 30px 50px;}
.duibi-list{font-size: 0;width: 450px;max-width: 100%;margin: 0 auto;}
.duibi-list li{font-size: 14px;display: inline-block; vertical-align: top;margin-top: 30px;text-align: center;padding: 0 1.5%;}
.duibi-list li p{font-size: 16px;color: #fff;margin-top: 5px;}
.duibi-list li .img100{width: 58px;max-width: 50%;margin: 0 auto;}
.duibi-warp h3{text-align: center;font-size: 36px;color: #fff;}
.zzj{position: absolute;left: 0;top:150px;z-index: 9;}
.yyj h3{text-align: left;}
.vs{position: absolute;left: 54%;width: 108px;margin-left: -54px;z-index: 9;top:107px;}
.zzj ul li{width: 30.33%;}
.yyj ul{margin-left: 100px;width: auto;margin-top: -60px;}
.yyj ul li{width: 47%;}
.duibi{padding-bottom: 300px;}
.jiazhi{padding: 140px 0 240px;}
.jiazhi-list{font-size: 0;}
.jiazhi-con{width: 550px;max-width: 100%;}
.jiazhi-list{text-align: right;}
.jiazhi-list li{font-size: 14px;width: 174px;height: 174px;border-radius: 10px;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.8);display: inline-block;vertical-align: top; text-align: center;margin-right: 11px;margin-bottom: 20px;transition: all .4s;}
.jiazhi-list li span{display: block;font-size: 26px;color: #585858;padding-top: 10px;}
.jiazhi-list li p{color: #6d6d6d;margin: 10px auto 0;max-width: 90%;text-align: left;}
.jiazhi-list li:nth-child(3n){margin-right: 0;}
.jiazhi-list li:last-child{margin-right: 0;}
.jiazhi-list li:hover{background: #ffeebb;border-color: #ffc918;}
.shixiang{padding: 100px 0 360px;}
.w1250{width: 1250px;max-width: 92%;margin: 0 auto;}
.sx-list{font-size: 0;padding-top: 50px;}
.sx-list li{display: inline-block;vertical-align: top; width: 28%;margin-right: 8%;margin-bottom:6%; font-size: 14px;position: relative;padding-left: 28px;box-sizing: border-box;}
.sx-list li:before{content: '';position: absolute;left: 0;top:10px;border-right: 2px solid #fff;height: 88px;}
.sx-list li:nth-child(3n){margin-right: 0;}
.sx-list li span{font-size: 36px;color: #fff;}
.sx-list li p{margin-top: 10px; color: #fff;}
/*3.2产品改色膜 e*/
/*3.3产品工艺 s*/
.sn-des{padding-left: 15%;}
.sn-des p{margin-top: 20px;}
.gongyi-img{width: 57.77%;padding-bottom: 6%;padding-top: 20px;}
.gonglc-che{position: absolute;left: 0;bottom:13%;z-index: 1;width: 49%;}
.gyfx{height: 870px;}
.title36{margin-bottom: 60px;}
.title36 h2{font-size: 36px;}
.title36 p{font-size: 24px;margin-top: 15px; text-transform: uppercase;}
.title36-fff h2{color: #fff;}
.title36-fff p{color: #bcbcbc;}
.gyfx-des h3{font-size: 24px;font-weight: bold;color: #fff;margin-bottom: 25px;}
.gyfx-des p{color: #d5d5d5;line-height: 2em;font-size: 16px;}
.gyfx-con{width: 45%;}
.gyfx .title36{margin-bottom: 140px;}
.gyfx .gyfx-des{margin-bottom: 140px;}
.gyfx3 .gyfx-des{margin-bottom: 70px;}
.gyfx-des-bot p{font-size: 18px;color: #fff;line-height: 2em;}
.gyfx-des-bot{margin-bottom: 80px;}
/*3.3产品工艺 e*/
/*3.4产品中心详情 s*/
.cpxq{padding: 230px 0 70px;}
.cpxq-con{background: rgba(255,255,255,.1);}
.cpxq-top{border-bottom: 1px dashed #fff;padding-bottom: 40px;margin-bottom: 40px;}
.cpxq-top h1{font-size: 30px;color: #ffffff;margin: 0 220px;}
.cpxq-des h2{font-size: 20px;color: #fff;margin-bottom: 30px;text-align: center;}
.cpxq-js{text-align: left;}
.cpxq-des{margin-bottom: 55px;}
.cpxq-des p{color: #c1c1c1;font-size: 16px;line-height:2em;}
.cpxq-des span{color: #c1c1c1;font-size: 16px;line-height:2em;display: inline-block;margin: 0 30px;}
.cpxq-img{width: 900px;margin: 0 auto;max-width: 92%;}
.cpxq-img .view .img100{height: 590px;overflow: hidden;position: relative;}
.cpxq-img .preview .img100{height: 112px;overflow: hidden;position: relative;}
.preview .swiper-slide{width: 19%;margin-right: 1.25%;margin-top: 1.25%;}
.preview .swiper-slide:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top:0;box-sizing: border-box;border:2px solid transparent;}
.preview .swiper-slide.active-nav:after{border-color:#b60005;}
.btn28 div{position: absolute;width: 28px;height: 48px;cursor: pointer;top:50%;margin-top: -24px;z-index: 9;background-color: rgba(255,255,255,.8);transition: all .4s;}
.btn281{background-image: url("../images/btn281.png");}
.btn281:hover{background-image: url("../images/btn281-1.png");}
.btn282{background-image: url("../images/btn282.png");}
.btn282:hover{background-image: url("../images/btn282-1.png");}
.btn28 div:hover{background-color: rgba(182,0,5,.8);}
.cpxq-img{padding-bottom: 55px;}
.arrow-left{left: -45px;}
.arrow-right{right: -45px;}
.cpxq-a{position: absolute;right: 0;top:0;}
.cpxq-a a{display: inline-block;width: 48px;height: 48px;border:1px solid rgba(255,255,255,.3);border-radius: 100%;background-color: rgba(255,255,255,.1);transition: all .4s;margin-left: 10px;}
.fh{background-image: url("../images/fanghui.png");}
.zuo{background-image: url("../images/zuo.png");}
.you{background-image: url("../images/you.png");}
.cpxq-a a:hover{background-color: rgba(182,0,5,.5);}
.fh2{width: 28px;height: 28px;margin: 0 auto;background-color: #b60005;border-radius: 100%;display: none;}
/*3.4产品中心详情 e*/
/*3.5案例展示-图片 s*/
.ban-left .ban-des{margin-left: 0;}
.cplx{display: inline-block;margin-right: 20px; position: relative;padding-left: 80px;line-height: 40px;cursor: pointer;}
.cplx span{position: absolute;left: 0;top:0;color: #6d6d6d;}
.cplx-val{width: 62px;}
.cplx:after{width: 9px;height: 6px;background: url("../images/bot.png") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -3px;content: '';position: absolute;transition: all .4s;}
.cplx.active:after{transform: rotate(180deg);}
.cplx-list{position: absolute;width: 100%;left: 0;top:41px;background: #ededed;max-height: 240px;overflow: auto;display: none;}
.cplx-list a{display: block;text-align: center;}
.cplx-list a:hover{background: #b60005;color: #fff;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}

.scrollBar8::-webkit-scrollbar {width: 8px;height: 8px;}
/*.scrollBar8::-webkit-scrollbar-thumb:hover {border: 1px solid #636363;background-color: #929292;}*/
.scrollBar8::-webkit-scrollbar-thumb {background-color: #b60005;background-clip: padding-box;min-height: 28px;}
.scrollBar8::-webkit-scrollbar-track-piece {background: #f3f3f3;}

.tupian{font-size: 0;display: flex;flex-wrap: wrap;}
.tupian li{display: inline-block;vertical-align: top; font-size: 14px;width: 23.9%;margin-right: 1.466%;margin-bottom: 56px;transition: all .4s;background: #ececec;}
.tupian li:nth-child(4n){margin-right: 0;}
.tupian-bot{text-align: center;padding:15px 10px;}
.tupian-bot p{font-size: 18px;color: #676666;line-height: 1.8em;}
.tupian-bot span{display: inline-block;}
.tupian li:hover{ box-shadow: 0 1px 4px 0 rgba(4, 0, 0, 0.35);}
.tupian .img100{height: 200px;overflow: hidden;}
.tupian .img100 .position-full{transition: all .4s;}
.tupian li:hover .img100 .position-full{transform: scale(1.1);}

/*3.5案例展示-图片 e*/
.xwxq-top-dashed{border-bottom-style: dashed;}
/*3.7案例展示-视频 s*/
.shipin-bot{position: absolute;width: 100%;bottom:0;height: 56px;background: url("../images/shadow.png") no-repeat  bottom;background-size: cover;transition: all .4s;z-index: 9;}
.shipin-xx{position: absolute;left: 15px;right: 12px;bottom:8px;}
.shipin-xx div{color: #fff;}
.tupian li:hover .shipin-bot{opacity: 0;}
.edited-sp video{display: block;width: 100%;}
.edited-sp{margin-bottom: 30px;}
.padding-t85{padding-top: 85px;}
.w1680{width: 1680px;max-width: 92%;margin: 0 auto;}
/*3.7案例展示-视频 e*/


/*4.1质保查询 s*/
.chaxun-con{width: 53.5%;background: rgba(255,255,255,.1);}
.padding-35-50{padding: 35px 50px;}
.title30 .en{font-size: 24px;color: #9f9e9e;text-transform: uppercase;margin-top: 8px;}
.chaxun-con .title30{margin-bottom: 30px;}
.wxts h3{font-size: 18px;color: #fff;margin-bottom: 10px;}
.wxts p{color: #c1c1c1;}
.cxtj{width: 670px;max-width: 100%;}
.xzfu h5{font-size: 16px;color: #fff;}
.inline-block,.xzmo{display: inline-block;vertical-align: middle;}
.margin-b40{margin-bottom: 40px;}
.margin-b30{margin-bottom: 30px;}
.xzmo li{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;margin-left: 32px;cursor: pointer;position: relative;padding-left: 25px;min-width: 48px;}
.xzmo li .i{position: absolute;width: 14px;height: 14px;border:1px solid #fff;border-radius: 100%;margin-right: 8px;top:50%;margin-top: -8px;left: 0;transition: all .4s;}
.xzmo li .i:before{position: absolute;content: "";top:2px;right: 2px;bottom:2px;left: 2px;border-radius: 100%;background: #b60005;opacity: 0;transition: all .4s;}
.xzmo li.active .i{border-color: #b60005;}
.xzmo li.active .i:before{opacity: 1;}
.xzmo li:hover .i{border-color: #b60005;}
.xzmo li:hover .i:before{opacity: 1;}
.dianzi{margin: 20px 0;}
.dianzi li{float: left;width: 25%;background: #000;text-align: center;color: #fff;font-size: 16px;line-height: 37px;cursor: pointer;transition: all .4s;}
.dianzi li.active{background: #b60005;}
.dianzi li:hover{background: #b60005;}
.xzfu .text{display: block;width: 100%;border:1px solid #666;height: 48px;line-height: 48px;background: rgba(255,255,255,.04);font-size: 16px;text-indent: 15px;color: #fff;}
.cx{display: block;background: #b60005;text-align: center;line-height: 50px;font-size: 20px;color: #fff;margin-top: 30px;}
.cx img{vertical-align: middle;margin-top: -4px;margin-right: 10px;}
.zhuyi h5{font-size: 20px;color: #fff;margin-bottom: 20px;}
.zhuyi p{color: #c1c1c1;margin-bottom: 6px;}
/*4.1质保查询 e*/
/*4.2门店查询 s*/
.cxmd-bot{background: rgba(0,0,0,.8);}
.map{position: absolute;right: 0;width: 60%;height: 100%;top:0;}
.md-l{height: 820px;width: 40%;}
.md-warp{left: calc(50% - 720px);position: absolute;height: 100%;top:0;right: 60%;padding-right: 60px;}
.md-warp .title30{margin: 35px 0;}
.md-warp .xzmo li{margin-left: 10px;}
.cxmd{margin-bottom: 30px;}
.cxmd .cx{position: absolute;right: 0;top:0;margin: 0;width: 156px;height: 44px;line-height: 44px;}
.cxmd-input{background: rgba(255,255,255,.1);margin-right: 156px;border:1px solid rgba(255,255,255,.5);border-right: none;}
.cxmd-input input{background: none;height: 42px;line-height: 42px;font-size: 16px;color: #fff;text-indent: 16px;display: block;width: 100%;}
.zhaodao{font-size: 18px;color: #ffffff;margin-bottom: 20px;}
.shop-list{height: 430px;overflow: auto;}
.shop-list ul{margin-right: 35px;border-top: 1px dashed #c8c8c8;}
.shop-list li{border-bottom: 1px dashed #c8c8c8;padding: 25px 15px;cursor: pointer;transition: all .4s;position: relative;}
.shop-list h5{color: #fff;font-size: 18px;padding-left: 45px;transition: all .4s;margin-right: 130px;}
.shop-list p{position: relative;color: #868686;padding-left: 45px;margin-top: 10px;}
.shop-list span{position: absolute;width: 28px;height: 28px;font-size: 16px; background: #fff;border-radius: 100%;line-height: 28px;text-align: center;top:-4px;left: 0;transition: all .4s;}
.shop-list li.active{background: rgba(255,255,255,.2);}
.shop-list li.active span{background: #b60005;color: #fff;}
.shop-list li:hover{background: rgba(255,255,255,.2);}
.shop-list li:hover span{background: #b60005;color: #fff;}
.yuyue{position: absolute;right: 15px;bottom:50%;margin-bottom: -16px; background: #fff;width: 120px;text-align: center;line-height: 32px;height: 32px;opacity: 0;z-index: -1;transition: all .4s;}
/*.yuyuebot{height: 0;overflow: hidden;transition: all .4s;}*/
.yuyue img{vertical-align: middle;margin-top: -4px;margin-right: 10px;}
/*.shop-list li:hover .yuyuebot{height: 32px;}*/
.shop-list li:hover .yuyue{opacity: 1;z-index: 1;}
.fixed-style{position: fixed;z-index: 9999;background: rgba(0,0,0,.5);width: 100%;height: 100%;top:0;left: 0;display: none;}
.yy-hide{width: 800px;max-width: 92%;margin: 0 auto;}
.ms-list{position: relative;width: 30%;float: left;margin-right:5%;margin-bottom: 2%;}
.ms-list:nth-child(3){margin-right: 0;}
.ms-list span{position: absolute;line-height: 35px;top:0;left: 0;width: 50px;text-align: right;color: #6d6d6d;}
.input-box{margin-left: 50px;border:1px solid #d6d6d6;}
.input-box .text{display: block;height: 33px;text-indent: 1em;width: 100%;}
.address-list{width: 100%;}
.yzm{margin-right: 0;}
.yzm-img{width: 60px;height: 33px;position: absolute;top:50%;margin-top: -16.5px;right: 46px;}
.yzm .input-box{margin-right: 110px;}
.hyh{position: absolute;right: 0;top:0;line-height: 35px;color: #b2b2b2;font-size: 13px;}
.ms-list span i{color: #f00;font-style: normal;}
.lynr{width: 100%;margin-right: 0;}
.arearea textarea{display: block;resize: none;height: 140px;width: 100%;}
.arearea{margin:8px 1em;}
.ljyy{display: block;width: 234px;line-height: 46px;text-align: center;background: #b60005;font-size: 24px;color: #fff;margin: 36px auto 0;border-radius: 46px;transition: all .4s;}
.ljyy:hover{background: #a20308;color: #fff;}
.gbigd{right: 25px;top:25px;width: 32px;height: 32px;background: url("../images/btn32.png") no-repeat center;background-size: cover;position: absolute;cursor: pointer;transition: all .4s;filter: grayscale(1);}
.gbigd:hover{filter: grayscale(0);}
/*4.2门店查询 e*/
/*4.3经销商查询 s*/
.jxs-box{padding: 100px 0 40px;}
.jxs-con{background: rgba(255,255,255,.1);}
.map2{width: 46.35%;height: 100%;position: absolute;left: 0;top:0;}
.jxs-nr{width: 50%;}
.margin-b30.title30{margin-bottom: 30px;}
.margin-bottom{margin-bottom: 10px;}
.clo-4{float: left;width: 23.5%;margin-right: 2%;}
.clo-4:last-child{margin-right: 0;}
.dizhi-box{margin: 30px 0;position: relative;z-index: 20;}
.dizhi-list{border:1px solid rgba(255,255,255,.2);position: relative;background: rgba(255,255,255,.04);cursor: pointer;box-sizing: border-box;}
.dizhi-list select{display: block;width: 100%;height: 42px;line-height: 42px;background: none;text-indent: 5px;cursor: pointer;font-size: 16px;color: #fff;}
.dizhi-list select option{color: #333;}
.dizhi-text{position: absolute;left: -1px;top:42px;width: 100%;border:1px solid rgba(255,255,255,.2);max-height: 240px;overflow: auto;display: none;}
.dizhi-text a{display: block;background: rgba(255,255,255,1);line-height: 40px;padding-left: 20px;}
.dizhi-text a:hover{background: #b60005;color: #fff;}
/*.dizhi-list:after{content: '';width: 14px;height: 8px;position: absolute;right: 20px;top:50%;margin-top: -4px;background: url("../images/bot14.png") no-repeat center;background-size: cover;transition: all .4s;}*/
/*.dizhi-list.active:after{transform: rotate(180deg);}*/
.dizhi-box .cx{margin-top: 0;float: right;height: 44px;line-height: 44px;}
.shop-add i{font-style: normal;display: inline-block;transition: all .4s;}
.zhidl i{font-style: normal;display: block;line-height: 19px;}
.shop-list2 li{padding: 20px 0;}
.shop-list2 li h5,.shop-list2 li p{padding-left: 0;padding-right: 0;}
.shop-list2 li.active{background: none;}
.shop-list2 li.active h5{color: #b60005;}
.shop-list2 li.active p{color: #fff;}
.shop-list2 li:hover{background: none;}
.shop-list2 li:hover h5{color: #b60005;}
.shop-list2 li:hover p{color: #fff;}
.shop-list2{height: 293px;}
/*4.3经销商查询 e*/
.clo-3{float: left;width: 32%;margin-right: 2%;}
.clo-3:nth-child(3n){margin-right: 0;}


/*4.4资料下载首页 s*/
.xz-nav{display: flex;flex-wrap: wrap;margin-bottom: 70px;position: relative;z-index: 9;}
.xz-nav-show{width: 10%;margin-right: 1.25%;position: relative;}
.xz-nav-show:last-child{margin-right: 0;}
.xz-nav-yi{position: relative;display: block; text-align: center;height: 54px;line-height: 54px;font-size: 16px;color: #3a3a3a; transition: all .4s;border-radius: 15px;box-shadow:0 1px 2px 2px #ddd;background: #eee;}
.xz-nav-yi i{background: url("../images/xz-nav-bg.png") no-repeat center;background-size: cover;filter: grayscale(1);border-radius: 15px;overflow: hidden;}
.xz-nav-yi img{width: 34px;vertical-align: middle;margin-top: -4px;margin-right: 6px;filter: grayscale(1);opacity: .6;transition: all .4s;}
.xz-nav-yi .img2{display: none;}
.zx-nav-con{background: #fff;box-shadow: 0 1px 8px 0 rgba(121, 121, 121, 0.54);padding: 30px;border-radius: 15px;min-width: 60px;}
.zx-nav-con a{font-size: 16px;}
.zx-nav-con a,.zx-nav-con span{display: inline-block;transition: all .4s;}
.zx-nav-con span{margin: 0 20px;}
.zx-nav-con a.active{color: #b60005;}
.xz-nav-hide{position: absolute;left: 0;padding-top: 30px;display: none;white-space: nowrap;}
.yy-icon{width: 34px;height: 22px;background: url("../images/34.png") no-repeat center;background-size: cover;left: 50%;margin-left: -17px;position: absolute;bottom:-30px;z-index: 9;display: none;}
.xz-nav-shadow{position: fixed;z-index: 9999;width: 40%;right: -100%;top:0;height: 100%;background: rgba(0,0,0,.5);transition: all .4s;}
.xz-nav-shadow.active{right: 0;}
.ckfl{position: absolute;right: 0;top:0;height: 41px;width: 120px;background: #b60005;color: #fff;font-size: 14px;line-height: 41px;text-align: center;display: none;}
.blgrld{display: none;height: 41px;position: relative;margin-top: -10px;margin-bottom: 10px;}
/*.xz-nav-show:nth-child(5) .xz-nav-hide{left: 25%;}*/
/*.xz-nav-show:nth-child(6) .xz-nav-hide{left: 35%;}*/
/*.xz-nav-show:nth-child(7) .xz-nav-hide{left: auto;right: 0;}*/
/*.xz-nav-show:nth-child(8) .xz-nav-hide{left: auto;right: 0;}*/
/*.xz-nav-show:nth-child(9) .xz-nav-hide{left: auto;right: 0;}*/
.xz-nav-show:nth-child(6) .xz-nav-hide{right: 0;left: auto;}
.xz-nav-show:nth-child(7) .xz-nav-hide{right: 0;left: auto;}
.xz-nav-show:nth-child(8) .xz-nav-hide{right: 0;left: auto;}
.xz-nav-show:nth-child(9) .xz-nav-hide{right: 0;left: auto;}
.xz-nav-show:nth-child(10) .xz-nav-hide{right: 0;left: auto;}

.ssxz{width: 462px;max-width: 100%;border:1px solid #c9c9c9;}
.pylek .ssxz{margin-right: 140px;}
.ssxz-input{margin-right: 80px;}
.ssxz-input .text{font-size: 13px;text-indent: 12px;display: block;width: 100%;height: 39px;line-height: 39px;}
.xz-search{width: 80px;right: -1px;top:0;line-height: 39px;height: 39px;background: #b60005 url("../images/search.png") no-repeat center;background-size: cover;position: absolute;}
.ssxz{margin-bottom: 25px;}
.lbjn .btn281{left: 5px;}
.lbjn .btn282{right: 5px;}
.bgeee{background: #eee;}
.xz-page{padding: 0 35px;}
.xz-page:last-child{margin-bottom: 0;}
.xz-page-top{padding: 30px 0;position: relative;}
.xz-title,.xz-type{display: inline-block;vertical-align: middle;}
.xz-title{font-size: 16px;margin-right: 70px;}
.xz-title img{width: 34px;vertical-align: middle;margin-top: -4px;margin-right: 10px;}
.xz-type a{color: #6d6d6d;position: relative;margin-right: 50px;transition: all .4s;}
.xz-type a:after{right: -25px;top:50%;height: 10px;margin-top: -5px;content: '';position: absolute;border-right: 1px solid #828282;}
.xz-type a:last-child:after{display: none;}
.xz-type a:hover{color: #b60005;}
.xz-type a.active{color: #b60005;}
.sc-tabs ul{font-size: 0;}
.sc-tabs li{display:inline-block;vertical-align: top;font-size: 14px; width: 19%;margin-right: 1.25%;text-align: center;}
.sc-tabs li:last-child{margin-right: 0;}
.sc-tabs li p{padding: 18px 0;font-size: 16px;color: #787777;transition: all .4s;}
.sc-tabs{display: none;}
.sc-tabs.active{display: block;}
.gengduo{position: absolute;right: 0;line-height: 30px;color: #b60005;}
.sc-tabs li:hover p{color: #b60005;}
.sc-tabs li .img100{height: 147px;overflow: hidden;}
.sc-tabs li .img100 .position-full{transition: all .4s;}
.sc-tabs li:hover .img100 .position-full{transform: scale(1.1);}
.xz-page{margin-bottom: 30px;}
/*4.4资料下载首页 e*/
/*4.5资料下载 s*/
.peijian{font-size: 0;}
.peijian li{font-size: 14px;display: inline-block;vertical-align: top;width: 49%;margin-right: 2%;margin-bottom: 2%;border:1px solid #ccc;box-sizing: border-box;padding: 6px;}
.peijian li:nth-child(even){margin-right: 0;}
.pj-img{width: 198px;height: 147px;}
.pj-con{position: absolute;left: 238px;top:15px;right: 160px;}
.pj-r{position: absolute;right: 15px;top:22px;text-align: center;}
.pj-warp h3{font-size: 20px;color: #393939;transition: all .4s;}
.pj-warp h3 a:hover{color: #b60005;}
.pj-warp span{color: #a4a4a4;display: block;margin: 10px 0;}
.pj-warp p{color: #585858;;margin: 10px 0;}
.pj-warp{width: 220px;max-width: 100%;}
.pj-r-top a{display: inline-block;margin-right: 24px;position: relative;}
.pj-r-top a:last-child{margin-right: 0;}
.pj-r-top a .i{width: 38px;height: 38px;border-radius: 100%;border:1px solid #c3c3c3;margin: 0 auto;position: relative;}
.pj-r-top a span{color: #7e7e7e;display: block;margin-top: 8px;}
.pj-r-top a .i .position-full{background: url("../images/xiazai.png") no-repeat center;background-size: cover;}
.pj-r p{margin-top: 15px;color: #9b9b9b;}
.pj-r-top a:after{content: '';position: absolute;right: -14px;bottom:2px;height: 14px;border-right: 1px solid #a6a6a6;}
.pj-r-top a:last-child:after{display: none;}
.pj-r-top a:hover .i{background: #b60005;border-color: #b60005;}
.pj-r-top a:hover .i .position-full{filter:brightness(2); }
.ljxz-boxs{position: absolute;right: 0;bottom:15px;}
.ljxz-boxs .ljxz{display: inline-block;position: relative;right: auto;bottom:auto;margin-right: 15px;}
.ljxz-boxs .ljxz:last-child{margin-right: 0;}
.ljxz{position: absolute;right: 0;bottom:15px;}
.ljxz span{display: inline-block;vertical-align: middle;font-size: 18px;color: #b60005;margin-right: 15px;}
.ljxz .i{width: 38px;height: 38px;border-radius: 100%;border:1px solid #b60005;position: relative;display: inline-block;background: #b60005 url("../images/xiazai-fff.png") no-repeat  center;background-size: cover;vertical-align: middle;}
.xzxq-top .xwxq-top{padding-left:300px;padding-right: 300px;}
/*4.5资料下载 e*/
/*6.1企业介绍 s*/
.banner-cenrer .ban-des{margin-left: 0;text-align: center;display: block;}
.about-img{width: 50%;}
.about-con{position: absolute;right: 0;height: 100%;top:0;width: 100%;}
.about-des{width: 50%;margin-bottom: 100px;}
.about-des img{height: 53px;}
.idea-bg{display: none;z-index: -1;}
.about-des h2{font-size: 30px;margin: 25px 0; color: #2d2d2d;}
.about-des p{font-size: 16px;color: #656565;line-height: 2em;}
.person-img{width: 50%;margin-left: 50%;z-index: 4;position: relative;}
.person-con{position: absolute;left: 0;width: 100%;height: 100%;top:0;background: #838584;}
.person-des{width: 37%;padding-top: 120px;}
.person-top{border-bottom: 1px dashed #cfcece;}
.person-top h3{font-size: 36px;color: #fff;}
.person-top p{font-size: 18px;margin: 15px 0; color: #fff;}
.person-bot p{line-height: 2em;color: #fff;font-size: 16px;}
.btn38 div{position: absolute;cursor: pointer;z-index: 9;width: 38px;height: 38px;background-color: #d8d8d8;transition: all .4s;}
.btn381{background-image: url("../images/btn381.png");}
.btn381:hover{background-image: url("../images/btn381-1.png");}
.btn382{background-image: url("../images/btn382.png");}
.btn382:hover{background-image: url("../images/btn382-1.png");}
.btn38 div:hover{background-color: #b60005;}
.person .btn38{position: absolute;right: 55%;bottom:65px;z-index: 9;}
.person .btn38 div{display: inline-block;position: static;}
/*6.1企业介绍 e*/
/*6.2资质荣誉 s*/
.rr-ban .ban-des h2{color: #fcfcfc;font-size: 67px;}
.rr-ban .ban-des p{color: #abb0b6;font-size: 33px;margin-top: 0;}
.rr-ban .ban-des span{display: block;color: #abb0b6;font-size: 33px;margin-top: 10px;}
.rr{font-size: 0;}
.rr li{display: inline-block;vertical-align: top;width: 17.6%;margin-right: 3%;margin-bottom: 40px;font-size: 14px;cursor: pointer;text-align: center;}
.rr li:nth-child(5n){margin-right: 0;}
.rr li p{color: #808080;margin-top: 25px;}
.rr-hide{width: 1100px;max-width: 92%;margin: 0 auto;}
.rr-hide-warp{padding: 40px;text-align: center;}
.rr-hide-warp .img100 img{max-width: 100%;vertical-align: bottom;width: auto;}
.rr-hide-warp p{margin-top: 20px;font-size: 16px;color: #575757;}
/*6.2资质荣誉 e*/

/*6.3品牌文化 s*/
.wh-ban .ban-des{width: 50%;float: right;text-align: center;}
.wh-ban .ban .w1440{overflow: hidden;}
.ppln-con{position: absolute;width: 100%;left: 0;top:126px;}
.ln-list{text-align: center;font-size: 0;}
.ln-list li{font-size: 14px;display: inline-block;vertical-align: top;text-align: left;margin-right: 120px;}
.ln-list li:last-child{margin-right: 0;}
.ln-list li h3{font-size: 24px;color: #fff;}
.ln-list li p{font-size: 18px;color: #9f9f9f;margin-top: 5px;}
.idea-con{position: absolute;left: 0;width: 100%;top:80px;}
.idea-des{width: 45%;}
.idea-ms p{position: relative;padding-left: 85px;margin-top: 15px;font-size: 16px;}
.idea-ms p span{position: absolute;left: 0;top:0;font-size: 16px;color: #525050;font-weight: bold;}
/*6.3品牌文化 e*/
/*6.5企业招聘 s*/
.zp-ban .ban-des h2{margin-bottom: 25px;}
.zp-ban .ban-des p{color: #fff;margin-top: 2px;}
.zplb th{background: #b60005;color: #fff;font-size: 18px;font-weight: normal;height: 60px;}
.zplb th:nth-child(1){text-align: left;padding-left: 30px;}
.zplb td{text-align: center;border:1px solid #dbdbdb;height: 37px;font-size: 16px;color: #696969;padding: 5px;}
.zplb td:nth-child(1){text-align: left;padding-left: 30px;border-left: none;}
.zplb td:last-child{border-right: none;}
.zplb tbody tr{cursor: pointer;}
.zplb tbody tr:hover{background: #f2f2f2;}
.zp-bog{margin-top: -120px;z-index: 9;position: relative;}
.zp-bog .w1680{padding-top: 60px;}
.zp-page{padding: 40px 50px;}
.zpxx{margin-bottom: 60px;}
.zpxx h2{margin-bottom: 20px; font-size: 30px;color: #b60005;}
.zpxx p{font-size: 18px;color: #646464;}
.zpxx span{margin-top: 5px;display: block; font-size: 18px;color: #3c3c3c;}
.xxzy h3{font-size: 24px;color: #383838;}
.xxzy{border-bottom: 1px solid #dbdbdb;padding-bottom: 20px;margin-bottom: 60px;}
.zpms{font-size: 0;width: 1000px;max-width: 100%;margin: 0 auto;}
.zpms-page{display: inline-block;vertical-align: top;font-size: 14px;width: 40%;margin-right: 20%;}
.zpms-page:nth-child(even){margin-right: 0;}
.zpms-page h4{font-size: 18px;color: #717171;margin-bottom: 20px;}
.zpms-page p{color: #717171;margin-top: 8px;}
.tdjl{font-size: 24px;color: #fff;text-align: center;background: #b60005;border-radius: 24px;display: block;margin: 60px auto 0;width: 242px;line-height: 49px;}
.tdjl img{width: 29px;vertical-align: middle;margin-top: -4px;margin-right: 14px;}
.zp-page{display: none;}
/*6.5企业招聘 e*/
/*6.6联系我们 s*/
.contact-l{width: 47.2%;}
.contact-r{width: 47.2%;}
.gongsi h2{font-size: 36px;color: #fff;}
.gongsi span{font-size: 23px;color: #848484;display: block;}
.tel{margin: 30px auto;}
.tel p{color: #757575;}
.tel strong{color: #b60005;font-size: 48px;font-family: impact;}
.lxdz,.guanzhu{display: inline-block;vertical-align: top;}
.lxdz p{color: #646464;font-size: 16px;margin-bottom: 5px;}
.guanzhu{padding-top: 10px;}
.guanzhu img,.gz{display: inline-block;vertical-align: middle;}
.guanzhu img{width: 109px;margin-right: 20px;}
.gz span{font-size: 18px;color: #fff;margin-bottom: 12px;display: block;}
.gz p{color: #999a9f;}
.map3{height: 268px;margin-top: 45px;}
/*.contact-r{padding-top: 200px;}*/
.contact-r h3{font-size: 22px;color: #fff;}

.wzll{float: left;width: 48%;margin-right: 4%;margin-top: 35px;}
.wzll:nth-child(even){margin-right: 0;}
.wzll.wzll-full{width: 100%;margin-right: 0;}
.wzll span{display: block;color: #fff;margin-bottom: 14px;}
.wzll span i{color: #b60005;font-style: normal;}
.wzll .text{display: block;width: 100%;height: 33px;line-height: 33px;background: rgba(255,255,255,.2);text-indent: 12px;color: #fff;}
.yzm-l{margin-right: 160px;}
.yzm-r{position: absolute;top:0;right: 0;}
.yzm-r img{width: 81px;height: 33px;}
.yzm-r img,.yzm-r a{display: inline-block;vertical-align: middle;}
.yzm-r a{width: 64px;text-align: center;line-height: 33px;font-size: 13px;color: #b2b2b2;}
.wzll-yzm{width: 360px;max-width: 100%;}
.wzll-area{background: rgba(255,255,255,.2);padding:8px 12px;}
.wzll-area textarea{display: block;background: none;color: #fff;width: 100%;resize: none;height: 280px;}
.tj{display: block;width: 120px;line-height: 41px;border:1px solid #b60005;color: #b60005;text-align: center;background: rgba(255,0,0,.1);margin-top: 15px;}

.xzmd8 span{display: inline-block;vertical-align: middle;width: 50px;text-align: right;}
.xzmd8{margin-bottom: 20px;}
.xzmd8 strong{display: inline-block;vertical-align: middle;font-weight: normal;}

.zbxcjg-con{padding: 40px 50px;}
.zbxcjg-top{font-size: 0;}
.zbxcjg-top li{width: 32%;margin-right: 2%;display: inline-block;position: relative;box-sizing: border-box;font-size: 16px;padding-left: 106px;margin-bottom: 10px;vertical-align: top;min-height: 21px;}
.zbxcjg-top li span{position: absolute;left: 0;top:0;font-size: 16px;text-align: right;width: 90px;color: #b60005;}
.zbxcjg-top li:nth-child(3n){margin-right: 0;}
.zbxcjg-bot{overflow: auto;height: 400px;text-align: center;}
.zbxcjg-bot img{max-width: 100%;display: block;margin: 0 auto;vertical-align: bottom;}
.zbtp{text-align: center;font-size: 20px;color: #b60005;margin: 20px 0;}
/*6.6联系我们 e*/

#content{position: absolute;left: 0;top:-85px;}
.denglu{width: 620px;max-width: 92%;margin: 0 auto;}
.denglu-warp{padding: 40px 80px;}
.denglu .title30{margin-bottom: 20px;}
.denglu .title30 p{margin-top: 15px;font-size:14px;color: #676767;}
.dl-list{position: relative;margin-bottom: 30px;}
.dl-list span{position: absolute;left: 0;top:0;font-size: 20px;color: #282828;line-height: 36px;}
.dl-input{border:1px solid #9a9a9a;margin-left: 60px;position: relative;}
.dl-text{margin-left: 36px;}
.dl-text .text{display: block;width: 100%;line-height: 36px;height: 36px;font-size: 18px;}
.dl-input img{position: absolute;width: 36px;left: 0;top:0;}
.queding{display: block;text-align: center;font-size: 22px;color: #fff;background: #b60005;width: 200px;margin: 0 auto;line-height: 40px;border-radius: 10px;}
.dengBtn a{display: inline-block;line-height: 32px;height: 32px;width: 120px;border-radius: 32px;margin: 0 10px;border:1px solid #999;}
.dengBtn a.active{background: #b60005;color: #fff;border-color: #b60005;}
.xy-code img{display: inline-block;vertical-align: middle;width: 150px;}
.xy-code-text{display: inline-block;vertical-align: middle;margin-left: 35px;}
.xy-code-text p{font-size: 24px;color: #fff;}
.xxkc-img{width: 50%;}
.xxkc-con{width: 45%;padding-top: 30px;}
.xxkc-con h2{font-size: 30px;margin-bottom: 25px;}
.xxkc-con h3{font-size: 20px;border-bottom: 1px dashed #9c9c9c;padding-bottom: 15px;}
.xxkc-con h3 span{display: inline-block;font-size: 13px;border:1px solid #9a9a9a;margin-left: 16px; width: 49px;height: 21px;line-height: 21px;text-align: center;}
.xxkc-con p{font-size: 16px;color: #585858;margin: 20px 0;}
.xxkc-list{margin-top: 30px;}
.xxkc-list li{float: left;width: 33.33%;box-sizing: border-box;padding: 0 1%;text-align: center;}
.xxkc-list li img{width: 80px;max-width: 60%;}
.xxkc-list li span{display: block;font-size: 18px;color: #282828;font-weight: bold;margin-top: 10px;}
.sxy-con{height: 599px;width: 677px;margin: 0 auto;background: url("../images/sxy-con.png") no-repeat center;background-size: cover;max-width: 92%;}
.sxy-list li{position: absolute;width: 120px;height: 120px;border:1px solid #fff;border-radius: 100%;text-align: center;background: #d2d2d2;}
.sxy-list li:nth-child(1){left: 245px;top:86px;}
.sxy-list li:nth-child(2){left: 414px;top:328px;}
.sxy-list li:nth-child(3){left: 84px;top:372px;}
.sxy-list li:nth-child(4){left: -54px;top:128px;}
.sxy-list li:nth-child(5){right: -54px;top:180px;}
.sxy-list img{width: 60px;max-width: 50%;}
.sxy-list p{font-size: 18px;}
.sxy-title{width: 172px;height: 172px;border-radius: 100%;top:50%;left: 50%;margin-left: -86px;margin-top: -86px;position: absolute;}
.sxy-title h2{font-size: 30px;color: #fff;font-weight: bold;}
.xy-nav-style{border-bottom: 6px solid #e6e6e6;margin-bottom: 30px;}
.xy-nav-style a{display: inline-block;font-size: 18px;color: #272727;position: relative;margin: 0 20px;padding: 0 10px 15px;transition: all .4s;}
.xy-nav-style a:after{content: '';position: absolute;left: 50%;bottom:-6px;height: 6px;transform: translateX(-50%);background: #b60005;width: 0;transition: all .4s;overflow: hidden;}
.xy-nav-style a.active{color: #b60005;}
.xy-nav-style a.active:after{width:100%;}
.xy-nav-style a:hover{color: #b60005;}
.xy-nav-style a:hover:after{width:100%;}
.zbs .swiper-container{display: none;}
.zbs .swiper-container.active{display: block;}
.xueyuan-des{margin-top: 35px;}
.xwms-a h3{font-size: 20px;}
.xwms-a .i{position: relative;width: 75px;max-width: 100%;height: 4px;background: #000000;margin: 15px 0;}
.xwms-a .i:before{position: absolute;width: 50%;height: 100%;left: 0;top:0;background: #b60005;content: '';}
.xwms-b p{font-size: 16px;color: #757575;}
.swiper-dot2{margin-top: 60px;}
.swiper-dot2 .swiper-pagination-bullet{width: 30px;height: 4px;opacity: 1;border-radius: 0;margin: 0 5px;transition: all .4s;}
.swiper-dot2 .swiper-pagination-bullet-active{background: #b60005;width: 60px;}
.pxzx{display: none;font-size: 0;}
.pxzx.active{display: block;}
.pxzx li{font-size: 14px;display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 2%;margin-top: 30px;}
.pxzx li:nth-child(3n){margin-right: 0;}
.pxzx li .img100{border-radius: 10px;}
.maodain{position: absolute;left: 0;top:-84px;}
.no-banner{background: #333;height: 85px;}

.tab-pages,.zhuyi-pages{display: none;}
.zhuyi-pages-a{margin-bottom: 30px;}
.zhuyi-pages-a:last-child{margin-bottom: 0;}
.tab-pages.active,.zhuyi-pages.active{display: block;}

.imgscale .img100{overflow: hidden;}
.imgheight{overflow: hidden;position: relative;}
.imgheight .position-full{transition: all .4s;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.imgscale:hover .imgheight .position-full{transform: scale(1.1);}
.background-cover,.share a,.newBtn div,.cpplayBtn div,.cpxqBtn a,.cpxq-a a,.btn38 div,.btn28 div,.fh2{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.swiper-slide-active .banner-text p,.gonglc-che,.about-img{animation-delay: 300ms !important;}
.slideUp,.swiper-slide-active .banner-text h2,.swiper-slide-active .banner-text p{
    animation:slideUp 1s both;-webkit-animation:slideUp 1s both;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both;-webkit-animation:slideLeft 1s both;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both;-webkit-animation:slideRight 1s both;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both;-webkit-animation:tobig 1s both;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}