body{background-color:#fff;} .header_bar .nav .nav_box .li .title.product{color:#2a56b4;} .content01{width:100% ; height:210px; background:url(../jpg/bg.jpg) top center ;background-size:cover; overflow:hidden;padding-top:70px;} .content01 img{ display:block;width:160px; margin:100px auto; padding-left:35px;} @media screen and (min-width: 1800px){ .content01{width:100% ; height:280px;} .content01 img{width:180px; margin:150px auto 100px auto;} } @media screen and (max-width: 1799px) and (min-width: 1600px) { .content01{width:100% ; height:260px;} .content01 img{width:180px; margin:130px auto 100px auto;} } @media screen and (max-width: 700px) { .content01{width:100% ; height:160px; background:url(../jpg/bg.jpg) top right ;background-size:cover; overflow:hidden;padding-top:70px;} .content01 img{ display:block;width:140px; margin:80px auto; padding-left:35px;} } /************************************************************************************/ .top_menu_nav_box{width:100%;height:60px; background:#eee; border-bottom:1px solid #cdcdcd;position:relative; z-index:9888;} .top_menu_nav_box .nav_box{width:960px;height:60px;background-color:#eee;margin:0 auto;padding-left:20px;} .top_menu_nav_box .nav_box .li{ display:block;height:60px;padding:0px 25px;float:left;position:relative; border-left:1px solid #cdcdcd; } .top_menu_nav_box .nav_box .li:before { content: "";height:100%;display: inline-block;vertical-align: middle;} .top_menu_nav_box .nav_box .li:nth-of-type(1){border:none;} .top_menu_nav_box .nav_box .li .title{display:inline-block;vertical-align: middle;color:#777;font-size:16px;letter-spacing:0.5px;line-height:19px; font-weight:400; text-align:center;margin-top:0px;font-family: Microsoft JhengHei ;} .top_menu_nav_box .nav_box .li .title.color{color:#2a56b4;} .top_menu_nav_box .nav_box .li:hover {background-color:#2a56b4;color:#fff;} .top_menu_nav_box .nav_box .li:hover .title{color:#fff;} .top_menu_nav_box .nav_box .li:hover .downbox.product{display:block;left:50%; margin-left:-105px;top:60px;border-top:0px solid #cdcdcd ;} .top_menu_nav_box .downbox{display:none;width:210px;height:auto;background-color:#eee;box-shadow:2px 2px 8px rgba(0,0,0,0.2);position:absolute;right:0px;top:60px; border-radius:0px 0px 5px 5px; overflow:hidden;z-index:5;} .top_menu_nav_box .downbox.active{display:block;opacity:1;} .top_menu_nav_box .downbox a{display:block;} .top_menu_nav_box .downbox .item{width:100%;padding:10px 0px; border-top:1px solid #cdcdcd;overflow:hidden;position:relative;} .top_menu_nav_box .downbox .item:nth-of-type(1){border-top:0px;} .top_menu_nav_box .downbox .item p{float:left;font-size:14px; letter-spacing:0.5px;color:#777;width:160px; margin-left:15px;position:relative; } .top_menu_nav_box .downbox .item .arrow{width:5px;height:5px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg); border-bottom:2px solid #777;border-right:2px solid #777; float:left;position:absolute;top:50%;right:10px; margin-top:-2px;} .top_menu_nav_box .downbox .item:hover{background-color:#2a56b4; } .top_menu_nav_box .downbox .item:hover p{color:#fff; } .top_menu_nav_box .downbox .item:hover .arrow{border-bottom:2px solid #fff;border-right:2px solid #fff; } .top_menu_nav_box .downbox .blue_arrow{width:18px;height:18px; background-color:#2a56b4; position:absolute; top:-15px; left:50%; margin-left:-9px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} @media screen and (min-width: 1800px){ .top_menu_nav_box{width:100%;height:80px;} .top_menu_nav_box .nav_box{width:1280px;height:80px;} .top_menu_nav_box .nav_box .li{height:80px;padding:0px 32px;} .top_menu_nav_box .nav_box .li .title{font-size:20px;letter-spacing:1px;line-height:24px;margin-top:-4px;} .top_menu_nav_box .nav_box .li:hover .downbox.product{margin-left:-140px;top:80px;} .top_menu_nav_box .downbox{width:280px;right:0px;top:70px;} .top_menu_nav_box .downbox .item{width:100%;padding:13px 0px;} .top_menu_nav_box .downbox .item:nth-of-type(1){border-top:0px;} .top_menu_nav_box .downbox .item p{float:left;font-size:19px;width:230px;margin-left:15px; } } @media screen and (max-width: 1799px) and (min-width: 1600px) { .top_menu_nav_box{width:100%;height:70px; } .top_menu_nav_box .nav_box{width:1110px;height:70px;padding-left:20px;} .top_menu_nav_box .nav_box .li{height:70px;padding:0px 29px;float:left;} .top_menu_nav_box .nav_box .li .title{font-size:18px;letter-spacing:0.5px;line-height:22px;margin-top:-4px;} .top_menu_nav_box .nav_box .li:hover .downbox.product{margin-left:-128px;top:70px;} .top_menu_nav_box .downbox{width:250px;right:0px;top:70px;} .top_menu_nav_box .downbox .item{width:100%;padding:13px 0px; } .top_menu_nav_box .downbox .item:nth-of-type(1){border-top:0px;} .top_menu_nav_box .downbox .item p{float:left;font-size:16px;width:200px; margin-left:15px; } } @media screen and (max-width: 959px) and (min-width: 700px){ .top_menu_nav_box .nav_box{width:720px;height:60px;background-color:#eee;margin:0 auto;padding-left:0px;} .top_menu_nav_box .nav_box .li{height:60px;padding:0px 8px;float:left;position:relative; border-left:1px solid #cdcdcd; } .top_menu_nav_box .nav_box .li:hover .downbox.product{margin-left:-95px;top:60px;} .top_menu_nav_box .downbox{width:180px;right:0px;top:60px;} .top_menu_nav_box .downbox .item{width:100%;padding:13px 0px; border-top:1px solid #cdcdcd;overflow:hidden;position:relative;} .top_menu_nav_box .downbox .item:nth-of-type(1){border-top:0px;} .top_menu_nav_box .downbox .item p{float:none;font-size:15px; width:130px; margin-left:auto; margin:0 auto; text-align:center; } .top_menu_nav_box .downbox .item .arrow{display:none;} .top_menu_nav_box .downbox .blue_arrow{ margin-left:-4px;} } @media screen and (max-width: 700px) { .top_menu_nav_box{display:none;} } /************************************************************************************/ .content02{width:100%; overflow:hidden; position:relative;} .content02 .navigation{width:960px; margin:50px auto 10px auto;position:relative; font-weight:400;} .content02 .navigation .box{float:right; font-size:16px; font-weight:300;} .content02 .navigation .box a{ color:#888; letter-spacing:0.5px; } .content02 .navigation .box span{ color:#2a56b4; letter-spacing:0.5px; } .content02 .center_area{width:100%; margin:20px 0px 20px 0;overflow:hidden;} .content02 .center_area .item_area{width:1000px; margin:20px auto 10px auto;overflow:hidden; position:relative;} .content02 .center_area .item_area .side_box{width:100%;overflow:hiddden; overflow:hidden;float:left;width:500px;height:auto; margin:0px 10px 10px 10px;} .content02 .center_area .item_area .side_box .item_box{display:block;width:498px; height:520px; margin-bottom:10px; background-color:#;overflow:hidden;transition:0.3s;-webkit-transition:0.3s;position:relative;border:1px solid #dddddd; border-radius:5px;padding-bottom:0px;position:relative;} /* .content02 .center_area .item_area .side_box .item_box:before{content: "";height: 100%; display: inline-block;vertical-align: middle;} */ .content02 .center_area .item_area .side_box .item_box .cycle-slideshow{overflow:hidden;width:480px; height:480px;position:relative;margin:-20px auto 0 auto ; } .content02 .center_area .item_area .side_box .item_box .cycle-slideshow img{display:block;width:100%;position:absolute;top:0;left:0;padding-top:10px;} .content02 .center_area .item_area .side_box .center{text-align:center; margin:0px 8px;} .content02 .center_area .item_area .side_box .center img{width:54px;} .content02 .center_area .item_area .side_box .cycle-prev{position:absolute; width:100px;height:100%;left:0px;top:0px;z-index:999;background:url(../png/prev-2.png) 12% 50% no-repeat; opacity:0;cursor: pointer;} .content02 .center_area .item_area .side_box .cycle-prev:hover{opacity:0.8;} .content02 .center_area .item_area .side_box .cycle-next{position:absolute; width:100px;height:100%;right:0px;top:0px;z-index:999;background:url(../png/next-2.png) 88% 50% no-repeat; opacity:0;cursor: pointer; } .content02 .center_area .item_area .side_box .cycle-next:hover{opacity:1;} .content02 .center_area .item_area .side_box #adv-custom-pager{} .content02 .center_area .item_area .side_box #adv-custom-pager img {border:1px solid #fff; border-radius:5px; margin:auto 2px; } .content02 .center_area .item_area .side_box #adv-custom-pager .cycle-pager-active img {border:1px solid #dddddd; border-radius:5px; } .content02 .center_area .item_area .side_box .label_box{width:100%; height:30px; background-color:#; margin-bottom:10px; padding-top:10px; } .content02 .center_area .item_area .side_box .label.hot_label{width:50px; float:left;margin:0px 3px; } .content02 .center_area .item_area .side_box .label.sale_label{width:50px;float:left; margin:0px 3px;} .content02 .center_area .item_area .side_box .label.new_label{width:50px; float:left;margin:0px 3px;} .content02 .center_area .item_area .side_box .label:nth-of-type(1){ margin-left:10px;} .content02 .center_area .item_area .title_box{width:470px; float:right;padding:20px 0px; margin:0px 0px 10px 0px; position:relative; font-size:30px; letter-spacing:0.5px; line-height:34px; color:#2a56b4;} .content02 .center_area .item_area .title_box .dot_bg{position:absolute;width:100%;height:10px;background:url(../png/dot_bg.png);opacity:0.5;} .content02 .center_area .item_area .title_box .dot_bg.top{top:0px;left:0px;} .content02 .center_area .item_area .title_box .dot_bg.bottom{bottom:0px;left:0px;} .content02 .center_area .item_area .right_box{float:right; width:470px; } .content02 .center_area .item_area .right_box .text_box{width:100%;overflow:hidden;margin:10px 0px;} .content02 .center_area .item_area .right_box .text_box .text{width:100%; font-size:15px;color:#777;font-weight:300; letter-spacing:0.5px;overflow:hidden;padding:3px 0px;} .content02 .center_area .item_area .right_box .text_box .text .dot{float:left;margin-top:7px;width:5px;height:5px;border-radius:15px;background-color:#777;} .content02 .center_area .item_area .right_box .text_box .text .in_p{float:right;width:97%; height:auto;overflow:hidden;} .content02 .center_area .item_area .right_box .price_qty_box{width:100%;min-height:40px;overflow:hidden;margin:25px 0px;position:relative;} .content02 .center_area .item_area .right_box .price_qty_box:before{content: "";display: inline-block;vertical-align: middle;} .content02 .center_area .item_area .right_box .price_qty_box .price{width:48%; display: inline-block;vertical-align: middle; color:#777; font-weight:400;letter-spacing:0.5;} .content02 .center_area .item_area .right_box .price_qty_box .price .was_price{font-size:18px;margin:10px 0px;text-decoration:line-through;font-family: Microsoft JhengHei;} .content02 .center_area .item_area .right_box .price_qty_box .price .now_price{font-size:26px;font-family: Microsoft JhengHei;} .content02 .center_area .item_area .right_box .price_qty_box .price .now_price span{font-size:38px;color:#2a56b4;font-family: 'Fjalla One', sans-serif; } .content02 .center_area .item_area .right_box .price_qty_box .qty{width:48%; display: inline-block;vertical-align: middle;} .content02 .center_area .item_area .right_box .price_qty_box .qty .qty_center{ width:100%;} .content02 .center_area .item_area .right_box .price_qty_box .qty select{float:right;width:58%;background-color:#fff; border-radius:5px;padding:5px; font-size:14px;} .content02 .center_area .item_area .right_box .price_qty_box .qty p{float:left; margin-left:25px; font-size:20px; color:#777;line-height:32px;} .content02 .center_area .item_area .right_box .price_qty_box .line{width:1px;height:100%;background-color:#dddddd;position:absolute;left:50%; top:0px;} .content02 .center_area .item_area .right_box .bth_box{width:235px;overflow:hidden;margin:0px 0px; float:right;} .content02 .center_area .item_area .right_box .bth_box .bth{ display:block;width:188px; height:45px;padding:0px 20px; line-height:45px;margin:13px 0px; border-radius:5px; position:relative;} .content02 .center_area .item_area .right_box .bth_box .bth input{cursor:pointer;} .content02 .center_area .item_area .right_box .bth_box .bth p{font-family: 'Fjalla One', sans-serif; font-size:24px;position:absolute;right:25px; top:13px;} .content02 .center_area .item_area .right_box .bth_box .bth img{width:40px;position:absolute;cursor:pointer;} .content02 .center_area .item_area .right_box .bth_box .bth .hover{opacity:0;} .content02 .center_area .item_area .right_box .bth_box .bth.add_to_cart{border:3px solid #ef492e; color:#ef492e;} .content02 .center_area .item_area .right_box .bth_box .bth.add_to_cart img{left:25px; top:5px; } .content02 .center_area .item_area .right_box .bth_box .bth.add_to_cart:hover{background-color:#ef492e; color:#fff;} .content02 .center_area .item_area .right_box .bth_box .bth.checkout{border:3px solid #2056b7; color:#2056b7;} .content02 .center_area .item_area .right_box .bth_box .bth.checkout p{right:37px;} .content02 .center_area .item_area .right_box .bth_box .bth.checkout img{left:30px; top:5px; } .content02 .center_area .item_area .right_box .bth_box .bth.checkout:hover{background-color:#2056b7; color:#fff;} .content02 .center_area .item_area .right_box .bth_box .bth:hover .onhover{opacity:0;} .content02 .center_area .item_area .right_box .bth_box .bth:hover .hover{opacity:1;} @media screen and (min-width: 1600px) { .content02 .navigation{width:1250px;} .content02 .navigation .box { font-size:20px; } .content02 .center_area{width:100%; margin:20px 0 20px 0;overflow:hidden;} .content02 .center_area .item_area{width:1230px; margin:20px auto 10px auto;overflow:hidden; position:relative;} .content02 .center_area .item_area .side_box{width:600px; margin:0px 10px 10px 10px;} .content02 .center_area .item_area .side_box .item_box{display:block;width:598px;height:620px;} .content02 .center_area .item_area .side_box .item_box .cycle-slideshow{width:580px; height:580px;} .content02 .center_area .item_area .side_box .center img{width:65px;} .content02 .center_area .item_area .side_box .item_box .hot_label{width:60px;} .content02 .center_area .item_area .side_box .item_box .sale_label{width:60px;} .content02 .center_area .item_area .side_box .item_box .new_label{width:60px;} .content02 .center_area .item_area .title_box{width:600px; float:right;padding:20px 0px;font-size:34px;letter-spacing:1px; line-height:40px;} .content02 .center_area .item_area .title_box .dot_bg{width:100%;height:13px;} .content02 .center_area .item_area .right_box{float:right; width:600px; } .content02 .center_area .item_area .right_box .text_box .text{width:100%; font-size:19px;color:#777;font-weight:300; letter-spacing:0.5px;overflow:hidden;padding:3px 0px;} .content02 .center_area .item_area .right_box .text_box .text .dot{float:left;margin-top:7px;width:5px;height:5px;;} .content02 .center_area .item_area .right_box .price_qty_box{width:100%;} .content02 .center_area .item_area .right_box .price_qty_box .price .was_price{ font-size:24px;margin:13px 0px;} .content02 .center_area .item_area .right_box .price_qty_box .price .now_price{font-size:30px; } .content02 .center_area .item_area .right_box .price_qty_box .price .now_price span{font-size:48px;} .content02 .center_area .item_area .right_box .price_qty_box .price .vip_price{font-size:30px; } .content02 .center_area .item_area .right_box .price_qty_box .price .vip_price span{font-size:48px;} .content02 .center_area .item_area .right_box .price_qty_box .qty .qty_center{ width:100%;} .content02 .center_area .item_area .right_box .price_qty_box .qty select{padding:8px; font-size:18px;width:180px;} .content02 .center_area .item_area .right_box .price_qty_box .qty p{margin-right:20px;font-size:24px;line-height:47px; } .content02 .center_area .item_area .right_box .bth_box{width:285px;overflow:hidden;margin:10px 0px} .content02 .center_area .item_area .right_box .bth_box .bth{ display:block;width:238px; height:55px;} .content02 .center_area .item_area .right_box .bth_box .bth p{font-size:28px;position:absolute;right:32px; top:17px;} .content02 .center_area .item_area .right_box .bth_box .bth img{width:45px;} .content02 .center_area .item_area .right_box .bth_box .bth.add_to_cart img{left:40px; top:5px; } .content02 .center_area .item_area .right_box .bth_box .bth.checkout p{right:45px;} .content02 .center_area .item_area .right_box .bth_box .bth.checkout img{left:45px; top:8px; } } @media screen and (max-width: 1600px) and (min-width: 1401px) { .content02 .navigation .box { font-size:18px; } } @media screen and (max-width: 1024px) and (min-width: 960px){ .content02 .navigation .box { font-size:14px; } .content02 .center_area .item_area{width:960px;} .content02 .center_area .item_area .side_box{width:460px;} .content02 .center_area .item_area .side_box .item_box{display:block;width:458px; } .content02 .center_area .item_area .side_box .item_box .cycle-slideshow{overflow:hidden;width:440px; height:440px;} .content02 .center_area .item_area .right_box{float:right; width:460px; } .content02 .center_area .item_area .side_box .center img{width:48px;} } @media screen and (max-width: 959px) and (min-width:700px){ .content02 .navigation{width:670px;} .content02 .navigation .box { font-size:14px; } .content02 .center_area .item_area{width:700px;} .content02 .center_area .item_area .side_box{width:560px; float:none; margin:0px auto 10px auto;} .content02 .center_area .item_area .side_box .item_box{display:block;width:558px;height:580px; } .content02 .center_area .item_area .side_box .item_box .cycle-slideshow{overflow:hidden;width:540px; height:540px;} .content02 .center_area .item_area .side_box .center img{width:58px;} .content02 .center_area .item_area .title_box{width:100%; float:none;padding:20px 0px; margin:0px auto 35px auto; position:relative; font-size:30px; color:#2a56b4;} .content02 .center_area .item_area .right_box{float:none; width:560px; margin:0px auto 10px auto;} .content02 .center_area .item_area .right_box .text_box{width:100%;overflow:hidden;margin:25px 0px;} .content02 .center_area .item_area .right_box .bth_box{width:550px;overflow:hidden;margin:10px auto; float:none;} .content02 .center_area .item_area .right_box .bth_box .bth{ display:block;width:200px; height:50px;float:left; margin-left:20px;} .content02 .center_area .item_area .right_box .bth_box .bth p{font-size:28px;position:absolute;right:25px; top:17px;} .content02 .center_area .item_area .right_box .bth_box .bth img{width:45px;} .content02 .center_area .item_area .right_box .bth_box .bth.add_to_cart img{left:20px; top:5px; } .content02 .center_area .item_area .right_box .bth_box .bth.checkout p{right:35px;} .content02 .center_area .item_area .right_box .bth_box .bth.checkout img{left:25px; top:5px; } } @media screen and (max-width: 700px) { .content02 .navigation{display:none;} .content02 .center_area{width:100%; margin:60px 0 0px 0;overflow:hidden;} .content02 .center_area .item_area{width:300px;} .content02 .center_area .item_area .side_box{width:298px; float:none; margin:0px auto 10px auto;} .content02 .center_area .item_area .side_box .item_box{display:block;width:99%;height:auto; padding-bottom:10px;} .content02 .center_area .item_area .side_box .item_box .cycle-slideshow{overflow:hidden;width:300px; height:300px;position:relative;margin:-20px auto 0 auto ;} .content02 .center_area .item_area .side_box .item_box .cycle-slideshow img{display:block;width:98.5%;position:absolute;} .content02 .center_area .item_area .side_box .center img{width:50px;} .content02 .center_area .item_area .side_box .item_box .hot_label{width:50px;} .content02 .center_area .item_area .side_box .item_box .sale_label{width:50px;} .content02 .center_area .item_area .side_box .item_box .new_label{width:50px;} .content02 .center_area .item_area .title_box{width:100%; float:none;padding:20px 0px;margin:0px auto 35px auto;position:relative; font-size:26px;line-height:30px; color:#2a56b4;} .content02 .center_area .item_area .right_box{float:none; width:100%; margin:0px auto 10px auto;} .content02 .center_area .item_area .right_box .text_box{width:100%;overflow:hidden;margin:25px 0px 15px 0px;} .content02 .center_area .item_area .right_box .bth_box{width:235px;overflow:hidden;margin:10px auto; float:none;} .content02 .center_area .item_area .right_box .price_qty_box{width:100%;position:relative; } .content02 .center_area .item_area .right_box .price_qty_box:before{content: "";display: inline-block;vertical-align: middle;} .content02 .center_area .item_area .right_box .price_qty_box .price{color:#777; font-weight:300;letter-spacing:0.5;} .content02 .center_area .item_area .right_box .price_qty_box .price .was_price{font-size:14px;} .content02 .center_area .item_area .right_box .price_qty_box .price .now_price{font-size:15px; } .content02 .center_area .item_area .right_box .price_qty_box .price .now_price span{font-size:30px;} .content02 .center_area .item_area .right_box .price_qty_box .qty{width:48%; display: inline-block;vertical-align: middle;} .content02 .center_area .item_area .right_box .price_qty_box .qty .qty_center{ width:100%; margin-left:10px;} .content02 .center_area .item_area .right_box .price_qty_box .qty select{width:58%;height:35px; font-size:14px;float:none; } .content02 .center_area .item_area .right_box .price_qty_box .qty p{margin-left:0px;margin-right:8px;font-size:16px;line-height:230%; } } /************************************************************************************/ .content03{ width:100%; overflow:hidden; padding:80px 0px;background:url(../jpg/bg2.jpg) fixed ; background-size:cover; margin:0px 0px; position:relative; } .content03 .top_bg{width:120%;position:absolute;height:100px;top:-70px;transform:rotate(-3deg); -webkit-transform:rotate(-3deg); background-color:#fff;} .content03 .bottom_bg{width:120%;position:absolute;height:100px;bottom:-70px;transform:rotate(-3deg);-webkit-transform:rotate(-3deg); background-color:#fff;} .content03 .center_arae{width:900px;margin:100px auto;} .content03 .center_arae .text{color:#777;font-size:14px; letter-spacing:0.5px;line-height:20px;font-weight:300; } .content03 .center_arae .text span{line-height:150%;} .content03 .center_arae .phone_form_box{display:none;} .content03 .center_arae .form_box{ width:100%;} .content03 .center_arae .form_box table{width:100%; margin-bottom:30px; font-size:18px; margin:0px auto 30px auto; text-align:center; color:#555;font-size:14px;font-weight:300;letter-spacing:0.5px; } .content03 .center_arae .form_box th{ padding:10px;border:1px solid #999;} .content03 .center_arae .form_box td{ padding:10px;border:1px solid #999; background-color:rgba(255,255,255,0.8);font-size:18px;} .content03 .center_arae .form_box td.color{ background-color:#eee;font-size:16px;} .content03 .center_arae .form_box tr{width:15.5%;} @media screen and (min-width: 1600px){ .content03 .center_arae{width:1100px;margin:130px auto;} .content03 .top_bg{width:120%;position:absolute;height:140px;top:-70px;} .content03 .bottom_bg{width:120%;position:absolute;height:140px;bottom:-70px;} .content03 .center_arae .form_box th{ padding:15px;} .content03 .center_arae .form_box td{ padding:15px;font-size:18px;} .content03 .center_arae .text{font-size:18px; letter-spacing:1px;line-height:24px; } .content03 .center_arae .form_box td.color{ font-size:18px;} } @media screen and (max-width: 959px) and (min-width:700px){ .content03 .center_arae{width:710px;margin:100px auto;} } @media screen and (max-width: 700px) { .content03{ width:100%; overflow:hidden; padding:60px 0px;} .content03 .center_arae{width:90%;margin:40px auto;} .content03 .center_arae .form_box{display:none;} .content03 .center_arae .phone_form_box{ display:block;width:100%;} .content03 .center_arae .phone_form_box table{width:100%; margin-bottom:30px; font-size:14px; margin:0px auto 30px auto; text-align:center; color:#555;font-size:14px;font-weight:300;letter-spacing:0.5px; } .content03 .center_arae .phone_form_box th{ padding:10px;border:1px solid #999;} .content03 .center_arae .phone_form_box td{ padding:10px;border:1px solid #999; background-color:rgba(255,255,255,0.8);} .content03 .center_arae .phone_form_box td.color{ width:30%; background-color:#eee;} } /************************************************************************************/ .content04 { width:100%; overflow:hidden;height:730px; padding:30px 0px 100px 0px; background:#fff; margin:0px 0px; position:relative;} .content04 .btn_area{display:block;width:790px; overflow:hidden; margin:30px auto; } .content04 .btn_area .btn{display:block;float:left;margin:0px 15px; border-radius:5px;font-size:22px; font-weight:400;width:188px; height:45px;padding:0px 20px; line-height:45px;text-align:center;font-family: 'Fjalla One', sans-serif; } .content04 .btn_area .btn.one{border:2px solid #ef492e; color:#ef492e;position:relative;} .content04 .btn_area .btn.one:hover{background:#ef492e;color:#fff;} .content04 .btn_area .btn.two{border:2px solid #2a56b4; color:#2a56b4;position:relative;} .content04 .btn_area .btn.two:hover{background:#2a56b4;color:#fff;} .content04 .btn_area .btn.three{border:2px solid #1d9961; color:#1d9961;} .content04 .btn_area .btn.three:hover{background:#1d9961;color:#fff;} .content04 .btn_area .btn.four{border:2px solid #1d9961; color:#1d9961;margin:0 170px;} .content04 .btn_area .btn.four:hover{background:#1d9961;color:#fff;} .content04 .btn_area_none_QTY {display:block; width:280px; overflow:hidden; margin:30px auto;} .content04 .btn_area_none_QTY .btn {display:block; float:left; margin:0px 15px; border-radius:5px; font-size:22px; font-weight:400; width:188px; height:45px; padding:0px 20px; line-height:45px; text-align:center; font-family:'Fjalla One',sans-serif; border:2px solid #1d9961; color:#1d9961;} .content04 .btn_area_none_QTY .btn.three:hover {background:#1d9961; color:#fff;} .content04 .item_area{ width:100%; overflow:hidden;height:700px; background:#fff; margin:0px auto; position:relative;} .content04 .title_box{width:365px;margin:30px auto 30px auto;overflow:hidden;} .content04 .title_box h1{color:#2a56b4; float:left; margin-left:15px;font-family: 'Fjalla One', sans-serif;} .content04 .title_box .triangle_arrow_box_bg{width:40px;height:55px;overflow:hidden;position:relative;margin-left:15px; margin-top:-3px;float:left;transform:scale(0.7);-webkit-transform:scale(0.7);} .content04 .title_box .triangle_arrow_box_bg .box{width:40px;height:50px;background:url(../png/dot_bg.png) center center ;position:absolute;top:0px;left:-25px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0.3;} .content04 .item_area .slide_pic_box{width:100%;overflow:hidden;} .content04 .item_area .pad_slide_pic_box{display:none;} .content04 .item_area .phone_slide_pic_box{display:none;} .content04 .item_area .slide_pic_box .slide_pic{width:100%;overflow:hidden; margin:0 auto;background-color:#fff;} .content04 .item_area .slide_pic_box .slide_pic .slide_pic_href{width:100%;overflow:hidden; background-color:#fff;margin:0 auto;} .content04 .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box{width:940px; margin:0 auto;overflow:hidden; padding-left:15px;} .content04 .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{opacity:1;display:block;width:280px;height:395px;padding:10px 0px 20px 0px; margin:10px 15px 10px 15px; float:left; background-color:#;overflow:hidden;border:1px solid #fff;transition:0.3s;-webkit-transition:0.3s;position:relative;} .content04 .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box:hover {border:1px solid #cdcdcd;box-shadow:1px 1px 5px rgba(0,0,0,0.1);} .content04 .slide_pic_box .item_box .pic_box{width:95%;height:265px; overflow:hidden; margin:0 auto;margin-bottom:8px;position:relative; line-height : 215px;white-space : nowrap;font-size : 238.5px; /* 200px * 0.9 = 180px */} .content04 .slide_pic_box .item_box .pic_box:after{content: "";height: 100%;display: inline-block; vertical-align: middle;} .content04 .slide_pic_box .item_box .pic_box img{width:100%;vertical-align : middle;} .content04 .slide_pic_box .item_box .text_box{width:100%;} .content04 .slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 8px auto;padding-bottom:8px; font-size:16px; letter-spacing:0.3px; line-height:23px; border-bottom:1px solid #cdcdcd;color:#848484;transition:0.5s;-webkit-transition:0.5s;height:40px;overflow:hidden;} .content04 .slide_pic_box .item_box:hover h3{color:#2a56b4;} .content04 .slide_pic_box .item_box .text_box .price_box{width:90%;margin:0 auto 0px auto;} .content04 .slide_pic_box .item_box .text_box p{margin:0 auto 3px auto; font-size:15px;color:#848484;} .content04 .slide_pic_box .item_box .text_box p.price_was{text-decoration:line-through;font-size:16px;margin-top:2px;} .content04 .slide_pic_box .item_box .text_box p.price_now{color:#dc5757;font-weight:900;font-family:Microsoft YaHei;font-size:16px;} .content04 .slide_pic_box .item_box .label_box{ width:100%; height:30px; overflow:hidden;} .content04 .slide_pic_box .item_box .label.hot_label{width:45px;float:left;margin:0px 3px;} .content04 .slide_pic_box .item_box .label.sale_label{width:45px;float:left;margin:0px 3px;} .content04 .slide_pic_box .item_box .label.new_label{width:45px;float:left;margin:0px 3px;} .content04 .slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .content04 .cycle-pager{text-align:center;position:relative;z-index:99;margin-top:15px; } .content04 .cycle-pager span{font-size:0px;text-indent:-9999px;background-color:#cccccc;line-height:50px;padding:8px;cursor:pointer;border-radius:30px;margin-left:15px;} .content04 .cycle-pager span:nth-of-type(1){margin-left:0px;} .content04 .cycle-pager span:hover{color:#2a56b4;} .content04 .cycle-pager span.cycle-pager-active {background-color:#2a56b4;} .content04 .next{ width:100px;height:100px; background-color:rgba(0,0,0,0.4); border-radius:150px;position:absolute;top:50%; margin-top:-50px;right:-55px; z-index:999;cursor:pointer;} .content04 .next .arrow{width:16px;height:16px;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:2px solid #fff;border-right:2px solid #fff; float:left;margin-top:42px; margin-left:12px; } .content04 .next:hover {background-color:rgba(0,0,0,0.6); } .content04 .prev{width:100px;height:100px;background-color:rgba(0,0,0,0.4); border-radius:150px;position:absolute;top:50%; margin-top:-50px;left:-55px;z-index:999;cursor:pointer;} .content04 .prev .arrow{width:16px;height:16px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);border-top:2px solid #fff;border-left:2px solid #fff;float:right;margin-top:42px; margin-right:12px;} .content04 .prev:hover {background-color:rgba(0,0,0,0.6); } .content04 .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:-25px;right:0px;overflow:hidden;transform:scaleY(-1);-webkit-transform:scaleY(-1);} .content04 .bg_triangle_bottom .dot_box{width:100%;height:150px;background:url(../png/dot_bg.png) center center;opacity:0.2;} .content04 .bg_triangle_bottom .white_box{width:120%;height:200px;background:#fff;position:absolute;top:80px;left:-30px;transform:rotate(3.8deg);-webkit-transform:rotate(3.8deg);} @media screen and (min-width: 1800px){ .content04 { width:100%; overflow:hidden;height:950px;} .content04 .btn_area{width:960px; } .content04 .btn_area .btn{padding:10px 15px;font-size:30px;width:255px; height:45px;} .content04 .btn_area .btn.four{margin:0 230px;} .content04 .item_area{ width:100%; overflow:hidden;height:900px;} .content04 .title_box{width:430px;margin:30px auto 30px auto;overflow:hidden;padding-left:25px;} .content04 .title_box .triangle_arrow_box_bg{width:40px;height:55px;margin-top:0px;transform:scale(0.9);-webkit-transform:scale(0.9);} .content04 .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box{width:1210px;} .content04 .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{width:380px;height:530px; padding:15px 0px 20px 0px; margin:15px 10px 15px 10px;} .content04 .slide_pic_box .item_box .pic_box{height:365px;margin-bottom:8px;} .content04 .slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 15px auto;padding-bottom:12px; font-size:20px; line-height:26px;height:45px;overflow:hidden;} .content04 .slide_pic_box .item_box .text_box .price_box{width:90%;margin:0 auto 0px auto;} .content04 .slide_pic_box .item_box .text_box p{margin:0 auto 3px auto; font-size:20px;color:#848484;} .content04 .slide_pic_box .item_box .text_box p.price_was{font-size:20px; line-height:30px;} .content04 .slide_pic_box .item_box .text_box p.price_now{font-size:20px;} .content04 .slide_pic_box .item_box .label_box{ width:100%; height:35px; overflow:hidden;} .content04 .slide_pic_box .item_box .label.hot_label{width:55px;float:left;margin:0px 3px;} .content04 .slide_pic_box .item_box .label.sale_label{width:55px;float:left;margin:0px 3px;} .content04 .slide_pic_box .item_box .label.new_label{width:55px;float:left;margin:0px 3px;} .content04 .slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .content04 .cycle-pager{text-align:center;position:relative;z-index:99;margin-top:15px; } .content04 .cycle-pager span{font-size:0px;text-indent:-9999px;background-color:#cccccc;line-height:50px;padding:8px;cursor:pointer;border-radius:30px;margin-left:15px;} .content04 .cycle-pager span:nth-of-type(1){margin-left:0px;} .content04 .cycle-pager span:hover{color:#2a56b4;} .content04 .cycle-pager span.cycle-pager-active {background-color:#2a56b4;} .content04 .next{ width:130px;height:120px;top:50%; margin-top:-80px;right:-65px; z-index:999;cursor:pointer;} .content04 .next .arrow{width:25px;height:25px;float:left;margin-top:48px; margin-left:18px; } .content04 .prev{width:130px;height:120px;top:50%; margin-top:-80px;left:-65px;z-index:999;cursor:pointer;} .content04 .prev .arrow{width:25px;height:25px;;float:right;margin-top:48px; margin-right:18px;} } @media screen and (max-width: 1799px) and (min-width: 1401px) { .content04 { width:100%; overflow:hidden;height:850px;} .content04 .btn_area{width:900px; } .content04 .btn_area .btn{padding:10px 10px;font-size:30px;width:238px; height:45px;} .content04 .btn_area .btn.four{margin:0 230px;} .content04 .item_area{ width:100%; overflow:hidden;height:700px;} .content04 .title_box{width:400px;margin:30px auto 30px auto;overflow:hidden;padding-left:35px;} .content04 .title_box .triangle_arrow_box_bg{width:40px;height:55px;margin-top:0px;transform:scale(0.9);-webkit-transform:scale(0.9);} .content04 .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box{width:1100px;} .content04 .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{width:320px;height:460px; padding:15px 0px 20px 0px; margin:15px 20px 15px 20px; } .content04 .slide_pic_box .item_box .pic_box{height:305px;margin-bottom:10px;} .content04 .slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 15px auto;padding-bottom:12px; font-size:18px; line-height:24px;height:40px;} .content04 .slide_pic_box .item_box .text_box p{font-size:18px;} .content04 .slide_pic_box .item_box .text_box p.price_was{font-size:18px; line-height:28px;} .content04 .slide_pic_box .item_box .text_box p.price_now{font-size:18px;} .content04 .slide_pic_box .item_box .label_box{ width:100%; height:35px; overflow:hidden;} .content04 .slide_pic_box .item_box .label.hot_label{width:50px;float:left;margin:0px 3px;} .content04 .slide_pic_box .item_box .label.sale_label{width:50px;float:left;margin:0px 3px;} .content04 .slide_pic_box .item_box .label.new_label{width:50px;float:left;margin:0px 3px;} .content04 .slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .content04 .cycle-pager{text-align:center;position:relative;z-index:99;margin-top:15px; } .content04 .cycle-pager span{font-size:0px;text-indent:-9999px;background-color:#cccccc;line-height:50px;padding:8px;cursor:pointer;border-radius:30px;margin-left:15px;} .content04 .cycle-pager span:nth-of-type(1){margin-left:0px;} .content04 .cycle-pager span:hover{color:#2a56b4;} .content04 .cycle-pager span.cycle-pager-active {background-color:#2a56b4;} .content04 .next{ width:130px;height:120px;top:50%; margin-top:-50px;right:-65px; z-index:999;cursor:pointer;} .content04 .next .arrow{width:25px;height:25px;float:left;margin-top:48px; margin-left:18px; } .content04 .prev{width:130px;height:120px;top:50%; margin-top:-50px;left:-65px;z-index:999;cursor:pointer;} .content04 .prev .arrow{width:25px;height:25px;;float:right;margin-top:48px; margin-right:18px;} } @media screen and (max-width: 1024px) and (min-width: 960px){ .content04 {height:730px; padding:30px 0px 50px 0px;} .content04 .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box{width:780px;} .content04 .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{opacity:1;display:block;width:240px;height:348px; margin:8px 8px 8px 8px; } .content04 .slide_pic_box .item_box .pic_box{height:225px;margin-bottom:10px;line-height:175px;} .content04 .slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 8px auto;padding-bottom:8px; font-size:14px;line-height:22px;} .content04 .slide_pic_box .item_box .text_box p{margin:0 auto 3px auto; font-size:14px;letter-spacing:0.5px;} .content04 .slide_pic_box .item_box .text_box p.price_was{font-size:14px;} .content04 .slide_pic_box .item_box .text_box p.price_now{font-size:14px;} .content04 .slide_pic_box .item_box .label_box{ width:100%; height:25px; overflow:hidden;} .content04 .slide_pic_box .item_box .label.hot_label{width:40px;} .content04 .slide_pic_box .item_box .label.sale_label{width:40px;} .content04 .slide_pic_box .item_box .label.new_label{width:40px;} .content04 .slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .content04 .next{ width:90px;height:90px; margin-top:-60px;right:-50px; } .content04 .next .arrow{width:14px;height:14px;margin-top:38px;} .content04 .prev{width:90px;height:90px;margin-top:-60px;left:-50px;} .content04 .prev .arrow{width:14px;height:14px;margin-top:38px; } } @media screen and (max-width: 959px) and (min-width:700px){ .content04 {height:700px; padding:30px 0px 50px 0px;} .content04 .btn_area{display:block;width:700px; overflow:hidden; margin:30px auto;padding-left:5px; } .content04 .btn_area .btn{margin:0px 15px;border-radius:5px;font-size:22px; font-weight:400;width:158px;} .content04 .item_area .slide_pic_box{display:none;} .content04 .item_area .pad_slide_pic_box{display:block;} .content04 .item_area .pad_slide_pic_box .slide_pic{width:100%;overflow:hidden; margin:0 auto;background-color:#fff;} .content04 .item_area .pad_slide_pic_box .slide_pic .slide_pic_href{width:100%;overflow:hidden; background-color:#fff;margin:0 auto;} .content04 .item_area .pad_slide_pic_box .slide_pic .slide_pic_href .border_box{width:610px; margin:0 auto;overflow:hidden; padding-left:0px;} .content04 .item_area .pad_slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{opacity:1;display:block;width:190px;height:300px; padding:10px 0px 20px 0px; margin:10px 5px 10px 5px; float:left;overflow:hidden;border:1px solid #fff;transition:0.3s;-webkit-transition:0.3s;position:relative;} .content04 .pad_slide_pic_box .slide_pic .slide_pic_href .border_box .item_box:hover {border:1px solid #cdcdcd;box-shadow:1px 1px 5px rgba(0,0,0,0.1); } .content04 .pad_slide_pic_box .item_box .pic_box{width:95%;height:180px; overflow:hidden; margin:0 auto;margin-bottom:8px;position:relative; line-height : 174px;white-space : nowrap; /* 200px * 0.9 = 180px */ } .content04 .pad_slide_pic_box .item_box .pic_box:after{content: "";height: 100%;display: inline-block; vertical-align: middle;} .content04 .pad_slide_pic_box .item_box .pic_box img{width:100%;vertical-align : middle;} .content04 .pad_slide_pic_box .item_box .text_box{width:100%;} .content04 .pad_slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 10px auto;padding-bottom:10px; font-size:14px; letter-spacing:0.3px; line-height:21px; border-bottom:1px solid #cdcdcd;color:#848484;transition:0.5s;-webkit-transition:0.5s;height:35px;overflow:hidden;} .content04 .pad_slide_pic_box .item_box:hover h3{color:#2a56b4;} .content04 .pad_slide_pic_box .item_box .text_box .price_box{width:90%;margin:0 auto 0px auto;} .content04 .pad_slide_pic_box .item_box .text_box p{margin:0 auto 0px auto; font-size:14px;color:#848484;} .content04 .pad_slide_pic_box .item_box .text_box p.price_was{font-size:14px;text-decoration:line-through;margin-top:2px;} .content04 .pad_slide_pic_box .item_box .text_box p.price_now{font-size:14px;color:#dc5757;font-weight:900;font-family:Microsoft YaHei;} .content04 .pad_slide_pic_box .item_box .label_box{ width:100%; height:30px; overflow:hidden;} .content04 .pad_slide_pic_box .item_box .label.hot_label{width:40px;float:left;margin:0px 3px;} .content04 .pad_slide_pic_box .item_box .label.sale_label{width:40px;float:left;margin:0px 3px;} .content04 .pad_slide_pic_box .item_box .label.new_label{width:40px;float:left;margin:0px 3px;} .content04 .pad_slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .content04 .next{ width:80px;height:80px; margin-top:-85px;right:-40px;} .content04 .next .arrow{width:16px;height:16px;margin-top:32px;} .content04 .prev{width:80px;height:80px;margin-top:-85px;left:-40px;} .content04 .prev .arrow{margin-top:32px; } } @media screen and (max-width: 700px) { .content04 { width:100%; overflow:hidden;height:730px; padding:10px 0px 0px 0px; background:#fff; margin:0px 0px; position:relative;} .content04 .btn_area{width:95%; overflow:hidden; margin:10px auto;padding-left:10px; } .content04 .btn_area .btn{display: block; width: 188px; height: 45px; padding: 0px 20px; line-height: 45px; margin: 13px auto; border-radius: 5px; position: relative; font-size: 24px; letter-spacing: 1px;font-weight: 400; float:none;} .content04 .btn_area .btn.one{border:3px solid #ef492e;} .content04 .btn_area .btn.two {border:3px solid #2a56b4;} .content04 .btn_area .btn.three {border:3px solid #1d9961;} .content04 .btn_area_none_QTY{display:block; width:280px; overflow:hidden; margin:30px auto;} .content04 .btn_area_none_QTY .btn{display:block;float:left;margin:0px 15px; border-radius:5px;font-size:22px; font-weight:400;width:188px; height:45px;padding:0px 20px; line-height:45px;text-align:center;font-family: 'Fjalla One', sans-serif;border:2px solid #1d9961; color:#1d9961; } .content04 .title_box{width:285px;margin:30px auto 30px auto;overflow:hidden;} .content04 .title_box .triangle_arrow_box_bg{width:30px;height:55px;overflow:hidden;position:relative;margin-left:10px; margin-top:-5px;float:left;transform:scale(0.6);-webkit-transform:scale(0.6);} .content04 .item_area { height:670px; } .content04 .item_area .slide_pic_box{display:none;} .content04 .item_area .pad_slide_pic_box{display:none;} .content04 .item_area .phone_slide_pic_box{display:block;width:100%;overflow:hidden;} .content04 .item_area .phone_slide_pic_box .slide_pic{width:100%;overflow:hidden; margin:0 auto;background-color:#fff;} .content04 .item_area .phone_slide_pic_box .slide_pic .slide_pic_href{width:100%;overflow:hidden; background-color:#fff;margin:0 auto;} .content04 .item_area .phone_slide_pic_box .slide_pic .slide_pic_href .border_box{width:227px; margin:0 auto;overflow:hidden; padding-left:0px; margin-bottom:20px;} .content04 .item_area .phone_slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{opacity:1;display:block;width:225px;height:355px; padding:10px 0px 20px 0px; margin:0px 0px 0px 0px; float:left;overflow:hidden;border:1px solid #fff;transition:0.3s;-webkit-transition:0.3s;position:relative;} .content04 .item_area .phone_slide_pic_box .slide_pic .slide_pic_href .border_box .item_box {height:335px;} .content04 .phone_slide_pic_box .slide_pic .slide_pic_href .border_box .item_box:hover {border:1px solid #cdcdcd;box-shadow:1px 1px 5px rgba(0,0,0,0.1); height:335px;} .content04 .phone_slide_pic_box .item_box .pic_box{width:95%;height:210px; overflow:hidden; margin:0 auto;margin-bottom:8px;position:relative; line-height : 174px;white-space : nowrap; /* 200px * 0.9 = 180px */} .content04 .phone_slide_pic_box .item_box .pic_box:after{content: "";height: 100%;display: inline-block; vertical-align: middle;} .content04 .phone_slide_pic_box .item_box .pic_box img{width:100%;vertical-align : middle;} .content04 .phone_slide_pic_box .item_box .text_box{width:100%;} .content04 .phone_slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 10px auto;padding-bottom:10px; font-size:14px; letter-spacing:0.3px; line-height:21px; border-bottom:1px solid #cdcdcd;color:#848484;transition:0.5s;-webkit-transition:0.5s;height:35px;overflow:hidden;} .content04 .phone_slide_pic_box .item_box:hover h3{color:#2a56b4;} .content04 .phone_slide_pic_box .item_box .text_box p{margin:0 auto 0px auto; font-size:14px;color:#848484;} .content04 .phone_slide_pic_box .item_box .text_box .price_box{width:90%;margin:0 auto 0px auto;} .content04 .phone_slide_pic_box .item_box .text_box p.price_was{text-decoration:line-through;float:right;font-size:14px;font-family:Microsoft YaHei;} .content04 .phone_slide_pic_box .item_box .text_box p.price_now{color:#dc5757;float:right;font-weight:900;font-family:Microsoft YaHei;font-size:14px;} .content04 .phone_slide_pic_box .item_box .label_box{ width:100%; height:30px; overflow:hidden;} .content04 .phone_slide_pic_box .item_box .label.hot_label{width:40px;float:left;margin:0px 3px;} .content04 .phone_slide_pic_box .item_box .label.sale_label{width:40px;float:left;margin:0px 3px;} .content04 .phone_slide_pic_box .item_box .label.new_label{width:40px;float:left;margin:0px 3px;} .content04 .phone_slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .content04 .cycle-pager span{margin-left:12px;} .content04 .next{ width:70px;height:70px; margin-top:-85px;right:-40px;z-index:100;} .content04 .next .arrow{width:12px;height:12px;margin-top:30px;margin-left:7px;} .content04 .prev{width:70px;height:70px;margin-top:-85px;left:-40px;z-index:100;} .content04 .prev .arrow{width:12px;height:12px;margin-top:30px;margin-right:7px; } .content04 .bg_triangle_bottom {bottom:-100px;} } /************************************************************************************/ .header_bar .nav .nav_box .li:hover .downbox.product { display:none; } /*ๅ•†ๅ“ๅˆ—่กจ*/ .phone_menu_list{display:none;} .phone_right_menu_nav_box{display:none;} @media screen and (max-width: 700px) { .phone_menu_list { display: block; width: 45px; height: 45px; background: #fff; position: absolute; top: 16px; right: -1px; border: 1px solid #999; border-radius: 5px 0px 0px 5px; cursor: pointer; z-index: 1999; } .phone_menu_list.hover { position: fixed; top: 120px; right: -1px; z-index: 989; } .phone_menu_list img { width: 30px; display: block; margin: 8px auto; opacity: 0.8; } .phone_right_menu_nav_box { display: block; width: 250px; background-color: #eaeaea; top: 0px; right: 0px; z-index: 9; overflow: hidden; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); z-index: 989899; transform: translateX(400px); -webkit-transform: translateX(400px); height: 100%; position: fixed; transition: 0.3; -webkit-transition: 0.3s; } .phone_right_menu_nav_box.active { transform: translateX(0px); -webkit-transform: translateX(0px); position: fixed; top: 0px; right: 0px; height: 100%; } .phone_right_menu_nav_box.active2 { transform: translateX(400px); -webkit-transform: translateX(400px); position: fixed; top: 0px; right: 0px; height: 100%; } .phone_right_menu_nav_box .back { font-size: 16px; color: #2a56b4; background: #fff; position: absolute; top: 12px; right: 12px; font-family: 'Fjalla One', sans-serif; letter-spacing: 0.5px; padding: 5px 10px 3px 10px; border-radius: 155px; cursor: pointer; } .phone_right_menu_nav_box .title { width: 100%; padding: 13px 0px; background-color: #2a56b4; color: #fff; text-align: center; font-size: 20px; font-family: 'Fjalla One', sans-serif; letter-spacing: 1px; } .phone_right_menu_nav_box .meun_box { width: 100%; margin: 10px auto 15px auto; } .phone_right_menu_nav_box .meun_box .nav { padding: 8px 0px; border-bottom: 1px solid #f7f7f7; overflow: hidden; } .phone_right_menu_nav_box .meun_box .nav a { display: block; width: 85%; margin: 1px auto; font-size: 16px; color: #777; font-weight: 300; letter-spacing: 1px; line-height: 20px; } .phone_right_menu_nav_box .meun_box .nav a.big_class { color: #2a56b4; } .phone_right_menu_nav_box .meun_box .nav .child_box { width:100%; margin: 10px 0px 0px 0px; } .phone_right_menu_nav_box .meun_box .nav .child_box a { padding: 6px 0px; } .phone_right_menu_nav_box .meun_box .nav .search_box { width: 200px; float: left; overflow: hidden; margin-left: 15px; } .phone_right_menu_nav_box .meun_box .nav .search_box .search { float: left; margin-top: 10px; } .phone_right_menu_nav_box .meun_box .nav .search_box select { width: 170px; margin-bottom: 5px; float: left; border: 1px solid #cecece; border-radius: 4px; padding: 5px 4px; font-size: 15px; line-height: 150%; -webkit-appearance: none; } .phone_right_menu_nav_box .meun_box .nav .search_box input[type=text] { width: 160px; float: left; border: 1px solid #cecece; border-radius: 4px; margin: 0 8px 0 0px; padding: 3px 4px; font-size: 15px; line-height: 150%; } .phone_right_menu_nav_box .meun_box .nav .search_box input[type=submit] { border: 0px; width: 18px; height: 18px; background: url(../png/search.png)center center no-repeat #eee; background-size: cover; cursor: pointer; float: left; margin-top: 6px; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.3);} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #999999; } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #2a56b4; } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #2a56b4; } }