@charset "utf-8";
.g-in { width: 14rem; margin: 0 auto;}
.relative {position: relative; }
.header { position: relative;}
.topHead { z-index: 10;width: 100%; background: #fff;}
.nav { float: right;}
.nav ul li {float: left; padding: 0 40px; position: relative; }
.nav ul li a { display: inline-block; font-size: 14px;line-height: 0.7rem; font-weight: bold; font-size: 16px;color:#333333; }
.nav ul li .sub { display: none; position: absolute; left:0; top:0.7rem;background: #fff; width: 100%; z-index: 1000; }
.nav ul li .sub dl dd a {line-height: 30px; font-weight: normal; font-size: 14px; }
.nav ul li .sub dl dd{border-bottom:1px solid #fff;padding: 10px;}
.nav ul li .sub dl{text-align: center;}
.nav ul li .sub dl dd:first-child{border-top:1px solid #fff;}
.nav ul li .sub dl dd:nth-last-child(1){border:none;}
.nav ul li .sub dl dd:hover a { color:#e50012;}
.nav ul .mmp:hover{background: #dfdfdf;}
.nav ul li:hover .sub { display: block;background: #dfdfdf;}
.topHead .logo { position: absolute; left:0; top:0; padding:0.16rem 0.2rem; background: #fff; z-index: 1000;}
.swiper-banner .swiper-slide .pic2 { display: none;}
.swiper-banner .swiper-pagination {text-align: right; right:0.7rem;font-size: 20px; width: 24px;left:auto; bottom:auto; top:50%; transform: translateY(-50%); }
.swiper-banner .swiper-pagination-clickable .swiper-pagination-bullet { position: relative; margin:14px 10px;background: #838693;opacity: 1;  }
.swiper-banner .swiper-pagination-clickable .swiper-pagination-bullet:after { content:'';width: 0;height: 0; position: absolute; left:50%; top:50%;margin-left: 0; margin-top:0; transition: all 0.6s; }
.swiper-banner .swiper-pagination-clickable .swiper-pagination-bullet-active {background: #fff;}
.swiper-banner .swiper-pagination-clickable .swiper-pagination-bullet-active:after {width: 24px;height: 24px; border-radius: 50%; border:2px solid #fff; margin-left:-12px; margin-top:-12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.ibanner { padding: 3rem 0; font-size: 50px; color:#fff; text-align: center;background: #000; }

.header .fixed-head{
    z-index: 997;position: fixed;top: 0;margin-top:0;width: 100%;  left:0; background: #fff;
    transition: All .4s ease;-webkit-transition: All .4s ease;-moz-transition: All .4s ease;-o-transition: All .4s ease;-webkit-animation: headerFix 1s ease 1;
    animation: headerFix 1s ease 1;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
@-webkit-keyframes headerFix {
    from {
        -webkit-transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
    }
}
@keyframes headerFix {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.navbtn{cursor: pointer;height: 20px;box-sizing: border-box;box-sizing: border-box;position: absolute;right: 0;top: 50%; margin-top:-10px; width: 34px;line-height: 0; display: none; z-index: 1000000000; }
.navbtn1 {display: none;position: relative;}

@media(max-width: 1680px){
    .nav ul li { padding: 0px 30px; }
}
@media(max-width: 1480px){
    .nav ul li { padding: 0px 20px; }
}

/*首页样式*/
.mtit { }
.mtit .t1 { font-size: 0.36rem; color:#222222; font-weight: bold; }
.mtit .t1 span { font-size: 0.2rem; color:#999999; font-weight: normal;text-transform: uppercase;  font-family: "Arial";}
.mtit .c {font-size: 0.18rem; margin-top:10px;color:#666666}
.homeBox1 { padding:1rem 0;background: #fff;}
.homeBox1a { position: absolute; left:0; top:30px;}
.homeBox1a {width: 7rem;overflow: hidden;}
.homeBox1a img {width: 100%;transition: all 0.5s;transform: scale(1.0);}
.homeBox1a:hover img{transform: scale(1.1);transition: all 0.5s;}
.homeBox1b { float: right; width: 5.9rem;}
.homeBox1b .con {margin: 18px 0; font-size: 16px; color:#666666;line-height: 30px; }
.homeBox1c { }
.homeBox1c ul { margin-bottom:20px;}
.homeBox1c ul li { float: left; margin-right:0.7rem;}
.homeBox1c ul li:last-child { margin-right:0;}
.homeBox1c ul li .t { font-size: 0.45rem; color:#333333; font-weight: bold; font-family: "Arial"; letter-spacing: 4px;}
.homeBox1c ul li:nth-child(1) .t { letter-spacing: 6px;}
.homeBox1c ul li .c { font-size: 14px; color:#666; margin-top:4px;}
.homeBox1c ul li .t i { font-style: normal; font-size: 0.3rem; font-weight: normal;vertical-align: top;}
a.mainmore { display: inline-block; padding:10px 20px; text-transform: uppercase; font-size: 16px;color:#666666; border:1px solid #999999;transition: all .3s ease-in-out;}
a.mainmore:hover {background: #e50012; color:#fff; border:1px solid #e50012;}

.homeBox2a { padding:0.8rem 0 0.15rem;background: #f7f7f7;}
.homeBox2b { float: left;}
.homeBox2c { float: left;width: 100%; margin-top:20px;}
.homeBox2c .box { float: left; margin:0 30px 10px 0; }
.homeBox2c .box a { position: relative; display: inline-block; padding:18px 0 12px; font-size: 18px;color:#666666; text-align: center;}
.homeBox2c .box:hover a:after,.homeBox2c .box .cur a:after { content:'';width: 50px;height: 2px;position: absolute; left:50%; margin-left:-25px; background: #e50012; bottom:-1px;}
.homeBox4 .homeBox2c .box:hover a:after,.homeBox4 .homeBox2c .box .cur a:after { content:'';width: 100%;height: 2px;position: absolute; left:0%; margin-left:0px; background: #e50012; bottom:-1px;}
.homeBox2c .box:hover a,.homeBox2c .box .cur a { color: #e50012; }
.homeBox2f { float: left;width: 57%;overflow: hidden;}
.homeBox2f img{transform: scale(1);transition: all 0.5s;}
.homeBox2f:hover img{transform: scale(1.1);transition: all 0.5s;}
.homeBox2g { float: right;width: 43%; text-align: center; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.homeBox2i .t1{ font-size: 24px;color:#333333; font-weight: bold;}
.homeBox2i .c { font-size: 16px;color:#666666;line-height: 25px; padding:15px 0 38px;background: url(../images/xian.jpg) no-repeat bottom center; margin-bottom:0px;}
.homeBox2i .t2{ margin-top:4px;  font-size: 16px;color:#333333; font-weight: bold;}
.homeBox22 { position: relative; max-width: 300px; margin: 0 auto; padding:0.2rem 0.5rem 0;background: url(../images/tuoyuan.png) no-repeat center;background-size: 100% auto;}
.homeBox2i .pic { position: relative; margin: 0 auto 75px; }
.homeBox2i .pic img { max-height: 188px;height: 140px; width: auto; }
.homeBox22 .swiper-button-next-b {width: 40px;height: 40px;border:1px solid #eee;background: #fff;border-radius: 50%; right:-20px; margin-top:-60px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: all .3s ease-in-out;}
.homeBox22 .swiper-button-prev-b {width: 40px;height: 40px;border:1px solid #eee;background: #fff;border-radius: 50%;left:-20px; margin-top:-60px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: all .3s ease-in-out;}
.homeBox22 .swiper-button-prev-b:hover:after,.homeBox22 .swiper-button-next-b:hover:after { color:#fff;}
.homeBox22 .swiper-button-prev-b:hover,.homeBox22 .swiper-button-next-b:hover {background: #e50012; border-color:#e50012;}

@media(max-width: 1680px){
    .homeBox2i .pic img { height: 120px; width: auto; }
}
@media(max-width: 1480px){
    .homeBox2i .pic img { height: 100px; width: auto; }
}
.homeBox3 { padding:0.8rem 0; background: #f6f6f6;}
.homeBox3a { margin:50px 0 60px;}
.homeBox3a .swiper-button-next-a {width: 40px;height: 40px;border:1px solid #eee;background: #fff;border-radius: 50%;right:-20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.homeBox3a .swiper-button-prev-a {width: 40px;height: 40px;border:1px solid #eee;background: #fff;border-radius: 50%;left:-20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.swiper-button-next:after, .swiper-button-prev:after { color:#999999; font-size: 20px;font-weight: bold; }
.homeBox3a .swiper-button-prev-a:hover:after,.homeBox3a .swiper-button-next-a:hover:after { color:#fff;}
.homeBox3a .swiper-button-prev-a:hover,.homeBox3a .swiper-button-next-a:hover {background: #e50012; border-color:#e50012;}
.homeBox3a .swiper-slide .tit { margin-top:20px;}
.homeBox3a .swiper-slide .tit a { display: inline-block;font-size: 20px; color:#333333;text-transform: uppercase; padding-right:50px;background: url(../images/jt.png) no-repeat right center; }
.homeBox3a .swiper-slide:hover .tit a { color:#e50012; background: url(../images/jtbg.png) no-repeat right center; }
.homeBox3a  .swiper-slide:after { content:'';width: 1px;height: 5.6rem;position: absolute;right:-50px; top:0;background: url(../images/box3.jpg) no-repeat center;}


.homeBox4 .homeBox4a { padding: 0.7rem 0 0.4rem;background: #fff;}
.homeBox4c .mb { position: absolute; left:0; top:0;width: 38%;background: rgba(0,0,0,0.4);height: 100%;}
.homeBox4d {width: 100%;position: absolute; left:0;width: 100%; top:50%; transform: translateY(-50%); z-index: 100;}
.homeBox4d .con {width: 3.4rem;}
.homeBox4d .con .t {font-size: 24px; color:#fff;}
.homeBox4d .con .c {font-size: 16px; margin: 10px 0 20px;line-height: 30px; opacity: 0.8; color:#fff;}
.homeBox4d a.mainmore { color:#fff; border-color:#fff;}
.homeBox4d a.mainmore:hover { border-color:#e50012;}
.homeBox4b {background: #999;}
.homeBox4b .bd ul li { display: none;}
.homeBox4b .bd ul li.cur { display: block;}
.homeBox4b .hd { position: absolute; top:70px;left: 35%;}
.homeBox4b .hd ul li {  border-width:0; border-style:solid; box-sizing: border-box;margin: 10px 0;cursor: pointer;width: 23px;padding: 2px;height: 23px; border-radius: 50%;}
.homeBox4b .hd ul li span { border-radius: 50%; display: block;width: 100%;height: 100%;}
.homeBox4b .hd ul li.cur,.homeBox4b .hd ul li:hover {border-width: 1px;}

.homeBox5 { padding:0.8rem 0.15rem 0.7rem; background: url(../images/home5.jpg) no-repeat center/cover;}
.homeBox5a { padding-left:36%;}
.homeBox5b { margin-top:50px;}
.homeBox5b .swiper-slide { padding : 0 0.45rem;}
.homeBox5c .pic { display: block; position: relative;}
.homeBox5c .pic span { display: block; position: absolute;width: 100%; font-size: 20px;color:#fff; bottom:15px; left:25px;}
.homeBox5d { display: none; padding:30px 0 0;}
.homeBox5d .t { font-size: 20px;color:#333333;}
.homeBox5d .c { font-size: 16px;color:#666666; margin: 10px 0 16px;line-height: 24px;}
.homeBox5b .swiper-slide-active .homeBox5d { display: block; }
.homeBox5b .swiper-slide-active .pic span { display: none; }
.homeBox5b .swiper-button-next-a {width: 40px;height: 40px;border:1px solid #eee;background: #fff;border-radius: 50%;right:250px; top:auto; margin-top:0; bottom:70px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: all .3s ease-in-out;}
.homeBox5b .swiper-button-prev-a {width: 40px;height: 40px;border:1px solid #eee;background: #fff;border-radius: 50%;left:auto; right:305px; top:auto; margin-top:0; bottom:70px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: all .3s ease-in-out;}
.homeBox5b .swiper-button-prev-a:hover:after,.homeBox5b .swiper-button-next-a:hover:after { color:#fff;}
.homeBox5b .swiper-button-prev-a:hover,.homeBox5b .swiper-button-next-a:hover {background: #e50012; border-color:#e50012;}

.homeBox6 { padding: 0.9rem 0;}
.homeBox6b { margin-top:45px;}
.homeBox6b ul li { position: relative; float: left; overflow: hidden; width: 32%; border:1px solid #eeeeee; margin-right:2%;}
.homeBox6b ul li:last-child { margin-right:0;}
.homeBox6c {  }






.homeBox6d .t { font-size: 1rem; color:#f8f8f8; opacity: 1; font-family: "Arial"; font-weight: bold;line-height: 1rem;}
.homeBox6d .tit { font-size: .2rem; color:#333333;line-height: 0.3rem;height: 0.6rem; margin-top:-35px; }
.homeBox6d .c { margin:0.24rem 0 0.55rem; font-size: 0.16rem;line-height: 1.6; color:#666;}
.homeBox6c .d { position: absolute; left:16px; font-size: 16px;color:#999999;bottom:0.5rem;}
.homeBox6c { height: 290px;overflow: hidden; }
.homeBox6d { position: relative; z-index: 10;}
.homeBox6d a { display: none;}
@media(max-width: 1920px){
    .homeBox6c { height: 14.8vw; }
}

.homeBox6d { z-index: 10;height: 100%;width: 100%;background: rgba(0,0,0,0.4); padding:0 16px 0; position: absolute; left:0; top:0; }


.homeBox6b ul li .mb {width: 100%;height: 100%;}
.homeBox6b ul li:after { content:'';width: 100%;height: 3px;background: #e50012; position: absolute; left:0; top:0; color:#fff; }

.homeBox6b ul li .homeBox6d .t,.homeBox6b ul li .homeBox6d .tit,.homeBox6b ul li .homeBox6d .c,.homeBox6b ul li .homeBox6c .d { color:#fff;display: none; }
.homeBox6b ul li .homeBox6d .t {opacity: 0.1;}
.homeBox6b ul li .homeBox6d a {background: #e50012; border:1px solid #e50012; color:#fff; display: none;transition: all .3s ease-in-out;}
.homeBox6b ul li .homeBox6d a:hover{background: #fff;color: #e50012;border:1px solid #fff;}
.homeBox6b ul li:hover .homeBox6d a {display: inline-block;}
.homeBox6b ul li .homeBox6d a {display: inline-block;margin-top: 20px;}
.homeBox6b ul li.cur .homeBox6d a {display: inline-block; margin-top: 20px;}


.homeBox6b ul li:hover .homeBox6d .t,.homeBox6b ul li:hover .homeBox6d .tit,.homeBox6b ul li:hover .homeBox6d .c,.homeBox6b ul li:hover .homeBox6c .d { display: block;}
/*.homeBox6b ul li.cur .homeBox6d .t,.homeBox6b ul li.cur .homeBox6d .tit,.homeBox6b ul li.cur .homeBox6d .c,.homeBox6b ul li.cur .homeBox6c .d { display: block;}*/
.homeBox6b ul li .homeBox6d .t,.homeBox6b ul li .homeBox6d .tit,.homeBox6b ul li .homeBox6d .c,.homeBox6b ul li .homeBox6c .d { display: block;}

/*底部样式*/
.footer { padding:0.8rem 0 0;background: #333333;}
.footerAc { padding-bottom:0.8rem; border-bottom:1px solid rgba(255,255,255,0.2)}
.footerA-a { float: left;width: 380px; }
.footerA-a .con { margin-top:20px;}
.footerA-a .con p { font-size: 16px;color:#aaaaaa;line-height: 30px;}
.footerA-b { float: right;}
.footerA-b dl { float: left; margin-left:0.9rem;}
.footerA-b dl:first-child { margin-left:0;}
.footerA-b dl dt a { display: inline-block; font-size: 18px;color:#ffffff; margin-bottom:18px;}
.footerA-b dl dd a { display: inline-block; font-size: 16px;color:#aaaaaa; margin-bottom:6px;}
.footerA-b dl dd a:hover{color: #e50012;}

.copyright {text-align: center;text-align: center; padding: 18px 0; font-size: 14px;color:#949494; }
.copyright p,.copyright p a { color:#949494;}

.mtit .t { font-size: 36px;color: #333333;font-weight: bold; }
.mtit .t span {
    font-weight: normal; font-size: 20px;text-transform: uppercase;margin-top: 20px;margin-left: 10px;color: #999999; }


/**面包屑**/
.wrap-container .mbx .mbxf{
    padding: 30px 0 20px;
    border-bottom:1px solid #e5e5e5;
}
.wrap-container .bsl{
    background: #f0f0f0;
}
.wrap-container .mbx .mbxf a{
    float: left;
    font-size: 14px;
    color: #666666;
}
.wrap-container .mbx .mbxf .cur{
    color: #333333;
}
.wrap-container .mbx .mbxf span{
    float: left;
    margin: 0 5px;
    color: #666666;
}
/**新闻动态内容**/
.wrap-container .nrks{
    padding: 50px 0 89px 0;
}
.nrks .nrcp ul li{
    float: left;
    width: 31%;
    margin-right: 3.5%;
    text-align: center;
}
.nrks .nrcp ul li .img{
    width: 100%;
    overflow: hidden;
    height: 320px;
    position: relative;
}
.nrks .nrcp ul li a { display: block; }
.nrks .nrcp ul li a img{
    transform: scale(1);
    transition: all 0.5s;
}
.nrks .nrcp ul li:hover a img{
    transform: scale(1.1);
    transition: all 0.5s;
}



.nrks .nrcp ul li:nth-child(3n){
    margin-right: 0;
}
@media(max-width: 1800px){
    .nrks .nrcp ul li .img { height: 20vw;}
    .nrks .nrcp ul li .img img { width: 100%; height: auto;}
}
.nrks .nrcp ul li .di1 .an a{
    display: inline-block;
    font-size: 16px;
    text-transform:uppercase;
    color: #666666;
    line-height: 42px;
    border: 1px solid #999999;
    background: #fff;
    padding: 0 34px;
    margin: 31px 0 59px;
    transition: all .3s ease-in-out;
}
.nrks .nrcp ul li .di1 {
    position: relative;
}
.nrks .nrcp ul li .di1 .dwz{
    position: absolute;
    font-size: 20px;
    color: #fff;
    bottom: 0;
    left: auto;
    background: #737373;
    width: 100%;
    padding: 21px 0;
}

.nrks .nrcp ul li .di1 .dwz a { color:#fff;}
.nrks .nrcp ul li .di1:hover .an a{
    background: #e50012;
    color: #fff;
    border: 1px solid #e50012;
}

@media(max-width: 1680px){
    .nrks .nrcp ul li .di1 .dwz { font-size: 18px; }
}
@media(max-width: 1480px){
    .nrks .nrcp ul li .di1 .dwz { font-size: 16px; }
}



/**分页**/
.page{
    text-align: center;
}
.page a{
    display: inline-block;
    border: 1px solid #bfbfbf;
    line-height: 34px;
    width: 34px;
    line-height: 32px;
    color: #999999;
    border-radius: 50px;
    margin: 0 3px;
}
.page a:hover,
.page a.cur{

    background: #e50012;
    color: #fff;
    border: 1px solid #fff;
}

.page2{
    text-align: center;
    margin-top: 41px;
}
.page2 a{
    text-align: center;
}

/**联系我们**/

/**地图**/
.dt{
    padding-top: 50px;
}
.sskt{
    background: #fff;
    padding: 60px 0 0 0;
    position: relative;
    margin-top: -221px;
}
.sskt .d1 ul li{
    float: left;
    width: 25%;
    text-align: center;
    border-right:1px solid #eeeeee;
}
.sskt .d1 ul li:nth-last-child(1){
    border: none;
}
.sskt .d1 ul li:nth-last-child(1) .img img{
    width: 42%;
}
.sskt .d1 ul li .zi .h3{
    font-size: 18px;
    color: #999999;
    margin: 11px 0 6px;
}
.sskt .d1 ul li .zi .h4{
    font-size: 16px;
    color: #333333;
}
.sskt .d1 ul li .zi .h5{
    font-size: 16px;
    color: #999999;
    margin-top: 20px;
}
/**搜索框**/
.ssk{
    padding: 140px 0 72px 0;
}
.ssk .bt .h3{
    font-size: 36px;
    color: #333333;
    float: left;
}
.ssk .bt .h4{
    font-size: 20px;
    float: left;
    color: #999999;
    margin-top: 20px;
    margin-left: 8px;
}
.ssk .sskj input,.ssk .sskj p i input{
    padding-top: 16px;
    border-bottom:1px solid #e5e5e5;
    border-top:none;
    border-left:none;
    height: 70px;
    border-right:none;
    font-size: 18px;
    color: #666666;
    width: 45%;
    margin-right: 10%;
    float: left;
}
.ssk .sskj .cur{
    border-bottom:2px solid #ff0000;
    color: #333333;
}
.ssk .sskj input:nth-last-child(9){
    margin-right: 0;
    float: right;
}
.ssk .sskj input:nth-last-child(7){
    margin-right: 0;
    float: right;
}
.ssk .sskj input:nth-last-child(6){
    margin-right: 0;
    float: right;
}
.ssk .sskj input:nth-last-child(4){
    margin-right: 0;
    float: right;
}
.ssk .sskj input:nth-last-child(2){
    margin-right: 0;
    float: right;
}
.ssk .sskj .x{
    margin-right: 0;
    width: 20%;
    margin-left: 5%;
}
.ssk .sskj .x1{
    margin-right: 0;
    width: 20%;
}
.ssk .sskj .x2{
    width: 100%;
    margin-right: 0;
}
.ssk .sskj p i { font-style: normal; }
.ssk .sskj p i input.x1 { width: calc(100% - 350px); float: right; }
.ssk .sskj p { float: right; width: 45%; font-size: 18px;color:#666666; }
.ssk .sskj p label { font-weight: normal; padding-left:10px; }
.ssk .sskj p input { vertical-align: top; width: 15px;height: 15px;border-radius: 0; float: none; }
.ssk .sskj p input:nth-last-child(2) { float: none; }
.ssk .sskj p span { padding-top: 28px; display: inline-block; width: 120px; }
.ssk .sskj p span.sign { width: 80px; }

.ssk .sskan{
    margin-top: 51px;
}
.ssk .sskan input{
    background: #e50012;
    line-height: 2.5;
    border:none;
    color: #fff;
    font-size: 18px;
    padding: 0 40px;
}

@media(max-width: 1680px){
    .ssk .sskj p span { width: 100px; }
    .ssk .sskj p span.sign { width: 70px; }
    .ssk .sskj p i input.x1 { width: calc(100% - 300px); }
}
@media(max-width: 1480px){
    .ssk .sskj p span { width: 80px; }
    .ssk .sskj p span.sign { width: 70px; }
    .ssk .sskj p i input.x1 { width: calc(100% - 260px); }
}

@media(max-width: 1024px){
    .ssk .sskj input,.ssk .sskj p { width: 100%; }
    .ssk .sskj p span { padding-top:40px; }
}
@media(max-width: 400px){
    .ssk .sskj p span label { font-size: 16px; }
    .ssk .sskj p span { width: 56px; }
    .ssk .sskj p span.sign { width: 56px; }
    .ssk .sskj p label { padding-left:2px; }
    .ssk .sskj p i input.x1 { width: calc(100% - 196px); }
}


/**产品页**/

/**精调漆**/
.banner img{
    width: 100%;
}
.banner .swiper-banner .swiper-wrapper .swiper-slide-active{
overflow: hidden;
}

.banner .swiper-banner .swiper-wrapper .swiper-slide-active img{
    -webkit-animation: haha2 3000ms linear both;
    animation: haha2 3000ms linear both;    
}

@-webkit-keyframes haha2 {
    0% {
transform: scale(1)
}

    10% {
transform: scale(1.01)
}

    20% {
transform: scale(1.02)
}

    30% {
transform: scale(1.03)
}

    40% {
transform: scale(1.04)
}

    50% {
transform: scale(1.05)
}

    60% {
transform: scale(1.06)
}

    70% {
transform: scale(1.07)
}

    80% {
transform: scale(1.08)
}

    90% {
transform: scale(1.09)
}

   100% {
transform: scale(1.1)
}
}

.hxks{
    padding: 53px 0 91px;
}
.hxks .bt .l{
    float: left;
}
.hxks .bt .l .h3{
    float: left;
    font-size: 35px;
    color: #333333;
    font-weight:bold;
}
.hxks .bt .l .h4{
    float: left;
    font-size: 20px;
    color: #999999;
    text-transform:uppercase;
    margin-top: 19px;
    margin-left: 10px;
}
.hxks .bt .r{
    float: right;
}
.hxks .bt .r input{
    font-size: 0.18rem;
    color: #999999;
    background: #fff;
    border:1px solid #bdbdbd;
    padding: 16px 43px;
}
.hxks .bt .r a{
    display: inline-block;
    font-size: 0.18rem;
    color: #999999;
    background: #fff;
    border:1px solid #bdbdbd;
    padding: 16px 43px;
}
.hxks .bt{
    margin-bottom: 30px;
}
.hxks .cpnr {
    position: relative;
    background: #ebebeb;
}
.hxks .cpnr .l{
    float: left;
    width: 55%;
}
.hxks .cpnr .l img{
    width: 100%;
}
.hxks .cpnr .r{
    float: left;
    width: 45%;
    background: #ebebeb;
}
.hxks .cpnr .r .tao {
    padding: 0.75rem 0 1.07rem 1.5rem;
}
.hxks .cpnr .r .zi .h3{
    font-size: 30px;
    color: #333333;
    margin: 40px 0 43px;

}
.hxks .cpnr .r .zi .h4{
    font-size: 22px;
    margin-bottom: 14px;
}
.hxks .cpnr .r .zi .h5{
    font-size: 16px;
    color: #333333;
    line-height: 1.6;
    width: 96%;
}
.hxks .cpnr .dwt{
    width: 270px;
    position: absolute;
    right: 474px;
    top: 165px;
}
.fd{
    background: #f0f0f0;
    padding: 81px 0 61px;
}
.fd .dcdc ul li{
    float: left;
    width: 49%;
    margin-right: 2%;
    background: #fff;
}
.fd .dcdc ul li:nth-last-child(1){
    margin-right: 0;
}
.fd .dcdc ul li{
    padding: 60px 60px 69px 60px;
}
.fd .dcdc ul li .lb .bt{
    border-bottom:1px dashed #e5e5e5;
    padding-bottom: 21px;
}
.fd .dcdc ul li .lb .bt .h3{
    font-size: 0.36rem;
    color: #333333;
    font-weight: bold;
}
.fd .dcdc ul li .lb .bt .h3 span{
    font-size: 20px;
    color: #999999;
    text-transform: uppercase;
    margin-left: 10px;
    margin-top: 20px;
    font-weight:normal;
}
.fd .dcdc ul .xxc{
    padding: 65px 60px 65px 59px;
}
.fd .dcdc ul li .lb .b2{
    padding-top: 45px;
    font-size: 20px;
    color: #333333;
}
.fd .dcdc ul li .lb .tz{
    padding-top: 45px;
}
.fd .dcdc ul li .lb .cp{
    margin-top: 43px;
}
.fd .dcdc ul li .lb .cp .cks{
    font-size: 16px;
    color: #333333;
    width: 50%;
    float: left;
}
.fd .dcdc ul li .lb .cp .algga{
    margin: 27px 0;
}
.fd .dcdc ul li .lb .cp .cks span{
    margin-left: 6px;
}
.fd .dcdc ul li .lb .cp .cks:nth-last-child(5){
    float: right;
}
.fd .dcdc ul li .lb .tz p{
    font-size: 16px;
    color: #333333;
    position: relative;
    padding-left: 10px;
    margin-bottom: 20px;
}
.fd .dcdc ul li .lb .tz p:before{
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #666666;
    position: absolute;
    left: 0;
    top: 11px;
}
.fd .dcdc ul li .lb .tz p:nth-last-child(1){
    margin-bottom: 0;
}
.fd .xmdx{
    background: #fff;
    margin: 70px 0 0;
    padding:0;
}

.fd .xmdx .t1 .pic,.fd .xmdx .t2 .pic { padding: 0px 30px;background: #fff; }
/**最新动态副本**/
.xwksl{
    background: #f0f0f0;
    padding-bottom: 0.7rem;
}
.xwksl .d1k{
    padding: 0.6rem 0 0.6rem;
}
.d1k .bt .z{
    float: left;
}
.d1k .bt .z .h3{
    font-size: 0.26rem;
    color: #333333;
    font-weight:bold;
}
.d1k .bt .z .h4{
    margin: 0.2rem 0 0.5rem;
}
.d1k .bt .z .h4 .fb{
    float: left;
    font-size: 0.16rem;
    color: #999999;
}
.d1k .bt .z .h4 .ola{
    margin-left: 0.83rem;
}
.d1k .bt .r{
    float: right;
}
.d1k .bt .r a{
    display: inline-block;
    font-size: 0.18rem;
    color: #999999;
    background: #f0f0f0;
    border:1px solid #999999;
    padding: 0 43px;
    line-height: 2.5;
    margin-top: 0.05rem;
}
.d1k .bt .r a:hover{
    color: #fff;
    background: #e50012;
    border:1px solid #e50012;
}
.d1k .nr .wz p{
    font-size: 0.16rem;
    color: #666666;
    line-height: 26px;
}
.d1k .nr .wz p:nth-last-child(2){
    margin: 28px 0;
}
.d1k .nr .tz{
    margin-top: 50px;
}
.d1k .nr .tz ul li{
    float: left;
    width: 49%;
    margin-right: 2%;
}
.d1k .nr .tz ul li .img img{
    width: 100%;
}
.d1k .nr .tz ul li .zz p{
    font-size: 0.16rem;
    color: #666666;
    line-height: 26px;
    margin-top: 25px;
}
.d1k .nr .tz ul li:nth-last-child(1){
    margin-right: 0;
}
.d1k .nr .tz ul li:nth-last-child(3){
    margin-right: 0;
    margin-bottom: 49px;
}
.d1k .nr .tz ul li:nth-last-child(4){
    margin-bottom: 49px;
}
.xwksl .xxc{
    background: #fff;
}
.xxc .t1 a{display:  block; padding: 51px 36px 51px 60px;}
.xxc .t2 a {display:  block; padding: 51px 60px 51px 36px;}
.xxc .t1{
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
}
.xxc .t1:hover{
    background: #333333;
    color: #fff;
}
.xxc .t1:hover a{
    color: #fff;
}
.xxc .t1:hover:after{
    background: url(../images/dgsf5.jpg) no-repeat center center / cover;
}
.xxc .t1 .pic{
    content: "";
    position: absolute;
    right: 20px;
    width: 187px;
    height: 90px;
    overflow: hidden;
    top: 18px;
}
.xxc .t1:hover a:before{
    background: url(../images/bzjt.png) no-repeat center center / cover;
    height: 16px;
}
.xxc .t2{
    width: 50%;
    float: left;
    text-align: right;
    position: relative;
    display: inline-block;
}
.xxc .t2:hover:after{
    background: url(../images/dgsf5.jpg) no-repeat center center / cover;
}
.xxc .t2 .pic{
    content: "";
    position: absolute;
    left: 20px;
    width: 187px;
    height: 90px;
    overflow: hidden;
    top: 18px;
}
.xxc .t2:hover{
    background: #333333;
}
.xxc .t2:hover a{
    color: #fff;
}
.xxc .t2:hover a:before{
    background: url(../images/byjt.png) no-repeat center center / cover;
    height: 16px;
}
.xxc .t1 a{
    font-size: 18px;
    color: #666666;
    position: relative;
}
.xxc .t1 a:before{
    content: "";
    background: url(../images/hzjt.png) no-repeat center center / cover;
    width: 10px;
    height: 15px;
    position: absolute;
    left: 36px;
    top: 50%;margin-top:-7px;
}
.xxc .t2 a{
    font-size: 18px;
    color: #666666;
    position: relative;
}
.xxc .t2 a:before{
    content: "";
    background: url(../images/hyjt.png) no-repeat center center / cover;
    width: 10px;
    height: 15px;
    position: absolute;
    right: 36px;
    top: 50%; margin-top:-7px;
}


/**按空间和颜色检索**/
.kjjs{
    padding: 50px 0;
}
.kjjs .qh{
    margin: auto;
    display: table;
    position: relative;
    z-index: 9;
}
.kjjs .qh dd .selectBtn{
    float: left;
    position: relative;
    display: inline-block;
}
.kjjs .qh dd .selectBtn:nth-last-child(2){
    margin-right: 40px;
}
.kjjs .qh dd .selectBtn select{
    width: 400px;
    height: 48px;
    font-size: 16px;
    color: #333333;
    -webkit-appearance:none;
    padding-left: 19px;
}
.kjjs .qh dd .selectBtn dl{
    position: relative;
    width: 400px;
    height: 48px;
    font-size: 16px;
    color: #333333;
    -webkit-appearance:none;
    cursor: pointer;

}
.kjjs .qh dd .selectBtn dl dt{
    border:1px solid #333;
    width: 400px;
    height: 48px;
    line-height: 48px;
    padding-left: 19px;
}
.kjjs .qh dd .selectBtn dl dd {display: none; border:1px solid #e2e2e2; border-top:none; position: absolute;left:0; top:48px;width: 100%; }
.kjjs .qh dd .selectBtn dl:hover dd { display: block; }
.kjjs .qh dd .selectBtn dl dd ul li {
    line-height: 30px; padding: 0 10px;
    background: #fff;
    width: 100%; }
.kjjs .qh dd .selectBtn dl dd ul li:hover { color:#fff;
    background: #e50012;}
.kjjs .qh dd .selectBtn:before{
    content:"";
    position: absolute;
    right: 14px;
    top: 18px;
    width: 16px;
    height: 10px;
    background:url(../images/gljt01.jpg) no-repeat center center;
}
.kjjs .tpnr{
    padding-top: 41px;
}
.kjjs .tpnr ul li{
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
}
.kjjs .tpnr ul li img{
    width: 100%;
    transform: scale(1);
    transition: all 0.5s;
}

.kjjs .tpnr ul li:hover img{
    transform: scale(1.1);
    transition: all 0.5s;
}

.kjjs .tpnr ul li:nth-child(4n) { margin-right:0;}


/**权威认证**/
.qwrz{
    background: #f0f0f0;
    padding: 52px 0 79px;
}
.qwrz .qwrznr ul li{
    height: 379px;
    float: left;
    background: #fff;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 47px 62px 58px 62px;
}
.qwrz .qwrznr ul li .img .il{
    float: left;
}
.qwrz .qwrznr ul li .img .ir{
    float: right;
    color: #f2f2f2;
    font-size: 0.72rem;
    font-weight:bold;
}
.qwrz .qwrznr ul li .zi .h3{
    font-size: 0.22rem;
    color: #333333;
    margin: 38px 0 21px;
    /* text-transform: uppercase; */
}
.qwrz .qwrznr ul li .zi .h4{
    font-size: 0.15rem;
    color: #666666;
    line-height: 26px;
   /* text-transform: uppercase; */
}
.qwrz .qwrznr ul li:nth-last-child(1){
    margin-right: 0;
    margin-bottom: 0;
}
.qwrz .qwrznr ul li:nth-last-child(2){
    margin-bottom: 0;
}
.qwrz .qwrznr ul li:nth-last-child(3){
    margin-right: 0;
}
.qwrz .qwrznr ul li:nth-last-child(5){
    margin-right: 0;
}




/**产品系列-精调漆系列**/
.jtqxl{
    background: #f0f0f0;
    padding: 45px 0 65px;
}
.jtqxl .an{
    margin: 0 auto;
    width: 70%;
    display: block;text-align: center;
}
.jtqxl .an a{
    font-size: 0.18rem;
    color: #999999;
    padding: 0 20px;
    line-height: 2.5;
    border:1px solid #d2d2d2;
    /*float: left;*/
    display: inline-block;
    text-align: center;
    margin:1%;
}
.jtqxl .an .cur{
    background: #FF0000;
    color: #fff;
}
.jtqxl .nr .ksnr .tpjg ul li{
    float: left;
    background: #fff;
    width: 31%;
    margin-right: 3%;
    margin-bottom: 2%;
    text-align: center;
    padding: 0 0 0;
    position: relative;
    padding-bottom: 100px;
}
.jtqxl .nr .ksnr .tpjg ul li .zi { position: absolute; width: 100%; left:0; bottom:0; }

.jtqxl .nr .ksnr .tpjg ul li .img { height: 270px;overflow: hidden; }

.jtqxl .nr .ksnr .tpjg ul li .img a img{
    transform: scale(1);
    transition: all 0.5s;
}

.jtqxl .nr .ksnr .tpjg ul li:hover .img a img{
    transform: scale(1.1);
    transition: all 0.5s;
}

@media(max-width: 1920px){
    .jtqxl .nr .ksnr .tpjg ul li .img { height: 14vw; }
}


.jtqxl .nr .ksnr .tpjg ul li:nth-child(3n) { margin-right:0;}
.jtqxl .nr .ksnr .tpjg ul li .zi{
    padding: 20px 0 40px;
    /*position: relative;*/
	background: #737373;
	text-align: center;
	width: 100%;
    transition: all .3s ease-in-out;
}
.jtqxl .nr .ksnr .tpjg ul li .zi .h3{
    font-size: 0.2rem;
    color: #fff;
    font-weight:bold;
    margin-bottom: 14px;
}
.jtqxl .nr {
    margin-top: 3.5%;
}
.jtqxl .nr .ksnr .tpjg ul li .zi .h4{
    font-size: 0.16rem;
    color: #ffffff;
    text-transform: uppercase;
}
.jtqxl .nr .ksnr .tpjg ul li .zi a{
    display: none;
    position: absolute;
    bottom: 10px;
	width: 100%;
    transition: all .3s ease-in-out;
}
.jtqxl .nr .ksnr .tpjg ul li:hover .zi a{
    display: block;
}
.jtqxl .nr .ksnr .tpjg ul li:hover .zi{
    background: #E50012;
}
.jtqxl .nr .ksnr .tpjg ul li:hover .zi .h3{
    color: #fff;
}
.jtqxl .nr .ksnr .tpjg ul li:hover .zi .h4{
    color: #fff;
}




/**德国浦芬丝-社会责任**/
.nrhxksll{
    background: #f0f0f0;
    padding: 52px 0 88px;
}
.nrhxksll .ksxd ul li .lba .ll{
    float: left;
    width: 20%;
    background: #6fa479;
    height: 576px;
    padding: 76px 0 90px 50px;
}
.nrhxksll .ksxd ul li .lba .ll .zi .h3{
    font-size: 0.32rem;
    color: #fff;
    text-transform: uppercase;
}
.nrhxksll .ksxd ul li .lba .ll .zi .h4{
    font-size: 0.3rem;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    width: 76%;
    margin: 55px 0 21px;
}
.nrhxksll .ksxd ul li .lba .ll .zi .h5{
    font-size: 0.16rem;
    color: #fff;
    width: 97%;
    position: relative;
    text-transform: uppercase;
}
.nrhxksll .ksxd ul li{
    margin-bottom: 61px;
}
.nrhxksll .ksxd ul li:nth-last-child(1){
    margin-bottom: 0;
}
.nrhxksll .ksxd ul li .lba .rl{
    float: left;
    width: 80%;
}
.nrhxksll .ksxd ul li .lba .rl .img .limg{
    width: 49%;
    float: left;
}
.nrhxksll .ksxd ul li .lba .rl .img .limg:nth-child(2n){
    float: right;
}
.nrhxksll .ksxd ul li .lba .rl .img .limg img{
    width: 100%;
}
.nrhxksll .ksxd ul li .lba .rl .img .rimg{
    width: 49%;
    float: left;
}
.nrhxksll .ksxd ul li .lba .rl .img .rimg img{
    width: 100%;
}
.nrhxksll .ksxd ul li .lba .rl .zi{
    background: #f8f8f8;
    padding: 31px 36px 55px 30px;
    height: 171px;
}
.nrhxksll .ksxd ul li .lba .rl .zi .h3{
    font-size: 0.2rem;
    color: #131313;
}
.nrhxksll .ksxd ul li .lba .rl .zi .h4{
    font-size: 0.16rem;
    color: #666666;
    line-height: 24px;
    margin-top: 0.13rem;
}
.nrhxksll .ksxd ul li .lba .ll .zi .llll{
    position: relative;
    display: inline-block;
}
.nrhxksll .ksxd ul li .lba .ll .zi .llll:before{
    position: absolute;
    content: "";
    background:url(../images/tz1.png) no-repeat center center;
    width: 239px;
    height: 8px;
    top: 27px;
}
.nrhxksll .ksxd ul li .algoo .rl{
    float: left;
    width: 80%;
}
.nrhxksll .ksxd ul li .algoo .rl .img .limg{
    float: left;
    width: 49%;
}
.nrhxksll .ksxd ul li .algoo .rl .img .limg:nth-child(2){
    float: right;
}
.nrhxksll .ksxd ul li .algoo .rl .img .limg img{
    width: 100%;
}
.nrhxksll .ksxd ul li .algoo .rl .img .rimg img{
    width: 100%;
}
.nrhxksll .ksxd ul li .algoo .rl .img .rimg{
    float: left;
    width: 49%;
}
.nrhxksll .ksxd ul li .algoo .ll2{
    float: left;
    background: #6fa477;
    width: 20%;
}
.nrhxksll .ksxd ul li .algoo .ll2 {
    float: left;
    width: 20%;
    background: #6fa477;
    height: 576px;
    padding: 76px 41px 90px 0;
    text-align: right;
}
.nrhxksll .ksxd ul li .algoo .rl .zi {
    background: #f8f8f8;
    padding: 31px 36px 55px 30px;
    height: 171px;
}
.nrhxksll .ksxd ul li .algoo .rl .zi .h3 {
    font-size: 0.2rem;
    color: #131313;
}
.nrhxksll .ksxd ul li .algoo .rl .zi .h4 {
    font-size: 0.16rem;
    color: #666666;
    line-height: 20px;
    margin-top: 0.13rem;
}
.nrhxksll .ksxd ul li .algoo .ll2 .zi .h3 {
    font-size: 0.32rem;
    color: #fff;
    text-transform: uppercase;
}
.nrhxksll .ksxd ul li .algoo .ll2 .zi .h4 {
    font-size: 0.3rem;
    left: -61px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    width: 85%;
    margin: 55px 0 21px;
}
.nrhxksll .ksxd ul li .algoo .ll2 .zi .h5 {
    font-size: 0.16rem;
    color: #fff;
    text-transform: uppercase;
}


/**换色**/
.scdz{
    background: #f0f0f0;
    padding: 81px 0 92px;
}
.scdz .zy {
    position: relative;
}
.scdz .zy .l{
    float: left;
    width: 49%;
    margin-right: 2%;
    width: 66.11%;
    padding-right: 2%;
    position: absolute;
    left: 0;
    bottom: 41px;
}
.scdz .zy .r{
    float: right;
    width: 69.5%;
    background: #fff;
}
.scdz .zy .l .an{
    padding-top:0.3rem;
}
.scdz .zy .l .an a{
    font-size: 16px;
    color: #999999;
    margin-right: 0.7rem;
    padding-bottom: 0.09rem;
}
.scdz .zy .l .an a:nth-last-child(1){
    margin-right: 0;
}
.scdz .zy .l .an .cur{
    color: #e50112;
    border-bottom: 4px solid #e50012;
}
.scdz .zy .l .zzz{
    color: #e5e4e4;
    font-size: 0.7rem;
    font-weight: bold;
    margin-left: 3rem;
    text-transform: uppercase;
    line-height: 0.9;
}
.scdz .zy .l .nr .nr1 .box img{
    width: 100%;
    height: 437px;
}
.scdz .zy .r .sb .box ul li{
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    margin: 0 0 0.01rem;
    cursor: pointer;
    width: 25%;
    padding: 2px;
    height: 43px;
    float: left;
}
.scdz .zy .r .sb .box ul li span{
    display: block;
    width: 100%;
    height: 100%;
}
.scdz .zy .r .sqan{
    display: block;
    margin-bottom: 20px;
}
.scdz .zy .r .sqan a{
    font-size: 0.18rem;
    color: #999999;
    padding: 5px 36px;
    border-radius: 17px;
    border:1px solid #d2d2d2;
    margin-right: 4%;
}
.scdz .zy .r .sqan a:nth-last-child(1){
    margin-right: 0;
}
.scdz .zy .r .sqan .cur{
    color: #fff;
    background: #e50112;
    border: none;
}
.scdz .zy .r{
    padding: 0.29rem 0.4rem 93px 370px;
}
.scdz .zy .r .sqan{
    float: right;
    width: 78%;
}
.scdz .zy .r .sb{
    width: 78%;
    min-height: 440px;
    float: right;
}
.scdz .zy .r .sb .box ul li span{
    position: relative;
    text-align: center;
}
.scdz .zy .r .sb .box ul li i{
    position: absolute;
    top: 28%;
    left: 0px;
    width: 100%;
    font-style:initial;
    display: none;
    color: #fff;
}
.scdz .zy .r .sb .box ul li span.cur i{
    display: block;
}


/**发展史**/
.fzsnr{
    padding: 64px 0 100px 0;
}
.fzsnr .fzsks .fz1 .l1{
    float: left;
    padding-right: 40px;
    width: 42.8%;
    height: 3.6rem;
    padding-top:0px!important;
}
.fzsnr .fzsks .fz1 .l1 .tit { font-size: 24px; margin-bottom:10px; color:#000; }
.fzsnr .fzsks .fz1 .l1 p{
    font-size: 0.16rem;
    color: #666666;
    line-height: 36px;
}
.fzsnr .fzsks .fz1 .r1{
    float: right;
    width: 57.2%;
    overflow: hidden;
}
.fzsnr .fzsks .fz1 .r1 img{
    width: 100%;
    transform: scale(1);
    transition: all 0.5s;
}
.fzsnr .fzsks .fz1 .r1:hover img{
    transform: scale(1.1);
    transition: all 0.5s;
}
.fzsnr .fzsks .fz1 .l2{
    width: 42.8%;
    float: left;
    overflow: hidden;
}
.fzsnr .fzsks .fz1 .l2 img{
     width: 100%;
    transform: scale(1);
    transition: all 0.5s;   
}

.fzsnr .fzsks .fz1 .l2:hover img{
    transform: scale(1.1);
    transition: all 0.5s;
}
.fzsnr .fzsks .fz1 .r2{
    float: right;
    width: 8rem;
    height: 4rem;
}
.fzsnr .fzsks .fz1 .r2 img{
    width: 100%;
}
.fzsnr .fzsks .fz1 .l2 img{
    width: 100%;
}

.fzsnr .fzsks .fz1 .r2{
    position: relative;
}
.fzsnr .fzsks .fz1 .r2 span{
    cursor: pointer;
    position: relative;
}
.fzsnr .fzsks .fz1 .r2 span { position: absolute; width: 6px;height: 6px;background: #ec1010;border-radius: 25px;}
.fzsnr .fzsks .fz1 .r2 span .relative { position: relative; }
.fzsnr .fzsks .fz1 .r2 .dian{top: 1.38rem;left: 2.57rem;}
.fzsnr .fzsks .fz1 .r2 span:hover .relative:after,.fzsnr .fzsks .fz1 .r2 span.cur .relative:after {
    content:''; position: absolute;left:-7px; top:-8px;
    background: url(../images/dqoo.png) no-repeat left center;
    width: 20px;
    height: 20px;
}
.fzsnr .fzsks .fz1 .r2 span:hover i,.fzsnr .fzsks .fz1 .r2 span.cur i{
    display: block;
}
.fzsnr .fzsks .fz1 .r2 span i{
    display: none;
    color: #e50012;
    font-size: 16px;
    font-style: initial;
    position: absolute;
    top: -40px;
    width: 111px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.fzsnr .fzsks .fz1 .r2 .dian1{
top: 1.26rem;
left: 2.75rem;
}

.fzsnr .fzsks .fz1 .r2 .dian2{
top: 1.22rem;
left: 2.96rem;
}

.fzsnr .fzsks .fz1 .r2 .dian3{
    top: 1.11rem;
    left: 3.47rem;
}

.fzsnr .fzsks .fz1 .r2 .dian4{
    top: 1.30rem;
    left: 3.65rem;
}
.fzsnr .fzsks .fz1 .r2 .dian5{
    top: .66rem;
    left: 4.01rem;
}

.fzsnr .fzsks .fz1 .r2 .dian6{
    top: .89rem;
    left: 4.25rem;
}

.fzsnr .fzsks .fz1 .r2 .dian7{
    top: 1.85rem;
    left: 4.82rem;
}

.fzsnr .fzsks .fz1 .r2 .dian8{
    top: .89rem;
    left: 4.95rem;
}
.fzsnr .fzsks .fz1 .r2 .dian9{
    top: .78rem;
    left: 5.35rem;
}
.fzsnr .fzsks .fz1 .r2 .dian10{
    top: 1.08rem;
    left: 5.78rem;
}

.fzsnr .fzsks .fz1 .r2 .dian11{
    top: .68rem;
    left: 6.54rem;
}
.fzsnr .fzsks .fz1 .r2 .dian12{
    top: 1.23rem;
    left: 5.93rem;
}
.fzsnr .fzsks .fz1 .r2 .dian13{
    top: 1.78rem;
    left: 5.93rem;
}
.fzsnr .fzsks .szgd ul li{
    float: left;
    width: 25%;
}
.fzsnr .fzsks .szgd ul li .bbb .l{
    float: left;
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    margin-top: 20px;
}
.fzsnr .fzsks .szgd ul li .bbb .r{
    float: left;
}
.fzsnr .fzsks .szgd ul li b{
    float: left;
    font-size: 0.6rem;
    color: #e50012;
}
.fzsnr .fzsks .szgd ul li p{
    float: left;
    font-size: 0.6rem;
    color: #e50012;
}
.haorjC-b { margin-top:0.5rem;background: url(../images/brandc4.png) repeat-x center; }
.haorjC-d {height: 160px;}
.top .haorjC-d:after { content:'';width: 18px;height: 18px; border-radius:50%;background:url(../images/qqn.png) no-repeat center/cover;position: absolute; left:50%;margin-left:-7px;}
.botttom .haorjC-d:after { content:'';width: 18px;height: 18px; border-radius:50%;background:url(../images/qqn.png) no-repeat center/cover;position: absolute; left:50%;margin-left:-6px;}
.top .haorjC-d:hover:after{background: url(../images/dqoo.png) no-repeat center/cover #fff; border:2px solid red;box-sizing: border-box;}
.botttom .haorjC-d:hover:after{background: url(../images/dqoo.png) no-repeat center/cover #fff; border:2px solid red;box-sizing: border-box;}
.botttom .haorjC-d{text-align: center;}
.top,.botttom{position: relative;}
.top .haorjC-d:before { content:'';width: 2px;height: 36px;border-right:1px dashed #a9a9a9;position: absolute; left:50%;bottom: 0;}
.botttom .haorjC-d:before { content:'';width: 2px;height: 36px;border-right:1px dashed #a9a9a9;position: absolute; left:50%;top: 0;}
.haorjC-b .botttom .haorjC-d:after { top:-8px;}
.haorjC-b .top .haorjC-d:after { bottom:-9px;}
.haorjC-d {position: relative;}
.haorjC-b .top { width: 80%; margin-right:20%;}
.haorjC-d {position: relative; }
.haorjC-b .botttom {width: 80%; margin-left:20%; }
.top .haorjC-d .con{ width: 100%;text-align: center;}
.haorjC-b .botttom .haorjC-d .con { bottom:0;position: absolute; }
.haorjC-d .t {font-size: 0.26rem; color:#333333;font-weight: bold;}
.haorjC-d .c {font-size: 0.14rem; color:#555555;line-height: 2; margin-top:10px;height: auto;}

/*未完待续 history*/
.haorjC-b .slick-prev,.haorjC-b .slick-next { margin-top:-20px; border:none; width: 41px;height: 41px;background: #d6d6d6; border-radius: 50%;transition: all .3s ease-in-out;}
.haorjC-b .slick-prev { left:-10px; background:url(../images/zjttt.png) no-repeat;}
.haorjC-b .slick-next { right:-10px; background:url(../images/brjt.png) no-repeat; /* transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); */}
.haorjC-b .slick-next:hover {background:url(../images/hyyjt.png) no-repeat center;}
.haorjC-b .slick-prev:hover {background:url(../images/hzzjt.png) no-repeat center;}
.haorjC-d:hover .t { color:#e60012; border-color:#e60012;}
.haorjC-d:hover { border-color:#e60012;}
.fzssjz .haorjC-a .nmtit .c{float: left;font-size: 36px;color: #333333;font-weight: bold;}
.fzssjz .haorjC-a .nmtit .t{float: left;font-size: 20px;color: #999999;font-weight: bold;margin-top: 20px;margin-left: 10px;text-transform: uppercase;}
.fzssjz{padding: 0.8rem 0 1rem;background: url(../images/sjzbj.jpg) repeat-x center;background-size: 100% 100%;}

.hbdik {
    padding-top: 1rem;
}
.hbdik .sbs{
    background: #fff;
}
.hbdik .tuzi .tp1{
    float: left;
    width: 33.3%;
    overflow: hidden;
}
.hbdik .tuzi .tp1 img{
    width: 100%;
    transform: scale(1);
    transition: all 0.5s;
}
.hbdik .tuzi .tp1:hover img{
    transition: all 0.5s;
     transform: scale(1.1);
}
.hbdik .tp2{
    width: 33.3%;
    float: left;
}
.hbdik .tp2{
    padding: 84px 50px 89px 61px;
}
.hbdik .tp2 .jcz{
    font-size: 35.91px;
    color: #333333;
    font-weight: bold;
}
.hbdik .tp2 .jcx2{
    font-size: 19.95px;
    color: #999999;
    text-transform: uppercase;
    margin: 12px 0 24px;
}
.hbdik .tp2 .dbz{
    font-size: 15.96px;
    color: #666666;
    line-height: 27.93px;
}
.hbdik .shs{
    background: #5c5c5c;
    padding-bottom: 1rem;
}
.qhscx{
    padding: 77px 0 85px 0;
}
.qhscx .anbt .zbt{
    float: left;
    width: 50%;
}
.qhscx .anbt .zbt .btxfd .scx{
    float: left;
    font-size: 35.98px;
    color: #333333;
    font-weight: bold;
}
.qhscx .anbt .zbt .btxfd .scxyw{
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-left: 10px;
    color: #999999;
}
.qhscx .anbt .zbt p{
    line-height: 26px;
    margin-top: 19px;
    font-size: 15.9px;
    color: #666666;
}
.qhscx .anbt .wlht{
    padding-left: 82px;
}

.qhscx .anbt .zov-zir{
    float: right;
    min-width: 40%;
}
.qhscx .anbt .zov-zir .bxzf a{
    float: left;
}
.zov-zir .bxzf .gb:hover .xxs,.zov-zir .bxzf .gb.cur .xxs{
    display: none;
}
.zov-zir .bxzf .gb .xxs1{
    display: none;
}
.zov-zir .bxzf .gb:hover .xxs1,.zov-zir .bxzf .gb.cur .xxs1{
    display: block;
}


.qhscx .anbt .zov-zir .bxzf a{
    padding-right: 63px;
    display: inline-block;
    position: relative;
}
.qhscx .anbt .zov-zir .bxzf a:before{
    content: "";
    position: absolute;
    width: 20px;
    height: 12px;
    right: 21px;
    top: 45px;
    background: url(../images/yjtxxx.png) repeat-x center;
}
.qhscx .anbt .zov-zir .bxzf a:nth-last-child(1):before{
    display: none;
}
.qhscx .anbt .zov-zir .bxzf a:nth-last-child(1){
    padding-right: 0;
}


*点击放大*
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:22%;top:11%;width:33px;z-index: 1;}
.mask>img:hover{cursor:pointer}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.8;filter: Alpha(opacity=50);z-index: 998;transition:all 1s;display: none;}
.bigimg {
    width: 600px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 999;
}










/**提前先写最后一块**/
.qjny{
    background: #f5f5f5;
    padding: 85px 0;
}
.qjny .zyjg .l{
    float: left;
    width: 27%;
    margin-right: 7%;
}
.qjny .zyjg .l .zyxz .qjny1{
    float: left;
    font-size: 35.8px;
    color: #333333;
    font-weight: bold;
}
.qjny .zyjg .l p{
    font-size: 15.92px;
    color: #666666;
}
.qjny .zyjg .l .zsyx{
    font-size: 24px;
    color: #e50012;
    position: relative;
    padding: 52px 0 43px 28px;
    display: inline-block;
}
.qjny .zyjg .l .zsyx:before{
    content: "";
    background:url(../images/zsh.png) no-repeat;
    width: 31px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 38px;
}
.qjny .zyjg .l .zsyx::after{
    content: "";
    background:url(../images/hyb.png) no-repeat;
    width: 31px;
    height: 25px;
    position: absolute;
    right: -13px;
    bottom: 38px;
}
.qjny .zyjg .l .zyxz .ywkbd{
    font-size: 20px;
    color: #999999;
    margin-top: 20px;
    margin-left: 10px;
    float: left;
    text-transform: uppercase;
}
.qjny .zyjg .r{
    float: left;
    width: 66%;
	list-style:none;
}
.qjny .zyjg .r ul li{
    float: left;
    width: 31.9%;
    margin-right: 2%;
    overflow: hidden;
}
.qjny .zyjg .r ul li:nth-last-child(1){
    margin-right: 0;
}
.qjny .zyjg .r ul li img{
    width: 100%;
    transform: scale(1);
    transition: all 0.5s;
}

.qjny .zyjg .r ul li:hover img{
    transform: scale(1.1);
    transition: all 0.5s;
}

.group_box_qh { position: relative; }

.swiper-pagination-progressbar {width: 10rem!important; left:50%!important; margin-left:-5rem;  bottom:0!important; top:auto!important; }
.swiper-pagination-progressbar-fill {
    background: #e50012!important; }
.group_box_qh .swiper-button-prev { left:calc(25% - 0.35rem); }
.group_box_qh .swiper-button-next { right:calc(25% - 0.35rem); }
.group_box_qh .swiper-button-prev,.group_box_qh .swiper-button-next {width: 60px;height: 60px; border:1px solid #333; border-radius: 50%;transition: all .3s ease-in-out; }
.group_box_qh .swiper-button-prev:hover,.group_box_qh .swiper-button-next:hover {background: #e50012; border-color:#e50012;color:#fff;}
.group_box_qh .swiper-slide { padding: 0 0.7rem;}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after { color:#fff;}

.group_box_qh { padding:60px 0; }
.group_box_qh .box1{
    position: relative;
    transition: margin 0.3s;
}
.group_box_qh .box1 .con {opacity: 0; position: absolute; left:0; top:50%; transform: translateY(-50%);background: #fff; padding:20px 30px;width: 300px; border-left:3px solid #e50012; }
.group_box_qh .box1 .con .t { font-size: 20px;color:#000; }
.group_box_qh .box1 .con .c { font-size: 16px;color:#666;line-height: 1 8; margin-top:10px; }
.group_box_qh .swiper-slide {
    opacity: 0.3;}
.group_box_qh .swiper-slide-active { opacity: 1;}
.group_box_qh .swiper-slide-active .box1 .con { opacity: 1; }

.group_box_qh .box img{
    width: 100%;
}
.group_box_qh .slick-slide{
    opacity: 0.3;
    margin: 0 20px;
}
.group_box_qh .slick-current{
    opacity: 1;
}
.group_box_qh .slick-arrow{
    width: 80px;
    height: 50px;
    border: none;
    margin-top: -25px;
}
.group_box_qh .slick-prev{
    left: 16.6%;
    background: url(../images/prev1.png) no-repeat center center/cover #000;
}
.group_box_qh .slick-next{
    right: 16.6%;
    background: url(../images/next1.png) no-repeat center center/cover #000;
}
.group_box_qh .slick-dots{
    bottom: -145px;
}
.group_box_qh .slick-dots li button{
    width: 20px;
    height: 20px;
    background: #828282;
    display: none;
}
.group_box_qh .slick-dots li.slick-active button{
    display: none;
}
.group_box_qh img{width: 100%;}
.swiper-pagination{
    position: absolute;
    bottom: 0;
}







/**2020-9-22新增**/
.color{
	background: #f7f7f7;
}

.color .system{
	margin-top: 49px;
    background: #fff;
}

.zy .Left{
	float: left;
	width: 54.2%;
}

.zy .Left img{
	width: 100%;
}
.padding0 {
    padding: 0!important; }

.zy .right{
	float: left;
	width: 45.7%;
	background: #fff;
    padding: 35px 5% 0px 5%;
}

.right .title p{
	font-size: 36px;
	color: #333333;
	font-weight:bold;
	margin-bottom: 23px;
	float: left;
}

.right .title  span{
	font-size: 20px;
	color: #999999;
	text-transform: uppercase;
	float: left;
	margin-top: 20px;
}

.right .content p{
	font-size: 16px;
	color: #666666;
	line-height: 2;
	text-transform: uppercase;
}

.material .start ul li{
	float: left;
	width: 31.5%;
	margin-right: 2.7%;
	margin-bottom: 3.2%;
}

.material .start ul li img{
	width: 100%;
}

.material .start ul li .word{
	border-bottom:1px solid #e7e7e7;
	padding: 32px 0;
}

.material .start ul li .word .typeface{
	font-size: 22px;
	color: #333333;
	text-transform: uppercase;
}

.material .start ul li .word .characters{
	font-size: 16px;
	color: #666666;
	margin-top: 8px;
}

.material .start ul li:hover .word{
	border-bottom:1px solid #ec636e;
}

.material .start ul li .word .typeface span{
	font-size: 16px;
	color: #333333;
	margin-left: 12px;
}

.material .start ul li:nth-child(3n){
	margin-right: 0;
}

.color .material{
	padding: 47px 0 49px;
}

.Three{
	padding: 50px 0 80px;
}

.Three .start ul li{
	float: left;
	width: 31.4%;
	background: #fff;
	margin-right: 2.9%;
	margin-bottom: 3%;
}

.Three .start ul li:nth-child(3n){
	margin-right: 0;
}

.Three .start ul li .img{
	text-align: center;
	padding: 60px 0;
}

.Three .start ul li .word{
	background: #f7f7f7;
	padding: 32px 0;
	border-bottom:1px solid #e7e7e7;
}

.Three .start ul li:hover .word{
	border-bottom:1px solid #ec636e;
}

.Three .start ul li .word .typeface{
	font-size: 20px;
	color: #333333;
	text-transform: uppercase;
}

.Three .start ul li .word .typeface span{
	font-size: 16px;
	color: #333333;
	margin-left: 8px;
}

.Three .start ul li .word .characters{
	font-size: 16px;
	color: #666666;
	margin-top: 8px;
}

.vision {
	padding: 70px 0;
}

.vision .start .left{
	float: left;
	width: 46.5%;
	position: relative;
}

.vision .start .left img{
	width: 100%;
}

.vision .start .left .typeface{
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	background: rgba(2,21,52,.7);
	padding: 26px 26px;
	font-size: 15px;
}

.vision .start .left .typeface .jj{
	margin-bottom: 5px;
}

.vision .start .rigth{
	float: right;
	width: 53.5%;
    padding-left:60px;
}

.vision .start .rigth .title{
	font-size: 39px;
	color: #333333;
	text-transform: uppercase;
	border-bottom:1px solid #f1f1f1;
	padding-bottom: 29px;
}

.vision .start .rigth .title span{
	font-size: 20px;
	color: #333333;
	font-weight:bold;
	float: left;
	margin-left: 5px;
    margin-top: 16px;
}

.vision .start .rigth .title p{
	float: left;
}

.vision .start .rigth .modern{
	padding: 29px 0 18px;
	font-size: 24px;
	color: #333333;
	font-weight:bold;
}

.vision .start .rigth .text{
	font-size: 16px;
	color: #666666;
	line-height: 2;
}

.vision .start .spot{
	font-size: 16px;
	color: #333333;
	line-height: 2;
}

.vision .start .spot p{
	position: relative;
	padding-left: 15px;
}

.vision .start .spot p::after{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background: #e50012;
	left: 0;
	top: 12.5px;
}

.vision .Icon{
	padding-top: 40px;
}

.vision .Icon ul li{
	float: left;
    margin-right: 4%;
	text-align: center;
}

.vision .Icon ul li:nth-last-of-type(1){
	margin-right: 0;
}

.vision .Icon ul li .word{
	margin-top: 10px;
	width: 100%;
}

.dcdc{
	background: #f7f7f7;
	padding: 70px 0 0 0;
}

.dcdc .start .title p{
	font-size: 35px;
	color: #333333;
	font-weight:bold;
	float: left;
}

.dcdc .start .title{
	margin-bottom: 38px;
}

.dcdc .start .title span{
	font-size: 20px;
	color: #999999;
	text-transform: uppercase;
	float: left;
	margin-top: 20px;
}












.hxks .cpnr .r1{
	background: #222222;
}

.hxks .cpnr .r .zi15 .h5{
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
	width: 100%;
}

.hxks .cpnr .r .zi15 .wc {
    font-size: 30px;
    color: #fff;
	text-transform: uppercase;
}

.hxks .cpnr .r .zi15 .xzx{
	border-bottom:1px solid #393939;
	margin: 20px 0;
	width: 40%;
}

.hxks .cpnr .r .zi15 .wd{
	margin-bottom: 50px;
}

.hxks .cpnr .dwt {
    width: 270px;
    position: absolute;
    right: 474px;
    top: 165px;
}
.hxks .bt .l .h3 span{
	font-size: 20px;
	color: #999999;
	text-transform: uppercase;
}












@media(max-width:1850px){
	.hbdik .tp2 {
	    padding: 84px 50px 0 61px;
	}
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 562px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 564px;
	}
	.zy .right {
	   padding: 49px 5% 36px 5%;
	}
	.material .start ul li .img img{
		width: 100%;
	}
	.zy .right {
	    padding: 49px 2% 34px 2%;
	}
}


@media(max-width:1800px){
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 553px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 553px;
	}
	.zy .right {
	    padding: 35px 2% 38px 2%;
	}
	.zy .right {
	    padding: 24px 2% 17px 2%;
	}
}


@media(max-width:1750px){
	.mtit .t {
	    font-size: 31px;
	}
	.qjny .zyjg .l p {
	    font-size: 15px;
	}
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 541px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 541px;
	}
	.zy .right {
	   padding: 30px 2% 31px 2%;
	}
	.zy .right {
	    padding: 17px 2% 13px 2%;
	}
	.hxks .cpnr .dwt {
	    right: 446px;
	}
	.hxks .cpnr .r .zi .h5 {
	    font-size: 15px;
	}
}



@media(max-width:1700px){
	.fzsnr .fzsks .fz1 .l1 p {
	    line-height: 2;
	}
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 531px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 531px;
	}
	.zy .right {
	   padding: 27px 2% 21px 2%;
	}
	.right .content p {
	    font-size: 15px;
	}
	.zy .right {
	    padding: 26px 2% 11px 2%;
	}
	.hxks .cpnr .dwt {
	    right: 425px;
	}
}



@media(max-width:1650px){
	.hbdik .tp2 {
	    padding: 30px 50px 0 61px;
	}
	.hbdik .tp2 .jcx2 {
	    font-size: 19px;
	}
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 521px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 521px;
	}
	.zy .right {
	    padding: 27px 2% 27px 2%;
	}
	.right .content p {
	    font-size: 13px;
	}
	.zy .right {
	    padding: 27px 3% 17px 3%;
	}
}


@media(max-width:1600px){
	.mtit .t span {
	    font-size: 19px;
	}
	.hbdik .tp2 .jcx2 {
	    font-size: 15px;
	}
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 511px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 511px;
	}
	.right .content p {
	    font-size: 13px;
	}
	.zy .right {
	    padding: 42px 5% 36px 5%;
	}
	.right .title span {
	    margin-top: 15px;
	}
	.right .title p {
	    font-size: 31px;
	}
	.zy .right {
	    padding: 21px 5% 36px 5%;
	}
	.zy .right {
	    padding: 21px 5% 9px 5%;
	}
	.hxks .cpnr .dwt {
	    right: 399px;
	}
}


@media(max-width:1550px){
	.mtit .t span {
	    font-size: 17px;
	}
	.hbdik .tp2 {
    padding: 13px 50px 0 61px;
	}
	.qjny .zyjg .l p {
	    font-size: 13px;
	}
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 501px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 501px;
	}
	.zy .right {
	    padding: 31px 5% 36px 5%;
	}
	.hxks .cpnr .dwt {
	    right: 399px;
	}
	.hxks .cpnr .dwt {
	    width: 237px;
	}
}


@media(max-width:1500px){
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 489px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 489px;
	}
	.zy .right {
	    padding: 20px 5% 36px 5%;
	}
}


@media(max-width:1450px){
    .fzsnr .fzsks .fz1 .l1 { padding-top:0; }
	.fzsnr .fzsks .fz1 .l1 p {
	    line-height: 29px;
	}
	.fzsnr .fzsks .szgd ul li b {
	    font-size: 0.5rem;
	}
	.hbdik .tp2 {
	    padding: 20px 26px 12px 41px;
	}
	.qjny .zyjg .l .zsyx {
	    padding: 18px 0 20px 28px;
		font-size: 23px;
	}
	.mtit .t {
	    font-size: 22px;
	}
	.qjny .zyjg .l p {
	    font-size: 15px;
	}
	.qjny .zyjg .l .zsyx:before {
	    top: 9px;
	}
	.qjny .zyjg .l .zsyx::after {
	    bottom: 16px;
	}
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 479px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 479px;
	}
	.right .title p {
	    margin-bottom: 18px;
	}
	.right .content p {
	    font-size: 12px;
	}
	.zy .right {
	    padding: 20px 5% 27px 5%;
		padding: 30px 5% 35px 5%;
	}
	.hxks .cpnr .dwt {
	    right: 363px;
	}
}




@media(max-width:1400px){
    .fd .dcdc ul li .lb .cp .cks span {
        margin-left: 0px;
        font-size: 15px;
    }
    .kjjs .qh dd .selectBtn:before {
        top: 13px;
    }
    .nrhxksll .ksxd ul li .algoo .ll2 {
        height: 468px;
    }
    .nrhxksll .ksxd ul li .lba .ll .zi .llll:before {
        width: 89%;
        top: 19px;
    }
    .qwrz {
        padding: 30px 0 44px;
    }
    .qwrz .qwrznr ul li{
        padding: 21px 12px 18px 21px;
        height: 275px;
    }
    .qwrz .qwrznr ul li .img .il img{
        width: 85%;
    }
    .qwrz .qwrznr ul li .zi .h3 {
        margin: 18px 0 6px;
    }
    .qwrz .qwrznr ul li .zi .h4 {
        line-height: 2;
    }
    .jtqxl .nr .ksnr .tpjg ul li .zi a {
        left: 151px;
    }
    .hxks .cpnr .r .tao {
        padding: 0.3rem 0 0.41rem 1.5rem;
    }
    .hxks .cpnr .dwt {
        right: 269px;
        top: 120px;
    }
    .xxc .t1 a {
        font-size: 16px;
        width: 53%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .xxc .t1 a:before {
        top: 4px;
    }
    .xxc .t2 a {
        font-size: 16px;
    }
    .xxc .t2 a:before {
        top: 5px;
    }
    .hxks .cpnr .dwt img{
        width: 65%;
    }
    .nrhxksll .ksxd ul li .lba .ll {
        height: 468px;
    }
    .nrhxksll .ksxd ul li .lba .ll .zi .h5 {
        width: 4.5rem;
    }
    .scdz .zy .r {
        width: 70%;
        padding: 0.29rem 0.4rem 93px 321px;
    }
    .scdz .zy .r .sqan {
        width: 100%;
    }
    .scdz .zy .r .sqan a {
        padding: 5px 39px;
    }
    .scdz .zy .r .sb {
        width: 100%;
    }
    .scdz .zy .l .an a {
        margin-right: 0.15rem;
    }
    .scdz .zy .l {
        bottom: 53px;
    }
    .scdz .zy .l .nr .nr1 .box img {
        height: 431px;
    }
    .scdz .zy .l .zzz {
        margin-left: 2.8rem;
    }
    .scdz .zy .l {
        width: 61%;
    }
    .fzsnr .fzsks .fz1 .l1 p {
        line-height: 2;
    }
    .fzsnr .fzsks .szgd ul li b {
        font-size: 0.52rem;
    }
    .hbdik .tp2 {
        padding: 10px 25px 10px 31px;
    }
    .qjny .zyjg .l .zsyx {
        font-size: 19px;
    }
    .qjny .zyjg .r {
        width: 62%;
    }
    .qjny .zyjg .l {
        width: 35%;
        margin-right: 3%;
    }
    .qjny .zyjg .l .zsyx {
        padding: 27px 0 36px 28px;
    }
    .qjny .zyjg .l .zsyx:before {
        top: 17px;
    }
	.fzsnr .fzsks .szgd ul li p {
	    line-height: 1;
	}
	.right .title p {
	    margin-bottom: 7px;
	}
}



@media(max-width:1366px){
    .fd .dcdc ul .xxc {
        padding: 65px 60px 44px 59px;
    }
    .hxks .cpnr .r .tao {
        padding: 0.3rem 0 0.3rem 1.5rem;
    }
    .nrhxksll .ksxd ul li .lba .ll {
        height: 460px;
    }
    .nrhxksll .ksxd ul li .algoo .ll2 {
        height: 460px;
    }
    .scdz .zy .r .sqan a {
        padding: 5px 38px;
    }
    .qjny .zyjg .l p {
        font-size: 14px;
    }
	.zy .right {
	   padding: 27px 5% 29px 4%;
	}
	.material .start ul li .word .typeface {
	    font-size: 20px;
	}
	.hxks .cpnr .dwt {
	    right: 264px;
	}
}


@media(max-width:1350px){
    .fd .dcdc ul li .lb .tz {
        padding-top: 23px;
    }
    .nrhxksll .ksxd ul li .algoo .ll2 {
        height: 457px;
    }
    .hxks .cpnr .r .zi .h3 {
        margin: 40px 0 34px;
    }
    .jtqxl .nr .ksnr .tpjg ul li .zi a {
        left: 145px;
    }
    .nrhxksll .ksxd ul li .lba .ll {
        height: 457px;
    }
    .scdz .zy .r .sqan a {
        padding: 5px 37px;
    }
    .haorjC-d .c {
        line-height: 1.5;
    }
	.zy .right {
	   padding: 27px 2% 26px 2%;
	}
}


@media(max-width:1300px){
    .fd .dcdc ul li .lb .tz p {
        font-size: 15.9px;
    }
    .jtqxl .nr .ksnr .tpjg ul li .zi a {
        left: 141px;
    }
    .scdz .zy .r {
        padding: 0.29rem 0.4rem 93px 303px;
    }
    .hxks .cpnr .r .zi .h3 {
        margin: 29px 0 34px;
    }
    .nrhxksll .ksxd ul li .algoo .ll2 {
        height: 446px;
    }
    .nrhxksll .ksxd ul li .lba .ll {
        height: 446px;
    }
    .scdz .zy .r .sqan a {
        margin-right: 1%;
    }
    .scdz .zy .r .sqan a {
        padding: 5px 39px;
    }
    .fzsnr .fzsks .szgd ul li p {
        font-size: 0.5rem;
    }
    .qjny .zyjg .l .zyxz .ywkbd {
        margin-left: 0;
    }
    .qjny .zyjg .l .zsyx {
        padding: 27px 0 19px 28px;
    }
    .qjny .zyjg .l .zsyx::after {
        bottom: 18px;
    }
    .hbdik .tp2 .jcx2 {
        font-size: 15px;
        margin: 24px 0 34px;
    }
    .hbdik .tp2 .jcz {
        font-size: 25px;
    }
    .hbdik .tp2 .dbz {
        font-size: 14px;
        color: #666666;
        line-height: 27.93px;
    }
	.material .start ul li .word .typeface span {
	    font-size: 14px;
	    margin-left: 6px;
	}
	.right .title span {
	    font-size: 20px;
	    margin-top: 7px;
	}
	.right .title p {
	    font-size: 24px;
	}
	.zy .right {
	    padding: 30px 3% 27px 3%;
	}
	.hxks .cpnr .dwt {
	    right: 245px;
	}

}


@media(max-width:1250px){
    .fd .dcdc ul li .lb .cp .cks {
        font-size: 15px;
    }
    .fd .dcdc ul li .lb .cp .algga {
        margin: 12px 0;
    }
    .nrhxksll .ksxd ul li .lba .ll {
        height: 435px;
    }
    .hxks .cpnr .r .zi .h3 {
        margin: 17px 0 34px;
    }
    .hxks .cpnr .dwt {
        right: 232px;
    }
    .jtqxl .nr .ksnr .tpjg ul li .zi a {
        left: 135px;
    }
    .nrhxksll .ksxd ul li .algoo .ll2 {
        height: 436px;
    }
    .scdz .zy .r .sqan a {
        padding: 5px 24px;
    }
    .scdz .zy .r {
        padding: 0.29rem 0.4rem 93px 341px;
    }
    .scdz .zy .r {
        padding: 0.29rem 0.4rem 93px 284px;
    }
    .scdz .zy .r .sqan a {
        padding: 5px 38px;
    }
    .fzsnr .fzsks .szgd ul li p {
        font-size: 0.4rem;
    }
    .qjny .zyjg .l .zyxz .ywkbd {
        font-size: 17px;
        margin-top: 7px;
    }
	.qjny .zyjg .l .zyxz .qjny1 {
	    font-size: 21px;
	}
	.qhscx .anbt .wlht {
	    padding-left: 0;
	}
	.material .start ul li .word .characters {
	    font-size: 13px;
	}
	.right .content p {
	    line-height: 2;
	}
	.zy .right {
	    padding: 20px 2% 25px 2%;
	}
}





@media(max-width:1200px){
    .jtqxl .nr .ksnr .tpjg ul li .zi a {
        left: 172px;
    }
    .fzsnr .fzsks .fz1 .r2 {
        width: 10.5rem;
        height: 5.2rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian {
	    top: 1.6rem;
	    left: 3.8rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian1 {
	    top: 1.39rem;
	    left: 4.1rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian2 {
	    top: 1.8rem;
	    left: 3.5rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian3 {
	    top: 1.4rem;
	    left: 4.5rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian4 {
	    top: 1.7rem;
	    left: 4.8rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian5 {
	    top: 1rem;
	    left: 5.2rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian6 {
	    top: 2.5rem;
	    left: 6.3rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian7 {
	    top: 1.3rem;
	    left: 5.5rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian8 {
	    top: 1.3rem;
	    left: 6.2rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian9 {
	    top: .78rem;
	    left: 7rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian10 {
	    top: 1.45rem;
	    left: 7.58rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian11 {
	    top: 0.9rem;
	    left: 8.4rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian12 {
	    top: 1.7rem;
	    left: 7.8rem;
	}
	.fzsnr .fzsks .fz1 .r2 .dian13 {
	    top: 2.35rem;
	    left: 7.8rem;
	}
    .fd .dcdc ul .xxc {
        padding: 60px 60px 60px 59px;
    }
    .hxks .cpnr .r .tao {
        padding: 1rem 0 1rem 1.5rem;
    }
    .hxks .cpnr .r .zi .h3 {
        margin: 20px 0 34px;
    }
    .hxks .cpnr .dwt {
        right: 341px;
    }
    .nrhxksll .ksxd ul li .lba .ll {
        height: 505px;
    }
    .nrhxksll .ksxd ul li .lba .ll .zi .h5 {
        width: 5rem;
    }
    .nrhxksll .ksxd ul li .algoo .ll2 .zi .h4 {
        left: -9px;
    }
    .nrhxksll .ksxd ul li .algoo .ll2 .zi .h5 {
        left: -45px;
    }
    .nrhxksll .ksxd ul li .algoo .ll2 {
        height: 506px;
    }
    .scdz .zy .r {
        width: 75%;
    }
    .scdz .zy .r {
        padding: 0.29rem 0.4rem 93px 410px;
    }
	.qjny .zyjg .l p {
	    font-size: 18px;
	}
	.qjny .zyjg .l .zsyx {
	    padding: 30px 0 30px 31px;
	}
	.fzsnr .fzsks .fz1 .l1 {
	    height: 4.74rem;
	}
	.fzsnr .fzsks .fz1 .l1 p {
	    line-height: 2.5;
	}
	.zy .right {
	    padding: 67px 5% 56px 5%;
	}
}

@media(max-width:1100px){
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 477px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 478px;
	}
	.zy .right {
	    padding: 67px 5% 26px 5%;
	}
}

@media(max-width:1050px){
	.fzsnr .fzsks .fz1 .l1 p {
	    line-height: 2;
	}
	.qjny .zyjg .l .zsyx {
	    padding: 27px 0 27px 31px;
	}
	.qjny .zyjg .l p {
	    font-size: 14px;
	}
	.fzsnr .fzsks .szgd ul li .bbb .l {
	    margin-top: 5px;
	}
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 464px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 464px;
	}
	.zy .right {
	    padding: 26px 5% 26px 5%;
	}
	.hxks .cpnr .dwt {
	    right: 297px;
	}
}


@media(max-width:1000px){
	.nrhxksll .ksxd ul li .lba .ll {
	    height: 449px;
	}
	.nrhxksll .ksxd ul li .algoo .ll2 {
	    height: 450px;
	}
    .jtqxl .an{
        margin: 0 auto;
        width: 80%;
    }
	.zy .right {
	    padding: 28px 4% 33px 4%;
	}
	.hxks .cpnr .dwt {
	    right: 254px;
	}
}





.box2{
    width: 300px;
    position: relative;
    height: 3px;
    background: #8a8a8a;
    border: 1px solid #8a8a8a00;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 50px;
    opacity: 0;
}

.box2 i{
    position: absolute;
    height: 3px;
    width: 0px;
    background: #000;
}

/* .group_box_qh .slick-current .box2{
	opacity: 1;
} */

.group_box_qh {
    width: 100%;
    height: 100%;
}


.group_box_qh .swiper-slide-next .box2{opacity: 1;}
.pageNav {width: 80%;height: 4px; position: relative; border-radius: 2px; margin: 0 auto; background: #ddd;  }
.pageNav span {width: 33.33333%; transition: all 0.6s; display: inline-block; position: absolute; left:0; top:-1px;height: 6px;background: #e50012; border-radius: 3px; }

/*手机导航*/
.mh { display: none; }
.mheader { padding: 15px 0.3rem; box-sizing: border-box; height: 60px; position: fixed; left:0; top:0; z-index: 100; background: #fff; width: 100%; background: #fff; }
.mheader .logo img { width: auto; height: 30px; }
.mh .menu {position: relative; z-index: 1000000000000000000000; float: right; margin-top:5px;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms; }
.mh .menu span { width: 28px;display: block;height: 3px;margin-bottom: 6px;background: #000000;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.g-wp { -webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.m-nav { width:100%; height:100%; right:-100%; top:0; background:#222222; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1000; }
.m-nav dl dt { position: relative; width: 100%; height: 75px;line-height: 75px; border-bottom:1px solid rgba(204,204,204,0.4); }
.m-nav dl dt img.close { position: absolute; right:0.2rem; top:50%; transform: translateY(-50%); float: right; width: 30px;height: auto; }
.m-nav dl dt h1 { line-height: 1;  text-align: center; }
.m-nav dl dt h1 img { padding-top:5px;width: auto;height: 65px; }
.m-nav dl dd { position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid rgba(204,204,204,0.4); }
.m-nav dl dd a { color:#fff; display: block;padding: 0 3%;font-size: 16px;position: relative;}
.m-nav dl dd a.inline {display: inline-block;width: 50%;text-align: center;}
.m-nav dl dd a img {float: right;display: block;margin: 24px 0;}
.headerBox-ul {position: relative;overflow-y: auto;height: 100%;}
.headerBox-li.on {left: 0;}
.headerBox-li {position: absolute;top: 0;left: 100%;width: 100%;background: #fff;height: 100%;}
.headerBox-ul {position: absolute;top:75px;overflow-y: auto;height: 100%;}
.sq_timer_800ms {-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms;}
.headerBox-li-item .headerBox-li-back {background: rgb(228, 1, 11,0.68);}
.headerBox li {position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid #f2f2f2;}
.headerBox-li-item .headerBox-li-back a {color: #fff;}
.headerBox a {display: block;padding: 0 8%;font-size: 15px;position: relative;color:#333;}
.headerBox-li-item .headerBox-li-back span {cursor: pointer;font-size: 13px;color: #fff;position: absolute;right: 0;top: 0;height: 100%;padding: 0 6%;background: rgb(228, 1, 11,0.8);}
body.z-open .m-nav {transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);}
body.z-open .g-wp {transform:translate3d(-65%,0,0);-webkit-transform:translate3d(-65%,0,0);}
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; }

.bigimgx { position: relative; }
.bigimgx #close { position: absolute; right:0; top:0; z-index: 100; }
.fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;z-index: 1000; }
.fixVideoA {width: 100%;height: 100%;position: relative; }
.fixVideoB { position: absolute;width: 60%; max-width: 800px; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);background: #fff; }
.fixVideoB .close { position: absolute; right:-1px; top:0px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 40px; font-size: 30px;  z-index: 10000;background: #000; color:#fff;}
.t_xuanfu {
    position: fixed;
    right: 1%;
    top: 50%;
    transform: translateY(-50%);
      width: 0.6rem;
    height: 0.6rem;
     background: url(../images/t_qq_icon.png)center center/cover;
}

.t_xuanfu a{
   display: block;
}


/*招商加盟*/
.addB-a { margin-top: 40px; padding: 100px 0 110px; background: url(../images/adda.jpg) no-repeat center/cover; }

@media(max-width: 1680px){
    .ssk { padding: 100px 0 60px; }
    .addB-a { margin-top: 40px; padding: 80px 0 90px; }
}
@media(max-width: 1480px){
    .ssk { padding: 80px 0 50px; }
    .addB-a { margin-top: 30px; padding: 60px 0 70px; }
}
@media(max-width: 1280px){
    .ssk { padding: 60px 0 40px; }
}

/*专卖店查询*/
.addC { background: #f0f0f0; }

.addC-a { background: #fff; margin: 40px auto; }
.addC-b { padding:25px; border-bottom:1px solid #e2e2e2; }
.addC-c { padding:25px; }
.addC-b p,.addC-c p { position: relative; padding-left:96px; line-height: 42px; }
.addC-b i,.addC-c span { font-style: normal; font-size: 16px; color:#999999; position: absolute; left:0; top:0; }
.addC-b p span { font-size: 16px;color:#333; display: inline-block; margin-right:10px; }
.addC-c a { padding-left: 22px; position: relative; background: url(../images/addb.png) no-repeat left center; display: inline-block; position: relative; margin-right:40px; font-size: 15px; color:#666666; }
.addC-c a.cur { background: url(../images/annc.png) no-repeat left center; }
@media(max-width: 1680px){
    .addC-c { padding:20px; }
    .addC-b p,.addC-c p { line-height: 36px; }
}
@media(max-width: 1480px){
    .addC-c { padding:10px 20px; }
    .addC-b p,.addC-c p { line-height: 32px; }
    .addC-c a { margin-right:30px; }
}
@media(max-width: 1280px){
    .addC-c a { margin-right:20px; }
}

.addC-d { margin-top:80px; padding-bottom:100px; }
.addC-d ul li { float: left; width: 49.5%; background: #fff; position: relative; padding:60px 46px 20px;  }
.addC-d ul li:nth-child(2n) { float: right; }
.addC-d ul li:nth-child(n+3) { margin-top:40px; }
.addC-d ul li .icon { width: 77px; height: 80px; background: url(../images/adde.jpg) no-repeat center/cover; position: absolute; top:-13px; right:65px; }
.addC-d ul li .t { font-size: 24px; color:#333333; padding-bottom:24px; border-bottom:1px solid #e2e2e2; }
.addC-d ul li .t span { font-size: 18px; display: inline-block; padding-top: 8px;margin-left: 4px; color:#333333; }
.addC-d ul li .c { min-height: 160px; padding-top:30px; }
.addC-d ul li .c p { font-size: 16px; color:#666; padding-left:42px; line-height: 20px; padding:10px 0 10px 42px; }
.addC-d ul li .c p.phone { background: url(../images/pho.png) no-repeat left 10px; }
.addC-d ul li .c p.add { background: url(../images/add.png) no-repeat left 10px; }

@media(max-width: 1680px){
    .addC-d { margin-top:70px; padding-bottom:80px; }
    .addC-d ul li { padding:50px 40px 20px;  }
    .addC-d ul li:nth-child(n+3) { margin-top:36px; }
    .addC-d ul li .icon { width: 70px; height: 73px; right:40px; }
}
@media(max-width: 1480px){
    .addC-d { margin-top:60px; padding-bottom:60px; }
    .addC-d ul li { padding:50px 30px 20px;  }
    .addC-d ul li:nth-child(n+3) { margin-top:32px; }
    .addC-d ul li .t { font-size: 20px; }
    .addC-d ul li .t span { font-size: 16px; }
    .addC-d ul li .icon { width: 70px; height: 73px; right:40px; }
}
@media(max-width: 700px){
    .addC-d ul li { width: 100%; }
    .addC-d ul li:nth-child(n+2) { margin-top:32px; }
}


.fxbox{
    margin-top: 15px;
}
.fxbox a{
    display: block;
    float: left;
    margin-right: 16px;
    height: 17px;
    line-height: 0;
    position: relative;
}
.fxbox a .img { position: absolute; left:50%; transform: translateX(-50%); bottom:30px; width: 160px; height: 160px; padding:5px; background: #fff; border:1px solid #e2e2e2; display: none; }
.fxbox a .img img { width: 100%; }
.fxbox a:hover .img { display: block; }

@media(max-width: 900px){
    .fxbox { text-align: center; }
    .fxbox a { float: none; display: inline-block; margin: 0 10px; }
}










/**2022-5-17新增**/
.header .ibannerx{
    overflow: hidden;
}

.header .ibannerx img{
    -webkit-animation: haha2 3000ms linear both;
    animation: haha2 3000ms linear both;
}


@-webkit-keyframes haha2 {
    0% {
transform: scale(1)
}

    10% {
transform: scale(1.01)
}

    20% {
transform: scale(1.02)
}

    30% {
transform: scale(1.03)
}

    40% {
transform: scale(1.04)
}

    50% {
transform: scale(1.05)
}

    60% {
transform: scale(1.06)
}

    70% {
transform: scale(1.07)
}

    80% {
transform: scale(1.08)
}

    90% {
transform: scale(1.09)
}

   100% {
transform: scale(1.1)
}
}