style.css
92.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
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
@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 }
body{background-color: #fff;}
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:#29588C; 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; }
::selection{background-color: #29588C;color: #fff;}
/* clear floating */
.clearfix:after,.layout:after,.sys_row:after,
.news_items:after,
.web_main:after,.page_main:after, .about_us .about_content:after, .nav_wrap .head_nav:after,
.cate_items ul:after,.foot_items:after,.product_items:after,.items_list ul:after,.promote_intro:after,.index_ad .ad_items:after { content:""; display:block; clear:both; visibility:hidden; height:0;}
.clearfix, .layout, .sys_row,
.news_items,
.web_main, .page_main, .about_us .about_content, .nav_wrap .head_nav,
.cate_items ul,.foot_items,.product_items,.items_list ul,.promote_intro,.index_ad .ad_items{ *zoom:1;}
.clear { clear:both; }
/* layout */
.z9999 { z-index:9999!important; }
.container{}
.layout { width:1240px; margin:0 auto; position:relative; }
.page_main .layout{width: 1240px;}
.hide{display: none;}
body { width:100%; min-width:1240px; position:absolute; left:0; top:0;}
.gotop {position:fixed;text-align:center;right:50px;bottom:50px;color:#333;background:#29588C;color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);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: 22px/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: #000;color: #fff; }
.gotop.active{opacity: 1;visibility: visible;-moz-transform:none; -webkit-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
/* transition */
.head_nav li, .head_nav li a, .product_item figure, .gotop, .product-item .item-img img,.product_item .item_img a:before, .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,.head_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,.nav_wrap .head_nav li ul,.product_item .item_img a,.product_item,.product_item .item_img a:before,.product_item .item_img a:after,.product_item .item_img:after,
.index_news .news_item .item_img a:before,.index_product .index_title:before,
.web_head .head-search .search-ipt,.web_head .head-search .search-btn,
.foot_txt_list li,.foot_item .foot_txt_list li:before,
.index_ad .ad_item .item_ico,.index_ad .ad_item .item_info,
.company_subscribe .button:after,.foot_sns li img{ -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
/* button */
.sys_btn{display: inline-block;padding: 22px 50px;font-size: 18px;background-color: #29588c;border: 1px solid #c2d1d6;color: #fff;position: relative;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;overflow: hidden;}
.sys_btn:before,.sys_btn:after{content: '';display: block;width: 100%;height: 100%;border: 0;position: absolute;border-style:solid;border-color: #fff;opacity: 1;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease;}
.sys_btn:before{right: 0;top: 0;border-top-width: 5px;border-right-width: 5px;}
.sys_btn:after{left: 0;bottom: 0;border-bottom-width: 5px;border-left-width: 5px;}
.sys_btn:hover{background-color: #fff;color: #29588c;border-color: #29588c;}
.sys_btn:hover:before,.sys_btn:hover:after{width: 0%;height: 0%;opacity: 1;}
/* placeholder */
input::-webkit-input-placeholder{color:#52707a;}
input::-moz-placeholder{color:#52707a;opacity: 1;}
input:-ms-input-placeholder{color:#52707a;}
input:-moz-placeholder{color:#52707a;}
/* box-sizing */
.index_promote,
.company_subscribe .button,
.nav_wrap,.product_item .item_img {-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 */
.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; }
.head-search .search-btn:before,.web_head .btn--search:before,.swiper-button-next:before, .swiper-button-prev:before,
.index_company_intr .company_intr_title:before,
.foot_txt_list li:before{font-family: 'fontawesome';}
.index_ad .item_title .txt_impt,.index_company_intr .company_intr_title,.index_product .product_item .item_title,
.index_promote .promote_tit{font-family: 'Tiempos';}
.side-tit-bar .side-tit,.page_title,.detail-tabs .title{font-family: 'open-sans';}
/*transition*/
a{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
/*web header*/
.web_head{width: 100%;position: absolute;left: 0;top: 0;z-index: 9;}
.web_head .layout{width: auto;padding: 0 40px;}
.web_head .head_top{position: relative;padding: 18px 0;margin: 0 80px;background-color: #f3f6f7;border-bottom: 1px solid #c2d1d6;border-top: 0;}
.web_head .logo{float: left;}
.web_head .logo img{width: auto;height: 55px;vertical-align: middle;}
.web_head .head_right{float: right;padding: 12px 0 0;}
.web_head .change-language{float: left;}
.nav_wrap { position:relative; height:60px;;text-align: center;background-color: #fff;border-bottom: 1px solid #c2d1d6;border-top: 0;margin: 0 80px;border-radius:0 0 4px 4px;-webkit-transition: top .4s ease;-o-transition: top .4s ease;transition: top .4s ease; }
.nav_wrap .head_nav {float: left;}
.nav_wrap .head_nav li,.nav_wrap .head_nav li a{color: #29588C;}
.nav_wrap .head_nav li {display: inline-block; position:relative;vertical-align: top;}
.nav_wrap .head_nav li a { position:relative; display:block; line-height:60px; padding:0;margin-right: 45px; }
.nav_wrap .head_nav li a:hover{text-decoration: underline;}
.nav_wrap .head_nav li a em{vertical-align: middle;}
.nav_wrap .head_nav li a b { position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 7px;font-weight: normal;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav_wrap .head_nav li a b:after { font-family: 'fontawesome'; content:"\f107"; font-size:14px;font-weight: bold; }
.nav_wrap .head_nav li li {display: block;text-align: left; float:none; }
.nav_wrap .head_nav li li a { line-height:1.8; padding:3px 25px;color: #fff;margin-right: 0;}
.nav_wrap .head_nav li li a:hover{color: rgba(255,255,255,0.6);}
.nav_wrap .head_nav li li a em{display: inline-block;width: 100%;}
.nav_wrap .head_nav li li a b:after { content:"\f105";font-weight: normal; }
.nav_wrap .head_nav li li a b {position:absolute; right:10px; top:0;margin-top: 3px;color: #fff; }
.nav_wrap .head_nav li ul { position:absolute; left:0; top:100%; width:250px;padding: 20px 0; z-index:999; background:rgba(41, 88, 140, 0.96); background: #29588C\9;transform:scale3d(0.9, 0.9, 1);opacity:0; visibility:hidden;box-sizing: content-box; }
.nav_wrap .head_nav li li:hover>a{color: rgba(255,255,255,0.6);}
.nav_wrap .head_nav li li ul { top:-20px; left:101.5%; }
.nav_wrap .head_nav li:hover > ul { transform:none;opacity:1; visibility:visible; }
.nav_wrap .head_nav>li>a{height: 60px;overflow: hidden;font-size: 16px;}
.nav_wrap .head_nav>li:hover>a>b{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.web_head .btn--search {display: inline-block; width:35px; height:60px;text-align: center; background:url(img/search_btn.png) no-repeat center center; cursor:pointer;vertical-align: middle;float: right;}
.web_head .change-language{display: inline-block;position: relative;float: right;margin-top: 10px;vertical-align: top;}
.web_head .change-language .change-language-title{padding-right: 15px;}
.web_head .head-search{float: right;position: relative;}
.web_head .head-search .search-ipt{display: block;width: 260px;height: 40px;line-height: 40px;padding: 0 8px;background: none;border: 0;border-bottom: 1px solid #29588C;}
.web_head .head-search .search-ipt:focus{width: 360px;}
.web_head .head-search .search-btn{width: 40px;height: 40px;background: url(img/search_btn.png) right center no-repeat;position: absolute;right: 0;top: 0;border: 0;cursor: pointer;}
.fixed-nav .layout{padding: 0;}
.fixed-nav .nav_wrap{width: 100%;position: fixed;left: 0;top: -100px;z-index: 9;box-shadow:none;opacity: 0;}
.fixed-nav-active .nav_wrap{top: 0;opacity: 1;top: 0;margin: 0;background-color: #29588C;border-bottom: 0;}
.fixed-nav-active .layout{padding: 0 80px;}
.fixed-nav-active .head_nav li,.fixed-nav-active .head_nav li a{color: #fff;}
.fixed-nav-active .change-language .change-language-title,.fixed-nav-active .change-language .change-language-title a{color: #fff;}
.fixed-nav-active .change-language .change-language-cont,.web_head .change-language .change-language-cont{top: 50px;}
.head_holder{display: none!important;}
/* web_footer */
.web_footer{border-top: 3px solid #000;}
.web_footer .layout{width: auto;}
.foot_items{background-position: right bottom;background-repeat: no-repeat;-webkit-background-size: 40% auto;background-size: 40% auto;padding: 45px 80px;}
.foot_items, .foot_items a { color:#666; }
.foot_items a:hover{color: #29588C;}
.foot_item{width: 25%;float: left;padding: 30px 0;}
.foot_item .foot_item_bd{padding-right: 10%;}
.foot_item .title{padding-bottom: 18px;font-size: 14px;}
.foot_item .tit_desc{margin-bottom: 5px;}
.foot_item .foot_txt_list li{white-space: nowrap;height: 30px;line-height: 30px;margin-bottom: 5px;overflow: hidden;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;}
.foot_item .foot_txt_list li a{display: inline;}
.foot_item .foot_txt_list li a:hover{text-decoration: underline;}
.foot_item .foot_txt_list li:before{content: '\f061';padding-right: 10px;font-weight: normal;font-size: 12px;position: absolute;margin-left: -20px;}
.foot_item .foot_txt_list li:hover{padding-left: 30px;color: #29588C;}
.foot_item .foot_txt_list li:hover:before{margin-left: -25px;}
.foot_item_product{width: 27%;}
.foot_item_contact address li{max-width: 360px;line-height: 1.5;position: relative;padding-left: 30px;padding-right: 18%;margin-bottom: 15px;}
.foot_item_contact address li:before{ content:""; width:20px; height:20px; position:absolute; left:0; top:2px; background-image:url(img/contact_ico.png); background-repeat:no-repeat;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.foot_item_contact address li.foot_addr:before{background-position:0 0;}
.foot_item_contact address li.foot_phone:before{background-position:0 -20px;}
.foot_item_contact address li.foot_email:before{background-position:0 -40px;}
.foot_bar{padding: 20px 0;background-color: #fff;}
.foot_bar .copyright{float: left;}
.foot_sns{}
.foot_sns li{display: inline;padding-right: 3px;}
.foot_sns li img{max-height: 20px;border-radius: 2px;}
.foot_sns li a{display: inline-block;padding: 2px;}
.foot_sns li a:hover{opacity: 0.8;-webkit-animation: .6s swing ease;animation: .6s swing ease;}
.foot_sns li+li{padding-left: 8px;}
/*--------------------------------------------------------
page: index
------------------------------------------------------*/
.index_main{padding: 0 80px;}
.index_main .layout{width: auto;}
/* index_title */
.index_title{margin-bottom: 30px;text-align: center;line-height: 1.3;}
.index_title h2{font-size: 40px;font-weight: normal;letter-spacing: 0.02em;line-height: 1.3;padding-bottom: 20px;text-transform: uppercase;}
.index_title h4{font-size: 28px;font-weight: normal;letter-spacing: 0.01em;margin-bottom: 15px;}
/* slider_banner */
.slider_banner{margin: 0 -80px;}
.slider_banner .swiper-pagination-bullets .swiper-pagination-bullet{background: none;width: 14px;height: 14px;border: 1px solid #000;opacity: 0.9;}
.slider_banner .swiper-pagination-bullets .swiper-pagination-bullet-active{opacity: 1;background-color: #000;}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{font-size: 24px!important;border:5px solid rgba(255,255,255,0.1);background-clip: content-box;/*border: 1px solid #000;padding: 5px;background-clip: content-box;*/}
/* index_ad */
.index_ad{padding: 80px 0;}
.index_ad .index_title{color: #29588C;}
.index_ad .index_bd{padding: 80px 0;background-position: center;background-repeat: no-repeat;-webkit-background-size: auto 97%;background-size: auto 97%;background-image: url(img/map.png);-webkit-transition: all 1.6s ease;-o-transition: all 1.6s ease;transition: all 1.6s ease;}
.index_ad .index_bd:hover{background-position: center 0;}
.index_ad .ad_items{margin: 0 -35px;}
.index_ad .ad_item{width: 33.3333%;float: left;text-align: center;}
.index_ad .ad_item .item_inner{padding: 0 30px;}
.index_ad .ad_item .item_title{line-height: 1.2;padding-bottom: 15px;}
.index_ad .ad_item .item_title,.index_ad .ad_item .item_title a{color: #29588C;}
.index_ad .ad_item .item_title .txt_impt{display: block;font-size: 72px;}
.index_ad .ad_item .item_title .txt_small{display: block;font-size: 28px;padding-top: 8px;}
.index_ad .ad_item .item_desc{display: block;font-size: 16px;}
.index_ad .ad_item .item_desc,.index_ad .ad_item .item_desc a{color: #666;}
/* index_company_intr */
.index_company_intr {border: 8px solid #eaeff1;padding: 38px;}
.index_company_intr .layout{display: table;width: 100%;}
.index_company_intr .company_intr_cont,.index_company_intr .company_intr_img{display: table-cell;width: 50%;padding: 38px;vertical-align: middle;}
.index_company_intr .company_intr_cont{padding-right: 6%;}
.index_company_intr .company_intr_title{font-size: 32px;padding-bottom: 15px;font-weight: normal;}
.index_company_intr .company_intr_title,.index_company_intr .company_intr_title a{color: #29588C;}
.index_company_intr .company_intr_title a:hover{text-decoration: underline;}
.index_company_intr .company_intr_title:before{content: '\f1d8';font-size: 20px;vertical-align: middle;padding-right: 12px;}
.index_company_intr .company_intr_desc{font-size: 16px;}
.index_company_intr .company_intr_desc,.index_company_intr .company_intr_desc a{color: #666;}
.index_company_intr .company_intr_img img{width: 100%;height: auto;}
.index_company_intr .sys_btn{margin-top: 25px;}
/* index_product */
.index_product{padding: 80px 0;}
.product_item {width: 431px;}
.product_item .item_img{display: block;overflow: hidden;position: relative;}
.product_item .item_img a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.product_item .item_img a:before,.product_item .item_img a:after{content: '';display: block;width: 30%;height: 30%;position: absolute;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 0;filter: alpha(opacity=0);color: rgba(255,255,255,0.6);color: rgba(255,255,255,0.4);}
.product_item .item_img a:before{right: 5%;top: 5%;border-right: 4px solid;border-top: 4px solid;}
.product_item .item_img a:after{left: 5%;bottom: 5%;border-left: 4px solid;border-bottom: 4px solid;}
.product_item:hover .item_img a:before,.product_item:hover .item_img a:after{width: 90%;height: 90%;opacity: 1;filter: alpha(opacity=100);}
.product_item .item_img img{display: block;width: 100%;height: auto;}
.product_item .item_title{ font-weight:normal; font-size:14px; padding:15px 10px;text-align: center;}
.product_item .item_title a{display: inline-block;max-width: 70%;height: 3.2em;line-height: 1.6em;overflow: hidden;vertical-align: middle;}
.product_item .item_title a:hover{text-decoration: underline;}
.index_product .index_bd{position: relative;}
.index_product .index_title{margin-bottom: 0;position: relative;text-align: center;}
.index_product .index_title:before{content: '';display: block;width: 100%;height: 1px;background-color: #c2d1d6;position: absolute;left: 0;top: 50%;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.index_product .index_title:hover:before{width: 0;left: 50%;}
.index_product .index_title h2{display: inline-block;padding: 0 25px;font-size: 20px;background-color: #fff;z-index: 1;position: relative;}
.index_product .index_title h2,.index_product .index_title h2 a{color: #29588C;}
.index_product .swiper-slide{width: 25%;overflow: visible;}
.index_product .product_items {margin: 0 -5px;padding-top: 35px;}
.index_product .product_item{width: 25%;float: left;}
.index_product .product_item figure{margin: 0 5px;}
.index_product .product_item .item_title {padding:10px 10px 0;font-size: 24px;}
.index_product .product_item .item_title,.index_product .product_item .item_title a{color: #29588C;}
.index_product .product_item .item_title a{display: block;height: 1.8em;line-height: 1.8em;overflow: hidden;text-align: center;max-width: inherit;}
.index_product .product_item .item_img {border: 1px solid #e5e5e5;overflow: hidden;}
.index_product .product_item .item_img a{overflow: hidden;}
.index_product .product_item .item_img img{-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.product_slider{text-align: center;padding-top: 35px;}
.index_product .product_item:hover .item_img img{-webkit-transform: rotate(5deg) scale(1.15);-ms-transform: rotate(5deg) scale(1.15);-o-transform: rotate(5deg) scale(1.15);transform: rotate(5deg) scale(1.15);}
.product_slider .swiper-control{text-align: center;}
.product_slider .swiper-button-prev,.product_slider .swiper-button-next,.news_slider .swiper-button-prev,.news_slider .swiper-button-next,.brands_slider .swiper-button-prev,.brands_slider .swiper-button-next,.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{display: inline-block;width: 24px;height: 24px;line-height: 24px;background-color: #29588c;border-radius:0;opacity: 1;font-size: 12px;color: #fff;}
.product_slider .swiper-button-prev,.product_slider .swiper-button-next{top: 50%;margin-top: -22px;}
.product_slider .swiper-button-prev:not(.swiper-button-disabled):hover,.product_slider .swiper-button-next:not(.swiper-button-disabled):hover{background-color: #234c78;}
.product_slider .swiper-button-prev{left: -40px;}
.product_slider .swiper-button-next{right: -40px;}
.product_slider .swiper-button-prev,.product_slider .swiper-button-next,.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{z-index: 1;}
.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: #000;color: #fff;border-color: #000;}
.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';}
.swiper-container-horizontal .product_item{width: 100%;}
/* index_news */
.index_news {padding-bottom: 70px;}
.index_news .index_title{border-bottom: 1px solid #c2d1d6;text-align: left;}
.index_news .index_title h2{display: inline-block;height: 3.5em;line-height: 3.5em;background-color: #29588c;font-size: 16px;font-weight: normal;padding: 0 15px;text-transform: none;}
.index_news .index_title h2,.index_news .index_title h2 a{color: #fff;}
.index_news .news_items{margin: 0 -35px;}
.index_news .news_item{width: 33.3333%;float: left;}
.index_news .news_item .item_inner{display: block;margin: 0 35px;}
.index_news .news_item .item_img,.index_news .news_item .item_img a,.index_news .news_item .item_img img {display: block;width: 100%;}
.index_news .news_item .item_img{position: relative;}
.index_news .news_item .item_img a{position: absolute;left: 0;top: 0;height: 100%;}
.index_news .news_item .item_info{padding: 20px 0;font-size: 12px;}
.index_news .news_item .item_info,.index_news .news_item .item_info a{color: #666;}
.index_news .news_item .item_tit h3{display: inline;font-size: 14px;font-weight: bold;}
.index_news .news_item .item_tit h3,.index_news .news_item .item_tit h3 a{color: #333;}
.index_news .news_item .item_tit h3 a:hover{color: #29588c;}
.index_news .news_item .item_tit time{display: inline;padding-left: 8px;}
.index_news .news_item .item_tit time:before{content: '|';padding-right: 8px;}
.index_news .news_item .item_desc{padding-top: 5px;}
.index_news .news_item .item_img a:before{content: '';display: block;width: 0%;height: 100%;background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2));position: absolute;left: 0;top: 0;opacity: 0;}
.index_news .news_item .item_img a:hover:before{width: 100%;background: rgba(0,0,0,0.3);opacity: 1;}
/* company_subscribe */
.company_subscribe{padding: 100px 0;text-align: center;background-position: center 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-attachment: fixed;margin: 0 -80px;}
.company_subscribe,.company_subscribe a{color: #fff;}
.company_subscribe .title{width: 50%;margin: 0 auto;font-size: 40px;font-weight: normal;padding-bottom: 40px;text-transform: uppercase;}
.company_subscribe .desc{width: 50%;margin: 0 auto;font-size: 24px;line-height: 1.8;}
.company_subscribe .button{margin-top: 60px;}
/*----------------------------------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:#29588C; font-weight:normal; text-transform:uppercase;}
.side-widget { position:relative; margin:0 0 94px; }
.side-widget+.side-widget .side-tit-bar .side-tit{text-transform: none;}
.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;font-size: 13px;color: #666;}
.side-cate li li li a { padding:0 66px;margin-right: 0;}
.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:#29588C; }
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate { color:#29588C; }
.side-cate li .icon-cate:hover{background-color: #29588C;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; margin:0 0 6px; }
.side_product_item figure { position:relative; display:block; border:1px solid #eee; overflow:hidden; padding:8px; background:#FFF;position: relative;}
.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; }
.side_product_item .add-friend:before{content: '';display: block;width: 0;height: 0;border-style: dashed dashed solid;border-color: transparent transparent #121212;border-width: 0 0 39px 39px;overflow: hidden;position: absolute;right: 0;bottom: 0;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.side_product_item .add-friend:hover:before{border-bottom-color: #29588C;border-width: 0 0 45px 45px;}
.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; z-index: 1;}
.side_product_item .add-friend:hover:after{right: 8px;bottom: 8px;}
.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% - 350px); float:right;padding-bottom: 100px; }
.page_title { position:relative; font-size:20px; margin:0 0 15px;}
.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 figure{display: block;border: 1px solid #e5e5e5;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 #ccc;padding:1px;}
.product-view .image-additional li a{position:relative;}
.product-view .image-additional li.current img{border:2px solid #29588C;padding: 0; }
.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: 28px;-webkit-transform: scale(0.65,1);-ms-transform: scale(0.65,1);-o-transform: scale(0.65,1);transform: scale(0.65,1);}
.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:14px; }
.product-summary .product-meta li{width: 100%;display: table;font-size: 12px;padding: 2px 0;}
.product-summary .product-meta li em{display: table-cell;width: 135px;color: #aaa;}
.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; line-height:32px; padding:0 20px;font-size:14px;border-radius:3px; background:#13adeb; border:2px solid #13adeb; color:#FFF; 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:#13adeb;}
.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; line-height:32px; padding:0 20px; cursor:pointer; margin:0 10px 0 0; font-weight:bold; font-size:14px;background-color: #29588C;border:1px solid #29588C; color:#fff; }
.detail-tabs .title.current { color:#FFF;background:#29588C;border-color: #29588C; }
.product-detail .tab-panel-content { padding:10px 0; display:block; overflow:hidden }
.product-detail .disabled { display:none; }
/*like product*/
.goods-may-like{position: relative;overflow: hidden;}
.goods-may-like .title{ font-size:20px; margin:50px 0 20px;}
.goods-may-like .product_item{width: 25%; margin:0; padding:0;}
.goods-may-like .swiper-control{position: absolute;right: 0;top: 52px;}
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{position: static;}
.goods-may-like .swiper-button-next{margin-right: 0;}
.goods-may-like .swiper-button-next.swiper-button-disabled,.goods-may-like .swiper-button-prev.swiper-button-disabled{opacity: 0.3;filter: alpha(opacity=30);}
.goods-may-like .swiper-slide{width: 25%;overflow: visible;}
.goods-may-like .product_item{padding-bottom: 0px;margin-right: 0;}
.goods-may-like .product_item .item_title{padding-bottom: 0;}
.goods-may-like .product_item .item_title a{;max-width: 90%;height:1.6em;}
.goods-may-like .product_item .item_img {border: 1px solid #e5e5e5;margin:0 1px 0 0;}
/*public*/
.web_main { position:relative; }
.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:280px 0 140px; -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);-webkit-background-size: cover!important;background-size: cover!important;}
.path_bar .path_nav, .path_bar .title { position:relative; }
.path_bar, .path_bar a { color:#fff; }
.path_bar a:hover{color: #fff;}
.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: #29588C;}
/*--------------------------------------------------------
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: 1500px) {
.path_bar{margin: 0 auto;}
}
@media only screen and (max-width: 1366px) {
.web_head .head_top,.nav_wrap{margin-left: 40px;margin-right: 40px;}
.index_main,.foot_items{padding-left: 40px;padding-right: 40px;}
.slider_banner,.company_subscribe{margin-left: -40px;margin-right: -40px;}
.product_slider .swiper-button-prev{left: 0;}
.product_slider .swiper-button-next{right: 0;}
}
@media only screen and (max-width: 1250px){
.service_items{ width:100%;}
}
@media only screen and (max-width: 1200px) {
.layout,.page_main .layout {width:95%;}
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, .page_main .layout {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; }
.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_mobile.png) no-repeat center center; -webkit-background-size: auto 16px;background-size: auto 16px; border:none; right:0; top:0; display:block !important;}
.head-search .search-attr{display:none;}
/* header */
.web_head{position: static;background-color: #f3f6f7;}
.web_head .head_top{padding: 15px 0;text-align: center;position: static;}
.web_head .logo{display: inline-block;position: static;margin: auto;float: none;}
.web_head .logo img{height: 40px;}
.web_head .head_left{padding: 15px 0;}
.web_head .head_left,.web_head .head_right{position: static;}
.web_head .head_right{float: none;}
.web_head .head_top,.nav_wrap{margin-left: 10px;margin-right: 10px;}
.index_main,.foot_items{padding-left: 10px;padding-right: 10px;}
.slider_banner,.company_subscribe{margin-left: -10px;margin-right: -10px;}
/*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; }
/* footer */
.foot_item,.foot_item.foot_item_info,.foot_item.foot_item_contact{ width:50%;}
.foot_item:nth-child(2n+1){clear: left;}
.foot_item.foot_item_info .foot_logo img{max-width: 60%;}
/* index */
.index_title h2{font-size: 36px;}
.index_main .layout{padding: 0;margin: 0;}
.index_ad{padding: 40px 0;}
.index_ad .index_bd{padding: 0;-webkit-background-size: contain;background-size: contain;}
.index_ad .ad_items{margin: 0;}
.index_ad .ad_item{width: 100%;float: none;padding: 0;max-width: 600px;margin: 0 auto;}
.index_ad .ad_item .item_inner{padding: 30px 15px;}
.index_ad .ad_item .item_title .txt_impt{font-size: 36px;}
.index_ad .ad_item .item_desc{font-size: 16px;}
.index_company_intr{padding: 15px;}
.index_main .index_company_intr .layout{margin: auto;}
.index_company_intr .company_intr_cont,.index_company_intr .company_intr_img{width: auto;display: block;padding: 15px;}
.index_company_intr .company_intr_title{font-size: 24px;}
.index_product .product_items{margin: 0;}
.index_product .product_item{width: 50%;padding-bottom: 15px;}
.index_product .product_item .item_title{font-size: 18px;}
.index_news .news_items{margin: 0 -8px;}
.index_news .news_item .item_inner{margin: 0 8px;}
.company_subscribe{padding: 100px 40px;}
.company_subscribe .title,.company_subscribe .desc{width: auto;}
/* aside */
.aside { display:none; }
.side-product-items .items_content{padding-top: 5px;}
.side-product-items .btn-prev, .side-product-items .btn-next { display:none; }
.side-product-items ul{font-size: 0;margin: 0 -5px;}
.side-product-items .items_content .side_product_item { display:inline-block; vertical-align:top; width:50%;font-size: 14px;}
.side_product_item figure { margin: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; }
.side_product_item .add-friend{right: 5px;}
/* 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%;border: 0;}
.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-view .swiper-button-next, .product-view .swiper-button-prev{background: none;}
/* 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-summary .product-meta li{display: block;}
.product-summary .product-meta li em{display: inline;color: #333;padding-right: 15px;font-weight: bold;}
/* product detail */
}
@media only screen and (max-width: 768px) {
.items_list .product_item{width: 50%;}
.items_list .product_item:nth-child(2n+1){clear: left;}
.index_news .news_wide,.index_news .news_side{width: 100%;float: none;}
}
@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%;}
.blog-item .item-img{ width:150px;}
.table_wrap{ overflow-x:scroll;}
.sys_btn{min-width: 150px;text-align: center;padding: 12px 25px;font-size: 14px;}
.sys_btn:before{border-top-width: 3px;border-right-width: 3px;}
.sys_btn:after{border-left-width: 3px;border-bottom-width: 3px;}
/* aside */
.side-widget{ margin:0 0 30px;}
.side-tit-bar .side-tit{font-size: 16px;text-transform:none;}
.side-cate li a{ padding:0 20px;}
.side-cate li li {line-height: 32px;}
.side-cate li li a{ padding:0 30px;}
.side-product-items .items_content{text-align: center;}
.side-product-items .items_content .side_product_item{width: 80%;margin: 8px auto;}
/* header */
.web_head .head_top{padding: 0;}
.web_head .logo{width: 100%;}
.web_head .logo img{height: auto;max-width: 60%;}
.web_head .top_sv_item .item_ico_tel{width: 35px;height: 35px; -webkit-background-size: auto 20px;background-size: auto 20px;}
.web_head .layout{padding: 15px 10px;}
.web_head .top_sv_item .item_cont{margin-left: 38px;}
.web_head .head_sns li a{padding: 7px;}
.web_head .head_sns li img{max-width: 18px;max-height: 18px;}
.head_svbar{padding: 8px 0;}
/* footer */
.web_footer{}
.company_subscribe .layout{}
.company_subscribe .title{ margin:0 0 20px;font-size: 20px;}
.foot_items{padding-left: 10px;padding-right: 10px;}
.foot_item,.foot_item.foot_item_info,.foot_item.foot_item_contact{ width:100%; padding:0; margin:0 0 30px;}
.foot_item .foot_item_bd{padding-right: 5%;}
.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_sns{display: block;float: none;text-align: center;}
.foot_bar .foot_sns{padding-top: 8px;}
/* index */
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{display: none;}
.slider_banner.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px;}
.slider_banner.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 4px;}
.index_title h2{font-size: 30px;padding-bottom: 10px;}
.index_ad .index_bd:hover{background-position: center;}
.index_ad .ad_item .item_inner{padding: 20px 10px;}
.index_ad .ad_item .item_title .txt_impt{font-size: 32px;}
.index_ad .ad_item .item_title .txt_small{font-size: 18px;}
.index_ad .ad_item .item_desc{font-size: 14px;}
.index_company_intr{padding: 0;}
.index_company_intr .company_intr_title{font-size: 20px;}
.index_company_intr .company_intr_desc{font-size: 14px;}
.product_item .item_img a:before,.product_item .item_img a:after {display: none;}
.index_product .product_item{width: 100%;float: none;}
.index_product .product_item figure{margin: 0;}
.index_product .product_item .item_title{font-size: 16px;}
.index_news .index_title{padding-bottom: 0;}
.index_news .index_title h2{font-size: 14px;}
.index_news .news_item{width: 100%;float: none;}
.company_subscribe{padding: 60px 20px;}
.company_subscribe .title{font-size: 30px;margin-bottom: 0;padding-bottom: 30px;}
.company_subscribe .desc{font-size: 16px;}
}
@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: 'open-sans';
src: url("fonts/open-sans/open-sans.eot?v=4.5.0");
src: url("fonts/open-sans/open-sans.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/open-sans/open-sans.woff2?v=4.5.0") format("woff2"), url("fonts/open-sans/open-sans.woff?v=4.5.0") format("woff"), url("fonts/open-sans/open-sans.ttf?v=4.5.0") format("truetype"), url("fonts/open-sans/open-sans.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Tiempos';
src: url("fonts/Tiempos/Tiempos.eot?v=4.5.0");
src: url("fonts/Tiempos/Tiempos.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Tiempos/Tiempos.woff2?v=4.5.0") format("woff2"), url("fonts/Tiempos/Tiempos.woff?v=4.5.0") format("woff"), url("fonts/Tiempos/Tiempos.ttf?v=4.5.0") format("truetype"), url("fonts/Tiempos/Tiempos.svg") 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:55px; height:55px;line-height: 55px;text-align: center; margin-top:-27px; z-index:3; cursor:pointer; opacity:0; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s 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,.slider_banner .swiper-button-next{border-radius: 0%;background-color: rgba(0,0,0,0.6);color: #fff;font-size: 24px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{background-color: #29588C;color: #fff; }
.slider_banner:hover .swiper-button-prev { left:60px; opacity:1;}
.slider_banner:hover .swiper-button-next { right:60px; 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:1 }
.swiper-pagination.swiper-pagination-hidden { opacity:0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:20px; 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; min-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;top: 175px;bottom: 0;height: auto; }
.js .web-search::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.98);background-color: #fff\9;-webkit-transform: scale(1,0.1);-ms-transform: scale(1,0.1);-o-transform: scale(1,0.1);transform: scale(1,0.1);}
.web-search .btn--search-close { display: inline-block;font-size: 2em; position: absolute; top: 1.25em; right: 1.25em; display: none; background:url(img/search_btn_close.png) no-repeat center 0; width:50px;height:50px;cursor:pointer;}
.web-search .btn--search-close:hover{background-position: center -50px;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.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: #333; border-bottom: 3px solid; font-size:20px; line-height:10px }
.web-search .search-ipt::-webkit-input-placeholder {color: #333;font-weight: bold;}
.web-search .search-ipt::-moz-placeholder {opacity: 1;color: #333;font-weight: bold;}
.web-search .search-ipt:-ms-input-placeholder {color: #333;font-weight: bold;}
.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: #333; }
.js .container { position: relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
.js .main-wrap--move {height: 100vh; }
.js .web-search { pointer-events: none; }
.js .search--open { pointer-events: auto; opacity:1; visibility:visible;}
.js .web-search::before {opacity: 0.3;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.js .search--open::before {opacity: 1;}
.web-search .btn--search-close { opacity: 0;-webkit-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease; }
.search--open .btn--search-close { opacity: 1; -webkit-transition: transform .3s ease;-o-transition: transform .3s ease;transition: transform .3s ease; }
.search__suggestion, .web-search .search-attr { opacity: 0;-moz-transform: translate3d(0, 30px, 0); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 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:20px; }
.js .web-search .search-ipt {font-size: 72px;font-weight: bold;border-bottom-width: 1px;padding: 15px 0;-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; opacity: 0;text-transform: uppercase;}
.js .web-search .search-ipt,.web-search .search-attr {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.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);opacity: 1;-moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.js .search--open .search-btn { display:none !important; }
.js .fixed-body .web-search{top: 71px;}
.js .search--open::before{-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
/*-------------------------------
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:#666; }
.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.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s 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(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}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}
@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);}25%{-webkit-transform:translateY(-20%);}50%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-10%);}100%{-webkit-transform:translateY(0);}}
@keyframes jump{0%{transform:translateY(0);}25%{transform:translateY(-20%);}50%{transform:translateY(0);}75%{transform:translateY(-10%);}100%{transform:translateY(0);}}
/*-------------------------------
language end
----------------------------------*/