/* ==========================================================================
   reset
   ========================================================================== */
html, body, 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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

img {
  vertical-align: middle;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a[href], label[for], select, 
input[type=checkbox], input[type=radio] {
  cursor: pointer;
}

button, input[type=button], input[type=image], 
input[type=reset], input[type=submit] {
  padding: 0;
  overflow: visible;
  cursor: pointer;

}

button::-moz-focus-inner, 
input[type=button]::-moz-focus-inner, 
input[type=image]::-moz-focus-inner, 
input[type=reset]::-moz-focus-inner, 
input[type=submit]::-moz-focus-inner {
  border: 0;
}

.hide {
  position: absolute !important;
  left: -9999em !important;
}

.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

.ie7 .clearfix {
  zoom: 1; 
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

del {
  text-decoration: line-through;
}

th, td {
  vertical-align: top;
}

th {
  font-weight: normal;
  text-align: left;
}

address, cite, dfn {
  font-style: normal;
}

abbr, acronym {
  border-bottom: 1px dotted #999;
  cursor: help;
}

sub, 
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

textarea {
   overflow: auto;
}




/* ==========================================================================
   Author's custom styles
   ========================================================================== */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #d3f4fe;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

input[type="number"]{
  -moz-appearance: textfield;
}

input,
textarea{
  font-family: "Microsoft Yahei",SimHei,"Helvetica Neue","DejaVu Sans",Tahoma,"Hiragino Sans GB";
  font-size: 12px;
  -webkit-appearance:none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  outline: 0;
}

a,
a:visited{
    color: #fff; 
    text-decoration: none; 
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
}

img{width: 100%; height: auto;}


html{
  overflow-x:hidden;
  font-size: 625%;
  height: 100%;
}


body{ 
  font-size:.12rem;
  font-family: "Microsoft Yahei",SimHei,"Helvetica Neue","DejaVu Sans",Tahoma,"Hiragino Sans GB";
  text-align:center; 
  overflow:hidden;
  background: #fff;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}

img{
  background: #ccc;
}

header{
  height: .44rem;
  line-height: .44rem;
  font-size: .18rem;
  color: #333;
  position: relative;
}

header .menu ,.back{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: .44rem;
  width: .44rem;
  background: url(../images/ico_menu.png) center no-repeat;
  -webkit-background-size: .17rem;
  background-size: .17rem;
}

.back{
  background: url(../images/ico_back.png) center no-repeat;
  -webkit-background-size: .09rem;
  background-size: .09rem;
}

header .search{
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: .44rem;
  width: .44rem;
  background: url(../images/ico_search.png) center no-repeat;
  -webkit-background-size: .17rem;
  background-size: .17rem;
}

.banner{
  height: 1.5rem;
}

.banner img{
  height: 1.5rem;
}

.title{
  padding: .15rem;
}

.title h1{
  font-size: .12rem;
  color: #333;
  line-height: .2rem;
  position: relative;
}

.title h1::after{
  content: " ";
  display: block;
  height: 1px;
  width: .13rem;
  background: #999;
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
}

.title p{
  font-size: .09rem;
  color: #999;
  line-height: .3rem;
}

.ideabox{
  font-size: 0;
  padding: 0 .12rem;
}

.ideabox>div{
  display: inline-block;
  width: 50%;
  text-align: left;
  margin-bottom: .2rem;
}

.ideabox>div>i,.ideabox>div>div{
  display: inline-block;
  vertical-align: top;
}

.ideabox>div>i{
  width: .4rem;
  height: .4rem;
  padding: .05rem .15rem;
}

.ideabox>div h1{
  font-size: .15rem;
  color: #333;
  font-weight: bold;
}

.ideabox>div p{
  font-size: .09rem;
  color: #999;
}


.ideabox>div:nth-child(1) i{
  background: url(../images/ico_idea1.png) center no-repeat;
  -webkit-background-size: .34rem;
  background-size: .34rem;
}

.ideabox>div:nth-child(2) i{
  background: url(../images/ico_idea2.png) center no-repeat;
  -webkit-background-size: .34rem;
  background-size: .34rem;
}

.ideabox>div:nth-child(3) i{
  background: url(../images/ico_idea3.png) center no-repeat;
  -webkit-background-size: .4rem;
  background-size: .4rem;
}

.ideabox>div:nth-child(4) i{
  background: url(../images/ico_idea4.png) center no-repeat;
  -webkit-background-size: .4rem;
  background-size: .4rem;
}

.casebox{
  font-size: 0;
  padding-left: .05rem; 
}

.casebox>div{
  display: inline-block;
  width: 33.33333333%;
  box-sizing: border-box;
  padding-right: .05rem;
}

.casebox>div img{
  height: .8rem;
}

.casebox>div span{
  font-size: .1rem;
  color: #999;
  line-height: .25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.step{
  background: #f8f8f8;
}

.stepbox{
  padding: 0 .15rem;
  display: flex;
  display: -webkit-flex;
  margin-bottom: .25rem;
}

.stepbox span{
  flex: 1;
  -webkit-flex: 1;
  margin: 0 .025rem;
  height: .25rem;
  background: #23b34f;
  border-radius: 5px;
  color: #fff;
  font-size: .09rem;
  line-height: .25rem;
}

.stepbox span.two{
  box-sizing: border-box;
  line-height: 120%;
  padding: .03rem;
}


.more{
  background: #fb7e3d;
  width: .6rem;
  border-radius: 5px;
  color: #fff;
  font-size: .09rem;
  display: inline-block;
  margin-bottom: .25rem;
  padding: .05rem 0;
}

.title.two p{
  line-height: 150%;
  padding: .1rem 0;
}
.knowledge{
  background: #f8f8f8;
}

.knowledgebox{
  padding-left: .1rem;
}

.knowledgebox>div{
  padding: .1rem 0;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
}

.knowledgebox>div img{
  width: .5rem;
  height: .5rem;
  vertical-align: top;
  margin-right: .1rem;
}

.knowledgebox>div div{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - .65rem);
  overflow: hidden;
}

.knowledgebox>div div h1{
  font-size: .15rem;
  color: #333;
  line-height: 120%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.knowledgebox>div div p{
  font-size: .13rem;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.knowledgebox>div div span{
  font-size: .1rem;
  color: #ccc;
}

.about,.detail{
  padding: 0 .3rem;
  font-size: .13rem;
  color: #999;
  text-align: left;
}

.detail *{
  font-size: .13rem!important;
  line-height: 2em!important;
}

.aboutimg{
  margin: .1rem 0 .2rem
}

footer{
  background: #0c7900;
  padding: .2rem 0 ;
  color: #fff;
  line-height: .2rem;
  font-size: .09rem;
  margin-bottom: .5rem;
}

.link{
  height: .5rem;
  position: relative;
  padding: 0 .3rem;
  text-align: left;
  border-top: 1px solid #e5e5e5;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}

.link .logo,.link a{
  display: inline-block;
  vertical-align: top;
}

.link .logo{
  background: url(../images/fotter_logo.png) center no-repeat;
  -webkit-background-size: .5rem;
  background-size: .5rem; 
  height: .5rem;
  width: .5rem;
}

.link a{
  background: url(../images/tel.png) center no-repeat;
  -webkit-background-size: 2rem;
  background-size: 2rem;
  height: .5rem;
  width: 2rem;
}

.link img{
  position: absolute;
  right: .3rem;
  top: 50%;
  transform: translateY(-50%);
  width: .35rem;
  height: .35rem;
}

.mm-menu .logo{
  display: block;
  height: .44rem;
  width: 100%;
  background: url(../images/logo.png) center no-repeat;
  -webkit-background-size: .45rem;
  background-size: .45rem;
}

.contact p{
  font-size: .13rem;
  color: #333;
  line-height: 150%;
}

.contact img{
  width: 1rem;
}


.planbox{
  margin-bottom: .2rem;
}

.boxnav{
  overflow: auto;
  white-space: nowrap;
  padding: .1rem 0 .1rem .1rem;
  text-align: left;
}

.boxnav span{
  display: inline-block;
  vertical-align: top;
  height: .3rem;
  line-height: .3rem;
  margin-right: .1rem;
  font-size: .13rem;
  color: #999;
  position: relative;
} 

.boxnav span.on{
  color: #333;
}

.boxnav span.on::after{
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 1px;
  width: .25rem;
  transform: translateX(-50%);
  background: #999;
}


.about_title{
  font-size: .12rem;
  color: #333;
  background: #e3e3e3;
  position: relative;
  display: inline-block;
  padding: .05rem;
  margin-bottom: .1rem;
}

.about_title::after{
  content: " "; 
  display: block;
  height: 1px;
  width: .13rem;
  background: #999;
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
}

.aboutpage .about{
  margin-bottom: .2rem;
  line-height: 180%;
  color: #333;
}


.gary{
  color: #999!important;
}

.about b{
  font-weight: bold;
}

.about span{
  font-weight: bold;
  font-size: .12rem;
  text-align: center;
  display: block;
}

.aboutlist{
  display: none;
}

.aboutlist.show{
  display: block;
}

.aboutpage .contact{
  margin-bottom: .2rem;
}