input {
  border-color: #f5f5f5;
}
.color-bg {
  background: #EEEEEE;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.content-box {
  background: #fff;
}
.transition {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.am-list li {
  border-color: #f5f5f5;
}
.main-txt-color {
  color: #FF8201;
}
.muted-txt-color {
  color: #5393FD;
}
img {
  width: 100%;
}
a {
  color: #333;
}
a:focus,
a:hover {
  text-decoration: none;
  outline: none;
}
ul {
  padding: 0;
}
ul li {
  list-style: none;
}
.headerbox {
  background: #fff;
}
.headerbox .am-header-title img {
  width: auto;
}
.headerbox .am-header-nav a {
  color: #666;
}
.headerbox .am-header-nav .am-header-nav-title {
  font-size: 1.6rem;
}
.am-menu-dropdown1 .am-menu-toggle {
  color: #666;
}
.am-menu-dropdown1 .am-menu-nav > li > a {
  background: rgba(102, 102, 102, 0.8);
  border-bottom: 1px solid #999;
}
#bannerbox .swiper-slide img {
  width: 100%;
}
.indexnav {
  background: #fff;
  padding: 10px 0;
  text-align: center;
}
.indexnav img {
  width: 50%;
}
.indexnav span {
  margin: 10px 0 0;
  display: block;
  font-size: 12px;
}
.banner-box {
  position: relative;
}
.index-item-box {
  background: #fff;
  margin-top: 1rem;
}
.index-item-box .item-title {
  font-size: 1.4rem;
  padding: 1rem 1rem;
}
.index-item-box .item-title a {
  font-size: 1.4rem;
  float: right;
  color: #999;
}
.server-box .item-title {
  border-left: 0.5rem solid #fcc02a;
}
.server-box ul {
  border-top: 1px solid #f5f5f5;
}
.server-box ul li {
  border-left: 1px solid #f5f5f5;
  padding: 1rem;
  text-align: center;
}
.solve-box .item-title {
  border-left: 0.5rem solid #588DFD;
}
.solve-box ul {
  margin: 0 -0.5rem;
}
.solve-box ul li {
  padding: 0 0.5px;
  text-align: center;
}
.solve-box ul li a {
  display: block;
  border-bottom: 1px solid #fff;
}
.company-box .item-title {
  border-left: 0.5rem solid #fcc02a;
}
.company-box ul {
  border-top: 1px solid #f5f5f5;
}
.company-box ul li {
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  padding: 1rem;
}
.company-box ul li span {
  font-size: 1.6rem;
}
.company-box ul li p {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  color: #999999;
}
.company-box ul li .com-1 {
  color: #578efd;
}
.company-box ul li .com-2 {
  color: #fb6e6c;
}
.company-box ul li .com-3 {
  color: #33ba69;
}
.company-box ul li .com-4 {
  color: #a15cb1;
}
.contect-box {
  background: #ffffff url('http://style.hengjilianxun.com/hengji_wap/images/contect-bg.png') no-repeat right bottom;
  padding: 1rem;
  margin: 1rem 0;
  background-size: auto 100%;
}
.contect-box span {
  color: #578efd;
  font-size: 1.6rem;
}
.contect-box p {
  margin: 0.5rem 0;
  font-size: 1.2rem;
}
.am-offcanvas-bar {
  background: rgba(51, 51, 51, 0.8);
}
.am-offcanvas-bar::after {
  background: rgba(51, 51, 51, 0.8);
}
.am-offcanvas-content {
  padding: 5rem 0rem;
}
.am-offcanvas-content p:active {
  background: rgba(75, 137, 222, 0.8);
}
.am-offcanvas-content a {
  padding-left: 2rem;
  margin: 0.5rem 0;
  display: block;
  color: #fff;
}
.am-offcanvas-content a:active {
  color: #fff;
}
.am-footer {
  background: #578efd;
  color: #e8e8e8;
  font-size: 1.2rem;
  padding: 0.5rem 0;
}
.am-footer p {
  margin: 0;
}
.banner {
  height: 200px;
  overflow: hidden;
  width: 100%;
}
.server-banner {
  background: url('http://style.hengjilianxun.com/hengji_wap/images/server-banner.jpg') no-repeat center;
  background-size: 100% auto;
}
.server-flow-banner {
  background: url('http://style.hengjilianxun.com/hengji_wap/images/server-flow-banner.jpg') no-repeat center;
  background-size: 100% auto;
}
.about-banner {
  background: url('http://style.hengjilianxun.com/hengji_wap/images/about-banner.jpg') no-repeat center;
  background-size: 100% auto;
}
.team-banner {
  background: url('http://style.hengjilianxun.com/hengji_wap/images/team-banner.jpg') no-repeat center;
  background-size: 100% auto;
}
.solve-banner {
  background: url('http://style.hengjilianxun.com/hengji_wap/images/solve-banner.jpg') no-repeat center;
  background-size: 100% auto;
}
.contact-banner {
  background: url('http://style.hengjilianxun.com/hengji_wap/images/contact-banner.jpg') no-repeat center;
  background-size: 100% auto;
}
.server-nav {
  text-align: center;
  padding: 4rem 0;
  position: relative;
  background: #fff;
}
.server-nav:before {
  content: '';
  height: 1px;
  width: 40%;
  background: #5292FE;
  position: absolute;
  top: 50%;
  left: 0;
}
.server-nav:after {
  content: '';
  height: 1px;
  width: 40%;
  background: #5292FE;
  position: absolute;
  top: 50%;
  right: 0;
}
.server-nav a {
  background: #999;
  color: #fff;
  padding: 0.8rem 1rem;
  margin: 0 0.5rem;
  position: relative;
  z-index: 2;
}
.server-nav a.active {
  background: #5292FE;
}
.server-item {
  background: #fff;
  margin-bottom: 1rem;
}
.server-item .item-title {
  padding: 2rem 0;
  text-align: center;
}
.server-item .item-title span {
  background: #FF8201;
  color: #fff;
  position: relative;
  padding: 0.5rem 1.5rem;
}
.server-item .item-title span:before {
  content: '';
  background: url('http://style.hengjilianxun.com/hengji_wap/images/plan-title-left.png') no-repeat;
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 3rem;
  background-size: auto 100%;
}
.server-item .item-title span:after {
  content: '';
  background: url('http://style.hengjilianxun.com/hengji_wap/images/plan-title-right.png') no-repeat;
  position: absolute;
  right: -30px;
  top: 0;
  height: 100%;
  width: 3rem;
  background-size: auto 100%;
}
.server-item .item-info {
  padding: 1rem;
  font-size: 1.2rem;
}
.server-item .item-info span {
  display: block;
  margin-top: 1rem;
  color: #666;
  text-align: center;
}
.server-item .item-info p {
  color: #999;
  text-indent: 2em;
}
.flow-box {
  padding: 1rem;
}
.flow-box .flow-item dl {
  position: relative;
  margin-bottom: 0;
  padding: 1rem 0;
}
.flow-box .flow-item dl dt {
  float: left;
  display: inline;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 6rem;
  text-align: center;
}
.flow-box .flow-item dl dt:before {
  content: '';
  height: 100%;
  width: 1px;
  position: absolute;
}
.flow-box .flow-item dl dt i {
  width: 6rem;
  height: 6rem;
  display: block;
  border-radius: 1000px;
  color: #fff;
  line-height: 6rem;
  position: relative;
  z-index: 9;
  margin-top: 2rem;
}
.flow-box .flow-item dl dd {
  float: left:
				display:inline;
  margin-left: 7rem;
}
.flow-box .flow-item dl dd p {
  font-size: 1.2rem;
  color: #999999;
}
.flow-box .flow-item-1 dt:before {
  background: #5292FE;
}
.flow-box .flow-item-1 i {
  background: #5292FE;
}
.flow-box .flow-item-1 span {
  color: #5292FE;
}
.flow-box .flow-item-2 dt:before {
  background: #32BA68;
}
.flow-box .flow-item-2 i {
  background: #32BA68;
}
.flow-box .flow-item-2 span {
  color: #32BA68;
}
.flow-box .flow-item-3 dt:before {
  background: #FCC02A;
}
.flow-box .flow-item-3 i {
  background: #FCC02A;
}
.flow-box .flow-item-3 span {
  color: #FCC02A;
}
.flow-box .flow-item-4 dt:before {
  background: #A15BB1;
}
.flow-box .flow-item-4 i {
  background: #A15BB1;
}
.flow-box .flow-item-4 span {
  color: #A15BB1;
}
.flow-box .flow-item-5 dt:before {
  background: #FF8201;
}
.flow-box .flow-item-5 i {
  background: #FF8201;
}
.flow-box .flow-item-5 span {
  color: #FF8201;
}
.flow-box .flow-item-6 dt:before {
  background: #FC6E6C;
}
.flow-box .flow-item-6 i {
  background: #FC6E6C;
}
.flow-box .flow-item-6 span {
  color: #FC6E6C;
}
.item-box .item {
  border-bottom: 1rem solid #eee;
  padding: 1rem;
}
.item-box .item .item-title {
  text-align: center;
  padding: 1rem 0;
  position: relative;
}
.item-box .item .item-title:before {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  background: #ff8100;
}
.item-box .item .item-title span {
  padding: 0.5rem 1rem;
  color: #fff;
  position: relative;
  z-index: 9;
  background: #FF8100;
}
.item-box .item p {
  font-size: 1.4rem;
  text-indent: 2em;
}
.about-box p {
  color: #999;
}
.about-box .about-item-1 .item-title:before {
  background: #FF8100;
}
.about-box .about-item-1 span {
  background: #FF8100;
}
.about-box .about-item-2 .item-title:before {
  background: #588DFD;
}
.about-box .about-item-2 span {
  background: #588DFD;
}
.about-box .about-item-3 .item-title:before {
  background: #32BA68;
}
.about-box .about-item-3 span {
  background: #32BA68;
}
.solve-item ul li {
  text-align: center;
  padding: 1rem;
}
.solve-item .caselist img {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0.5rem;
}
.solve-item .item {
  color: #999;
}
.solve-item .item p {
  text-indent: 0em;
}
.team-box .team-bg {
  background: url('http://style.hengjilianxun.com/hengji_wap/images/team.png') no-repeat center;
  background-size: auto 100%;
  height: 250px;
  margin: 1rem -1rem;
}
.contact-item ul {
  margin: 0 -1rem;
}
.contact-item ul li {
  text-align: center;
}
.contact-item ul li i {
  font-size: 2.4rem;
}
.contact-item ul li span {
  display: block;
}
.contact-item .item p {
  text-indent: 0em;
}
.contact-item .item-1 {
  background: #FFF0F0;
  padding: 1rem;
  margin: 1rem;
}
.contact-item .item-1 i,
.contact-item .item-1 span {
  color: #FF5A5A;
}
.contact-item .item-2 {
  background: #E8FDFF;
  padding: 1rem;
  margin: 1rem;
}
.contact-item .item-2 i,
.contact-item .item-2 span {
  color: #2DDAFF;
}
.contact-item .item-3 {
  background: #F5FFE0;
  padding: 1rem;
  margin: 1rem;
}
.contact-item .item-3 i,
.contact-item .item-3 span {
  color: #62CF2D;
}
.contact-item .item-4 {
  background: #E8F7FF;
  padding: 1rem;
  margin: 1rem;
}
.contact-item .item-4 i,
.contact-item .item-4 span {
  color: #34B6FF;
}
.contact-item .am-form {
  margin-top: 1rem;
}
.contact-item .am-form input,
.contact-item .am-form textarea {
  border-radius: 5px;
}
.news-item ul li {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 1rem 0;
}
.news-item ul li:active {
  background: #f5f5f5;
}
.news-item .news-pic {
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: absolute;
  top: 1rem;
  left: 0;
}
.news-item a:hover {
  color: #666;
}
.news-item .news-mes {
  margin-left: 70px;
  height: 60px;
}
.news-item .news-mes span {
  font-size: 1.4rem;
}
.news-item .news-mes p {
  font-size: 1.2rem;
  color: #666;
  margin: 0;
}
.news-item .item p {
  text-indent: 0em;
}
.pagelist {
  margin-top: -1rem;
  background: #fff;
  padding: 0.5rem 0;
}
.pagelist .am-pagination-select > li > a {
  background: #FF8201;
  color: #fff;
  font-size: 1.4rem;
}
.pagelist .am-pagination-select .am-pagination-select select {
  background: #FF8201;
  color: #fff;
}
.foot-code {
  background: #d0e7f7 url('http://style.hengjilianxun.com/hengji_wap/images/foot-code-bg.png') no-repeat center;
  padding: 2rem 0;
  margin-bottom: 1rem;
}
.foot-code ul li {
  padding: 0 3rem;
  text-align: center;
}
.foot-code ul li img {
  max-width: 220px;
}
.backlist {
  text-align: center;
}
.backlist a {
  padding: 5px 10px;
  border: 1px solid #337AB7;
  border-radius: 1000px;
  color: ##337AB7;
  font-size: 14px;
}
.share-group {
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
}
.share-group button {
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  background: transparent;
  border: 0px;
  color: #fff;
  font-size: 1.8rem;
  margin: 0 1rem;
  border-radius: 1000px;
}
.share-group .wx-btn {
  background: #2ecc71;
}
.share-group .wxf-btn {
  background: #56C5A5;
}
.share-group .sina-btn {
  background: #e74c3c;
}