@charset "utf-8";
* {margin:0;padding:0;}
body {
  font-family:"微软雅黑";
}
i,em { font-style:normal;}
img {max-width:100%; border:0;}
ul li {list-style:none;}
.vcenter {
  position:absolute; top:0;right:0;bottom:0;left:0;
  max-width:100%;max-height:100%;display:block;
  vertical-align:middle; margin:auto;}
.relative { position:relative;}
a { color:#666;}
a:hover { color:#dd0505; text-decoration:none;}
h1,h2,h3,h4,h5,h6,ul,li { margin:0; padding:0;}


.header,.container { width:100%;padding:0;margin: 0 auto;}
.phone-nav { /*移动端  mmenu*/
  display:none;}

@media (min-width:1600px) {
  /* .header,.container {width:1600px;margin: 0 auto;} */
}

/*顶端*/
.header_top {
  background:#f8f8f8;
  border-bottom:solid 1px #ddd;
  margin-top: 3px;
/*  height: 50px;*/
}
.header_top .main>div  {height:50px;  line-height:50px;}
.header_top_right li {  margin-right:10px;  float:left;}
.header_top_right li.weixin {
  background:url(../images/down.png) no-repeat right center;
  background-size:14px;
}
.header_top_right li.weixin .weixin_img {
  position:absolute;top:34px;left:0px;display:none;background:#fff;box-shadow:0 0 5px #888;z-index:9999;}
.header_top_right li.weixin .weixin_img p { font-size:12px;text-align:center;}
.header_top_right li.weixin:hover .weixin_img { display:block;}
.header_top_right li.weixin .weixin_img img {width:130px;}
/*.main {margin:auto;}*/
.top_title{ padding-right:2px;}
.tel{  font-size:20px;  font-weight:bold;  color:midnightblue;  margin-right:5px;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}  
#mmenu ul i{ color:#2E2B2B; margin-right:5px;}   


@media (min-width:1240px) and (max-width:1612px) {
  .header,.container { width:1240px;margin: 0 auto;}
  #topmenu a {  padding:0 5px;  color:#000;  }
  #topmenu ul li.active a {  color:#e5e5e5;  }
  #topmenu ul li ul li a { padding:2px !important; }
}

@media (min-width:992px) and (max-width:1239px) {
  .header,.container { width:992px;margin: 0 auto;}
  #topmenu {  margin-left:5px;  }/*width:53%;*/
  #topmenu ul li a {padding:0 8px;color:#000;}
  #topmenu ul li a:hover {color:#e5e5e5;}
  #topmenu ul li ul li a { padding:0 5px !important;}
  #topmenu ul li.active a { color:#e5e5e5;}
}
@media (min-width:768px) and (max-width:991px) {
  .header,.container { width:768px;margin: 0 auto;}
  .phone-nav {display:none; }
  #topmenu span {display:none;}
  
}
@media (min-width:768px) and (max-width:1110px) {
 #topmenu span,#topmenu i {display:none;}
 }
@media (min-width:1110px) and (max-width:1239px) {
	#topmenu i {display:none;}
}
  /*流程*/
.bigbox .bigm img:{  max-width: 100%;}
.bigbox .bigm img:nth-child(2) { display: none;}

  @media (max-width:767px) {
    #topmenu{display:none};   
   
    }
@media (min-width:641px) and (max-width:767px) {
 .phone-nav {
   position:fixed; right:6px;top: 20px;
   font-size:30px;
   line-height:60px;color:#00f;
   display:block;top:0;z-index: 99;
  }
  .header_top .tel{ font-size:18px;    color:midnightblue;  margin:0;   }
  .bigbox .bigm img:nth-child(1) {display: none;}
  .bigbox .bigm img:nth-child(2) {display:block;}
}
@media (max-width:640px) {
  .header,.container {width:100%;}
  .phone-nav {
    position:fixed; right:6px;top: 20px;
	font-size:30px;
    line-height:60px;color:#00f;
    display:block;top:0;z-index: 99;
  }
  .header_top .tel{ font-size:16px; }
  .top_title span{  font-size:16px; }
  .bigbox .bigm img:nth-child(1) {display: none;}
  .bigbox .bigm img:nth-child(2) {display:block;}
}
@media (max-width:500px) {
 .header_top .tel{ font-size:14px; }
  .top_title span{  font-size:14px; }

}

/*main menu*/
.header {/*主菜单mainmenu*/
  border-bottom:2px solid #e5e5e5;
  margin:10px auto;
 width:100%}
/*#topmenu {margin-left:1%;}*/
#topmenu{  width:74%;margin-left:3px; margin-top:10px;} 
#topmenu ul li {
  float:left;
  text-align: center;
  line-height:80px;
  position:relative;
  border-right:1px solid #e5e5e5;
  z-index:998;
}
#topmenu ul li a {
  /*padding:0 25px;*/
  color:#000;
  font-family:"微软雅黑";
  transition:all 0.3s;
  display:inline-block;
}
#topul ul {
  border:1px solid #e5e5e5;
  position:absolute;
  padding:0px 0;
  box-shadow:0 2px 2px #000;
  background:#fff;
  display: none;
}
#topul ul li { line-height:30px; border:0;}
#topul ul li a { padding:5px 10px !important;}

#topul li{  background-color:#6FC4F4;}
#topul li:hover { background-color:indigo; }
#topul>li:hover >a{ color:#FFF; font-weight:bold;} /*主菜单颜色*/
/*#topul>li:hover #topul>ul{ display: block;}*/
#topul ul a:hover { color:#FFF; font-weight:bold;}/*子菜单颜色*/
#topul,#topul ul,#topul  li,#topul a{ padding:0px;margin:0;text-align:center;width:100%;}
#topul>li {width:14.1%;}
#topul>li>a{ font-size:1.7rem !important;}
#topul a{ font-size:1.3rem !important;}
#topul i{ margin-right:2px;color: #fff !important;}
/*.search_tel{ margin-top:8px;}*/
.pptm{display:none;}
#topul{width: 98%; margin: 0 auto;background-color:#ccc}
@media (max-width:768px) {
   #shoucang, #search-div,#mb,#gw-wx,#topmenu,#shoucang{display:none}; 
  
  }  
 
.bigbox{ 
      width:93%;
      margin:10px auto;
      text-align:center;
      background:#f7f7f7;
      padding:2px 5px ;   
    }


  .flexcenter{
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
    padding: 10px 15px;
  }
  .flexcenter img{margin: 3px;}
@media (min-width:1023px) {
	 	.flexcenter{justify-content: space-around;} 
    }
/*标题*/
.title{  margin:10px;text-align:center;}
.title h3 {  font-size:28px;  color:#333;  display:inline-block; padding-bottom:13px;
  background:url(../images/blue-bg.png) repeat-x  left bottom;}
.title h4 span{margin-top: 14px;font-size: 18px;  color: #fff;
         background-color: #009788;border-radius: 12px;display: inline-block;
         padding: 6px 10px; line-height: 1.6;
         }
.zcb{position: relative;display: inline-block;}
.zcb span{
    display: none;
    position: absolute;
    width: 90%;
    margin: auto;left: 0; right: 0;/*水平居中*/
    bottom: 10px;
    font-size: 15px;
    color: #FFF;
    /* font-weight:bold; */
    z-index: 9;
    background: #009788;
    padding: 0.4em;
    border-radius: 10px;
    cursor: pointer;
  }
.zhucebz-m{display:none;text-align: center;}

  @keyframes ringing
{
    from  {transform:rotate(-10deg);}
    to  {transform:rotate(10deg);}
}
.img-ani{   animation: ringing 0.5s linear 0s 2 alternate;}

.title {margin: 15px;}

/* 底部 业务列表 */
.footlistbox{	width:100%;	background:#000 url(../images/footer-bg.png);}
.footlist{max-width:1200px;	width:96%;margin:10px auto;	padding:10px;	}
.footlist-head{height:30px;	width:104px;
	background:#6e6e6e url(../images/xsj.png) no-repeat 85px center;
	background-size:15px;	line-height:30px;	color:#fff;
	text-align:center;	padding-right:15px;
	font-size:1.7rem;	margin-bottom:20px;
}
.footlist table{width:96%; border:none;}
.footlist tr,.footlist th，.footlist td{	height:30px;}
.footlist th{	font-size:1.6rem;}
.footlist th a{	color:#fff;}
.footlist td {	width:50%;}
#bootlist-return{	margin-bottom:35px;}
@media (max-width:529px){
	#bootlist-return{margin:0;}
  .search_tel{padding-left: 0;}
  .header_top .main>div  {height:20px;  line-height:20px;}
}

/*foot bottom*/
.footbottom ul{ width:410px; height:20px;}
.footbottom ul li { width:100px;  float:left;}
.footbottom ul li a {
  display:inline-block;
  line-height:20px;
  color:#FFF;
  font-size:16px;
}
.footbottom_a1 span, .footbottom .banchuan {
  font-size:16px;  margin:10px auto;  color:#666;
}
.footbottom_a1 img{ margin:auto 5px;}
.bottomwx {text-align: right;padding-top: 56px;}
.main { width:100%; margin:auto;} 
.going{ width: 710px;margin: 10px auto; }


 @media (min-width: 768px) and (max-width: 992px){
  #topul ul li a { padding:5px 2px !important;}
}
@media (min-width:480px) and (max-width: 768px){
  .bottomwx {text-align:center;margin-bottom: 12px;} 
  .title {margin-top: 3px;}
  .bigbox{  margin:8px auto;}
}



.line-blue{margin:6px auto 0;width:100px;border-bottom:4px solid #00a1e7}
.line-gray{margin:0 auto;width:600px;border-bottom:2px solid #ccc}
.a-more{  
       display: block;
       width: 390px;
       height: 56px; 
       line-height: 56px;
       font-size: 20px;
       border-radius: 28px;   
       font-weight: bold;
       border: 2px solid #00f; 
       margin: 5px auto;
       color: #00f;
       -webkit-transition: all 0.2s linear;  -moz-transition:  all 0.2s linear;  transition:  all 0.2s linear;
    }
.ak .zcb a {
  display:block;margin:5px auto;width:90px;line-height:26px;border:solid 1px #ccc;
  font-size:12px;text-align:center;border-radius:26px;color:#666;}
.ak  .zcb a:hover { background-color: #004B92;color: #fff; }
.ak .zcb span{    bottom: 36px; }

@media (max-width:480px) {
     .bigbox{  width:99%; padding: 2px;text-align:center; margin: 2px auto;}  
     .flexcenter{padding: 0;}
     .a-more{  
       display: block;
       width: 340px;
       height: 46px; 
       line-height: 46px;
       font-size: 16px;
       border-radius: 23px;   
       font-weight: bold;      
    }
    .bottomwx {text-align:center;margin-bottom: 8px;} 
    .title h3 {  font-size:22px; }
    .imgk .zcb img{width: 160px!important;}

}
