@charset "utf-8";
/* CSS Document */


      .zhanwei{height: 35px;}
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
 

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
      .swiper-slide img{width: 300px; height: 205px;}


.focus img { }
.focus .shadow .title { width: 300px; height: 30px; padding-left: 30px; padding-top: 20px; }
.focus .shadow .title a { text-decoration: none; color: #fff; font-size: 12px; font-weight: bolder; overflow: hidden; }
.focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; }
.focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; }
.focus .fPic { position: absolute; left: 0px; top: 0px; width: 100%; }
.focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; }
.focus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 30px; line-height: 30px; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9;
display: block; text-align: left; }
.focus .shadow a { text-decoration: none; color: #fff; font-size: 12px; overflow: hidden; margin-left: 10px; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000 }
.focus .fcon img { display: block; width: 100%; height: 200px; }
.focus .fbg { bottom: 5px; right: 40px; position: absolute; height: 21px; text-align: center; z-index: 200; }
.focus .fbg div { margin: 4px auto 0; overflow: hidden; zoom: 1; height: 14px }
.focus .D1fBt a { position: relative; display: inline; width: 12px; height: 12px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.focus .D1fBt .current, .focus .D1fBt a:hover { background: #fc114a; }
.focus .D1fBt img { display: none }
.focus .D1fBt i { display: none; font-style: normal; }
.focus .prev, .focus .next { position: absolute; width: 40px; height: 74px; background: url(../images/focus_btn.png) no-repeat; }
.focus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 -74px; cursor: pointer; }
.focus .next { top: 50%; margin-top: -37px; right: 0; background-position: -40px -74px; cursor: pointer; }
.focus .prev:hover { background-position: 0 0; }
.focus .next:hover { background-position: -40px 0; }
.deploy-nav { background-image: url("/images/nav/menu.png"); background-position: 9px 8px; background-repeat: no-repeat; float: left; margin-left: 10px; margin-right: -45px; margin-top: 9px; }
.header-icon { display: inline-block; height: 26px; width: 36px; }
.page-title-small { color: #ffffff; font-size: 14px; font-weight: 700; padding-top: 15px; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
h1 { color: #444; font-family: "Lato", sans-serif; font-size: 18px; padding-bottom: 5px; }
.contact-icon { background-image: url("/images/nav/mail.png"); background-position: 9px 8px; background-repeat: no-repeat; height: 28px; position: absolute; right: 10px; top: 8px; width: 38px; }
.header-icon { display: inline-block; height: 26px; width: 36px; }
.mb_head { line-height: 40px; }
.mb_head ul { color: #fff; background: #00a7af; float: left; width: 100%; }
.mb_head ul a { color: #fff; padding: 10px 0px; }
.mb_head ul li {float: left;width: 20%;font-size: 15px;text-align: center;}
/*首页服务项目*/
.mb_server { float: left }
.mb_server li { width: 33%; float: left; text-align: center; line-height: 40px }
.mb_server li img { margin: 0px auto; display: table; width: 55%; }
.idx_banner { float: left; padding-top: 20px; width: 100%;}
.idx_banner dt { float: left; width: 58%; }
.idx_banner dd { float: right; width: 40%; }
.idx_banner img { width: 100%; }
/*box-163css*/
.box-163css { width: 100%; position: relative;margin-top: 20px; float: left; background: #fff; }
/*swipe*/
.swipe {padding-top: 20px;width: 100%;float: left;overflow: hidden;visibility: visible;position: relative;height: 260px;}
.box01_list { position: relative; -webkit-transition: left 600ms ease-out; width: 100%; left: 0; }
.li_list { width: 100%; position: relative; float: left; vertical-align: top; }
.li_list a { float: left; border-bottom: 1px dotted #ddd; background: url(/mobile/images/dot.jpg) left center no-repeat; padding-left: 10px; line-height: 40px; width: 90%; margin-left: 20px; height: 40px;float: left; overflow: hidden; }
.li_list2 { width: 100%; position: relative; float: left; vertical-align: top; }
.li_list2 a { float: left; border-bottom: 1px dotted #ddd; background: url(/mobile/images/dot.jpg) left center no-repeat; padding-left: 10px; line-height: 40px; width: 90%;height: 40px;float: left; overflow: hidden; }


/*pic_list*/
.pic_list { padding: 0 2%; width: 96%; float: left; margin-bottom: 15px; }
.pic_list img { float: left; width: 120px; }
.pic_list span { float: left; padding: 10px 0 0 2%; font-size: 16px; width: 50%; }
/*news_list*/
.news_list { width: 98%; padding: 0 1%; float: left; }
.news_list p { width: 100%; float: left; border-bottom: 1px solid #ddd; height: 30px; line-height: 30px; }
.news_list a { float: left; padding-left: 1%; font-size: 15px; }
.s_arrow { display: block; border-top: 2px solid #ccc; border-right: 2px solid #ccc; -webkit-transform: rotate(45deg); width: 6px; height: 6px; float: right; margin: 6px 10px 0 0; }
/*page*/
.page { text-align: left;/* background:#f3f3f3; */ height: 38px; line-height: 38px; width: 95%; margin-left: 2%; display: -webkit-box; border-bottom: 1px solid #00a7af; }
.page li { -webkit-box-flex: 1; font-size: 18px; display: block; color: #000; height: 38px; line-height: 38px; text-align: center; }
.page li a { color: #000; display: block; height: 38px; }
.page a.active { color: #fff;/* border-bottom:1px solid #c00; */ background: #00a7af; }
/*page*/
.list_page { text-align: left; background: #f3f3f3; height: 38px; line-height: 38px; width: 100%; display: -webkit-box; }
.list_page li { -webkit-box-flex: 1; font-size: 18px; display: block; color: #000; height: 38px; line-height: 38px; text-align: center; }
.list_page li a { color: #000; display: block; height: 38px; }
.list_page a.active { color: #f00; border-bottom: 1px solid #c00; }
.go_btn {margin: 6px auto 12px auto;height: 34px;width: 48%; background:none !important; text-align: center;line-height: 34px;font-size: 16px; display: table; color: #666; }
.go_btn em { font-style: normal; cursor: pointer; }
.slide { width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 999; overflow: hidden; height: 230px; }
.slide ul { width: 10000%; list-style-type: none; }
.next_btn { position: absolute; width: 25px; height: 26px; line-height: 26px; text-align: center; opacity: .5; vertical-align: middle; background: rgba(0, 0, 0); right: 5px; top: 50%; color: #fff; font-family: arial; font-size: 20px; font-weight: bold; display: inline-block; cursor: pointer; font-family: "宋体"; }
.prev_btn { position: absolute; width: 25px; height: 26px; line-height: 26px; text-align: center; opacity: .9; vertical-align: middle; background: rgba(0,0,0,.1); left: 5px; top: 50%; color: #fff; font-family: "宋体"; font-size: 20px; font-weight: bold; display: inline-block; cursor: pointer; }
.slide ul:after { content: ''; clear: both; display: block; }
.slide ul li { float: left; text-align: center; }
.slide ul li img { vertical-align: middle; width: 100%;height: 230px; }
.slide .circle_btn { position: absolute; bottom: 10px; text-align: center; left: 0; display: table; margin: 0 auto; width: 100%; }
.slide .circle_btn button { box-sizing: content-box; opacity: .8; outline: none; border: none; padding: 2px 18px; background: #fff; margin: 2px 5px; overflow: hidden; transition: all .6s; cursor: pointer; }
.slide .circle_btn button.active { background: #00a7af; }
.tijiao { margin: 5px; background: #eeeeee; margin-top: 20px; padding-bottom: 10px; float: left; width: 98%; }
.tijiao h6 { font-size: 16px; text-align: center; margin-bottom: 25px; border-bottom: 2px solid #00a7af; line-height: 40px; color: #00a7af; }
.tijiao li { line-height: 35px; margin-bottom: 15px; display: table; }
.tijiao li span { float: left; width: 20%; text-align: center; }
.tijiao li input { width: 70%; float: left; height: 28px; margin-top: 4px; }
.tijiao li { width: 100%; }
.logo { float: left; display: table; margin: 15px auto; width: 100%; }
.logo img { width: 100%; }
.foot_infot { margin-top: 15px; display: table; float: left; }
.foot_infot img { width: 100%; }
.mb_nav { line-height: 30px; margin-left: 5px; padding-left: 25px; border-bottom: 1px solid #ddd; background: url(/mobile/images/home.png) left 4px no-repeat; background-size: 20px auto; margin-top: 5px; padding-bottom: 5px; width: 98%; float: left; }
.biaodian_but {width: 100%;text-align: center;margin: 0px auto;display: table;}
.biaodian_but .coolbg {background: #00a7af;color: #fff;line-height: 30px;padding: 2px 15px;border: 0px;border-radius: 12px;width: 90px;;overflow:  hidden;}
.biaodian_tel { width: 95%; text-align: center; background: #fff;border-radius: 15px; padding: 5px 0px; margin: 15px auto 0px auto; }
.biaodian_tel img { width: 60%; }
.mb_foot_2 { text-align: center; background: #333; color: #fff; font-size: 12px;line-height:20px; padding:8px 0px; float: left; width: 100%;padding: 0 0 100px 0; }
.mb_foot_2 a{color: #fff;}
.info { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; font-size: 14px; }
.list_title {border-bottom: 1px solid #00a7af;margin-top: 20px;margin-left: 15px;float:  left;width: 100%;}
.list_title b { color: #fff; background: #00a7af; padding: 5px 10px; font-size: 16px; display: table; }
.list_news { padding: 15px; float: left; }
.list_news li { float: left; border-bottom: 1px dotted #ddd; background: url(/mobile/images/dot.jpg) left center no-repeat; padding-left: 10px; line-height: 40px; width: 95%;float: left; }

.keshe { width: 95%; float: left; margin-left: 2%; display: table; margin-top: 20px; }
.keshe dt { float: left; color: #fff; width: 100%; border-bottom: 1px solid #00a7af; }
.keshe dt b { background: #00a7af; float: left; padding: 3px 10px; }
.keshe dd { float: left; padding: 0 0 100px 0}
.keshe dd a { float: left; padding: 5px 20px; line-height: 35px; }
.mb_zhuanjialist { margin-bottom: 20px;float: left; padding-bottom: 20px; width: 100%; display: table; }
.mb_zhuanjialist dt { float: left; width: 35%; }
.mb_zhuanjialist dt img { width: 100% }
.mb_zhuanjialist dd b { font-size: 18px; margin-right: 15px; }
.mb_zhuanjialist dd span { }
.mb_zhuanjialist p {margin-bottom: 10px;float: right;width: 100%;font-size: 14px;text-align: left;margin-top: 12px;}
.mb_zhuanjialist dd { float: right; width: 60%; display: table; font-size: 18px; text-align: left; color: #333; }
.mb_zhuanjialist dd .yuyue { background: #00a7af; float: left; margin-left: 20px; padding: 3px 20px; border-radius: 10px; color: #fff; }
.mb_zhuanjialist dd .xinagxi { background: #bda179; float: left; margin-left: 20px; padding: 3px 20px; border-radius: 10px; color: #fff }

.mb_zhuanjiaidx { margin-bottom: 20px;float: left; padding-bottom: 20px; width: 100%; display: table; }
.mb_zhuanjiaidx dt {float: left;width: 35%;height: 195px;}
.mb_zhuanjiaidx dt img { width: 100% }
.mb_zhuanjiaidx dd b { font-size: 18px; margin-right: 15px; }
.mb_zhuanjiaidx dd span { }
.mb_zhuanjiaidx p { margin-bottom: 10px; float: right; width: 60%; font-size: 14px; text-align: left; margin-top: 12px; }
.mb_zhuanjiaidx dd { float: right; width: 60%; display: table; font-size: 18px; text-align: left; color: #333; }
.mb_zhuanjiaidx dd .yuyue { background: #00a7af; float: left; margin-left: 20px; padding: 3px 20px; border-radius: 10px; color: #fff; }
.mb_zhuanjiaidx dd .xinagxi { background: #bda179; float: left; margin-left: 20px; padding: 3px 20px; border-radius: 10px; color: #fff }


.zhuanjiacon { padding: 4%; display: table; }
.zhuanjiacon strong { color: #00a7af }
.idx_tit { line-height: 30px; margin-bottom: 20px; float: left; width: 100%; display: table; }
.idx_tit span { border-left: 3px solid #00a7af; height: 35px; line-height: 35px; float: left; font-size: 16px; text-indent: 15px; }
.idx_tit em { float: right; font-weight: normal; font-size: 14px; }
.but { width: 100%;/* float: right; */ text-align: center; margin: 0px auto; }
.but .yuyue {background: #00a7af;float: left;margin-left: 20px;padding: 5px 25px;border-radius: 10px;color: #fff;font-size: 1rem;}
.but .xinagxi { background: #bda179; float: left; margin-left: 20px; padding: 5px 25px; border-radius: 10px; color: #fff; }
.search-idx { width: 100%; float: left; background: #eeeeee; }
.mb_form {width: 100%;padding: 10px 0px;float: left;}
.mb_form infput { }
.mb_form .search-submit { width: 30px; height: 30px; background: url(/mobile/images/fangdajing.png) left center no-repeat; float: left; border: none; background-size: 100% auto; margin-left: 10px; }
.mb_form .search-keyword {width: 75%;height: 30px;border-radius: 10px;border: none;border: 1px solid #ddd;float: left;text-align: center;color: #666;margin-left: 20px;}
.zhuajia_fenlei{width:100%;float:  left;/* margin-top: 10px; */border-bottom: 1px solid #ddd;}
.zhuajia_fenlei select{
    width: 40%;
    border: none;
    line-height: 30px;
    height: 30px;
}
.mb_zj{
    padding:  10px;
    float: left;
}
.mb_zj .ks{    background:  #00a7af; color:  #fff; padding: 3px 10px;}
.clearfix{
    width:  100%;
    display: table;
    float: left;
}
.clearfix li{
    float:  left;
    display:  table;
    /*margin-bottom: 20px;*/
    width: 100%;
}
.clearfix li ul{
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
    width: 100%;
    float: left;
    padding-top: 20px;
}
.clearfix ul{    float: left; }
.zja{
    line-height:  30px;
    width: 25%;
    float: left;
    text-align: center;
}



.toolMenu{background-color:#00a7af;}
.toolBut strong{color:#fff;}
.toolBut a{float: left;text-align: center;width:20%;}
.toolMenuBg{height:60px; display:block; width:100%;}
/**toolMenu**/
.toolMenu{height:60px; position:fixed;  bottom:0px; left:0px; width:100%; z-index:9999; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+440));}
.backTop{width:45px; height:45px; position:fixed;z-index:100; right:2px; bottom:60px; overflow:hidden; border-radius:5px;  border-width:1px; border-style:solid; border-color:#aaa; cursor:pointer; background-color:#aaa; opacity:0.6; display:none;}
.backTop em{display:block; width:0px; height:0px; overflow:hidden; position:absolute; top:-2px; left:6px; border-width:16px; border-style:dashed dashed solid dashed; border-color:transparent transparent #ccc;}
.toolBut{}
.toolBut li{float:left; width:20%; position:relative; overflow: hidden;list-style: none}
.toolBut li i{display:none;}
.toolBut li a{display:block; width:100%; text-align:center;}

.toolBut .icon{display:block; width:100%; text-align:center; height:20px;padding:8px 0;}
.toolBut .icon2{display:block; width:100%; text-align:center; height:100px;padding:0;}
.toolBut a.icon1 {width: 20%}
.toolBut .icon1 img{ width:20px; height:20px; padding-top:1px;}
.toolBut .icon2 img{ width:100px; height:100px; padding:0;position: fixed;right: 40%;bottom: 5px;}

.toolBut strong{font:100 14px/18px "microsoft yahei"; display:block; padding:12px 0 0 0}
#toolShoppingCar i{display:block;background-color:#c00; color:#fff; position:absolute; right:10%; top:1px; width:20px; height:20px; border-radius:10px; font:normal 700 11px/20px arial; text-align:center;}
.fixedShopCar{position:fixed; width:35px; height:35px; background-color:rgba(90,90,90,0); right:15px; bottom:60px; text-align:center; z-index:90; border-radius:7px;}
.fixedShopCar b,.fixedShopCar i{position:absolute;}
.fixedShopCar b{left:0; top:0; width:100%}
.fixedShopCar b img{width:100%; height:100%;}
.fixedShopCar i{display:block;background-color:#c00; color:#fff; position:absolute; right:-5px; top:-5px; width:20px; height:20px; border-radius:10px; font:normal 700 11px/20px arial; text-align:center;}
/*--banner style--*/