html,input,textarea{ font-family: 'Gotham Book'; letter-spacing: 0;}
.db-dh-lb { margin: 0 7.5% 0 35%;}
#index .db-dh-lb > li:nth-child(1) > a, #about .db-dh-lb > li:nth-child(2) > a, #product .db-dh-lb > li:nth-child(3) > a, #contact .db-dh-lb > li:nth-child(4) > a { font-family: 'Gotham Book'; font-weight: bold;}
.db-dh-ls{ left: -75%; width: 250%;}
.lx-bg h1 { font-family: 'Gotham Book'; font-size: 36px; text-transform: capitalize;}
.lx-bg h2 { text-transform: capitalize;}
.lx-bg a { width: 234px;}
.nv-bg .nv-zb { width: 37.5%;}
.nv-bg .nv-zj { width: 25%;}
.nv-bg .nv-zj p { text-transform: inherit;}
.cy-bg span{ margin-left: 10px;}
@media screen and (max-width: 1280px) {
    .db-dh-lb { margin: 0 7.5% 0 25%;}
}
@media screen and (max-width: 1024px) {
	.lx-bg h1 { font-size: 30px;}
    .lx-bg a { width: 180px;}
    .nv-bg .nv-zb { width: 40%;}
    .nv-bg .nv-zj { width: 32.5%;}
}
@media screen and (max-width: 640px) {
	.lx-bg h1 { font-size: 24px;}
    .lx-bg a { width: 164px;}
    .nv-bg .nv-zj { width: 65%;}
}
@media screen and (max-width: 480px) {
	.nv-bg .nv-zj { width: 95%;}
}





.ab-bg .ab-js .ab-tx h2 { font-family: 'Gotham Bold';}
.title h1 { font-family: 'Gotham Bold';}
.title h4 { margin: 17px auto 20px;}
.title p { text-transform: capitalize;}
.fl-ls a .fl-ig .fl-nm h2 { font-family: 'Gotham Bold';}
.fl-ls a span { width: 190px; margin-left: -95px;}
@media screen and (max-width: 1440px) {
	.fl-ls a span { width: 140px; margin-left: -70px;}
}
@media screen and (max-width: 1024px) {
    .title h4 { margin: 18px auto 17px;}
}
@media screen and (max-width: 640px) {
    .title h4 { margin: 13px auto 12px;}
}





.lx-ls ul li dl h3 { font-family: 'Gotham Bold';}
.lx-ls ul li dl p { text-transform: inherit;}
.pr-nr h2 { font-family: 'Gotham Bold';}
.pr-xg h2 { font-family: 'Gotham Bold';}
.gs-bg .gs-ig dl p { line-height: 24px;}
.gs-bg .gs-ig dl p:nth-child(n+2) { margin-top: 10px;}
.zs-bg ul li { height: 250px;}
@media screen and (max-width: 1280px) {
    .gs-bg .gs-ig { flex-wrap: wrap;}
    .gs-bg .gs-ig div { width: 100%;}
    .gs-bg .gs-ig dl { width: 100%; padding: 20px;}
}
@media screen and (max-width: 1024px) {
    .zs-bg ul li { height: 200px;}
}
@media screen and ( max-width: 640px ) {
    .lx-ls ul li:first-child { height: 200px;}
    .zs-bg ul li { height: 175px;}
}
@media screen and ( max-width: 480px ) {
    .zs-bg ul li { height: 150px;}
}