
.h30{ clear: both;height: 30px; }


.main-layer{
 width: 1000px;
    margin: 0 auto;
}


@media (max-width: 639px) {
.main-layer{ width: 100%;}
}

.project-content{
    width: 100%;
    position: relative;
	padding: 35px 0;
}



.project-content .project-list{
    width: 100%;
}
.project-content .project-list .item{
    float: left;
    width: 29.33%;
    margin:25px 2%;
    box-shadow: 0px 3px 6px 2px rgba(0,0,0, .1);
 sss
    border-radius: 8px;
}

.project-content .project-list .item .img{

    height: 100%;
    width: 100%;
    border-radius: 8px 8px 0 0;
	overflow: hidden;
}



.project-content .project-list .item .title{
    width: 100%;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #FFF;
    font-weight: 400;
	font-size: 18px;
	text-align: center;
}

.project-content .circle{
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 100%;
    top:50%;
    left: 50%;
    margin: -260px 0 0 -260px;
    background-image: url("../images/projectbg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #FFF;

	-webkit-animation: circleBeforeAni 30s linear infinite;
	animation: circleBeforeAni 30s linear infinite;
}



@-webkit-keyframes circleBeforeAni {
  0% {
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
  }
}
@keyframes circleBeforeAni {
  0% {
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
  }
}

.project-content .center-layer{
    position: absolute;
    top:50%;
    left: 50%;
    margin: -150px 0 0 -150px;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    overflow: hidden;
    display: table;
}
.project-content .center-layer .gq-project{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 300px;
    height: 300px;
}
.project-content .center-layer .content{
    position: absolute;
    top:50%;
    left:50%;
    height: 80px;
    width: 200px;
    margin-top: -40px;
    margin-left: -100px;
    font-weight: bold;
    text-align: center;
}
.project-content .center-layer .content .name{
    color:#fff;
    font-size: 36px;
	line-height:100px;
}
.project-content .center-layer .content .desc{
    color: #FFF;
    font-size: 16px;
	line-height:30px;
}
.project-content .center-layer .logo{
    position: absolute;
    bottom: 40px;
    left: 50%;
    color: #FFF;
    width: 200px;
    margin-left: -100px;
}
.project-content .center-layer .logo i{
    font-size: 50px;
}
.index-project-bottom{
    background-image: url("../images/city_bg.png");
    background-repeat: repeat-x;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 170px;
    padding-top: 50px;
}
.index-project-bottom .more-btn{
    margin: 0 auto;
}





.cpxn-r-jinshen{width:100%; height:620px; background: url(../images/news_bg.jpg) no-repeat center top;margin-top:80px;}


.baise_k{ border:1px solid #ccc; border-top:none; width:890px; margin:0 auto;height:220px;  position:relative; z-index:1;}
.baise_k_pic{ position:absolute; left:20px; top:-80px; z-index:2;} 
 
.baise_k_Text_main{ width:890px; margin:0 auto;}
.baise_k_Text{width:100%; text-align: center; margin-top:0px; color:#fff; font-size:14px;}
.baise_k_Text_1{width:100%; text-align: center; margin-top:30px; color:#ccc; font-size:13px;}



.investor-list{width:100%; max-width: 90%; margin:0 auto;}
.investor-list li{width:100%;/* height:106px; */line-height: initial;position:relative;border-bottom:1px #ccc solid;-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s;padding: 20px 0 ;}
.investor-list li a{/* position:absolute; *//* left:0; */position: relative;/* top:0; */z-index:10;width:100%;/* height:106px; */padding:0 0px;z-index: 20;}
.investor-list li h5{font-size:14px;color:#999;display: inline-block;width: 100%;line-height: 24px;margin-left: 20px; font-weight:normal;}
.investor-list li h6{font-size:18px;color:#363636;display: inline-block;width: 100%;line-height: 35px;margin-left: 20px;font-weight:normal;}
.investor-list li h6 b{color: #029AD8; font-weight: 400;}
.investor-list li em{width:40px;height:53px;background:url("../images/pdf.png") no-repeat 0 0;position:absolute;right:30px;top: 50%;margin-top: -26px;-webkit-transition:all .6s;-moz-transition:all .6s;-transition:all .6s;}
.investor-list li span{width:0;height: 100%;position:absolute;left:0;top:0;z-index:8;background:-webkit-gradient(linear,120% 0%, 0% 100%, from(#029AD8), to(#029AD8), color-stop(1.2,#fff));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s;}
.investor-list li:hover em{background:url("../images/pdf.png") no-repeat -45px 0;}
.investor-list li:hover span{width:100%; }
.investor-list li:hover h5,.investor-list li:hover h6,.investor-list li:hover h6 b,.investor-list li:hover em{ color: #fff;}

.down_left{ float: left; width:350px; }
.down_left_bg{ float: left; background:#f4f4f4; width:350px; height:270px;}
.down_left h2{ font-weight:normal; font-size:24px; color:#24A3AE; padding-top:100px; text-align:center;}
.down_left h3{ font-weight:normal; font-size:16px; color:#666; padding-top:10px; text-align:center;}

.down_left p{ font-weight:normal; font-size:14px; color:#696969; line-height:26px;padding:0px 50px;}

.down_right{ float:left;}

.investor-lista{width:850px; margin:0 auto;}
.investor-lista li{width:850px;/* height:106px; */line-height: initial;position:relative;border-bottom:1px #eee solid;-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s;padding: 20px 0 ;width:850px;}
.investor-lista li a{/* position:absolute; *//* left:0; */position: relative;/* top:0; */z-index:10;width:850px;/* height:106px; */padding:0 0px;z-index: 20;}
.investor-lista li h5{font-size:14px;color:#666666;display: inline-block;width: 838px;line-height: 24px;margin-left: 20px; font-weight:normal;}
.investor-lista li h6{font-size:16px;color:#363636;display: inline-block;width: 838px;line-height: 24px;margin-left: 20px;font-weight:normal;}
.investor-lista li em{width:40px;height:53px;background:url("../images/pdf.png") no-repeat 0 0;position:absolute;right:20px;top: 50%;margin-top: -26px;-webkit-transition:all .6s;-moz-transition:all .6s;-transition:all .6s;}
.investor-lista li span{width:0;height: 100%;position:absolute;left:0;top:0;z-index:8;background:-webkit-gradient(linear,120% 0%, 0% 100%, from(#f4f4f4), to(#f4f4f4), color-stop(1.2,#f4f4f4));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s;}
.investor-lista li:hover em{background:url("../images/pdf.png") no-repeat -45px 0;}
.investor-lista li:hover span{width:850px;}



@media screen and (max-width:1023px) {
.cpxn-r-jinshen{width:100%; height: auto!important; background: url(../images/news_bg.jpg) no-repeat center top;margin-top:0px; margin-bottom:10px; padding-bottom:10px;}

.baise_k{ border:none; border-top:none; width:100%; margin:0 auto;height: auto!important;   position:relative; z-index:1;}
.baise_k_pic{ position: relative; left: auto; top: auto; z-index:2;} 
.baise_k_pic img{ max-width:100%; max-height:100%;}
.baise_k_Text_main{ width:100%; margin:0 auto;}
.baise_k_Text{width:100%; text-align: center; margin-top:0px; color:#fff; font-size:14px;}
.baise_k_Text_1{width:100%; text-align: center; margin-top:10px; color:#ccc; font-size:13px;}


.investor-list{width:100%;max-width: 100%;}
.investor-list li{padding: 10px 0 ;width:100%;}
.investor-list li a{z-index:10;width:100%;}
.investor-list li h5{font-size:12px;width: 98%;line-height: 22px;margin-left: 1%; color:#969696;}
.investor-list li h6{font-size:13px;width: 98%;line-height: 22px;margin-left: 1%;}

.investor-list li em{background:none;}
.investor-list li span{width:0;height: 100%;}
.investor-list li:hover em{background:none;}
.investor-list li:hover span{width:100%;}


.investor-lista{width:100%; margin:0 auto;}
.investor-lista li{padding: 10px 0 ;width:100%;}
.investor-lista li a{z-index:10;width:100%;}
.investor-lista li h5{font-size:12px;width: 98%;line-height: 22px;margin-left: 1%; color:#969696;}
.investor-lista li h6{font-size:13px;width: 98%;line-height: 22px;margin-left: 1%;}

.investor-lista li em{background:none;}
.investor-lista li span{width:0;height: 100%;}
.investor-lista li:hover em{background:none;}
.investor-lista li:hover span{width:100%;}



.down_left{ float:none; width:100%; }
.down_left_bg{ display:none; float: none; background:#f4f4f4; width:100%; height: auto!important; padding-bottom:10px; }
.down_left h2{ font-size:14px;  padding-top:10px;}
.down_left h3{  font-size:13px;  padding-top:5px; }
.down_left p{ font-weight:normal; font-size:13px; color:#696969; line-height:22px;padding:0px 10px; margin-top:-10px;}

.down_right{ float:none; margin-top:10px;}

.down_right img{ max-width:100%; max-height:100%;}

}