.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.invest-common-tit{ font-size: 35px; color: #363636;text-align: center;}
.invest-common-tit span{margin:4px auto; display: block; font-size: 16px;width: 155px; text-align: center;height: 26px; line-height: 26px; color: #fff; background: #969696}
.invest1-con{background: url(../images/invest1.jpg) center center no-repeat; height: 436px;}
.invest1-con .wrap-text{ padding: 60px 0 0 50px;}
.invest1-con .wrap-text .tit{ color: #f4f4f4; font-size: 18px; line-height: 3;padding-left: 26px;}
.invest1-con .wrap-text .line{ width: 188px; height: 1px; background:#787878;margin-left: 26px;}
.invest1-con .wrap-text .detail{line-height: 1.6; font-size: 14px; color: #dddddd;width: 512px; margin-top: 16px; margin-left:26px;}
.development-line ul li{ line-height: 1.6; color: #6f6f6f; font-size: 15px;}
.development-line{color: #dfdfdf; font-size: 15px; width: 534px; height: 840px; position: relative; top: -70px; padding-left: 82px; background: url(../images/develop.png) 50px top no-repeat;}
.development-line .line1{ line-height: 1}
.development-line .line1 em{ font-size: 17px;  font-weight: bold;  }
.development-line .line2{ margin-top: 100px;}
.line-tit{ font-size: 48px; color: #252525}
.in-line{ width: 30px; height: 4px; margin-bottom: 10px; background:#252525;}
.development-line .line3{ margin-top: 34px;}
.development-line .line4{ margin-top: 24px;}
.development { background: url(../images/developmentbg.png) right 34px no-repeat;}
.invest2-con{ background: url(../images/invest2.jpg) center center no-repeat; height: 600px;}
.jinzita { position: absolute;text-align:center; top: 100px;left: 336px; font-size: 20px; color: #fff; font-weight: bold;}
.jinzita p{ margin-bottom: 66px;}
.invest2-con .detail{ position: absolute; left: 450px; top: 100px; color: #eaeaea;font-size: 14px; line-height: 1}
.invest2-con .detail p{  margin-bottom: 40px;}
.invest2-con .detail span{ float: left; margin:7px  0  0 18px; line-height: 1.4}
.invest2-con .detail em{ font-size: 50px; float: left;}
.invest4{ padding: 118px 0 100px 0; color: #ffffff;}
.side-join{ width: 485px; float: left;}
.side-join img{ width: 100%; height: 100%;}
.side-join .p1{position: relative; width: 100%;height: 242; margin-bottom: 12px; cursor: pointer;}
.side-join .p2{ width: 238px;margin-right:9px; height: 244px; float: left; position: relative;cursor: pointer;}
.side-join .p3{ margin-right: 0;cursor: pointer;}


.side-join .mask,.side-join2 .mask,.mid-join .mask{ transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s;}
.side-join .p1:hover .mask{ background:rgba(0,0,0,0);}
.side-join .p2:hover .mask{ background:rgba(0,0,0,0);}
.side-join2 .p1:hover .mask{ background:rgba(0,0,0,0);}
.side-join2 .p2:hover .mask{ background:rgba(0,0,0,0);}
.mid-join .p1:hover .mask{ background:rgba(0,0,0,0);}

.side-join2{ width: 354px; float: left;position: relative;}
.side-join2 img{ width: 100%; height: 100%;}
.side-join2 .p1{ float: left; position: relative; width: 100%;height: 244px; margin-top: 12px; cursor: pointer;}
.side-join2 .p2{ width: 170px;margin-right:12px; height: 244px; float: left; position: relative;cursor: pointer;}
.side-join2 .p3{width: 170px; margin-right: 0;cursor: pointer;}

.mid-join {  float: left; margin: 0 9px;}
.mid-join img{ width: 100%; height: 100%;}
.mid-join .p1{ width: 342px;height: 500px; position: relative;cursor: pointer;}
.wrap-join-pic .mask{position: absolute;bottom: 0; left: 0;right: 0; top: 0;background:rgba(0,0,0,.5)}
.wrap-join-pic .text{ position: absolute;bottom: 0; left: 0;right: 0;height: 48px; line-height: 48px;  font-size: 14px;text-align: center;  background: #000; background:rgba(0,0,0,.6);}
.invest5-con{padding: 32px 0 10px; background: url(../images/invest5.jpg) center center no-repeat;}
.invest5-list ul li{float: left; height: 324px; border-radius: 6px; padding: 20px;width: 26%; margin: 0 24px 27px; background:rgba(255,255,255,.8);}
.invest5-list ul li .tit{line-height: 2; font-size: 22px; color: #4c4c4c;font-weight: bold;}
.invest5-list ul li .line{ width: 36px;height: 3px; background-color: #6a6a6a; margin: 6px auto 12px;}
.invest5-list ul li .tit-wrap{  border-bottom: 1px dashed #b4b2b2;text-align: center;}
.invest5-list ul li .con{line-height: 2; font-size:12px; color: #4c4c4c; padding: 20px 8px; }
.invest6{ padding: 60px 0 0 0; background: url(../images/invest6bg.png) center center no-repeat; background-size: cover}
.invest6 .tit-text{ color: #868686; line-height: 2;margin: auto;text-align: center;}
.clear{ clear:both; line-height:0; font-size:0; height:0;}
#jswbox{width:1100px; margin:auto;}
#jswbox ul{position:relative;height:480px;}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden; left:10px;}
#jswbox li img{/*width:100%;height:100%;*/ width: 265px; vertical-align:top; float:left; border:0;}
#jswbox .prev, #jswbox .next{ display:none;}
.invest6-con {text-align: center; padding-bottom: 60px;}
.invest6-con .con{ width: 50%; float: left; padding: 80px 0 0 0}
.invest6-con .con1{border-right: 1px dashed #909090; padding-top: 50px; margin-top: 30px; padding-bottom: 60px;}
.invest6-con .con1 ul{ width: 80%; margin: auto;}
.invest6-con .con1 ul li{text-align: left; font-size: 14px; color: #363636;margin-bottom: 16px; padding-left:30px; background: url(../images/click.png) left center no-repeat;}
.invest6-con .con2{ width: 49.8%; padding: 80px 0 0 0}
.invest6-con .con2 ul{ width: 66%; margin: auto}
.invest6-con .con2 ul li{ margin-bottom: 10px; clear: left;}
.invest6-con .con2 ul li em{ float: left; font-size: 16px; padding-bottom: 20px; background: url(../images/step.png) center bottom  no-repeat;}
.invest6-con .con2 ul li span{margin-left: 12px; float: left; background-color: #000000; color: #fff; height: 42px; line-height: 42px; font-size: 14px; padding-left: 20px; text-align: left;}

.zz-bj{width:1200px; height:514px; margin:0 auto; position:relative; overflow:hidden;margin-top: 30px;}
.zz-bj ul{height:74px; padding-left: 310px; text-align:center; overflow:hidden;}
.zz-bj ul li{height:44px; float:left; display:inline-block; font:18px/44px "Microsoft Yahei"; color:#ccc; }
.zz-bj ul li a{display:inline-block; height:44px; padding:0 58px; font:18px/44px "Microsoft Yahei"; color:#333;}
.zz-bj ul li a:hover,.zz-bj ul li.cur a{text-decoration:none; background:#bf9d5f; color:#fff;}
.zz-bj .zz-x,.zz-bj .zz-y{position:absolute; top:202px; width:37px; height:72px;}
.zz-bj .zz-x{left:0;}
.zz-bj .zz-y{right:0;}
.zz-bj .zz-x img,.zz-bj .zz-y img{width:37px; height:72px;}
.zz{width:1169px; height:330px; margin:0 auto; overflow:hidden;}

.zz{ height:470px; overflow:hidden; }
.zz h2 a{ display:block; font:24px "Microsoft Yahei"; text-align:center; font-weight:bold; line-height:60px; height:60px; overflow:hidden; color:#fff; margin-bottom:50px;}
.zz{ height:360px; position:relative;}
.zz .arr1{ width:54px; height:54px; overflow:hidden; position:absolute; top:147px; left:-54px;}
.zz .arr2{width:54px; height:54px; overflow:hidden; position:absolute; top:147px; left:960px;}
.zz ol {width:1000px;height:405px;margin:0px auto; overflow:hidden;}
.zz ol li {  border: 2px solid #ccc;width:400px; height:300px; overflow:hidden; }
.zz ol li a { display:block; position:relative; }
.zz ol li img{ width:100%; cursor:pointer; }
.zz ol li em { display:block; width:84%; height:30px; cursor:pointer; font:12px "宋体"; text-align:center; padding:0 8%; color:#fff; position:absolute; bottom:13px; left:0; line-height:30px;  }
.zz ol li.roundabout-in-focus span { display:block; }
.zz .roundabout-in-focus{ margin-top:0px;}
.zz-bj .zz-y {
    right: 0;
}
.zz-bj .zz-x {
    left: 0;
}
.zz-bj .zz-x, .zz-bj .zz-y {
    position: absolute;
    top: 190px;
    width: 37px;
    height: 72px;
}

.zz-bj .zz-x img, .zz-bj .zz-y img {
    width: 37px;
    height: 72px;
}