
#groupContent{
    width:645px;
    height: 1136px;

}





/*顶部导航*/
.grupLogodiv{
    height: 80px;
    width: 645px;
    position: absolute;top:0px;
    left: 0;

    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    opacity: 1;
}
.grup_logo{
    width:100px;
    position: absolute;top:25px;left:272px ;
}


.grupLogodiv a {
    position:absolute ;top:16px;left: 22px;
    width: 50px;
    height: 50px;
    background: url(../images/grup/icon-back.png) no-repeat center center;


}





.header-nav{ height:50px; line-height:50px; background:#fff; padding-top:3px; position:relative; }
.top-back{}
.header-logo{ text-align:center; padding:15px 0;  height:20px;background:url(../img/logo.png) center center no-repeat; background-size:70px 20px;}
.header-title{width:645px;height:80px; background:#fff;position:absolute;top:150px; border-bottom:1px solid #ebebeb;opacity:0 }
.header-title h1{ font-size:25px; font-weight:normal; color:#585858;position: absolute;top:25px;left: 270px}
.caseheader{
    height: 50px;
    width: 100%;
    text-align: center;
	padding-top:3px;
	position:relative;
}
.caseheader a{
    float: left;
    width: 18px;
    height: 17px;
    background: url(../img/icon/icon-back.png) no-repeat center center;
    background-size: 18px 17px;
    margin: 16px 0 0 20px;
}
.caseheader img{
    width: 70px;
    height: 20px;
    margin-left: -35px;
    margin-top: 15px;
	position:absolute;
	left:50%;
}
.caseheader span{
    width: 13px;
    height: 45px;
    background: url("../img/icon/icon_share.png") no-repeat left center;
    background-size: 13px 13px;
    display: block;
    float: right;
    margin-right: 10px;
}


.stopcolor {
    width: 645px;
    height: 3px;
    position: absolute;top:80px;left: 0px;
    z-index: 105;
}
.stopcolor dd{
    float: left;
    width: 16.6%;
    height: 3px;
}
.stopcolor dd:last-child{
    width: 17%;
}
.stopcolor dd:nth-child(1){
    background: #1b1b1b;
}
.stopcolor dd:nth-child(2){
    background: #209bda;
}
.stopcolor dd:nth-child(3){
    background: #e20005;
}
.stopcolor dd:nth-child(4){
    background: #87bf17;
}
.stopcolor dd:nth-child(5){
    background: #f29000;
}
.stopcolor dd:nth-child(6){
    background: #e10068;
}




.group_row{
    width:645px;
    height: 120px;
    overflow: hidden;

}




.group_single{
    width: 322px;

    border-right: 1px solid #f5f5f5;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(8%,#ffffff), color-stop(100%, #f7f7f7));
    position:absolute;top:0px;

}

.group_singleZ{
     left: -1px;
}
.group_singleY{
    left: 322px;
}


/*.group_single img{ max-height:59px; width:80%; max-width:250px;margin-top: 6%;}*/
.single_img{
    position:absolute;
}




#group_row1{
    position:absolute;top:185px;left: 0px;opacity:0;
}

#group_row2{
    position:absolute;top:425px;left: 0px;opacity:0;
}

#group_row3{
    position:absolute;top:565px;left: 0px;opacity:0;
}

#group_row4{
    position:absolute;top:685px;left: 0px;opacity:0;
}
#group_row5{
    position:absolute;top:745px;left: 0px;opacity:0;
}

#group_row6{
    position:absolute;top:865px;left: 0px;opacity:0;
}


.bottom-con_div{
    position:absolute;top:0px;left: 0px;
    width:645px;
    height: 1136px;

}
.bottom-con{
    height:3px;
    width:645px;
    background:#15242b;
    position:absolute;top:583px;left: 800px;
    overflow: hidden;
}
.bottom-icon-down{
    width:0px;
    height:0px;
    border:6px solid #fff;
    position:absolute; top:-11px;
    left:50%;
    border-left-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    margin-left:-6px;
    opacity:0;
}
.bottom-con h2{
    color:#cfd2d4;
    font-size:22px;
    padding-top:12px;

    text-align: center;

    opacity:0;
}


.kh_div_div{

    width:640px;
    height: 200px;
    overflow: hidden;

}

.kh_div_div .kh_div_box{
    position: absolute;
    width: 100%;
    height: 200px;
    padding: 0 10px;
    box-sizing:border-box;
    text-align:center;
}

/*.kh_div_div .kh_div_box img{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height: auto;
    z-index: 1;
}*/

.kh_div_div .kh_div_box span{
    width: 25%;
    height: 60px;
    display: inline-block;
    margin: 20px 0px;
    /*display: none;*/
    /*position: relative;
    z-index: 2;*/
}

#kh_div_1{
    width:100%;
    position:absolute;left: 800px;
}
#kh_div_2{
    width:100%;
    position:absolute;left: 800px;
}
#kh_div_3{
    width:100%;
    position:absolute;left: 800px;
}
#kh_div_4{
    width:100%;
    position:absolute;left: 800px;
}
#kh_div_5{
    width:100%;
    position:absolute;left: 800px;
}
#kh_div_6{
    width:100%;
    position:absolute;left: 800px;
}
#kh_div_7{
    width:100%;
    position:absolute;left: 800px;
}
#kh_div_8{
    width:100%;
    position:absolute;left: 800px;
}
#kh_div_9{
    width:100%;
    position:absolute;left: 800px;
}

.logoArrL{position:absolute;left:10px;top:100px;}
.logoArrR{position:absolute;right:10px;top:100px;}








/*下方的字*/
.caseD_footer{
    width:100%;
    position:absolute;top:583px;left: 0px;
    opacity:0;
}
.caseD_footer div {

    border-top: 1px solid #999;
    height: 30px;
    line-height: 30px;
    color: #999;

    text-align: center;
    font-size: 10px;

}



/*浮层*/
.canvas_div{
    width:645PX;
    height: 1136px;
    z-index: 110;
    opacity: 0;
    overflow: hidden;
}

.canvas_bg{
    width:645px;
    height: 1136px;
    opacity:.95;
    background-color: #000000;
    position:absolute;top:0px;left: 0px;

    opacity:0
}

.canvas_content{
    width:30%;
    height: 5%;
    background-color: #ffffff;
    position:absolute;top:300px;left: 200px;
    z-index: 111;
    opacity:0;      /* Gecko browsers */   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}




.contentDiv{
    position: absolute;top:135px;left: 30px;
    width:580px;
    height: 702px;
    background-color: #ffffff;      /* Gecko browsers */   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */

}




/*p*/
/*.contentDiv img{*/
    /*position: absolute;top:20px;left: 10px;*/
/*}*/






/*点点*/
.hp1_ind3{
    position: absolute; top:400px;left: 45%;

}
.hp1_ind3 span{
    display: block;
    width: 3px;
    height: 15px;
    background-color: #fff;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    transition: all .5s;
}
.hp1_ind3 span.tcicon3{
    background-color: #f56f6c;
    height: 25px;
    margin-top: 0px;
}


/*loading---------------------------
#GruploadingDIV{
    position: absolute;top:0px;left: 0px;
    background-color: #ffffff;
    width: 645px;
    height: 1136px;
    z-index: 1000;
}

#Gruploading_text{
    position: absolute;top:450px;left: 260px;
}

*/
#close{
    width:200px;
    height: 200px;
    position: absolute;top:50px;left: 400px;
    z-index: -1002;
}






/*20160510*/
.contentLogo{
    position: relative;
    top:80px;
    left: 50px;
}

.contentTitle{
    position: relative;
    top:100px;
    left: 50px;
    font-size: 30px;
    font-family: "PingFang SC","Microsoft Yahei","Droid Sans",Arial;

}

.contentText{
    position: relative;
    top:140px;
    left: 50px;
    width: 480px;
    height: 350px;
    overflow: hidden;

}
.contentLine{
    width: 480px;
    height: 1px;
    background-color: #e5e5e5;
    position: relative;
    top:120px;
    left: 50px;
}
/*580 702*/
.contentText p{
    text-align:justify;
    text-justify:inter-word;
    font-size: 18px;
    font-family: "PingFang SC","Microsoft Yahei","Droid Sans",Arial;
    color: #515151;
    line-height: 25px;
}

.aontentClose{
    position: absolute;
    top:35px;
    left: 510px;
}





