.public_h1{text-align: center;font-size: 36px; margin-bottom: 10px;}
.public_h1>span{ position: relative; display: inline-block; padding: 0 15px;}
.public_h1>span:before,.public_h1>span:after{ position: absolute;top: 50%;content: '';width: 80px;height: 1px;background: #cacaca;}
.public_h1>span:before{ left: 100%;}
.public_h1>span:after{ right: 100%;}
.culture_1{position: relative;}
.culture_1 table{ width: 100%; float: left; }
.culture_1 table td { vertical-align:middle; width: 50%; font-size: 15px;color: #888;}
.culture_1 table td .left{ margin-right: 30px; overflow: hidden;}
.culture_1 table td .img img{ width: 100%;}
.culture_1 table td .right{ margin-left: 30px; }
.culture_1 table td .h3{ color: #008848; font-size: 24px;}
.culture_1 table td h4{ color: #666; font-size: 16px; margin-bottom: 20px;}
.culture_1 table tr td{ padding: 20px 0;}
.culture_1 table tr td .txt p{ line-height: 1.9;}
.culture,.investor{ padding: 70px 0 0 0; margin-bottom: 50px;}
.cyclepages{background: url(../images/nzq/ls.png) repeat; margin: 50px 0 80px 0; padding: 0 15px; border-radius: 23px;height: 46px;line-height: 46px;}
.scrollbar {margin: 0 0 1em 0;height: 2px;background: #ccc;line-height: 0;}
.scrollbar .handle {width: 100px;height: 100%;background: #292a33;cursor: pointer;}
.scrollbar .handle .mousearea {position: absolute;top: -9px;left: 0;width: 100%;height: 20px;}
.yearDL li{font-size: 18px; width: 74px; text-align: center; position: relative; cursor: pointer; color: #fff; float: left; font-family: "微软雅黑"; }
.yearDL li.active{ font-size: 24px;font-weight: bold;}
.yearDL li:before,.yearDL li:after{transition: 0.3s; position: absolute; left: 50%; width: 1px;height: 0;content: '';background: #fff;}
.yearDL li.active:before{ top: 0; height: 7px;}
.yearDL li.active:after{ bottom: 0;height: 7px;}
.zuzhi .owl-demo .item{ padding: 0 15px; padding-bottom: 10px;}
.zuzhi .owl-demo .item .img img{ width: 100%;}
.zuzhi .owl-demo{transition: 0s !important;-webkit-transition: 0s !important;}
.zuzhi .owl-demo .item .txt{background: #fff; padding: 15px; font-size: 16px; height: 150px;position: relative;}
.zuzhi .txt .line{ position: absolute; background: #008848;transition: 0.3s;-webkit-transition: 0.3s;}
.zuzhi .txt .line1{bottom: 0; left: -3px;width: 3px;height: 100px;}
.zuzhi .txt .line2{bottom: 0; left: 50%; margin-left:-50%;width: 100%;height: 3px;}
.zuzhi .txt .line3{bottom: 0; right: -3px;width: 3px;height: 100px;}
.zuzhi .item:hover .line1{ height: 0;}
.zuzhi .item:hover .line3{ height: 0;}
.zuzhi .item:hover .txt{box-shadow: 0 5px 5px -4px #008848;}
.zuzhi .txt{transition: 0.3s;-webkit-transition: 0.3s;}
.zuzhi .owl-pagination{ bottom: -35px;z-index: 30;}
.zuzhi .owl-pagination .owl-page{background: #ccc;}
.zuzhi .owl-pagination .active{ background: #008848;}
.culture_2Bg{background: url(../images/nzq/cu2.jpg) no-repeat center;background-size: cover;/*background-position-y: -150px;*/position: relative; z-index: 29;overflow: hidden;}
.licheng .zuzhi{ display: none; animation: opacty 0.6s both;-webkit-animation: opacty 0.6s both;}
@keyframes opacty{
	from{ opacity: 0; transform: translate(0,-30px);-webkit-transform: translate(0,-30px);}
	to{ opacity: 1; transform: translate(0,0px);-webkit-transform: translate(0,-0px);}
}
@-webkit-keyframes opacty{
	from{ opacity: 0; transform: translate(0,-30px);-webkit-transform: translate(0,-30px);}
	to{ opacity: 1; transform: translate(0,0px);-webkit-transform: translate(0,-0px);}
}

@media only screen and (max-width:1380px ) {
	.culture,.investor{ padding: 50px 0 0 0;}
	.zuzhi .owl-demo .item .txt{ font-size: 15px;}
}

.culture_3Bg{text-align:center;background: url(../images/nzq/ysbg.jpg) no-repeat center;background-size: cover; padding-bottom:200px;}
.culture_3 .pTxt{ color: #666;font-size: 16px; margin-bottom: 75px;}

.youshi li{ display: inline-block; position: relative;*display: inline;*zoom: 1;}
.youshi li >p{ position: absolute; left: 50.71%; top: 50.71%;z-index: 20; width: 100%;}
.youshi li img{ transition: 0.4s;-webkit-transition: 0.4s; width: 100%;}

/*投资者关系*/
.investor{ margin-bottom: 0;}
.investor_1 { text-align: center;position: relative;}
.investor_1 .txtDo{ color: #666;font-size: 18px; line-height: 2; margin-top: 20px;}
.investor_1 .donwLoadA{color: #008848; display: inline-block;border: 1px solid #008848; font-size: 16px; padding: 0 30px;line-height: 50px;}
.investor_1 .donwLoadA span{ display: inline-block; padding-right: 25px; background: url(../images/nzq/down.png) no-repeat right center;}
.marginDown{ padding: 100px 0 150px 0;}
.investor_1 .donwLoadA:hover{background: #008848;color: #fff;}
.investor_1 .donwLoadA:hover span{background: url(../images/nzq/down2.png) no-repeat right center;}
.investor_1 .investor{background: url(../images/nzq/gzbf.jpg) no-repeat bottom right;}

.investor_2{background: #fafafa;}
.contactUL { margin: 28px 0 45px 0;}
.contactUL .float_l{ width: 49.2%; float: left;}
.contactUL .float_r{ width: 49.2%; float: right;}
.contactUL .colors{padding: 10px 20px;background: #fff; color: #008848; font-size: 16px;font-weight: bold; margin-bottom: 10px;}
.contactUL .colors .fl,.contactUL .colors .fr{line-height: 40px; width: 50%;border-bottom: 1px solid #e5e5e5;}
.contactUL .colors .fr{ text-align: right;}
.tableListDL {background: #fff; padding: 20px 20px 40px 20px;}
.tableListDL dd{line-height: 48px; border-bottom: 1px dashed #E5E5E5; position: relative; padding-right: 80px; color: #b3b3b3;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.tableListDL dd a{color: #666; }
.tableListDL dd a:hover{color: #008848;text-decoration: underline;}
.tableListDL dd span{ position: absolute; right: 0; top: 0;}
.pageCurrt{ text-align: center;}
.pageCurrt a,.pageCurrt span{ display: inline-block; color: #666; padding: 0 5px;}
.pageCurrt .currt{color: #f39800;}

.investor_4{background: url(../images/nzq/gpbg.jpg) no-repeat center;background-size: cover; text-align: center;}
.investor_4 .gupiaoImg img{margin-top:20px; max-width: 100%;}
.investor_5{ text-align: center;}
.investor_5 ul{background: url(../images/nzq/line3.png) repeat-x left 167px;}
.investor_5 ul li{display: inline-block; padding: 25px 2% 0;}
.investor_5 .misswan{ padding-bottom: 0;}
.investor_5 .green{ color: #008848;}
.investor_5 .name{ font-size: 18px;}
.investor_2,.investor_3,.investor_4,.investor_5{ padding-bottom: 70px;}

.test3d{ position: relative; width: 280px;margin: auto;}
.test3d .ht_{ position: absolute; width: 100%; height: 100%; text-align: center;transition: 1s;-webkit-transition: 1s;} 
.test3d .ht_ img{ width: 97%;} 
.test3d .ht1{position: relative; left: -0%; top: 0%;}   
.test3d .ht2{ left: -50%; top: 50%;z-index: 2;}   
.test3d .ht4{ left: 50%; top: 50%;z-index: 2;}  
.test3d .ht3{ left: 100%; top: 0%;}           
.test3d .ht5{ left: -100%; top: 0%;}   


                 
       
@media only screen and (max-width:1380px ) {
	.public_h1{ font-size: 32px;background-size: 200px;}
	.investor_1 .txtDo{ font-size: 16px;}
}


@media only screen and (min-width:960px ) {
	.youshi li >img:hover{ transform: translate(0,-20px) scale(1.1); -webkit-transform: translate(0,-20px) scale(1.1);}
	.youshi li >p img:hover{ transform: translate(0,20px) scale(1.1);-webkit-transform: translate(0,20px) scale(1.1);}
    .culture_1 .culture td .img,.culture_1 .culture td .txt{transition: 1.5s;-webkit-transition: 1.5s;opacity: 0;}
    .culture_1 .culture td .left{transform: translate(-130px,0);-webkit-transform: translate(-130px,0);}
    .culture_1 .culture td .right{transform: translate(130px,0);-webkit-transform: translate(130px,0);}
    .culture_1 .culture tr:nth-child(2) td .img,.culture_1 .culture tr:nth-child(2) td .txt{ transition-delay: 1.2s;-webkit-transition-delay: 0.5s;}
    .culture_1 .culture tr:nth-child(3) td .img,.culture_1 .culture tr:nth-child(3) td .txt{ transition-delay: 1.8s;-webkit-transition-delay: 1s;}
    .culture_1 .culture tr:nth-child(4) td .img,.culture_1 .culture tr:nth-child(4) td .txt{ transition-delay: 2.4s;-webkit-transition-delay: 1.5s;}
    .culture_1 .culture.animates td .img,.culture_1 .culture.animates td .txt{ transform: translate(0,0);-webkit-transform: translate(0,0);opacity: 1;}
    .test3d:hover .ht2,.test3d:hover .ht4{transform: translate(0,-136px);}
    .test3d:hover .ht1,.test3d:hover .ht3,.test3d:hover .ht5{transform: translate(0,136px);}
    .test3d .ht_ img{ opacity: 0; transition: 1s;-webkit-transition: 1s;}
    .test3d .ht1 img{ transform: translate(0,-50px);}
    .test3d .ht2 img,.test3d .ht4 img{ transform: translate(50px,-50px); transition-delay: 0.6s;}
    .test3d .ht4 img{ transform: translate(-50px,-50px);}
    .test3d .ht3 img,.test3d .ht5 img{ transform: translate(50px,50px);transition-delay: 1.2s;}
    .test3d .ht3 img{transform: translate(-50px,50px);}
    .culture_3 .culture.animates .test3d .ht_ img{transform: translate(0,0); opacity: 1;}
    .cyclepagesBg {transition: 2s;-webkit-transition: 2s;transform-origin:top;transform: translate(0,0px) rotateX(90deg);opacity: 0;}
    .culture_2 .culture.animates .cyclepagesBg {transform:translate(0,0) rotateX(0deg);opacity: 1;}
    
}

@media only screen and (max-width:960px ) {
	.public_h1{ font-size: 30px;background-size: 260px;}
	.culture_1 table td .left{ margin-right: 10px;}
	.culture_1 table td .right{ margin-left: 10px;}
	.culture_1 table tr td{ vertical-align: top;}
	.culture,.investor{ padding: 40px 0 0 0;}
	.culture_2Bg{background-position-y: 0;}
	.youshi li { float: left; width: 32.333%; margin: 0 0.5%;}
	.youshi li >p{ left: 51.5%;}
	.culture_3Bg{ padding-bottom: 12%;}
	.investor_1 .investor{background-size: contain;}
	.marginDown{ padding: 50px 0 50px 0;}
	.investor_1 .txtDo{ line-height: 1.8; font-size: 15px; margin-top: 10px;}
	.test3d{ width: 200px;}
}



@media only screen and (max-width:740px ) {
	.culture,.investor{ padding: 20px 0 0 0;}
	.public_h1{ font-size: 26px;background-size: 240px;}
	.culture_1 table tr td{ display: block;width: 100%; padding: 0;}
	.culture_1 table td .left,.culture_1 table td .right{ margin: 0;}
	.culture_1 table tr .img{ position: absolute;  left: 0;top: 0;width: 100%;}
	.culture_1 table td .h3{ font-size: 18px;}
	.culture_1 table tr{ position: relative; display: block; margin-bottom: 20px;}
	.culture_1 table tr td .txt p{ font-size: 14px; line-height: 1.7;}
	.culture_1 table td h4{ font-size: 15px;}
	.culture_1 table td .txt{ padding: 10px; margin: 0; position: relative; z-index: 5;text-align: center; background: rgba(255,255,255,0.9);box-shadow: 0 -5px 5px -4px #ccc;}
    .cyclepages{ margin: 20px 0 20px 0;}
    .culture_3 .pTxt{ font-size: 14px; margin-bottom: 7%;}
    .culture_1 .culture { margin-bottom: 0px;}
    .contactUL .float_l{ float: none; width: 100%;}
    .contactUL .float_r{ float: none; width: 100%;}
    .contactUL .float_r .colors{ display: none;}
    .tableListDL{ padding-bottom: 20px; padding-top: 0;}
    .contactUL{ margin: 20px 0;}
    .investor_2 .tableListDL{ padding-bottom: 0; }
    .contactUL .float_r .tableListDL{ padding-bottom: 20px;}
    .public_h1>span:before, .public_h1>span:after{ width: 50px;}
    .investor_2, .investor_3, .investor_4, .investor_5{ padding-bottom: 40px;}
    .investor_5 .misswan img{ width: 160px;}
    .investor_5 ul{background: none;}
    .investor_5 ul li{display: block;}
    .investor_5 .misswan{background: url(../images/nzq/line3.png) repeat-x left center;}
    
}
@media only screen and (max-width:640px ) {
	.test3d{ width: 35%;}
}

@media only screen and (max-width:480px ) {
	.public_h1{ font-size: 22px;background-size: 200px;}
	.zuzhi .owl-demo .item{ padding: 0 5px;}
	.yearDL li{ font-size: 15px; width: 52px;}
	.cyclepages{ line-height: 36px; height: 36px; padding: 0 5px;}
	.yearDL li.active{ font-size: 17px;}
	.zuzhi .owl-demo .item .txt{ font-size: 12px; height: 100px; padding: 10px;}
	.zuzhi .txt .line1,.zuzhi .txt .line3{ height: 70px;}
	.contactUL .colors{ padding: 10px 10px ;}
	.tableListDL{ padding-left: 10px; padding-right: 10px;}
	.tableListDL dd{ line-height: 38px;}
	.marginDown{ padding: 25px 0 100px 0;}
	.investor_1 .donwLoadA{ line-height: 40px; padding: 0 15px;}
	.public_h1>span{ padding: 0 10px;}
}