*{
	margin: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}
html,body{
	width: 100%;
	height: 100%;
	font-family:"微软雅黑", Arial, "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;
	font-size: 14px;
}
a{
	text-decoration: none;
	
}
img{
	border: none;
	vertical-align: top;
}
ul {
	padding: 0;
	margin: 0;
}
ul li{
list-style: none;

}
.public_title{
	text-align: center;
    color: #c69e8c;
    font-size: 36px;
    padding: 50px 0;
}

.border_r{
	background: #d3d3d3;
    width: 260px;
    height: 2px;
    margin: 20px auto 0;
    position: relative;
}
.public_title .title{
	width: 210px;
    height: 38px;
    background: #c69e8c;
    text-align: center;
    line-height: 38px;
    margin: 0 auto;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
}
.bot{
	width: 30px;
    background: #fff url(../img/bot.png) no-repeat top center;
    height: 20px;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -10px;
}
.bot_color{
	background: #f0f0f0 url(../img/bot.png) no-repeat top center;
}
.cofff{
	background: #fff;
}
.botff{
	background: #d5d7d9  url(../img/botf.png) no-repeat top center;
}


.banner{
 width: 100%;
 height: auto;
 position: relative;
}
.banner .owl-prev{
	width: 39px;
    height: 75px;
    margin-top: -50px;
    position: absolute;
    left: 20%;
    top: 50%;
    background: url(../img/pre.png) no-repeat center;
    background-size: 100%;

}

.banner .owl-next{
	width: 39px;
    height: 75px;
    margin-top: -50px;
    position: absolute;
    right: 20%;
    top: 50%;
    background: url(../img/next.png) no-repeat center;
    background-size: 100%;
}
.banner .owl-dots{
	width: auto;
    height: 30px;
    position: absolute;
    left: 39%;
    bottom: 0;
}
.banner .owl-dots .owl-dot{
	width: 30px;
    height: 4px;
    background: #776758;
    float: left;
    margin-right: 30px;
}
.banner .owl-dots .active{
	background: #c69e8c;
}


.introduce{
	width: 100%;
	height: 286px;
	background: url(../img/js.jpg) no-repeat top center;
}
.introduce .txt{
	color: #333;
    font-size: 16px;
    width: 618px;
    margin-left: 43.8%;
    padding-top: 10px;
    line-height: 30px;
	
}
.introduce .txt:hover{
	animation:ni_ani02 1s  ease both;
	-webkit-animation:ni_ani02 1s ease both;
	-moz-animation:ni_ani02 1s  ease both;
}
.exhibition{
	height: 500px;
    background: #fffefb;
   
}
.exhibition .exhibition_list{
	width: 980px;
    height: 260px;
    margin: 0 auto;
}
/*.exhibition .exhibition_list .itemBox{
	transform-style: preserve-3d;
    perspective: 1000px;
}*/
.exhibition .exhibition_list .itemBox .picture{
	width: 758px;
	height: 260px;
	float: left;
}
.exhibition  .leftBox{
	width: 416px;
    margin-left: 290px;
    margin-top: 106px;
}
.exhibition  .picture .title{
	font-size: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
	
}
.exhibition  .picture .txt{
	font-size: 14px;
    color: #666;
    line-height: 25px;
}
.exhibition  .item:hover .leftBox{
	animation:ni_ani02 1s  ease both;
	-webkit-animation:ni_ani02 1s ease both;
	-moz-animation:ni_ani02 1s  ease both;
}
.exhibition  .item:hover  .txtBox{
	animation:ni_ani02 1s .2s   ease both;
	-webkit-animation:ni_ani02 1s .2s ease both;
	-moz-animation:ni_ani02 1s  .2s ease both;
}
.exhibition .exhibition_list .itemBox .txtBox{
	float: right;
    background: url(../img/ebg.jpg) no-repeat top center;
    width: 215px;
    height: 260px;
    position: relative;
   
}

.ni_ani01{
animation:ni_ani01 1s  ease both;
-webkit-animation:ni_ani01 1s ease both;
-moz-animation:ni_ani01 1s  ease both;
}
@-webkit-keyframes ni_ani01{
0%{
}
50%{-webkit-transform: rotateY(180deg) scale(1.1);
-webkit-animation-timing-function:ease-in}
100%{-webkit-transform:scale(1) rotateY(360deg);
-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes ni_ani01{
0%{
}
50%{-moz-transform: rotateY(180deg) scale(1.1);
-moz-animation-timing-function:ease-in}
100%{-moz-transform:scale(1) rotateY(360deg);
-moz-animation-timing-function:ease-in}
}
@keyframes ni_ani01{
0%{
}
50%{transform: rotateY(180deg) scale(1.1);
animation-timing-function:ease-in}
100%{transform:scale(1) rotateY(360deg);
animation-timing-function:ease-in}
}

.exhibition .exhibition_list .itemBox .txtBox .txtBoxTop{
	position: absolute;
	left: 100px;
	top: 30px;
	width: 104px;
	height: 138px;
	transform:rotateY(0deg);
	transition: 1s;
	color: #fff;
}
.exhibition .exhibition_list .itemBox .txtBox .title{
	font-size: 16px;
	font-weight: bold;
	display: block;
}
.exhibition .exhibition_list .itemBox .txtBox .txt{
	font-size: 14px;
	display: block;
}
.txtBoxBottom{
	position: absolute;
	left: 100px;
	bottom: -35px;
	width: 104px;
	height: 138px;
	transform:rotateY(0deg);
	transition: 1s;
	color: #fff;
}
/*.exhibition .exhibition_list .txtBox:hover .txtBoxTop{
	transform:rotateY(360deg);
	transition: 1s;
	color: pink;
}*/
.exhibition .owl-prev{
	width: 39px;
    height: 75px;
    margin-top: -50px;
    position: absolute;
    left: -10%;
    top: 50%;
    background: url(../img/pre1.png) no-repeat;
    background-size: 100%;
}
.exhibition .owl-next{
	width: 39px;
    height: 75px;
    margin-top: -50px;
    position: absolute;
    right: -10%;
    top: 50%;
    background: url(../img/next1.png) no-repeat;
    background-size: 100%;
}
.report{
	height: auto;
	background: #f0f0f0;
    box-sizing: border-box;
    padding-bottom: 60px;
}
.report .reportMain{
	width: 980px;
	margin: 0 auto;
	
}
.report .reportMain ul{
	overflow: hidden;
}
.report .reportMain ul li{
	width: 155px;
    float: left;
    margin-right: 7.5px;
    height: 560px;
    position: relative;
    box-sizing: border-box;
	
}
.report .reportMain ul li:hover{
	animation:ni_ani02 1s .2s ease both;
	-webkit-animation:ni_ani02 1s .2s ease both;
	-moz-animation:ni_ani02 1s .2s ease both;
}
.ni_ani02{
-webkit-animation:ni_ani02 1s .2s ease both;
-moz-animation:ni_ani02 1s .2s ease both;
animation:ni_ani02 1s .2s ease both;
}
@-webkit-keyframes ni_ani02{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-50px)}
60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes ni_ani02{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-50px)}
60%{-moz-transform:translateY(-15px)}
}
@keyframes ni_ani02{
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-50px)}
60%{transform:translateY(-15px)}

}


.report .reportMain .mar0{
	margin-right: 0px;
}

.report .reportMain ul li .txt{
	color: #fff;
    font-size: 16px;
    padding: 10px;
    line-height: 23px;
    box-sizing: border-box;
}
.bot60{
	position: absolute;
    width: 100%;
    top: 420px;
    left: 0;
}
.core{
	overflow: hidden;
    padding-bottom: 60px;
    
}
.coreMain{
	width: 980px;
	margin: 0 auto;
}
.coreMain ul{
	overflow: hidden;
	display: table-cell;
	margin: 0 auto;
}
.coreMain ul li{
	float: left;
	width: 466px;
	height: 282px;
	background: pink;
	margin: 10px;
	background-size: cover;
	position: relative;
}
.coreMain ul li:hover {
	
	background-size:scale(1.2) ;
}
.coreMain ul li:hover {
	animation:ni_ani01 1s .2s   ease both;
	-webkit-animation:ni_ani01 1s .2s ease both;
	-moz-animation:ni_ani01 1s  .2s ease both;
}
.coreMain ul li .txtBox{
	width: 420px;
	height: 80px;
	background: url(../img/cobh.png);
	position: absolute;
    bottom: 20px;
    left: 23px;
    display: table-cell;
    vertical-align: middle;
}
.coreMain ul li .txtBox .title{
	font-size: 49px;
	color: #fff;
	line-height: 80px;
}
.coreMain ul li .txtBox .txt{
	color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
    float: right;
    width: 290px;
    margin-top: 20px;
    margin-right: 10px;
}
.recommend{
	background: #f0f0f0 url(../img/rebg.jpg) no-repeat top center;
	height: 681px;
}
.recommendMain{
	width: 980px;
	height: 380px;
	margin: 0 auto;
	position: relative;
}
.recommendMain .owl-prev{
	width: 39px;
    height: 75px;
    margin-top: -30px;
    position: absolute;
    left: -10%;
    top: 50%;
    background: url(../img/pre1.png) no-repeat;
    background-size: 100%;
}
.recommendMain .owl-next{
	width: 39px;
    height: 75px;
    margin-top: -30px;
    position: absolute;
    right: -10%;
    top: 50%;
    background: url(../img/next1.png) no-repeat;
    background-size: 100%;
}
.recommendMain .txt{
	position: absolute;
	bottom: 0;
	height: 52px;
	line-height: 52px;
	text-align: center;
	color: #fff;
	background: url(../img/btnbg.png);
	width: 100%;
	font-size: 18px;
}

.investment{
	background: #F0F0F0;
	padding-bottom: 90px;
	
}
.investmentMain{
	width: 980px;
	background: #fff;
	height: 445px;
	margin: 0 auto;
	background: url(../img/inr.jpg) no-repeat top center;
	
}

.investmentMain:hover{
	animation:ni_ani02 1s .2s   ease both;
	-webkit-animation:ni_ani02 1s .2s ease both;
	-moz-animation:ni_ani02 1s  .2s ease both;
}
.investmentMain .txtBox{
	width: 450px;
    height: 323px;
    float: left;
    color: #666;
    font-size: 24px;
    line-height: 50px;
    margin-left: 80px;
    margin-top: 30px;
}
.font46{
	font-size: 48px;
	color: #84b0ba;
}
.font30{
	font-size: 30px;
	color: #c69e8c;
	line-height: 30px;
}
.coyellow{
	color: #f1be19;
}
.investmentMain .txtBox div{
	display: block;
}
.condition{
	padding-bottom: 60px;
}
.conditionMain{
	width: 980px;
	height: 290px;
	background: url(../img/con1.jpg) no-repeat top center;
	margin: 0 auto;
	
}
.conditionMain ul{
	width: 767px;
    margin-left: 180px;
}
.conditionMain ul li:hover{
	animation:ni_ani02 1s .2s   ease both;
	-webkit-animation:ni_ani02 1s .2s ease both;
	-moz-animation:ni_ani02 1s  .2s ease both;
}
.conditionMain ul li:nth-child(1){
	margin-bottom: 55px;
}
.conditionMain .fontg18{
	font-size: 18px;
	color: #84b0ba;
	font-weight: bold;
	line-height: 39px;
}
.conditionMain .txt{
	font-size: 14px;
	color: #666;
	line-height: 22px;
}
.conditionMain  .bold{
	font-weight: bold;
}
.conditionMain .colh{
	color: #C69E8C;
	font-weight: bold;
}
.conditionMain .fonty18{
	font-size: 18px;
	color: #f1be19;
	font-weight: bold;
}
.contact{
	height: 630px;
	background:#F0F0F0 url(../img/lianxibg.png) no-repeat top center;
}
.contactMain{
	width: 346px;
	margin: 0 auto;
	font-size: 18px;
	color: #666;
	text-align: center;
	line-height: 35px;
}
.contactMain .name{
	text-align: center;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.contactMain img{
	margin: 0 auto 20px;
    display: block;
}
.contactMain .colG{
	color: #84b0ba;
	font-weight: bold;
}
.contactMain .colY{
	color: #f1be19;
	font-weight: bold;
}

.footr{
	float: right;
	overflow: hidden;
	width: 450px;
}
.footr img{
	float: left;
}
.footr span{
	display: block;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #333;
}
.footr div{
	float: left;
}
.footr .foor_l{
	float: left;
}
.footr .foor_l img{
	
}
.footr .foor_r{
	float: right;
}


.foot {
 background: #c69e8c;
    height: 87px;
    overflow: hidden;
}
.foot .foot_main {
  width: 980px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 26px 0 0px;
}
.foot .foot_main .foot_main_top {
  overflow: hidden;
  width: 980px;
}
.foot .foot_main .foot_main_top ul {
  overflow: hidden;
  margin: 0 auto;
  width: 434px;
}
.foot .foot_main .foot_main_top ul li {
  float: left;
  padding: 0 15px;
  border-right: 1px #fff solid;
}
.foot .foot_main .foot_main_top ul li a {
  color: #fff;
}
.foot .foot_main .foot_main_top ul .bor_no {
  border-right: 0px;
}
.foot .foot_main .foot_main_bottom {
  color: #fff;
  line-height: 60px;
  text-align: center;
}