.spectro_topimage { box-sizing:border-box; text-align:center; color:#fff; padding:0;
                  }
.spectro_topmenu { background:#f5f5f5; height:50px; box-sizing:border-box; padding:12px 0 10px 0;
                 }
.spectro_topmenu ul { padding:0; margin:0;
                    }
.spectro_topmenu a { color:#333; text-decoration:none; border:0;
                   }
.spectro_topmenu li { color:#333; float:left; list-style-type:none; margin:0;
                    }
.spectro_menu { padding:0; margin:0; box-sizing:border-box;
              }
.spectro_menu ul { padding:0; margin:0;
                 }
.spectro_menu li { list-style-type:none; margin:0;
                 }
.spectro_mainmenu .spectro_menu1:hover, .spectro_topmenu .spectro_menu1:hover { border-top:3px #333 solid;
                                                                              }
.spectro_mainmenu { margin:0; padding:0;
                  }
.spectro_mainmenu li { margin:5px; padding:0; float:left; list-style-type:none;
                     }
.spectro_menu li.spectro_menu1 { border-right:1px #ccc solid; padding:0 15px 0 15px; color:#000;
                               }
.spectro_menu1 a, .spectro_menu2 a { text-decoration:none; border:0; color:#333;
                                   }
.spectro_menu1 li, .spectro_menu1 li a { text-shadow:0px 0px 0px #fff; color:#000;
                                       }
.spectro_menu .spectro_menu1 div.s1, .spectro_topmenu .spectro_menu1 div.s1 { margin-left:-150px;
                                                                            }
.spectro_mainmenu .spectro_menu1:first-child div.s1, .spectro_topmenu .spectro_menu1:first-child div.s1 {
 margin-left:-30px;
                                                                                                        }
.spectro_mainmenu .spectro_menu1:last-child div.s1, .spectro_topmenu .spectro_menu1:last-child div.s1 {
 margin-left:-300px;
                                                                                                      }
.spectro_menu .spectro_menu1:hover div.s1, .spectro_topmenu .spectro_menu1:hover div.s1 { margin-top:0px;
                                                                                        }
.spectro_menu1 div.s2 { margin-top:-2500px;
                      }
.spectro_menu1:hover div.s2 { margin-top:0px;
                            }
.spectro_menuopen { display:block;
                  }
.spectro_menu a:hover { text-decoration:none;
                      }
.spectro_leftcol { width:20%; float:left;
                 }
.spectro_mainarea { width:80%; float:right;
                  }
.spectro_leftcol .spectro_menu li { margin:0; padding:0; padding:15px; list-style-type:none;
 border-bottom:1px #eee solid; border-right:0;
                                  }
.spectro_leftcol .spectro_mainmenu li.a a { color:#000;
                                          }
.spectro_leftcol .spectro_menu1 div.s1 { margin-left:200px;
                                       }
.spectro_leftcol .spectro_menu1:hover div.s1 { margin-top:-45px;
                                             }
.spectro_menu1 div.s2, .spectro_menu2 div.s3b { background:#eee;
                                              }
.spectro_menu1 div.s2 { transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;
 -o-transition:all 0.3s; width:350px;
                      }
.spectro_menu1 div.s2 ul { margin:0; padding:0;
                         }
.spectro_menu1 div.s2 ul li { margin:0; padding:15px; list-style-type:none; border-bottom:1px #ccc solid;
 float:none; color:#000;
                            }
.spectro_menu1 div.s1 { position:absolute; z-index:989; overflow:hidden; height:1000px; margin-top:-2500px;
 padding:10px 20px 20px 10px; width:700px; box-sizing:border-box;
                      }
.spectro_menu2 div.s3b { transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;
 -o-transition:all 0.3s; width:350px;
                       }
.spectro_menu2 { list-style-type:none;
               }
.spectro_menu2 { margin:0; padding:0; padding:15px; list-style-type:none; border-bottom:1px #eee solid;
 border-right:0;
               }
.spectro_menu2 div.s3b ul { margin:0; padding:0;
                          }
.spectro_menu2 div.s3b ul li { margin:0; padding:10px; list-style-type:none; border-bottom:1px #000 solid; color:#000;
                             }
.spectro_menu2 div.s3 { position:absolute; z-index:90; overflow:hidden; width:350px; height:500px;
 margin:-40px 0 0 -2500px; padding:10px 20px 20px 10px; box-sizing:border-box;
                      }
.spectro_menu2:hover div.s3 { margin-left:300px;
                            }
.spectro_menu2 div.s3b { margin-left:-2500px;
                       }
.spectro_menu2:hover div.s3b { margin-left:0px;
                             }
.spectro_mainmenu a { display:block;
                    }
.spectro_mobile { display:none;
                }
.spectro_mobmenu { margin:10px 0 10px 20px;
                 }
.spectro_string { padding:0; margin:0;
                }
.spectro_snow { overflow-x:hidden;
              }
.spectro_clear { clear:both;
               }
.spectro_center { text-align:center; justify-content:center; display:flex;
                }
.spectro_width1300 { width:96.5%; max-width:1300px; margin:0 auto;
                   }
.spectro_wtblock { background:#fff; padding:2% 3% 2% 3%; color:#555; text-align:left; max-width:1300px; margin:0 auto;
 clear:both; box-sizing:border-box;
                 }
.spectro_wtblock .spectro_gblock, .spectro_wtblock .spectro_cblock, .spectro_wtblock .spectro_bltext,
 .spectro_wtblock .spectro_blblock, .spectro_wtblock .spectro_wtblock { margin:0 -3% 0 -3%;
                                                                      }
.spectro_bltext { padding:3%; font-size:50px; color:#fff; text-align:center; background:#000;
 clear:both; text-shadow:1px 1px #000, 0px 0px 10px #000;
                }
.spectro_bltext a, .spectro_bltext td { color:#fff; text-decoration:none;
                                      }
.spectro_gblock { padding:3%; clear:both; box-sizing:border-box; background-color:#eee;
                }
.spectro_cblock { padding:3%; color:#000; clear:both; box-sizing:border-box;
 background:url(../img/cblock.png) #ddd no-repeat center top;
                }
.spectro_cblock td { color:#000;
                   }
.spectro_blblock { padding:0px; background-color:#000;
 background-attachment:fixed; background-size:cover;
                }
.spectro_bltext .spectro_bgsh, .spectro_blblock .spectro_bgsh { padding:50px; color:#fff; clear:both;
 background-color:rgba(0,0,0,.7); box-sizing:border-box; text-shadow:0px 0px #000;
                                                              }
.spectro_bltext .spectro_bgsh { margin:-3%;
                              }
.spectro_bgsh td, .spectro_bgsh a { color:#fff;
                                  }
.spectro_h1 { margin:0; padding:0; margin-bottom:20px; text-align:center;
 clear:both; font-weight:normal; font-size:32px;
 text-transform:uppercase;
            }
.spectro_bltext .spectro_h1, .spectro_blblock .spectro_h1 { color:#fff;
                                                          }
.spectro_str1 { font-size:26px; display:inline;
              }
.spectro_str2 { font-size:22px; display:inline;
              }
.spectro_hr { background:#eee; height:1px; width:70%; margin:20px auto; clear:both;
            }
.spectro_bgsh .spectro_hr { background:#666;
                          }
.spectro_lpic { float:left; margin-right:20px; margin-bottom:20px;
              }
.spectro_rpic { float:right; margin-left:20px; margin-bottom:20px;
              }
.spectro_border3 { border:3px #aaa solid;
                 }
.spectro_round100 { border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px;
 width:100px; height:100px;
                  }
.spectro_round200 { border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px;
 width:200px; height:200px;
                  }
.spectro_round450 { border-radius:450px; -webkit-border-radius:450px; -moz-border-radius:450px;
 width:450px; height:450px;
                  }
.spectro_col2 { float:left; width:50%; padding:0 1% 0 1%; box-sizing:border-box;
              }
.spectro_table { text-align:center;
               }
.spectro_header .spectro_item3, .spectro_header .spectro_item4, .spectro_header .spectro_item5 {
 border:0; background:transparent;
                                                                                               }
.spectro_header .spectro_bltext .spectro_item3, .spectro_header .spectro_bltext .spectro_item4,
.spectro_header .spectro_bltext .spectro_item5, .spectro_header .spectro_blblock .spectro_item3,
.spectro_header .spectro_blblock .spectro_item4, .spectro_header .spectro_blblock .spectro_item5 { color:#fff;
                                                                                                 }
.spectro_item3, .spectro_item3 a, .spectro_item4, .spectro_item4 a, .spectro_item5, .spectro_item5 a {
 color:#333; text-decoration:none; border:0;
                                                                                                     }
.spectro_picstr2 a, .spectro_picstr3 a { text-decoration:none; border:0;
                                       }
.spectro_wtblock .spectro_picstr2 a, .spectro_wtblock .spectro_picstr3 a { color:#333;
                                                                         }
.spectro_blblock .spectro_picstr2 a, .spectro_blblock .spectro_picstr3 a { color:#fff;
                                                                         }
.spectro_bltext .spectro_picstr2 a, .spectro_bltext .spectro_picstr3 a { color:#fff;
                                                                       }
.spectro_button a { text-decoration:none; border:0; color:#fff;
                  }
.spectro_list { margin:0; padding:0;
              }
.spectro_list li { margin:0; padding:20px 50px; list-style-type:none; text-align:left; mix-width:100px;
 font-size:22px;
                 }
.spectro_list li a { text-decoration:none; border:0; font-size:22px;
                   }
.spectro_bltext .spectro_item3, .spectro_bltext .spectro_item4, .spectro_bltext .spectro_item5,
.spectro_bltext .spectro_col2, .spectro_bltext .spectro_btable {
 font-size:16px;  text-shadow:0px 0px 0px;
                                                               }
.spectro_bltext .spectro_picstr2 a, .spectro_bltext .spectro_picstr3 a { font-size:16px;
                                                                       }
.spectro_btable, .spectro_btable tr { margin:0; padding:0; border:0; border-collapse:collapse;
                                    }
.spectro_btable td, .spectro_btable th { margin:0; padding:10px; border:1px #ddd solid; border-collapse:collapse;
                                       }
.spectro_block li.spectro_menu2:last-child { border-bottom:0px #ddd solid;
                                   }
.spectro_block input, .spectro_block select, .spectro_block textarea { border:1px #ccc solid;
 padding:5px; box-sizing:border-box;
                                                                     }
.spectro_block .i1 { width:50px; text-align:center;
                   }
.spectro_block .i100 { width:100%;
                     }
.spectro_block .p15 { padding:15px;
                    }
.spectro_video { width:854px; height:480px;
               }
.spectro_goodspic { transition:background-position 15s; -moz-transition:background-position 15s;
-webkit-transition:background-position 15s; -o-transition:background-position 15s;
 height:450px; overflow:hidden; border:1px #ccc solid; margin-right:10px;
                  }
.spectro_goodparams { height:55px; overflow:auto;
                    }
.spectro_fields { position:absolute; background:#fff;
                }
.spectro_gallery { margin:0; padding:0;
                 }
.spectro_gallery li { margin:1%; padding:0; list-style-type:none; width:30%; float:left; border:1px #ddd solid;
                    }
.spectro_gallery li img { max-width:100%;
                        }
.spectroslider { transition:margin 2s; -moz-transition:margin 2s;
-webkit-transition:margin 2s; -o-transition:margin 2s; background-color:#fff;
               }
.spectroslider table, .spectroslider tr, .spectroslider td { border:0; border-collapse:collapse;
 margin:0; padding:0; vertical-align:top;
                                                           }
.spectrosliderbutt { margin-top:-60px; margin-bottom:60px;
                   }
.spectrosliderbutt img { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
 box-shadow:0px 0px 10px #000; margin:0 5px 0 5px; opacity:0.5;
                       }
.spectrosliderbutt a { border:0; text-decoration:none;
                     }
.spectrosliderbutt img.f { opacity:1;
                         }
.spectro_add { position:fixed; bottom:20px; right:20px; width:100%; max-width:1000px; height:240px; background:#fff;
 margin-left:20px; border:1px #ddd solid; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
 padding:20px; box-shadow:0px 0px 30px #333; font-family:Arial; font-size:16px; color:#333; box-sizing:border-box;
 z-index:500;
             }
.spectro_add .spectro_str2 { display:inline; font-size:22px;
                           }
.spectro_add input { font-family:Arial; font-size:16px; color:#333;
                   }
#spectro_online, #spectro_online0 { position:fixed; top:100%; left:100%; width:180px; height:380px;
 margin:-40px 0 0 -220px; background:#eee; padding:10px; box-shadow:0px 0px 10px #000; text-align:center;
 border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0;
 transition:margin 1s; -moz-transition:margin 1s; -webkit-transition:margin 1s; -o-transition:margin 1s;
                                  }
#spectro_online a, #spectro_online0 a { text-decoration:none;
                                      }
#spectro_online1 { position:fixed; top:100%; left:100%; width:380px; height:380px; margin:50px 0 0 -420px;
 background:#eee; padding:10px; box-shadow:0px 0px 10px #000;
 border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0;
 transition:margin 1s; -moz-transition:margin 1s; -webkit-transition:margin 1s; -o-transition:margin 1s;
                 }
#spectro_online1 #oclose { margin:-30px 0 0 350px; background:#dd0000; width:27px; height:27px; font-weight:bold;
 border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center; color:#fff;
 box-shadow:0px 0px 10px #000; font-size:16px;
                         }
#spectro_online1 a { text-decoration:none;
                   }
#spectro_dialog { padding-bottom:10px;
                }
#spectro_dialog a { text-decoration:underline;
                  }
#spectro_dialoglist { height:270px; overflow:auto; padding-top:-200px; background:#fff; padding:10px;
 text-align:left;
                    }
#spectro_dialoglist .from { color:#000; font-size:12px; font-weight:bold; margin:10px;
                          }
#odialogfirst { display:none;
              }
#spectro_online1 input, #spectro_online1 textarea { margin:3px; border:1px #ccc solid;
 border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
                                                  }
 @-webkit-keyframes spectro_animate {
  0% { transform:scale(1); opacity:1; }
  50% { transform:scale(0.7); opacity:0.1; }
  100% { transform:scale(1); opacity:1; }
                                    }
 @keyframes spectro_animate {
  0% { transform:scale(1); opacity:1; }
  50% { transform:scale(0.7); opacity:0.1; }
  100% { transform:scale(1); opacity:1; }
                            }
 .spectro_animate {
  -webkit-animation-name:spectro_animate;
  animation-name:spectro_animate;
  animation-duration:0.8s;
  animation-fill-mode:forwards;
  animation-timing-function:ease-out;
                  }

@media screen and (max-width:1000px) {
 .spectro_workarea img { max-width:95%;
                       }
 .spectro_bltext { font-size:30px;
                 }
 .spectro_leftcol { display:none;
                  }
 .spectro_mainarea { display:block; float:none; width:100%;
                   }
                                     }
@media screen and (max-width:900px) {
 .spectro_fpc { display:block;
              }
 .spectro_mainmenu { overflow:hidden; height:55px; width:100%;
                   }
 .spectro_mainmenu li.spectro_menu1 { width:100%; margin:10px;
                                    }
 .spectro_topmenu { display:none;
                  }
 .spectro_mainmenu .spectro_menu1:hover { border-top:0;
                                        }
 .spectro_mainmenu li.spectro_menu1 { float:none; width:95%; border-bottom:1px #ddd solid; padding:0px;
  border-right:0;
                                    }
 .spectro_menu .spectro_menu1 div.s1, .spectro_topmenu .spectro_menu1 div.s1 { margin-left:0px; left:0px;
                                                                             }
 .spectro_menu .spectro_menu1:first-child div.s1, .spectro_topmenu .spectro_menu1:first-child div.s1 {
  margin-left:0px; left:0px;
                                                                                                     }
 .spectro_menu .spectro_menu1:last-child div.s1, .spectro_topmenu .spectro_menu1:last-child div.s1 {
  margin-left:0px; left:0px;
                                                                                                   }
 .spectro_mobile { display:block;
                 }
 .spectro_list { max-width:80%; margin:0 auto;
               }
 .spectro_col2 { float:none; width:100%;
               }
 .spectro_table { overflow:auto;
                }
                                    }
@media screen and (max-width:800px) {
 .spectro_video { max-width:95%;
                }
                                    }
@media screen and (max-width:480px) {
 body { overflow-x:hidden; min-width:320px;
      }
 img { display:block; float:none;
     }
 .spectro_menu2 .s3 { display:none;
                    }
 .spectro_gallery li { margin:0; padding:0; list-style-type:none; width:50%; float:left;
                     }
                                    }