@charset "utf-8";
.index-value-bg{ position: relative}
.index-value-bg-content{ width: 100%; position: absolute; bottom:0; left: 0}
.pbts{ position: relative; display: block}
.pbts>i{ display: block; height: 1px; width: 102px; overflow: hidden; position: absolute; top:89px; left: 50%; background: #fff}
.pbts>i.i1{ margin-left: -230px}
.pbts>i.i2{ margin-left: 130px}

.tc{ text-align: center}

.index-value-bg {background: url(../img/value_bg_scroll_2.jpg) fixed; height: 990px;  background-size: 100%}
.v-bj{ background: url(../img/v-bj.jpg) no-repeat top center; background-size: cover;  padding-bottom: 133px;  padding-top: 133px}

.footz70{ font-size:70px}
.footz60{ font-size:60px}
.footz58{ font-size:58px}
.footz45{ font-size:45px}
.footz38{ font-size:38px}
.footz34{ font-size:34px}
.footz30{ font-size:30px}
.footz28{ font-size:28px}
.footz26{ font-size:26px}
.footz20{ font-size:20px}
.footz18{ font-size:18px}
.footz17{ font-size:17px}
.footz16{ font-size:16px}

.mainbann{ height: 302px}

.cooperate-info{ height: auto}
.cooperate-info-title { margin-bottom: 60px;}

.hbbtbox{ width: 100%; position: absolute; left: 0; top:0; z-index: 1}
.hbbox{ position: relative; min-height: 300px}

@media screen and (max-width: 1600px){
    
}
@media screen and (max-width: 1400px){
    .footz70{ font-size:45px}
	.footz60{ font-size:35px}
    .footz58{ font-size:40px}
	.footz45{ font-size:25px}
	.footz38{ font-size:25px}
	.footz34{ font-size:20px}
	.footz30{ font-size:20px}
	.footz28{ font-size:20px}
	.footz26{ font-size:16px}
	.footz20{ font-size:16px}
	.footz18{ font-size:16px}
	.footz17{ font-size:12px}
	.footz16{ font-size:12px}

    .mt50{ margin-top: 30px}
    .pt50{ padding-top: 30px}

    .mainbann{ height: 232px}
    .pbts>i{top:60px;  width: 62px;}
    .pbts>i.i1{ margin-left: -160px}
    .pbts>i.i2{ margin-left: 95px}

    .index-value-bg {height: 740px;}
    
    .value-big .bbimg{ margin-top: 40px}
    .value-bs .bbimg{ margin-top: 70px}
    .value-cf .bbimg{ margin-top: 70px}
}
@media screen and (max-width: 1300px){
    .w1200{ width: 1000px}
}
@media screen and (max-width: 1200px){
    .w1200{ width: 1000px}
}
@media screen and (max-width: 1020px){
}