body {color:#333;} a{color:#333}a:active,a:hover {color:#f3c91e}
@media (min-width: 768px) {
     .container{width:768px;}
 }
@media (min-width:1100px) {
    .container{width:1100px; padding: 0;}
}

#header{ width: 100%; float: left;}
#header .top{ width: 100%; float: left; background: #0a1f18; /*#05412e*/}
#header .top .logo{ margin:6px 0; line-height: 0; float: left; position: relative;}
#header .top .logo img{ width: auto; height:48px;}
#header .top .menu{ float:right;}
#header .top .menu .nli{float: left; margin-left: 42px; position: relative;}
#header .top .menu .nli span{ float:left;}
#header .top .menu .nli span a{ float:left; padding: 0 10px; line-height:60px; height:60px; font-size:18px; color: #fff; position:relative;}
#header .top .menu .nli:first-child span a{padding: 0;}
#header .top .menu .nli span a:after{ float:left; width:0; height:4px; position:absolute; left:50%; bottom:0; content:''; background:#f7b52c;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);}
#header .top .menu .nli.on span a:after,
#header .top .menu .nli:hover span a:after{ width:100%;}
#header .top .menu .nli.on span a{color:#f7b52c}
#header .top .menu .nli .sub{ display: none; position: absolute; width:100%; top:60px; left:0; z-index: 4; padding-top: 2px;}
#header .top .menu .nli .sub li{float: left; width: 100%; background: #0a1f18; /*#05412e*/ border-top:2px solid #032419}
#header .top .menu .nli .sub li:first-child{border-top:none;}
#header .top .menu .nli .sub li a{float: left; width: 100%; text-align: center; color:#fff; line-height: 44px; font-size:18px;}
#header .top .menu .nli .sub li a:hover{color:#f7b52c}

#header  .menuph{ display: none;}
#header  .xialaph{ display: none;}

@media screen and (max-width:1099px) {
    #header  .top{ width: 100%; position: fixed; top: 0; left: 0; z-index: 4;}
    #header  .top .logo{ margin:1.4rem 0;}
    #header  .top .logo img{ height:4rem;}
    #header  .menu{ display: none;}
    #header  .menuph{ display: block;}
    #header  .xialaph{ display: block;}
    #header  .menuph{ float: right; width:2.8rem; height:2.4rem; cursor: pointer; text-align: center; margin:2.2rem 0;}
    #header  .menuph .point { display: inline-block;  width:2.8rem;  height:2.4rem; position: relative;}
    #header  .menuph .point:hover .navbtn,
    #header  .menuph .point:hover .navbtn::after,
    #header  .menuph .point:hover .navbtn::before { width:2.8rem;}
    #header  .menuph .navbtn { position: absolute; top:1.1rem; right: 0; display: inline-block; width:2.1rem; height:2px; background: #f7b52c;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
    #header  .menuph .navbtn::after,
    #header  .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width:2.8rem; height:2px; content: ''; background: #f7b52c;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
    #header  .menuph .navbtn::after { top: -1.1rem;}
    #header  .menuph .navbtn::before { top: 1.1rem;}
    #header  .menuph .point.active .navbtn{ background: transparent;}
    #header  .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
    #header  .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}
    #header  .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:7rem 1.5rem 10rem 1.5rem; display: none; z-index:3; background:rgba(0,0,0,0.6);}
    #header  .xialaph .ul2,
    #header  .xialaph .ul3{ display: none;}
    #header  .xialaph h4 a{ float: left; width: 60%; color: #fff; font-size:1.6rem; line-height:5rem;}
    #header  .xialaph h4 a span{ padding-left: 0.6rem; color: #fff; font-size: 1.4rem;}
    #header  .xialaph h4{ float: left; width: 100%; position: relative;}
    #header  .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;opacity:0.1;}
    #header  .xialaph h4:hover a,
    #header  .xialaph h5:hover a{ color: #f7b52c;}
    #header  .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;opacity:0.1;}
    #header  .xialaph h5 a{ float: left; width: 100%; color: #fff; font-size: 1.4rem; line-height: 4rem; text-transform: uppercase;}
    #header  .xialaph h5{ float: left; width: 100%; position: relative;}
    #header  .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;opacity:0.1;}
    #header  .xialaph li:last-child h5::after{ display: none;}
    #header  .xialaph h4 img{ width: 1.5rem; height: 0.8rem; float: right; margin-top: 2.4rem; cursor: pointer;}
    #header  .xialaph h5 img{ width: 1.1rem; height: 0.6rem; float: right; margin-top: 2.6rem; margin-right: 1.8rem; cursor: pointer;}
    #header  .xialaph h4.active img.img_s,
    #header  .xialaph h5.active img.img_s{ display: none;}
    #header  .xialaph h4.active img.img_d,
    #header  .xialaph h5.active img.img_d{ display: block;}
    #header  .xialaph .ul2{ float: left; width: 100%; padding: 0 1rem;}
    #header  .xialaph .ul3{ padding-top: 1.2rem; padding-bottom: 1.8rem; padding-left:1.5rem; position: relative;}
    #header  .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7; opacity:0.1;}
    #header  .xialaph li:last-child .ul3::after{ display: none;}
    #header  .xialaph .ul3 li a{ color: #333; font-size: 1.4rem; line-height: 3.5rem; display: block;}
    #header  .xialaph .ul3 li{ padding-top: 5px;}
    #header  .xialaph .ul3 li:first-child{ padding-top: 0;}
    #header  .img_d,
    #header  .disno{ display: none;}
}

/*banner*/
#slideBox{float: left; width: 100%; background: #000000; position: relative; z-index: 1;}
#slideBox .slide_banner{ float:left; width:100%; margin:0; position:relative; line-height: 0; overflow:hidden; text-align:center;}
#slideBox .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;}
#slideBox .slide_banner img{ width:100%; height: 500px;}
#slideBox .slide_banner .slick-dots{ height:7px; bottom:20px; }
#slideBox .slide_banner .slick-dots li{ width:43px; height:7px; margin:0 5px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:top; position: relative; background: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#slideBox .slide_banner .slick-dots li.slick-active{background: #f7b52c;}
@media screen and (max-width:1099px){
    #slideBox{margin-top: 6.8rem;}
    #slideBox .slide_banner img{ width:100%; height:auto;}
}
@media screen and (max-width:767px){
    #slideBox .slide_banner .slick-dots{ height: 5px; bottom:15px;}
    #slideBox .slide_banner .slick-dots li{width: 30px; height: 5px;}
}

#middleOne{float: left; width: 100%;}
._HTitle{float: left; width: 100%; text-align: center; display: block;}
._HTitle span{display: inline-block; position: relative; color:#000; font-size: 30px; padding: 0 15px; line-height: 50px; height: 50px;}
._HTitle span:after{position: absolute; content: ''; width: 100%; height: 3px; left: 0; bottom: -3px; background: #f7b52c;}
._hAbout{float: left; width: 100%; margin-top: 20px;}
._hAbout .leftImg{float: right; width: 48%; line-height: 0; margin-top: 40px;}
._hAbout .leftImg img{width: 100%;}
._hAbout .rightText{float: left; width: 50%;color:#000000; font-size: 18px; line-height: 30px; margin-top: 35px;}
._hAbout .rightText .word{float: left; width: 100%;}
._hAbout .rightText .more{float: left; width: 100%;}
._hAbout .rightText .more a{float:left; width: 107px; height: 46px;border:1px solid #666666; text-align: center; line-height: 44px; color:#333333; background: #ffcc00; margin-top: 35px;}
._hAbout .rightText .more a:hover{color:#fff;}
._hAbout.core{margin: 50px 0 40px 0;}
._hAbout.core .leftImg{float: left;}
._hAbout.core .rightText{float: right;}
@media screen and (max-width:1099px){
    ._HTitle span{font-size: 24px; line-height: 40px; height: 40px;}
    ._hAbout .rightText{font-size: 14px; line-height: 24px;}
    ._hAbout .rightText .more a{height: 37px; line-height: 35px; font-size: 15px; margin-top: 25px;}
    ._hAbout.core{margin: 30px 0 40px 0;}
}
@media screen and (max-width:767px){
    ._hAbout{margin-top: 10px;}
    ._HTitle span{font-size: 20px; line-height: 40px; height: 40px;}
    ._HTitle span:after{height: 2px; bottom: -2px; padding: 0 10px;}
    ._hAbout .leftImg{width: 100%; margin-top: 20px;}
    ._hAbout .rightText{width: 100%; margin-top: 10px;}
    ._hAbout .rightText .more{display: block; text-align: center}
    ._hAbout .rightText .more a{float: none; display: inline-block; margin-top: 15px;}
    ._hAbout.core{margin: 20px 0 25px 0;}
}

#middleTwo{float: left; width: 100%; background: #e6e6e6;}
._hEffects{float: left; width: 100%; padding:50px 0;}
._hEffects .tit{float: left; width: 100%; text-align: center; color:#fff; font-size: 36px; line-height: 60px;}
._hEffects .ulBox{float: left; width: 100%; margin-top:10px; padding: 0 45px;}
._hEffects .ulBox li{float: left; width:45%; margin-top:35px; padding: 0 0 0 65px; position: relative;}
._hEffects .ulBox li:nth-child(2n){float: right;}
._hEffects .ulBox li em{position: absolute; left: 0; top:6px; line-height: 0;}
._hEffects .ulBox li h3{float: left; width: 100%; color:#fff; font-size: 30px; line-height: 50px;}
._hEffects .ulBox li p{float: left; width: 100%; color:#fff; font-size: 18px; line-height: 30px; margin-top: 5px; min-height: 90px; font-weight: 400;}

@media screen and (max-width:1099px){
    ._hEffects{padding: 35px 0;}
    ._hEffects .tit{font-size: 30px; line-height: 50px;}
    ._hEffects .ulBox{margin-top: 0;}
    ._hEffects .ulBox li{ width:100%; margin-top:20px;}
    ._hEffects .ulBox li h3{font-size: 24px; line-height: 40px;}
    ._hEffects .ulBox li em img{width: 50px;}
    ._hEffects .ulBox li p{font-size: 15px; line-height: 24px; min-height: auto;}
}

@media screen and (max-width:767px){
    ._hEffects{padding: 25px 0;}
    ._hEffects .tit{font-size: 24px; line-height: 40px;}
    ._hEffects .ulBox{padding: 0 15px;}
    ._hEffects .ulBox li{margin-top: 15px; padding: 0 0 0 45px}
    ._hEffects .ulBox li h3{font-size: 20px;}
    ._hEffects .ulBox li p{font-size: 14px; line-height: 22px;}
    ._hEffects .ulBox li em img{width: 35px;}
}

#middleThree{float: left; width: 100%;}
._hPattern{float: left; width: 100%; margin:35px 0 30px 0;}
._hPattern .patList{float: left; width: 100%; margin-top: 8px; padding: 0 12px;}
._hPattern .patList li{float:left; width: 16.6666%; padding: 0 18px; margin-top: 15px;}
._hPattern .patList li .tIMG{float: left; width: 100%; position: relative; padding-bottom: 95%;}
._hPattern .patList li .tIMG img{position: absolute; left: 0; top:0; width: 100%; height: 100%;}
._hPattern .patList li .dTit{float: left; width: 100%; color:#000; font-size: 14px; text-align: center; line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
._hPattern .patList li:last-child a{float: left; width: 100%; text-align: center; color:#000; font-size: 24px; line-height: 40px; padding-bottom: 95%; position: relative;}
._hPattern .patList li:last-child a span{position: absolute; width: 100%; left: 0; top:50%; margin-top: -40px;}
._hPattern .patList li:last-child a:hover span{color:#f7b52c}

@media screen and (max-width:1099px){
    ._hPattern{margin: 25px 0}
    ._hPattern .patList{padding: 0 5px;}
    ._hPattern .patList li{padding: 0 5px;}
    ._hPattern .patList li:last-child a{font-size: 20px; line-height: 30px;}
    ._hPattern .patList li:last-child a span{margin-top: -30px;}
}
@media screen and (max-width:767px){
    ._hPattern{margin: 20px 0;}
    ._hPattern .patList{padding: 0;}
    ._hPattern .patList li{width: 25%; margin-top: 10px;}
    ._hPattern .patList li .dTit{font-size: 12px; line-height: 25px;}
    ._hPattern .patList li:last-child a{font-size: 15px; line-height: 25px;}
    ._hPattern .patList li:last-child a span{margin-top: -25px;}
}

/*手机底部导航*/
#footer{float: left; width: 100%;}
#footer .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background: #0a1f18; /*#05412e*/ z-index:87; box-shadow:0 -4px 7px rgba(0,0,0,0.15);}
#footer .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);}
#footer .pf_down li:last-child{ border:none;}
#footer .pf_down li .ico{ width:100%; float:left; height:20px;}
#footer .pf_down li .ico img{ width:20px; height:20px;}
#footer .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}

/*底部*/
#footer .downLogo1{float:left; width: 100%; background: #f7b52c; position: relative; z-index: 66;}
#footer .downLogo1 .tLogo{float: left; text-align: center; display: block; width: 100%; padding: 15px 0;line-height: 0;}
#footer .downLogo1 .tLogo a{display: inline-block; }
#footer .downBox{float: left; width: 100%; background:  #0a1f18; /*#05412e*/ position: relative; padding:20px 0 0 0; z-index: 66;}
#footer .downBox .footLeft{float: left; width:50%;}
#footer .downBox .downContact{float: left; width: 100%;}
#footer .downBox .downContact .WeChat{float: left; width:24%; margin:0 4% 0 0;}
#footer .downBox .downContact .WeChat .tImg{float: left; width: 100%; border:6px solid #fff; background: #fff; line-height: 0;}
#footer .downBox .downContact .WeChat .dText{float: left; width: 100%; text-align: center; line-height: 32px; color:#fff; font-size: 14px;}
#footer .downBox .downContact .addressBox{float: left;color:#ffffff; font-size: 18px; line-height: 34px;
}
#footer .downBox .footNav{float: right; width:40%;}
#footer .downBox .footNav .ul1{float: left; width:17%; text-align: center; margin-left: 5.5%;}
#footer .downBox .footNav .ul1:first-child{width: 10%; margin-left: 0;}
#footer .downBox .footNav .footTit{float:left; width:100%; color:#f7b52c; font-size:18px; line-height:28px;white-space: nowrap}
#footer .downBox .footNav .footTit a{color:#f7b52c;}
#footer .downBox .footNav .box{ float:left; width:100%;}
#footer .downBox .footNav .box li{ float:left; width:100%;}
#footer .downBox .footNav .box li a{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px;white-space: nowrap}
#footer .downBox .footNav .box li a:hover{ color:#f7b52c;}
#footer .downBox .CompanyBox{float: left; width: 100%; text-align: center; margin: 40px 0 30px 0; font-size: 14px; color:#f7b52c; line-height: 40px;}

@media screen and (max-width:1099px) {
    #footer .downLogo1 .tLogo{padding: 10px 0;}
    #footer .downLogo1 .tLogo img{height: 45px;}
    #footer .downBox{padding:20px 0 0 0;}
    #footer .downBox .footLeft{width: 100%;}
    #footer .downBox .footNav{display: none;}
    #footer .downBox .downContact .WeChat{width: 14%;}
    #footer .downBox .downContact .addressBox{font-size: 14px; line-height: 26px;}
    #footer .downBox .CompanyBox{margin: 20px 0; line-height:24px;}
}

@media screen and (max-width:767px) {
    #footer .downBox{margin-bottom:50px; }
    #footer .downLogo1 .tLogo a img{width: 110px; height: 29px;}
    #footer .downLogo1 .tLogo span{font-size: 14px; line-height: 29px;}
    #footer .downBox .downContact{display: block; text-align: center;}
    #footer .downBox .downContact .WeChat{float: none; display: inline-block; width: 25%; margin: 0 2%;}
    #footer .downBox .downContact .addressBox{width: 100%; margin-top: 10px;}
    #footer .downBox .CompanyBox{font-size: 12px; line-height: 24px;margin: 15px 0 20px 0;}
}

/*1*/
.nyBack{background: #333!important;}
.inBanner{float: left; width: 100%; line-height: 0;}
.inBanner img{width: 1100px; height: 300px;}
@media screen and (max-width:1099px) {
    .inBanner img{width: 100%; height:auto;}
}
#middleFour{float: left; width: 100%;}
.currentLoca{float: left; width: 100%; margin: 10px 0; font-size: 18px; line-height: 30px; color:#000000}
.currentLoca a{color:#999;}
.currentLoca a.on,
.currentLoca a:hover{color:#000;}
.pageMargin{float: left; width: 100%; display: block; text-align: center; margin: 0 0 60px 0;letter-spacing: 0;}
._NProBox{display: inline-block; width: 750px; color:#000000; font-size: 18px; line-height: 32px;}
._NProBox .tit{float: left; width: 100%; background: #f7b52c; color:#000; font-size: 24px; line-height: 64px;}
._NProBox .info{float: left; width: 100%;text-align: left; }
._NProBox .info .tImg{float: left; width: 100%; line-height: 0; padding: 24px 0 0 20px; position: relative}
._NProBox .info .size{position:absolute; right: 20px; bottom: 0; font-size: 24px; line-height: 30px; color:#000;}
._NProBox .info .dtext{float: left; width: 100%; margin: 25px 0 30px 0;}
._NProBox .Warranty{float: left; width: 100%; text-align: left; margin: 15px 0 55px 0;}
._NProBox .Warranty .text{float: left; width: 100%;}
._NProBox .Warranty .img{float: left; width: 100%; line-height: 0; text-align: center; margin-top: 15px;}
._NProBox .details{float: left; width: 100%;}
._NProBox .details .proName{float: left; width: 100%; font-size: 36px; line-height: 40px; margin-top: 40px;}
._NProBox .details .text{float: left; width: 100%; text-align: left; margin-top: 5px;}
._NProBox .details .img{float: left; width: 100%; line-height: 0; margin-top: 15px;}

@media screen and (max-width:1099px) {
    .currentLoca{font-size: 15px;}
    .pageMargin{margin: 0 0 40px 0;}
    ._NProBox{width: 100%; font-size: 15px; line-height: 24px;}
    ._NProBox .tit{font-size: 20px; line-height: 50px;}
    ._NProBox .info .size{font-size: 20px;}
    ._NProBox .details .proName{font-size: 30px; margin-top: 25px;}
}
@media screen and (max-width:767px) {
    .currentLoca{font-size: 14px; margin: 5px 0;}
    .pageMargin{margin: 0 0 25px 0;}
    ._NProBox{font-size: 14px;}
    ._NProBox .tit{font-size: 16px; line-height:40px;}
    ._NProBox .info .tImg{padding: 10px 0 0 5px}
    ._NProBox .info .tImg img{width: 80%;}
    ._NProBox .info .size{font-size: 16px; right: 0;}
    ._NProBox .info .dtext{margin:15px 0 20px 0}
    ._NProBox .Warranty{margin: 15px 0 25px 0}
    ._NProBox .details .proName{font-size: 22px; line-height: 30px; margin-top: 15px;}
    ._NProBox .details .img{margin-top: 10px;}
}

/*3改色详情*/
.AutoFoilInfo{float: left; width: 100%;}
.AutoFoilInfo .img{float: left; width: 100%; line-height: 0;}
.AutoFoilInfo .inText{float: left; width: 100%; text-align: left; margin: 15px 0;}

/*2改色列表*/
.leafPf{float: left; width: 195px; margin: 15px 0 30px 0;}
.leafPf.on{position: fixed; top:0; margin-top: 0; max-height:95%; overflow-y: auto}
.leafPf::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f5f5f5;}
.leafPf::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.leafPf::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #999;}

.leafPf ul{float: left; width: 100%;}
.leafPf li{float: left; width: 100%; margin-top: 5px;}
.leafPf li a{float: left; width: 100%; background: #f9fafc; color:#000; font-size: 24px; line-height: 39px; text-align: center;}
.leafPf li a:hover,
.leafPf li.on a{background: #333; color:#fff;}

.changeList{float:right; width: 80%; margin: 20px 0 40px 0;}
.changeList .listen-box{float: left; width: 100%; margin-top: 50px;}
.changeList .listen-box:first-child{margin-top: 0;}
.changeList .topInfo{float: left; width: 100%; background: #e0e6ef; color:#000; font-size: 17px; line-height: 31px; padding:15px 0 15px 149px; position: relative; min-height: 140px;}
.changeList .topInfo .title{position: absolute; left: 0; top:0; width: 149px; height: 100%; background: #ffcc00}
.changeList .topInfo .table{float: left; width: 100%; height: 100%; display: table; text-align: center;}
.changeList .topInfo .table .cell{display: table-cell; vertical-align: middle;}
.changeList .topInfo .table span{float: left; width: 100%; font-size: 30px; line-height: 30px;}
.changeList .topInfo .table em{float: left; width: 100%; font-size: 14px; line-height: 30px;}
.changeList .topInfo .ulList{float: left; width: 100%;}
.changeList .topInfo .ulList li{float: left; width: 50%; padding-left: 20px; line-height: 32px;}

.changeList .cardList{float: left; width: 100%; margin-top: 5px;}
.changeList .cardList ul{margin: 0 -7px;}
.changeList .cardList li{float: left; width: 14.2857%; padding: 0 7px; margin-top: 5px;}
.changeList .cardList li a{float:left; width: 100%;}
.changeList .cardList li a .tImg{float: left; width: 100%; position: relative; padding-bottom: 95%; overflow: hidden}
.changeList .cardList li a .tImg img{position: absolute; left: 0; top:0; width: 100%; height: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.changeList .cardList li a .dText{float: left; width: 100%; text-align: center; font-size: 14px; color:#000; line-height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.changeList .cardList li a:hover .tImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
}
.changeList .cardList li a:hover .dText{color:#ffcc00}

@media screen and (max-width:1099px) {
    .leafPf{width: 95px;}
    .leafPf.on{top:6.8rem}
    .leafPf li a{font-size: 18px; line-height: 30px;}
    .changeList .topInfo{font-size: 14px; line-height: 24px;}
    .changeList .topInfo .table span{font-size: 24px;}
    .changeList .topInfo .table em{font-size: 12px; line-height: 20px;}
    .changeList .listen-box{margin-top: 35px;}
    .changeList .cardList li{width:20%;}
    .changeList .cardList li a .dText{font-size: 12px;}
    .changeList .topInfo .ulList li{ width: 100%; line-height: 30px;}

}
@media screen and (max-width:767px) {
    .leafPf{width: 100%; margin: 10px 0 15px 0}
    .leafPf.on{position:static;}
    .leafPf li{width: 25%; padding: 0 2px; margin-top: 3px;}
    .leafPf li a{font-size: 14px; line-height: 28px;}
    .changeList{width: 100%; margin: 0 0 20px 0;}
    .changeList .topInfo{padding:0 0 10px 0;}
    .changeList .topInfo .title{position: static; float: left; width: 100%; padding: 10px 0; margin-bottom: 10px;}
    .changeList .topInfo .table span{font-size: 20px;}
    .changeList .cardList ul{margin: 0 -3px;}
    .changeList .cardList li{padding: 0 3px;}
    .changeList .listen-box{margin-top: 20px;}
    .changeList .topInfo .ulList li{line-height: 24px;}
}

/*4资讯案例*/
._nCaseList{float: left; width: 100%; margin: -10px 0 50px 0;}
._nCaseList ul{margin: 0 -10px;}
._nCaseList li{float: left; width: 50%; padding: 0 10px; margin-top: 20px;}
._nCaseList li a{float: left; width: 100%; letter-spacing: 0;}
._nCaseList li a .tImg{float: left; width: 100%; position: relative; padding-bottom:43%; overflow: hidden;}
._nCaseList li a .tImg img{position: absolute; left: 0; top:0; width: 100%; height: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._nCaseList li a .dText{float: left; width: 100%; background: #333; height: 219px; overflow: hidden; padding: 25px 25px 20px 25px; }
._nCaseList li a .dText .box{float: left; width: 100%; height:174px; overflow: hidden;}
._nCaseList li a .dText .tit{float: left; width: 100%; color:#ffcc00; font-size: 24px; line-height: 33px; max-height: 66px; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}
._nCaseList li a .info{float: left; width: 100%; color:#fff; font-size: 18px; line-height: 33px; margin-top: 7px;position: relative}
._nCaseList li a .info .p1{float: left; width: 100%; max-height:132px; overflow: hidden;}
._nCaseList li a .more{position: absolute; right:0; bottom:0; font-size: 18px; line-height: 33px; color:#ffcc00; background: #333; padding-left: 20px;}

._nCaseList li a:hover .tImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
}
._nCaseList li a:hover .more{text-decoration: underline;}
@media screen and (max-width:1099px) {
    ._nCaseList{margin-bottom: 35px;}
    ._nCaseList ul{margin: 0 -7px;}
    ._nCaseList li{margin-top: 14px; padding: 0 7px;}
    ._nCaseList li a .dText{padding: 20px 20px 15px 20px}
    ._nCaseList li a .dText .tit{font-size: 20px; line-height: 30px; }
    ._nCaseList li a .info{font-size: 14px; line-height: 28px;}
    ._nCaseList li a .info .p1{max-height:112px;}
    ._nCaseList li a .more{font-size: 14px; line-height: 28px;}
}
@media screen and (max-width:767px) {
    ._nCaseList{margin-bottom: 20px;}
    ._nCaseList li{width: 100%;}
    ._nCaseList li a .dText{padding:15px; height: auto;}
    ._nCaseList li a .dText .box{height: auto;}
    ._nCaseList li a .dText .tit{font-size: 18px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    ._nCaseList li a .info{line-height: 24px; height: 96px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    ._nCaseList li a .more{line-height: 24px;}

}

.wack1{ float:left; width:100%; padding:0 0 50px 0; text-align:center;}
.wack1 .fy_ph{ display:inline-block; *display:inline; *zoom:1;}
.wack1 .fy_ph a {float:left; line-height:40px; color:#000000; font-size:18px; margin:0 5px;}
.wack1 .fy_ph a:hover,
.wack1 .fy_ph a.on{color:#05412e}
@media screen and (max-width:1099px) {
    .pageCaseBox .caseList li .dText{font-size: 16px; line-height: 28px;padding: 10px;}
    .wack1{padding: 0 0 35px 0;}
    .wack1 .fy_ph a{font-size: 16px;}
}

@media screen and (max-width:767px){
.newFy{float: left; width: 100%; padding:0 0 20px 0; display: block; text-align: center;}
.newFy .pageTurning{display:inline-block; *display:inline; *zoom:1; color:#000; font-size: 14px;line-height: 20px;}
.newFy .pageTurning a{color:#000; padding: 0 5px;}
.newFy .pageTurning span{padding: 0 5px;}
.newFy .pageTurning a:hover{color:#05412e}
}

/*5案例详情*/
.pageMargin.caseInfo{margin: 0 0 50px 0; padding-bottom:55px;border-bottom: 2px solid #000;}
._NCaseBox{display: inline-block; width: 750px; color:#000; font-size: 18px; line-height: 33px;}
._NCaseBox .tit{float: left; width: 100%; font-size: 24px;}
._NCaseBox .p1{float: left; width: 100%; margin: 5px 0;}
._NCaseBox .p1 p.le{text-align: left;}
._NCaseBox .p1 video{width: 100%;}

@media screen and (max-width:1099px) {
    .pageMargin.caseInfo{margin: 0 0 30px 0; padding-bottom:35px;}
    ._NCaseBox{font-size: 14px;line-height: 24px; width: 100%;}
    ._NCaseBox .tit{font-size:20px; line-height: 30px;}
}
@media screen and (max-width:767px) {
    .pageMargin.caseInfo{margin: 0 0 20px 0; padding-bottom:15px;}
}

/*6质保查询*/
.pageMarQa{float:left; width: 100%; display: block; text-align: center;min-height:500px; margin-bottom: 50px;}
.warrantyBox{display: inline-block; width: 430px; text-align: left;letter-spacing: 0;}
.warrantyBox .tit{float: left; width: 100%; text-align: center; color:#000; font-size: 24px; line-height: 35px;}

.warrantyBox .QualityAssForm{float: left; width:100%; position: relative; z-index: 2; margin-top: 7px; }
.warrantyBox .QualityAssForm .p1{float: left; width: 100%; color:#000; font-size: 18px; line-height: 25px; padding: 13px 0; border-bottom: 1px solid #6e6e6e;}
.warrantyBox .QualityAssForm .p1:nth-child(2){border-bottom: 0;}
.warrantyBox .QualityAssForm .formBox{float: left; width: 100%;}
.warrantyBox .QualityAssForm .formBox label{float: left; width: 100%; border:2px solid #394750; background: #fff; margin-top: 10px;}
.warrantyBox .QualityAssForm .formBox label em{float: left; font-style: normal; width: 30%; background: #e4e4e4; height: 46px; line-height: 46px; color:#000000; font-size:18px; text-align: center;}
.warrantyBox .QualityAssForm .formBox label input{float: left; width: 70%; border:0; background: #fff; height: 46px; line-height: 46px; text-indent: 15px; font-size:18px; color:#003586;}
.warrantyBox .QualityAssForm .formBox label.last{border:0; display: block; text-align: center;}
.warrantyBox .QualityAssForm .formBox label.last button{display: inline-block; width:128px; border:2px solid #394750; background: #fed900; color:#000000; text-align: center; height: 50px; font-size:18px;}
.warrantyBox .QualityAssForm .result{float: left; width: 100%; margin-top: 15px; color:#000000; font-size: 18px; line-height: 25px;}
.warrantyBox .QualityAssForm .result.rad{color: #ff0000}

@media screen and (max-width:767px) {
    .pageMarQa{min-height: auto; margin-bottom: 30px;}
    .warrantyBox{width: 100%;}
    .warrantyBox .tit{font-size: 20px;}
    .warrantyBox .QualityAssForm{margin-top: 0;}
    .warrantyBox .QualityAssForm .p1{font-size: 14px; line-height: 20px; padding: 10px 0;}
    .warrantyBox .QualityAssForm .formBox label em{font-size: 14px;}
    .warrantyBox .QualityAssForm .formBox label input{font-size: 14px;}
    .warrantyBox .QualityAssForm .formBox label.last button{font-size: 14px;}
    .warrantyBox .QualityAssForm .result{font-size: 14px; line-height: 20px;}
}

/*8质保查询有结果*/
.effectusBox{display: inline-block; width: 460px; text-align: left;letter-spacing: 0;}
.effectusBox .tit{float: left; width: 100%; text-align: center; color:#000; font-size: 24px; line-height: 35px;}
.effectusBox .CustomerInfo{float: left; width: 100%;}
.effectusBox .CustomerInfo .topInfo{float: left; width: 100%; margin-top: 15px;}
.effectusBox .CustomerInfo .topInfo h3{float: left; width: 100%; color:#000; font-size: 24px;line-height: 32px;}
.effectusBox .CustomerInfo .topInfo p{float: left; width: 100%; margin-top: 5px;color:#000000; font-size: 18px; line-height: 32px; }
.effectusBox .CustomerInfo .downAdd{float: left; width: 100%; margin-top:40px; position: relative;}
.effectusBox .CustomerInfo .downAdd:after{position: absolute; content: ''; width: 1px; height: 100%; background: #000; left: 0; top:5px;}
.effectusBox .CustomerInfo .downAdd h3{float: left; width: 100%; color:#000000; font-size: 24px;line-height: 32px;padding-left: 12px;}
.effectusBox .CustomerInfo .downAdd p{float: left; width: 100%; padding-left: 12px; margin-top: 7px;color:#000000; font-size: 18px; line-height: 33px; min-height: 145px; position: relative}

.effectusBox .CustomerImgBox{float: left; width: 100%; margin-top: 15px;}
.effectusBox .CustomerImgBox h3{float: left; width: 100%; color:#000; font-size: 24px; line-height: 32px;}
.effectusBox .CustomerImgBox .CustomerList{float: left; width: 100%;}
.effectusBox .CustomerImgBox .CustomerList ul{float: left; width: 100%;}
.effectusBox .CustomerImgBox .CustomerList li{float: left; width: 100%;margin-top: 10px;}
.effectusBox .CustomerImgBox .CustomerList li h4{float: left; width: 100%; color:#000000; text-align: center; background: #fcc800; font-size:18px; line-height: 26px; padding: 5px 0;}
.effectusBox .CustomerImgBox .CustomerList li .tImg{float: left; width:100%; line-height: 0; position: relative; padding-bottom: 75%;}
.effectusBox .CustomerImgBox .CustomerList li .tImg img{position: absolute; width: 100%; height: 100%;}

@media screen and (max-width:767px) {
    .effectusBox{width: 100%;}
    .effectusBox .tit{font-size: 20px;}
    .effectusBox .CustomerInfo .topInfo{margin-top: 10px;}
    .effectusBox .CustomerInfo .topInfo h3{font-size: 20px; line-height: 30px;}
    .effectusBox .CustomerInfo .topInfo p{font-size: 15px; line-height: 24px; margin-top: 0;}
    .effectusBox .CustomerImgBox{margin-top: 10px;}
    .effectusBox .CustomerImgBox h3{font-size: 20px; line-height: 30px;}
    .effectusBox .CustomerImgBox .CustomerList li h4{font-size: 15px; line-height: 20px; padding: 5px 0;}
}

/*9授权店面*/
.authBox{display: inline-block; width: 750px;}
.authBox .title{float: left; width: 100%; color:#000; font-size: 24px; line-height: 35px;}

.authBox .secForm{float: left; width: 21%; margin-top: -5px;}
.authBox .secForm .secBox{float: left; width:100%; margin-top: 20px;}
.authBox .secForm .secBox select{float: left; width: 100%; border:2px solid #05412e; height:40px; line-height:36px; text-indent: 5px; color:#000; font-size:18px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("_im_g/pro19.png") no-repeat right 12px center;
    background-size:23px 12px;
}
.authBox .secForm button{float:left; width:100%; height: 40px; color:#fff; border:0; background:#05412e; font-size: 18px; margin-top: 20px;}
.authBox .secForm button:hover{
    box-shadow: 0 0 15px rgba(0,53,134,0.2);
    -moz-box-shadow: 0 0 15px rgba(0,53,134,0.2);
    -webkit-box-shadow: 0 0 15px rgba(0,53,134,0.2);
}

.authBox .AddressList{float: right; width: 73.333%; text-align:left;}
.authBox .AddressList ul{float: left; width: 100%; padding-right: 12px;}
.authBox .AddressList li{float: left; width: 100%; color:#000000; font-size: 18px; line-height:32px; padding: 10px 0; border-bottom: 1px solid #999;}

@media screen and (max-width:1099px) {
    .authBox{display: inline-block; width:100%;}
    .authBox .AddressList li{font-size: 16px; line-height: 30px;}

}
@media screen and (max-width:767px) {
    .authBox .title{font-size: 20px;}
    .authBox .secForm{width: 100%;}
    .authBox .secForm .secBox{ width:35.13%; margin-right: 2.7%;}
    .authBox .secForm .secBox select{font-size: 15px;
        background: url("_im_g/pro19.png") no-repeat right 10px center;
        background-size: 16px 8px;
    }
    .authBox .secForm button{width: 24.34%; font-size: 15px;}
    .authBox .AddressList{width: 100%;}
    .authBox .AddressList li{font-size: 15px; line-height: 28px;}
}

/*10在线报价*/
.ServiceQuoInq{display: inline-block; width: 750px;}
.ServiceQuoInq .ServiceQuoHd{float: left; width: 100%;}
.ServiceQuoInq .ServiceQuoHd li{float: left; width: 50%; color:#a1a1a1; font-size: 24px; background: #cccccc; height: 44px; line-height: 44px; cursor: pointer;}
.ServiceQuoInq .ServiceQuoHd li span:last-child{display: none;}
.ServiceQuoInq .ServiceQuoHd li.on{color:#fff; background: #05412e; position: relative; z-index: 2;}
.ServiceQuoInq .ServiceQuoBd{float: left; width: 100%; background: #fff; min-height: 510px;}
.ServiceQuoInq .ServiceQuoBd .SerBox{float: left; width: 100%;}
.ServiceQuoInq .SerBox .leftForm{float: left; width:50%; padding: 0 9% 0 6%;}
.ServiceQuoInq .SerBox .leftForm dl{float: left; width: 100%; padding-left: 28px; position: relative; margin-top: 20px;}
.ServiceQuoInq .SerBox .leftForm dl span{position: absolute; left: 0; top:0;line-height: 40px; font-size: 35px; color:#a1a1a1; font-style: italic;}
.ServiceQuoInq .SerBox .leftForm dl select{float: left; width: 100%; height: 40px;border:2px solid #05412e; font-size:18px; color:#000; text-indent:5px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("_im_g/pro19.png") no-repeat right 12px center;
    background-size:23px 12px;
}
.ServiceQuoInq .SerBox .leftForm dl select.on{color:#ff0000;border-color:#ff0000;
    background: url("_im_g/pro19_1.png") no-repeat right 12px center;
    background-size:23px 12px;
}
.ServiceQuoInq .SerBox .leftForm dl button{float: left; width: 100%; height: 40px; font-size:18px; color:#fff; border:0; background: #05412e;}
.ServiceQuoInq .SerBox .leftForm dl button:hover{
    box-shadow: 0 0 15px rgba(0,53,134,0.2);
    -moz-box-shadow: 0 0 15px rgba(0,53,134,0.2);
    -webkit-box-shadow: 0 0 15px rgba(0,53,134,0.2);
}
.ServiceQuoInq .SerBox .rBox{float: left;width: 50%;}
.ServiceQuoInq .SerBox .rQueryBox{float: left; line-height: 0; width:100%; margin: 20px 0 0 0;}
.ServiceQuoInq .SerBox .rResultBox{float: left;width:100%;}
.ServiceQuoInq .SerBox .rResultBox .carTable{float: left; width: 88%;border:1px solid #05412e; margin-top: 20px;}
.ServiceQuoInq .SerBox .rResultBox .carTable .dlBox{float:left; width: 50%; text-align: center; font-size: 18px;}
.ServiceQuoInq .SerBox .rResultBox .carTable .dlBox dt{float: left; width: 100%; border:1px solid #05412e;background: #05412e;color:#fff;line-height: 33px;}
.ServiceQuoInq .SerBox .rResultBox .carTable .dlBox dd{float: left; width: 100%;border:1px solid #05412e;color:#05412e;line-height: 33px;}
.ServiceQuoInq .SerBox .rResultBox .carTable .dlBox dd.blue{background: #cbe8f8;}
.ServiceQuoInq .SerBox .rResultBox .carTable .dlBox:nth-child(2) dt{background: #ff9900; color:#000;}
.ServiceQuoInq .SerBox .rResultBox .carTable .dlBox:nth-child(2) dd{color:#000000;}

@media screen and (max-width:1099px) {
    .ServiceQuoInq{width: 100%;}
    .ServiceQuoInq .ServiceQuoHd li{font-size: 20px;}
    .ServiceQuoInq .SerBox .leftForm dl select{font-size: 16px;}
    .ServiceQuoInq .SerBox .leftForm dl button{font-size:16px;}
    .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox{font-size: 16px;}
}
@media screen and (max-width:767px) {
    .ServiceQuoInq .ServiceQuoHd li{font-size: 15px; height: 35px; line-height: 35px;}
    .ServiceQuoInq .ServiceQuoHd li span:last-child{display: block;}
    .ServiceQuoInq .ServiceQuoHd li span:first-child{display: none;}
    .ServiceQuoInq .SerBox .leftForm{width: 100%; padding: 0;}
    .ServiceQuoInq .SerBox .leftForm dl{width: 48%; margin-top: 15px;padding-left: 0}
    .ServiceQuoInq .SerBox .leftForm dl:last-child{width: 100%; display:block; text-align: center}
    .ServiceQuoInq .SerBox .leftForm dl span{display: none;}
    .ServiceQuoInq .SerBox .leftForm dl:nth-child(2n){float: right;}
    .ServiceQuoInq .SerBox .leftForm dl select {
        font-size: 14px;
        background: url("_im_g/pro19.png") no-repeat right 10px center;
        background-size: 16px 8px;
    }
    .ServiceQuoInq .SerBox .leftForm dl select.on {
        background: url("_im_g/pro19_1.png") no-repeat right 10px center;
        background-size: 16px 8px;
    }
    .ServiceQuoInq .SerBox .leftForm dl button{width: 48%; display: inline-block; float:none; font-size: 15px;}
    .ServiceQuoInq .SerBox .rBox{width: 100%;}
    .ServiceQuoInq .SerBox .rResultBox .carTable{width: 100%;}
    .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox{font-size: 15px;}

}