.product-link {margin-top: 60px}
.product-link > ul{width: 1308px; left: 50%; transform: translateX(-50%); display: inline-block; margin-bottom: 70px; }
.product-link > ul >li {float: left; list-style: none; width: 320px; height: 65px; text-align: center; border: 1px solid #CCCCCC;line-height: 65px; margin-top: 10px; margin-right: 9px; cursor: pointer}
.product-link > ul >li:nth-child(4), .product-link > ul >li:nth-child(8){
    margin-right: 0px;
}

.current{color: #E15524; border: 1px solid #E15524 !important; cursor: pointer}

.product-link > div {border: 5px solid #cccccc; width: 1308px; margin: 0 auto; text-align: center;}
.product-link > div > h3 {font-size: 60px;color: #111111; font-family: 'Titillium Web', sans-serif; font-weight: 600; letter-spacing: -0.1rem; }

.section1{text-align: center; background-image: url("/new/img/sub/product-section1-bg.png"); background-repeat: no-repeat; background-position: center right; margin-bottom: 100px}
.section1 > img{}

.mo{display: none}


@media (max-width: 768px){
    .sub-header {background-image: url("/new/img/sub/m-product-header.png") !important; height: 180px !important; background-size: cover; }
    .product-link{width: 100%; margin: 0 auto; text-align: center;}
    .product-link > ul {width: 95%;margin-bottom: 35px;}
    .product-link > ul > li {width: 46%; height: 35px; line-height: 35px; font-size: 13px;}

    .product-link > div{width: 91%}
    .product-link > div > h3 {font-size: 30px;color: #111111; font-family: auto; font-weight: 600; letter-spacing: 0.1rem; padding: 20px; margin: 0px;}

    .section1{background-image: none}
    .section1 > .pc{display: none}
    .section1 > .mo{display: block;width: 90%; margin: 0 auto; padding-top: 50px;}
}