body { overflow-x: hidden } .line-big .xl4{padding-left: 2px;padding-right: 2px} ul li { list-style: none } @media (max-width: 759px) { .banner-res img { width: 100% } } @media (min-width: 760px) { .banner-res img { position: relative; left: 50%; -webkit-transform: translateX(-50%) } } .cw-a { padding-top: 20px } @media (min-width: 1000px) { .cw-a { padding-top: 40px } } .cw-a h1 { font-size: 24px; font-weight: normal } @media (min-width: 1200px) { .cw-a h1 { font-size: 32px } } .cw-a h1 span { color: #ff6600; font-weight: bold } .cw-a li { margin-bottom: 15px } .cw-a li img { margin: 0 auto } .cw-a p { font-size: 14px; line-height: 24px; margin-top: 10px } @media (min-width: 1200px) { .cw-a p { line-height: 34px; margin-top: 14px } } .cw-a p span { font-size: 16px; font-weight: bold } .common-h1 { padding-top: 20px } @media (min-width: 1000px) { .common-h1 { padding-top: 50px } } .common-h1 h1 { font-size: 20px; text-align: center; font-weight: normal } @media (min-width: 760px) { .common-h1 h1 { font-size: 24px } } @media (min-width: 1200px) { .common-h1 h1 { font-size: 32px } } .common-h1 h1 span { color: #ff6600; font-weight: bold } .cw-zy { background: #f1f1f1; margin-top: 20px } @media (min-width: 1000px) { .cw-zy { margin-top: 40px } } .cw-zy .cw-c p { line-height: 24px; padding-top: 15px } @media (min-width: 1000px) { .cw-zy .cw-c p { line-height: 34px; text-align: center; padding-top: 20px } } .cw-zy .cw-c .cw-c-a { margin-top: 27px } .cw-zy .cw-c .cw-c-1 p { font-size: 16px; font-weight: bold; padding-top: 0 } @media (min-width: 1000px) { .cw-zy .cw-c .cw-c-1 p { color: #ffffff; background: #ff6600; padding-bottom: 10px; padding-top: 15px } } @media (min-width: 1200px) { .cw-zy .cw-c .cw-c-1 p { padding-bottom: 15px; padding-top: 25px; font-size: 18px } } .cw-zy .cw-c .cw-c-1 .cw-2 { font-size: 16px; line-height: 28px; text-align: left; font-weight: normal } @media (min-width: 1000px) { .cw-zy .cw-c .cw-c-1 .cw-2 { background: #535ba6; padding: 10px 10px 16px 17px } } @media (min-width: 1200px) { .cw-zy .cw-c .cw-c-1 .cw-2 { padding: 30px 10px 34px 19px; line-height: 32px } } .cw-zy .cw-c .cw-c-2 { margin-top: 30px } @media (min-width: 1000px) { .cw-zy .cw-c .cw-c-2 { margin-top: 45px } } .cw-zy .cw-c .cw-c-2 p { padding-top: 0; line-height: 28px; text-align: center } .cw-zy .cw-c .cw-c-2 img { margin: 0 auto } .cw-zy .cw-c .cw-c-2 .cw-arrow { display: none } @media (min-width: 1000px) { .cw-zy .cw-c .cw-c-2 .cw-arrow { display: block } } .cw-zy .cw-c .cw-c-2 .cw-a-1 { display: none } @media (min-width: 760px) and (max-width: 999px) { .cw-zy .cw-c .cw-c-2 .cw-a-1 { display: block } } .cw-zy .cw-c .cw-c-3 { margin-top: 30px; margin-bottom: 70px } @media (min-width: 450px) { .cw-zy .cw-c .cw-c-3 { margin-bottom: 10px } } .cw-zy .cw-c .cw-c-3 p { padding-top: 0; line-height: 24px; text-align: center } @media (min-width: 1200px) { .cw-zy .cw-c .cw-c-3 p { line-height: 31px } } .cw-zy .cw-c .cw-c-3 .cw-p1 { font-weight: bold; font-size: 16px } @media (min-width: 1000px) { .cw-zy .cw-c .cw-c-3 .cw-p1 { font-size: 18px } } .cw-zy .cw-c .cw-c-3 .cw-p2 { font-weight: bold; color: #ff6600; padding-top: 5px; font-size: 16px } @media (min-width: 1000px) { .cw-zy .cw-c .cw-c-3 .cw-p2 { font-size: 18px } } .cw-zy .cw-c .cw-c-3 img { margin: 0 auto } .cw-zy .cw-c .cw-c-3 .cl { width: 50%; float: left; padding-right: 35px } @media (min-width: 450px) { .cw-zy .cw-c .cw-c-3 .cl { padding-right: 40px } } .cw-zy .cw-c .cw-c-3 .cl p { font-size: 14px } @media (min-width: 1000px) { .cw-zy .cw-c .cw-c-3 .cl p { font-size: 16px } } .cw-zy .cw-c .cw-c-3 .cl .cl-l { font-weight: bold; color: #ff6600 } .cw-zy .cw-c .cw-c-3 .cr { width: 50%; float: left; padding-left: 99px } @media (min-width: 450px) and (max-width: 599px) { .cw-zy .cw-c .cw-c-3 .cr { padding-left: 30px } } @media (min-width: 600px) and (max-width: 699px) { .cw-zy .cw-c .cw-c-3 .cr { padding-left: 0px } } @media (min-width: 700px) and (max-width: 759px) { .cw-zy .cw-c .cw-c-3 .cr { margin-left: -66px } } @media (min-width: 760px) and (max-width: 999px) { .cw-zy .cw-c .cw-c-3 .cr { padding-left: 60px } } @media (min-width: 1000px) { .cw-zy .cw-c .cw-c-3 .cr { padding-left: 70px } } .cw-zy .cw-c .cw-c-3 .cr p { font-size: 14px } @media (min-width: 1000px) { .cw-zy .cw-c .cw-c-3 .cr p { font-size: 16px } } .cw-zy .cw-c .cw-c-3 .cr .cl-r { font-weight: bold; color: #ff6600 } .cw-d p { padding-top: 14px } @media (min-width: 1000px) { .cw-d p { font-size: 16px; text-align: center } } .cw-d .cw-d-1 { margin-bottom: 20px } @media (min-width: 1000px) { .cw-d .cw-d-1 { margin-top: 30px; background: #ff6600; color: #fff } } @media (min-width: 1200px) { .cw-d .cw-d-1 { margin-top: 40px } } .cw-d .cw-d-1 h2 { font-size: 18px; font-weight: normal; padding-top: 10px; color: #ff6600 } @media (min-width: 1000px) { .cw-d .cw-d-1 h2 { font-size: 24px; font-weight: bold; color: #ffffff } } .cw-d .cw-d-1 p { font-size: 14px; padding-top: 15px; text-align: left } @media (min-width: 1000px) { .cw-d .cw-d-1 p { line-height: 32px } } @media (max-width: 999px) { .cw-d .cw-d-1 li { margin-bottom: 10px } } @media (min-width: 1000px) { .cw-d .cw-d-1 .cw-p-l { padding-left: 30px; padding-top: 15px } } @media (min-width: 1200px) { .cw-d .cw-d-1 .cw-p-l { padding-top: 35px; padding-left: 30px; padding-right: 30px } } @media (min-width: 1000px) { .cw-d .cw-e { padding-top: 25px } } .cw-d .cw-e li { margin-bottom: 10px } .cw-d .cw-e p { font-size: 14px; text-align: left; line-height: 24px; padding-top: 6px } @media (min-width: 1000px) { .cw-d .cw-e p { line-height: 32px; text-indent: 2em; padding-top: 14px } } .cw-d .cw-e .posui { font-weight: bold; padding-top: 6px; text-indent: 0 } @media (min-width: 1000px) { .cw-d .cw-e .posui { padding-top: 14px } } .cw-d .cw-e .psui { margin-top: 6px } .cw-d .cw-e .psui img { margin: 0 auto } .cw-d .cw-e .psui .trans .active .ziti { background: #ff6600; color: #ffffff } .cw-d .cw-e .psui .trans .ziti { font-size: 16px; font-weight: bold; line-height: 36px; background: #eeeeee; color: #ff6600; text-align: center } .cw-d .cw-e .psui .trans .ziti:hover { background: #ff6600; color: #ffffff } .cw-d .cw-e .psui .product .sui { display: none } .cw-d .cw-e .psui .product .active { display: block } .cw-d .cw-e .psui .product .active .sui-p { text-indent: 0; text-align: left; font-weight: normal; } .cw-d .cw-e .psui .product .active p { text-align: center; text-indent: 0; padding-top: 5px; line-height: 20px; height: 39px; font-weight: normal; } @media (min-width: 1000px) { .cw-d .cw-e .psui .sui-ul { margin-top: 20px } } @media (min-width: 1200px) { .cw-d .cw-e .psui .sui-ul { margin-top: 5px } } .cw-d .cw-e .xz { margin-top: 10px } @media (min-width: 1000px) { .cw-d .cw-e .xz { position: relative; display: block; width: 100%; margin-top: 45px } } @media (min-width: 1200px) { .cw-d .cw-e .xz { margin-top: 60px } } .cw-d .cw-e .xz .xzp { border-bottom: 1px solid #ff6600; position: relative; display: none } @media (min-width: 1000px) { .cw-d .cw-e .xz .xzp { display: block } } .cw-d .cw-e .xz .xz-p { color: #ff6600 } @media (min-width: 1000px) { .cw-d .cw-e .xz .xz-p { padding-top: 0; background: #ff6600; color: #ffffff; line-height: 34px; text-indent: 0; text-align: center; width: 63%; position: absolute; bottom: -16px; left: 20% } } .cw-d .cw-e .fenxuan { margin-top: 5px } @media (min-width: 1000px) { .cw-d .cw-e .fenxuan { margin-top: 25px } } .cw-d .cw-e .fenxuan img { margin: 0 auto } .cw-d .cw-e .fenxuan p { text-align: center; text-indent: 0; padding-top: 0 } .cw-f .cw-f-1 { margin-top: 0 } .cw-g { margin-top: 10px } @media (min-width: 1000px) { .cw-g { margin-top: 30px } } .cw-g h3 { color: #ff6600; text-align: center } .cw-g p { padding-top: 10px } @media (min-width: 1000px) { .cw-g p { text-align: center; padding-top: 18px } } .cw-g .cw-g-1 p { padding-top: 0; text-align: center } .cw-g .cw-g-1 img { margin: 0 auto } .cw-h { margin-top: 30px } .cw-h h2 { font-weight: normal } .cw-h li { margin-top: 10px; margin-bottom: 10px } .cw-h .cw-h-a .c-h { padding-top: 10px } @media (min-width: 550px) and (max-width: 999px) { .cw-h .cw-h-a .c-h { background: #eeeeee; padding-bottom: 10px; padding-left: 20px; padding-left: 10px } } @media (min-width: 1000px) { .cw-h .cw-h-a .c-h { padding-top: 10px; padding-left: 15px; background: #eeeeee } } @media (min-width: 1200px) { .cw-h .cw-h-a .c-h { padding-top: 15px; padding-left: 20px; padding-bottom: 11px } } .cw-h .cw-h-a .c-h p { line-height: 26px } @media (min-width: 1200px) { .cw-h .cw-h-a .c-h p { line-height: 28px } } .cw-h .cw-h-a .c-h p a:hover { color: #ff6600 } a:hover p { color: #ff6600 } a .cw-h-1 { margin-top: 10px } a .cw-h-1 img { margin: 0 auto } .cw-m { margin-top: 30px } .cw-m ul { margin-top: 10px } @media (min-width: 1000px) { .cw-m ul { margin-top: 20px } } .cw-m ul li { margin-bottom: 20px } .cw-m ul li:hover p { color: #ff6600 } .cw-m h2 { font-weight: normal } .cw-m img { margin: 0 auto } .cw-m p { text-align: center; line-height: 32px; padding-top: 10px }