html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.bannerTit {
    width: 100%;
    height: auto;
}

.imgBan {
    width: 100%;
    height: auto;
}

.navigationSon {
    width: 100%;
    height: 480px;
}

.divComInfo {
    width: 100%;
    float: left;
}

.comInfoData {
    width: 100%;
    margin: 0px auto;
}

.divComLeft {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.comTit {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}

.hrStyle {
    width: 50px;
    float: left;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-top: 2px solid #fe0002;
    margin-top: 20px;
}

.comData2,.comData2 p {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: justify;
}


.divComRight {
    width: 45%;
    float: left;
    margin-top: 47px;
}

.divImg {
    margin-left: 20%;
}

.imgCom {
    width: 487px;
    height: auto;
}

.statistics {
    width: 100%;
    height: 186px;
    background-color: #0380ff;
}

.statCenter {
    width: 75%;
    margin: 0px auto;
    height: 100%;
}

.statBlock {
    width: 24%;
    float: left;
    margin-top: 50px;
    text-align: center;
}

.statNum2 {
    width: 100%;
    float: left;
}

.divNum2 {
    float: left;
    font-size: 46px;
    color: white;
    text-align: right;
    font-weight: bold;
}

.numWidth1 {
    width: 61%;
}

.numWidth2 {
    width: 62%;
}

.numWidth3 {
    width: 65%;
}

.numWidth4 {
    width: 70%;
}

.divNumTit2 {
    float: left;
    font-size: 14px;
    color: white;
}

.statInfo2 {
    width: 100%;
    float: left;
    font-size: 16px;
    color: white;
    margin-top: 10px;
}

.vertical {
    width: 1px;
    height: 45px;
    float: left;
    border: 0px;
    border-left: 1px solid white;
    margin-top: 72px;
}

.comCulture {
    width: 100%;
    height: 680px;
    padding-top: 90px;
}

.culTit {
    text-align: center;
    font-size: 32px;
    color: #3c3c3c;
}

.hrStyle2 {
    width: 50px;
    margin: 0px auto;
    border: 0px;
    border-top: 2px solid #fe0002;
    margin-top: 20px;
}

.culData {
    width: 100%;
    margin-top: 66px;
}

.culCenter {
    width: 75%;
    margin: 0px auto;
    min-width: 1260px;
}

.culLeft {
    width: 50%;
    float: left;
}

.culDivImg {
    width: 100%;
   
}

.culImg {
    width: 100%;
    height: 100%;
}

.culRight {
    width: calc(50% - 55px);
    float: left;
    padding-left: 55px;
}

.culBlock {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.culBloTit {
    font-size: 18px;
    color: #fe0002;
    font-weight: bold;
}

.cluBloData {
    font-size: 16px;
    margin-top: 10px;
}

.development {
    width: 100%;
    height: 600px;
    padding-top: 90px;
    background-image: url(../../images/deveBg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.deveData {
    width: 75%;
    margin: 0px auto;
    min-width: 1260px;
}

.honorary {
    width: 100%;
    height: 530px;
    background-color: #f9f9f9;
    padding-top: 90px;
}

.honTit {
    text-align: center;
    font-size: 32px;
    color: #3c3c3c;
    height: 36px;
    line-height: 34px;
}

.honData {
    margin-top: 70px;
    width: 100%;
    height: auto;
}

.honImg {
    width: 1280px;
    height: 325px;
}

.cooperative {
    width: 100%;
    height: 315px;
    padding-top: 90px;
}

.cooImg {
    width: 1280px;
    height: 96px;
}

.mao {
    width: 1px;
    height: 1px;
    float: left;
    opacity: 0;
    margin-top: -160px;
}

.divShell {
    width: 100%;
    height: 91px;
}

.ULRolling {
    width: 100%;
    background-color: white;
}

.ULMargin {
    width: 75%;
    margin: 0 auto;
    min-width: 1260px;
}

.aboutUsRolling {
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #e3e3e3;
}

.hrStyle3 {
    border: 0px;
    border-top: 1px solid #e6e6e6;
    margin-top: -7px;
    width: 100%;
}

.culTit {
    text-align: center;
    font-size: 32px;
    color: #3c3c3c;
}.hrStyle2 {
    width: 50px;
    margin: 0px auto;
    border: 0px;
    border-top: 2px solid #fe0002;
    margin-top: 20px;
}



.time_z{width:100%;margin:0px auto 0 auto;background-image: url(/images/deveBg.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding-bottom: 60px;padding-top:50px;}
/*history*/
.history{background:url(/images/line04.png) repeat-y 187px 0;overflow:hidden;position:relative;width:920px;margin: 0px auto;}
.history-date{overflow:hidden;position:relative;}
.history-date h2{background:url(/images/icon06.png) no-repeat 158px 0;height:59px;font-size:25px;font-family:微软雅黑;font-weight:normal;padding-left:45px;margin-bottom:50px; }
.history-date h2.first{position:absolute;left:0;top:0;width:935px;z-index:99;}
.history-date h2 a{color:#00bbff;display:inline-block;*display:inline;zoom:1;background:url(/images/icon08.gif) no-repeat right 50%;padding-right:17px;margin:21px 97px 0 100px;}
.history-date h2 a:hover{text-decoration:none;}
.history-date h2 img{vertical-align:-5px;}
.history-date h2.date02{background:none;}
.history-date ul li{background:url(/images/icon07.png) no-repeat 180px 0;padding-bottom:40px;zoom:1;}
.history-date ul li.last{padding-bottom:0;}
.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history-date ul li h3{float:left;width:168px;text-align:right;padding-right:19px;color:#c3c3c3;font:normal 18px/16px Arial;}
.history-date ul li h3 span{display:block;color:#d0d0d0;font-size:12px;}
.history-date ul li dl{float:left;padding-left:41px;margin-top:-5px;font-family:微软雅黑;}
.history-date ul li dl dt{font:20px/22px 微软雅黑;color:#333333;}
.history-date ul li dl dt span{display:block;color:#787878;font-size:12px;}
.history-date ul li.green h3{color:#0380ff;}
.history-date ul li.green h3 span{color:#a8dda3;}
.history-date ul li.green dl{margin-top:-8px;}
.history-date ul li.green dl dt{font-size:18px;line-height:28px;}
.history-date ul li.green dl dt a{display:inline-block;*display:inline;zoom:1;overflow:hidden;vertical-align:middle;margin-left:12px;}
.history-date ul li.green dl dd{padding-top:20px;display:none;}
.history-date ul li.green dl dd img{float:left;}
.history-date ul li.green dl dd p{overflow:hidden;zoom:1;line-height:21px;color:#787878;}

.history-date h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}
.history-date h2.first .more-history:hover{text-decoration:underline;}

*body .history-date ul li dl dt{_font-size:12px!important;_font-weight:bold;}
*body .history-date ul li dl dt span{_font-weight:normal!important;}
*body .history-date ul li.green dl dt a{_background:transparent!important;*background:transparent!important;*font-size:12px!important;_font-weight:normal!important;}

.proBotHang1 {
    width: 100%;


}

.proBotBlock {
	text-align: center;
	float: left;
	width:25%;
}
.proBotBlockMar {
    width: 290px;
    margin: 0 auto;
    cursor: pointer;
}

.proBloImg {
    width: 382px;
    height: 202px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #dcdddd;
}

.proBloImg1 {
    width: 100%;
    height: 218px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #dcdddd;
}

.proBotImg {
    width: 382px;
    height: 202px;
}

.proBotImg1 {
    width: 100%;
    height: 100%;
}

.proBotData {
    margin-top: 18px !important;
    width: 382px;
    border-bottom: 1px solid #eee;
    height: 50px;
    text-align: left;
}

.proBotData1 {
    margin-top: 18px !important;
    width: 100%;
    border-bottom: 1px solid #eee;
    /*height: 102px;*/
    height: 50px;
    text-align: left;
}

.proBotDataTit {
    font-size: 18px;
    color: #333333;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
	text-align: center;
  
}

.proBotDataInfo {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-top: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: none;
}