@import url("css.css");
body { font-family: 'Roboto Condensed', sans-serif, Arial, "microsoft yahei"; }

.index-banner .item.item1 .container > div:nth-child(1) > div { font-size: 14px; line-height: 20px; }
@media (min-width: 768px) { .index-banner .item.item1 .container > div:nth-child(1) > div { font-size: 20px; line-height: 40px; } }
.index-banner .item.item1 .container > div:nth-child(1) > div:nth-child(1) { font-size: 20px; margin-bottom: 20px; }
@media (min-width: 768px) { .index-banner .item.item1 .container > div:nth-child(1) > div:nth-child(1) { font-size: 40px; } }
.index-banner .item.item1 .container > div:nth-child(2) { text-align: center; }
.index-banner .item.item1 .container > div:nth-child(2) > div:nth-child(2) { font-size: 30px; margin-bottom: 15px; }
.index-banner .item.item1 .container > div:nth-child(2) > div:nth-child(3) { font-size: 24px; line-height: 40px; text-shadow: 2px 2px 4px #000000; }
.index-banner .item.item2 h4 { font-size: 22px; }
@media (min-width: 768px) { .index-banner .item.item2 h4 { font-size: 60px; } }
.index-banner .item.item2 h4 small { font-size: 13px; }
@media (min-width: 768px) { .index-banner .item.item2 h4 small { font-size: 22px; } }

.common-block .common-title h3 { font-family: 'Lora', sans-serif, Arial, "microsoft yahei"; }

@media (min-width: 768px) { .case-item iframe { height: 344px; } }

.common-block .common-content p { text-indent: 0; }

.content-about p { word-wrap: break-word !important; word-break: break-all; }

.d-grid a { display: block;  white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.brand_pic { height: 162px; }