/*
  ibw.cn Reset Stylesheet
  Edited by Timohe
  Copyright (c) 2016 ibw
 */

@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
ul,ol,li{ list-style:none;}
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
input{ background:none; border:none; outline:none; appearance:normal;}
textarea{ background:none; border:none; outline:none; appearance:normal;}
s{ text-decoration:none;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#555; }

.wrapper { width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:1200px; margin:0 auto; }

.topArea {position:relative;  height:101px;}
.logo { float:left;height:101px; width:261px; margin-left:30px;}
.topArea .ser{ float:right;  width:200px; height:32px; margin-top:33px;border:1px solid #e5e5e5; border-radius:15px; margin-right:3%}
.topArea .ser .in1{ background:none; border:none; height:30px; padding-left:8px; width:160px; float:left;}
.topArea .ser .in2 { width:32px; height:32px; background:url(../images/s1.jpg) center no-repeat; float:right; cursor:pointer;}
.nav { height:101px; float:right; margin-right:10px}
.nav ul { text-align:center;}
.nav li { position:relative;  padding:0 10px; height:96px; display:inline-block; text-align:center; margin:0 15px; border-top:5px solid #fff;}
.nav li .aa { display:block; width:100%; height:96px; line-height:96px; text-align:center; font-size:16px; color:#000;}
.nav li:hover {border-top:5px solid #01b0f1;} 
.nav li:hover .aa { color:#01b0f1;}
/*.nav li .sub { position:absolute; top:101px; left:0;  width:100%; display:none; z-index:99;    background: #fff url(../images/secnav.png) repeat-x 0 1px;padding: 8px 0;}
.nav li .sub dl { text-align:center;}
.nav li .sub dd { display:inline-block;text-align:center; height:36px; line-height:36px; }
.nav li .sub dd a { font-size:16px;  display:block;color:#000; display:block; padding:0 15px;}
.nav li .sub dd:hover a{  color:#01b0f1;}*/
/*.nav li .sub{    display: none;position: absolute;left: 0;top: 96px;width: 365px;padding: 25px;border-bottom: 1px solid #1d85d8;background: rgba(255,255,255,1);z-index: 99;}
.nav ul li .sub ul { float:left; width:115px;}
.nav ul li .sub ul li { float:none; width:90px; height:auto; margin:0; padding:7px 0; padding-left:25px; background:url(../images/icop.png) left center no-repeat; border:none; text-align:left;}
.nav ul li .sub ul li a { height:auto; padding:0; border:none; font-size:14px; color:#000; line-height:20px;}
.nav ul li:hover .sub ul li a { border:none;}
.nav ul li .sub .line { width:1px; height:30px; background:#a5c8e3; float:left; margin-left:10px;}
.nav ul li .sub dl { float:right; width:210px;}
.nav ul li .sub dl dt { font-size:20px; text-transform:capitalize; font-weight:bold; color:#01b0f1;}
.nav ul li .sub dl dd { font-size:12px; color:#666; line-height:25px; margin-top:10px;}
.nav ul li .sub dl dd .more2 { display:block; width:60px; height:30px; text-align:center; line-height:30px; padding:0; border:1px solid #a5c8e3; border-left:none;border-right:none; color:#000; font-size:12px; margin-top:20px;}
.nav ul li:hover .sub { display:block;}
.nav ul li:last-child .sub{ left:auto; right:0!important;}*/
.nav .l1 .sub1{ position:absolute; top:96px;  left:-300px;  width:670px; display:none; z-index:99; padding: 30px; background:#fff; border-top:1px solid #01b0f1; box-shadow:0 6px 12px rgba(0,0,0,.175);border-top: 2px solid transparent;}
.nav .l1 .sub1 dd{ display:block; float:left; width:100px; text-align:center; margin:0 5px;}
.nav .l1 .sub1 dd a{ display:block; padding-top:60px; font-size:14px; color:#666; font-weight:bold;}
.nav .l1 .sub1 dd a.am1{ background:url(../images/q1.png) center 10px no-repeat;}
.nav .l1 .sub1 dd a.am2{ background:url(../images/q2.png) center 10px no-repeat;}
.nav .l1 .sub1 dd a.am3{ background:url(../images/q3.png) center 10px no-repeat;}
.nav .l1 .sub1 dd a.am4{ background:url(../images/q4.png) center 10px no-repeat;}
.nav .l1 .sub1 dd a.am5{ background:url(../images/q5.png) center 10px no-repeat;}
.nav .l1 .sub1 dd a.am6{ background:url(../images/q6.jpg) center 10px no-repeat;}
/*.nav .l1:hover .sub1{ transition:all ease .5s; -webkit-transition:all ease .5s; display:block;}*/
.nav .l1 .sub1 dd a:hover{ color:#01b0f1;}

.nav .l2 .sub2{ position:absolute; top:96px; left:-475px;  width:1078px; display:none; z-index:99; padding: 30px 61px; background:#fff; border-top:1px solid #01b0f1;box-shadow:0 6px 12px rgba(0,0,0,.175);border-top: 2px solid transparent; }
.nav .l2 .sub2 dl{ display:block; width:150px; float:left; text-align:left; margin-right:35px;}
.nav .l2 .sub2 dl:last-child{ margin-right:0;}
.nav .l2 .sub2 dl dt{}
.nav .l2 .sub2 dl dd.mt{ display:block; width:150px; height:1px; background:#ccc; margin:15px 0 9px 0;}
.nav .l2 .sub2 dl dt a{ font-size:14px; color:#01b0f1; font-weight:bold;}
.nav .l2 .sub2 dl dd a{ font-size:14px; color:#000000; line-height:24px;}
.nav .l2 .sub2 dl dt a:hover{ color:#01b0f1}
.nav .l2 .sub2 dl dd a:hover{ color:#01b0f1}
/*.nav .l2:hover .sub2{ transition:all ease .5s; -webkit-transition:all ease .5s; display:block;}*/

.nav .l3 .sub3{ position:absolute; top:96px; left:-200px;  width:410px; display:none; z-index:99; padding: 30px 10px; background:#fff; border-top:1px solid #01b0f1; text-align:center; box-shadow:0 6px 12px rgba(0,0,0,.175);border-top: 2px solid transparent;}
.nav .l3 .sub3 dl dd{ display:inline-block; margin:0 20px;}
.nav .l3 .sub3 dl dd a{ font-size:14px; color:#666; line-height:32px;font-weight:bold;}
.nav .l3 .sub3 dl dd a:hover{ color:#01b0f1}
/*.nav .l3:hover .sub3{ transition:all ease .5s; -webkit-transition:all ease .5s; display:block;}*/


.extro { margin-top:18px; margin-bottom:30px;}
.extro .ex{ border:1px solid #cfcfcf; position:relative;}
.tq{ line-height:44px; padding-left:10px;}
.extro .ex .tm{ position:absolute; left:330px; top:5px; height:22px;}
.search{ position:absolute; top:8px; right:10px; width:250px; height:30px; border:1px solid #cfcfcf; border-radius:13px;}
.search .in1 { border:none; height:28px; padding-left:15px; width:200px; float:left;}
.search .in2{ width:22px; height:30px; float:left; background:url(../images/i5.jpg) left center no-repeat; cursor:pointer;} 

.footer { width:100%; height:282px;  background:#333; padding-top:18px;}
.footer .g-in{ position:relative; height:282px;}
.footer .fnav{ width:560px; float:left;}
.footer .fnav .sm1 {}
.footer .fnav .sm1 a{ display:inline-block; width:140px; font-size:14px; color:#999;}
.footer .fnav .sm2{ margin-top:10px;}
.footer .fnav .sm2 ul { width:140px; float:left;}
.footer .fnav .sm2 ul li{ line-height:30px;}
.footer .fnav .sm2 ul a{ font-size:12px; color:#999; opacity:0.6}
.footer .line{ width:1px; height:125px; background:url(../images/line1.jpg) no-repeat; margin-right:58px; float:left; margin-top:10px;}
.footer .intro{ width:275px; float:left;}
.footer .intro .address{}
.footer .intro .address .p1{ font-size:14px; color:#999;}
.footer .intro .address .p2{ font-size:12px; color:#999; margin:10px 0;opacity:0.6}
.footer .intro .address .p3{ font-size:24px; color:#fff;}
.footer .intro .share { background:url(../images/line2.jpg) left top no-repeat; width:247px; height:50px; line-height:50px; margin-top:15px;}

.footer .erweima { width:266px; text-align:center; float:right;}
.footer .erweima .ma{ float:left; margin-left:30px; width:103px;}
.footer .erweima p { text-align:center; font-size:14px; color:#fff; margin-top:20px; opacity:0.26}
.footer .end{ position:absolute; left:0; bottom:0; width:100%; height:55px; line-height:55px; border-top:1px solid #454545; text-align:left;color:#fff; opacity:0.3; font-size: 12px;}
.footer .end a { color:#fff;}


.copyright{ position:absolute; bottom:20px; left:0; height:52px; line-height:52px; color:#fff;}
.copyright a { color:#fff;}

/* 分享 */
.action-share { height:24px; padding:15px 0; overflow:hidden; }
.bdshare-button-style0-24{line-height:24px;}
.bdshare-button-style0-24 a{position:relative;display:inline-block;width:24px;height:24px;margin-left:5px;vertical-align:top;cursor:pointer;opacity:.8;}
.bdshare-button-style0-24 a:hover{opacity:1;}
.bdshare-button-style0-24 a.bds_tsina{background:url(../images/wb.jpg);}
.bdshare-button-style0-24 a.bds_weixin{background:url(../images/wx.jpg);}
.bdshare-button-style0-24 a.bds_qzone{background:url(../images/kj.jpg);}
.bdshare-button-style0-24 a.bds_sqq{background:url(../images/qq.jpg);}
.bdshare-button-style0-24 a.bds_renren{background-position:0 -131px;}
.bdshare-button-style0-24 a.bds_tqq{background-position:0 -163px;}
.bdshare-button-style0-24 a.bds_douban{background-position:0 -196px;}
.bdshare-button-style0-24 a.bds_fbook{background-position:0 -226px;}

/*.xuanfu { position:fixed; left:10px; top:20%; width:47px; z-index:99999;}
.xuanfu li { width:47px; height:47px; margin-bottom:4px;}
.xuanfu li a { display:block; width:47px; height:47px;}
.xuanfu li.l1 { background:url(../images/f1.png) center no-repeat;}
.xuanfu li.l2 { position:relative; background:url(../images/f2.png) center no-repeat;}
.xuanfu li.l3 { position:relative; background:url(../images/f3.png) center no-repeat;}
.xuanfu li.l4 { position:relative;background:url(../images/f4.png) center no-repeat;}
.xuanfu li.l5 { background:url(../images/f5.png) center no-repeat;}
.xuanfu li.l2 .pic { display:none; position:absolute; top:-50px; left:47px; width:150px; height:150px; overflow:hidden;}
.xuanfu li.l2:hover .pic { display:block;}
.xuanfu li.l3 .tel { display:none; position:absolute; top:0; left:0; width:140px; height:47px; line-height:47px; text-align:center; font-size:18px; color:#fff; overflow:hidden; background:#0068b7;}
.xuanfu li.l3:hover .tel { display:block;}
.xuanfu li.l4 .pic { display:none; position:absolute; top:-50px; left:47px; width:150px; height:150px; overflow:hidden;}
.xuanfu li.l4:hover .pic { display:block;}
*/

.tss{ animation:ak 1s; -webkit-animation:ak 1s; }

@keyframes ak
{
from { opacity:0; top:-101px}
to { opacity:1; top:0}
}
@-webkit-keyframes ak 
{
from { opacity:0; top:-101px}
to { opacity:1; top:0}
}

.online-qq-lx { position:absolute; top:380px; width:55px; z-index:100; }
.online-qq-lx .qq_content-lx dd { position:relative; width:55px; margin-bottom:2px; font-size:12px; }
.mbar-ico { position:relative; background:#3b76df; font-size:14px; }
.mbar-ico i { position:relative; display:block; width:55px; height:40px; background:url(../images/online_lx.png) no-repeat #01b6f1; cursor:pointer; z-index:2; }
.mbar-ico .mbar-tip  { position:absolute; top:0; background:#01b6f1; color:#fff; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; }
.mbar-ico .mbar-tip a { display:block; color:#fff; }
.mbar-ico .mbar-tip a:hover { color:#ff0; }
.mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; }
	/* QQ */
.mbar-qq i { background-position:0 0; }
.mbar-qq .mbar-tip { min-height:40px; padding:5px 24px 5px 14px; line-height:30px; }
.mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; }
	/* 咨询 */
.mbar-tel i { background-position:0 -40px; }
.mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; }
	/* 二维码 */
.mbar-micro .mbar-tip  { top:-100px; min-width:110px; padding:5px; background:#fff; color:#000; box-shadow: 0 0 10px #ccc; text-align:center; line-height:20px; }
.mbar-micro .mbar-tip span { display:block; }
.mbar-micro-sj i { background-position:0 -200px; }
.mbar-micro-wx i { background-position:0 -120px; }
.mbar-micro-hc i { background-position:0 -160px; }
	/* 返回顶部 */
.mbar-top { display:block; }
.mbar-top i { background-position:0 -240px; }
.mbar-top .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-top .mbar-tip a { padding:0px 15px; }

.online-qq-left { left:10px; right:auto; }
.online-qq-left .mbar-ico .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-ico:hover .mbar-tip { left:55px; right:auto; }
.online-qq-left .mbar-top .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-top:hover .mbar-tip { left:55px; right:auto; }
.online-qq-right { right:10px; left:auto; }
.online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-ico:hover .mbar-tip { right:55px; left:auto; }
.online-qq-right .mbar-top .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-top:hover .mbar-tip { right:55px; left:auto; }


.xuanfu { position: fixed; right: 0;bottom: 246px;z-index: 999999;width:45px;}
.xuanfu li{ width:45px; height:58px; position:relative; border-bottom:1px solid #fff;}
.xuanfu li.l1{ background:url(../images/x1.jpg) no-repeat;}
.xuanfu li.l1 a{ display:block; width:45px; height:58px;}
.xuanfu li.l2{ background:url(../images/x2.jpg) no-repeat; cursor:pointer;}
.xuanfu li.l3{ background:url(../images/x3.jpg) no-repeat;cursor:pointer;}
.xuanfu li.l4{ background:url(../images/x4.jpg) no-repeat;cursor:pointer;}
.xuanfu li.l2 .dh{ position:absolute; left:-250px; top:0; background:#01b0f1; width:250px;  display:none; text-align:center; padding:14px 0;}
.xuanfu li.l2 .dh p{ text-align: center; font-size:14px; color:#fff; line-height:30px;}
.xuanfu li.l3 .weixin{ position:absolute; left:-220px; top:0; background:#01b0f1;  width:220px; display:none;text-align:center; color:#fff;}
.xuanfu li.l3 .weixin .mama{ float:left; width:80px; margin-left:20px; padding:20px 0;}
.xuanfu li.l3:hover .weixin{ display:block;}
.xuanfu li.l2:hover .dh{ display:block;}
.xuanfu li.l4 .forms{ position:absolute; left:-250px; top:0; background:#01b0f1; width:250px;  display:none; text-align:center; padding:20px 0;}
.xuanfu li.l4 .forms dd{ margin-left:8px; margin-bottom:10px; color:#fff;}
.xuanfu li.l4 .forms .in1{ border:none; background:#fff; width:150px; height:22px; margin-left:8px;}
.xuanfu li.l4 .forms .in2{ background:#fff; width:70px; height:24px;}
.xuanfu li.l4:hover .forms{ display:block;}

@media screen and (max-width: 1399px) {
    .ser { display:none;}
}


/* ----- 分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
  font-size: 14px;
  padding: 4px 8px;
  margin: 0 5px;
  border-radius: 5px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 4px 2px;
    margin: 0 5px;
    border-radius: 5px;
}
.pagination a:hover {
  color: ##172b6a;
  border: 1px solid #ddd;
}
.pagination a.page-num-current {
  color: #fff;
  background: #9A9FA5;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.tac.text-secondary {
    color: #ccc;
    text-align: center;
}
/* ----- 分页数字条效果 结束 ----- */