
/*滚动条样式
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f8f8f8}
::-webkit-scrollbar-thumb{background:#107030;height:60px}
::-webkit-scrollbar-thumb:window-inactive{background:#107030}
::-webkit-scrollbar-thumb:vertical:hover{background:#107030}

body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,"微软雅黑";padding-top:60px;}
em,i{font-style:normal}
a:hover{text-decoration:none}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus{outline: none;outline-offset:0;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p{margin-top:0;margin-bottom:0;}
ul{margin:0;padding:0;}
ul,li{list-style: none;}
a:focus, a:hover{text-decoration: none;}
a{display: block;color:#333;}
a:focus, a:hover{color:#333;}
img{display: block;}
textarea{resize: none;}
.Animation{-webkit-transition:all 1s;transition:all 1s;opacity:0}
.fullpage{width:100%;overflow:hidden}
.indexPaddingTop{padding-top:60px;}
.section{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.img{width:100%;overflow:hidden;margin:0 auto;position:relative}
.img img{display:block;width:100%;transition:all .5s}
.fl{float:left;}
.fr{float:right;}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.overflowY{overflow-y:hidden;}
.relative{position: relative;overflow: hidden;}
.container{position: relative;z-index: 2;}
@media (max-width:767px){
    .section .container{width:100%;position: relative;z-index: 2;}
}
@media (min-width:1400px){
    .container{width:1230px}
}
@media (min-width:1600px){
    .container{width:1400px}
}*/

/*横屏
@media (max-width:767px) and (orientation:landscape){
    .indexPaddingTop{padding-top:0}
}
@media (min-width:768px){
    .indexPaddingTop, body{padding-top:70px}
}
@media (min-width:992px){
    .indexPaddingTop, body{padding-top:80px}
}
@media (min-width:1200px){

}
@media (min-width:1400px){

}*/




/*横屏
@media (max-width:767px) and (orientation:landscape){
    .index_body .header{display:none}
    .section{padding-top:0;}
}*/


/*第一屏
.section .nextPage{position:absolute;width:26px;height:52px;left:50%;margin-left:-10px;bottom:3.5vh;background:url(../images/icon/icon1.png) no-repeat center;background-size:100% 100%;z-index:4;animation: mymove 1.5s alternate infinite;-webkit-animation: mymove 1.5s alternate infinite;display:none;}
@keyframes mymove{
    from{bottom:3.5vh;opacity:0.5}
    to{bottom:4.5vh;opacity:1}
}
@-webkit-keyframes mymove{
    from{bottom:3.5vh;opacity:0.5}
    to{bottom:4.5vh;opacity:1}
}*/


.section1 .swiper-container{width:100%;height:100%}
.banner_text .container{position:absolute;left:50%;top:20%;z-index:9;transform:translate(-50%,0);}
.banner_text img{max-width:100%;margin:0 auto;transform:translateY(100%)}
.section1 [onclick]{cursor:pointer;}

.section1 .swiper-slide-active .banner_text img{opacity:1;transform:none;transition-delay:.5s}

.section1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{transition: all 0.3s;}
.section1 .swiper-pagination-bullet{width:15px;height:2px;background:#fff;border-radius: 0;opacity: 1;}
.section1 .swiper-pagination-bullet-active{width:20px;background:#056737;}
.section1 .swiper-button-next{right:0;background:rgba(62,58,57,0.6) url(../images/icon/right.png) no-repeat center;}
.section1 .swiper-button-prev{left:0;background:rgba(62,58,57,0.6) url(../images/icon/left.png) no-repeat center;}
.section1 .swiper-button-next, .section1 .swiper-button-prev{width:40px;height:40px;margin-top:-20px;background-size:100% 100%!important;outline: none;}

.section1 div.min_img{width:100%;height:100%;}
.PC_img{display:none}

@media (max-width:360px){
    /* 分享 */
    .isHrefs{margin:0 -7px;margin-top:10px;}
    .isHrefs>a{padding:0 7px;}

}
@media (min-width:768px){
    .banner_text .container{padding:0 40px;}
    .PC_img{display:block}
    .min_img{display:none}
    .section1 .swiper-button-next{right:15px;}
    .section1 .swiper-button-prev{left:15px;}

    .section1 .swiper-pagination-bullet{width:26px;}
    .section1 .swiper-pagination-bullet-active{width:36px;}
    .section1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}


}

@media (min-width:1200px){
    #fp-nav.right{right:5px;}
    #fp-nav ul li, .fp-slidesNav ul li{width:22px;height:22px;margin:5px 10px;}
    #fp-nav ul li a span, .fp-slidesNav ul li a span,#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span,#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width:12px;height:12px;margin:-6px 0 0 -6px;}

    .banner_text .container{padding:0 50px;}
    .section1 .swiper-button-next, .section1 .swiper-button-prev{width:50px;height:50px;margin-top:-25px;background-size:40px 40px!important;}

    /* banner导航 */
    .secnavrow{margin:0 -58px;padding:0 29px}
    .secnavrow .li{font-size:18px;padding:20px 58px;}

}
@media (min-width:1400px){
    .banner_text .container{padding:0 60px;}
    .section1 .swiper-button-next, .section1 .swiper-button-prev{width:60px;height:60px;margin-top:-30px;background-size:40px 40px!important;}


    /* 分享 */
    .indexShare .flag{width:50px;height:100%;top:0;background:url(../images/icon/l1.png) no-repeat center;transform: rotate(0);}
    .indexShare.hide .flag{width:40px;height:40px;top:-40px;border-radius: 10px 0 0 10px;background:#fff url(../images/icon/l1.png) no-repeat center;background-size:24px 24px;transform: rotate(90deg);}
    /* .indexShare.hide{left:calc(100% - 50px);border-radius: 30px 0 0 30px;transform: none;} */
    .isnav{margin-left:-25px;}
    .isnav span,
    .isnav a{line-height:28px;padding:5px 25px;}
    .isnav span{font-size:20px;}
    .isHrefs{margin-right:-20px;}
    .isHrefs>a{float:left;padding:0 20px;}

}
@media (max-width:767px) and (orientation:landscape){
    .banner_text img{width:60%;}
}

.index_title{text-align:center;margin-bottom:30px;transform:scale(0);-webkit-transition:all 1s;transition:all 1s;opacity:0}
.active .index_title{opacity:1;transform:none;transition-delay:.5s}
.index_title a{display:block;}
.index_title h2{font-size:20px;}
.index_title p{font-size:14px;margin-top:10px;}
.index_title.colorfff a{color:#fff;}
@media (min-width:768px){
    .index_title{margin-bottom:6.5vh}
    .index_title h2{font-size:26px}
    .index_title p{font-size:16px;}
}
@media (min-width:992px){
    .index_title h2{font-size:28px}
}
@media (min-width:1200px){
    .index_title h2{font-size:32px}
}
@media (min-width:1400px){
    .index_title h2{font-size:36px}
    .index_title p{font-size:18px;margin-top:15px;}
}
@media (min-width:1400px){
    /* .index_title h2{font-size:40px} */
}

/*横屏*/
@media (max-width:767px) and (orientation:landscape){

}
.form .form-group{position: relative;}
.form .form-control{position: relative;display:block;border-color:#cfcfcf;border-radius: 0;height:36px;z-index: 2;}
.form .form-control:focus{border-color:#0088ec;}
.form .btn[type="submit"]{display: block;width:100%;border-radius: 0;height:36px;background:#0088ec;margin-top:20px;color:#fff;border:none;}
.form .btn[type="submit"]:hover{text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.form .error .form-control{border-color:#E21B14;}
.form .valid_message{color:red;display: none;}


/*分类导航*/
.menu_list{border-bottom:1px solid #EFEFEF;padding:15px 0 10px;background:#fff;}
/* .menu_list.fixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 10;} */
.menu_list h1{width:100%;font-size:20px;margin-bottom:5px;line-height:40px;}
.store_title{font-size:20px;}
.m_nav{width:100%;text-align:left;margin-left:-2px;}
.m_nav a{display: inline-block;min-width:96px;padding:0 20px;height:40px;line-height:40px;background:#E7E7E7;margin-right:8px;margin-bottom:10px;text-align:center;color:#353535;-webkit-transition: all 0.5s;transition: all 0.5s;}
.m_nav a.active,.m_nav a:hover{background:#056737;color:#fff;}

.location_main{border-top:1px rgba(217,217,217,.8) solid;padding:15px 0;overflow:hidden}
.location a,.location b{display:inline-block;font-weight:400;color:#333;line-height:20px}
.location a:hover{color:#107030}

.wrapper{width:100%;overflow: hidden;min-height:70vh;}
.inside_main{padding:35px 0 80px;position:relative}
.inside_main .container{position:relative}
.inside_title{margin-bottom:15px;color:#000;text-align:center}
.inside_title h2{font-size:18px;margin:0}

.InfoContent{position:relative;line-height:2.2;color:#666;overflow:hidden}
.InfoContent img{max-width:100%;height:auto;display: inline-block;}
.InfoContent a{display: inline;}
.InfoContent video{display: block;width:1000px;height:auto;max-width:100%;margin:0 auto;}

.InfoTitle{margin-bottom:15px;border-bottom:1px #dad9d9 solid;padding-bottom:15px;text-align:center}
.InfoTitle h4{font-size:18px;margin:0;line-height:1.4}
.InfoTitle .date{color:#666;margin-top:10px}

.goBack{text-align:center;margin-top:30px;margin-bottom:-15px}
.goBack a{display:inline-block;color:#fff;line-height:20px;background-color:#666;padding:10px 30px}
.goBack a:hover{background-color:#056737}


.mapMain{background:#fff;}
.contactMap{height:440px;padding:10px;}
.map{width:100%;height:100%;}
#dituContent{width:100%;height:100%}
.anchorBL{display:none;}
.BMap_bubble_title{font-size:16px;color:#056737;}

/* 施工店查询 */
.listTit{font-size:20px;color:#078637;margin:25px 0;}
.searchNetReturn .contactMap,.searchNetReturn .contactList{padding:0;}
.searchNetReturn .contactMap{height:500px;}

/* 门店查询预约 */
.store_title{text-align: center;}
.store_form{margin:20px -5px 30px;text-align: center;}
.store_form label{margin:0 10px 0 0;font-size:16px;font-weight: 400;}
.store_form .form-group{padding:5px;display: inline-block;margin-bottom: 0;vertical-align: middle;}
.store_form .form-control{display: inline-block;height:38px;font-size:14px;border-radius: 0;border-color:#999}
.store_form .form-control-select{width:190px;}
.store_form .form-control-input{width:220px;}
.store_form .btn{font-size:16px;height:38px;    line-height: 0;width:100px;text-align: center;border-radius: 0;background:#333;color:#fff;transition:all 0.5s}
.store_form .btn:hover{background:#056737;}
.storeList{height:100%;padding:5px;background:#f5f5f5;}
.storeRow{display: flex;align-items: stretch;flex-flow: row wrap;margin:-1px -1px 0;}
.storeRow:before,
.storeRow:after{display: none;}
.storeRow .column{padding:1px;}
.storeList .inner{width:100%;height:100%;background:#fff;padding:20px 10px;}
.storeList .h2{font-size:18px;font-weight: 700;}
.storeList li{position: relative;padding:20px 0;border-bottom:1px dashed #ccc;}
.storeBooking{width:110px;height:40px;line-height:40px;font-size:14px;text-align: center;border:1px solid #ccc;top:20px;right:0;cursor: pointer;transition: all 0.5s;margin-top:20px;}
.storeBooking:hover{background:#056737;color:#fff;border-color:#056737}
.storeList .InfoContent{line-height:1.65;cursor: pointer;}
.storeList .InfoContent i{display: inline-block;line-height:20px;padding:5px 10px;color:#fff;background:#056737;border-radius: 5px;font-size:14px;margin-right:10px;margin-bottom:10px;}

.storeMoadl .modal-dialog{width:90%;height:100%;margin:0 auto;display: flex;justify-content: center;flex-direction: column;}
.storeMoadl .modal-content{border:none;border-radius: 0;}
.storeMoadl .modal-header{position: relative;}
.storeMoadl .modal-title{font-size:20px;text-align: center;}
.storeMoadl .close{width:30px;height:30px;line-height:30px;}
.storeMoadl .close:hover{color:#056737;}
.storeMoadl .InfoContent{line-height:2;color:#333;margin-bottom:25px;}
.modal-store-form{}
.modal-store-form .form-group{position: relative;width:100%;display: block;padding-left:100px;margin-bottom:25px;}
.modal-store-form label{position: absolute;font-size:16px;margin:0;width:100px;text-align: left;font-weight: 400;line-height:36px;left:0;top:0;}
.modal-store-form .form-control{width:100%;height:36px;border-radius: 0;border-color:#dfd53e;}
.modal-store-form .form-btns{overflow: hidden;margin-top:35px;}
.modal-store-form .form-btns .btn{float:left;width:48%;margin-right:4%;font-size:16px;height:42px;color:#fff;background:#999999;border-radius: 0;}
.modal-store-form .form-btns .btn:last-child{margin-right:0;}
.modal-store-form .form-btns .btn[type="submit"]{background:#056737;}
.storeMap{height:100%;min-height:450px;}

.BMap_bubble_content h5{font-size:15px;font-weight: 700;color:#056737;margin-bottom:5px;}
.BMap_bubble_content i{display: inline-block;margin-right:10px;margin-bottom:10px;line-height:20px;padding:3px 10px;border-radius: 5px;color:#fff;background:#056737;font-size:12px;}

@media (max-width:767px){

    /* 门店查询预约 */
    .store_form .form-group:nth-child(4){width:100%;}
    .store_form .btn{margin-top:20px;}
}
@media (max-width:360px){
    /* 门店查询预约 */
    .store_form label{margin-right:8px;font-size:14px;}
    .store_form .form-control-input{width:180px;}
}
@media (min-width:768px){

    /* 门店查询预约 */
    .store_form{margin:25px -5px 35px;}
    .storeMoadl .modal-dialog{width:486px;}
    .storeMoadl .modal-body{padding:25px 25px 35px;}
    .storeMoadl .modal-title{font-size:24px;}
    .storeMoadl .close{width:40px;height:40px;line-height:40px;}


}
@media (min-width:992px){

    /* 门店查询预约 */
    .store_form{margin:35px -5px 45px;}
    .store_form .form-control-input{width:240px;}
    .storeList{padding:10px;}
    .storeList li{padding-right:145px;}
    .storeBooking{position: absolute;width:116px;height:42px;line-height:42px;font-size:16px;margin-top:0;}
    .storeList .inner{padding:25px 15px;}
    .storeList .h2{font-size:20px;margin-bottom:10px;}
    .storeList .divUl{max-height:600px;overflow-y:auto;overflow-x:hidden;}
    .storeMap{min-height:600px;}

}
@media (min-width:1200px){
    .contactContent{padding:60px 0;margin-bottom:50px;}
    .contactContent .item{margin-bottom:0;padding:0 25px;}
    .contactContent .contactContentItem1{width:22%;}
    .contactContent .contactContentItem2{width:35%;}
    .contactContentItem2 h3{font-size:22px;}
    .contactContentItem2:before{border-right:1px dotted #E7E7E7;}
    .contactContent .contactContentItem3{width:21%;justify-content:center;}
    .contactContent .contactContentItem4{width:22%;}

    .contactList .column:nth-child(2n) .item,
    .contactList .column:nth-child(3n) .item{border-right:1px solid rgba(204,204,204,0.4);}
    .contactList .column:last-child .item,
    .contactList .column:nth-child(4n) .item{border-right:none;}

    /* 门店查询预约 */
    .store_form{margin:45px -10px 55px;}
    .store_form .form-group{padding:5px 10px;}
    .store_form .form-control{font-size:16px;}
    .store_form .form-control-input{width:280px;}
    .store_form label{margin-right:18px;font-size:18px;}
    .store_form .btn{font-size:18px;}

}
@media (min-width:1400px){
    .contactContent .item{padding:0 30px;}

    /* 门店查询预约 */
    .store_form{margin:45px -15px 55px;}
    .store_form .form-group{padding:5px 15px;}
}



@media (max-width:767px){
    .logo_list .column{margin-bottom:20px;}
    .logo_list .column:nth-child(1) .item{min-height:72vh;}
}

/*动画*/
@-webkit-keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}
.fadeIn{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}

@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInDown{-webkit-animation:fadeInDown 1s;animation:fadeInDown 1s}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation:fadeInLeft 1s;animation:fadeInLeft 1s}

@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRight{-webkit-animation:fadeInRight 1s;animation:fadeInRight 1s}

@-webkit-keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
@keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
.zoomIn{-webkit-animation:zoomIn 1s;animation:zoomIn 1s}
