body{ background:#FFF;border:0; padding:0; margin:0;   font-size:16px; font-family:'΢ÈíÑźÚ','Microsoft YaHei','Arial'; color:#000}
 
*, *:after, *:before { box-sizing: border-box;}
img{ border:0;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#F60}
.top{ width:1100px; margin:0 auto; height:130px; position:relative;background:#FFF; }
.logo{   height:100px; width:560px;  top:11px; position:absolute; left:0;       }
.ss{ float:right; height:130px; width:310px;position:absolute;  top:32px;right:10px;   }
.search{float:right; }
.ss1{ border:1px solid #01A0E8; height:30px; line-height:30px; padding:0 10px; width:200px;float:left; font-size:14px;}
.ss2{ background-color: #01A0E8; height:30px; line-height:31px; color:#FFF; padding:0 10px; width:80px ; text-align:center; border:none; cursor: pointer; font-size:16px; float:left;}
.toptel{ color:#01A0E8; float:right; font-size:16px;font-weight: 800; height:60px; line-height:60px;}
.topwx{ position:absolute; right:310px; height:102px; overflow:hidden; top:12px;}



.home1{ width:1100px; height:345px; margin:0 auto;   margin-bottom:40px;background:#FFF;}
.home1l{ width:780px; float:left;height:345px; }
.bty{ width:110px; height:44px; text-align:center; line-height:44px; float:left; background:#F60; color:#FFF; font-size:20px; font-weight:bold;}
.btyd a{ width:660px; height:44px; padding-left:15px;   line-height:47px; float:left; color: #01A0E8; font-size:24px; font-weight:bold;}
.btyd a:hover{ color:#F60}
.flashtt{ float:left; width:360px; height:280px;}
.newslb{ float:right; width:395px;margin-top:10px;}
 
.newslb li.newslb_dbt{ font-size:15px; line-height:180%;  background: none;overflow:hidden;width:100%; }
.newslb li.newslb_dbt a{  font-weight:bold;  }
.newslb li.newslb_ms{ text-indent:2em;line-height:130%;margin-bottom:15px;  background: none; color:#c5c5c5;  padding:0 15px 0 15px;}
.newslb li.newslb_ms a{ font-size:12px;color: #5a5a5a;}
.newslb li.newslb_ms a:hover{color:#f60}
.newslb li span{float:right; margin-right:5px; color: #bdacb3;font-size:12px;}

 
#tab { width:395x; height:206px; position:relative;margin: 0 auto; overflow:hidden;  }
 
html > body #tab { width:395px;}
 
#tab div { position:absolute; top:38px; left:0; width:395px; height:186px;}
 
#tab div { display:none;}
 
#tab .block { display:block;}
 
#tab h3 { float:left; width:25%; height:34px; line-height:34px; margin:0 0 0 0; font-size:12px; cursor:pointer; background-color:#e5e5e5; text-align:center; color:#5a5a5a;  }
#tab h3 a{color:#5a5a5a;}
#tab h3 a:hover{color:#FFF}
 
#tab .up { background:#01A0E8;color:#fff;}
 
 
#tab ul { list-style:none; padding:0; height:186px; margin-top:0px;}
#tab li { margin-left:10px; margin-right:10px; border-bottom:1px dotted #c6c6c6; height:34px; line-height:34px;padding-top:0; overflow:hidden; font-size:12px;}
#tab li a { display:inline; font-size:12px; text-decoration:none; text-indent:10px; margin-right:10px;}
#tab li span{ display:block; float:right; margin-right:5px; color: #bdacb3;}
a.tab_title:link { color: #5a5a5a; text-decoration:none;}
a.tab_title:visited { color:#5a5a5a; text-decoration:none;}
a.tab_title:hover { color:#f60; text-decoration:none;}
a.tab_title:active { color:#5a5a5a; text-decoration:none;}
a.tab_menu:link { color:#6464d5; text-decoration:none;}
a.tab_menu:hover { color:#8888e0; text-decoration:underline;}

.home1r{width:290px; float:right;height:340px; background:#01A0E8; padding:21px 15px 10px 15px ;}
.home1r li {border-radius:5px ; display:block; height:80px; width:100px; float:left; margin:10px 14px;}
.home1r li a{ display:block; height:80px; line-height:120px; width:100px; text-align:center; font-size:14px; }
.home1r li a:hover{ display:block; background:#F60; color:#FFF; line-height:80px; height:80px; width:100px; text-align:center;  font-size:16px; border-radius:5px ;}
.home1r li.dh1{background:url(/template/images/dh1.png) no-repeat center top   #FFF;}
.home1r li.dh2{background:url(/template/images/dh2.png) no-repeat center top   #FFF;}
.home1r li.dh3{background:url(/template/images/dh3.png) no-repeat center top   #FFF;}
.home1r li.dh4{background:url(/template/images/dh4.png) no-repeat center top   #FFF;}
.home1r li.dh5{background:url(/template/images/dh5.png) no-repeat center top   #FFF;}
.home1r li.dh6{background:url(/template/images/dh6.png) no-repeat center top   #FFF;}
.home2{ width:1100px; height:80px; margin:0 auto; background: #01A0E8; text-align:center; font-size:32px; font-weight:bold; color:#FFF; line-height:80px;margin-bottom:10px;}

.home3{ width:1100px; height:100%; margin:0 auto;margin-bottom:40px;background:#FFF;   }
.home3 ul{ width:520px; float:left; height:150px; background:#F7F7F7; margin:10px ; padding:15px 20px  ;}
 
.home3 .syksdh{ font-size:14px; height:100px; }
.home3 .syksdh a{padding-left:10px;margin-right:13px; padding-top:10px;  float:left; background:url(/template/images/tt.png) no-repeat -5px bottom   #FFF;}


.home3 a.ksbt {width: 120px; float:left;      height: 120px; line-height:20px; color:#FFF; padding:40px 10px; text-align:center;   background-color: #01A0E8; overflow:hidden;      border-radius: 50%;      -moz-border-radius: 50%;      -webkit-border-radius: 50%; display:block}
.home3 a.ksbt:hover{background-color: #F60;}
 
.home3 a.ksxbt{ display:block; float:left; margin:5px 10px; background: #EEE; font-size:16px; color: #333; text-align:center; width:150px; height:32px; line-height:32px;} 
.home3 a.ksxbt:hover{background: #F60;color: #FFF;  }
.home3 .ksny{ width:350px; height:100px; float:right;}

.home4{ width:1100px; height:110px; margin:0 auto;background: #01A0E8;margin-bottom:30px;text-align:center; font-size:32px; font-weight:bold; color:#FFF; padding-top:20px; }
.home4 p{ font-size:18px; font-weight:normal; margin-top:5px;}
.home5{ width:1100px; height:420px; margin:0 auto; margin-bottom:40px;}
.home6{ width:1100px; height:200px; margin:0 auto;  margin-bottom:10px;}
.home7{ width:1130px; height:510px; margin:0 auto;  margin-bottom:40px;}
.home7 ul{ width:33.333333%;   height:510px; float:left}
.tab{ width:92%; margin:0 auto;height:510px; background: #F9F9F9; padding:22px 15px;   }
.tabbt{ width:100%; text-align:center; font-size:20px; height:50px; line-height:50px; font-weight:600; background:#01A0E8;   color:#FFF;  }

.tabbt a{color:#FFF}
.tabbt a:hover{color:#F60}
.tablb{ width:100%;height:425px; background:#FFF;overflow:hidden;  font-size:14px; padding:15px;  }
.tablb ul.tablb2 li{ text-align:left; margin:0 auto; width:96%; height:30px; line-height:30px; background:url(/template/images/tt.png) center left  no-repeat; padding-left:18px;}
.tablb ul.tablb2 { width:100%;  }

.tablb ul.tablb1{ height:84px; width:100%;overflow:hidden;font-size:12px; margin-bottom:15px; }
.lbpic img{ width:100px; height:80px; overflow:hidden;  border:2px #E6E6E6 solid; margin-right:10px;}
.lbpic img:hover{border:2px #F60 solid;}
.lbxbt a{  height:20px;  font-weight:bold; color:#01A0E8;} 
.lbms a{  color:#A8A8A8; height:50px; margin-top:0; margin-right:10px; line-height:160%; }
.lbxbt a:hover, .lbms a:hover{ color:#F60}
.clear{ clear:both; width:100%; padding:0; margin:0;}


.htmleaf-container{ width:100%; background-color:#01A0E8; height:53px; }
.animenu__toggle { background: #F60;  
  display: none; 
  cursor: pointer;
  border: 0;
  padding: 10px;
  height: 40px;
  width: 40px;
}
.animenu__toggle:hover {
  background-color: #333;
}
.mhover{ background:#F60}
.animenu__toggle__bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
}
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
  margin: 0;
  position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animenu {
  display: block;
}
.animenu ul {
  padding: 0;
  list-style: none;
  font: 0px 'Open Sans', Arial, Helvetica;
}
.animenu li, .animenu a {
  display: inline-block;
  font-size: 16px;
}
.animenu a {
  color: #FFF;
  text-decoration: none;
}

.animenu__nav {
  background-color: #01A0E8; margin:0 auto; width:1100px; 
}
.animenu__nav > li {
  position: relative;
 
}
.animenu__nav > li > a {
  padding: 0 27px; font-weight: 800;  
  text-transform: uppercase;height:53px; line-height:53px;
}
.animenu__nav > li.mlast > a {
  padding-right: 0;  
}
.animenu__nav > li.mfirst > a {
  padding-left: 0;  
}

.animenu__nav > li > a:first-child:nth-last-child(2):before {
  content: "";
  position: absolute;
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: currentColor;
  top: 50%;
  margin-top: -2px;
  right: 10px;
}
.animenu__nav > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu__nav > li:hover > a {
  color: #fff; background-color:#F60;
}

.animenu__nav__child {
 
  position: absolute;
 
  top:53px;
  left: 0;
  z-index:9999;
  opacity: 0;
  visibility: hidden;
 
  background-color: #01A0E8;
   transition: margin .25s, opacity .25s;   
}
.animenu__nav__child > li {
  width: 100%; text-align:center; 
 
}
.animenu__nav__child > li:first-child{border-top: 10px solid #01A0E8;}
.animenu__nav__child > li:first-child > a:after {
 
}
.animenu__nav__child > li:last-child { border-bottom: 10px solid #01A0E8;
  
}
.animenu__nav__child a {
    line-height: 36px;
   height: 36px;
 
 
  width: 100%;
  border-color: #01A0E8;
}
.animenu__nav__child a:hover {
  background-color: #F60;
  border-color: #F60;
  color: #fff;
}
 
.animenu__nav--open { 
  display: block !important;
}
.animenu__nav--open .animenu__nav__child { 
  display: block;
}
.animenu__nav__child > li {
  width:100%;
 
}



/* zhuanjia */

.zjbox{ width:1100px; margin:0 auto; position:relative; overflow:hidden; _height:100%; padding:10px 40px 30px 40px;font-size:14px;}
.picbox{ width:1020px; height:295px; overflow:hidden; position:relative;}
.piclist{ height:293px;position:absolute; left:0px; top:0px}
.piclist li{ background:#f3f3f3; margin-right:17px; padding:5px 5px 13px 5px; float:left; text-align:center; line-height:180%; display:block; }
.piclist li:hover{ background:#eee;color:#FFF; cursor:pointer;}
.piclist li img{ padding-bottom:10px}
.piclist li a{ color:#666}
.swaplist{ position:absolute; left:-3000px; top:0px}
.og_prev,.og_next{ width:30px; height:50px; background:url(/template/images/icon.png) no-repeat; background:url(/template/images/icon_ie6.png) no-repeat\9; position:absolute; top:113px; z-index:99; cursor:pointer; }
.og_prev{ background-position:0 -60px; left:4px;}
.og_next{ background-position:0 0; right:4px;}
.homezj{ width:1100px; height:40px; margin:10px auto; background:#FFF;}
.homezj .bt{ background:url(/template/images/ico.gif) no-repeat left center; padding-left:40px; float:left; height:40px; line-height:40px; width:40%; font-size:22px; color:#01A0E8; font-weight:bold}
.homezj .more{ float:right; width:30%; height:40px; line-height:40px; width:40%; text-align:right;    font-size:16px; }
.homezj .more a{color:#333;background:url(/template/images/more1.GIF) no-repeat right center; display:block;  padding-right:45px; width:8em; float:right;}
.homezj .more a:hover{ color:#F60;background:url(/template/images/more2.GIF) no-repeat right center;}

 
 
/* marqueeleft */
.marqueeleft{height:206px;width:1100px;overflow:hidden;margin:30px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:204px;height:198px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:194px;height:140px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:33px;line-height:33px;}
.marqueeleft li .pic:hover{border: #F60 3px solid; padding:0}
/* foot */
 
.linksbg{background:#666;}
.links{ font-size:12px;color:#ddd;text-align:center;line-height:180%;padding:0 0 20px 0;margin:0 auto;width:1100px;}
.links a{font-size:12px;color:#ddd;}
 


.footer{ height:auto; width:100%; background: url(/template/images/ftlogo-new.jpg) center 20px no-repeat #666;  background-size:370px;  border-top:15px solid #01A0E8; position: relative; bottom:0; left:0;    }
.footer p{ width:100%; text-align:center; color:#FFF; line-height:210%; margin-top:120px; font-size:14px;}
.footer p img{ margin:15px;}
.footer a{ color:#fff}
.footer a:hover{ color:#f60}

@media screen and (max-width: 767px) {
  .animenu__toggle {
    display: inline-block; margin-top:5px; 
  }

 
  .animenu__nav__child {
    display: none;   
  }
 
  .animenu__nav {
 display: none; position:absolute; z-index:999; overflow:hidden;   width: 100%;
  }
  .animenu__nav > li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid  #FFF;
  }
  .animenu__nav > li:last-child {
    border: 0;
  }
  .animenu__nav > li:first-child > a:after {
    content: '';
    position: absolute; 
    height: 0;
    width: 0;
    left: 1em;
    top: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: inherit;
  }
  .animenu__nav > li > a {
    width: 100%;
 
  
    position: relative;
  }
  .animenu__nav a:hover {
    background-color: #F60;
    border-color: #0186ba;
    color: #fff;
  }

  .animenu__nav__child {
    position: static; 
    background-color: #0186ba;
    margin: 0; padding:0;
    transition: none;
    visibility: visible;
    opacity: 1;  
  }
  .animenu__nav__child > li:first-child > a:after {
    content: none;
  }
  .animenu__nav__child a {
  
    width: 100%;
  }



.top{ display:none}
.home1 , .home2 , .home3 , .home4{ width:98%; margin:0 auto; height:100%;}
}




/* gotop */
#goTop{position:absolute;display:none;width:53px;height:50px;background: #01A0E8;border:solid 1px #01A0E8;border-radius:6px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);cursor:pointer; color:#FFF; font-size:30px; font-weight:normal; text-align:center;}
#goTop:hover{height:50px;background-position:16px 16px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.3)}

.onliner{position:fixed;right:27px;bottom:120px;width:54px;height:180px; z-index:9999}
.onliner img{border-radius:6px; }

/*°Ù¶ÈÉÌÇÅ*/
#newBridge #nb_icon_wrap{width:100px !important;}

#newBridge .nb-icon-skin-xc-0 .nb-icon-group .nb-icon-inner-wrap {
    background: transparent url(/template/images/seekColorGroup0.png) no-repeat !important;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/template/images/seekColorGroup0.png') !important;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

#newBridge .nb-icon-group .nb-group-text {
    margin-left: 5px !important;
}
#newBridge .nb-icon-group .nb-group-icon {
    display: none !important;
}

#newBridge #nb_icon_groups .nb-icon-groups-item {
    margin: 10px 5px !important;
}
#newBridge #nb_invite_wrap {
    display: none !important;
}