
.warp-grey{background-color: #e6e6e6;}
.warp-light-grey{background-color: #f0f0f0;}
.warp-light{background-color: #fafafa;}
.warp-balck{background-color: #323232;}
.g-con{padding-top: 72px;}
.g-con1{padding-top: 74px;}
.g-con2{padding-top: 70px;}
.g-title{text-align: center; color: #111;}
.g-con1 .g-title,.g-con2 .g-title{text-align: left;}
.g-title h3{font-size: 48px; line-height: 84px;}
.g-title h4{font-size: 30px; line-height: 54px;}
.g-title h5{font-size: 48px; line-height: 84px; font-weight: 300;}
.g-title p{font-size: 32px; line-height: 52px; font-weight: 300;}
.g-con1 .g-title p,.g-con2 .g-title p{font-size: 18px; line-height: 32px; }
.warp-logos .g-title h4{line-height: 72px;}
.warp-logos .g-title p,.yyltb09 .g-title p{font-size: 18px; line-height: 32px; margin-top: 22px;}



.txwb-bg{background-repeat: no-repeat; background-position: center bottom;}
.yyltb01{background-image: url(https://images.jiagubang.net/static-pc/images/yyl_01.png); height: 970px;}
.g-tag{margin-top: 500px; text-align: center;}
.g-tag p{background-color: #fbc815; color: #111; display: inline-block; line-height: 24px; padding: 4px 10px; margin-right: 20px;}
.yyltb02{background-image: url(https://images.jiagubang.net/static-pc/images/yyl_02.png); height: 600px; background-position: 150% bottom;}
.yyltb02 .g-title{color: #fafafa; text-align: right;}
.yyltb02 .g-title h5{font-size: 24px; line-height: 54px; font-weight: normal;}
.g-yyltb02 .g-title p{margin-top: 60px;}
.yyltb03{background-image: url(https://images.jiagubang.net/static-pc/images/yyl_03.png); height: 1020px;}
.orange{color: #fbc815;}
.g-con2 .g-title{text-align: center;}

.yyltb03 p{margin-top: 44px;}
.yyltb04{background-image: url(https://images.jiagubang.net/static-pc/images/yyl_04.png); height: 900px;}

.yyltb04 .g-title{color: #f0f0f0;}
.yyltb04 .g-title p{margin-top: 20px;}
.yyltb05{background-image: url(https://images.jiagubang.net/static-pc/images/yyl_05.png); height: 800px; background-position: 100%  160px;}
.yyltb05 .g-title{margin-top: 100px;}
.yyltb05 .g-title p{margin-top: 40px; line-height: 44px;}
.yyltb06{background-image: url(https://images.jiagubang.net/static-pc/images/yyl_06.png); height: 776px; background-position: 100% bottom;}
.yyltb06 .g-title{margin-top: 140px;}
.yyltb06 .g-title p{margin-top: 55px; margin-bottom: 40px;}
.getmore{color: #ebb02e; line-height: 24px; font-size: 18px; font-weight: bold;}
.yyltb07{background-color: #b1b1b8; background-image: url(https://images.jiagubang.net/static-pc/images/yyl_07.png); height: 800px;}
.yyltb07 .g-title{color: #111; text-align: right; margin-top: 160px;}
.yyltb07 .g-title p,.yyltb-list .g-title p{font-size: 18px; line-height: 32px; margin-top: 20px;}

.yyltb-list{background-color: #323232;}
.yyltb-list .g-title{color: #fafafa;}
.yyltb-case{margin-top: 30px;}
.yyltb-case,.yyltb-case dd{display: -webkit-flex; display: -moz-flex; display: flex;}
.yyltb-case dl{position: relative; flex: 50%;}
.yyltb-case dt{position: absolute; top: 0; width: 256px; height: 232px; padding-top: 24px; line-height: 104px; text-align: center; color: #fff; font-size: 60px;}
.case-l dt{background-color: #fbc815; left:-274px;}
.case-r dt{background-color: #fb7112; right: -274px;}
.yyltb-case h4{line-height: 60px; text-align: center; font-size: 18px; color: #323232;}
.case-l h4{background-color: #fbc815;}
.case-r h4{background-color: #fb7112;}
.yitem,.ycase{margin-right: 12px; flex: 50%;}
.case-r .ycase{margin-right: 0;}
.yitem-i{border: 2px solid #fafafa; display: flex; height: 170px;align-items:center; margin-top: 15px;}
.yitem-i a{color: #fafafa; line-height: 34px; display: inline-block; font-size: 18px; padding-left: 2em;}
.yitem-i em{font-style: normal; color: #fb7112;}

.ycase-img{margin-top: 15px;}
.ycase-img img{display: block;}
.yyltb-list .txwb-link{margin-top: 80px; font-weight: bold; font-size: 18px; margin-bottom: 62px;}
.g-server24 ul{display: -webkit-flex;display: -moz-flex;display: flex;align-items:center; padding-top: 70px; padding-bottom: 180px;}
.g-server24 ul li{flex: auto; text-align: center; }
.g-server24 ul li p{font-size: 18px; line-height: 70px; font-weight: 300;}
.txwb-logos{overflow: hidden; padding: 95px 0 110px;}
.txwb-logos li{width: 25%; float: left;}
.txwb-link{text-align: center; margin-bottom: 90px;}
.txwb-link a{color: #ebb02e;}

@media (min-width: 1200px) { 
	.yyltb-case dt{position: absolute; top: 0; width: 256px; height: 232px; padding-top: 24px; line-height: 104px; text-align: center; color: #fff; font-size: 60px;}
	.case-l dt{background-color: #fbc815; left:-274px;}
	.case-r dt{background-color: #fb7112; right: -274px;}
}
