﻿

 .device {
    width: 550px;
    height: 370px;
    position: relative;
  }

  .device .arrow-left {
    background: url(/picture/219/2007201726017359788.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 99;
  }

  .device .arrow-right {
    background: url(/picture/219/2007201726017359788.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 99;
  }

  .swiper-container {
    height: 370px;
    width: 550px;
  }

  .content-slide {
    padding: 20px;
    color: #fff;
  }


  .pagination {
    height: 50px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: -35px;
    z-index: 96;
  }

  .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    margin-right: 8px;

  }

  .swiper-active-switch {
    background: #A4A4A4;
  }

  .swiper-wrapper img {
    max-width: 550px;
    height: 370px;
  }

  .swiper-slide {
    position: relative;
  }

  .swiper-slide .banner_title {
    position: absolute;
    display: block;
    width: 550px;
    height: 50px;
    background-color: black;
    opacity: 0.7;
    color: white;
    z-index: 99;
    bottom: 0px;
    left: 0px;
    line-height: 50px;
    padding-left: 14px;
   
  }


.phonespan{display: none;}


/* banner2 */

.slide_x{overflow:hidden;position:relative;width:350px;height:220px;}
.slide_x a{color:#eee;}
.slide_x .box{overflow:hidden;position:relative;width:350px;height:220px;}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left;position:relative;width:350px;height:220px;}
.slide_x .list img{ 
	height:220px; 
	width:350px;

}
.slide_x .list span{display:block;width:350px;height:40px;color:#eee;background:rgba(0,0,0,0.6);
position: absolute;bottom:0;left: 0;
padding-left: 13px;
line-height: 35px;

}
.slide_x .btn_banner2{overflow:hidden;position:absolute;bottom:15px;right:13px;}
.slide_x .btn_banner2 li{float:left;width:10px;height:10px;margin:0 0 0 10px;background:#eee;color:#333;font:11px/16px Tahoma;text-align:center;cursor:pointer;}
.slide_x .btn_banner2 .selected{background: #A4A4A4;color:#fff;}



/* 中间切换 */

.qijian_wrap {
    width: 400px;
}

.qijian_wrap .item {
    width: 96px;
    height: 404px;
    margin-top: 26px;
    float: left;
    transition: all 0.1s;
    text-align: center;
}

.qijian .qijian1{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.qijian .qijian3{
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.qijian .qijian2{
    /* border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; */
}


.qijian li p {
    height: 50px;
    text-align: center;
    line-height: 48px;
    background-color: #F5F5F5;
    

}

.qijian_list {
    width: 96px;
    height: 410px;
}

.qijian_list li {
    width: 96px;
    height: 59px;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 14px;

}

.qijian_list li span {
    width: 56px;
    height: 40px;
    display: block;
    margin-left: 20px;
    padding-top: 10px;

}

.qijian_list li span a {
    color: black;
    width: 58px;
    display: block;
}


.qijian3 .qijian_list3 li {
    height: 88.5px;

}

.qijian3 .qijian_list3 li span {
    padding-top: 23px;
}


.qijian .active {
    width: 170px;
    height: 460px;
    color: white;
    margin-top: 0px;
    border: none;
    box-shadow: 0 2px 10px 0 rgba(153,153,153,0.40);
}

.qijian .active .pic2{
    background: url(/picture/219/2007021139261483164.png) no-repeat;
   
    padding-left: 20px;  
}

.qijian .active .pic1{
    background: url(/picture/219/2008031637074822665.png) no-repeat;
    padding-left: 20px;  
}
.qijian .active .pic3{
    background: url(/picture/219/2008031637075045662.png) no-repeat;
    padding-left: 20px;  
}



.qijian .active .qijian_list{
    background: url(/picture/219/2007021139261483164.png?0.5665763282118026) no-repeat center -50px;

}

.qijian .active li {
    float: left;
    width: 80px;
    height: 88px;
    padding-top: 25px;
 
    border-bottom: none;
}




.qijian .active .qijian_list {
    width: 170px;
    border: 1px solid #ddd;
    
}

/* =====================================中 */
.qijian .active .lia {
    background: url(/picture/219/2006191047298116106.png?0.001821647896534051) no-repeat 22px 15px;
    margin-top: 25px;
    padding-top: 66px;
}

.qijian .active .lib {
    background: url(/picture/219/2006191042571971810.png?0.190396026972252) no-repeat 22px 15px;
    margin-top: 25px;
    padding-top: 66px;
}

.qijian .active .lic {
    background: url(/picture/219/2006191041242167746.png?0.27657227198855105) no-repeat 22px 15px;
    margin-top: 25px;
    padding-top: 66px;
}

.qijian .active .lid {
    background: url(/picture/219/2006191042570782547.png?0.6525483904300757) no-repeat 22px 15px;
    margin-top: 25px;
    padding-top: 66px;

}

.qijian .active .lie {
    background: url(/picture/219/2006191041242673231.png?0.017816556696764962) no-repeat 22px 15px;
    margin-top: 25px;
    padding-top: 66px;
}

.qijian .active .lif {
    background: url(/picture/219/2006191042571796220.png?0.23365280343624373) no-repeat 22px 15px;
    margin-top: 25px;
    padding-top: 66px;
}

/* ============================= 左*/

.qijian .active .lig {
    background: url(/picture/219/2006191041242512288.png?0.2117966716348625) no-repeat 22px 15px;
    line-height: 1;
    height: 82px;
    padding-top: 0px;

}

.qijian .active .lig span {
    padding-top: 80px;
    line-height: 17px

}

.qijian .active .lih {
    background: url(/picture/219/2006191042571017400.png?0.8745904335214174) no-repeat 22px 15px;
    line-height: 0;
    height: 82px;
    margin-top: 0px;
}

.qijian .active .lih span {
    padding-top: 53px;
    line-height: 17px

}

.qijian .active .lij {
    background: url(/picture/219/2006191041243368250.png?0.7829701530732145) no-repeat 22px 15px;
    line-height: 0;
    height: 82px;
    margin-top: 30px;
}

.qijian .active .lij span {
    padding-top: 56px;
    line-height: 19px;
}


.qijian .active .lik {
    background: url(/picture/219/2006191042571192423.png?0.8635626022183649) no-repeat 22px 15px;
    line-height: 0;
    height: 82px;
    margin-top: 33px;
}

.qijian .active .lik span {
    padding-top: 56px;
    line-height: 17px;
}

.qijian .active .lil {
    background: url(/picture/219/2006191042572179965.png?0.9714478734243706) no-repeat 22px 15px;
    line-height: 0;
    height: 82px;
    margin-top: 35px;
}

.qijian .active .lil span {
    padding-top: 57px;
    width: 56px;
    line-height: 17px;
}

.qijian .active .lim {
    background: url(/picture/219/2006191041243022408.png?0.8340891900916649) no-repeat 22px 15px;
    line-height: 0;
    height: 82px;
    margin-top: 36px;
}
.qijian .active .lim span {
    padding-top: 54px;
    line-height: 17px;
}


/* =================================右 */

.qijian .active .liz {
    background: url(/picture/219/2006191041242334262.png?0.9475052431129598) no-repeat 22px 23px;
    line-height: 26px;
    width: 170px;
    float: none;
}

.qijian .active .liz span {
    width: 67px;
    height: 0px;
    padding-top: 0;
    padding-left: 60px;

}

.qijian .active .lix {
    background: url(/picture/219/2006191041241961735.png?0.2809988127279588) no-repeat 22px 15px;
    line-height: 26px;
    padding-top: 17px;
    width: 170px;
    margin-top: 10px;
}

.qijian .active .lix span {
    width: 67px;
    height: 0px;
    padding-top: 0;
    padding-left: 60px;
}

.qijian .active .licc {
    background: url(/picture/219/2006191041243199278.png?0.6861995911180074) no-repeat 20px 6px;
    line-height: 20px;
    width: 170px;
    padding-top: 10px;
    margin-top: 10px;
}

.qijian .active .licc span {
    width: 52px;
    height: 0px;
    padding-top: 0;
    padding-left: 65px;
}

.qijian .active .liv {
    background: url(/picture/219/2006191041242843672.png?0.6014358056058913) no-repeat 22px 3px;
    line-height: 0px;
    width: 170px;
    padding-top: 0;
    margin-top: 10px;
    
}

.qijian .active .liv span {
    width: 67px;
    height: 0px;
    padding-left: 60px;
    line-height: 22px;
    padding-top: 8px;
}






