/* 首页 */
.home{
    width: 100%;
    background: white;
}
/* 首页头部导航 */
.home .m-header{
    display:none;
}
.home .header{
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;left: 0;
    z-index: 5;
}
.home .header>img{
    width: 170px;
    float: left;
    margin: 10px 0 0 24px;
}
.home .header .xiala_logo{
    display: none;
}
.home .header .nav{
    margin-left:214px;
}
.nav a{
     color: #333;
     display: block;
     width: 100%;
     height: 100%;
}
.home .header .nav li{
    float: left;
    padding: 0 25px;
    line-height: 80px;
}
.home .header .nav .on a {
    color: #FFBE00;
}
.home .header .nav li a {
    font-size: 16px;
    color: white;   
    padding-bottom: 10px;
}
.home .header .nav .one{
    background: url(../img2/xiala01.png) no-repeat right center;
}

.home .header .nav .one:hover{
    background: url(../img2/xiala_hover.png) no-repeat right center;
}
.home .header .nav .two{
    background: url(../img2/xiala01.png) no-repeat right center;
}
.home .header .nav .two:hover{
    background: url(../img2/xiala_hover.png) no-repeat right center;
}

.home .header .nav .one .xiala_one{
    width: 100%;
    height: 0px;
    overflow: hidden;
    background: white;
    position: absolute;
    /* border-top: 1px solid #F0F0F0; */
    top: 80px;
    left:0;
    z-index: 3;
    /* display: none; */
}
.home .header .nav .one .xiala_one>div{
    margin-left: 430px;
    margin-top: 50px;
    overflow: hidden;
}
.home .header .nav .one .xiala_one>div p{
    line-height: 16px;
}
.home .header .nav .one .xiala_one>div>p{
    font-size: 14px;
    color: #999;
    margin-bottom: 32px;
}
.home .header .nav .one .xiala_one>div ul li{
    margin: 0;
    padding: 0;
    width: 230px;
    padding: 10px;
    height: 42px;
    display: inline-block;
    overflow: hidden;
    margin-left: 30px;
    border-radius: 5px;
}
.home .header .nav .one .xiala_one>div ul li:hover{
    background: #F5F5F5;
}
.home .header .nav .one .xiala_one>div ul li .left{
    float: left;
}
.home .header .nav .one .xiala_one>div ul li .right{
    float: left;
    margin-left: 10px;
}
.home .header .nav .one .xiala_one>div ul li .right .p1{
    font-size: 15px;
    color: black;
    line-height: 22px;
}
.home .header .nav .one .xiala_one>div ul li .right .p2{
    font-size: 12px;
    color: #999;
}
.home .header .nav .two .xiala_two{
    width: 100%;
    height: 0px;
    overflow: hidden;
    background: white;
    position: absolute;
    top: 80px;
    left: 0;
    /* border-top: 1px solid #F0F0F0; */
    z-index: 3;
    /* display: none; */
}
.home .header .nav .two .xiala_two  p{
    line-height: 16px;
}
.home .header .nav .two .xiala_two ul{
    margin-top: 40px;
    margin-left: 350px;
}
.home .header .nav .two .xiala_two ul li{
    display: inline-block;
    width: 210px;
    height: 50px;
    padding: 18px;
    margin-left: 25px;
    border-radius: 5px;
}
.home .header .nav .two .xiala_two ul li:hover{
    background: #F5F5F5;
}
.home .header .nav .two .xiala_two ul li .left{
    float: left;
}
.home .header .nav .two .xiala_two ul li .right{
    float: left; 
    margin-top: 8px;
    margin-left: 10px;
}
.home .header .nav .two .xiala_two ul li .right .p1{
    font-size: 15px;
    color: black;
}
.home .header .nav .two .xiala_two ul li .right .p2{
    font-size: 12px;
    color: #999;
    margin-top: 15px;
}
.home .header .user{
    float: right;

}
.home .header .user a{
    float:left;
    width: 84px;
    height: 30px;
    border: 1px solid #FFBE00;
    text-align: center;
    line-height: 30px;
    border-radius: 20px;
    color: white;
    margin-top: 26px;
}
.home .header .dl{
    margin-right:16px;
}
.home .header .zc{
    margin-right:24px;
}
.home .header .user a:hover{
    border:1px solid #FFBE00;
    background: #FFBE00;
    color: white;
}

/* 滚动条滚动添加样式 */
.home  .scroll{
    background: white;
}
.home  .scroll .nav li a{
    color: black;
}
.home  .scroll .nav .one{
    background: url(../img2/xiala02.png) no-repeat right center;
}
.home  .scroll .nav .two{
    background: url(../img2/xiala02.png) no-repeat right center;
}
.home  .scroll .nav .on a{
    color: #FFBE00;  
}
.home  .scroll .user a{
    border: 1px solid #666666;
    color: black;
}
/* banner */
.jianjie .banner{
    width: 100%;
    height: 400px;
    margin-top: 80px;
    background: url(../img2/banner_about.jpg) no-repeat center center;
    background-size: cover;
}
 
.jianjie .m-banner{
    margin-top: 58px;
    display: none;
    width: 100%;
}
.jianjie .m-banner a{
    line-height: 0;
    display: block;
    width: 100%;
}
.jianjie .m-banner a img{
    border: none;
    width: 100%;
    height: auto;
}
.jianjie .nav{
    width: 1320px;
    height: 212px;
    background: white;
    margin: 0 auto;
    position: relative;
    top: -82px;
    z-index: 2;
}
.jianjie .nav li{
    float: left;
    width: 25%;
    height: 100%;
    text-align: center;
    cursor: pointer;
}
.jianjie .nav li img{
    margin-top: 52px;
    margin-bottom: 20px;
    height: 56px;
}
.jianjie .dv{
    padding-top:194px;
    position: relative;
    background: #F6F6F6;
    top: -212px;
    margin-bottom: -212px;
}
.jianjie .dv .dv1{
    padding-bottom: 73px;
}
.jianjie .dv .dv1 h1{
    text-align: center;
    font-weight: 400;
    font-size: 30px;
}
.jianjie .dv .dv1 p{
    text-align: center;
    font-size: 20px;
    line-height: 48px;
    margin-top: 48px;
    padding-bottom: 100px;
}
.jianjie .dv .dv1 .swiper-container{
    width: 1200px;
}
.jianjie .dv .dv1 .swiper-container .swiper-slide{
    width: 804px;
}
.jianjie .dv .dv1 .swiper-container .swiper-slide img{
    width: 804px;
}
.jianjie .dv .dv1  .swiper-slide:not(.swiper-slide-active){
    transform: scale(0.8);
  }
.jianjie .dv .dv1  .swiper-button-next, .swiper-button-prev{
    height: 27px;
}
.jianjie .dv .dv2{
    display: none;
}
.jianjie .dv .dv2 h1{
    text-align: center;
    font-weight: 400;
    font-size: 30px;
}
.jianjie .dv .dv2 ul{
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 110px;
}
.jianjie .dv .dv2 ul li{
    padding-top: 110px;
}
.jianjie .dv .dv2 ul li h2{
    font-size: 30px;
    font-weight: 400;
}
.jianjie .dv .dv2 ul li p{
    font-size: 26px;
    color: #666;
    line-height: 48px;
}
.jianjie .dv .dv2 ul li .left{
    float: left;
}
.jianjie .dv .dv2 ul li .right{
    float: right;
}
.jianjie .dv .dv2 ul .l1 .left{
    width: 40%;
    text-align: center;
}
.jianjie .dv .dv2 ul .l1 h2{
    padding: 112px 0 20px;
    font-size: 30px;
    font-weight: 400;
}
.jianjie .dv .dv2 ul .l1 p{
    font-size: 26px;
    color: #666;
    line-height: 48px;
}
.jianjie .dv .dv2 ul .l1 .right{
    width: 40%;
    padding: 0 10%;
    text-align: left;
}
.jianjie .dv .dv2 ul .l2 .left{
    width: 50%;
    padding-right: 10%;
    text-align: right;
}
.jianjie .dv .dv2 ul .l2 h2{
    padding-bottom: 20px;
}
.jianjie .dv .dv2 ul .l2 .right{
    padding-top: 40px;
    width: 40%;
    text-align: center;
}
.jianjie .dv .dv2 ul .l3 .left{
    width: 40%;
    text-align: center;
}
.jianjie .dv .dv2 ul .l3 h2{
    padding: 112px 0 20px;
}
.jianjie .dv .dv2 ul .l3 .right{
    width: 40%;
    padding: 0 10%;
    text-align: left;
}
.jianjie .dv .dv3{
    display: none;
}
.jianjie .dv .dv3 h1{
    text-align: center;
    font-weight: 400;
    font-size: 30px;
}
.jianjie .dv .dv3 ul{
    width: 1166px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 84px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jianjie .dv .dv3 ul li{
    width: 368px;
    margin-top: 30px;
    padding-bottom: 50px;
    background: white;
}
.jianjie .dv .dv3 ul li img{
    margin: 18px 19px 0;
}
.jianjie .dv .dv3 ul li h6{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color:#333;
    padding: 20px 10%;  
}
.jianjie .dv .dv3 ul li p{
    font-size: 14px;
    line-height: 25px;
    color: #7A7A7A;
    padding: 0 10%;
}
.jianjie .dv .dv3 ul li span{
    display: block;
    margin-top: 24px;
    padding: 0 10%;
    text-align: right;
    font-size: 12px;
    color: #A7A7A7;
}
.jianjie .dv .dv4{
    display: none;
}
.jianjie .dv .dv4 h1{
    text-align: center;
    font-weight: 400;
    font-size: 30px;
}
.jianjie .dv .dv4 ul{
    width: 940px;
    padding: 48px 0 82px;
    margin: 0 auto;
}
.jianjie .dv .dv4 ul li{
    background: white;
    border-bottom: 1px solid #eee;
}
.jianjie .dv .dv4 ul li p{
    float: left;
    width: 400px;
    line-height: 30px;
    padding: 28px;
    font-size: 17px;
    color: #333;
}
.jianjie .dv .dv4 ul li p span{
    float: right;
    padding-left: 20px;
    border-left: 1px solid #eee;
}
.jianjie .dv .dv4 ul li a{
    float: right;
    font-size: 16px;
    color: white;
    background: #F4CF0B;
    width: 120px;
    height:38px;
    border-radius: 6px;
    text-align: center;
    line-height: 38px;
    margin: 24px 72px 0 0;
    cursor: pointer;
}
.jianjie .dv .dv4 ul>div{
    padding: 0 40px 0 48px;
    background: #FCFCFC;
}
.jianjie .dv .dv4 ul>div p{
    padding: 28px 0;
    border-bottom: 1px solid #eee;
    font-size: 17px;
    line-height: 30px;
    color: #666;
}
.jianjie .dv .dv4 ul>div p a{
    display: block;
    width: 120px;
    line-height: 38px;
    margin-top: 20px;
    font-size: 15px;
    text-align: center;
    color: white;
    background: #F4CF0B;
    border-radius: 6px;
}
/* 订购产品 */
.m-order{
    display: none;
}
.jianjie .order{
    width: 100%;
    height: 172px;
}
.jianjie .order>div{
    width: 1200px;
    height: 62px;
    margin: 0 auto;
}
.jianjie .order>div .left{
    float: left;
    margin-top: 55px;
}
.jianjie .order>div .left p{
    line-height: 62px;
    font-size: 22px;
}
.jianjie .order>div .left p a{
    display: inline-block;
    width: 206px;
    height: 60px;
    border: 1px solid #FCBD0E;
    color: #FCBD0E;
    text-align: center;
    border-radius: 30px;
    margin: 0 10px ;
    transition: all 0.3s;

}
.jianjie .order>div .left p a:hover{
    background: #FCBD0E;
    color: white;
    transition: all 0.3s;
}
.jianjie .order>div .left p .on{
    background: #FCBD0E;
    color: white;
}
.jianjie .order>div .right{
    float: right;
    margin-top: 55px;
}
.jianjie .order>div .right p{
    font-size: 20px;
    line-height: 30px;
}
.jianjie .order>div .right p a{
    display: inline-block;
    width: 86px;
    height: 30px;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
    background: #FCBD10;
    font-size: 14px;
    color: white;
    margin-left: 12px;
}
/* fixed */
.fixed{
    width: 104px;
    height: 242px;
    position: fixed;
    right: 5px;
    bottom: 150px;
    z-index: 10;
    background: #FCD100;
    border-radius: 50px 50px 0 0 ;
}
.fixed>i{
    display: block;
    position: absolute;
    top: -4px;
    right: 0px;
    width: 10px;
    height: 10px;
    overflow: hidden;  
    background: url(../img2/fixed_close.png) no-repeat center center;
    cursor: pointer;
}
.fixed>a{
    display: block;
    height: 100%;
}
.fixed .phone span{
    display: block;
    text-align: center;
    margin-left: 10px;
    font-size: 14px;
    color: white;
    background: url(../img2/fixed_phone.png) no-repeat left center;
    background-size: 14px 14px;
}
.fixed .phone p{
    font-size: 14px;
    color: white;
    text-align: center;
    margin-top: 14px;
}
.fixed .phone div{
    width: 80px;
    color: #FCD100;
    background: white;
    margin: 20px auto;
    text-align: center;
    line-height: 30px;
}
.fixed .phone div:hover{
    opacity: 0.9;
}
#hover_a{
     background-color: #f8f8f8;
     display: block;
     width:100%;
     height: 100%;
     margin: 0 auto;
}