/*body{overflow:hidden;}*/
.slide-box{
    position:absolute;
    top:0;
    left:0;
    min-height:440px;
    width:100%;
    z-index:2;
}
/*幻灯片 背景banner*/
.slide-box .slideBox{ width:100%; min-height:440px; position:relative; z-index:-1; }
.slide-box .slideBox .bd{ position:relative; min-height:440px; z-index:0; width:100%;  }
.slide-box .slidebox .bd ul{ width:100%; min-height:440px !important; }
.slide-box .slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;}
.slide-box .slideBox .bd li a{ display:block; width:100%;cursor:default;}
.slide-box .slideBox .bd img {
    width: 100%;
    min-height:440px;
    display: block;
}
.m-content .right-content{
    position:relative;
    margin-top:10px;
}
.m-content .right-content .pic-advert .slideBox{ width:300px; height:440px; position:relative; }
.m-content .right-content .pic-advert .slideBox .bd{ position:relative; height:440px; z-index:0; width:300px;  }
.m-content .right-content .pic-advert .slidebox ul{ width:300px; height:440px; overflow:hidden;}
.m-content .right-content .pic-advert .slideBox .bd li{ zoom:1; vertical-align:middle; width:300px;}
.m-content .right-content .pic-advert .slideBox .bd img {
    width: 300px;
    height:440px;
    display: block;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.m-content .right-content .slideBox .prev,
.m-content .right-content .slideBox .next{ 
    position:absolute; 
    left:3%; 
    top:35%;
    margin-top:-25px; 
    display:block; 
    width:29px; 
    height:60px;
    outline: none; 
    background:url(../img/icon_arrow_left.png) no-repeat center; 

}
.m-content .right-content .slideBox .next{ left:auto; right:3%; background:url(../img/icon_arrow_right.png) no-repeat center;  }
.m-content .right-content .slideBox .prev:hover,
.m-content .right-content .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.m-content .right-content .slideBox .prevStop{ display:none;  }
.m-content .right-content .slideBox .nextStop{ display:none;  }

.m-content{
    position:relative;
    z-index:4;
    min-height:392px;
}
.sub-items{
    width:232px;
    background-color:#fff;
    height:392px;
}
.sub-items .sub-item{
    height:98px;
    border-bottom:1px solid #E5E5E5;
    border-right:1px solid transparent;
    padding:20px  10px;
    padding-left:20px;
    background-color:#fafafa;
    transition: padding .4s linear;
}
.sub-items .sub-item:first-child{
    border-top:0;
}
.sub-items .sub-item p.sub-title{
    height:35px;
}
.sub-items .sub-item .sub-title a{
    font-size:16px;
    color:#474747;
    margin:0;
    padding-top:3px;
    letter-spacing:1px;
    padding-bottom:4px;
    width:auto;
}
.sub-items .sub-item p.sub-list{
    height:50px;
}
.sub-items .sub-item p.sub-list a{
    line-height:20px;
     overflow: hidden;
     width: 66px
}
.sub-items .sub-item a{
    color:#7E7E7E;
    display:inline-block;
    margin:2px 10px 0 0;
    font-size: 14px;
    width: 60px;
  /*   overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}

.sub-items .sub-item a:hover{
    color:#3498DB;
}
.sub-items .sub-item:hover {
    background-color: #fff;
    border-bottom-color: #67B2E5;
    border-top: 1px solid #67B2E5;
    border-right:none;
   /* padding-left:40px; */
}
.sub-items .sub-item:first-child:hover{
    border-top:none;
     border-top:1px solid  #67B2E5;
}
.sub-items .sub-item:last-child:hover{
    border-bottom:none;
    border-bottom:1px solid  #67B2E5;
}
.sub-items .sub-item:hover .right_advert{
    opacity:1;
    transition-delay:0.5s;
    transition: all 1.5s linear;
}
.sub-items .sub-item:hover .sub-title{
    color:#67B2E5;
    position:relative;
}
.sub-items .sub-item:hover .sub-title:after{
    position: absolute;
    right: -18px;
    top: 5px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #67B2E5;
}
.m-content .m-content-inner{
    position:absolute;
    left:0;
    height:392px;
    margin:auto;
    
}
.m-content .middle-content{
    width:620px;
    height:600px;
    margin:20px 15px;
}
.m-content .middle-content .introduce-box{
    position:absolute;
    bottom:0;
    left:0;
    text-align:center;
    width:100%;
    height:180px;
}
.m-content .middle-content .introduce-box.jc-box{
    color:#fff;
}
.m-content .middle-content .introduce-box.zc-box{
    color:#fff;
}
.m-content .middle-content .introduce-box.lw-box{
    color:#234fa3;
}
.m-content .middle-content .introduce-box.rz-box{
    color:#8f2cfa;
}

.m-content .middle-content .introduce-box p:first-child{
    font-size:38px;
    font-weight:bold;
    text-align:center;
}
.m-content .middle-content .introduce-box p{
    font-size: 14px;
    letter-spacing: 2px;
    padding-top: 10px;
    text-align: left;
    padding: 10px 70px 0;
}
.right-content {
    margin-top:10px;
}
.right-content .slideBox{
    width:980px;
}
.right-content .product-info{
    width:300px;
    height:400px;
    padding:0 40px;
}
.right-content .product-info.jc-info{
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=400) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1ABC9C,endcolorstr=#2ECC71,gradientType=0); 
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=400) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1ABC9C,endcolorstr=#2ECC71,gradientType=0);/*IE8*/ 
    background:#29bb9a; /* 一些不支持背景渐变的浏览器 */ 
    background:-moz-linear-gradient(top, #1ABC9C, #2ECC71); 
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#1ABC9C), to(#2ECC71)); 
}
.right-content .product-info.zc-info{
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=400) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fac82e,endcolorstr=#fbd831,gradientType=0); 
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=400) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fac82e,endcolorstr=#fbd831,gradientType=0);/*IE8*/ 
    background:#29bb9a; /* 一些不支持背景渐变的浏览器 */ 
    background:-moz-linear-gradient(top, #fac82e, #fbd831); 
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fac82e), to(#fbd831)); 
}
.right-content .product-info.lw-info{
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=400) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#125CF1,endcolorstr=#51b8f6,gradientType=0); 
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=400) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#125CF1,endcolorstr=#51b8f6,gradientType=0);/*IE8*/ 
    background:#29bb9a; /* 一些不支持背景渐变的浏览器 */ 
    background:-moz-linear-gradient(top, #125CF1, #51b8f6); 
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#125CF1), to(#51b8f6)); 
}
.right-content .product-info.rz-info{
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=400) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3023AE,endcolorstr=#C86DD7,gradientType=0); 
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=400) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3023AE,endcolorstr=#C86DD7,gradientType=0);/*IE8*/ 
    background:#29bb9a; /* 一些不支持背景渐变的浏览器 */ 
    background:-moz-linear-gradient(top, #3023AE, #C86DD7); 
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#3023AE), to(#C86DD7)); 
}
.right-content .product-info p{
    color:#fff;
    text-align:center;
}
.right-content .product-info .info-title{
    font-size:30px;
    padding-top:50px;
}
.right-content .product-info .info-count{
    font-size:60px;
    padding-top:20px;
    font-weight:bold;
}
.right-content .product-info .info-des {
    font-size:14px;
    line-height:20px;
    text-align:center;
    padding-top:10px;
}
.right-content .product-info .btn-more{
    width:200px;
    height:50px;
    background:rgba(255,255,255,0.4) !important;
    background:#fff;
    filter:Alpha(opacity=40);
    border:1px solid #fff;
    font-size:16px;
    text-align:center;
    line-height:48px;
    display:block;
    margin:50px auto 0;
    cursor:pointer;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
}
.right-content .product-info .btn-more span{
    position:relative;
    color:#fff;
}
.right-content .pic-advert{
    margin-top:10px;
}

.sub-item .display-box{
    position:absolute;
    width:550px;
    height:392px;
    top:10px;
    left:232px;
    z-index:99999;
    padding:0 50px;
    background-color:#fff;
    margin-top: -10px;
    border-bottom: 1px solid #67B2E5;
    border-top: 1px solid #67B2E5;
}
.sub-item .display-box.box-jc{
    background:url("../../../images/ex/slide.jpg") no-repeat;
    background-color:#fff;
    background-position:bottom center;
    background-size:550px 392px;
}
.sub-item .display-box.box-zc{
    background:url("../../../images/ex/slide.jpg") no-repeat;
    background-color:#fff;
    background-position:bottom center;
    background-size:550px 300px;
}
.sub-item .display-box.box-lw{
    background:url("../../../images/ex/slide.jpg") no-repeat;
    background-color:#fff;
    background-position:bottom center;
    background-size:550px 300px;
}
.sub-item .display-box.box-rz{
    background:url("../../../images/ex/slide.jpg") no-repeat;
    background-color:#fff;
    background-position:bottom center;
    background-size:550px 300px;
}
.sub-item .display-box .display-title{
    font-size:50px;
    color:#67B2E5;
    padding-top:35px;
}
.sub-item .display-box .display-des{
    margin-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #9b9b9b;
}
.sub-item .display-box .display-des p.des-txt{
    font-size:11px;
    line-height:16px;
    color:#898989;
    display:inline-block;
    width:100%;
    word-break:break-all;
    letter-spacing:1px;
    text-align:justify;

    /**text-align:justify;
    /* text-justify:distribute-all-lines;/*ie6-8*/
    /* text-align-last:justify;/* ie9*/
    /* -moz-text-align-last:justify;/*ff*/
    /* -webkit-text-align-last:justify;/*chrome 20+*/
    /**/

}
.sub-item .display-box .link-url{
    text-align:right;
}
.sub-item .display-box .display-des a{
    font-size:14px;
    color:#67B2E5;
    display:inline-block;
    vertical-align:bottom;
    margin:0;
    width:auto;
    margin-left:20px;
    padding-top:10px;
}
.sub-item .display-box .display-product-box{
    /*width:380px;*/
    margin-left:-18px;
}
.sub-item .display-box .display-product-box a{
    font-size:14px;
    color:#9b9b9b;
    display:block;
    float:left;
    min-width:80px;
    border-right:1px solid #9b9b9b;
    cursor:pointer;
    width: auto;
    padding:0 10px;
    margin:0;
    margin-top:10px;
    text-align:center;
}
.sub-item .display-box .display-product-box a:hover{
    color:#3498DB;
}

.sub-item .display-box .display-img{
    width:450px;
    height:240px;
}
.sub-item .display-box .display-img img{
    margin: 10px 120px;
}

.sub-item .display-box .right_advert{
    position:absolute;
    left:550px;
    top:0;
    width:290px;
    height:392px;
    opacity:0;
}
.sub-item .display-box .right_advert img{
    width:290px;
    height:392px;
}

 .active .spantitle, .active1 .spantitle{
	font-size: 18px;
	color: #fff;
	margin-left: 20px;
	display: inline-block;
}
/*.sub-item .display-box.box-jc {
    background:url(../img/jc_box.png) no-repeat;
    background-color:#fff;
    background-position: bottom center;
    background-size:640px 375px;
}
.sub-item .display-box.box-zc {
    background:url(../img/zc_box.png) no-repeat;
    background-color:#fff;
    background-position: bottom center;
    background-size:640px 400px;
}
.sub-item .display-box.box-lw {
    background:url(../img/lw_box.png) no-repeat;
    background-color:#fff;
    background-position: bottom center;
    background-size:640px 330px;
}
.sub-item .display-box.box-rz {
    background:url(../img/rz_box.png) no-repeat;
    background-color:#fff;
    background-position: bottom center;
    background-size:640px 329px;
}*/