style.css
84.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
@charset "utf-8";
html { font-size:625%; }
body { font-size:14px; background:#FFF; }
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin:0; padding:0; }
body, html, input, button, textarea { color:#333; font-family:'Open Sans',Arial, Helvetica, sans-serif; line-height:1.5 }
article, aside, figcaption, figure, footer, header, main, nav, section { display:block; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4, h5 { font-size:14px; }
img { border:none; vertical-align:middle; max-width:100%; }
li { list-style:none; }
i, em { font-style:normal; }
a { color:#333; text-decoration:none; }
a:focus { outline:none; }
a:hover { color:#43cd7a; text-decoration:none; }
input[type="text"]:focus { outline:none; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; }
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
hr { height:1px; border:none; border-top:1px dashed #c1c1c1; margin:15px 0 15px 0; }
a:active, select, input, textarea { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color:transparent; outline:0!important; }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; outline: 0; }
/* clear floating */
.clearfix:after,.layout:after,.web_main:after,.page_main:after, .about_us .about_content:after, .nav_wrap .head_nav:after,
.cate_items ul:after,.foot_items:after,.items_list ul:after { content:""; display:block; clear:both; visibility:hidden; height:0;}
.clearfix, .layout, .web_main, .page_main, .about_us .about_content, .nav_wrap .head_nav,
.cate_items ul,.foot_items,.items_list ul{ *zoom:1;}
.clear { clear:both; }
/* layout */
.z9999 { z-index:9999!important; }
.layout,.head_nav { width:1280px; margin:0 auto; position:relative; }
body { width:100%; min-width:1280px; position:absolute; left:0; top:0;}
.gotop {position:fixed;text-align:center;right:50px;bottom:50px;color:#333;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius: 50%;text-align: center; height:50px;line-height:50px;width:50px; z-index:99999; cursor:pointer; font-size:14px;opacity: 0;visibility: hidden; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transform:translateY(50%) scale(0.8); -webkit-transform:translateY(50%) scale(0.8); -ms-transform:translateY(50%) scale(0.8); -o-transform:translateY(50%) scale(0.8); transform:translateY(50%) scale(0.8);}
.gotop em{display: none;}
.gotop:before{content: "\f106";font: 24px/50px 'FontAwesome';}
.gotop:hover { -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px);background-color: #43cd7a;color: #fff; }
.gotop.active{opacity: 1;visibility: visible;-moz-transform:none; -webkit-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
.gotop:hover:before{border-bottom: 2px solid #fff;padding: 0 3px;}
/* transition */
.head_nav li, .head_nav li a, .product_item figure, .gotop, .product-item .item-img img, .product-btn-wrap a, .change-language .change-language-title a:after, .newsletter .button, .mobile-head-item .middle-show-content-wrap, .product_item figure figcaption,.foot_item a, .pages a,.ad_item figure figcaption .item_more,.web_head,.foot_sns li img,.side_product_item .add-friend,.side_product_item .add-friend:after{ -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.nav_wrap .head_nav li ul,.product_item .item_img a,.product_item,.product_item .item_img:before, .product_item .item_img:after,.ad_item figure figcaption .item_more:before{ -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }
.side-cate li .icon-cate:before, .product-btn-wrap a:before, .mobile-head-item .title:before, .head_nav > li:after, .download-item .item-button:before, .faq-item .faq-title:before{ font-family: "fontawesome"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; }
/* float */
.sys_fl{float: left!important;}
.sys_fr{float: right!important;}
/* 对齐 */
.sys_left{text-align:left!important;}
.sys_center{text-align:center!important;}
.sys_right{text-align:right!important;}
/* grid */
.sys_layer{margin:0 auto;}
.sys_row{margin:0 -8px;}
.sys_col{float:left;}
.sys_col-inner{margin:0 8px;}
.sys_col{float:left;}
.sys_col_12 {width:100%;}
.sys_col_11 {width:91.66666667%;}
.sys_col_10 {width:83.33333333%;}
.sys_col_9 {width:75%;}
.sys_col_8 {width:66.66666667%;}
.sys_col_7 {width:58.33333333%;}
.sys_col_6 {width:50%;}
.sys_col_5 {width:41.66666667%;}
.sys_col_4 {width:33.33333333%;}
.sys_col_3 {width:25%;}
.sys_col_2 {width:16.66666667%;}
.sys_col_1 {width:8.33333333%;}
/* 字体大小 */
.f12{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:17px!important;}
.f20{font-size:20px!important;}
.f24{font-size:24px!important;}
/* placeholder */
input::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;}
input:-ms-input-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
/* box-sizing */
.nav_wrap,.product_item .item_img,.cate_item .item_title,.foot_sns li a {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box; }
/* font-family */
.head-search .search-btn:before,.swiper-button-next:before, .swiper-button-prev:before{font-family: 'fontawesome';}
.nav_wrap .head_nav>li>a,.index_title h2,.cate_item .item_title,.foot_item .title,.company_subscribe .button,.page_title,.side-tit-bar .side-tit,.goods-may-like .title,.path_bar li,.side_product_item figcaption .item_title,.nav_wrap .head_nav li,.detail-tabs .title,.faq-item .faq-title h3,.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy,
.product_item .item_img a:before{font-family:'Oswald';}
/*transition*/
a{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
/*web header*/
.web_head{background-color: #2d2d2d;width: 100%;position: relative;z-index: 11;}
.web_head .layout{padding: 30px 0;}
.web_head .logo, .change-language,.web_head .btn--search,.change-language { position:relative; display:inline-block; vertical-align:middle; text-align:left; }
.web_head .logo {float: left;position: relative;z-index: 1;}
.web_head .logo img { height:48px; }
.web_head .head_right{float: right;text-align: right;}
.web_head .head-search{display: inline-block;vertical-align: middle;margin-left: 30px;}
.web_head .head-search{font-size: 0;}
.web_head .head-search .search-ipt,.web_head .head-search .search-btn{font-size: 14px;}
.web_head .head-search .search-ipt{width: 280px;height: 42px;padding: 0 10px;border: 0;border-radius: 2px 0 0 2px;background-color: #fff;vertical-align: top;}
.web_head .head-search .search-btn{display: inline-block;width: 42px;height: 42px;border: 0;border-radius:0 2px 2px 0;cursor: pointer;background-color: #43cd7a;vertical-align: top;color: #fff;}
.web_head .head-search .search-btn:before{content: '\f002';font-size: 15px;}
.nav_wrap { position:relative; height:50px;background-color: #434343;border-top: 1px solid #43cd7a;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease; }
.nav_wrap .head_nav li { position:relative; float:left;}
.nav_wrap .head_nav li li { float:none; }
.nav_wrap .head_nav li a { position:relative; display:block; line-height:50px; padding:0 20px; color:#fff }
.nav_wrap .head_nav li li a { line-height:1.8; padding:3px 15px;color: #333;}
.nav_wrap .head_nav li li a:hover{background-color: #f6f6f6;color: #43cd7a;}
.nav_wrap .head_nav li li a em{display: inline-block;width: 100%;}
.nav_wrap .head_nav li ul { position:absolute; left:0; top:100%; width:240px; padding: 10px; z-index:999; background:#fff; transform: scale3d(0.9, 0.9, 1);box-shadow: 0 3px 10px rgba(0,0,0, 0.15);opacity:0; visibility:hidden;box-sizing: content-box; }
.nav_wrap .head_nav li li ul { top:0; left:250px; }
.nav_wrap .head_nav li:hover > ul { transform: scale3d(1, 1, 1); opacity:1; visibility:visible; }
.nav_wrap .head_nav li.nav-current > a, .head_nav li:hover > a { }
.nav_wrap .head_nav li a b { position:relative; display:inline-block; vertical-align:middle; margin:-5px 0 0 5px;color: rgba(255,255,255,0.5);}
.nav_wrap .head_nav li a b:after { font-family: 'fontawesome'; content:"\f107"; font-size:14px; }
.nav_wrap .head_nav li li a b:after { content:"\f105"; }
.nav_wrap .head_nav li li a b { position:absolute; right:10px; top:0;margin-top: 3px;color: #333; }
.nav_wrap .head_nav>li{}
.nav_wrap .head_nav>li>a{height: 50px;overflow: hidden;font-size: 16px;text-transform:uppercase; }
.nav_wrap .head_nav>li:hover>a{background-color: #43cd7a;}
.nav_wrap .head_nav>li:hover>a b{color: #fff;}
.fixed-nav .nav_wrap{width: 100%;position: fixed;left: 0;top: 0;z-index: 9;background-color: rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8000000,endcolorstr=#c8000000);box-shadow: 0 1px 0 rgba(0,0,0,0.1);-webkit-transition: none;-o-transition: none;transition: none;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);opacity: 0;border-top: 0;}
.fixed-nav-active .nav_wrap{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.fixed-nav .nav_wrap {height: 60px;}
.fixed-nav .nav_wrap .head_nav li a{line-height: 60px;}
.fixed-nav .nav_wrap .head_nav>li>a{height: 60px;}
.fixed-nav .nav_wrap .head_nav li li a{line-height: 1.8;}
.head_svbar {padding: 13px 0;background-color: #fff;text-align: center;}
.head_svbar ul{display: table;width: 100%;}
.head_svbar ul li{display: table-cell;vertical-align: middle;}
.head_svbar ul li a:hover{text-decoration: underline;}
.head_svbar ul li .sv_ico{font-size: 18px;color: #43cd7a;padding-right: 8px;}
.head_svbar ul li .sv_ico:before{display: inline-block;content: '';width: 18px;height: 18px;vertical-align: middle;background-position: center;background-repeat: no-repeat;}
.head_svbar ul li .sv_ico_local:before{background-image: url(img/sv_ico_local.png);}
.head_svbar ul li .sv_ico_tel:before{background-image: url(img/sv_ico_tel.png);}
.head_svbar ul li .sv_ico_finance:before{background-image: url(img/sv_ico_finance.png);}
.head_svbar ul li .sv_txt{vertical-align: middle;}
/*web footer*/
.foot_bar{background-color: #2d2d2d;padding: 25px 0;}
.foot_bar,.foot_bar a{color: #b3b3b3;}
.foot_bar a:hover{color: #fff;}
.foot_bar .copyright{float: left;}
.foot_bar .foot_nav{float: right;}
.foot_bar .foot_nav li{float: left;padding: 0 0 0 12px;}
.foot_bar .foot_nav li:after{content: '|';padding-left: 12px;}
.foot_bar .foot_nav li:last-child{padding-right: 0;}
.foot_bar .foot_nav li:last-child:after{display: none;}
/*web footer*/
.web_footer { position:relative; background:#434343; margin:100px 0 0; overflow:hidden;}
.company_subscribe{padding-bottom: 60px;}
.company_subscribe .button{display: inline-block;line-height: 50px;padding: 0 15px;border-radius: 2px;background-color: #43cd7a;color: #fff;font-size: 20px;text-transform: uppercase;font-weight: bold;}
.company_subscribe .button:hover{}
.foot_items { position:relative;padding:35px 0 40px; }
.foot_items, .foot_items a { color:#fff; }
.foot_items li:hover a{ color:#43cd7a;text-decoration: underline;}
.foot_item { position:relative; float:left; margin:25px 0 20px; width:33.333%; }
.foot_item_contact{width: 35%;}
.foot_item_product{width: 30%;}
.foot_item_follow{width: 35%;}
.foot_item .title{position:relative;color:#FFF;font-weight:bold; font-size:22px; padding:0 0 15px;}
.foot_item .foot_item_bd{padding-right: 30%;}
.foot_item.foot_item_info .text{ text-align:justify; margin:35px 0 20px;}
.foot_item.foot_item_info .more{ position:relative; display:inline-block; vertical-align:top;}
.foot_item.foot_item_info .more:after{font-family: 'fontawesome';content: "\f178"; margin:0 0 0 7px;-moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.foot_item.foot_item_info .more:hover:after{margin:0 0 0 14px;}
.foot_item.foot_item_product li{line-height: 24px;}
.foot_item.foot_item_contact address{ font-style:normal;}
.foot_item.foot_item_contact address li{ position:relative;padding:0 0 0 40px; margin:0 0 25px;}
.foot_item.foot_item_contact address li:before{ content:""; width:30px; height:30px; position:absolute; left:0; top:0; background-image:url(img/contact_ico.png); background-repeat:no-repeat;}
.foot_item.foot_item_contact address li.foot_addr:before{background-position:0 0;}
.foot_item.foot_item_contact address li.foot_phone:before{background-position:0 -30px;}
.foot_item.foot_item_contact address li.foot_email:before{background-position:0 -60px;}
.foot_item.foot_item_contact address li.foot_map:before{background-position:0 -90px;}
.foot_sns{ position:relative; }
.foot_sns li { position:relative;display: inline-block; margin:0 10px 6px 0;}
.foot_sns li a{ display:block; width:26px; height:26px; line-height:26px;padding:12px;background-color: #2d2d2d; border-radius:50%; text-align:center; }
.foot_sns li a:hover{background-color: #43cd7a;-webkit-animation: swing 0.6s ease;-o-animation: swing 0.6s ease;animation: swing 0.6s ease;}
.foot_sns li img { max-width:26px; }
.foot_sns li:hover img {opacity:1;}
/*--------------------------------------------------------
page: index
------------------------------------------------------*/
.index_title{margin-bottom: 40px;text-align: center;}
.index_title h2{display: inline-block;border-bottom: 1px solid #43cd7a;text-transform: uppercase;font-size: 32px;}
/* index_business */
.index_business {padding: 60px 0 30px;}
.index_business .index_title{margin-bottom: 20px;}
.index_business .business_content{text-align: center;}
.index_business .business_content a{text-decoration: underline;}
.index_business .business_content a:hover{color: #43cd7a;}
/*index_product*/
.index_product{padding: 30px 0;}
.product_item {width: 297px;}
.product_item .item_img{display: inline-block;position: relative;padding: 50% 0;width: 100%;overflow: hidden;height: 0;}
.product_item .item_img{*display: inline;}
.product_item .item_img a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.product_item .item_img a:before{content: 'MORE';display: block;width: 100px;height: 100px;line-height: 100px;text-align: center;background-color: #43cd7a;color:#fff;border-radius: 50%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform: translateY(-100%) rotate(90deg);-ms-transform: translateY(-100%) rotate(90deg);-o-transform: translateY(-100%) rotate(90deg);transform: translateY(-100%) rotate(90deg);opacity: 0;filter: alpha(opacity=0);}
.product_item .item_img a:hover:before,.product_item:hover .item_img a:before{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 0.9;filter: alpha(opacity=100);font-size: 18px;}
.product_item .item_img img{width: 100%;min-width: 100%;min-height: 100%;margin-top: -50%;margin-bottom: -50%;vertical-align: top;}
.product_item .item_title{ font-weight:normal; font-size:14px; padding:10px;text-align: center;}
.product_item .item_title a{display: inline-block;max-width: 180px;height: 3.2em;line-height: 1.6em;overflow: hidden;}
.product_item .item_title a:hover{text-decoration: underline;}
.product_slider .swiper-slide{width: 25%;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.product_slider .swiper-button-prev,.product_slider .swiper-button-next,.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{width: 28px;height: 28px;line-height:28px;background-color: #2d2d2d;opacity: 1;filter: alpha(opacity=100);color: #fff;font-size: 16px;margin-top: -14px;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.product_slider .swiper-button-prev{left: -28px;}
.product_slider .swiper-button-next{right: -28px;}
.product_slider .swiper-button-prev:before,.goods-may-like .swiper-button-prev:before{content: '\f0d9';}
.product_slider .swiper-button-next:before,.goods-may-like .swiper-button-next:before{content: '\f0da';}
.product_slider .swiper-button-prev:hover,.product_slider .swiper-button-next:hover,.goods-may-like .swiper-button-prev:hover,.goods-may-like .swiper-button-next:hover{background-color: #43cd7a;}
.product_slider:hover .swiper-button-prev{left: -35px;}
.product_slider:hover .swiper-button-next{right: -35px;}
.swiper-container-horizontal .product_item{width: 100%;}
.slider_banner .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{background-color: #222;-webkit-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);-webkit-transition: transform 0.2s ease;-o-transition: transform 0.2s ease;transition: transform 0.2s ease;}
/*index_cates*/
.index_cates{padding: 30px 0;}
.cate_items{margin: 0 -15px;}
.cate_item{width: 25%;float: left;}
.cate_item .item_inner{display: block;padding: 0 15px;}
.cate_item .item_inner figure{display: block;position: relative;}
.cate_item .item_inner figure a{display: block;}
.cate_item .item_img,.cate_item .item_img img{display: block;width: 100%;height: auto;}
.cate_item .item_img:before,.cate_item .item_img:after{content: '';display: block;width: 0;height: 100%;position: absolute;top: 0;background-color: rgba(255,255,255,0);-webkit-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease;}
.cate_item .item_img:before{left: 0;}
.cate_item .item_img:after{right: 0;}
.cate_item a:hover .item_img:before,.cate_item a:hover .item_img:after{width: 100%;background-color: rgba(255,255,255,0.15);}
.cate_item .item_title{display: block;padding:12px 5%;height: 25px;width: 90%;position: absolute;left: 0;bottom: 0;line-height: 25px;border-bottom: 2px solid #43cd7a;font-size: 22px;text-transform: uppercase;font-weight: normal;z-index: 1;}
.cate_item .item_list{padding-top: 1.5em;}
.cate_item .item_list li{height: 1.5em;line-height: 1.5em;overflow: hidden;margin-bottom: 0.8em;}
.cate_item .item_list li a:hover,.cate_item .item_more:hover{text-decoration: underline;}
.cate_item .item_more{display: block;padding-top: 0.5em;font-weight: bold;}
/*index_brands*/
.index_brands{padding: 30px 0;}
.index_brands .brands_items{font-size: 0;margin: 0 -5px;}
.index_brands .brands_item{display: inline-block;font-size: 14px;width: 12.5%;}
.index_brands .brands_item .item_img{margin: 5px;}
.index_brands .brands_item .item_img a,.index_brands .brands_item .item_img img{display: block;height: auto;margin: 0 auto;}
.index_brands .brands_item .item_img a{position: relative;overflow: hidden;}
.index_brands .brands_item .item_img a:before,.index_brands .brands_item .item_img a:after{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;opacity: 0;}
.index_brands .brands_item .item_img a:before,.index_brands .brands_item .item_img a:after{content: '';display: block;width: 0;height: 0;position: absolute;}
.index_brands .brands_item .item_img a:before{left: 0;bottom: 0;border-left: 2px solid transparent;border-bottom: 2px solid transparent;}
.index_brands .brands_item .item_img a:after{right: 0;top: 0;border-right: 2px solid transparent;border-top: 2px solid transparent;}
.index_brands .brands_item .item_img a:hover:before,.index_brands .brands_item .item_img a:hover:after{border-color:#43cd7a;width: 100%;height: 100%;opacity: 1;}
/*page_banner*/
.page_banner { position:relative; }
.page_banner img { width:100%; }
/*product_nav*/
.product_nav { position:relative; text-align:center; padding:0 0 96px; }
.product_nav ul { }
.product_nav ul li { display:inline-block; vertical-align:top; font-family: 'MyriadProSemibold.ttf'; font-size:24px; padding:0 30px 30px; }
.product_nav ul ul { position:absolute; width:100%; height:96px; left:0; top:50px; background:/*rgba(11,162,155,.75)*/#48b9b3; display:none; padding:35px 0 0 }
.product_nav ul ul li { font-size:18px; font-family: 'MyriadProRegular'; }
.product_nav ul ul li:before { content:"-"; color:#FFF; margin:0 7px 0 0; }
.product_nav ul ul li a { color:#FFF; }
.product_nav ul li { }
.product_nav li.nav-current >a { color:#836d3c }
.product_nav li.nav-current >ul, .product_nav li:hover >ul { display:block; }
.list_more_view { position:relative; display:inline-block; vertical-align:middle; cursor:pointer; line-height:41px; height:43px; padding:0 36px; border:1px solid #836d3c; border-radius:5px; font-size:17px; color:#836d3c; }
.list_more_view:after { content:""; width:29px; height:11px; margin:0 0 0 13px; background:url(img/mark02.png) no-repeat center center; display:inline-block; vertical-align:middle; }
.list_more_view:hover:after { margin:0; width:0 }
/*----------------------------------aside---------------------------------*/
.aside { float:left; width:320px;}
.side-tit-bar { position:relative; }
.side-tit-bar .side-tit { position:relative; font-size:18px; line-height:49px; color:#FFF; padding:0 21px; background:#43cd7a; font-weight:normal; text-transform:uppercase;}
.side-widget { position:relative; margin:0 0 94px; }
.side-cate { }
.side-cate li { position:relative; line-height:44px;background:#f3f3f3;}
.side-cate li li {background:#f9f9f9;}
.side-cate li a { position:relative;display:block; padding:0 0 0 38px;margin-right: 38px; }
.side-cate ul { display:none; overflow:visible !important }
.side-cate li li a { padding:0 20px 0 55px;margin-right: 0;}
.side-cate li li li a { padding:0 66px;}
.side-cate li .icon-cate { position:absolute; right:10px; top:10px;display: inline-block;width: 24px; line-height:24px;text-align: center; font-size:10px; cursor:pointer; color:#222;border-radius: 50%;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.side-cate li .icon-cate.icon-cate-down:before { content:'\f067'; }
.side-cate li .icon-cate.icon-cate-up:before { content:'\f068'; }
.side-cate li.nav-current > a, .side-cate li:hover > a, li.show_li >a { color:#43cd7a; }
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate { color:#43cd7a; }
.side-cate li .icon-cate:hover{background-color: #43cd7a;color: #fff;}
.side-product-items { position:relative; }
.side-product-items .items_content { position:relative; }
.side-product-items .items_content { }
.side_product_item { position:relative; display:block; width:100%; overflow:hidden; border:1px solid #eee; margin:0 0 6px; padding:8px; background:#FFF; }
.side_product_item figure { position:relative; display:block; width:100%; overflow:hidden; }
.side_product_item .item-img { position:relative; display:inline-block; vertical-align:top; *display:inline;*zoom:1;width:50%; }
.side_product_item .item-img img { position:relative; width:100%; }
.side_product_item figcaption { position:relative; display:inline-block; vertical-align:top; *display:inline;*zoom:1;width:48%; padding:10px 0 10px 15px;}
.side_product_item figcaption .item_title { line-height:1.3; margin:0 0 10px; text-transform:uppercase; font-size:14px;font-weight: normal; }
.side_product_item figcaption .item_text { color:#949494; line-height:1.3; }
.side_product_item .add-friend { position:absolute; right:0; bottom:0; width:37px; height:39px; background:url(img/mark03.png) no-repeat right bottom; background-size:cover; }
.side_product_item .add-friend:after { content:""; position:absolute; width:11px; height:11px; bottom:6px; right:6px; background:url(img/add01.png) no-repeat center center; ; }
.side_product_item:hover .add-friend { width:47px; height:49px; }
.side_product_item:hover .add-friend:after { bottom:9px; right:9px; }
.side-product-items .btn-prev, .side-product-items .btn-next { position:absolute; left:0; width:100%; height:15px; display:block; cursor:pointer; opacity:.25; }
.side-product-items .btn-prev { top:20px; background:url(img/side_product_up.png) no-repeat center center; }
.side-product-items .btn-next { bottom:20px; background:url(img/side_product_down.png) no-repeat center center; }
.aside .side-bn { width:100%; margin:0 0 40px; }
.aside .side-bn img { width:100% }
/*----------------------------------main---------------------------------*/
.main { position:relative; width:calc(100% - 370px); float:right; }
.page_title { position:relative; font-size:20px; text-transform:uppercase; margin:0 0 25px;}
.page_bar{ position:relative; line-height:31px; height:33px; margin:50px 0; text-align:center; font-size:12px;}
.page_bar a,.page_bar span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px; border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');background: -moz-linear-gradient(top, #fefefe, #e3e3e3);background: -o-linear-gradient(top,#fefefe, #e3e3e3);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e3e3e3));}
.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#333333; border-color:#333333 }
/*--------------------------------------------------------
page: product list
------------------------------------------------------*/
.items_list {width:100%;}
.items_list ul{margin: 0 -5px;}
.items_list .product_item { width:33.333%;float: left;}
.items_list .product_item img{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.items_list .product_item:hover img{opacity: 0.8;}
.items_list .product_item figure{display: block;border: 1px solid #c6c6c6;margin: 5px;}
/*--------------------------------------------------------
page: single Product
------------------------------------------------------*/
/*product photos*/
.product-intro { position:relative; overflow:hidden; }
.cloud-zoom-lens { border: 1px solid #eee; cursor:move; }
.cloud-zoom-title { position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; }
.cloud-zoom-big { overflow:hidden; padding:0px; }
.cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; }
.product-view .swiper-slide{padding-bottom: 1px;}
.product-view .product-image.zoom_remove:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 999; }
.product-view{position:relative;width:36.6%;float:left;}
.product-view .product-image{position:relative;border:1px solid #ddd;}
.product-view .product-image img{position:relative;width:100%;}
.product-view .image-additional{position:relative;width:92%;margin:20px auto;overflow:hidden;}
.product-view .image-additional li{position:relative;width:100%;width: 33.3333%;float: left;}
.product-view .image-additional li.single{ display:none;}
.product-view .image-additional li img{position:relative;width:68%;margin:0 16%;border:1px solid #ddd;padding:1px;}
.product-view .image-additional li a{position:relative;}
.product-view .image-additional li.current img{border:2px solid #666; }
.product-view .image-additional img.popup{display:none;}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{ display:none;}
.product-view .swiper-button-next,.product-view .swiper-button-prev {width:30px;height:30px;margin-top:-15px;opacity:1;line-height: 30px;font-size: 24px;}
.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next {left:-10px;}
.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev {right:-10px;}
/*product summary*/
.product-summary { position:relative; width:58%; float:right; padding:10px 0; }
.product-summary .product-meta { line-height:25px; }
.product-summary .product-meta h3 { margin:0 0 10px; font-size:16px; }
.product-btn-wrap { position:relative; margin:20px 0 0; }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { position:relative; display:inline-block; *display:inline;
*zoom:1;vertical-align:top; height:39px; line-height:35px; padding:0 20px;font-size:14px;border-radius:3px; background:#43cd7a; border:2px solid #43cd7a; color:#FFF;text-transform:uppercase; margin:0 15px 10px 0; }
.product-btn-wrap .buy { text-transform:uppercase; font-size:18px; padding:0 30px; }
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover { background:none; color:#43cd7a;}
.product-summary .share-this { margin:30px 0 0; }
/* product detail */
.product-detail { position:relative; overflow:visible; margin:30px 0 0; }
.detail-tabs { position:relative; }
.detail-tabs .title { position:relative; display:inline-block; vertical-align:top; *display:inline;*zoom:1;height:39px; line-height:35px; padding:0 20px; cursor:pointer; margin:0 20px 0 0; text-transform:uppercase; font-weight:normal; font-size:14px; border:2px solid #43cd7a; color:#43cd7a; }
.detail-tabs .title.current { color:#FFF;background:#43cd7a; }
.product-detail .tab-panel-content { padding:10px 0; display:block; overflow:hidden }
.product-detail .disabled { display:none; }
/*like product*/
.goods-may-like{position: relative;}
.goods-may-like .title{ font-size:20px; text-transform:uppercase; margin:50px 0 20px;}
.goods-may-like .product_item{ margin:0; padding:0;}
.goods-may-like .swiper-control{position: absolute;right: 0;top: 56px;}
.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{position: static;display: inline-block;}
.goods-may-like .swiper-button-next{margin-left: 5px;}
/*public*/
.web_main { position:relative; overflow:hidden; }
.page_main { background:#FFF; padding:67px 0 0; -moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
/*path_nav*/
.path_bar { position:relative; overflow:hidden; text-align:center; padding:135px 0; -moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transform: translate3d(0,0,0)}
.path_bar .path_nav, .path_bar .title { position:relative; }
.path_bar, .path_bar a { color:#fff; }
.path_bar a:hover{color: #43cd7a;}
.path_bar li { display:inline-block; vertical-align:top; position:relative; font-size:20px; text-transform:uppercase; }
.path_bar li:after { content:">"; margin:0 5px 0 7px;font-weight:bold; }
.path_bar li:last-child:after { display:none; }
.mobile-head-items { display:none; }
/*--------------------------------------------------------
page: blog list
------------------------------------------------------*/
.blog_list { position:relative; width:100%; }
.blog-item { position:relative; width:100%; overflow:hidden; padding:20px;}
.blog-item:nth-child(2n+1) {background:#f9f9f9;}
.blog-item:before { content: ""; position: absolute; left: 0; bottom: 0; width:100%; height: 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.blog-item .item-wrap { }
.blog-item .item-img { position:relative; display:block; max-width:200px; margin:0 20px 0 0;float:left; }
.blog-item .item-img img { position:relative; width:100%; }
.blog-item .item-info { }
.blog-item .item-info .item-title { font-size:16px; }
.blog-item .item-info time { display:block; font-style:italic; margin:8px 0; }
.blog-item .item-info .item-detail { }
.blog-item .item-info .item-more { float:right; color:#8f9395; margin:10px 0 0; }
.blog-item .item-info .item-more:hover{color: #43cd7a;}
/*--------------------------------------------------------
page: download list
------------------------------------------------------*/
.download_list { position:relative; width:100%; }
.download-item { position:relative; overflow:hidden; padding:15px 0;margin:0 0 10px;line-height:30px;border-bottom:1px solid #eee; }
.download-item .item-img { max-width:25px; }
.download-item .item-title { position:relative; display:inline-block; *display:inline;vertical-align:top; *zoom:1;margin:0 10px;font-size:16px; font-weight:bold; }
.download-item .item-button { position:relative; display:inline-block; *display:inline;vertical-align:top; *zoom:1;float:right; line-height:30px;padding:0 15px;border:1px solid #ccc; background:#eee; border-radius:5px; cursor:pointer; }
.download-item .item-button:before { content:"\f019"; margin:0 10px 0 0;
}
/*--------------------------------------------------------
page: faq list
------------------------------------------------------*/
.faq_list { position:relative; width:100%; }
.faq-item { position:relative; width:100%; overflow:hidden; padding:0 25px;border:1px solid #eee; margin:0 0 20px;}
.faq-item .faq-title { position:relative; font-size:16px; padding:15px 0;cursor:pointer; }
.faq-item .faq-title:before { position:absolute; content:"\f067"; right:0; font-size:14px; }
.faq-item .faq-title.show-title:before { content:'\f068';}
.faq-item .faq-title h3{font-weight:normal;}
.faq-item .faq-cont {margin:0 0 25px; display:none;}
.faq-item:first-child .faq-cont { display:block;}
@media only screen and (max-width: 768px) {
.inquiry-form .form-btn-wrapx .form-btn-submitx {top:0 !important;}
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1366px) {
body{min-width: 1100px;}
.layout,.head_nav {width: 1100px;}
.product_slider .swiper-button-prev{left: 0;}
.product_slider .swiper-button-next{right: 0;}
.product_slider:hover .swiper-button-prev{left: 0;}
.product_slider:hover .swiper-button-next{right: 0;}
}
@media only screen and (max-width: 1250px){
.service_items{ width:100%;}
}
@media only screen and (max-width: 1200px) {
.layout,.head_nav {width:98%;}
body {min-width:inherit;}
.product_items,.company_worldwild .layout{ width:100%;}
.company_worldwild .layout{ display:block;}
}
@media only screen and (max-width: 950px) {
body{min-width: 100%;}
.layout,.head_nav {width: 100%;padding: 0 10px;}
.z10000 { position:relative; z-index:100000; }
.mobile-body-mask { width:100%; height:100vh; background:rgba(0, 0, 0, 0.6); position:fixed; left:0; top:0; z-index:999 }
.mobile-ico-close { width:30px; height:30px; background:#fff url(img/mobile_close.png) center center no-repeat; background-size:50% auto; position:absolute; right:-35px; top:0; }
.sub-content { position:relative; display:block; right:auto; border-radius:0; border:none; box-shadow:none; z-index:99999; }
.lang-more { display:none !important }
.mobile-head-items { position:fixed; top:0; left:0; background:#161622; width:100%; height:25px; line-height:25px; text-align:left; display:block; z-index:999; }
.mobile-head-item { float:left; width:45px; }
.mobile-head-item.mobile-head-aside { float:right }
.mobile-head-item .title { width:100%; height:25px; line-height:25px; overflow:hidden; text-align:center; color:#FFF; }
.mobile-head-item .title a { position:relative; display:block; color:#FFF; }
.mobile-head-item.mobile-head-home .title a:before { content:'\f015'; }
.mobile-head-item.mobile-head-nav .title:before { content:'\f0c9'; }
.mobile-head-item.mobile-head-language .title:before { content:"\f1ab"; }
.mobile-head-item.mobile-head-search .title:before { content:"\f002"; }
.mobile-head-item.mobile-head-social .title:before { content:"\f007"; }
.mobile-head-item.mobile-head-aside .title:before { content:"\f060"; }
.mobile-head-item .main-content-wrap { background:#FFF; top:0; display:block; z-index:99999; }
.mobile-head-item .main-content-wrap .content-wrap { overflow-y: auto; height:100%; padding:15px 10px; }
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap { overflow-y:hidden; }
.mobile-head-item .side-content-wrap { position:fixed; display:block; left:-70%; width:70%; height:100%; }
.mobile-head-item .middle-content-wrap { position:absolute; left:0; width:100%; height:auto; padding:20px 0; opacity:0; visibility:hidden; }
.mobile-head-item .middle-show-content-wrap { top:30px; visibility:visible; opacity:1; }
.index_web_head.web_head{ position:relative;background: rgba(0,0,0,1);}
.logo{position:relative; display:block;}
.web_head{ padding:25px 0 0; height:auto; }
.web_head .nav_wrap,.web_head .change-language,.web_head .btn--search{ display:none;}
.web_head .btn--search{ right:0; top:-20px; margin:0;}
.web_head .head-search{display: none;}
.head-search{ position:relative;width:90%; height:35px; background:#000; margin:0 auto;}
.head-search .search-ipt{ position:absolute; width:100%; height:100%;left:0; top:0; color:#FFF; padding:0 10px;}
.head-search .search-btn{ position:absolute; width:35px; height:100%; background:url(img/search_btn.png) no-repeat center center; border:none; right:0; top:0; display:block !important;}
.head-search .search-attr{display:none;}
/*nav */
.head_nav{width: 100%;}
.head_nav li { position:relative; display:block; width:100%; font-size:16px; }
.head_nav > li { border-bottom: 1px solid #eee; line-height:35px; }
.head_nav > li:after { content: '\f105'; position: absolute; right: 0; top:0; color:#999; font-size:12px; }
.head_nav li ul { display:block; width:100%; }
.head_nav li ul li { width:auto; padding:0 10px; font-size:14px; text-transform:lowercase; line-height:30px; }
.head_nav li ul li:before { content:""; width:3px; height:3px; background:#999; border-radius:50%; position:absolute; left:0; top:15px; }
.head_nav li ul li li { line-height:25px; font-family: 'SourceSansProLight'; }
.head_nav li ul li li:before { display:none; }
/* index */
.cate_item{width: 50%;}
.cate_items{margin: 0;}
.cate_item .item_inner{padding: 20px 5px;}
.index_brands .brands_item{width: 25%;}
/* aside */
.aside { display:none; }
.side-product-items .btn-prev, .side-product-items .btn-next { display:none; }
.side_product_item { display:inline-block; vertical-align:top; width:48%; }
.side_product_item figure { padding:0 5px; }
.side_product_item .item-img, .side_product_item figcaption { width:100%; display:block; padding:0 }
.side_product_item figcaption { padding:10px 0; text-align:center; }
/* main */
.main { width:98%; float:none; margin:0 auto; }
.items_list { width:100%; }
.product-item { width:33.333%; }
.product-item .item-wrap { margin:8px; }
/* product intro */
.video_close { display:none }
.image-additional li.image-item.current img { border:none; }
.product-view { width:100%; float:none; margin:0 auto; }
.product-view .image-additional li img{ width:90%; margin:0 5%;}
.product-view .product-image, .single_product_items { display:none }
.image-additional-wrap { display:block; }
.product-view .image-additional { width:100%; margin:0; }
.product-view .image-additional ul { width:100%; }
.product-view .image-additional li { width:100%; margin:0; }
.product-view .image-additional li a { padding:0; }
.product-view .image-additional li.current img { border-color:inherit; }
.product-view .image-additional li.single { display:block }
/* product summary */
.product-summary { position:relative; width:100%; float:none; }
.product-summary .share-this { float:none; margin:30px 0; }
.product-btn-wrap a { margin:0 0 10px !important; }
/* product detail */
}
@media only screen and (max-width: 480px) {
.mobile-hide{display: none!important;}
.gotop { display:none !important; }
.product_item,.items_list .product_item{ width:100%;}
.service_item{ width:100%;}
.path_bar{ padding:50px 0;}
.product-view{ width:100%;}
.side-widget{ margin:0 0 30px;}
.side-cate li a{ padding:0 20px;}
.side-cate li li a{ padding:0 30px;}
.side_product_item{ padding:5px; width:80%; margin:8px 0 8px 10%;}
.blog-item .item-img{ width:150px;}
.table_wrap{ overflow-x:scroll;}
/* header */
.web_head .logo img{height: 32px;}
.web_head .layout{padding: 15px 10px;}
.head_svbar{padding: 8px 0;}
/* footer */
.web_footer{ margin:60px 0 0;}
.company_subscribe .title{ margin:0 0 20px;}
.foot_item.foot_item_info,.foot_item.foot_item_product,.foot_item.foot_item_contact,.foot_item_follow{ width:100%; padding:0; margin:0 0 30px;}
.foot_items{padding-left: 10px;padding-right: 10px;}
.foot_item .foot_item_bd{padding-right: 5%;}
.foot_sns li a{width: 18px;height: 18px;line-height: 18px;}
.foot_sns li a img{max-width: 18px;max-height: 18px;}
.foot_item.foot_item_contact address li:before{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
.foot_bar{font-size: 12px;}
.foot_bar .copyright,.foot_bar .foot_nav{display: block;float: none;text-align: center;}
.foot_bar .foot_nav {padding-top: 8px;}
.foot_bar .foot_nav li{float: none;display: inline;padding-left: 8px;}
.foot_bar .foot_nav li:after{padding-left: 8px;}
/* index */
.slider_banner .swiper-button-next,.slider_banner .swiper-button-prev{display: none;}
.slider_banner .swiper-slide img{min-height: 160px;}
.slider_banner .swiper-pagination-bullet{width: 7px;height: 7px;}
.slider_banner .swiper-pagination-white .swiper-pagination-bullet-active{width: 10px;height: 10px;}
.slider_banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
.index_title h2 {font-size: 24px;}
.product_item .item_img a:before{display: none;}
.cate_item{width: 100%;}
.cate_item .item_inner{padding: 10px 0;}
.cate_item .item_title{font-size: 14px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px;height: 45px;width: 100%;}
.index_brands .brands_item{width: 50%;}
.index_brands .brands_item img{width: 100%;}
/* blog list */
.blog-item .item-img{float: none;margin-right: 0;padding-bottom: 10px;}
}
@media only screen and (max-width: 320px) {
.side_product_item {width:100%;}
}
/*-------------------------------
font start
----------------------------------*/
@font-face {
font-family: 'fontawesome';
src: url("fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0");
src: url("fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Oswald';
src: url("fonts/Oswald/Oswald.eot?v=4.5.0");
src: url("fonts/Oswald/Oswald.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Oswald/Oswald.woff2?v=4.5.0") format("woff2"), url("fonts/Oswald/Oswald.woff?v=4.5.0") format("woff"), url("fonts/Oswald/Oswald.ttf?v=4.5.0") format("truetype"), url("fonts/Oswald/Oswald.svg?v=4.5.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
}
/*-------------------------------
font end
----------------------------------*/
/*-------------------------------
swiper-slide end
----------------------------------*/
.slider_banner { position:relative; overflow:hidden; }
.swiper-container-no-flexbox .swiper-slide { float:left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; overflow:hidden; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform }
.swiper-invisible-blank-slide { visibility:hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:transform, height; transition-property:transform, height; transition-property:transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective:1200px; perspective:1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:50px; height:50px;line-height: 50px;text-align: center; margin-top:-31.5px; z-index:10; cursor:pointer; opacity:0; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;font-size: 30px;background-color: #fff;border-radius: 2px; }
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { }
.swiper-container:hover .swiper-button-prev { left:65px; }
.swiper-container:hover .swiper-button-next { right:65px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor:auto; pointer-events:none;opacity: 0.15; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:10px; right:auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-size:cover; right:10px; left:auto }
.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before{content: '\f104';}
.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before{content: '\f105';}
.slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{background-color: #43cd7a;color: #fff; }
.slider_banner:hover .swiper-button-prev { left:120px; opacity:1;}
.slider_banner:hover .swiper-button-next { right:120px; opacity:1; }
.swiper-button-lock { display:none }
.swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 }
.swiper-pagination.swiper-pagination-hidden { opacity:0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:15px; left:0; width:100% }
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33); position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; vertical-align:middle; border-radius:100%; background:#eee; }
button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer }
.swiper-pagination-bullet-active { background:#836d3c; }
.swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s top, .2s -webkit-transform;
transition:.2s top, .2s -webkit-transform;-o-transition:.2s transform, .2s top;transition:.2s transform, .2s top;transition:.2s transform, .2s top, .2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 8px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s left, .2s -webkit-transform;
transition:.2s left, .2s -webkit-transform;-o-transition:.2s transform, .2s left;transition:.2s transform, .2s left;transition:.2s transform, .2s left, .2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s right, .2s -webkit-transform;transition:.2s right, .2s -webkit-transform;-o-transition:.2s transform, .2s right;transition:.2s transform, .2s right;transition:.2s transform, .2s right, .2s -webkit-transform}
.swiper-pagination-progressbar { background:rgba(0, 0, 0, .25); position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top }
.swiper-container-horizontal{ overflow:hidden;}
.swiper-container-horizontal>.swiper-pagination-progressbar { width:100%; height:4px; left:0; top:0 }
.swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background:#fff;width: 15px;height: 15px; }
.swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255, 255, 255, .25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background:#000 }
.swiper-pagination-progressbar.swiper-pagination-black { background:rgba(0, 0, 0, .25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background:#000 }
.swiper-pagination-lock { display:none }
.swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, .1) }
.swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% }
.swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% }
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, .5); border-radius:10px; left:0; top:0 }
.swiper-scrollbar-cursor-drag { cursor:move }
.swiper-scrollbar-lock { display:none }
.swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain }
.swiper-slide-zoomed { cursor:move }
.swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display:block; content:''; width:100%; height:100%; background-position:50%; background-size:100%; background-repeat:no-repeat }
.swiper-lazy-preloader-white:after { }
@-webkit-keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out }
.swiper-container-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube { overflow:visible }
.swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events:auto; visibility:visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 }
.swiper-container-flip { overflow:visible }
.swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective:1200px }
.slider_banner .swiper-slide img { width:100%; }
.slider_banner .swiper-slide img+img { position:absolute; left:0; top:0; }
.slider_banner .swiper-slide img { width: 100%; transition: 3s linear; transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
/*-------------------------------
swiper-slide end
----------------------------------*/
/*-------------------------------
entry-table start
----------------------------------*/
.entry { padding:15px 0; }
.entry { color:#666; }
.entry a { color:#0030FF; }
.entry p { margin:0; padding:8px 0; font-size:13px; line-height:1.8; }
.entry table { border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:20px; }
.entry th, .entry td { height:30px; border:1px solid #ccc; text-align:left; line-height:1.5; font-size:12px; color:#666; background:#fbfbfb; padding:0 15px; }
.entry th { font-size:12px; background:#eee; }
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p { margin:0; padding:5px; color:#666; font-size:12px; line-height:1.3; }
.entry td.amts { color:#cb2027; }
.entry th#cartDelete { text-align:center; }
.entry .button { margin:15px 10px 0 0; background:#dfdfdf; padding:8px 15px; border:0; cursor:pointer; line-height:1.2; color:#777; font-weight:bold; text-transform:Capitalize; }
.entry .button:hover { background:#cb2027; color:#fff; }
.entry .deletecartitem { width:50px; text-align:center; }
.entry .deletecartitem label { display:none; }
.entry .stotal td.amts { font-size:18px; font-weight:bold; }
.entry img.alignleft { float:left; margin:20px 15px 0 0; }
.entry img.alignright { float:right; margin:20px 0 0 15px; }
.entry img.alignleftnopad { float:left; margin-left:0; }
.entry img.alignrightnopad { float:right; margin-right:0; }
.entry img.aligncenter { text-align:center; display:block; margin:20px auto 0 auto; }
.entry img { max-width:100%; }
.cartitem a { color:#292929; font-weight:bold; }
.inquiry-form ul li { background:none; }
.entry .inquiry-form-wrap { margin:20px 0 0; }
.table_wrap { position:relative; display:block; }
.main table { position:relative; border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom:0 !important; }
.main table th, .main table td { height: 30px; border: 1px solid #ccc; text-align: left; line-height: 1.5; font-size: 12px; color: #666; background: #fbfbfb; padding: 0 15px; }
.main table th { font-size: 12px; background: #eee; }
.main table td p, .main table th p, table td p, table th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; }
.main table td.amts { color: #cb2027; }
.main table th#cartDelete { text-align: center; }
/*-------------------------------
entry-table end
----------------------------------*/
/*-------------------------------
search end
----------------------------------*/
.container { position: relative; height:100vh;}
.search-ipt { border: 0; background: transparent; border-radius: 0; -webkit-appearance: none; }
.web-search { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.js .web-search { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100vh; opacity:0; visibility:hidden; }
.js .web-search::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);}
.web-search .btn--search-close { font-size: 2em; position: absolute; top: 1.25em; right: 1.25em; display: none; background:url(img/search_btn_close.png) no-repeat center center; background-size:35% auto; width:50px;height:50px;cursor:pointer; border-radius:100%; border:3px solid #fff; }
.js .btn--search-close { display: block; }
.web-search .search-ipt { font-family: inherit; line-height: 1; display: inline-block; box-sizing: border-box; width: 75%; padding: 0.05em 0; color: #fff; border-bottom: 3px solid; font-size:20px; line-height:10px }
.web-search .search-ipt::-webkit-input-placeholder {color: #4a319e;}
.web-search .search-ipt::-moz-placeholder {opacity: 1;color: #4a319e;}
.web-search .search-ipt:-ms-input-placeholder {color: #4a319e;}
.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {-webkit-appearance: none;}
.web-search .search-ipt::-ms-clear {display: none;}
.web-search .search-attr { font-size: 90%;display: block; width: 75%; margin: 0 auto; padding: 0.85em 0; text-align: right; color: #fff; }
.js .container { position: relative; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }
.js .main-wrap--move { -moz-transform: scale3d(0.7, 0.7, 1); -webkit-transform: scale3d(0.7, 0.7, 1); -ms-transform: scale3d(0.7, 0.7, 1); -o-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);height: 100vh; }
.js .main-wrap--move .btn--search { pointer-events: none; opacity: 0; }
.js .web-search { pointer-events: none; }
.js .search--open { pointer-events: auto; opacity:1; visibility:visible }
.js .web-search::before {opacity: 0;-moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;}
.js .search--open::before {opacity: 1;}
.web-search .btn--search-close { opacity: 0; transition: opacity 0.5s; }
.search--open .btn--search-close { opacity: 1; }
.search__suggestion, .web-search .search-attr { opacity: 0;-moz-transform: translate3d(0, 100px, 0); -webkit-transform: translate3d(0, 100px, 0); -ms-transform: translate3d(0, 100px, 0); -o-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0);-moz-transition: opacity 0.8s, transform 0.8s; -webkit-transition: opacity 0.8s, transform 0.8s; -ms-transition: opacity 0.8s, transform 0.8s; -o-transition: opacity 0.8s, transform 0.8s; transition: opacity 0.8s, transform 0.8s; }
.search--open .search-attr { opacity: 1;-moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-size:24px; }
.js .web-search .search-ipt {-moz-transform: scale3d(0, 1, 1); -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);-moz-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%;-moz-transition: transform .3s; -webkit-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.js .search--open .search-ipt {-moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.js .search--open .search-btn { display:none !important; }
/*-------------------------------
search end
----------------------------------*/
/*-------------------------------
scrollsidebar start
----------------------------------*/
.scrollsidebar, .scrollsidebar a { font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif; }
.scrollsidebar { position:absolute; z-index:30; top:150px; right:0; }
.show_btn { width:38px; height:192px; overflow:hidden; cursor:pointer; display:block; overflow:hidden; background:url(img/custom_service/show_btn.png) no-repeat center center;position: absolute;right: 0;top: 0; }
.side_content { width:0; height:auto; overflow:hidden; float:left; }
.side_content .side_list { width:140px; overflow:hidden; border:1px solid #dadada; border-radius:8px; position:relative; background:#FFF; }
.side_content .side_list .hd img { width:100%; border-bottom:1px solid #dadada; }
.side_content .side_list .cont li { height:40px; line-height:40px; border-bottom:1px solid #dadada; list-style:none; position:relative; }
.side_content .side_list .cont li a { position:relative; display:block; padding:0 0 0 43px; text-decoration:none; }
.side_content .side_list .cont li a:before { content:""; position:absolute; display:block; overflow:hidden; top:0; left:10px; width:25px; height:40px; background-repeat:no-repeat; background-position:center center; }
.side_content .side_list .cont li .email:before { background-image:url(img/custom_service/icons01.png); }
.side_content .side_list .cont li .skype:before { background-image:url(img/custom_service/icons02.png); }
.side_content .side_list .cont li .inquiry:before { background-image:url(img/custom_service/icons03.png); }
.side_content .side_list .cont li .qq:before { background-image:url(img/custom_service/icons04.png); }
.ww { margin-left:-30px; }
.side_content .side_list .t-code { padding:10px 10px 7px; border-bottom:1px solid #dadada; }
.side_content .side_list .t-code img { width:100%; }
.side_content .side_list .side_title { height:30px; line-height:30px; padding:0 12px; }
.side_content .side_list .side_title .close_btn { background:url(img/custom_service/close.png) no-repeat center center; width:12px; height:30px; position:absolute; bottom:0; right:10px; cursor:pointer; }
.side_content .side_list .side_title .close_btn span { display:none; }
/*-------------------------------
scrollsidebar end
----------------------------------*/
/*inquiry*/
.inquiry-pop-bd{position:fixed; left:50%; top:50%; margin:-300px 0 0 -275px;width:550px;height:500px;background:#FFF; box-shadow:0 0 10px rgba(255, 255, 255, .5); display:none; z-index:2000;}
.inquiry-pop-bd:before{ content:""; position:fixed;width:100%; height:100%; left:0; top:0;background:rgba(0, 0, 0, .7); z-index:-1; }
.inquiry-pop-bd .inquiry-pop { position:absolute; width:100%; height:100%; left:0; top:0;padding:22px;z-index:1; background:#FFF;}
.inquiry-pop-bd .inquiry-pop .ico-close-pop { position:absolute;right:-10px;top:-10px;width:30px;height:30px;background:url(img/custom_service/fancy_close.png) no-repeat center center; cursor:pointer; z-index:1; }
.inquiry-form-wrap { position:relative; height: 420px; width: 100.5%; }
.ad_prompt { position:absolute; display:block; top:50%; left:0; width:100%; line-height:40px; margin:-20px 0 0; text-align:center; color:#ff6f00; font-size:20px; -webkit-animation:twinkling 1s infinite ease-in-out; animation:twinkling 1s infinite ease-in-out; display:none; }
@media screen and (max-width: 550px) {
.inquiry-pop-bd{width:95%;height:450px;left:0; margin:-265px 0 0 2.5%;}
.inquiry-pop-bd .inquiry-pop{padding:10px;}
.scrollsidebar {display:none;}
}
/*-------------------------------
language start
----------------------------------*/
.prisna-wp-translate-seo{ display:none; font-family:Arial, Helvetica, sans-serif;}
.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{ display:block}
.change-language .change-language-title, .change-language .change-language-title a { font-size:10pt; color:#fff; }
.change-language .change-language-title { padding:10px 0; }
.change-language .change-language-title a:after { font-family: 'fontawesome'; content:"\f0d7"; font-size:12px; display:inline-block; padding-left: 2px;}
.change-language:hover .change-language-title a:after { -moz-transform:rotate(-360deg); -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); }
.change-language .change-language-cont { position:absolute; top:35px; right:-10px; width:360px; background:#FFF; padding:20px 10px 20px 20px; transform: scale3d(0.9, 0.9, 1); opacity:0; visibility:hidden; z-index:999; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border:1px solid #eee; border-radius:5px; overflow-y:scroll; max-height:80vh; }
.change-language:hover .change-language-cont { transform: scale3d(1, 1, 1); opacity:1; visibility:visible; }
.change-language .change-language-cont li { display:inline-block; vertical-align:top; width:30%; margin:0 0 10px; font-size:10pt;overflow:hidden; padding:0 10px 0 0; }
.change-language .change-language-cont .lang-item-hide { display:none !important; }
.change-language .change-language-cont .lang-more { position:relative; display:block; text-align:center; cursor:pointer;line-height: 30px; }
.change-language .change-language-cont .more-active{font-size: 20px;}
.language-flag span{position:relative; display:inline-block; vertical-align:top; *display:inline; *zoom:1;white-space:nowrap;padding:0 0 0 33px; overflow:hidden; }
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color:#fff;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3); border-radius:3px; }
.change-language .language-cont:hover::-webkit-scrollbar-thumb{ display:block}
.language-flag .country-flag { position:absolute; left:0; top:50%;display:inline-block; vertical-align:top; *display:inline;*zoom:1;
background-repeat: no-repeat; background-image:url(img/all-m.gif); width:22px; height:16px; margin:-8px 5px 0; }
li.language-flag a{ position:relative;}
.language-flag-af .country-flag { background-position: 0 0 !important; }
.language-flag-sq .country-flag { background-position: 0 -16px !important; }
.language-flag-ar .country-flag { background-position: 0 -32px !important; }
.language-flag-hy .country-flag { background-position: 0 -48px !important; }
.language-flag-az .country-flag { background-position: 0 -64px !important; }
.language-flag-eu .country-flag { background-position: 0 -80px !important; }
.language-flag-be .country-flag { background-position: 0 -96px !important; }
.language-flag-bg .country-flag { background-position: 0 -112px !important; }
.language-flag-ca .country-flag { background-position: 0 -128px !important; }
.language-flag-zh .country-flag { background-position: 0 -144px !important; }
.language-flag-zh-TW .country-flag { background-position: 0 -160px !important; }
.language-flag-hr .country-flag { background-position: 0 -176px !important; }
.language-flag-cs .country-flag { background-position: 0 -192px !important; }
.language-flag-da .country-flag { background-position: 0 -208px !important; }
.language-flag-nl .country-flag { background-position: 0 -240px !important; }
.language-flag-en .country-flag { background-position: 0 -256px !important; }
.language-flag-et .country-flag { background-position: 0 -272px !important; }
.language-flag-tl .country-flag { background-position: 0 -288px !important; }
.language-flag-fi .country-flag { background-position: 0 -304px !important; }
.language-flag-fr .country-flag { background-position: 0 -320px !important; }
.language-flag-gl .country-flag { background-position: 0 -336px !important; }
.language-flag-ka .country-flag { background-position: 0 -352px !important; }
.language-flag-de .country-flag { background-position: 0 -368px !important; }
.language-flag-el .country-flag { background-position: 0 -384px !important; }
.language-flag-ht .country-flag { background-position: 0 -400px !important; }
.language-flag-iw .country-flag { background-position: 0 -416px !important; }
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag { background-position: 0 -432px !important; }
.language-flag-hu .country-flag { background-position: 0 -448px !important; }
.language-flag-is .country-flag { background-position: 0 -464px !important; }
.language-flag-id .country-flag { background-position: 0 -480px !important; }
.language-flag-ga .country-flag { background-position: 0 -496px !important; }
.language-flag-it .country-flag { background-position: 0 -512px !important; }
.language-flag-ja .country-flag { background-position: 0 -528px !important; }
.language-flag-ko .country-flag { background-position: 0 -544px !important; }
.language-flag-la .country-flag { background-position: 0 -560px !important; }
.language-flag-lv .country-flag { background-position: 0 -576px !important; }
.language-flag-lt .country-flag { background-position: 0 -592px !important; }
.language-flag-mk .country-flag { background-position: 0 -608px !important; }
.language-flag-ms .country-flag { background-position: 0 -624px !important; }
.language-flag-mt .country-flag { background-position: 0 -640px !important; }
.language-flag-no .country-flag { background-position: 0 -656px !important; }
.language-flag-fa .country-flag { background-position: 0 -672px !important; }
.language-flag-pl .country-flag { background-position: 0 -688px !important; }
.language-flag-pt .country-flag { background-position: 0 -704px !important; }
.language-flag-ro .country-flag { background-position: 0 -720px !important; }
.language-flag-ru .country-flag { background-position: 0 -736px !important; }
.language-flag-sr .country-flag { background-position: 0 -752px !important; }
.language-flag-sk .country-flag { background-position: 0 -768px !important; }
.language-flag-sl .country-flag { background-position: 0 -784px !important; }
.language-flag-es .country-flag { background-position: 0 -800px !important; }
.language-flag-sw .country-flag { background-position: 0 -816px !important; }
.language-flag-sv .country-flag { background-position: 0 -832px !important; }
.language-flag-th .country-flag { background-position: 0 -848px !important; }
.language-flag-tr .country-flag { background-position: 0 -864px !important; }
.language-flag-uk .country-flag { background-position: 0 -880px !important; }
.language-flag-ur .country-flag { background-position: 0 -896px !important; }
.language-flag-vi .country-flag { background-position: 0 -912px !important; }
.language-flag-cy .country-flag { background-position: 0 -928px !important; }
.language-flag-yi .country-flag { background-position: 0 -944px !important; }
.language-flag-bn .country-flag { background-position: 0 -960px !important; }
.language-flag-eo .country-flag { background-position: 0 -976px !important; }
.language-flag.language-flag-custom-afghanistan .country-flag { background-position: 0 -992px !important; }
.language-flag.language-flag-custom-albania .country-flag { background-position: 0 -1008px !important; }
.language-flag.language-flag-custom-algeria .country-flag { background-position: 0 -1024px !important; }
.language-flag.language-flag-custom-argentina .country-flag { background-position: 0 -1040px !important; }
.language-flag.language-flag-custom-australia .country-flag { background-position: 0 -1056px !important; }
.language-flag.language-flag-custom-austria .country-flag { background-position: 0 -1072px !important; }
.language-flag.language-flag-custom-belgium .country-flag { background-position: 0 -1088px !important; }
.language-flag.language-flag-custom-brazil .country-flag { background-position: 0 -1104px !important; }
.language-flag.language-flag-custom-canada .country-flag { background-position: 0 -1120px !important; }
.language-flag.language-flag-custom-chile .country-flag { background-position: 0 -1136px !important; }
.language-flag.language-flag-custom-cote-d-ivoire .country-flag { background-position: 0 -1152px !important; }
.language-flag.language-flag-custom-ecuador .country-flag { background-position: 0 -1168px !important; }
.language-flag.language-flag-custom-egypt .country-flag { background-position: 0 -1184px !important; }
.language-flag.language-flag-custom-england .country-flag { background-position: 0 -1200px !important; }
.language-flag.language-flag-custom-luxembourg .country-flag { background-position: 0 -1216px !important; }
.language-flag.language-flag-custom-malaysia .country-flag { background-position: 0 -1232px !important; }
.language-flag.language-flag-custom-mexico .country-flag { background-position: 0 -1248px !important; }
.language-flag.language-flag-custom-new-zealand .country-flag { background-position: 0 -1264px !important; }
.language-flag.language-flag-custom-oman .country-flag { background-position: 0 -1280px !important; }
.language-flag.language-flag-custom-qatar .country-flag { background-position: 0 -1296px !important; }
.language-flag.language-flag-custom-saudi-arabia .country-flag { background-position: 0 -1312px !important; }
.language-flag.language-flag-custom-singapore .country-flag { background-position: 0 -1328px !important; }
.language-flag.language-flag-custom-south-africa .country-flag { background-position: 0 0 !important; }
.language-flag.language-flag-custom-switzerland .country-flag { background-position: 0 -1344px !important; }
.language-flag.language-flag-custom-syria .country-flag { background-position: 0 -1360px !important; }
.language-flag.language-flag-custom-united-arab-emirates .country-flag { background-position: 0 -1376px !important; }
.language-flag.language-flag-custom-united-states-of-america .country-flag { background-position: 0 -1392px !important; }
.language-flag-hy .country-flag { background-position: 0 -1408px; }
.language-flag-bs .country-flag { background-position: 0 -1424px; }
.language-flag-ceb .country-flag { background-position: 0 -1440px; }
.language-flag-ny .country-flag { background-position: 0 -1456px; }
.language-flag-ha .country-flag { background-position: 0 -1472px; }
.language-flag-hmn .country-flag { background-position: 0 -1488px; }
.language-flag-ig .country-flag { background-position: 0 -1504px; }
.language-flag-jw .country-flag { background-position: 0 -1520px; }
.language-flag-kk .country-flag { background-position: 0 -1536px; }
.language-flag-km .country-flag { background-position: 0 -1552px; }
.language-flag-lo .country-flag { background-position: 0 -1568px; }
.language-flag-la .country-flag { background-position: 0 -1584px; }
.language-flag-mg .country-flag { background-position: 0 -1600px; }
.language-flag-ml .country-flag { background-position: 0 -1616px; }
.language-flag-mi .country-flag { background-position: 0 -1632px; }
.language-flag-mr .country-flag { background-position: 0 -1648px; }
.language-flag-mn .country-flag { background-position: 0 -1664px; }
.language-flag-my .country-flag { background-position: 0 -1680px; }
.language-flag-ne .country-flag { background-position: 0 -1696px; }
.language-flag-pa .country-flag { background-position: 0 -1712px; }
.language-flag-st .country-flag { background-position: 0 -1728px; }
.language-flag-si .country-flag { background-position: 0 -1744px; }
.language-flag-so .country-flag { background-position: 0 -1760px; }
.language-flag-su .country-flag { background-position: 0 -1776px; }
.language-flag-tg .country-flag { background-position: 0 -1792px; }
.language-flag-uz .country-flag { background-position: 0 -1808px; }
.language-flag-yo .country-flag { background-position: 0 -1824px; }
.language-flag-zu .country-flag { background-position: 0 -1840px; }
/*-------------------------------
language end
----------------------------------*/
/*-------------------------------
animation start
----------------------------------*/
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}
@-webkit-keyframes twinkling{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes OrangePulse {from { background-color: rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px rgba(210,174,109,1); }50% { background-color: rgba(210,174,109,1); -webkit-box-shadow: 0 0 10px rgba(210,174,109,1); }to { background-color:rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px rgba(210,174,109,1); }}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
/*-------------------------------
language end
----------------------------------*/