@charset "utf-8";

/*----------------------------------------------------------------------------头部导航----------------------------------------------------------------------------*/
.nav-header .nav-icon-line, .nav-header .nav-icon:after, .nav-header .nav-icon:before, .nav-menu-container .nav-icon-line, .nav-menu-container .nav-icon:after, .nav-menu-container .nav-icon:before { height: 2px; background-color: #999; -webkit-transform: rotate(0deg); transform: rotate(0deg); border-radius: 2px; opacity: 1; }
.nav-header .nav-icon-line, .nav-menu-container .nav-icon-line { position: absolute; top: 8px; }
.nav-header .nav-icon:before, .nav-menu-container .nav-icon:before { content: ""; position: absolute; top: 0; }
.nav-header .nav-icon:after, .nav-menu-container .nav-icon:after { content: ""; position: absolute; top: 16px; }
.nav-header.open .nav-icon-line, .nav-menu-container.open .nav-icon-line { opacity: 0; }
.nav-header.open .nav-icon:before, .nav-menu-container.open .nav-icon:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 8px; }
.nav-header.open .nav-icon:after, .nav-menu-container.open .nav-icon:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 8px; }
.nav-header { background-color: #fff; height: 60px; padding: 10px 15px; box-sizing: border-box; width: 100%; z-index: 998; overflow: hidden; position: absolute; top: 0; }
.nav-header a {display:inline-block;}
.nav-header .logo { display: inline-block; width:208px; height: 40px; background: url("../images/logo.png") no-repeat; background-size:208px 40px; }
.nav-header .nav-icon-line, .nav-header .nav-icon:after, .nav-header .nav-icon:before { width: 24px; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.nav-header.open .nav-icon-line, .nav-header.open .nav-icon:after, .nav-header.open .nav-icon:before { -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.nav-header .nav-icon {  position: absolute; margin-right: 15px; display: inline-block; width: 24px; height: 20px; right: 0; top: 20px; z-index: 1010; }
.nav-header.fixed { position: fixed; top: 0; border-bottom:1px solid #f1f1f1;}
.nav-menu-container .nav-menu { background-color: #fff; position: fixed; top: 0; right: -230px; overflow: hidden; z-index: 1005; height: 100%; width: 230px; padding-left: 30px; box-sizing: border-box; -webkit-transition: right .25s ease-in-out; transition: right .25s ease-in-out; }
.nav-menu-container .nav-menu .nav-list-container { height: 100%; overflow-y: scroll; }
.nav-menu-container .nav-menu .nav-list { padding-top: 65px; }
.nav-menu-container .nav-menu .nav-item { line-height: 45px; font-size: 1.6rem;  color: #333; }
.nav-menu-container .nav-menu .nav-subitem { line-height: 38px;font-size: 1.4rem; color: #666; margin-left: 16px; line-height:240%; }
.nav-menu-container .nav-menu .item-icon { margin: 0 auto 20px; display: block; width: 36px; height: 36px; background-color: #000; }
.nav-menu-container .nav-menu .nav-logo { visibility: hidden; position: absolute; background-color: #fff; width: 180px; box-sizing: border-box; padding: 15px 0 15px 0; -webkit-transition: .6s ease-in-out .1s; transition: .6s ease-in-out .1s }
.nav-menu-container .nav-menu .nav-logo:after { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: left top; transform-origin: left top; pointer-events: none; border-bottom: 1px solid #f1f1f1; }
.nav-menu-container .nav-menu .logo-m { display: block;  height: 30px; font-size:2rem; color:#1088d5; font-weight:bold;}
.nav-menu-container .nav-icon { visibility: hidden; width: 18px; height: 18px; position: absolute; top: 18px; right: 0; z-index: 1010; -webkit-transition-delay: .5s; transition-delay: .5s; }
.nav-menu-container .nav-icon-line, .nav-menu-container .nav-icon:after, .nav-menu-container .nav-icon:before { width: 18px; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.nav-menu-container .nav-bg { display: none; background-color: rgba(0,0,0,.7); position: fixed; left: 0; top: 0; width: 100%; height: 2000px; z-index: 1002; }
.nav-menu-container.open .nav-icon { visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; }
.nav-menu-container.open .nav-logo { visibility: visible; }
.nav-menu-container.open .nav-menu { right: 0; }
.nav-menu-container.open .nav-bg { display: block; }

/*----------------------------------------------------------------------------首页幻灯片----------------------------------------------------------------------------*/
.swiper-container { width: 100%; position: relative; }
.swiper-container .bg { width: 100%;vertical-align: bottom; }
.swiper-pagination { text-align: center; position: absolute; bottom: 12px!important; z-index: 99; }
.swiper-container .swiper-wrapper .swiper-slide .ip { position: absolute; z-index: 9; color:#fff; font-size:1.4rem;}
.ip p { line-height:180%;}
.ip p.title { font-size:1.8rem; font-weight:bold; line-height:240%;}
.ip a { padding:5px 20px; display:inline-block; border:1px solid rgba(255, 255, 255, .3); color:#fff; border-radius:2px; margin-top:12%; }
.a-1 { width: 60%; left: 15px;  top: 24%; }
.a-2 { width: 52%; right: 0; top: 10%; }
.b-1 { width: 60%; left: 15px;  top: 30%; }
.b-2 { width: 52%; right: 0; top: 25%; }
.na-1 {width:90%; top:9%; left:5%;}
.na-2 {width:90%; top:32%; left:5%;}
.nb-1 {width: 52%; right:15px; top: 32%;}
.c-1 { width: 60%; left: 15px;  top: 32%; }
.c-2 { width: 52%; right: 0; top: 18%; }
.nc-1 {top:12%; text-align:center;width:100%;}
.nc-1 p { width:100%; text-align:center; }
.nc-1 p.title {color:#feff85; line-height:180%;}
.nc-2 { width:90%; left:5%; top:40%;}

.nd-1 {top:18%; text-align:center;width:100%;}
.nd-1 p { width:100%; text-align:center; }
.nd-1 p.title {color:#feff85; line-height:180%;}
.nd-2 { width:90%; left:5%; top:50%;}

.sbtn { position:absolute; width:100%; bottom:50px; z-index: 999; text-align:center; text-align:center;}
.sbtn a { width:160px; height:36px; display:inline-block; line-height:36px;  background:#1088d5; text-align:center; color:#fff; margin:0 auto; border-radius:4px;font-size:1.6rem;  transition: all 0.3s linear; }
.alii {position:absolute; width:100%;  text-align:center; bottom:100px; z-index: 99; }
.alii a { color:#fff; font-size:1.4rem;font-weight:bold; width:100px; height:32px; line-height:32px; border:2px solid #fff; border-radius:100px; margin:5px; display:inline-block;  }
.alii a:hover { color:#0172d2; background:#fff;}


@media (max-width: 375px){ .na-1 {width:90%; top:8%; left:5%;} .sbtn {bottom:40px; } .alii {bottom:90px;}}

#container {width:100%;  overflow: hidden;position: absolute;left: 0; right: 0;bottom: 0;top: 0; margin: auto;}
.ma1 {width:90%; top:15%; left:5%;}
.ma2 {width:90%; top:42%; left:5%;}
.ma3 {width:90%; top:66%; left:5%;}

.mb1 {width:45%; top:30%; right:5%;}
.mtxt {left:5%; top:32%; color:#fff; width:40%;}
.mtxt h1 {font-size:18px; margin-bottom:15px;}
.mtxt p { font-size:16px;line-height:180%;}

.mc1 {width:50%; top:30%; right:0;}

.md1 {width:45%; top:30%; left:5%;}
.mtxt2 {right:5%; top:32%; color:#fff; width:40%;}
.mtxt2 h1 {font-size:18px; margin-bottom:15px;}
.mtxt2 p { font-size:16px;line-height:180%;}

.me1 {width:90%; top:15%; left:10%;}
.mtxt3 { top:10%; color:#fff; width:100%; text-align:center;}
.mtxt3 h1 {font-size:18px; }
.mtxt3 p {line-height:280%;}
.mul {width:96%; left:2%; top:32%;}
.mul ul li { float:left; width:29.3%; margin:0 2%; height:36px; line-height:36px; border-radius:4px; background:rgba(0,0,0,0.2); text-align:center; margin-bottom:10px;}
.mul ul li i { font-size:18px; padding-right:5px;}
.mul ul li i.icon-renliziyuan { font-size:14px;}
.mul ul li span { font-size:14px;}

/*----------------------------------------------------------------------------首页内容----------------------------------------------------------------------------*/
.i-box {width:100%; background:#f6f6f6; padding:0;}
/*.i-box-c ul a{ width:50%; height:220px; display:block; float:left; transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.i-box-c ul li {  width:100%; height:100%; text-align:center;}
.i-box-c ul li img {margin-top:30px; width:20%;}
.i-box-c ul li h1 {font-size:16px; color:#333;font-weight:bold;line-height:300%;}
.i-box-c ul li p {padding:0 20px; text-align:left; color:#666;}*/

.yxbox {width:100%; background:#eee; padding:30px 0;}
.yxbox ul li { width:calc(100% - 30px); height:80px; overflow:hidden; border-radius:4px; background:#fff; box-shadow: 0px 2px 20px 0px rgba(88, 192, 159, 0.2); margin:0 auto; margin-bottom:20px;}
.yxbox ul li:last-child {margin-bottom:0;}
.yxbox ul li .yxcolor { width:100px; height:80px; color:#fff; text-align:center;border-top-left-radius:4px; border-bottom-left-radius:4px; }
.yxbox ul li .yxcolor i { font-size:32px; display:inline-block; margin-top:10px; color:#fff; }
.yxbox ul li .yxcolor i.icon-renliziyuan { font-size:30px;}
.yxbox ul li .yxcolor p { font-weight:bold; line-height:180%;  color:#fff; text-align:center;}
.yxbox .yxc1 { background: linear-gradient(#ffa459 , #ff7300); }
.yxbox .yxc2 { background: linear-gradient(#6eabff , #368aff); }
.yxbox .yxc3 { background: linear-gradient(#62dbb4 , #56bb97); }
.yxbox .yxc4 { background: linear-gradient(#ff8686 , #ff5353); }
.yxbox ul li .txt { width:calc(100% - 130px); padding:15px; position:relative; }
.yxbox ul li .txt p { line-height:200%; text-align:left; color:#666;}
.yxbox ul li .txt a { position:absolute; right:15px; bottom:5px; width:80px; height:30px; line-height:30px; border:1px solid #ddd; display:inline-block; text-align:center; color:#999; }
.yxbox ul li .txt a:hover { border:1px solid #1088d5; background:#1088d5; color:#fff; }
.yxbox ul li .txt span {position:absolute; right:10px; bottom:12px; width:20px; height:20px; line-height:20px; border:1px solid #ddd; border-radius:4px; display:inline-block; text-align:center; color:#999; font-size:0.8rem; }

.index-box {width:100%; background:#fff;}
.index-title {padding:40px 15px 30px 15px; text-align:center; }
.index-title h1 {font-size:1.8rem; color:#333; font-weight:normal;}
.index-title p { color:#999; line-height:240%;}
.index-ser {padding:0 15px; }
.index-ser ul li {width:100%;  float:left; padding:15px 0; border-bottom:1px solid #f1f1f1; }
.index-ser ul a:first-child li {padding-top:0;}
.index-ser ul li .ser-ico {width:50px; height:50px; border-radius:4px;}
.index-ser ul li .ser-ico1 { background:#009ee6; }
.index-ser ul li .ser-ico2 { background:#44bb00; }
.index-ser ul li .ser-ico3 { background:#ff6262; }
.index-ser ul li .ser-ico4 { background:#1088d5; }
.index-ser ul li .ser-txt { padding:0 0 0 15px; height:50px; border-radius:4px;}
.index-ser ul li .ser-txt i { font-style:normal; color:#333; font-size:1.6rem; display:block;}
.index-ser ul li .ser-txt span { color:#999;  line-height:220%; }
.index-func {width:100%;padding-bottom:20px;}
.index-func ul li { float:left; width:25%; text-align:center; padding-bottom:20px;}
.index-func ul li p { line-height:150%; color:#999;}
.ad-box {  /*background:url(../images/ad_bg.jpg) center top no-repeat;*/ background:#333; }
.index-title-ad {padding:30px 15px; text-align:center; }
.index-title-ad h1 {font-size:1.8rem; color:#fff; font-weight:normal;}
.index-title-ad p { color:#999; line-height:240%;}
.index-ad {margin-top:-5px;}
.ad-num ul {width:100%; text-align:center;}
.ad-num ul li { text-align:center;  width:25%; float:left;}
.ad-num ul li h1 { color:#fff; font-size:2.4rem; font-weight:normal;} 
.ad-num ul li p { color:#999;}
.index-ad-list {padding:0 15px;}
.index-ad-list ul { padding:20px 0 40px 0; }
.index-ad-list ul li { border-bottom:1px dotted #666; padding:10px 0;}
.index-ad-list ul li p.l { font-size:1.4rem; color:#fff; width:100%;}
.index-ad-list ul li p.r { color:#999;  width:100%; line-height:200%; font-size:1.2rem; padding-top:6px;}
.case-box { width: 100%;  }
.index-case { padding:0 15px 25px 15px; overflow:hidden; position:relative; }
.swiper-case { width: 100%; }
.swiper-case .swiper-slide {  background: #fff; }  
.swiper-case .swiper-slide img {width:100%;}
.swiper-case .swiper-slide h1 { font-weight:normal; font-size:1.4rem; color:#333; padding:5px 10px 0 10px;}
.swiper-case .swiper-slide p { font-size:1.3rem; color:#999; padding:5px 10px 10px 10px; line-height:180%;}
.case-box .swiper-container-horizontal>.swiper-scrollbar { bottom:0!important;}
.inews-ul { padding:0 0 20px 0; }
.inews-ul li { padding:0 15px; margin-bottom:15px; }
.inews-ul li.nn { background:#fff;}
.inews-ul li span { font-size:2rem; color:#999; font-family:'HelveticaNeue96c2fee4317f0e';}
.inews-ul li h1 { color:#505050; font-weight:normal; font-size:1.5rem; margin:2px 0 6px 0; line-height:160%;}
.inews-ul li p { color:#999; font-size:1.2rem; line-height:180%; padding-bottom:15px; border-bottom:1px solid #eee; }



/*----------------------------------------------------------------------------页脚----------------------------------------------------------------------------*/
.footer { background:#fff; position: relative; margin-top:30px; }
.footer:before { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%;  border-top: 1px solid #f1f1f1; }
.footer .footer-nav-container { padding: 10px 15px;  }
.footer .footer-nav-container h2 { padding-top: 15px; font-size: 1.4rem; color: #333;  text-align: left; font-weight:normal;}
.footer .footer-nav-container h3 { padding: 30px 0 10px 0; font-size: 1.4rem; color: #333;  text-align: left; font-weight:normal;}
.footer .footer-nav-container .footer-nav { padding-top:5px; text-align: left; }
.footer .footer-nav-container .footer-nav li {  float: left; width:25%; }
.footer .footer-nav-container .footer-nav li a {  color: #999; line-height: 220%;  }
.footer .section-contact p { color: #999;  text-align: left;  }
.footer .section-contact .text { float: left; text-align: left; width: 70%; position: relative ;}
.footer .section-contact .text-tel { display: inline-block;  color: #1088d5; text-align: left; font-family:Arial; font-size:1.4rem; }
.footer .section-contact .text-available-hours { display: inline; position: absolute; min-width: 142px; color: #999; font-size: 12px; text-align: left; line-height: 22px; padding-left: 6px }
.footer .section-contact .qrcode { padding-top: 20px; float: left; width: 30% }
.footer .section-contact .qrcode p { padding-top: 5px;  text-align: center; font-size:1.3rem; }
.footer .section-contact .qrcode-img { width: 78px; height: 78px; margin: auto; display: block;  border:1px solid #f1f1f1;  }
.footer .copyright-container { width: 100%;  position: relative;  margin-top:10px;}
.footer .copyright-container:before { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: left top; transform-origin: left top; pointer-events: none; border-top: 1px solid #f1f1f1 }
.footer .copyright-container .copyright-text { padding: 6px 15px 6px 15px;  line-height: 200%; color: #999; font-family:Arial; border-top:1px solid #f1f1f1;  }
.section-contact { border-top:1px solid #f1f1f1;  margin-top:20px; }
.footer .copyright-container .copyright-text  a { color:#999;}



/*----------------------------------------------------------------------------关于旺铺猫----------------------------------------------------------------------------*/
.ban-about {width:100%; position:relative;background:#fff; }
.ban-about img {width:100%;  }
.ban-about h1 { padding:0 15px; position:absolute; top:25%; z-index:9; font-size:1.6rem; color:#fff; }
.ban-about h1 span {color:#e0db65; font-size:2rem;}
.ban-about p { padding:0 15px; position:absolute; top:45%; z-index:9;  font-size:1.2rem; color:#fff;}
.sub-nav-c {padding:0 25px; position:relative; border-bottom:1px solid #f1f1f1; overflow:hidden; background:#fff;}
.sub-nav { position: relative;  }
.sub-nav .swiper-wrapper { width:100%;   }
.sub-nav .swiper-slide { width: auto; line-height: 40px; }
.sub-nav .swiper-slide a { color: #666; height:40px; line-height: 37px; display: block; text-align:center; font-size:1.4rem;  }
.sub-nav .swiper-slide a.active { border-bottom:2px solid #1088d5; color:#1088d5;  box-sizing:border-box;}
.about-cur { padding-top:60px!important;}
.sub-nav-c i { color: #999; font-size: 1.8rem; width:20px;  height:40px; line-height:40px; display:inline-block;}
.sub-nav-c .swiper-prev { position: absolute; z-index: 99; left: 0; top: 0;  padding-left:5px; background:#fff;   }
.sub-nav-c .swiper-next { position: absolute; z-index: 99; right: 0; top: 0;  padding-right:5px;background:#fff;   }
.com-cont { padding:20px 15px; background:#fff; border-bottom:1px solid #f1f1f1;}
.com-cont p { margin-bottom:8px;}
.info a { color:#1088d5;}

/*----------------------------------------------------------------------------案例列表----------------------------------------------------------------------------*/
.ban-case {width:100%; height:200px; position:relative; overflow:hidden;}
.swiper-caselist { width: 100%;  height:100%;  }
.swiper-caselist .swiper-slide { text-align: center; 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;  overflow:hidden; }
.swiper-caselist .swiper-slide .bg  { width:100%; height:200px; text-align:center; position:relative; }
.swiper-caselist .swiper-slide .bg h1 {font-size:1.4rem; font-weight:normal; color:#fff; margin:5% 0; text-align:center;}
.swiper-caselist .swiper-slide .bg .qrcode {width:20%; margin:2% 0 0 8%; display:none;}
.swiper-caselist .swiper-slide .bg .qrcode img {width:100%;border:1px solid #fff;}
.swiper-caselist .swiper-slide .bg img.img { height:146px; }
.swiper-caselist .swiper-slide .bg p {font-size:1.2rem; font-weight:normal; color:#fff; margin:0 0 0 8%;}
.swiper-caselist .swiper-pagination-bullet {border:none; background:#000;  opacity:0.3;}
.swiper-caselist .swiper-pagination-bullet-active { opacity: 0.6;}
.swiper-caselist>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
.swiper-caselist .swiper-pagination {bottom: 4px!important; }
.case-list { width: 100%; }
.case-list .swiper-slide {  background: #fff;  width:48%; float:left; margin-bottom:15px;}  
.case-list .fr {float:right;}
.case-list .swiper-slide img {width:100%; height:100px;}
.case-list .swiper-slide h1 { font-weight:normal; font-size:1.4rem; color:#333; padding:5px 10px 0 10px;}
.case-list .swiper-slide p { font-size:1.3rem; color:#999; padding:5px 10px; line-height:180%;}


/*----------------------------------------------------------------------------案例详细----------------------------------------------------------------------------*/
.case-focus .focus_img {  width: 100%; padding-top:20px; overflow: hidden; position:relative;  }
.case-focus .focus_img img { width:100%; vertical-align: bottom; }
.case-desc { line-height: 200%;  font-size: 1.3rem; color: #666;   }
.case-desc .title { padding-bottom:8px;  }
.case-desc .title h1 {font-size:1.6rem; font-weight:normal;}
.case-desc .title p { color:#999;}
.case-desc .cd_ser { padding-top:8px; padding-bottom:10px;  border-top: 1px solid #ececec;}
.case-desc .cd_ser h1 {font-size:1.4rem; font-weight:normal;}
.case-desc .cd_ser p { color:#999;}
.case-desc .cd_info { padding-top:8px; border-top: 1px solid #f1f1f1;}
.case-desc .cd_info h1 {font-size:1.4rem; font-weight:normal;}
.case-desc .cd_info p { color:#999;}
.wlink { height: 40px; width: 100%; line-height: 40px; text-align: center; color: #fff!important; background-color: #1088d5; display: block; margin:20px 0 30px 0;}
.wlink span {color:#fff; font-size:1.4rem;}
.submit-need { width:48%; float:right;   text-align:center; }
.submit-need a { height: 36px; width: 100%; line-height: 36px; text-align: center; color: #fff; background-color: #1088d5; display: block; font-size:1.3rem;}
.case-img {width:100%; overflow:hidden;}
.case-img img {width:205%; float:left;}
.case-img2 {width:100%; overflow:hidden; margin:20px 0 10px 0;}
.case-img2 img {width:204%; float:right;}


/*----------------------------------------------------------------------------资讯列表----------------------------------------------------------------------------*/
.sub-nav-n {width:100%; position:fixed; border-bottom:1px solid #f1f1f1; background:#fff; overflow:hidden; z-index:9;}
.sub-nav-nl { position: relative;  }
.sub-nav-nl .swiper-wrapper { width:100%;   }
.sub-nav-nl .swiper-slide { width: auto; line-height: 40px; }
.sub-nav-nl .swiper-slide a { color: #666; height:40px; line-height: 40px; display: block; text-align:center; font-size:1.4rem;  }
.sub-nav-nl .swiper-slide a.active { border-bottom:2px solid #1088d5; color:#1088d5;  box-sizing:border-box;}
.news-ul { padding:40px 0 20px 0;}
.news-ul li { padding:20px 15px; }
.news-ul li.nn { background:#fff;}
.news-ul li span { font-size:2rem; color:#999; font-family:'HelveticaNeue96c2fee4317f0e';}
.news-ul li h1 { color:#666; font-weight:normal; font-size:1.4rem; margin:2px 0 6px 0; line-height:160%;}
.news-ul li p { color:#999; font-size:1.2rem; line-height:180%;}


/*----------------------------------------------------------------------------资讯详细----------------------------------------------------------------------------*/
.news-detail {padding:50px 15px 20px 15px; background:#fff; border-bottom:1px solid #f1f1f1;}
.news-detail .title { padding:25px 0 5px 0; border-bottom:1px solid #f1f1f1;}
.news-detail .title h1 { font-weight:normal;  font-size:1.5rem; line-height:180%; }
.news-detail .title p {  color:#999; line-height:300%;}
.news-detail  .info {padding:20px 0;}
.news-detail  .info p {margin-bottom:8px; color:#999;}
.news-detail .info img { max-width:100%;}
.next-previous  { color:#333; padding-top:15px; border-top:1px solid #f1f1f1;}
.next-previous p { line-height:220%; }
.next-previous a { color:#666;}


/*----------------------------------------------------------------------------服务市场列表----------------------------------------------------------------------------*/
.ban-market {width:100%; position:relative; background:#fff;}
.ban-market img {width:100%; }
.ban-market h1 { padding:0 15px; position:absolute; top:22%; z-index:9; font-size:1.6rem; color:#fff; font-weight:normal;}
.ban-market h1 span {color:#e0db65; font-size:2rem;}
.ban-market p { padding:0 15px; position:absolute; top:45%; z-index:9;  font-size:1.2rem; color:#fff;}
.sub-nav-m {width:100%; border-bottom:1px solid #f1f1f1; background:#fff; overflow:hidden;}
.fixed-style { position:fixed;  top:60px; width:100%; z-index:9;}
.sub-nav-mk { position: relative;  }
.sub-nav-mk .swiper-wrapper { width:100%;   }
.sub-nav-mk .swiper-slide { width: auto; line-height: 40px; }
.sub-nav-mk .swiper-slide a { color: #666; height:40px; line-height: 40px; display: block; text-align:center; font-size:1.4rem;  }
.sub-nav-mk .swiper-slide a.active { border-bottom:2px solid #1088d5; color:#1088d5;  box-sizing:border-box;}
.mk-list {padding:0 0 20px 0;}
.mk-list li { float:left; width:calc(100% - 30px); padding:2rem 15px 1rem 15px; }
.mk-list li.cur { padding-top:60px;}
.mk-list li.nn { background:#fff;}
.mk-list li a {display:inline-block; width:100%;}
.mk-list li p.img { float:left; width:18%;}
.mk-list li p.img img {width:100%; -webkit-border-radius: 4px; border-radius: 4px;}
.mk-list li p.txt { float:right; width:78%;  line-height:100%;}
.mk-list li p.txt b {display:block; font-weight:normal; line-height:130%; font-size:1.4rem; padding-bottom:0.5rem; color:#666;}
.mk-list li p.txt span {font-size:1.2rem; color:#999; line-height:180%; }


/*----------------------------------------------------------------------------服务市场详细----------------------------------------------------------------------------*/
.sub-nav-m-fixed {width:100%; border-bottom:1px solid #f1f1f1; background:#fff; overflow:hidden; position:fixed; top:60px; z-index:9;}
.mk-detail {padding:40px 0 0 0;}
.mk-content { background:#fff; border-bottom:1px solid #f1f1f1;}
.mk-top {background:#f6f6f6; padding:20px 15px; border-top:20px solid #fff;}
.img-mck {width:30%; }
.img-mck img {width:100%;  -webkit-border-radius: 6px; border-radius: 6px;}
.mk-txt {width:64%; }
.mk-txt h1 {font-size:1.6rem; font-weight:normal; padding-top:0.5rem;}
.mk-txt p.intro { padding: 1rem 0 0 0;  color:#999; line-height:180%; }
.mk-bot {width:100%; position:relative;  }
.mk-desc .txt {position:absolute; right:15px; top:15px; font-size:1.2rem; color:#999; display:none; }
.mk-desc .txt b { color:#1088d5; padding:4px; }
.mk-desc { width: 100%;  text-align: left; padding-top:5px; }
.mk-desc .hd { height: 40px; line-height:40px;  border-bottom: 1px solid #f1f1f1;  font-size:1.4rem; }
.mk-desc .hd ul li { float: left;  width:22.3%; text-align:center;  }
.mk-desc .hd ul li.on { height: 38px; line-height:36px; border-bottom: 2px solid #1088d5;}
.mk-desc .mk-desc-cc { padding:15px;}
.mk-desc .mk-desc-cc img {max-width:100%;}
.mk-desc .mk-desc-cc p {margin-bottom:8px; }

/*----------------------------------------------------------------------------页数----------------------------------------------------------------------------*/
.page { margin:0 auto; text-align:center; padding:5px 15px 0 15px;}
.page2 { margin:0 auto; text-align:center; padding:10px 0 0 0;}
.paginator{ font-family:Arial; font-size:1.4rem;  float:left;}
.paginator a{ width:30px; height:24px; line-height:24px; display:inline-block; text-decoration:none; color:#999; background:#fff; border:1px solid #f1f1f1;}
.paginator span.cpb{ width:30px; height:24px; line-height:24px; display:inline-block; color:#fff; background:#1088d5; border:1px solid #1088d5;}
.paginatordis{ display:none;}


/*----------------------------------------------------------------------------微商城----------------------------------------------------------------------------*/
.sub-nav-wsc {width:100%; position:fixed; border-bottom:1px solid #f1f1f1; background:#fff; overflow:hidden; z-index:9; }
.sub-t {width:100%; text-align:center;}
.sub-nav-wsc .title {position:absolute; left:15px; top:0; width:32%; height:50px; line-height:50px; font-size:1.4rem; text-align:left; }
.sub-nav-wsc .btn-title {width:28%; height:50px; line-height:50px; margin:0 auto; text-align:center; font-size:1.5rem; display:inline-block; position:relative;}
.sub-nav-wsc .btn-title i { color:#999; font-size:1.6rem; position:absolute; right:0; top:1px; display: inline-block; -webkit-animation:rotateend .5s ease forwards; animation:rotateend .5s ease forwards; }
@-webkit-keyframes rotate {from {-webkit-transform:rotate(0)} to {-webkit-transform:rotate(180deg)}}
@keyframes rotate {from {-webkit-transform:rotate(0)} to {-webkit-transform:rotate(180deg)}}
@-webkit-keyframes rotateend {from {-webkit-transform:rotate(180deg)} to {-webkit-transform:rotate(0)}}
@keyframes rotateend {from {-webkit-transform:rotate(180deg)} to {-webkit-transform:rotate(0)}}
.sub-nav-wsc .btn-title.active i {-webkit-animation:rotate .5s ease forwards; animation:rotate .5s ease forwards;}
.btn-try {position:absolute; right:15px; top:10px; padding:5px 12px; background:#1088d5; color:#fff;  -webkit-border-radius: 4px; border-radius: 4px; font-size:1.4rem;}
.panel {width:100%; background:#fff; border-top: 1px solid #f1f1f1; display:none;}
.panel li {width:100%; line-height:45px; text-align:center;}
.panel li:first-child {margin-top:20px;}
.panel li:last-child {padding-bottom:20px;border-bottom: 1px solid #f1f1f1;}
.panel li a { width:100%;display:inline-block; color:#666; font-size:1.5rem; }
.ban-product { padding:50px 0 0 0; width:100%; text-align:center;background: url(../images/ban_product.jpg) no-repeat; background-size:auto 100%;  color:#fff;}
.ban-product h1 { font-size:1.6rem; font-weight:normal; padding:30px 0 0 0;}
.ban-product p {font-size:1.4rem; padding:10px 15px 20px 15px; line-height:160%;}
.ban-product img {width:80%; margin:-6px auto;}

.prosm-cont {width:100%; padding-top:50px;}
.prosm-cont img {max-width:100%;vertical-align: top;}

.prosm-conts {width:100%;}
.prosm-conts img {max-width:100%;vertical-align: top;}

.join-cont {width:100%;}
.join-cont img {max-width:100%; vertical-align: top;}

.wsc-desc1 {padding-top:20px; background:#fff;}
.wsc-desc1 .title { padding-bottom:5px; font-size:1.6rem;}
.wsc-desc1 .title p { line-height:40px; text-align:center; color:#333;}
.wsc-desc1-con {padding:0 15px 25px 15px;}
.wsc-desc1-con ul li {width:100%; float:left;padding:10px 0; border-bottom:1px solid #f1f1f1;}
.wsc-desc1-con ul li:last-child{border:none;}
.wsc-desc1-con ul li img {width:16%; float:left;}
.wsc-desc1-con ul li h1 {width:80%;float:right;font-weight:normal;  font-size:1.4rem; line-height:180%;}
.wsc-desc1-con ul li p {width:80%;float:right; color:#999; line-height:180%; }

.wsc-desc2 {padding-top:20px; background:url(../images/pro_desc2_bg.jpg) no-repeat; background-size:100% auto;  }
.wsc-desc2 .title { padding-bottom:20px; font-size:1.6rem;}
.wsc-desc2 .title p { line-height:40px; text-align:center; color:#fff;}
.wsc-desc2-con {padding:0 15px 40px 15px; text-align:center;}
.wsc-desc2-con .prom {width:100%;}
.wsc-desc2-con .proml { text-align:center;}
.wsc-desc2-con .proml a { display:inline-block;width:120px; height:32px; line-height:32px; background:#fff;  -webkit-border-radius: 50px;border-radius: 50px; color:#666;margin:0 10px;}

.wsc-desc3 {padding-top:20px; background: #f6f6f6;}
.wsc-desc3 .title { padding-bottom:20px; font-size:1.6rem;}
.wsc-desc3 .title p { line-height:40px; text-align:center; color:#333;}
.wsc-desc3-con {padding:0 15px 25px 15px; text-align:center;}
.wd3 {width:100%; text-align:left;}
.wd3 li { padding:4px 10px; background:#82939e; color:#fff; -webkit-border-radius: 4px;border-radius:4px; margin-bottom:15px; height:80px;}
.wd3 li img {height:100%; float:left; -webkit-border-radius: 4px;border-radius:4px; margin-right:15px;}
.wd3 li h1 { font-weight:normal; font-size:1.4rem; line-height:240%;}
.wd3 li p { line-height:160%;color:#ccc;}

.wsc-desc4 {padding-top:20px; background: #fff;}
.wsc-desc4 .title { padding-bottom:10px; font-size:1.6rem;}
.wsc-desc4 .title p { line-height:40px; text-align:center; color:#333;}
.wsc-desc4-con {padding:0 15px 40px 15px; text-align:center;}
.wd4{width:100%; text-align:left;}
.wd4 p.wsc-img1 img {width:100%; margin-top:20px;}
.wd4 p.wsc-img2 {text-align:center; margin-top:10px;}
.wd4 p.wsc-img2 img {width:92%; }
.wd4 ul {width:100%;}
.wd4 ul li { float:left; width:25%; text-align:center;}

.wsc-desc5 {padding-top:20px; background: #f9891d;}
.wsc-desc5 .title { padding-bottom:20px; font-size:1.6rem;}
.wsc-desc5 .title p { line-height:40px; text-align:center; color:#fff;}
.wsc-desc5-con {padding:0 15px 70px 15px; position:relative; overflow-x:hidden; }
.wsc-desc5-con .swiper-case .swiper-slide h1 { text-align:center;}
.wsc-desc5-con .swiper-container-horizontal>.swiper-scrollbar { bottom:40px;}

.wsc-desc6 {padding-top:20px; background: #fff;}
.wsc-desc6 .title { padding-bottom:15px; font-size:1.6rem;}
.wsc-desc6 .title p { line-height:40px; text-align:center; color:#333;}
.wsc-desc6-con {padding:0 0 30px 0; text-align:center; border-bottom: 1px solid #f1f1f1;}
.full-case { text-align: center;  }
.full-case ul { position: relative; width: 100%; margin-left: auto; margin-right: auto; }
.full-case h2 { font-size: 2.4rem;  }
.full-case li { float: left; width: 33%; border-left: 1px solid #eee; }
.full-case li:first-child { border-left: none; }
.full-case li p { line-height:180%; font-size:2rem; color: #333; }
.full-case li a { color: #1088d5; font-size: 1.4rem; }
.case-more { width:100%; text-align:center; padding-top:30px;}
.case-more a {width:120px; height:32px; display:inline-block;  background:#1088d5; color:#fff; text-align:center; line-height:32px;  -webkit-border-radius: 4px;  border-radius: 4px; font-size:1.4rem; margin:0 10px;}

.bclose {color:#999; position:absolute; z-index:9; right:12px; top:6px; font-size:1.4rem; }
.alert-con {padding:35px 0 0px 0; background:#fff; -webkit-border-radius: 4px; border-radius: 4px;}
.alert-con p {font-size:1.4rem; line-height:180%;}
.btn-c {width:100%; padding-top:20px;}
.btn-c a { text-align:center; color:#fff; width:50%; display:block; height:40px; line-height:40px;}
.btn-c a.btn-cl { background:#1088d5; -webkit-border-radius: 0 0 0 6px; border-radius:0 0 0 4px;}
.btn-c a.btn-cr { background:#ff4444; -webkit-border-radius: 0 0 6px 0; border-radius:0 0 4px 0;}

.wf-con {padding:50px 0 0 0; background:#fff;}
.wf-con h2 { font-size:1.6rem; font-weight:normal; text-align:center; line-height:500%; color:#333;}
.wf-ul {width:100%; border-bottom:1px solid #f1f1f1; padding-bottom:10px;}
.wf-ul li { float:left; width:25%; text-align:center;margin-bottom:15px;}
.wf-ul li p {line-height:100%;padding-bottom:10px;}
.wf-ul li p img {width:45%; -webkit-border-radius: 4px;  border-radius: 4px;}

.price-main {padding-top:80px;}
.wp {padding:0 15px; background:#fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-bottom:15px;}
.wp h1 { font-size:1.6rem; font-weight:normal;  line-height:300%; color:#333; position:relative; }
.wp h1 i { color:#999; font-size:1.6rem; display: inline-block; -webkit-animation:rotateend .5s ease forwards; animation:rotateend .5s ease forwards;}
.wp .active i { -webkit-animation:rotate .5s ease forwards; animation:rotate .5s ease forwards;}
.wp h1 span { float:right; font-size:1.8rem; color:#1088d5;}
.wp h1 span b {font-size:1.4rem; font-weight:normal;}
.wp h2 { font-size:1.4rem; font-weight:normal; line-height:280%; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.price-ser {width:100%; padding-top:10px;}
.price-ser li { line-height:200%;}
.hid { padding:0 0 15px 0; display:none;}
.wpt {padding:0 15px; background:#fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-bottom:15px;}
.wpt h1 { font-size:1.6rem; font-weight:normal;  line-height:300%; color:#333; position:relative; }
.wpt h1 i { color:#999; font-size:1.6rem; display: inline-block; -webkit-animation:rotate .5s ease forwards; animation:rotate .5s ease forwards;}
.wpt .active i { -webkit-animation:rotateend .5s ease forwards; animation:rotateend .5s ease forwards;}
.wpt h1 span { float:right; font-size:1.8rem; color:#1088d5;}
.wpt h1 span b {font-size:1.4rem; font-weight:normal;}
.wpt h2 { font-size:1.4rem; font-weight:normal; line-height:280%; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.hidt { padding:0 0 15px 0; display:block;}
.qrcode {padding:10px 0 0 0;}
.qrcode img { width:140px;}
.qrcode p {line-height:200%;}

.faq-main {padding-top:50px;}
.faq-list { padding:0 0 5px 0;}
.faq-list li { padding:20px 15px; }
.faq-list li.nn { background:#fff;}
.faq-list li h4 { font-size:1.4rem; color:#666; font-weight:normal; margin: 2px 0 6px 0; line-height: 160%; }
.faq-list li p { line-height:180%; color:#999;}
.faq-list li a { color:#1088d5; line-height:260%;font-size:1.4rem;}


.com-cont .info { line-height: 200%; padding-top:16px; padding-bottom:10px;}
.com-cont .info img { max-width:100%;  }
.com-cont .info hr { height: 1px; border: none; border-top: 1px dotted #ccc; margin-top: 15px; margin-bottom:15px; }
.com-cont .info h1 {font-size:1.5rem; font-weight:normal; line-height:180%; margin-bottom:8px;overflow: hidden; height:24px;}
.com-cont .info p { margin-bottom:8px;}
.com-cont .abo-par li { float:left; text-align:center; width:33.3%; padding-bottom:10px;}
.com-cont .abo-par li img {width:100px;}
.com-cont .hz { text-align:center;}
.com-cont .hz img {width:80%; margin-top:25px;}
.com-cont .hz a { display:inline-block;width:100%; text-align:center; color:#666; font-size:1.4rem;}

.index-funcb {padding:20px 15px;background:#fff;}
.index-funcb ul li { float:left; width:25%; text-align:center; padding-bottom:20px;}
.index-funcb ul li p { line-height:150%; color:#999;}

.xcxb5 {width:100%; min-height:300px; background:url(/m/images/xcxb5.jpg) no-repeat; background-size:100%;}
.xcx-slidebox .hd { width:100%; text-align:center; padding-top:110px;}
.xcx-slidebox .hd ul li { display:inline-block; width:26%; height:36px; border:2px solid #fff; font-size:14px; line-height:36px; text-align:center; color:#fff; border-radius:0; margin:0 2%;
 cursor:pointer; margin-bottom:20px;}
.xcx-slidebox .hd ul li.on {background:#fff; color:#666;}
.xcx-slidebox .hd ul li a {color:#fff;}
.xcx-qrcode {padding-top:20px; text-align:center; }
.xcx-qrcode ul {width:100%; padding:0 0 40px 0;}
.xcx-qrcode ul li { display:inline-block; margin:0 2%; color:#fff; text-align:center; font-size:14px; line-height:180%; }
.xcx-qrcode ul li img {width:94%;-webkit-border-radius:4px; border-radius: 4px;}
.xcxui { width:280px; height:498px; display: block;border: none;  margin:0 auto; margin-top:20px; background:#fff;}
/*.xcxmb {width:315px; height:640px; background:url(/m/images/xcxmb.png) no-repeat; margin:0 auto;}*/
.my-gallery { display:inline-block; width:26%; height:36px; border:2px solid #fff; font-size:14px; line-height:36px; text-align:center; color:#fff; border-radius:0; margin:0 2%;
 cursor:pointer; margin-bottom:20px; }
.my-gallery figure { display:none;}
.my-gallery figure a {color:#fff; width:100%; height:36px; line-height:36px; display:inline-block; }
.my-gallery figure a img {width:0px; height:0px;}
.my-gallery figure:first-child {display:inline-block; width:100%;}

.wscb5 {width:100%; min-height:300px; background:url(/m/images/wscb5.jpg) no-repeat; background-size:100%;}
.wsc-slidebox .hd { width:100%; text-align:center; padding-top:110px;}
.wsc-slidebox .hd ul li { display:inline-block; width:26%; height:36px; border:2px solid #fff; font-size:14px; line-height:36px; text-align:center; color:#fff; border-radius:0; margin:0 2%;
 cursor:pointer; margin-bottom:20px;}
.wsc-slidebox .hd ul li.on {background:#fff; color:#666;}
.wsc-slidebox .hd ul li a {color:#fff;}
.wsc-qrcode {padding-top:20px; text-align:center; }
.wsc-qrcode ul {width:100%; padding:0 0 40px 0;}
.wsc-qrcode ul li { display:inline-block; margin:0 2%; color:#fff; text-align:center; font-size:14px; line-height:180%; }
.wsc-qrcode ul li img {width:94%;-webkit-border-radius:4px; border-radius: 4px;}
.wscui { width:280px; height:498px; display: block;border: none;  margin:0 auto; margin-top:20px; background:#fff;}


.xcxb6 {padding:110px 0 40px 0; background:url(/m/images/xcxb6.jpg) no-repeat #fff; background-size:100%}
.xcxb6 table {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.xcxb6 table tr th { width:20%; text-align:center; padding:10px 0;  border-right:1px solid #ddd; border-top: 2px solid #ec5051;  background: #ffefef; font-size:14px;
font-weight:bold; color:#333;}
.xcxb6 table tr td { width:20%; text-align:center; padding:10px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; position:relative;}
.xcxb6 table tr td i { color:#ec5051; font-size:14px;  }
.xcxb6 table tr td span {padding-left:6px; display:inline-block;}
.xcxb6 table tr.trs td { background: #f6f6f6;}
.xcxb6 table tr td.tit {width:10.2%;background:#fff; color:#333;  font-size:14px; font-weight:bold; padding:0 10px; line-height:120%;}
.xcxb6 table tr td em { font-style:normal; display:inline-block; color:#eb333b; position:absolute; right:-10px; top:6px; z-index:6;}
.xcxb6 table tr td em img { width:20px; height:13px;}
.xcxb6 table tr td b { color:#ff4444; font-size:16px; font-style:italic; font-family:Arial; font-weight:normal;}
.tb-line.xcxfixed { position:fixed; top:110px; z-index:8;width:100%; border-bottom:1px solid #ddd;}
.tb-line.xcxfixeds { position:fixed; top:0; z-index:8;width:100%; border-bottom:1px solid #ddd;}

@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-3px);}
    50%, 100% { -webkit-transform: translateY(0);}
    75% { -webkit-transform: translateY(3px);}
}
 
@keyframes bounce-down {
    25% {transform: translateY(-3px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(3px);}
}
.animate-bounce-down{
    -webkit-animation: bounce-down 0.6s linear infinite;
    animation: bounce-down 0.6s linear infinite;
}

/*-----------------------------------------------------kf-----------------------------------------------------*/
.side-pannel { position: fixed; width: 40px; bottom:50px; right: 10px; z-index: 999; }
.side-bar>a { width: 40px; height: 40px; position: relative; text-align: center; margin-bottom: 10px; display: block; cursor: pointer; float: left; border-radius: 50%; background: rgba(0,0,0,.5);   transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.side-bar a i { color:#fff;}
.side-bar a i.fa-qq {margin-top:10px; font-size: 1.8rem; }
.side-bar a i.fa-phone {margin-top:10px; font-size: 2rem; }
.side-bar a i.fa-weixin {margin-top:12px; font-size: 1.6rem; }
.side-bar a i.fa-angle-up {margin-top:6px; font-size: 2.6rem; }
.theme-mask { z-index: 999; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
.popover1 { width:260px; height: 320px; z-index: 9999; position: fixed; top: 50%; left: 50%; background: #fff; margin: -160px 0 0 -130px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; }
.popover1 dl { margin-top: 30px; font-size: 1.4rem; color: #666; line-height: 30px; }
.popover1 dl dd { display:inline-block;}
.popover1 dl dd img {width:180px; height:180px; margin:0 auto;}
.popover1 dl a.close { width: 100px; height: 32px; line-height: 32px; background: #1088d5; color: #fff; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; margin-top: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.popover1 dl a.close:hover { background: #1088d5; }

.theme-maskss { z-index: 999; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
.popoverss { width:220px;padding:0 0 30px 0; z-index: 9999; position: fixed; top: 50%; left: 50%; background: #fff; margin: -160px 0 0 -110px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; }
.popoverss dl { margin-top: 30px; font-size: 1.4rem; color: #666; line-height: 30px; }
.popoverss dl dt.tel {position:relative; text-align: left;padding-left: 36px;}
.popoverss dl dt a { display:inline-block; color:#333; line-height:200%;  }
.popoverss dl dt a.active {color:#333; }
.popoverss dl dt a span {padding-left:12px; position:absolute; top:-2px;}
.popoverss dl a.closess { width: 100px; height: 32px; line-height: 32px; background: #1088d5; color: #fff; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; margin-top: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.popoverss dl a.closess:hover { background: #1088d5; }


.theme-masktt { z-index: 999; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
.popovertt { width:260px;padding:0 0 30px 0; z-index: 9999; position: fixed; top: 50%; left: 50%; background: #fff; margin: -160px 0 0 -130px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; }
.popovertt dl { margin-top: 30px; font-size: 1.4rem; color: #666; line-height:28px; }
.popovertt dl dt.title { font-weight:bold; font-size:1.6rem; color:#333;padding-bottom:8px;}
.popovertt dl dt.tls, .popovertt dl dt.cls{ padding-top:16px;}
.popovertt dl dt.ts { padding-top:10px; color:#999;}
.popovertt dl dt a { display:inline-block; color:#666; line-height:200%;  }
.popovertt dl dt a.active {color:#333; }
.popovertt dl dt a span {padding-left:6px;}
.popovertt dl a.closett { width: 100px; height: 32px; line-height: 32px; background: #1088d5; color: #fff; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px;  transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.popovertt dl a.closett:hover { background: #1088d5; }

.mnavfont {font-size:1.8rem; color:#1088d5;}
.f-bottom {width:100%; border-top:1px solid #eee; background:#fff; position:fixed; z-index:999; bottom:0;}
.f-bottom a { width:20%; display:block; float:left;  text-align:center; color:#666;}
.f-bottom a i,.f-bottom a span { width:100%; display:inline-block; }
.f-bottom a i {padding:5px 0 0 0;}
.f-bottom a span { padding:2px 0 5px 0; }
.f-bottom .regm {display:inline-block; font-size:1.8rem; float:right; width:40%; line-height:52px; background:#1088d5; color:#fff; }


@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.1;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.1;
}
.bgBottom {
    z-index: 5;
    opacity: 0.1;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 50px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 60px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 50px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.wscb1,.wscb11 {position:relative; width:100%; overflow-x:hidden;}
.joinbtn { position:absolute; width:480px; left: 50%; margin-left: -240px;  top: 72%; z-index: 99; text-align:center;  }
.joinbtn a { width:28%; height:40px; display:inline-block; line-height:40px; border:2px solid #fff; text-align:center; color:#fff; margin:0 10px;-webkit-border-radius: 42px; border-radius: 42px;font-size:18px;}
.joinbtn2 { position:absolute; width:480px; left: 50%; margin-left: -240px;  top: 50%; z-index: 99; text-align:center;  }
.joinbtn2 a { width:28%; height:40px; display:inline-block; line-height:40px;  text-align:center; color:#fff; background:#f58016; margin:0 10px;-webkit-border-radius: 42px; border-radius: 42px;font-size:18px;}
.wscb4 {width: 100%; min-height: 300px; background:url(/m/images/wscb5.jpg) no-repeat; background-size: 100%;}
.join-qrcode {padding-top:20px; text-align:center; }
.join-qrcode ul {width:100%; padding:0 0 40px 0;}
.join-qrcode ul li { display:inline-block; margin:0 2%; color:#fff; text-align:center; font-size:14px; line-height:180%; }
.join-qrcode ul li img {width:94%;}
.join-qrcode ul li p {margin-bottom:10px; padding-top:5px;}

.stxt {width:100%;}
.stxt .stxt-title {height:40px; line-height:40px; border-bottom: 1px solid #e5e5e5; margin:10px 0;}
.stxt .stxt-title span {height:38px; line-height:38px; display:inline-block; font-size:1.4rem;border-bottom: 2px solid #1088d5; }


.demobg { width:100%; height:510px;  overflow:hidden; position:relative; }
.demologin {  overflow:hidden; background:#fff; width:80%; margin:0 auto; margin-top:80px; padding:10px 0 20px 0;}
.demoform { overflow:hidden;}
.demoform li { overflow:hidden; padding:10px 20px; position:relative;}
.demoform li:last-child {padding:0 20px;}
.demoform li span.title { float:left; line-height:40px; font-size:24px; color:#333; font-weight:bold;}
.demoform li a.link { float:right; line-height:40px; font-size:16px; color:#f58016;}
.demoform li span.name { float:left; width:24%; height:40px; line-height:40px; display:block; overflow:hidden; text-align:right; color:#666; padding:0 10px 0 0; position:relative; }
.demoform li span.name i { font-style:normal;color:red; position:absolute; left:0; top:0; font-size:16px;}
.demoform input,.demoform textarea,.demoform select{ border:1px solid #ddd; border-radius:2px; outline:none; color:#333;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
.demoform textarea:focus, .demoform input[type="text"]:focus, .demoform input[type="password"]:focus{ border-color:#999;}
.demo_txt { width:70%; height:38px; line-height:38px; text-indent:10px; }
.demo_dllbox { width:280px; height:40px; overflow:hidden;}
.demo_ddl { float:left; width:100px; height:40px; line-height:40px; text-indent:7px; font-size:14px; margin-right:10px;}
.demo_btn { height:40px; line-height:40px; display:block; overflow:hidden; text-align:center; font-size:16px; margin:10px 0 0 0; border-radius:4px;}
.agcodediv{ float:left; overflow:hidden; position:relative; width:72%;}
.agcodediv .demo_txt {width:45%;}
.democode{height:38px; display:block; overflow:hidden; position:absolute; top:0; right:0; z-index:10; }
.democode img{ width:100%; height:30px; margin:4px 5px;}
.demos { line-height:200%; text-align:left;}
.a{ color:#1088d5;}
.a:hover{ color:#006db3; text-decoration:underline;}
.b{ background:#1088d5; color:#fff;}
.b:hover{ background:#006db3; color:#fff;}