@charset "gb2312";
/* CSS Document */
body,p ,h1,ul,li{margin:0; padding:0; }
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
.cr{ clear:both; }
.qtop{ background:url(img/topbg.gif) right center no-repeat #ffffff; }
.qlogo{ width:150px; height:54px; display:block; float:left; }
.qlink{ margin-top:5px; float:right; color:#C4C5C7;  width:152px; }
.qlink a{ display:inline-block; float:left; width:150px; height:54px; margin-right:5px; }
.qlink #a_home{ background:url(img/home.gif) no-repeat; }
.qlink #a_tel{ width:49px; height:43px; background:url(img/tel.gif) no-repeat; }
#menu{ background:#57585A;  }
.menu li{ width:25%; float:left; text-align:center; white-space:nowrap; line-height:25px; }
.menu li a{ display:block; padding:0 15px; height:40px; line-height:40px; color:#C4C5C7; font-size:12px; }
.menu li a:hover{ background:#058EBE; color:#fff; }
.foottxt{ font-size:12px; text-align:center; height:0px; line-height:30px; background:#FFFFFF; color:#999999; }
.foottxt a{ color:#fff; text-decoration:none; }
.fmenu{ height:40px; text-align:center; line-height:40px; background:#26498D; }
.fmenu li{ float:left; width:25%; text-align:center; }
.fmenu li a{ display:block; color:#ffffff; font-size:12px; font-weight:normal; padding-left:20px; }
.icon_tel{ background:url(img/icon_tel.png) 5px center no-repeat; }
.icon_map{ background:url(img/icon_map.png) 5px center no-repeat; }
.icon_share{ background:url(img/icon_share.png) 5px center no-repeat; }
.icon_wx{ background:url(img/icon_wx.png) 5px center no-repeat; }


.topmenu{ height:45px; text-align:center; line-height:45px; background:#23488C; }
.topmenu li{ float:left; width:25%; text-align:center; }
.topmenu li a{ display:block; color:#ffffff; font-size:12px; font-weight:normal; padding-left:20px; }
.icon_1{ background:url(img/icon_1.png) 25px center no-repeat; }
.icon_2{ background:url(img/icon_2.png) 25px center no-repeat; }
.icon_3{ background:url(img/icon_3.png) 35px center no-repeat; }
.icon_4{ background:url(img/icon_4.png) 35px center no-repeat; }






/*home*/
.con{ margin:0px; padding:0px 0px; background:#FFFFFF; }
#con1{ margin:0 auto; }
#con1 div{ float:left; height:120px; text-align:center; }
#con1 div a{ display:block; padding-top:75px; font-size:12px; color:#ffffff; }
#i1{ width:34%; text-align:center; background:url(img/h1.png) center 35px no-repeat #0D89CF; margin-top:0px;}
#i2{ width:65%; text-align:center; margin-top:0px; margin-left:1%;}

#i4{ width:66%; text-align:center; margin-top:5px;  }
#i5{ width:33%; text-align:center; background:url(img/h5.png) center 35px no-repeat #0D89CF; margin-top:5px; margin-left:1%; }
#i6{ width:34%; text-align:center; background:url(img/h6.png) center 35px no-repeat #0D89CF; margin-top:5px; }
#i7{ width:65%; text-align:center; margin-top:5px; margin-left:1%;}


#i8{ width:34%; text-align:center; background:url(img/h8.png) center 35px no-repeat #096DA8; margin-top:5px; margin-bottom:5px;}
#i9{ width:30%; text-align:center; background:url(img/h9.png) center 35px no-repeat #0D89CF; margin-top:5px; margin-bottom:5px; margin-left:1%; }
#i10{ width:34%; text-align:center; background:url(img/h10.png) center 35px no-repeat #096DA8; margin-top:5px; margin-bottom:5px; margin-left:1%; }
/* banner */
.big-pic{width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:100%;}
.big-pic2 .pic-list img{width:50%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:200%;}
.big-pic3 .pic-list a{width:50%;/*33.33%*/}
.big-pic4 .pic-list{width:300%;}
.big-pic4 .pic-list a{width:33.3%;/*25%*/}
.slide-dot{position:absolute;right:0px;bottom:10px;height:9px;padding:2px 0;background-color:rgba(255,255,255,0.3);-webkit-border-radius:5px;border-radius:5px; float:left;}
.slide-dot span{display:inline-block;width:10px;height:10px;margin:0 7px;background:url(img/slide-dot.png) no-repeat -17px 0;vertical-align:top; z-index:10;}
.slide-dot .slide-dot-cur{background-position:0 0;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }

.ui-btn-active{  
      background:url(img/mbg.gif) repeat-x;text-shadow:none;
 }