/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, swiper, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html{color: #333; font-size: 16px;}
ul,h1,h2,h3,h4,h5,h6,p,div,dl,dt,dd,figure,figcaption{margin: 0;padding: 0;}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
* { touch-action: pan-y; }
img{ max-width: 100%; height: auto; transition: all .5s; vertical-align: middle;}
/*=============
 * 工具样式
 =============*/
.center-block{display: block;margin-right: 0;margin-left: 0;}
.pull-right{float: right !important;}
.pull-left{float: left !important; }
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.hide{display: none !important;}
.show{display: block !important;}
.pr{ position:relative; z-index:10;}
.invisible{visibility: hidden;}
.text-hide{font: 0/0 microsoft yahei;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.clearfix:after,.clearfix:before{content: '';display: table;}
.clearfix:after{clear: both;}
/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{margin: 0;padding: 1rem;background: #ccc;}

/*=============
 * 自定义宽度
 =============*/

/*=============
 * 自定义背景色
 =============*/
.gray-bg{ background: #f5f5f5; }
.red{ color: #f80000 }
.blue{ color: #4976f8; }
.green{ color: #22a48a; }
/*=============
 * 定义iconfont样式
 =============*/
.iconfont {
  font-family: "iconfont" !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mask{position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background: #000;opacity: 0.3;}
/*=============
 * 自定义页面样式
 =============*/
body{line-height: 1.8;background: #fff;font-family: Microsoft YaHei;}
a{color: #333;text-decoration: none;transition: all .4s; }
a:active,a:hover{color: #4976f8;text-decoration: none;}

.container{ max-width:77rem; margin:0 auto; padding:0 1rem;}
.navbar{ position:fixed; top:0; left:0; z-index:30; width:100%; background:#fff;height:7.5rem;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
header{ font-size: .875rem; color: #666; line-height: 2.5rem; box-shadow: 0 1px 1px rgba(0,0,0,.08);}
header .iconfont{ color: #4976f8; margin-right: .5rem; }
header b{ font-size: 1rem; margin-left: .5rem; }
header .wxcode,header .brochure{ padding-right: 1rem; margin-right: 1rem; position: relative; cursor: pointer;}
header .wxcode:after,header .brochure:after{ content: ''; position: absolute;right: 0; top: .75rem; width: 1px; height: 1rem; background: #f2f2f2; }
.navbar .logo img{ height:3.75rem; width:auto; margin-top:.625rem;}
.nav-list{ padding-left:2.5rem; }
.nav-list li{ display:inline-block;}
.nav-list li a{ display:block; line-height:5rem; padding:0 1.25rem;}
.nav-list li a:hover,.nav-list li.cur a{ color: #4976f8; }
.nav-list li.cur{ position: relative;}
.nav-list>li.cur:before{ position: absolute; bottom: .8rem; left: 50%; width: 2.4rem; margin-left: -1.2rem; content: ''; height:.2rem; background: #4976f8;}

.hasSub{ position: relative; }
.hasSub .sub{ position: absolute; top:4.9rem; left:-24px; width: 120px; height: 0; overflow: hidden; background-color: #fff; border-radius: 0 0 10px 10px;box-shadow: 0 2px 10px rgba(0,0,0,.1);  transition: height .3s;}
.hasSub .sub a{ line-height: 2.4rem; color: #333!important; text-align: center; }
.hasSub .sub a:hover{  color: #4976f8!important; }
.hasSub:hover .sub{height: 16.6rem;}

.nav-login{ padding-top: 1.375rem; }
.nav-login a{ border-radius: .5rem; width: 5.7rem; line-height: 2.25rem; background: #fff; border: 1px solid #fff; display: inline-block; text-align: center; margin-left:.7rem;}
.nav-login a.red-empty{ border-color: #4976f8; color: #4976f8; }
.nav-login a.red-solid{ border-color: #4976f8; color: #fff; background: #4976f8;}

.wxcodeBox{ position: fixed;top:30%;left:50%; margin-left: -450px; width: 900px; z-index: 100;background: #fff; border-radius: 20px; padding: 3rem; box-sizing: border-box;}
.wxcodeBox .wchat{ padding-bottom: 2rem; }
.wxcodeBox .wchat>span{ width: 32%; text-align: center; display: inline-block; }
.wxcodeBox .wchat img{ width: 240px; height: 240px; }
.wxcodeBox .img img{ width: 80px; height: 80px; }
.wxcodeBox .text{ padding-top: 1rem; }
.wxcodeBox .closed{ position: absolute; bottom: -80px; left: 50%; margin-left: -28px; cursor: pointer; }

.nav-icon{ position: absolute; right: 1rem; top: 2rem; display:none; cursor:pointer;}
.nav-icon span{ width:1.6rem; height:.2rem; background: #999; display: block; margin-bottom:.4rem; border-radius: .3rem;}
.mobile-nav{ position:absolute; top:5rem; left:0; z-index:10; width:100%; background:rgba(0,0,0,0.9); display:none;}
.mobile-nav li{ border-bottom:1px solid #333;}
.mobile-nav li a{ display:block; line-height:3rem; text-align:center; color: #fff; opacity: .7}

.footer{background-color: #181818;color: #666; font-size: 0.875rem;}
.flex-foot{ display: flex; align-items: center;  padding: 2rem 0;}
.flex-foot .tel{ width: 27%; display: inline-flex; align-items: center; float: left; padding: 10px 0; }
.flex-foot .tel i{ width: 4rem; height: 4rem; background-color: #eee; border-radius: 50%; text-align: center; font-size: 2.4rem; line-height:4rem; color: #4976f8; float: left; }
.flex-foot .tel .text{ margin-left: 1rem; float: left;}
.flex-foot .tel .text h3{ font-size:1.75rem; color: #4976f8; font-weight: 400; }
.flex-foot .nav{ width: 53%;float: left; }
.flex-foot .nav ul{ display: inline-flex; margin-bottom: 1rem;  }
.flex-foot .nav li{ padding-right: 1rem; position: relative; margin-right: 1rem; float: left;}
.flex-foot .nav li a{ color: #eee; font-size: 1rem; }
.flex-foot .nav li:after{ position: absolute; right: 0; top:8px; content: ''; width: 1px ; height: 14px; background-color: #eee; }
.flex-foot .nav li:last-child:after{ width: 0; }
.flex-foot .nav .copyright a{color:#666;}
.flex-foot .nav .copyright a:active,.flex-foot .nav .copyright a:hover{color: #4976f8;}
.flex-foot .ewcode{ width: 20%; display: inline-flex; align-items: center; float: left;  }
.flex-foot .ewcode p{ text-align: right; padding-right: 1rem; float: left; padding-top: 2rem;}
.flex-foot .ewcode img{/* padding: 1rem;*/ width: 8rem; height: 8rem; background-color: #fff; }

/*=============
 * 首页样式
 =============*/
.banner{ margin-top:7.5rem; text-align:center; position: relative; z-index: 0; overflow: hidden;}
.banner .owl-theme .owl-controls{ margin-top: -3rem; }
.banner .item{ position: relative;}
.banner-text{ position: absolute; z-index: 99; top: 20%; left: 50%; width: 75rem; margin-left: -37.5rem; color: #fff; text-align: left;}
.banner-text h3{ font-size: 3rem; padding: .5rem 0;  letter-spacing: 2px;}
.banner-text h4{ font-size: 2rem; font-weight: 400; }
.banner-text h5{ font-size: 2.25rem; }
.banner-text p{ font-size: 1.25rem;letter-spacing:1px; margin-top: .5rem; opacity: .7 }
.banner-text ul{ width: 50%; display: flex; flex-wrap: wrap; }
.banner-text li{ width: 50%; float: left; font-size: 1.75rem; display: inline-flex; align-items: center;  letter-spacing: 2px;}
.banner-text li i{ width: 41px; height: 36px;  background: url(../../images/fximg/serve/icn01.png) no-repeat;  display: inline-block; margin-right: 1rem; }
.banner-text .idx-t1{ font-size: 1.625rem; position: relative; margin-bottom: 2rem; line-height: 2.4; }
.banner-text .idx-t1:after{ content: '';  position: absolute; bottom: 0; left: 0; width: 104px; height: 4px; background-color: #fff; }

.title{ padding-top: 5rem; text-align: center; position: relative; z-index: 0;}
.title s{ display: block;; position: absolute; z-index: 1; left: 50%; margin-left: -1.3rem; top:8.5rem; width: 2.6rem; height: 0.25rem; background: #4976f8; }
.title h2{ font-size: 1.875rem; font-weight:700;}
.title p{ color: #888; font-size: 1.125rem; margin-top:1rem;}

.idx-section01{ padding: 75px 0; }
.idx-section01 .img{ width: 42%; }
.idx-section01 .img img{ max-width: 100%; }
.idx-section01 .text{ width: 56%; padding:20px 0 0 20px;  background: url(../../images/tg/index/tit-bg.png) no-repeat top left; }
.idx-section01 .text h3{ font-size: 1.875rem; font-weight: bold; }
.idx-section01 .text p{ margin-top: 20px; color: #666; }

.idx-section02 .list{ padding: 50px 0 80px; }
.idx-section02 .list .item{ width: 90%; height: 430px; float: left;  background-color: #fff; border-radius: 20px; padding: 40px; }
.idx-section02 .list .item:last-child{ margin-right: 0; }
.idx-section02 .list .item .num{ font-size: 1.5rem; }
.idx-section02 .list .item b{color: #4976f8; font-size:4.5rem; font-style: italic; font-weight: bold; line-height: 1;}
.idx-section02 .list .item h4{ font-size: 1.25rem; font-weight: bold; margin-top: 20px;}
.idx-section02 .list .item p{ color: #666; margin-top: 20px; font-size: 15px;}

.idx-section03{
  background:#33a2fe;
  background:-moz-linear-gradient(left, #8280ff, #33a2fe);  
  background:-webkit-gradient(linear, 0 0, right 0, from(#8280ff), to(#33a2fe));  
  background:-o-linear-gradient(left, #8280ff, #33a2fe);
}
.idx-section03 .title h2{ color: #fff; }
.idx-section03 .title s{ background: #fff; }
.idx-section03 .list{ padding: 50px 0 80px; }
.idx-section03 .list .item{ width: 277px; height:345px; float: left; margin-right: 30px; background-color: #fff; border-radius: 20px; padding:30px; }
.idx-section03 .list .item:last-child{ margin-right: 0; }
.idx-section03 .list .icn{ width: 128px; height: 128px; background: url(../../images/tg/index/icon01.png) no-repeat ; margin: 0 auto; }
.idx-section03 .list .icn.part1{ background-position: 0 0; }
.idx-section03 .list .icn.part2{ background-position: -130px 0; }
.idx-section03 .list .icn.part3{ background-position: -260px 0; }
.idx-section03 .list .icn.part4{ background-position: -390px 0; }
.idx-section03 .list .item h4{ font-size: 1.125rem;  margin-top: 10px; text-align: center; font-weight: bold;}
.idx-section03 .list .item p{ color: #666; font-size: 15px;}

.idx-section04{ padding: 50px 0 80px; }
.idx-section04 .img{ max-width: 100%; text-align: center; }
.idx-section04 .img img{ max-width: 100%; }


.idx-section05 .list{ padding: 0 0 100px; }
.idx-section05 .list .itm{ width: 20%; text-align: center; float: left; margin-top: 50px; padding: 0 30px;}
.idx-section05 .list .icn{ width: 90px; height: 98px; background: url(../../images/tg/index/icon02.png) no-repeat ; margin: 0 auto; }
.idx-section05 .list .icn.part1{ background-position: 0 0; }
.idx-section05 .list .icn.part2{ background-position: -91px 0; }
.idx-section05 .list .icn.part3{ background-position: -182px 0; }
.idx-section05 .list .icn.part4{ background-position: -273px 0; }
.idx-section05 .list .icn.part5{ background-position: -364px 0; }
.idx-section05 .list .icn.part6{ background-position: 0 -101px; }
.idx-section05 .list .icn.part7{ background-position: -91px -101px; }
.idx-section05 .list .icn.part8{ background-position: -182px -101px; }
.idx-section05 .list .icn.part9{ background-position: -273px -101px; }
.idx-section05 .list .icn.part10{ background-position: -364px -101px; }
.idx-section05 .list .icn.part11{ background-position: 0 -201px; }
.idx-section05 .list .icn.part12{ background-position: -91px -201px; }
.idx-section05 .list .icn.part13{ background-position: -182px -201px; }
.idx-section05 .list .icn.part14{ background-position: -273px -201px; }
.idx-section05 .list .icn.part15{ background-position: -364px -201px; }
.idx-section05 .list .icn.part16{ background-position: 0 -301px; }
.idx-section05 .list .icn.part17{ background-position: -91px -301px; }
.idx-section05 .list .icn.part18{ background-position: -182px -301px; }
.idx-section05 .list .icn.part19{ background-position: -273px -301px; }
.idx-section05 .list .icn.part20{ background-position: -364px -301px; }
.idx-section05 .list .icn.part21{ background-position: 0 -401px; }
.idx-section05 .list .icn.part22{ background-position: -91px -401px; }
.idx-section05 .list .icn.part23{ background-position: -182px -401px; }
.idx-section05 .list .icn.part24{ background-position: -273px -401px; }
.idx-section05 .list .icn.part25{ background-position: -364px -401px; }
.idx-section05 .list .icn.part26{ background-position: 0 -501px; }
.idx-section05 .list .icn.part27{ background-position: -91px -501px; }
.idx-section05 .list .icn.part28{ background-position: -182px -501px; }
.idx-section05 .list .icn.part29{ background-position: -273px -501px; }
.idx-section05 .list .icn.part30{ background-position: -364px -501px; }
.idx-section05 .list .icn.part31{ background-position: 0 -601px; }
.idx-section05 .list .icn.part32{ background-position: -91px -601px; }
.idx-section05 .list .icn.part33{ background-position: -182px -601px; }
.idx-section05 .list .icn.part34{ background-position: -273px -601px; }
.idx-section05 .list .icn.part35{ background-position: -364px -601px; }
.idx-section05 .list .icn.part36{ background-position: 0 -701px; }
.idx-section05 .list .icn.part37{ background-position: -91px -701px; }
.idx-section05 .list .icn.part38{ background-position: -182px -701px; }
.idx-section05 .list .icn.part39{ background-position: -273px -701px; }
.idx-section05 .list .icn.part40{ background-position: -364px -701px; }
.idx-section05 .list .icn.part41{ background-position: 0 -801px; }
.idx-section05 .list .icn.part42{ background-position: -91px -801px; }
.idx-section05 .list .icn.part43{ background-position: -182px -801px; }
.idx-section05 .list .icn.part44{ background-position: -273px -801px; }
.idx-section05 .list .icn.part45{ background-position: -364px -801px; }
.idx-section05 .list .icn.part46{ background-position: 0 -901px; }
.idx-section05 .list .itm h4{ font-size: 1.125rem;  margin-top: 10px; text-align: center; font-weight: bold;}
.idx-section05 .list .itm p{ color: #666; font-size: 15px;}

.idx-section06 .list{ padding:80px 0 100px;  }
.idx-section06 .list .item{ width: 90%; float: left; padding-top: 30px; /*background-color: #eaf0fe;*/ border-radius: 20px; position: relative;}
.idx-section06 .list .item:last-child{ margin-right: 0; }
.idx-section06 .list .item .img{ position: absolute; left: 30px; top: 0; }
.idx-section06 .list .item h3{ color: #4976f8; font-size: 1.5rem; line-height: 60px; padding-left: 130px;}
.idx-section06 .list .item .con{ height: 320px; background-color: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 0 6px 5px rgba(0,0,0,.05)}
.idx-section06 .list .item h4{ font-size: 1.25rem; font-weight: bold; margin-top: 20px;}
.idx-section06 .list .item p{ color: #666; margin-top: 20px; font-size: 15px;}
/*=============
 * 产品介绍
 =============*/
.product {position: relative; overflow: hidden; }
.product .item{ display: flex; justify-content: space-between; align-items: center; padding-top: 50px;}
.product .item .text{ width: 50%; }
.product .item .text.pull-right{ padding-left:5rem;  }
.product .item .text h2{ position: relative; font-size: 1.875rem; padding: 1rem 0; font-weight:700; }
.product .item .text h2:after{position: absolute; bottom:0; left:0; content: ''; width: 60px; height:4px; background-color: #f45854;}
.product .item .text h5{ font-size: 1.25rem; font-weight: 400; color: #666; padding: 1rem 0; }
.product .item .text p{ color: #999; }
.product .item .img{ width: 50%; }
.product .item .img img{ max-width: 100%; }
.product .item .img.pull-right{  text-align: right;}
.product .item .btn{ padding-top:20px; }
.product .item .btn a,.showbox .btn a{ width: 140px; line-height: 42px; border-radius: 8px; color: #fff; display:block; text-align: center;
  background:#fb5858;
  background:-moz-linear-gradient(left, #fb5858, #ff7c62);  
  background:-webkit-gradient(linear, 0 0, right 0, from(#fb5858), to(#ff7c62));  
  background:-o-linear-gradient(left, #fb5858, #ff7c62);
}

.showimg{ background: url(../../images/tg/buyer/city-bg.png) no-repeat center bottom ;  }
.showbox{ padding-top: 60px; display: flex; justify-content: space-between; align-items: center; }
.showbox .pull-left{ width: 50%; }
.showbox .pull-left .item{ width: 100px; margin-right: 50px; float: left; text-align: center; padding: 25px 0;}
.showbox .pull-left .item p{ font-size: 15px; color: #666; margin-top: 10px; }
.showbox .icn{ width: 96px; height: 96px;  background-image: url(../../images/tg/buyer/icon.png);  box-shadow: 0 0 3px 2px rgba(251,88,88,.2); border-radius: 50%;}
.showbox .icn01{ background-position: 0 0; }
.showbox .icn02{ background-position: -103px 0; }
.showbox .icn03{ background-position: -210px 0; }
.showbox .icn04{ background-position: -315px 0; }
.showbox .icn05{ background-position: -422px 0; }
.showbox .icn06{ background-position: -530px 0; }
.showbox .icn07{ background-position: -636px 0; }
.showbox .icn08{ background-position: -742px 0; }
.showbox .on .icn01{ background-position: 0 -101px; }
.showbox .on .icn02{ background-position: -103px -101px; }
.showbox .on .icn03{ background-position: -210px -101px; }
.showbox .on .icn04{ background-position: -315px -101px; }
.showbox .on .icn05{ background-position: -422px -101px; }
.showbox .on .icn06{ background-position: -530px -101px; }
.showbox .on .icn07{ background-position: -636px -101px; }
.showbox .on .icn08{ background-position: -742px -101px; }
.showbox .btn a{ margin: 25px auto 0; }
.showbox .pull-right{ background: url(../../images/tg/buyer/phone.png) no-repeat;  width: 348px; height: 702px; padding-left: 25px; padding-top: 81px;}
.showbox .pull-right ul{  width: 300px; height: 540px; }

.function .list{ padding: 60px 0; }
.function .list .itm{ /*float: left;*/text-align: center; }
.function .list .itm .icn{ width: 128px; height: 128px; background-image: url(../../images/tg/leader/icon01.png); margin: 0 auto; }
.function .list .itm .icn.icn1{ background-position: 0 0; }
.function .list .itm .icn.icn2{ background-position: -130px 0; }
.function .list .itm .icn.icn3{ background-position: -260px 0; }
.function .list .itm .icn.icn4{ background-position: -390px 0; }
.function .list .itm h4{ font-size: 1.125rem;  margin-top: 10px; text-align: center; font-weight: bold;}
.function .list .itm p{ color: #666; font-size: 15px;}


.leader .product .item .text h2:after{ background-color: #4976f8; }
.leader .product .item .btn a,.leader .showbox .btn a{ 
  background:#33a2fe;
  background:-moz-linear-gradient(left, #8280ff, #33a2fe);  
  background:-webkit-gradient(linear, 0 0, right 0, from(#8280ff), to(#33a2fe));  
  background:-o-linear-gradient(left, #8280ff, #33a2fe);
}
.leader .showbox .pull-right{ background: url(../../images/tg/leader/phone.png) no-repeat;  }
.leader .showbox .icn{ background-image: url(../../images/tg/leader/icon02.png); box-shadow: 0 0 3px 2px rgba(51,162,254,.2); }

.operator .product .item .text h2:after{ background-color: #22a48a; }
.operator .product .item .btn a,.operator .showbox .btn a{ 
  background:#22a48a;
  background:-moz-linear-gradient(left, #22a48a, #3dc280);  
  background:-webkit-gradient(linear, 0 0, right 0, from(#22a48a), to(#3dc280));  
  background:-o-linear-gradient(left, #22a48a, #3dc280);
}
.operator .function .itm .icn{width: 126px; height: 126px; background-image: url(../../images/tg/operator/icon01.png); }
.operator .showimg{ padding-bottom: 60px; }
.operator .showimg .list{ background: url(../../images/tg/operator/notebook.png) no-repeat center;  height: 570px; margin-top: 60px; padding-top: 38px; padding-left: 215px;}
.operator .showimg .owl-wrapper-outer{ width: 768px; }
.operator .showimg .owl-pagination{ display: none; }

/*=============
 * 服务
 =============*/
.sicn{ background: url(../../images/fximg/serve/icon.png) no-repeat; display: inline-block;}
.serve01 ul{ display: flex; justify-content: space-around; padding: 3rem 0 6.5rem; }
.serve01 li{ text-align: center; float: left; width: 25%; text-align: center; }
.serve01 li i{ width: 120px; height: 120px; border-radius: 50%; margin: 0 auto; }
.serve01 li i.icon01{ background-position: 0 0;}
.serve01 li i.icon02{ background-position: -120px 0;}
.serve01 li i.icon03{ background-position: -240px 0;}
.serve01 li i.icon04{ background-position: -360px 0;}
.serve01 li h4{ font-size: 1.125rem; margin-top: .5rem; font-weight: 400; }
.serve02{ padding: .1rem 0 6.5rem; color: #fff;
  background:#f45854; /* 一些不支持背景渐变的浏览器 */  
  background:-moz-linear-gradient(left, #ff2c68, #ff9376);  
  background:-webkit-gradient(linear, 0 0, right 0, from(#ff2c68), to(#ff9376));  
  background:-o-linear-gradient(left, #ff2c68, #ff9376);
}
.serve02 ul{ display: flex; flex-wrap: wrap; position: relative; float: left; width: 100%; height: 475px;}
.serve02 ul:before{ position: absolute; top:8rem; left: 0; content: ''; width: 100%; height: 7.2rem; border: .1rem solid rgba(255,255,255,.2); border-radius: 4rem;clip:rect(0px,77rem,7.5rem,6rem);}
.serve02 ul:after{ position: absolute; top:15.3rem; left: 0; content: ''; width: 100%; height: 7.2rem; border: .1rem solid rgba(255,255,255,.2); border-radius: 4rem;clip:rect(0px,68rem,7.5rem,0px);}
.serve02 li{ margin-top: 4rem; text-align: center; width: 25%; float: left; text-align: center; }
.serve02 li i{ width: 120px; height: 120px; margin: 0 auto; padding: 30px; line-height: 30px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.3); display: inline-block; font-style: normal; color: #f45854; font-size: 1.5rem;}
.serve02 li p{ font-size: 1.25rem; text-transform:uppercase; }
.serve02 li p b{ font-size: 1.875rem; font-weight: normal; }

.serve03 .list{ display: flex; justify-content: space-around; padding: 3rem 0;}
.serve03 .list .itm{ text-align: center;  float: left; text-align: center;}
.serve03 .list .itm .img{ width: 23.125rem; height: 16.875rem; overflow: hidden;}
.serve03 .list .itm .img img{ width: 100%; height: 100%; }
.serve03 .list .itm h4{ padding-top: 1rem; font-size: 1.25rem; font-weight: 400;}

.serve04 ul{ display: flex; justify-content: space-between; padding: 3rem 0 6.5rem;}
.serve04 li{ width: 30%; margin-right: 5%; float: left; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: .5rem; display: inline-flex; align-items: center; padding: 1.5rem; }
.serve04 li:last-child{ margin-right: 0;}
.serve04 li i{ width: 64px; height: 64px; border-radius: 50%; border: 1px solid #dedede; margin-right: 1rem; padding: 5px; float: left; }
.serve04 li i.tel{background-position: -2px -125px;}
.serve04 li i.qq{background-position: -82px -125px;}
.serve04 li i.wx{background-position: -162px -125px;}
.serve04 li h4{ font-size: 1.5rem; font-weight: 400; }

.serve05{background: url("../../images/tg/serve/serve_f2_bg.png") no-repeat top; background-size: cover; padding-bottom: 3.75rem;}
.serve05 ul{ padding-top: 2rem;}
.serve05 li{width: 33.33%; text-align: center; float: left}
.serve05 .thumbnail{ margin:0.8rem; padding: 1.5rem 2rem; background-color: white;}
.serve05 .thumbnail p{text-align: center; display: block; height: 3rem;}
.serve06 {padding-bottom: 3.75rem;
    background: -webkit-linear-gradient(left, #ff2c68 , #ff9376); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff2c68, #ff9376); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ff2c68, #ff9376); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff2c68 , #ff9376); }
.serve06 .title h2,.serve06 .title p{color: white;}
.serve06 ul{ padding-top: 2rem;}
.serve06 li{width: 25%; text-align: center; color: white; margin:1rem auto; float: left;}
.serve06 li span{display: block; width:7.5rem; height: 7.5rem; line-height: 7.5rem; margin: 0 auto 0.5rem auto; border-radius: 7.5rem; background-color: white; }
.serve06 li span .iconfont{font-size: 4rem; color: #f45854;}

/*=============
 * 资讯
 =============*/
.news-nav{ display: flex; justify-content: space-around; align-items: center; margin-top: 2rem; border-bottom: 1px solid #e5e5e5; }
.news-nav .item{line-height: 4rem;  cursor: pointer; float: left; width: 33.33%; text-align: center;}
.news-nav .active{ position: relative; }
.news-nav .active a{ color: #4976f8;}
.news-nav .active:before{ position: absolute; bottom: 0; left: 50%; margin-left: -6.5rem; width: 13rem; height:.2rem; content: '';  background: #4976f8;}
.news-list{ margin-top: 2rem; }
.news-list li{ margin-bottom: 2rem; padding: 1rem 1rem 1rem 0; display: flex; float: left}
.news-list li:hover{ background: #f8f8f8; }
.news-list li .news-img{ width: 265px; height: 160px; flex-shrink: 0; margin-right: 2rem;  float: left;}
.news-list li .info{ width:880px; float: left;}
.news-list li .info h3 a{ font-size: 1.125rem; font-weight: bold; color: #333; }
.news-list li:hover .info h3 a,.news-list li .info h3 a:hover{ color: #4976f8; }
.news-list li .info p a{ line-height:1.5; margin-top: 1rem; color: #999;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-list li .time{ margin-top: 2rem; font-size:.875rem;color: #666; }
.news-list li .time span{ margin-right: 2rem; display: inline-flex; align-items: center; }
.news-list li .time img{ margin-right: .625rem; }
.news-list li .time a:hover{ color: #4976f8;}

/*分页*/
.fenye{ height:auto; margin:4rem 0px 6rem; text-align:center;font-size:.875rem; display: flex; justify-content: center; align-items: center;}
.fenye a{height:15px;padding:9px 15px;border-radius: 3px;line-height:15px;color: #333;  border:1px solid #ccc; margin-right: 10px; box-sizing:content-box;}
.fenye a.curr{ background:#4976f8; color:#fff;text-decoration:none;}
.fenye .pre_dis,.fenye .next_dis{ display:none;}
.fenye_text{ width:45px; height:33px; border:1px solid #ccc; text-align:center; border-radius: 3px; margin: 0 10px;}
.fenye_but{ width:52px; height:33px; background:#e9e9e9; border:1px solid #ccc; cursor:pointer; color:#666;border-radius: 3px; margin: 0 10px;}

.w-location{ background: #f0f0f0;font-size:.875rem; line-height: 2.75rem; }
.w-location a{ color: #4976f8;}
.news-detail .title{ padding: 2.5rem 0 1.25rem; border-bottom: 1px solid #e5e5e5; text-align: center; color: #333; margin-top: 0;}
.news-detail .title h1{ font-size: 1.875rem; font-weight: bold; }
.news-detail .title p span{ padding: 0 10px;  font-size: 14px; color: #666;}
.news-detail .con{ color: #333; margin-top: 2rem; }

.tag-share{ /*display: flex; justify-content: space-between; align-items: center; */padding: 30px 0; border-bottom: 1px solid #e5e5e5; font-size: 16px; }
.bdsharebuttonbox,.detail-tag{ display: inline-flex; align-items: center; }
.detail-share{ float: right;}
.detail-tag{ float: left ;}
.detail-tag a{ border: 1px solid #999; border-radius: 30px; padding: 5px 20px; margin: 0 5px; font-size: 15px; }
.detail-tag a:hover{border: 1px solid #4976f8;color: #4976f8;}

.prev-next{ padding: 2rem 0; border-bottom: 1px solid #e5e5e5; line-height:2; color: #333;}
.prev-next a{ color: #333; } .prev-next a:hover{ color: #4976f8; }

.news-related{ padding: 2rem 0; }
.news-related .tit{color: #333; position: relative; padding-left: 1rem; font-weight: bold;}
.news-related .tit:before{ position: absolute; left: 0; top: 5px; content: ''; width: 4px; height: 20px; background: #4976f8;}
.news-related ul{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 1.25rem; }
.news-related li{ width: 48%; line-height:2; float: left; margin-right: 4%; }
.news-related li:nth-child(2n){margin-right:0;}
.news-related li a{ width: 100%; display: inline-flex; justify-content: space-between; color: #999; }
.news-related li a p{ color: #333; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.news-related li a:hover p{ color: #4976f8;}
.news-related li span{ float: right}

/*=============
 * 合伙人
 =============*/
/*.J-join-btn{ width: 210px; height: 45px; display: block;margin-left: 673px;margin-top: 223px; }*/
.partner .title{ position: relative; }
.partner .title:before{ position: absolute; bottom:-10px; left: 50%; margin-left: -150px; content: ''; width: 300px; height: 1px; background-color: #e5e5e5; }
.partner .title:after{ position: absolute; bottom:-12px; left: 50%; margin-left: -36px; content: ''; width: 72px; height: 5px; background-color: #4976f8; }
.partner01{ padding: 4.5rem 0 2rem; display: flex; justify-content: center; align-items: center;}
.partner01 .pull-left{ width: 70%; text-align: center; }
.partner01 .pull-left b{ font-size: 1.25rem; color: #4976f8; }

.partner02{padding-top: .1rem; }
.partner02 ul{ padding: 4rem 0; }
.partner02 li{ width: 25%; text-align: center; float: left; padding: 0 2.2rem; }
.partner02 li.part02,.partner02 li.part04{ padding-top: 3rem; }
.partner02 li .icn{ width: 210px; height: 160px; background:url(../../images/fximg/partner/icn01.png) no-repeat; margin: 0 auto;}
.partner02 li.part01 .icn{ background-position: 0 0; }
.partner02 li.part02 .icn{ background-position:-210px 0; }
.partner02 li.part03 .icn{ background-position:-420px 0; }
.partner02 li.part04 .icn{ background-position:-640px 0; }
.partner02 li p{ margin-top: 1rem; }

.partner03{ background-color: #fff7f7; padding-top: .1rem;}
.partner03 .container{ padding-bottom: 4rem; }
.partner03 ul{background:url(../../images/fximg/partner/line.png) no-repeat center bottom; height: 400px; padding: 5rem 0 3rem; }
.partner03 li{ float: left; text-align: center; width: 200px; }
.partner03 li .icn,.partner03 li .icn i{background:url(../../images/fximg/partner/icn02.png) no-repeat; width: 100px; height: 112px; margin: 0 auto; display: inline-block;}
.partner03 li.part01 .icn i{ background-position: -100px 0; }
.partner03 li.part02 .icn i{ background-position: -200px 0; }
.partner03 li.part03 .icn i{ background-position: -300px 0; }
.partner03 li.part04 .icn i{ background-position: -400px 0; }
.partner03 li.part05 .icn i{ background-position: -500px 0; }
.partner03 li.part06 .icn i{ background-position: -600px 0; }
.partner03 li .num{ width: 42px; height: 42px; border-radius: 50%;margin: 0 auto;background-color: #f45854; color: #fff; line-height: 42px;}
.partner03 li.part01,.partner03 li.part03,.partner03 li.part05{ padding-top:8rem; }

.partner04 ul{ padding-bottom: 4rem ; }
.partner04  li{ width: 25%; text-align: center; float: left; padding-top: 4rem;}
.partner04  li h4{ font-size: 1.25rem; margin-top: 1rem; }
.partner04  li p{ color: #888; }

.partner05{ background:#f5f5f5 url(../../images/fximg/partner/bg.png) no-repeat center bottom; padding-top: .1rem; }
.partner05 .form{ width: 600px; margin: 0 auto; padding: 4.2rem 0; position: relative; }
.partner05 .form .item{ display: flex; align-items: center; padding-bottom: 20px; float: left; width: 100%;}
.partner05 .form .item label{ width: 20%; text-align: right; font-size: 1.125rem; padding-right: 1rem; display: inline-block;}
.partner05 .form .item label cite{ color: #4976f8; font-style: normal; margin-right: 5px; }
.partner05 .form .item input{ width: 400px; height: 40px; border: 1px solid #e5e5e5; border-radius: .5rem; padding: 0 1rem; }
.partner05 .form .item textarea{width: 400px; height: 120px; border: 1px solid #e5e5e5; border-radius: .5rem; padding: 0 1rem;}
.partner05 .form .btn{ text-align: center; padding-bottom: 0;}
.partner05 .form .btn button{width: 120px; line-height: 45px; background-color: #4976f8; color: #fff; border-radius: .5rem; border: 0; margin: 0 auto; cursor: pointer;}
.partner05 .form .tips{ position: absolute; top: 1.2rem; left: 20%;width: 400px; color: #f45854 ; line-height: 1.5rem; background-color: rgba(244,88,84,.3);border-radius: .5rem; padding:.5rem 1rem; }
.partner05 .form .tips i{ width: 1.5rem; height: 1.5rem; background:url(../../images/fximg/partner/error.png) no-repeat; background-size: 1.5rem auto; display: inline-block; float: left; margin-right: .5rem; }


.partner-banner{ width: 100%; height: 400px; background:url("../../images/tg/partner/banenr_partner.png") no-repeat top center; background-size: auto 400px;  margin-top:7.5rem;}
.partner06{background: url("../../images/tg/partner/partner_f1_bg.png") no-repeat top; background-size: cover; padding-bottom: 3.75rem;}
.partner06 .sub_nav{ margin-top: 4rem;}
.partner06 .sub_nav li { width: 10%; text-align: center; color: #333; float: left; cursor: pointer;}
.partner06 .sub_nav span{display: block; width: 4rem; height: 4rem; line-height: 4rem; border: 1px solid #ddd;
    border-radius: 4rem; margin: 0 auto 0.5rem auto; color: #666; }
.partner06 .sub_nav span .iconfont{font-size: 2rem;}
.partner06 .sub_nav li.hover {color: #4976f8;}
.partner06 .sub_nav li.hover span{border-color: #4976f8; color: #4976f8; }
.partner06 .sub_main{margin-top: 2rem;}
.partner06 .sub_main li{width: 100%; display: none;}
.partner06 .sub_main li.active{display: block;}
.partner06  .media{padding: 1.5rem; background-color: white; overflow: hidden;}
.partner06  .media_left {display: table-cell; vertical-align: top;}
.partner06  .media_left img{width:27rem; max-width: 27rem; height: auto;}
.partner06  .media_body{padding: 1rem 2rem; display: table-cell; vertical-align: top;}
.partner06  .media_body button{font-size: 1rem; padding: 0.5rem 1rem; border-radius:0.2rem; margin-top: 1.5rem; border: none;
    background: -webkit-linear-gradient(left, #ff924a , #ff4f4b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff924a, #ff4f4b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ff924a, #ff4f4b); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff924a , #ff4f4b);  color: white; font-weight: bolder; outline:none;}

.cus-section01{background-color: #ffffff; }
.cus-section01 ul{ padding:2rem 0 3.75rem;}
.cus-section01 ul li{width: 25%; float: left; color: #666;}
.cus-section01 h3{ font-size: 1.25rem; color: #333;}
.page_cus .thumbnail{  text-align: center;}
.page_cus .thumbnail>img{width: 13rem;  height: auto;}
.page_cus .thumbnail .caption{ padding-left:2.5rem; padding-right: 2.5rem; margin-top: 0.5rem; text-align: center;  }
.page_cus .thumbnail .caption p{ margin-top: 0.4rem; text-align: center; }
.cus-section02{background: #3e9cfb;
    background: -webkit-linear-gradient(right top, #2f8ee6 , #409eff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom left, #2f8ee6, #409eff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom left, #2f8ee6, #409eff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom left, #2f8ee6 , #409eff);
}
.cus-section02 .title h2{color: #fff;}
.cus-section02 .title p{color: rgba(225, 225,225, 1)}
.cus-section02 ul{padding:2rem 0 3.75rem;}
.cus-section02 ul li{width: 50%; margin-top: 2rem; float: left;}
.page_cus .media{width: 90%; margin: 0 auto; background-color:rgba(225, 225,225, 0.2); border-radius: 0.5rem; padding: 1rem; }
.page_cus .media_left {position: absolute;}
.page_cus .media_left .icon{width: 4.5rem; height: 4.5rem; position: absolute; top:0.6rem; left: 1rem; z-index: 20;
    border-radius: 5rem; color: white; text-align: center; line-height: 4.5rem; background: #ffb334;
    background: -webkit-linear-gradient(right top, #fecd62 , #ff9500); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom left, #fecd62, #ff9500); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom left, #fecd62, #ff9500); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom left, #fecd62 , #ff9500);}
.page_cus .media_left .icon .iconfont{font-size: 2.4rem;}
.page_cus .media_left .order{width: 2.87rem; height: 2.87rem; position: absolute; top:2.8rem; left: 4.5rem; font-size: 1.25rem;
    border-radius: 5rem; color: white; text-align: center; line-height: 2.87rem; background: #6f74e1;
    background: -webkit-linear-gradient(left bottom, #4e54c8 , #8f94fb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right, #4e54c8, #8f94fb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #4e54c8, #8f94fb); /* Firefox 3.6 - 15 */
    background: linear-gradient(top right, #4e54c8 , #8f94fb);}
.page_cus .media_body{margin-left: 9rem; color: #fff;}
.page_cus .media_body h3{font-weight: bolder;}
.page_cus .media_body p{color: rgba(225,225,225,0.9);}
.cus-section03 ul li{width: 20%; margin-top: 1.5rem; text-align: center; margin-bottom: 1.5rem; float: left;}
.cus-section03 ul li p{text-align: center; margin-top: 0.5rem;}
.page_cus .icon_bj{ width:100px; height: 100px; margin: 0 auto; background: url("../../images/tg/customized/f3_icon.png") no-repeat; background-size: 500px auto;  }
.page_cus .icon_bj.icon_1{background-position: 0 0;}
.page_cus .icon_bj.icon_2{ background-position: -100px 0;}
.page_cus .icon_bj.icon_3{ background-position: -200px 0;}
.page_cus .icon_bj.icon_4{ background-position: -300px 0;}
.page_cus .icon_bj.icon_5{ background-position: -400px 0;}
.page_cus .icon_bj.icon_6{ background-position: 0 -100px;}
.page_cus .icon_bj.icon_7{ background-position: -100px -100px;}
.page_cus .icon_bj.icon_8{ background-position: -200px -100px;}
.page_cus .icon_bj.icon_9{ background-position: -300px -100px;}
.page_cus .icon_bj.icon_10{ background-position: -400px -100px;}
.cus-section04 {background: url("../../images/tg/customized/cus_f4_bj.png") no-repeat top ; background-size: cover;}
.cus-section04 .form-box{width:50%;margin:0 auto; padding-top:1rem;}
.cus-section04 .form-box ul{border:solid 1px #ccc;border-bottom:0;}
.cus-section04 .form-box ul li{font-size:0; width: 100%; border-bottom:solid 1px #ccc;}
.cus-section04 .form-box ul li span{width:35%; line-height:50px;box-sizing:border-box;text-align:center;font-size:16px;color:#666;display:inline-block;height:50px;}
.cus-section04 .form-box ul li input{width:65%; border-left:solid 1px #ccc;height:50px;display:inline-block;vertical-align:top;font-size:16px;color:#666;padding:0 0 0 20px;box-sizing:border-box;}
.cus-section04 .form-box ul li .demand{width:65%; border-left:solid 1px #ccc;display:inline-block;vertical-align:top;font-size:16px;color:#666;padding:12px 0 12px 20px;box-sizing:border-box;}
.cus-section04 .form-box button{cursor:pointer; border:none; background-color:#4976f8;color:#fff;height:50px;width:100%;font-size:20px;margin:15px 0 0 0; border-radius: 0.5rem;}

.fixed{ width: 140px; padding: 10px; background: #fff; position: fixed; left: 0px; top: 50%; box-shadow: 2px 6px 30px rgba(0,0,0,0.2); margin-top:-220px; z-index: 999; -border:1px solid #eee;}
.fixed:after{ content: ""; display: block; position: absolute; left: 0; top: 0; height: 3px; width: 100%; background: #ff6209; background-image: linear-gradient(90deg,#fdd000,#ff6209);}
.fixed hr{ margin:10px 0 8px; background-color:#eee; height: 1px; border:0;}
.fixed h2{ margin: 10px 0 4px;}
.fixed h3{font-size: 17px; font-weight:bold; font-family: -apple-system, BlinkMacSystemFont,"PingFangSC-Regular", "Microsoft Yahei", "Helvetica", "Arial", "Verdana", "Sans-Serif"}
.fixed .qq a{ border: 1px solid #ddd; display: block; border-radius: 100px; padding: 6px 0 6px 40px; font-size: 14px; line-height: 22px; position: relative; background: url(../../images/qq.png) 15px center no-repeat; margin-top: 10px;}
.fixed .qq a:hover{ border-color: #fdd000; box-shadow: 0 7px 14px rgba(253,208,0,.1), 0 3px 6px rgba(253,208,0,.08);}
.fixed .phone p{ margin-top:5px;}
.fixbth{position: fixed;top:30%;left:140px; z-index: 99999; background: #FF6209;border-radius: 0 12px 12px 0;width: 30px;text-align:  center;padding: 10px 5px;font-size:  14px;color:  #fff;cursor: pointer;}
.fixed.hide{ display: none;}
.fixed .red{color: #005bff;}

.text-li{ margin-top: 2rem; }
.text-li li{ background:url(../../images/tg/marketing/star.png) no-repeat 0 .5rem; background-size: 1.25rem auto; padding-left: 2rem; line-height: 2.4;  }

.reportform section{ padding-bottom: 5em; }
.reportform .content{ padding-top: 3.75em; }
.reportform .tab-tit{ width: 25%; padding-top: 3em;}
.reportform .tab-tit li{ padding: 1em 0; cursor: pointer;}
.reportform .tab-tit h4{ font-size: 1.25em; font-weight: bold;}
.reportform .tab-tit p{ color: #666; }
.reportform .tab-tit li.cur{ color:#4976f8; }
.reportform .tab-con{ width: 65%; }
.reportform .tab-con .img{ display: none; }
.reportform .content img{ width: 100%; height: auto;}
.reportform .yingxiao{background:url(../../images/tg/reportform/park-service-bg.png) no-repeat center;}
.reportform .yingxiao .content{ padding-top: 2em; }
.reportform .yingxiao h2{ color: #fff; }
.reportform .yingxiao .tab-tit{ width: 70%; margin: 0 auto; background: #fff; line-height: 72px; padding-top: 0;}
.reportform .yingxiao .tab-tit li{ float: left; padding:0; width: 25%; text-align: center;color:#4976f8;font-size: 1.25em;}
.reportform .yingxiao .tab-tit li.cur{ background: #4976f8; color: #fff; }
.reportform .yingxiao .tab-con{ width: 100%; text-align: center; padding-top:2em; color: #fff; }
.reportform .yingxiao .tab-con p{ padding-bottom: 3em; font-size: 1.25em; }
.reportform .yingxiao .tab-con .img{background:url(../../images/tg/reportform/computer.png) no-repeat center 70px;  padding-bottom:5em}
.reportform .yingxiao .tab-con img{ width: 790px; height: auto;}
.reportform .list{ display: none;}
.reportform .list .item{ padding-top: 2em;}
.reportform .list .item h4{ font-weight: bold;}
.reportform .list .item p{ font-size: .9em; color: #666; margin-bottom: 1em;}
.reportform .yingxiao .item h4,.reportform .yingxiao .item p { color: #fff}
.min-logo{ display: block;}
.max-logo{ display: none;}

/*============= 插件  ray 20191118=============*/
.product.chajian .item{padding-top: 0;}
.product.chajian .item .text h2:after{width: 0; height:0;}
.product.chajian .text h2{padding-bottom: 0;}
.product.chajian .text h2 .text-bule{color: #4976f8;}
.product.chajian .item .text h5{padding-top: 0;}
.scene_body{ padding: 2rem 0 3rem 0; overflow: hidden;}
.scene_body li{width: 50%; float: left; }
.scene_body .contion{ height: 15rem; border-radius: 10px; padding:1.5rem  2rem ; color: white; margin: 0 0.6rem;}
.scene_body li:nth-child(1) .contion{background: url(../../images/tg/article/scene_left.png) no-repeat bottom right; background-size: cover;}
.scene_body li:nth-child(2) .contion{background: url(../../images/tg/article/scene_right.png) no-repeat bottom right; background-size: cover;}
.scene_body .contion h2{font-size: 1.375rem;  font-weight: bolder; margin-bottom: 0.8rem;}
.scene_body .contion p{display: block; width: 70%; padding-left: 24px; background: url(../../images/tg/article/list.png) no-repeat left 5px;
background-size: 16px 16px;}

/*============= 头部下拉导航 ray 20191118=============*/
.hasSub .sub_style2{ position: fixed; top: 7.5rem; z-index: 55555;  width: 100%; left: 0; border-top: 1px solid #ddd; overflow: hidden;/**/
    background-color: #fff; height: 0; transition: .3s; text-align: left; box-shadow: rgba(0,0,0,.3) 0 5px 5px -5px;  }
.hasSub .sub_style2 ul{padding: 1rem 0;}
.hasSub .sub_style2 li{ width: 25%;  float: left;}
.hasSub .sub_style2 li a{ margin:0 0.5rem;  position: relative; padding:15px 10px 15px 45px; line-height: 1!important; border-radius: 4px; display: block;}
.hasSub .sub_style2 li a .iconfont{ width: 40px; height: 40px;  position: absolute; left: 0; top:15px;
font-size: 30px; text-align: center; line-height: 40px; color: #4976f8;}
.hasSub .sub_style2 li a h2{font-size: 1rem; color: #333333;}
.hasSub .sub_style2 li a p{font-size: 0.75rem; color: #999999; margin-top: 10px; }
.hasSub .sub_style2 li a:hover{background-color: #f2f2f2;}
.hasSub:hover .sub_style2{height:40rem;}

/***新的下拉分类导航 jeter 20210419***/
.border_top { border-top: 1px dotted #aaa;}
.border_top:first-child {border-top:none;}
.fenlei_tit { float: left; width: 15%; line-height: 80px; font-size: 20px; color: #4976f8; }
.fenlei_tit span {float: left;font-size:30px; color:#4976f8; padding-right: 8px; padding-top: 2px; }
.fenlei_nav { float: right; width: 85%; margin-top: 5px;}
.fenlei_nav li { color: #666 !important; width:16.6% !important; height: 30px; margin: 5px 0; }
.hasSub .sub_style2 .fenlei_nav li a { height:30px; padding: 0 !important;  color: #555; line-height: 30px !important;  }
.hasSub .sub_style2 .fenlei_nav li a span.iconfont {float: left; color: #555; padding: 0 5px;font-size: 18px!important;width: 30px; height: 30px; line-height:30px!important; position: relative!important; top: 2px!important;}


.mobile-sub a{ width: 25%; float: left;}
/*============= 配送定位 ray 20191214=============*/
.page_dist .list-ul{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 2rem 0 3rem 0;}
.page_dist .list-ul li{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center; color: #888;}
.page_dist .icon_list{overflow: hidden; clear: both; margin-top: 1rem;}
.page_dist .icon_list li{float: left; margin-right: 1rem; color:#999; text-align: center; font-size: 0.875rem; font-weight: normal;}
.page_dist .icon_list span{display: block; width: 4rem; height: 4rem; border-radius: 4rem; background-color: #e9e9e9;
    color: #777777; line-height: 4rem; font-size: 2rem; text-align: center;}
/*============= 消息提醒=============*/
.xiaoxi-stytle{ width: 100%; padding-bottom: 2rem;}
.xiaoxi-stytle li{ width: 16.6%; text-align: center; float: left; padding:2rem 0 ;}
.xiaoxi-stytle li img{ width: 5.625rem; height: 5.625rem;}
.xiaoxi-stytle li p{ color: #666; margin-top: 1rem;}

/**社交**/
.sj-nav .hasSub:hover .sub_style2{ height: 27rem; }

/*社群新增*/
.sq-nav .hasSub:hover .sub_style2{ height: 25rem; }
.idx-t2{ font-size: 4rem; font-weight: bold; }
.sub-tit{ margin-top: 1rem; }
.sub-tit span{ border-top: 2px solid #73a8fd; border-bottom: 2px solid #73a8fd; font-size: 2rem; display: inline-block;}
.bg-text{ margin-top: 1.5rem; }
.bg-text span{ background: #fbba3a; border-radius: 2rem; line-height: 4rem; color: #fff; padding: 0 2rem; font-size: 1.8rem;  display: inline-block; }

.sq-title h2{ position: relative; z-index: 1; display: inline-block; }
.sq-title h2:before{ content: ''; position: absolute; top: 0; left: -3rem; width: 2.25rem; height: 2.25rem; background: url(../../images/sq/index/title-bg-l.png) no-repeat }
.sq-title h2:after{ content: ''; position: absolute; top: 1rem; right: -3rem; width: 2.25rem; height: 2.25rem; background: url(../../images/sq/index/title-bg-r.png) no-repeat }
.sq-part1 .list{ margin-top:2rem; }
.sq-part1 .list .item{ width: 90%; margin:1rem auto; background: #fff; border-radius: 2rem; box-shadow: 0 0.2rem 1rem rgba(57,107,225,.4); padding: 2rem;  }
.sq-part1 .list .item .img{ text-align: center; }
.sq-part1 .list .item h4{ font-size: 1.25rem;  }
.sq-part1 .list .item h4 i{ color: #4976f8; font-style: italic; font-size: 1.5rem; margin-right:0.5rem; }
.sq-part1 .list .item p{ font-size: 15px; color: #666; }
.sq-part2 .img{ margin-top: 2rem; text-align: center; }
.sq-part3{margin-top: 5rem; padding-bottom: 5rem; background: #6e88ff; 
    background: -webkit-linear-gradient(left, #8280ff , #33a2fe); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #8280ff, #33a2fe); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #8280ff, #33a2fe); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #8280ff , #33a2fe); 
     }
.sq-part3 .title{ color: #fff; }
.sq-part3 ul{ background: url(../../images/sq/index/part3-img.png) no-repeat center bottom; padding-top: 7rem; position: relative; margin-top: 4rem;}
.sq-part3 li{ width:21.25rem; float: left; color: #fff; margin-bottom: 5rem;}
.sq-part3 li h4{ font-size: 1.5rem; }
.sq-part3 li p{ font-size: 15px; color: #fff; opacity: .8; margin-top: 0.5rem; }
.sq-part3 li:first-child{ position: absolute; top: 0; left: 50%; margin-left: -170px; text-align: center; }
.sq-part3 li:nth-child(2n){ margin-right: 32rem; }
.sq-part4 .item{ width: 25%; text-align: center; float: left; margin-top: 4rem; }
.sq-part4 .item .icn{ background: url(../../images/sq/index/part4-icon-bg.png) no-repeat center; height: 6.25rem; text-align: center;}
.sq-part4 .item .icn i{ font-size: 3rem; color: #fff; line-height:6rem; }
.sq-part4 .item h4{ font-size: 1.25rem; }
.sq-part4 .item p{ font-size: 15px; color: #666; }
.sq-part05 { background: #f4f9ff; margin-top: 4rem; }
.sq-part05 .list{ margin-top: 2rem; padding-bottom: 4rem; }
.sq-part05 .list .item{ width: 90%; margin: 1rem auto;  box-shadow: 0 0.2rem 1rem rgba(0,0,0,.2); border-radius: 2rem; }
.sq-part05 .list h3{ border-radius: 2rem 2rem 0 0; background: #3d9efe; line-height: 5rem; color: #fff; font-size:1.5rem; text-align: center; }
.sq-part05 .list .con{ padding: 2rem; height: 18rem; position: relative;}
.sq-part05 .list .con h4{ font-size: 1.25rem; font-weight: bold; margin-bottom: 1rem;}
.sq-part05 .list .con p{ font-size: 14px; color: #666; }
.sq-part05 .list .btn{ position: absolute; bottom: 2rem; left: 20%; right: 20%;background: #3d9efe; color: #fff; text-align: center; line-height: 3rem; display:block; border-radius: 2rem;  cursor: pointer;}
.sq-part05 .list .s1 h3{
   background: -webkit-linear-gradient(left, #47c944 , #9ae337); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #47c944, #9ae337); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #47c944, #9ae337); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #47c944 , #9ae337); 
}
.sq-part05 .list .s1 .btn{ background: #72d53a; }
.sq-part05 .list .s2 h3{
   background: -webkit-linear-gradient(left, #8280ff , #34a2fe); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #8280ff, #34a2fe); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #8280ff, #34a2fe); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #8280ff , #34a2fe); 
}
.sq-part05 .list .s2 .btn{ background: #4f6cf3; }
.sq-part05 .list .s3 h3{
   background: -webkit-linear-gradient(left, #fe852b , #fbbf45); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fe852b, #fbbf45); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fe852b, #fbbf45); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe852b , #fbbf45); 
}
.sq-part05 .list .s3 .btn{ background: #ff8927; }

.miniBox{ width: 22rem; text-align: center; margin-left: -10rem; }

/*社交新增*/
.banner-text .idx-t3{ font-size: 3.5rem; font-weight: bold; }
.sj-index .banner-text .sub-tit{ font-size: 1.75rem; margin-top: 0;}
.banner-text .bd-text span{ border:2px solid #fff; border-radius: 2rem; padding: 0 1rem; line-height: 3rem; display: inline-block; font-size: 1.5rem; margin-top: 2rem;}
.sj-index h4{ font-size: 1.25rem; font-weight: bold; }
.sj-index p{ font-size: 15px; }
.sj-part1{ padding-bottom: 5rem; }
.sj-part1 .item{ text-align: center; padding: 2rem 2rem 0; box-sizing: border-box;}
.sj-part1 .item img{ width: 6.625rem; height: 6.625rem; }
.sj-part1 .item h4{ margin-top: 1rem; }
.sj-part2 .con{padding: 2rem 0 5rem; line-height: 2.4;}
.sj-part2 .con .left{ width: 20%; text-align: right; float: left; padding-top: 5rem;}
.sj-part2 .con .img{ width:60%; text-align: center; float: left;}
.sj-part2 .con .img img{ max-width: 100%; }
.sj-part2 .con .right{ width: 20%; float: left; padding-top: 5rem;}
.sj-part3{ padding-bottom: 5rem; }
.sj-part3 .img{ text-align: center; padding-top: 2rem; }
.sj-part3 .img img{ max-width: 100%; }
.sj-index .sq-part05 .list .item{ margin-top: 5rem; }
.sj-index .sq-part05 .list h3{ position: relative; z-index: 1; text-align: right; padding-right: 1rem;}
.sj-index .sq-part05 .list img{ position: absolute; bottom: 0; left: 0; width: 10rem; height: auto; }
.sj-index .sq-part05{ margin-top: 0; }
.sj-serve .serve03 .list .itm{ background: #fff; border-radius:1rem; padding-bottom: 2rem;}

.product.other .item{ padding: 80px 0; }
@media screen and (max-width:1000px){
	.min-logo{ display: none;}
.max-logo{ display: block;}
.container{ max-width: 40rem; }
header{ display: none; }
.nav-list,.nav-login{ display:none;}
.nav-icon{ display:block;}
.navbar .logo img{ height: 2.8rem; margin-top: 1.1rem;}
.navbar{ height:5rem; }
.banner{ margin-top: 5rem; }
}
@media screen and (max-width:750px){
.banner .item{ overflow: hidden;}
.banner .item img{ max-width:none; height: 160px; margin-left: -200px;}
.new-ban .item img{margin-left: -100px;}

.banner .item.page10 img{ margin-left: -43%;}


.banner .item.sjpage2 img{ margin-left: -90px;}

.banner-text{ top: 0; left: 0; margin-left: 1rem; width: 50%; }
.banner-text .idx-t1{display: none;}
.banner-text h5{ font-size:1.2rem; margin-top: 1rem;}
.banner-text p{ font-size: 1rem; margin-top: 0; line-height: 1.2; }
.idx-section01 .img,.idx-section01 .text{ width: 100%; }
.idx-section03 .list .item{ width: 100%; }
.idx-section05 .list .itm{ width: 50%; padding: 0 1rem; height: 15rem; margin-top: 1rem;}
.idx-section06 .list .item h3{ font-size: 1rem;}
.idx-section02 .list .item,.idx-section06 .list .item{ width: 100%;}
.flex-foot{ display: block; padding:1rem; }
.flex-foot .tel,.flex-foot .nav,.flex-foot .ewcode{ width: 100%; }
.flex-foot .ewcode{ text-align: center;display: inline-block; }
.flex-foot .ewcode p{ display: none }
.flex-foot .nav ul{display: none;}
.fixbth,.fixed{ display: none;}
.product .item{flex-wrap:wrap; padding-bottom: 2rem;}
.product .item:nth-child(2n){ background: #f5f5f5;}
.product .item .img{ order:-1;}
.product .item .img,.product .item .text{ width: 100%;}
.product .item .text{ padding:0 1rem!important;}
.product .item .text h2{ font-size: 1.25rem;}
.product .item .text h5{ font-size: 1rem;}
.product .item .text p{ font-size: .875rem;}
.product .item .btn{ display: none;}
.title h2{font-size: 1.25rem; }
.title p{font-size: 1rem;}
.title s{ top: 7.5rem;}
.showbox{ display: block;}
.showbox .pull-left{ display: none;}
.function .list .itm{ width: 100%;}
.showimg{ display: none}
.serve01 ul{ display: block;}
.serve01 li{ width: 50%;}
.serve02 ul{  display: block; height: auto;}
.serve02 li{ width: 50%;}
.serve02 ul:before,.serve02 ul:after{ display: none}
.serve03 .list .itm{ width: 100%;}
.serve04 ul{ display: block;}
.serve04 li{ width: 100%; margin-bottom:1rem;}

.section05 li{width: 50%; text-align: center;}
.section05 .thumbnail{ margin:0.3rem; padding: 0.5rem 1rem 1rem 1rem; }
.section05 .thumbnail img{width: 50%; margin: 0 auto;}
.section05 .thumbnail h3{font-size: 1rem;}
.section05 .thumbnail p{font-size: 0.875rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis;
        display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; height: 2.8rem; }
.section06 li{margin: 0.5rem auto; line-height: 1.5; font-size: 0.875rem;}
.section06 li span{width:4rem; height: 4rem; line-height:4rem; margin: 0 auto 0.5rem auto;}
.section06 li span .iconfont{font-size: 2rem; }

.banner-text h3{ font-size: 1.5rem; padding-top: 1rem; letter-spacing: 0;}
.banner-text ul{ display: none;}
.news-nav .active:before{ width: 4rem; margin-left: -2rem;}
.banner-text h4{ font-size: 1rem; margin-top: -.5rem;}
.news-nav{ margin-top: 0;}
.news-nav .item{ font-size: .875rem;}
.news-list li .news-img{ width: 9.125rem; height: 5.5rem; margin-right: 1rem;}
.news-list li .info{ width: 100%;}
.news-list li .info h3 a{ font-size: 1rem; }
.news-list li .info p a{ margin-top: 0;}
.news-list li .time{ display: none;}
.fenye{ font-size: .5rem; margin:2rem 0;}
.fenye .text{ display: none}
.w-location,.tag-share{ display: none;}
.news-detail .title h1{ font-size: 1.25rem;}
.news-related li{ width: 100%;}
.news-related li a p{ width: 60%}
.news-detail .title p span{ font-size: .75rem; padding: 0 2px;}
.partner01{ display: block;}
.partner01 .pull-left{ width: 100%; font-size: .875rem; margin-bottom: 1rem;}
.partner01 .pull-right{ width: 100%; text-align: center;}
.partner02 li{ width: 100%; padding-bottom: 1rem;}
.partner02 li.part02, .partner02 li.part04{ padding-top: 0;}
.partner03 ul{ background: none; height: auto;}
.partner03 li{ width: 50%;}
.partner03 li.part01, .partner03 li.part03, .partner03 li.part05{ padding-top: 0;}
.partner04 li{ width: 50%; height: 16rem;}
.partner05 .form{ width: auto;}
.partner05 .form .item input,.partner05 .form .item textarea{ width: 70%;}
.partner05 .form .item label{ width: 30%; font-size: 1rem;}
.partner-banner{height:160px; background-size: auto 160px;}
.partner06 .sub_nav li { width: 20%; text-align: center; margin-bottom: 0.5rem; color: #333; font-size:0.875rem; }
.partner06 .sub_nav span{width: 3rem; height: 3rem; line-height: 3rem; margin-bottom: 0;}
.partner06 .sub_nav span .iconfont{font-size: 1.5rem;}
.partner06 .media_left{display: none;}
.partner06 .media_body {padding: 0;}
.partner06 .sub_main{margin-top: 0.5rem;}

.cus-section01 ul li{width: 50%;}
    .page_cus .thumbnail>img{width: 7rem;  height: auto;}
    .page_cus .thumbnail .caption{padding:0rem  0.5rem 0.5rem 0.5rem;  }
    .cus-section02 ul li{width: 100%; margin-top: 1rem;}
    .page_cus .media{width: 90%;}
    .page_cus .media_left .icon{width: 2.5rem; height: 2.5rem; line-height: 2.5rem; left: 0; top:0;}
    .page_cus .media_left .icon .iconfont{font-size: 1.6rem;}
    .page_cus .media_left .order{width: 1.5rem; height: 1.5rem; line-height: 1.5rem; left:2rem; top:1rem; font-size: 1rem; }
    .page_cus .media_body{margin-left: 4rem;}
    .cus-section03 ul li{width: 25%; margin-top: 0.5rem; text-align: center; margin-bottom: 1rem;}
    .page_cus .icon_bj{width: 50px; height: 50px; background-size: 250px auto;}
    .page_cus .icon_bj.icon_1{background-position: 0 0;}
    .page_cus .icon_bj.icon_2{ background-position: -50px 0;}
    .page_cus .icon_bj.icon_3{ background-position: -100px 0;}
    .page_cus .icon_bj.icon_4{ background-position: -150px 0;}
    .page_cus .icon_bj.icon_5{ background-position: -200px 0;}
    .page_cus .icon_bj.icon_6{ background-position: 0 -50px;}
    .page_cus .icon_bj.icon_7{ background-position: -50px -50px;}
    .page_cus .icon_bj.icon_8{ background-position: -100px -50px;}
    .page_cus .icon_bj.icon_9{ background-position: -150px -50px;}
    .page_cus .icon_bj.icon_10{ background-position: -200px -50px;}
    .cus-section03 ul li p{display: block; padding: 0 0.5rem; line-height: 1.5rem; font-size:0.875rem; }
    .cus-section04 .form-box{width:94%;margin:0 auto; padding-top:0rem;}
    .cus-section04 .form-box ul li span{width:30%; }
    .cus-section04 .form-box ul li input{width:70%;}
    .cus-section04 .form-box ul li .demand{width:70%;}

    .reportform .content{ display: none;}
    .reportform .list{ display: block;}

    /*============= 插件 =============*/
  .product.chajian .title{padding-top: 2rem;}
  .product.chajian .title s{top:4.3rem;}
  .scene_body{ margin: 0!important;}
  .scene_body li{width: 100%; margin-top: 1rem; float: left; }
  .scene_body li .contion{margin: 0; height: 15rem;  padding: 0.5rem 1rem;}
  .scene_body li .contion p{display: block; width: 90%; line-height: 1.5;}
  .scene_body li:nth-child(1) .contion{background: url(../../images/tg/article/scene_left.png) no-repeat bottom left; background-size: cover;}
  .scene_body li:nth-child(2) .contion{background: url(../../images/tg/article/scene_right.png) no-repeat bottom left; background-size: cover;}
  /*============= 配送定位 ray 20191214=============*/
    .page_dist .list-ul li img { width:70%; height: auto;}
    .page_dist .icon_list span{width: 3.5rem; height: 3.5rem; line-height: 3.5rem; font-size: 2rem;}
    .xiaoxi-stytle li{ width: 33.3%;}


  /*社群新增*/
.idx-t2{ font-size: 1.25rem; margin-top: 1.5rem;}
.sub-tit{ margin-top: 0.5rem; }
.sub-tit span{ font-size: 0.875rem; }
.bg-text{ display: none; }
.sq-part1 .list .item h4{ font-size: 1rem; }
.sq-part1 .list .item p{ font-size: 14px; }
.sq-part3 ul{ background:transparent; padding-top: 0;}
.sq-part3 li:first-child{ position: static; left: 0; margin-left: 0; text-align: left; }
.sq-part3 li{ margin-bottom: 2rem; }
.sq-part3 li h4{ font-size: 1rem; }
.sq-part3 li p{ font-size: 14px; }
.sq-part4 .item{ width: 50%; padding: 0 1rem; margin-top: 2rem;}
.sq-part4 .item h4{ font-size: 1rem; }
.sq-part4 .item p{ font-size: 14px; }
.sq-part05 .list .con h4{ font-size: 1rem; }

 /*社交新增*/
.banner-text .idx-t3{ font-size: 1.25rem; margin-top: .5rem; }
.sj-index .banner-text .sub-tit{ font-size: 1rem; margin-top: 0;}
.banner-text .bd-text span{ line-height: 1.8rem; font-size: 0.75rem; margin-top: 0.5rem;}
.sj-part2 .con .left,.sj-part2 .con .right{ width: 100%; text-align: left; background: #fff; border-radius: 1rem; padding:1rem 2rem; margin-top: 1rem; }
.sj-part2 .con .img{ display: none; }
.sj-index .sq-part05 .list img{ width: 6rem; }
.sj-index .sq-part05 .list h3{ line-height: 4rem; }

.sj-partner .banner-text h5{ display: none; }

}

footer { float:left; width:100%; background:#161e30; padding-top:34px; }
footer .centerbox { width:1200px; margin: 0 auto;}
.lxbox { float:left; width:340px; color:#fff; margin-right: 45px;}
.lxbox .foot_tel { float:left; font-size:32px; line-height:36px; font-weight: bold}
.lxbox .foot_tel span { display:block; font-size:14px; color:rgba(255,255,255,.6); font-weight:normal; line-height:28px;}
.lxbox .foot_ewm { float:left; margin-top: 30px;}
.lxbox .foot_ewm li { float:left; width:132px; text-align: center; margin-right: 38px;  }
.lxbox .foot_ewm li .ewm { float:left; width:100%; height:132px;}
.lxbox .foot_ewm li h4 { float:left; width:100%; font-size:14px; line-height:20px; font-weight:normal; color:rgba(255,255,255,.6); margin-top:10px; text-align: center;}

.lxbox .foot_tel a { color:#fff; text-decoration: none;}

.footlist { float:left;  padding-right: 80px; }
.footlist h3,.footlxwm h3 {color:#fff; font-size:18px; font-weight:normal; line-height:30px; padding-bottom: 10px;}
.footlist li,.footlxwm li { float:none; font-size:14px; color:#a2a5ac; line-height:26px; padding:5px 0}
.footlist li a { color:#a2a5ac;  text-decoration: none;}
.footlist li a:hover { color:#cdd2dc;}

.footlxwm { float:right;}
.footlxwm li span { display: block; text-indent: 5em;}

.copyright { float:left; width:100%; margin-top:32px; border-top: 1px solid #303b53; line-height:46px; podding-bottom:4px; color:#666e80; font-size:14px; text-align: center;}
.copyright a { color:#92969f; text-decoration: none;}
.copyright a:hover { color:#cdd2dc;}

@media (max-width:1199px){
	footer .centerbox { width:94%!important;}
	.lxbox {margin-right: 20px;}
	.footlist { padding-right: 30px;}
}
@media (max-width:1060px){
	.footlist:nth-child(3)  { display: none;}
}
@media (max-width:980px){
	.footlist:nth-child(4)  { display: none;}
}
@media (max-width:900px){
	.footlist:nth-child(2)  { display: none;}
	.footlist:nth-child(4)  { display: block;}
}
@media (max-width:820px){
	.footlist:nth-child(2)  { display: none;}
	.footlist:nth-child(4)  { display: none;}
}
@media (max-width:690px){
	footer { padding-top:18px;}
	.lxbox { width:100%;}
	.lxbox .foot_tel { font-size:26px;}
	.lxbox .foot_tel span { display:inline;}
	.lxbox .foot_ewm { width: 100%; margin-top:12px; border-top: 1px solid #303b53; padding-top:15px; }
	.lxbox .foot_ewm li {float:left; width:40%; margin:0 5%; text-align: center;}
	
	.footlxwm { width:100%;  border-top: 1px solid #303b53; padding-top:5px; margin-top: 10px; }
	.footlxwm h3 { padding-bottom: 0}
	.footlxwm li span { display: inline;}
	.footlxwm li a { color:#92969f; text-decoration: none;}
	.copyright {margin-top: 5px; }
	.copyright a { display: none;}
}


/**底部固定条**/
.footbar { width:100%; height: 4.5rem; padding-bottom:.5rem; background: #fff; position: fixed; bottom: 0; left: 0; z-index:888; display:none;}
.foot_neirbox {height: 100%; padding: 0 0.2rem; box-sizing: border-box; background-color: #fff; display: flex; align-items: center; box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, .1);}
	
.zxnum_li { display: block; width:4rem; height: 4rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 0.3rem; }
.zxnum_li a ,.zxnum_li span{ display: block; width:4rem; height: 4rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; text-decoration: none; cursor: pointer;}
.zxnum_li a .butt-icon,.zxnum_li span .butt-icon{font-size:1.6rem;  color: #4976f8; height:2.2rem;}
.zxnum_li a .button-text,.zxnum_li span .button-text{color: #666;font-size: 0.8rem;}
	
	
.foot_butt {width: 12rem; height:3rem; margin-left:0.2rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 24px; background: #4976f8;}
.foot_butt a {width: 12rem; height:3rem;box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 24px; background: #4976f8; text-decoration: none;}
.foot_butt a .butt-icon {font-size: 1.2rem; color:#fff; margin-right: 0.5rem; }
.foot_butt a .button-text {  font-size: 1rem; color:#fff; font-weight: bold; }

@media only screen and (max-width: 40em) {
	.footbar {display:block;}	
}

.wxtextbox { width:54%; height: auto; background: #fff; padding:0 1rem 1rem; box-sizing: border-box; border-radius: 6px; box-shadow:0 0 20px 5px rgba(0,0,0,.1); position: fixed; left:23%; bottom: 9rem; z-index: 899; display:none;  }	
	
.mobilekejian { display: none ;}

@media only screen and (max-width: 40em) {
	 .mobilekejian { display: block ;}
}
	
#wxclose { float:right; width:20px; height: 20px; margin:.6rem 0 .5rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; ; position: relative; right: -0.5rem;cursor: pointer;}
#wxclose i { font-size: 1.5rem; color: #999;}
	
.mobile_ewm { width:100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.mobile_ewm img { max-width:100%; height: auto;}
.mobile_txt {font-size: .8rem; color: #555; text-align: center; padding-top:.6rem;}
#weixinhao { color:#4976f8; font-size: 1rem; font-weight: bold; display: block; }