@charset "utf-8";

/* CSS Document */

html{width: 100%; height: 100%;margin:0;padding:0; font-family:"Microsoft YaHei";background-image:url(../img/oa-10.jpg);background-size:100% 100%;}

body{margin: 0px;background: unset;}

a{color:#000000;text-decoration: none;}

a:hover{color:#2086D0; text-decoration:none;}

.center {width: auto;display: table;margin-left: auto;margin-right: auto;}



.f1{  padding:0px; padding-left:10px; }

.f2{   padding:0px;padding-left:10px; }

.f3{   padding:0px;padding-left:10px;}

.f4{   padding:0px;padding-left:10px;}

.mian{ padding-top:5%; }

.mian2{ padding-top:2%; }

.box1{ margin-top:3%; margin-right:2px; margin-left:1px;}

.box2{ margin-top:7px;;margin-right:2px; margin-left:1px;}

.box3{ ;margin-right:2px; margin-left:1px;}



.left{ float:left; margin-bottom:15px;padding-left:10px; padding-right:10px;  }

.right{ padding-left:10px; padding-right:10px;  }



.gs{  }

.img{width:100%;}

.img img{ width:100%;padding-left:10px;  }

#foot{color:#fff;text-align:center; margin-top:15px;}

.tab1{background:transparent;  background-color:rgba(0,153,191,0.7); width:100%; height:90px;text-align:center; padding-top:10px; }

.tab1 img{ max-width:96%;z-index:9999;position: relative;}

.tab1 span{ text-align:center; color:#fff; font-size:12px; }

.tab1:hover{ background:transparent;  background-color:rgba(0,153,191,1.0); width:100%; height:90px;}



.tab2{ background:transparent;  background-color:rgba(230,172,41,0.7); width:100%; height:90px;text-align:center;padding-top:10px;}

.tab2 img{  max-width:96%;z-index:9999;position: relative;}

.tab2 span{ text-align:center; color:#fff; font-size:20px; font-weight:bold; }

.tab2:hover{ background:transparent;  background-color:rgba(250,167,3,1.0); width:100%; height:90px;}



.tab3{background:transparent;  background-color:rgba(85,52,193,0.7); width:100%; height:90px;text-align:center; padding-top:10px;}

.tab3 img{ max-width:96%;z-index:9999;position: relative;}

.tab3 span{ text-align:center; color:#fff; font-size:12px; }

.tab3:hover{ background:transparent;  background-color:rgba(85,52,193,1.0); width:100%; height:90px;}



.tab4{background:transparent;  background-color:rgba(175,216,13,0.7); width:100%; height:90px;text-align:center;padding-top:10px;}

.tab4 img{ max-width:96%;z-index:9999;position: relative;}

.tab4 span{ text-align:center; color:#fff; font-size:12px; }

.tab4:hover{ background:transparent;  background-color:rgba(175,216,13,1.0); width:100%; height:90px;}



.tab5{ background:transparent;  background-color:rgba(13,70,216,0.7);width:100%; height:90px;text-align:center;padding-top:10px;}

.tab5 img{ max-width:96%;z-index:9999;position: relative;}

.tab5 span{ text-align:center; color:#fff; font-size:12px; }

.tab5:hover{ background:transparent;  background-color:rgba(13,70,216,1.0); width:100%; height:90px;}



.tab6{ background:#FF66FF; width:100%; height:90px;}



.tab7{background:transparent;  background-color:rgba(226,69,98,0.7); width:100%; height:90px;text-align:center; padding-top:10px; }

.tab7 img{   max-width:96%;z-index:9999;position: relative;}

.tab7 span{ text-align:center; color:#fff; font-size:12px;   }

.tab7:hover{ background:transparent;  background-color:rgba(226,69,98,1.0); width:100%; height:90px;}



.tab8{ background:transparent;  background-color:rgba(253,136,0,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab8 img{ width:80px;z-index:9999;position: relative;}

.tab8 span{ text-align:center; color:#fff; font-size:12px; }

.tab8:hover{ background:transparent;  background-color:rgba(253,136,0,1.0);}







.tab9{ background:transparent;  background-color:rgba(230,172,41,0.7); width:100%; height:115px;text-align:center; padding-top:10px; }

.tab9 img{z-index:9999;position: relative; max-width:96%;}

.tab9 span{ text-align:center; color:#fff; font-size:12px; }

.tab9:hover{ background:transparent;  background-color:rgba(251,177,41,1.0); width:100%; height:115px;}



.tab10{background:transparent;  background-color:rgba(175,216,13,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab10 img{z-index:9999;position: relative; max-width:96%;}

.tab10 span{ text-align:center; color:#fff; font-size:12px; }

.tab10:hover{ background:transparent;  background-color:rgba(175,216,13,1.0); width:100%; height:115px;}



.tab11{ background:transparent;  background-color:rgba(0,132,255,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab11 img{ max-width:96%;z-index:9999;position: relative;}

.tab11 span{ text-align:center; color:#fff; font-size:12px; }

.tab11:hover{ background:transparent;  background-color:rgba(0,132,255,1.0); width:100%; height:115px;}



.tab12{ background:transparent;  background-color:rgba(232,87,16,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab12 img{ max-width:96%;z-index:9999;position: relative;}

.tab12 span{ text-align:center; color:#fff; font-size:12px; }

.tab12:hover{ background:transparent;  background-color:rgba(232,87,16,1.0); width:100%; height:115px;}



.tab13{ background:transparent;  background-color:rgba(226,69,98,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab13 img{max-width:96%; z-index:9999;position: relative;}

.tab13 span{ text-align:center; color:#fff; font-size:12px; }

.tab13:hover{ background:transparent;  background-color:rgba(226,69,98,1.0); width:100%; height:115px;}



.tab14{ background:transparent;  background-color:rgba(234,198,32,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab14 img{ max-width:96%;z-index:9999;position: relative;}

.tab14 span{ text-align:center; color:#fff; font-size:12px; }

.tab14:hover{ background:transparent;  background-color:rgba(234,198,32,1.0); width:100%; height:115px;}



.tab15{ background:transparent;  background-color:rgba(229,76,188,0.7); width:100%; height:100px;text-align:center; padding-top:10px;}

.tab15 img{ max-width:42%;z-index:9999;position: relative;}

.tab15 span{ text-align:center; color:#fff; font-size:12px;  }

.tab15:hover{ background:transparent;  background-color:rgba(229,76,188,1.0);}



.tab16{ background:transparent;  background-color:rgba(0,127,159,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab16 img{ max-width:96%;z-index:9999;position: relative;}

.tab16 span{ text-align:center; color:#fff; font-size:12px; }

.tab16:hover{ background:transparent;  background-color:rgba(0,127,159,1.0); width:100%; height:115px;}



.tab17{ background:transparent;  background-color:rgba(22,175,18,0.7); width:100%; height:115px;text-align:center; padding-top:5px;}

.tab17 img{  max-width:96%;z-index:9999;position: relative;}

.tab17 span{ text-align:center; color:#fff; font-size:12px;  }

.tab17:hover{ background:transparent;  background-color:rgba(22,175,18,1.0); width:100%; height:115px;}



.tab18{ background:transparent;  background-color:rgba(247,28,33,0.7); width:100%; height:115px;text-align:center; padding-top:5px;}

.tab18 img{  max-width:96%;z-index:9999;position: relative;}

.tab18 span{ text-align:center; color:#fff; font-size:12px;  }

.tab18:hover{ background:transparent;  background-color:rgba(247,28,33,1.0); width:100%; height:115px;}



.tab19{ background:transparent;  background-color:rgba(85,52,193,0.7); width:100%; height:115px;text-align:center; padding-top:5px;}

.tab19 img{  max-width:96%;z-index:9999;position: relative;}

.tab19 span{ text-align:center; color:#fff; font-size:12px;  }

.tab19:hover{ background:transparent;  background-color:rgba(85,52,193,1.0); width:100%; height:115px;}



.tab20{ background:transparent;  background-color:rgba(255,75,0,0.7); width:100%; height:100px;text-align:center; padding-top:15px;}

.tab20 img{  max-width:96%;z-index:9999;position: relative;}

.tab20 span{ text-align:center; color:#fff; font-size:12px; }

.tab20:hover{ background:transparent;  background-color:rgba(255,75,0,1.0); width:100%; height:100px;}



.tab21{ background:transparent;  background-color:rgba(0,132,255,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab21 img{ width:80px;z-index:9999;position: relative;}

.tab21 span{ text-align:center; color:#fff; font-size:12px; }

.tab21:hover{ background:transparent;  background-color:rgba(0,132,255,1.0);}



.tab22{ background:transparent;  background-color:rgba(230,172,41,0.7); width:100%; height:100px;text-align:center; padding-top:10px;}

.tab22 img{ max-width:96%;z-index:9999;position: relative;}

.tab22 span{ text-align:center; color:#fff; font-size:12px; }

.tab22:hover{ background:transparent; background-color:rgba(251,177,41,1.0); width:100%; height:100px;}



.tab23{ background:transparent;  background-color:rgba(253,136,0,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab23 img{ max-width:96%;z-index:9999;position: relative;}

.tab23 span{ text-align:center; color:#fff; font-size:12px; }

.tab23:hover{ background:transparent;  background-color:rgba(253,136,0,1.0); width:100%; height:115px;}



.tab24{ background:transparent;  background-color:rgba(44,199,179,0.7); width:100%; height:100px;text-align:center; padding-top:10px;}

.tab24 img{ max-width:96%;z-index:9999;position: relative;}

.tab24 span{ text-align:center; color:#fff; font-size:12px; }

.tab24:hover{ background:transparent;  background-color:rgba(44,199,179,1.0); width:100%; height:100px;}



.tab25{ background:transparent;  background-color:rgba(69,69,69,0.7); width:100%; height:100px;text-align:center; padding-top:10px;}

.tab25 img{ max-width:96%;z-index:9999;position: relative;}

.tab25 span{ text-align:center; color:#fff; font-size:12px; }

.tab25:hover{ background:transparent;  background-color:rgba(69,69,69,1.0); width:100%; height:100px;}



.tab26{ background:transparent;  background-color:rgba(13,70,216,0.7);width:100%; height:90px;text-align:center;padding-top:10px;}

.tab26 img{ max-width:96%;z-index:9999;position: relative;}

.tab26 span{ text-align:center; color:#fff; font-size:12px; }

.tab26:hover{ background:transparent;  background-color:rgba(13,70,216,1.0); width:100%; height:90px;}



.tab27{ background:transparent;  background-color:rgba(0,132,255,0.7); width:100%; height:115px;text-align:center; padding-top:10px;}

.tab27 img{ width:80px;z-index:9999;position: relative;}

.tab27 span{ text-align:center; color:#fff; font-size:12px; }

.tab27:hover{ background:transparent;  background-color:rgba(0,132,255,1.0);}

[class*="tab"] span{font-size: 14px;font-weight: bold;}

/* 小屏幕（平板，大于等于 768px） */

@media (min-width: @screen-sm-min) {

.box2{ margin-top:5%;}

.f1{ width:100%;  padding:0px; margin-left:3%;}

.f2{ width:30%;  padding:0px; margin-left:3%;}

.f3{ width:25%;  padding:0px; margin-left:3%;}

.right{ padding:0px; margin:auto; }

.left{ margin-bottom:20px;}

.tab1{background:transparent;  background-color:rgba(0,153,191,0.7); width:100%; height:90px; }

.tab1 img{ padding-left:28%; padding-top:15%; padding-right:28%;z-index:9999;position: relative;}

.tab1 span{ text-align:center; color:#fff; font-size:12px; padding-left:25%;}

.tab1:hover{ background:transparent;  background-color:rgba(0,153,191,1.0); width:100%; height:90px;}



.tab2{ background:transparent;  background-color:rgba(230,172,41,0.7); width:100%; height:90px;}

.tab2 img{  padding-top:5%; padding-left:10%;z-index:9999;position: relative;}

.tab2 span{ text-align:center; color:#fff; font-size:20px; padding-left:5%; font-weight:bold; }

.tab2:hover{ background:transparent;  background-color:rgba(250,167,3,1.0); width:100%; height:90px;}



.tab3{background:transparent;  background-color:rgba(85,52,193,0.7); width:100%; height:90px;}

.tab3 img{ padding-left:23%; padding-top:15%; padding-right:28%;z-index:9999;position: relative;}

.tab3 span{ text-align:center; color:#fff; font-size:12px; padding-left:25%;}

.tab3:hover{ background:transparent;  background-color:rgba(85,52,193,1.0); width:100%; height:90px;}



.tab4{background:transparent;  background-color:rgba(175,216,13,0.7); width:100%; height:90px;}

.tab4 img{ padding-left:23%; padding-top:15%; padding-right:28%;z-index:9999;position: relative;}

.tab4 span{ text-align:center; color:#fff; font-size:12px; padding-left:25%;}

.tab4:hover{ background:transparent;  background-color:rgba(175,216,13,1.0); width:100%; height:90px;}



.tab5{ background:transparent;  background-color:rgba(13,70,216,0.7);width:100%; height:90px;}

.tab5 img{ padding-left:23%; padding-top:8%; padding-right:28%;z-index:9999;position: relative;}

.tab5 span{ text-align:center; color:#fff; font-size:12px; padding-left:25%;}

.tab5:hover{ background:transparent;  background-color:rgba(13,70,216,1.0); width:100%; height:90px;}



.tab6{ background:#FF66FF; width:100%; height:90px;}



.tab7{background:transparent;  background-color:rgba(226,69,98,0.7); width:100%; height:90px;}

.tab7 img{  padding-top:5%; padding-left:10%;z-index:9999;position: relative;}

.tab7 span{ text-align:center; color:#fff; font-size:15px;   }

.tab7:hover{ background:transparent;  background-color:rgba(226,69,98,1.0); width:100%; height:90px;}



.tab8{background:transparent;  background-color:rgba(232,87,16,0.7); width:100%; height:90px;}

.tab8 img{  padding-top:7%; padding-left:10%;z-index:9999;position: relative;}

.tab8 span{ text-align:center; color:#fff; font-size:15px;   }

.tab8:hover{ background:transparent;  background-color:rgba(232,87,16,1.0); width:100%; height:90px;}







.tab9{ background:transparent;  background-color:rgba(230,172,41,0.7); width:100%; height:115px; }

.tab9 img{ padding-left:18%; padding-top:15%; padding-right:28%;z-index:9999;position: relative;}

.tab9 span{ text-align:center; color:#fff; font-size:12px; padding-left:10%;}

.tab9:hover{ background:transparent;  background-color:rgba(251,177,41,1.0); width:100%; height:115px;}



.tab10{background:transparent;  background-color:rgba(175,216,13,0.7); width:100%; height:115px;}

.tab10 img{ padding-left:18%; padding-top:15%; padding-right:28%;z-index:9999;position: relative;}

.tab10 span{ text-align:center; color:#fff; font-size:12px; padding-left:10%;}

.tab10:hover{ background:transparent;  background-color:rgba(175,216,13,1.0); width:100%; height:115px;}



.tab11{ background:transparent;  background-color:rgba(0,132,255,0.7); width:100%; height:115px;}

.tab11 img{ padding-left:18%; padding-top:15%; padding-right:28%;z-index:9999;position: relative;}

.tab11 span{ text-align:center; color:#fff; font-size:12px; padding-left:10%;}

.tab11:hover{ background:transparent;  background-color:rgba(0,132,255,1.0); width:100%; height:115px;}



.tab12{ background:transparent;  background-color:rgba(232,87,16,0.7); width:100%; height:115px;}

.tab12 img{ padding-left:30%; padding-top:6%; padding-right:28%;z-index:9999;position: relative;}

.tab12 span{ text-align:center; color:#fff; font-size:12px; padding-left:10%;}

.tab12:hover{ background:transparent;  background-color:rgba(232,87,16,1.0); width:100%; height:115px;}



.box1{ margin-top:3%;}

.box2{ margin-top:1%;}

.tab13{ background:transparent;  background-color:rgba(226,69,98,0.7); width:100%; height:115px;}

.tab13 img{ padding-left:30%; padding-top:6%; padding-right:28%;z-index:9999;position: relative;}

.tab13 span{ text-align:center; color:#fff; font-size:12px; padding-left:7%;}

.tab13:hover{ background:transparent;  background-color:rgba(226,69,98,1.0); width:100%; height:115px;}



.tab14{ background:transparent;  background-color:rgba(234,198,32,0.7); width:100%; height:115px;}

.tab14 img{ padding-left:18%; padding-top:15%; padding-right:28%;z-index:9999;position: relative;}

.tab14 span{ text-align:center; color:#fff; font-size:12px; padding-left:10%;}

.tab14:hover{ background:transparent;  background-color:rgba(234,198,32,1.0); width:100%; height:115px;}



.tab15{ background:transparent;  background-color:rgba(229,76,188,0.7); width:100%; height:115px;}

.tab15 img{ padding-left:18%; padding-top:10%; padding-right:28%;z-index:9999;position: relative;}

.tab15 span{ text-align:center; color:#fff; font-size:12px; padding-left:10%; }

.tab15:hover{ background:transparent;  background-color:rgba(229,76,188,1.0); width:100%; height:115px;}



.tab16{ background:transparent;  background-color:rgba(0,127,159,0.7); width:100%; height:115px;}

.tab16 img{ padding-left:18%; padding-top:8%; padding-right:28%;z-index:9999;position: relative;}

.tab16 span{ text-align:center; color:#fff; font-size:12px; padding-left:10%; }

.tab16:hover{ background:transparent;  background-color:rgba(0,127,159,1.0); width:100%; height:115px;}



.tab17{ background:transparent;  background-color:rgba(22,175,18,0.7); width:100%; height:115px;}

.tab17 img{ padding-left:29%; padding-top:5%; padding-right:28%;z-index:9999;position: relative;}

.tab17 span{ text-align:center; color:#fff; font-size:12px; padding-left:8%; }

.tab17:hover{ background:transparent;  background-color:rgba(22,175,18,1.0); width:100%; height:115px;}



.tab18{ background:transparent;  background-color:rgba(247,28,33,0.7); width:100%; height:115px;}

.tab18 img{ padding-left:29%; padding-top:5%; padding-right:28%;z-index:9999;position: relative;}

.tab18 span{ text-align:center; color:#fff; font-size:12px; padding-left:8%; }

.tab18:hover{ background:transparent;  background-color:rgba(247,28,33,1.0); width:100%; height:115px;}



.tab19{ background:transparent;  background-color:rgba(85,52,193,0.7); width:100%; height:115px;}

.tab19 img{ padding-left:22%; padding-top:5%; padding-right:28%;z-index:9999;position: relative;}

.tab19 span{ text-align:center; color:#fff; font-size:12px; padding-left:8%; }

.tab19:hover{ background:transparent;  background-color:rgba(85,52,193,1.0); width:100%; height:115px;}



.tab20{ background:transparent;  background-color:rgba(255,75,0,0.7); width:100%; height:90px;}

.tab20 img{ padding-left:28%; padding-top:8%; padding-right:28%;z-index:9999;position: relative;}

.tab20 span{ text-align:center; color:#fff; font-size:12px; padding-left:8%; }

.tab20:hover{ background:transparent;  background-color:rgba(255,75,0,1.0); width:100%; height:90px;}






}

/* 中等屏幕（桌面显示器，大于等于 992px） */

@media (min-width: @screen-md-min) { ... }



/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media (min-width: @screen-lg-min) { ... }