@charset "utf-8";
/* CSS Document */


.sectionDetail { margin: 40px 0; }
.boxleft { float: left; width: 25%; }
.boxright { float: right; width: 70%; }
.Detail-nav { margin-top: 60px; }
.Detail-nav li { float: none; }
.Detail-nav li a { font-size: 18px; color: #000000; line-height: 36px; display: block; text-transform: uppercase; background: url('../images/dc01.jpg') no-repeat left top 8px; padding-left: 20px; }
.Detail-nav li a.inactives { background: url('../images/dc02.png')no-repeat left top 12px; }
.Detail-nav li li a { padding-left: 30px; font-size: 14px; line-height: 28px; background: url('../images/dc01.jpg') no-repeat left 10px top 8px; }
.Detail-nav li li a.inactives { background: url('../images/dc02.png')no-repeat left 10px top 12px; }
.Detail-nav li li li a { padding-left: 40px; color: #959595; line-height: 22px; position: relative; background: none; }
.Detail-nav li li li a:before { content: ""; display: block; width: 5px; height: 1px; background: #959595; position: absolute; left: 30px; top: 50%; margin-top: -1px; }
.Detail-nav li ul { display: none; }
.Detail-nav li li ul { display: none; }
.Detail-nav li ul { display: none; }

.Location { margin-bottom: 20px; }
.Location span { font-size: 16px; color: #000; line-height: 36px; display: inline-block; text-transform: uppercase; }
.Location a { font-size: 16px; color: #000; line-height: 36px; display: inline-block; text-transform: uppercase; }

.Detail-product { }
.Detail-product .search { margin: 20px 0; }
.Detail-product .search h3 { font-size: 20px; float: left; font-weight: 300; }
.Detail-product .search h3 span { font-size: 12px; }
.Detail-product .search form { float: right; }
.Detail-product .search form input { font-size: 12px; width: 200px; color: #666666; float: left; line-height: 34px; padding: 0 10px; border: 1px solid #d6d6d6; box-shadow: 0 0 6px 1px #ccc; }
#submit { background-color: #000000; border: none; height: 36px; width: 48px; border-radius: 2px; overflow: hidden; background-image: url('../images/sou.png'); }

.productlist { margin: 0 -30px; }
.productlist ul { width: 100%; }
.productlist li { float: left; width: 33.33%; }
.productlist .item { margin: 20px 30px; }
.productlist .item .intro { margin: 10px 0; }
.productlist .item .intro span { display: block; font-size: 14px; color: #000000; line-height: 26px; border-bottom: 1px solid #d9d9d9; }
.productlist .item .intro h3 { font-size: 14px; color: #000000; line-height: 26px; }
.productlist .item .intro h4 { font-size: 12px; color: #000000; line-height: 20px; }

.Detail-product .title { border-bottom: 1px solid #000000; padding-bottom: 5px; }
.Detail-product .title h3 { font-size: 18px; color: #000000; line-height: 36px; text-transform: uppercase; border-bottom: 6px solid #000000; }

.MasterPic { margin: 40px 0 20px 0; border: 1px solid #e1e1e1; padding: 10px 30px; }
.MasterPic img { width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.Masterli { margin-bottom: 80px; margin-right: -15px; }
.Masterli li { float: left; width: 20%; }
.Masterli li .pic { border: 1px solid #e1e1e1; margin-right: 15px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.Masterli li.selected .pic { border: 1px solid #000; }

.ProductContact { margin-bottom: 80px; }
.ProductContact h2 { font-size: 22px; color: #000000; line-height: 36px; margin-bottom: 50px; text-transform: uppercase; }
.ProductContact p { font-size: 14px; color: #000000; line-height: 36px; }


.Detail-News { }
.Detail-News .title { margin-bottom: 20px; }
.Detail-News .title h3 { border-bottom: 1px solid #666666; }
.Detail-News .title h3 span { font-size: 22px; text-transform: uppercase; line-height: 40px; border-bottom: 1px solid #3d85c6; display: inline-block; font-weight: 300; }

.Newslist { }
.Newslist ul { width: 100%; }
.Newslist li { float: none; width: 100%; }
.Newslist .item { margin: 15px 0; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; }
.Newslist .item h3 { font-size: 16px; color: #000000; line-height: 32px; }
.Newslist .item span { font-size: 12px; color: #888888; line-height: 20px; }
.Newslist .item p { font-size: 14px; color: #888888; line-height: 22px; }

.NewsDetail { }
.NewsDetail h1 { font-size: 20px; color: #6d9eeb; font-weight: 200; line-height: 36px; text-align: center; }
.NewsDetail h2 { text-align: center; }
.NewsDetail h2 span { font-size: 14px; color: #5a5a5a; line-height: 26px; font-weight: 100; text-align: center; margin: 0 5px; }

.Detail-more { margin-top: 30px; margin-bottom: 30px; }
.Detail-more p { font-size: 16px; color: #959595; line-height: 26px; }
.Detail-more h2 { font-size: 24px; color: #000; line-height: 32px; }

.Detail-bottom { }
.Detail-bottom .prev, .Detail-bottom .next { }
.Detail-bottom .prev i, .Detail-bottom .next i { font-size: 16px; color: #5a5a5a; line-height: 26px; font-style: normal; text-transform: uppercase; display: inline-block; }
.Detail-bottom .prev a, .Detail-bottom .next a { font-size: 16px; color: #5a5a5a; line-height: 26px; margin-left: 5px; }
.Detail-bottom .return { font-size: 14px; line-height: 26px; color: #fff; background: #012c56; display: block; border-radius: 20px; padding: 5px 30px; }

.Contact { width: 80%; margin: 0 auto; }
.Contact .dtu { margin: 50px 0; }
.Contact .left { float: left; width: 60%; }
.Contact .right { float: right; width: 38%; }
.Contact .right .lt { float: left; width: 50%; text-align: center; }
.Contact .right .rt { float: right; width: 50%; text-align: center; margin-right: -10px; }
.Contact .Adress { }
.Contact .Adress p { font-size: 16px; line-height: 36px; color: #000000; text-transform: uppercase; }
.Contact .Qordce h3 { font-size: 16px; line-height: 26px; color: #000000; text-transform: uppercase; display: block; text-align: center; font-weight: 100; }
.Contact .Qordce h3 span { display: block; }


.Detail-Title { border-bottom: 1px solid #666666; }
.Detail-Title h3 { float: left; }
.Detail-Title h3 span { font-size: 22px; text-transform: uppercase; line-height: 40px; border-bottom: 1px solid #3d85c6; display: inline-block; font-weight: 300; }
.Detail-Title .About-Nav { float: right; }
.Detail-Title .About-Nav a { font-size: 14px; text-transform: uppercase; line-height: 40px; color: #000000; padding: 0 20px; margin: 0 10px; display: block; }
.Detail-Title .About-Nav li.selected a { background: #012c56; color: #fff; }
.Detail-Title .About-Nav li:hover a { background: #012c56; color: #fff; }
.Detail-Title .About-Nav .btn-m { display: none; }

.Detail-more img { margin: 20px auto; }

.Detail-message { width: 80%; margin: 30px auto; }
.Detail-message .title { margin-bottom: 30px; }
.Detail-message .title h3 { border-bottom: 1px solid #cccccc; }
.Detail-message .title h3 span { font-size: 20px; text-transform: uppercase; line-height: 40px; border-bottom: 1px solid #ec921b; display: inline-block; font-weight: 300; }
.Detail-message .controls { margin: 20px 0; }
.Detail-message label { width: 18%; float: left; margin-right: 1%; font-size: 18px; color: #000000; line-height: 32px; display: none; text-align: right; }
.Detail-message input { width: 50%; font-size: 14px; color: #000000; line-height: 32px; display: inline-block; border: 1px solid #dcdcdc; padding: 0 5px; }
.Detail-message i { color: #ff0000; display: inline-block; }
.Detail-message textarea { width: 80%; font-size: 14px; color: #000000; line-height: 32px; min-height: 200px; padding: 5px; box-sizing: border-box; border: 1px solid #dcdcdc; }
.Detail-message #submit { background: #012c56; color: #fff; font-size: 16px; line-height: 26px; padding: 5px 20px; text-align: center; display: block; margin-left: 19%; border: none; width: 100px; height: 40px; margin-top: 20px; }

@media (max-width: 640px) {
    .Detail-message { width: 100%; }
    .Detail-message label { font-size: 14px; width: 28%; margin-left: 0; float: left; }
    .Detail-message input { width: 65%; float: left; }
    .Detail-message i { float: left; }
    .Detail-message textarea { width: 68%; }
    .Detail-message #submit { margin: 20px auto; float: none; }
}

@media (max-width: 420px) {

    .Detail-message label { font-size: 14px; width: 100%; text-align: left; float: none; }
    .Detail-message input { width: 92%; float: none; }
    .Detail-message i { display: inline-block; float: none; }
    .Detail-message textarea { width: 96%; }
    .Detail-message #submit { }
}





@media (min-width: 1200px) {
}

@media (min-width: 768px) {
}


@media (max-width: 1200px) {
}



@media (max-width: 1024px) {
    .Detail-Title .About-Nav a { margin: 0; padding: 0 10px; }
}

@media (max-width: 768px) {
    .boxleft { width: 100%; float: none; }
    .boxright { width: 100%; float: none; }
    .sectionDetail { margin: 20px 0; margin-top: 0px; }
    .Detail-nav { margin-top: 0px; margin: 0 -10px; }
    .Detail-nav ul { width: 100%; background: #f2f2f2; }
    .Detail-nav ul li a.firsta { border-bottom: 1px solid #ccc; padding: 0 10px; line-height: 50px; position: relative; }
    .Detail-nav ul li a.firsta:after { position: absolute; right: 10px; content: ""; display: block; font-size: 10px; background: url('../images/icon_hide.png') no-repeat center center; width: 12px; height: 12px; top: 50%; margin-top: -6px; }
    .firsta.inactive.inactives::after { background-image: url('../images/icon_show.png'); }
    .Detail-nav li a.inactives { background: none; }
    .Detail-nav li li a.inactives { background: none; }
    .Detail-nav li a { background: none; }
    .Detail-nav li li a { padding-left: 20px; background: none; }

    .Location span { font-size: 14px; }
    .Location a { font-size: 14px; }

    .productlist .item { margin: 10px; }
    .productlist { margin: 0 -10px; }

    .Detail-Title { position: relative; }
    .Detail-Title h3 span { line-height: 48px; }
    .Detail-Title .About-Nav .btn-m { display: block; font-size: 26px; color: #000; line-height: 49px; width: 40px; height: 49px; text-align: center; position: absolute; right: 0; bottom: 0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
    .Detail-Title .About-Nav ul { z-index: 999; position: absolute; left: 0; top: 50px; background: #fff; width: 100%; display: none; z-index: 99; }
    .Detail-Title .About-Nav ul li { width: 100%; float: none; }
    .Detail-Title .About-Nav ul li a { margin: 0; text-align: center; border-bottom: 1px solid #f2f2f2; }
}

@media (max-width: 640px) {
    .productlist li { width: 50%; }
    .Detail-product .search h3 { width: 100%; float: none; text-align: center; margin: 20px 0; }
    .Detail-product .search form { width: 100%; float: none; }
    .Detail-product .search form { text-align: center; }
    #field { width: 70%; }
    .Masterli { margin-bottom: 30px; margin-right: 0; }
    .Masterli li:last-child .pic { margin-right: 0; }
    .ProductContact h2 { margin-bottom: 0px; }
    .ProductContact { margin-bottom: 40px; }
    .Newslist .item h3 { line-height: 26px; }
    .Contact { width: 100%; }
    .Contact .left { width: 100%; float: none; }
    .Contact .right { width: 100%; float: none; }

    .Detail-more { margin-top: 0px; }
    .Detail-more h2 { font-size: 18px; color: #000; line-height: 26px; }
}

@media (max-width: 420px) {
}


@media (max-width: 320px) {
}