@charset "utf-8";

/* CSS Document */

body,

ul,

ol,

li,

p,

h1,

h2,

h3,

h4,

h5,

h6,

form,

fieldset,

table,

td,

img,

div,

dl,

dt,

dd,

input {

  margin: 0;

  padding: 0;

  border: 0;

}

table {

  border-collapse: collapse;

}

body {

  overflow-x: hidden;

}

/* 首页banner */

.comwidth {

  width: 88%;

  margin: 0 auto;

  height: 100%;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background: #11c1ac;

  width: 2px;

}

input[type=number] {

  -moz-appearance: textfield;

}

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

/* 返回顶部 */

div.toTop {

  display: none;

}

div.backTop {

  display: none;

}

div.section div.fp-tableCell {

  display: block;

}

/* 首页banner轮播 */

div.banner .fp-slidesNav {

  width: 100%;

  position: relative;

  left: 0%;

  bottom: 4rem;

}

div.banner .fp-slidesNav div.wrapper {

  width: 100%;

  height: 100%;

}

div.banner .fp-slidesNav ul {

  text-align: center;

}

div.banner .fp-slidesNav ul li {

  width: 3.5%;

  height: 0.2rem;

}

div.banner .fp-slidesNav ul li a span {

  display: block;

  width: 100%;

  height: 100%;

  background: #fff;

  border-radius: 0%;

  top: 0%;

  margin: 0px;

}

div.banner .fp-slidesNav ul li a:hover span {

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 0%;

  background: #1d9b93;

}

div.banner .fp-slidesNav ul li a.active span {

  margin: 0px;

  background: #1d9b93;

}

div#fullpage {

  /* 新闻中心 */

  /* 产品中心 */

  /* 解决方案 */

  /* 服务优势 */

}

div#fullpage div.section.banner {

  position: relative;

}

div#fullpage div.section.banner div.header {

  display: none;

}

div#fullpage div.section.banner div.menuList {

  display: none;

}

div#fullpage div.section.banner div.menu_sm {

  display: none;

}

div#fullpage div.section.banner div.slide {

  background: url('../img/banner_bg.jpg') no-repeat center center;

  background-size: 100% 100%;

}

div#fullpage div.section.banner div.slide div.comwidth div.logo {

  width: 14.7%;

  margin-top: 5%;

}

div#fullpage div.section.banner div.slide div.comwidth div.logo img {

  width: 100%;

}

div#fullpage div.section.banner div.slide div.comwidth div.slogan {

  width: 33.5%;

  margin-top: 10%;

}

div#fullpage div.section.banner div.slide div.comwidth div.slogan img {

  width: 100%;

}

div#fullpage div.section.banner div.slide:nth-child(2) {

  background-image: url('../img/banner_bg02.jpg');

}

div#fullpage div.section.banner div.slide:nth-child(3) {

  background-image: url('../img/banner_bg03.jpg');

}

div#fullpage div.section.banner div.swiper-container div.swiper-wrapper div.swiper-slide {

  background: url('../img/banner_bg.jpg') no-repeat center center;

  background-size: 100% 100%;

}

div#fullpage div.section.banner div.swiper-container div.swiper-wrapper div.swiper-slide div.comwidth div.logo {

  width: 14.7%;

  margin-top: 5%;

}

div#fullpage div.section.banner div.swiper-container div.swiper-wrapper div.swiper-slide div.comwidth div.logo img {

  width: 100%;

}

div#fullpage div.section.banner div.swiper-container div.swiper-wrapper div.swiper-slide div.comwidth div.slogan {

  width: 33.5%;

  margin-top: 10%;

}

div#fullpage div.section.banner div.swiper-container div.swiper-wrapper div.swiper-slide div.comwidth div.slogan img {

  width: 100%;

}

div#fullpage div.section.banner div.swiper-container div.swiper-wrapper div.swiper-slide:nth-child(2) {

  background-image: url('../img/banner_bg02.jpg');

}

div#fullpage div.section.banner div.swiper-container div.swiper-wrapper div.swiper-slide:nth-child(3) {

  background-image: url('../img/banner_bg03.jpg');

}

div#fullpage div.section.banner div.swiper-container div.swiper-pagination {

  bottom: 3rem;

}

div#fullpage div.section.banner div.swiper-container div.swiper-pagination span.swiper-pagination-bullet {

  width: 3.5%;

  height: 0.2rem;

  background: #fff;

  border-radius: 0%;

  opacity: 1;

}

div#fullpage div.section.banner div.swiper-container div.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: #1d9b93;

}

div#fullpage div.section.banner .fp-controlArrow {

  display: none;

}

div#fullpage div.section.part div.wrap {

  width: 100%;

  height: 100%;

  padding-top: 1.5%;

  padding-bottom: 1%;

}

div#fullpage div.section.part div.wrap div.tit {

  padding-left: 6.2%;

  padding-right: 6.2%;

  margin-bottom: 2rem;

  position: relative;

}

div#fullpage div.section.part div.wrap div.tit span {

  display: inline-block;

  font-size: 2.2rem;

  /*  font-family: "Microsoft YaHei"; */

  color: #395275;

  line-height: 4.3rem;

  border-bottom: 3px solid #109f93;

}

div#fullpage div.section.part div.wrap div.tit a {

  position: absolute;

  bottom: 0px;

  right: 6.2%;

  font-size: 1rem;

  color: #848585;

  line-height: 2rem;

}

div#fullpage div.section.part div.wrap div.cont {

  margin-bottom: 2rem;

  position: relative;

}

div#fullpage div.section.part div.wrap div.cont span.line {

  position: absolute;

  left: 0%;

  top: 50%;

  display: block;

  height: 1px;

  width: 100%;

  background: #c1c2c2;

  z-index: 10;

}

div#fullpage div.section.part div.wrap div.cont ul {

  padding-left: 6.2%;

  padding-right: 6.2%;

}

div#fullpage div.section.part div.wrap div.cont ul li {

  width: 20.7%;

  margin-right: 4%;

  float: left;

  transition: all 0.6s ease-in-out;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -ms-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

  position: relative;

  left: 110%;

}

div#fullpage div.section.part div.wrap div.cont ul li a {

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

div#fullpage div.section.part div.wrap div.cont ul li a div.shadow {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0%;

  top: 100%;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

  background: url('../img/news_bg.png') no-repeat 100% 100%;

}

div#fullpage div.section.part div.wrap div.cont ul li:hover a div.shadow {

  top: 0%;

}

div#fullpage div.section.part div.wrap div.cont ul li:hover div.img div {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}

div#fullpage div.section.part div.wrap div.cont ul li:hover div.img:before {

  background: #11c1ac;

}

div#fullpage div.section.part div.wrap div.cont ul li:hover div.txt:before {

  background: #11c1ac;

}

div#fullpage div.section.part div.wrap div.cont ul li div.img {

  width: 100%;

  margin-bottom: 2rem;

  position: relative;

}

div#fullpage div.section.part div.wrap div.cont ul li div.img div {

  background: url('../img/news_01.jpg') no-repeat center center;

  background-size: cover;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div#fullpage div.section.part div.wrap div.cont ul li div.txt {

  padding-top: 2rem;

  position: relative;

}

div#fullpage div.section.part div.wrap div.cont ul li div.txt div {

  position: relative;

  padding-left: 0.5rem;

  padding-right: 0.5rem;

}

div#fullpage div.section.part div.wrap div.cont ul li div.txt div span.date {

  font-family: 'DINBold';

  font-weight: 600;

  color: #395275;

  font-size: 2.5rem;

  line-height: 3rem;

}

div#fullpage div.section.part div.wrap div.cont ul li div.txt div span.year {

  position: relative;

  left: 0rem;

  top: 0px;

  font-family: "DINregular";

  font-size: 1.2rem;

  color: #11c1ac;

  display: block;

  line-height: 1;

}

div#fullpage div.section.part div.wrap div.cont ul li div.txt div p {

  font-size: 0.8rem;

  line-height: 1.2rem;

  color: #666;

  margin-bottom: 0.6rem;

  text-align: justify;

}

div#fullpage div.section.part div.wrap div.cont ul li div.txt div span.more {

  position: absolute;

  right: 0px;

  bottom: 0px;

  transform: translateY(20%);

  -webkit-transform: translateY(20%);

  -moz-transform: translateY(20%);

  -ms-transform: translateY(20%);

  -o-transform: translateY(20%);

}

div#fullpage div.section.part div.wrap div.cont ul li div.txt div span.more a {

  font-size: 0.6rem;

  font-family: "DINregular";

  color: #395275;

}

div#fullpage div.section.part div.wrap div.cont ul li.active {

  left: 0%;

}

div#fullpage div.section.part div.wrap div.cont ul li:last-child {

  margin-right: 0%;

}

div#fullpage div.section.part div.wrap div.cont ul li:last-child div.txt {

  margin-bottom: 2rem;

}

div#fullpage div.section.part div.wrap div.cont ul li:last-child div.img div {

  background-image: url('../img/news_04.jpg');

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2) div.txt {

  margin-bottom: 2rem;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2) div.img {

  margin-bottom: 0px;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2) div.img div {

  background-image: url('../img/news_02.jpg');

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(3) div.img div {

  background-image: url('../img/news_03.jpg');

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2n+1) div.txt:before {

  content: '';

  position: absolute;

  display: block;

  width: 0.7rem;

  height: 0.7rem;

  border-radius: 50%;

  background: #395275;

  top: 0px;

  left: 0.5rem;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  z-index: 12;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2n+1):hover div.txt:before {

  background: #11c1ac;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2n+2) div.img {

  padding-top: 2rem;

  margin-bottom: 0px;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2n+2) div.txt {

  padding-top: 0%;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2n+2) div.img:before {

  content: '';

  position: absolute;

  display: block;

  width: 0.7rem;

  height: 0.7rem;

  border-radius: 50%;

  background: #395275;

  top: 0px;

  left: 0.5rem;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  z-index: 11;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2n+2):hover div.img:before {

  background: #11c1ac;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(2) {

  transition-delay: 0.4s;

  -webkit-transition-delay: 0.4s;

  -moz-transition-delay: 0.4s;

  -ms-transition-delay: 0.4s;

  -o-transition-delay: 0.4s;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(3) {

  transition-delay: 0.6s;

  -webkit-transition-delay: 0.6s;

  -moz-transition-delay: 0.6s;

  -ms-transition-delay: 0.6s;

  -o-transition-delay: 0.6s;

}

div#fullpage div.section.part div.wrap div.cont ul li:nth-child(4) {

  transition-delay: 0.8s;

  -webkit-transition-delay: 0.8s;

  -moz-transition-delay: 0.8s;

  -ms-transition-delay: 0.8s;

  -o-transition-delay: 0.8s;

}

div#fullpage div.section.part div.wrap div.more {

  /* display: none; */

  border: 1px solid #fff;

  text-align: center;

  width: 22%;

  margin: 1rem auto;

  transition: all 1s;

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -ms-transition: all 1s;

  -o-transition: all 1s;

  position: relative;

  top: 40%;

}

div#fullpage div.section.part div.wrap div.more a {

  font-size: 1rem;

  color: #848585;

  line-height: 2rem;

}

div#fullpage div.section.part div.wrap div.more:hover {

  border-color: #848585;

  width: 90%;

}

div#fullpage div.section.product div.wrap div.cont {

  padding-left: 6.2%;

  padding-right: 6.2%;

  position: relative;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

  top: 20%;

  opacity: 0;

  filter: alpha(opacity=0);

  display: flex;
  flex-flow: row wrap;
  height: calc(100% - 100px);
  align-content: space-evenly;

}

div#fullpage div.section.product div.wrap div.cont div.item {

  width: 23%;

  margin: 0 5% 2.5rem;

  float: left;

  position: relative;

  /* background: url('../img/pro04.jpg') no-repeat top center; */

  background-size: cover;

  overflow: hidden;

  padding: 0%;

  box-sizing:  border-box;

}

div#fullpage div.section.product div.wrap div.cont div.item a:after {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0%;

  top: 0%;

  background: rgba(57, 82, 117, 0.6);

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(2n+2) a{

  background-image: url('../img/pro_01.jpg');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(2n+2) a div.txt span.icon:before {

  background-image: url('../img/website.png');

}

div#fullpage div.section.product div.wrap div.cont div.item a:before {

  content: '';

  position: absolute;

  bottom: 0%;

  left: 0%;

  display: block;

  width: 100%;

  /* height: 28.3%; */

  height: 34.3%;

   background: url('../img/pro_bg.png') no-repeat bottom center;

  z-index: 10;

}

div#fullpage div.section.product div.wrap div.cont div.item:hover div.line:before {

  width: 100%;

}

div#fullpage div.section.product div.wrap div.cont div.item:hover a div.shadow {

  bottom: 0%;

}

div#fullpage div.section.product div.wrap div.cont div.item a {

  display: block;

  width: 100%;

  height: 100%;

  position:  relative;

  background: url(../img/pro04.jpg) no-repeat top center;

  background-size: cover;

  /*outline: none;*/

  /*-webkit-tap-highlight-color: transparent;*/

}

div#fullpage div.section.product div.wrap div.cont div.item a div.line {

  position: absolute;

  left: 0px;

  top: 0px;

  display: block;

  width: 100%;

  height: 0.5rem;

  background: #11c1ac;

  z-index: 5;

}

div#fullpage div.section.product div.wrap div.cont div.item a div.line:before {

  content: '';

  width: 0%;

  height: 0.5rem;

  display: block;

  left: 0%;

  top: 0%;

  background: #395275;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div#fullpage div.section.product div.wrap div.cont div.item a div.txt {

  position: absolute;

  top: 0%;

  left: 0%;

  display: block;

  z-index: 3;

  width: 100%;

  height: 100%;

  padding-top: 20%;

  text-align: center;

}

div#fullpage div.section.product div.wrap div.cont div.item a div.txt p {

  /* font-family: 'FZLTXHJT'; */

  /* font-family: 'Microsoft YaHei'; */

  font-size: 1.6rem;

  line-height: 2rem;

  color: #fff;

}

div#fullpage div.section.product div.wrap div.cont div.item a div.txt span.icon {

  display: inline-block;

  width: 21%;

  margin: 0 auto;

  border-radius: 50%;

  border: 1px solid #11c1ac;

  margin-top: 1rem;

  background: #11c1ac;

  position: relative;

}

div#fullpage div.section.product div.wrap div.cont div.item a div.txt span.icon span {

  background: url('../img/border.png') no-repeat center center;

  background-size: contain;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0%;

  display: block;

}

div#fullpage div.section.product div.wrap div.cont div.item a div.txt span.icon span.cl {

  left: 0%;

}

div#fullpage div.section.product div.wrap div.cont div.item a div.txt span.icon span.cr {

  right: 0%;

}

div#fullpage div.section.product div.wrap div.cont div.item a div.txt span.icon:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  background: url('../img/home.png') no-repeat center center;

  background-size: 44%;

}

div#fullpage div.section.product div.wrap div.cont div.item a div.shadow {

  position: absolute;

  z-index: 0;

  bottom: 100%;

  left: 0px;

  display: block;

  width: 100%;

  height: 100%;

  background: url('../img/pro_shadow_01.png') no-repeat top center;

  background-size: cover;

  z-index: 2;

  transition: all 0.8s 0.2s;

  -webkit-transition: all 0.8s 0.2s;

  -moz-transition: all 0.8s 0.2s;

  -ms-transition: all 0.8s 0.2s;

  -o-transition: all 0.8s 0.2s;

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(2) a{

  background-image: url('../img/pro04.jpg');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(2) a div.txt span.icon:before {

  background-image: url('../img/pro_icon01.png');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(5) a  {

  background-image: url('../img/首页云安全背景.jpg');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(6) a  {

  background-image: url('../img/首页安全平台背景.jpg');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(2) a{

  background-image: url('../img/pro05.jpg');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(2) a div.txt span.icon:before {

  background-image: url('../img/pro_icon06.png');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(3) a{

  background-image: url('../img/pro06.jpg');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(3) a div.txt span.icon:before {

  background-image: url('../img/pro_icon04.png');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(4) a{

  background-image: url('../img/pro07.jpg');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(4) a div.txt span.icon:before {

  background-image: url('../img/pro_icon02.png');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(5) {

  /*background-image: url('../img/pro08.jpg');*/

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(5) a div.txt span.icon:before {

  background-image: url('../img/pro_icon05.png');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(6) {

  /*background-image: url('../img/pro09.jpg');*/

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(6) a div.txt span.icon:before {

  background-image: url('../img/pro_icon03.png');

}

div#fullpage div.section.product div.wrap div.cont div.item:nth-child(3n+3) {

/*   margin-right: 0%; */

}

div#fullpage div.section.product div.wrap div.cont.active {

  top: 0%;

  opacity: 1;

  filter: alpha(opacity=100);

}

div#fullpage div.section.solution div.wrap {

  padding-bottom: 0%;

}

div#fullpage div.section.solution div.wrap div.cont div.item {

  overflow: hidden;

  width: 33.3%;

  float: left;

  transform: rotateY(90deg);

  -webkit-transform: rotateY(90deg);

  -moz-transform: rotateY(90deg);

  -ms-transform: rotateY(90deg);

  -o-transform: rotateY(90deg);

  transform-origin: center center;

  -webkit-transform-origin: center center;

  -moz-transform-origin: center center;

  -ms-transform-origin: center center;

  -o-transform-origin: center center;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div#fullpage div.section.solution div.wrap div.cont div.item:hover a {

  transform: scale(1.02);

  -webkit-transform: scale(1.02);

  -moz-transform: scale(1.02);

  -ms-transform: scale(1.02);

  -o-transform: scale(1.02);

}

div#fullpage div.section.solution div.wrap div.cont div.item:hover a div.shadow {

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}

div#fullpage div.section.solution div.wrap div.cont div.item:hover a div.border div.box span.border_tp {

  right: 0%;

}

div#fullpage div.section.solution div.wrap div.cont div.item:hover a div.border div.box span.border_rt {

  bottom: 0%;

}

div#fullpage div.section.solution div.wrap div.cont div.item:hover a div.border div.box span.border_bt {

  left: 0%;

}

div#fullpage div.section.solution div.wrap div.cont div.item:hover a div.border div.box span.border_lt {

  top: 0%;

}

div#fullpage div.section.solution div.wrap div.cont div.item a {

  background: url('../img/slu_01.jpg') no-repeat center center;

  background-size: cover;

  transition: all 1s;

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -ms-transition: all 1s;

  -o-transition: all 1s;

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.txt {

  text-align: center;

  position: absolute;

  display: block;

  width: 100%;

  z-index: 20;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.txt span.icon {

  display: inline-block;

  width: 2.2rem;

  height: 2.2rem;

  margin: 0 auto;

  background: url('../img/pro_icon07.png') no-repeat center center;

  background-size: contain;

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.txt p {

  /*  font-family: "Microsoft YaHei"; */

  font-size: 1.9rem;

  color: #fff;

  font-weight: 400;

  line-height: 1;

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.txt p.tips {

  font-size: 0.8rem;

  line-height: 2.5rem;

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.shadow {

  position: absolute;

  z-index: 4;

  top: 0%;

  left: 0%;

  display: block;

  width: 100%;

  height: 100%;

  background: url('../img/solu_sjadow.png') no-repeat center center;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

  transform: scale(0);

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.border {

  position: absolute;

  z-index: 11;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  display: block;

  width: 91.25%;

  height: 91.25%;

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.border div.box {

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.border div.box span {

  position: absolute;

  display: block;

  background: #fff;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.border div.box span.border_tp {

  width: 100%;

  height: 1px;

  top: 0%;

  right: 100%;

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.border div.box span.border_rt {

  width: 1px;

  height: 100%;

  bottom: 100%;

  right: 0%;

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.border div.box span.border_bt {

  width: 100%;

  height: 1px;

  bottom: 0%;

  left: 100%;

}

div#fullpage div.section.solution div.wrap div.cont div.item a div.border div.box span.border_lt {

  width: 1px;

  height: 100%;

  left: 0%;

  top: 100%;

}

div#fullpage div.section.solution div.wrap div.cont div.item.active {

  transform: rotateY(0deg);

  -webkit-transform: rotateY(0deg);

  -moz-transform: rotateY(0deg);

  -ms-transform: rotateY(0deg);

  -o-transform: rotateY(0deg);

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(2) {

  transition: all 0.8s 0.2s;

  -webkit-transition: all 0.8s 0.2s;

  -moz-transition: all 0.8s 0.2s;

  -ms-transition: all 0.8s 0.2s;

  -o-transition: all 0.8s 0.2s;

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(2) a {

  background-image: url('../img/slu_07.jpg');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(2) a div.txt span.icon {

  background-image: url('../img/pro_icon08.png');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(3) {

  transition: all 0.8s 0.4s;

  -webkit-transition: all 0.8s 0.4s;

  -moz-transition: all 0.8s 0.4s;

  -ms-transition: all 0.8s 0.4s;

  -o-transition: all 0.8s 0.4s;

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(3) a {

  background-image: url('../img/slu_02.jpg');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(3) a div.txt span.icon {

  background-image: url('../img/pro_icon09.png');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(4) {

  transition: all 0.8s 0.6s;

  -webkit-transition: all 0.8s 0.6s;

  -moz-transition: all 0.8s 0.6s;

  -ms-transition: all 0.8s 0.6s;

  -o-transition: all 0.8s 0.6s;

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(4) a {

  background-image: url('../img/slu_03.jpg');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(4) a div.txt span.icon {

  background-image: url('../img/pro_icon10.png');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(5) {

  transition: all 0.8s 0.8s;

  -webkit-transition: all 0.8s 0.8s;

  -moz-transition: all 0.8s 0.8s;

  -ms-transition: all 0.8s 0.8s;

  -o-transition: all 0.8s 0.8s;

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(5) a {

  background-image: url('../img/slu_06.jpg');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(5) a div.txt span.icon {

  background-image: url('../img/pro_icon11.png');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(6) {

  transition: all 0.8s 1s;

  -webkit-transition: all 0.8s 1s;

  -moz-transition: all 0.8s 1s;

  -ms-transition: all 0.8s 1s;

  -o-transition: all 0.8s 1s;

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(6) a {

  background-image: url('../img/slu_05.jpg');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(6) a div.txt span.icon {

  background-image: url('../img/pro_icon12.png');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(7) {

  transition: all 0.8s 1.2s;

  -webkit-transition: all 0.8s 1.2s;

  -moz-transition: all 0.8s 1.2s;

  -ms-transition: all 0.8s 1.2s;

  -o-transition: all 0.8s 1.2s;

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(7) a {

  background-image: url('../img/slu_07.jpg');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(7) a div.txt span.icon {

  background-image: url('../img/pro_icon13.png');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(8) {

  transition: all 0.8s 1.4s;

  -webkit-transition: all 0.8s 1.4s;

  -moz-transition: all 0.8s 1.4s;

  -ms-transition: all 0.8s 1.4s;

  -o-transition: all 0.8s 1.4s;

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(8) a {

  background-image: url('../img/slu_08.jpg');

}

div#fullpage div.section.solution div.wrap div.cont div.item:nth-child(8) a div.txt span.icon {

  background-image: url('../img/pro_icon14.png');

}

div#fullpage div.section.service div.wrap {

  padding-bottom: 0%;

}

div#fullpage div.section.service div.wrap div.tit {

  margin-bottom: 0%;

}

div#fullpage div.section.service div.wrap div.cont div.advatage {

  width: 100%;

  height: 70%;

  background: url('../img/map.jpg') no-repeat 40% center;

  background-size: 50%;

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box {

  padding-left: 9.375%;

  padding-right: 9.375%;

  position: relative;

  top: 40%;

  display: inline-block;

  width: 100%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box:after {

  content: '';

  width: 100%;

  position: absolute;

  display: block;

  height: 2px;

  background: #c1c2c2;

  top: 50%;

  left: 0%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  z-index: -1;

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item {

  z-index: 4;

  width: 10.7%;

  margin-right: 10%;

  float: left;

  border-radius: 50%;

  background: #11c1ac;

  position: relative;

  transform: scale(0);

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transition: all 1s;

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -ms-transition: all 1s;

  -o-transition: all 1s;

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item:hover a div.circle {

  animation: mymove 1.5s infinite;

  -moz-animation: mymove 1.5s infinite;

  /* Firefox */

  -webkit-animation: mymove 1.5s infinite;

  /* Safari and Chrome */

  -o-animation: mymove 1.5s infinite;

  /* Opera */

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item:hover span.circle.c01 {

  animation: mysize 2s infinite;

  -moz-animation: mysize 2s infinite;

  /* Firefox */

  -webkit-animation: mysize 2s infinite;

  /* Safari and Chrome */

  -o-animation: mysize 2s infinite;

  /* Opera */

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item:hover span.circle.c02 {

  animation: mysize 2s infinite 0.5s;

  -moz-animation: mysize 2s infinite 0.5s;

  /* Firefox */

  -webkit-animation: mysize 2s infinite 0.5s;

  /* Safari and Chrome */

  -o-animation: mysize 2s infinite 0.5s;

  /* Opera */

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item:hover span.circle.c03 {

  animation: mysize 2s infinite 1s;

  -moz-animation: mysize 2s infinite 1s;

  /* Firefox */

  -webkit-animation: mysize 2s infinite 1s;

  /* Safari and Chrome */

  -o-animation: mysize 2s infinite 1s;

  /* Opera */

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item a {

  display: block;

  width: 100%;

  height: 100%;

  text-align: center;

  position: relative;

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item a div.txt {

  width: 100%;

  display: inline-block;

  text-align: center;

  color: #fff;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item a div.txt p {

  font-size: 1.4rem;

  line-height: 2rem;

  /*  font-family: "Microsoft YaHei"; */

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item a div.txt p.hour {

  /* font-family: "Microsoft YaHei"; */

  font-size: 1.8rem;

  line-height: 1;

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item a div.txt p.tips {

  font-size: 1rem;

  line-height: 1;

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item a div.circle {

  z-index: -1;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  width: 100%;

  height: 100%;

  background: rgba(17, 193, 172, 0.3);

  border-radius: 50%;

}

@keyframes mymove {

  from {

    width: 100%;

    height: 100%;

  }

  to {

    width: 110%;

    height: 110%;

  }

}

@-moz-keyframes mymove {

  /* Firefox */

  from {

    width: 100%;

    height: 100%;

  }

  to {

    width: 110%;

    height: 110%;

  }

}

@-webkit-keyframes mymove {

  /* Safari and Chrome */

  from {

    width: 100%;

    height: 100%;

  }

  to {

    width: 110%;

    height: 110%;

  }

}

@-o-keyframes mymove {

  /* Opera */

  from {

    width: 100%;

    height: 100%;

  }

  to {

    width: 110%;

    height: 110%;

  }

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item span.circle {

  display: block;

  width: 1rem;

  height: 1rem;

  position: absolute;

  left: 112%;

  top: 50%;

  border-radius: 50%;

  background: #5b80b1;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform-origin: 50% 50%;

  -webkit-transform-origin: 50% 50%;

  -moz-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  -o-transform-origin: 50% 50%;

}

@keyframes mysize {

  0% {

    width: 0.3rem;

    height: 0.3rem;

  }

  50% {

    width: 0.6rem;

    height: 0.6rem;

  }

  100% {

    width: 1rem;

    height: 1rem;

  }

}

@-moz-keyframes mysize {

  /* Firefox */

  0% {

    width: 0.3rem;

    height: 0.3rem;

  }

  50% {

    width: 0.6rem;

    height: 0.6rem;

  }

  100% {

    width: 1rem;

    height: 1rem;

  }

}

@-webkit-keyframes mysize {

  /* Safari and Chrome */

  0% {

    width: 0.3rem;

    height: 0.3rem;

  }

  50% {

    width: 0.6rem;

    height: 0.6rem;

  }

  100% {

    width: 1rem;

    height: 1rem;

  }

}

@-o-keyframes mysize {

  /* Opera */

  0% {

    width: 0.3rem;

    height: 0.3rem;

  }

  50% {

    width: 0.6rem;

    height: 0.6rem;

  }

  100% {

    width: 1rem;

    height: 1rem;

  }

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item span.circle.c02 {

  left: 136%;

  width: 0.6rem;

  height: 0.6rem;

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item span.circle.c03 {

  left: 160%;

  width: 0.3rem;

  height: 0.3rem;

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item:last-child {

  margin-right: 0%;

}

div#fullpage div.section.service div.wrap div.cont div.advatage div.box div.item.active {

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}

div#fullpage div.section.service div.wrap div.cont div.footer {

  width: 100%;

  height: 30%;

  background: #373737;

  color: #fff;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box {

  width: 100%;

  height: 100%;

  display: block;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp {

  padding-left: 6.2%;

  padding-right: 6.2%;

  padding-top: 1%;

  height: 74%;

  width: 100%;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item {

  display: inline-block;

  width: 20%;

  vertical-align: top;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.link {

  width: 100%;

  height: 7rem;

  padding-left: 0%;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.link li {

  left: 0%;

  float: none;

  width: auto;

  width: 40%;

  display: inline-block;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.link li a {

  font-size: 0.9rem;

  line-height: 2.2rem;

  color: #fff;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.code {

  padding-left: 0%;

  padding-top: 0.5rem;

  margin-bottom: 0.1rem;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.code li {

  position: relative;

  left: 0%;

  float: none;

  display: inline-block;

  width: 1.6rem;

  height: 1.6rem;

  border-radius: 50%;

  background: url('../img/weixin.png') no-repeat center center;

  background-size: contain;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.code li span.icon {

  display: block;

  position: absolute;

  top: 108%;

  left: 50%;

  transform: translateX(-50%) scale(0);

  -webkit-transform: translateX(-50%) scale(0);

  -moz-transform: translateX(-50%) scale(0);

  -ms-transform: translateX(-50%) scale(0);

  -o-transform: translateX(-50%) scale(0);

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

  transform-origin: 50% 0%;

  -webkit-transform-origin: 50% 0%;

  -moz-transform-origin: 50% 0%;

  -ms-transform-origin: 50% 0%;

  -o-transform-origin: 50% 0%;

  width: 4rem;

  height: 4rem;

  background: url('../img/code.png') no-repeat center center;

  background-size: contain;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.code li:hover span.icon {

  transform: translateX(-50%) scale(1);

  -webkit-transform: translateX(-50%) scale(1);

  -moz-transform: translateX(-50%) scale(1);

  -ms-transform: translateX(-50%) scale(1);

  -o-transform: translateX(-50%) scale(1);

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.code li:nth-child(2) {

  background-image: url('../img/qq.png');

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.code li:nth-child(3) {

  background-image: url('../img/weibo.png');

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item p span {

  display: block;

  font-size: 0.9rem;

  line-height: 2.2rem;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item p span:first-child {

  margin-bottom: 0.2rem;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item:nth-child(2) {

  width: 30%;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item:last-child {

  float: right;

  text-align: right;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item:last-child p {

  font-family: "DINregular";

  font-size: 1.3rem;

  line-height: 2.5rem;

  color: #11c1ac;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item:last-child div.logo {

  display: block;

  width: 60%;

  float: right;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item:last-child div.logo img {

  width: 100%;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.bt {

  height: 26%;

  width: 100%;

  background: #282828;

  display: block;

  padding-left: 6.2%;

  padding-right: 6.2%;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.bt p {

  font-size: 0.7rem;

  line-height: 3.4rem;

}

/* 首页侧边栏样式 */

/* 第一屏右侧菜单栏样式 */

div.sublist {

  position: absolute;

  z-index: 10;

  width: 6%;

  height: 100%;

  top: 0px;

  right: 0px;

  /* background: rgba(17,193,172,0.7); */

  transition: all 1s;

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -ms-transition: all 1s;

  -o-transition: all 1s;

}

div.sublist div.nav {

  z-index: 20;

  position: relative;

  width: 100%;

  height: 11%;

  background: #395275;

}

div.sublist div.nav div.tit {

  width: 100%;

  height: 100%;

  text-align: center;

}

div.sublist div.nav div.tit div.wrap {

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div.sublist div.nav div.tit div.wrap span {

  font-size: 10px;

  font-family: "DINregular";

  color: #fff;

  font-size: 1.5rem;

  line-height: 2rem;

  vertical-align: middle;

}

div.sublist div.nav div.tit div.wrap span.icon {

  display: block;

  width: 74%;

  height: 1.1rem;

  background: url('../img/menu.png') no-repeat center center;

  margin: 0 auto;

  vertical-align: middle;

}

div.sublist div.nav div.nav_list {

  position: absolute;

  right: 100%;

  top: 0px;

  width: 10rem;

  display: block;

  background: rgba(67, 92, 129, 0.8);

  padding-left: 1.5rem;

  transform: rotateY(90deg);

  -webkit-transform: rotateY(90deg);

  -moz-transform: rotateY(90deg);

  -ms-transform: rotateY(90deg);

  -o-transform: rotateY(90deg);

  transition: all 0.6s;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transform-origin: 100% 50%;

  -webkit-transform-origin: 100% 50%;

  -moz-transform-origin: 100% 50%;

  -ms-transform-origin: 100% 50%;

  -o-transform-origin: 100% 50%;

}

div.sublist div.nav div.nav_list div.close {

  height: 11%;

  width: 100%;

  background: url('../img/close.png') no-repeat center center;

  border-bottom: 1px solid #3a5376;

}

div.sublist div.nav div.nav_list div.list ul li {

  font-size: 0.9rem;

  line-height: 3.2rem;

  border-bottom: 1px solid #3a5376;

  text-align: center;

}

div.sublist div.nav div.nav_list div.list ul li a {

  color: #fff;

}

div.sublist div.nav div.nav_list.active {

  transform: rotateY(0deg);

  -webkit-transform: rotateY(0deg);

  -moz-transform: rotateY(0deg);

  -ms-transform: rotateY(0deg);

  -o-transform: rotateY(0deg);

}

/* 通用样式 */

div#menu {

  z-index: 8;

  position: fixed;

  right: 0;

  top: 50%;

  width: 6%;

  display: block;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div#menu div.menu_list {

  display: inline-block;

  width: 100%;

  position: relative;

  height: 100%;

}

div#menu div.menu_list ul {

  position: absolute;

  top: 50%;

  right: 0%;

  display: block;

  width: 100%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div#menu div.menu_list ul li {

  display: block;

  width: 2.4rem;

  height: 2.4rem;

  margin: 0 auto;

  border-radius: 50%;

  overflow: hidden;

  border: 1px solid #fff;

  margin-bottom: 40%;

  background: #c1c2c2;

}

div#menu div.menu_list ul li:hover {

  background: #11c1ac;

}

div#menu div.menu_list ul li a {

  display: block;

  width: 100%;

  height: 100%;

  background: url('../img/menu01.png') no-repeat center center;

}

div#menu div.menu_list ul li.active {

  background: #11c1ac;

}

div#menu div.menu_list ul li:nth-child(2) a {

  background-image: url('../img/menu02.png');

}

div#menu div.menu_list ul li:nth-child(3) a {

  background-image: url('../img/menu03.png');

}

div#menu div.menu_list ul li:nth-child(4) a {

  background-image: url('../img/menu04.png');

}

div#menu div.menu_list ul li:nth-child(5) a {

  background-image: url('../img/menu05.png');

}

div.sublist.active {

  background: none;

}

div.sublist.active div#menu span.arrow {

  display: none;

}

/* 模态框样式 */

/* 首页侧边栏公司简介 */

div.company {

  z-index: 3;

  position: absolute;

  top: 0%;

  left: 94%;

  width: 50%;

  height: 100%;

  display: block;

}

div.company:hover div.arrow_move {

  display: block;

}

div.company div.arrow {

  width: 0.7rem;

  height: 3.8rem;

  display: block;

  background: url('../img/arrow_left.png') no-repeat center center;

  background-size: cover;

  position: absolute;

  top: 55%;

  right: 100%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div.company div.arrow_move {

  width: 0.7rem;

  height: 2.8rem;

  display: none;

  background: url('../img/arrow03.png') no-repeat center center;

  background-size: cover;

  position: absolute;

  top: 55%;

  right: 101%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  animation: open 0.8s infinite;

  -moz-animation: open 0.8s infinite;

  /* Firefox */

  -webkit-animation: open 0.8s infinite;

  /* Safari and Chrome */

  -o-animation: open 0.8s infinite;

  /* Opera */

}

@keyframes open {

  from {

    right: 101%;

  }

  to {

    right: 102%;

  }

}

@-moz-keyframes open {

  /* Firefox */

  from {

    right: 101%;

  }

  to {

    right: 102%;

  }

}

@-webkit-keyframes open {

  /* Safari and Chrome */

  from {

    right: 101%;

  }

  to {

    right: 102%;

  }

}

@-o-keyframes open {

  /* Opera */

  from {

    right: 101%;

  }

  to {

    right: 102%;

  }

}

div.company div.cont {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  top: 0%;

  left: 0%;

  /* background: url('../img/menu_bg.png') repeat-x center center; */

  background: rgba(17, 193, 172, 0.9);

  padding-left: 12%;

  padding-right: 15%;

}

div.company div.cont span.back {

  display: block;

  width: 2rem;

  height: 2rem;

  background: url('../img/back.png') no-repeat center center;

  background-size: contain;

  position: absolute;

  left: 8%;

  top: 6%;

}

div.company div.cont div.wrap {

  position: relative;

  display: inline-block;

  width: 100%;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div.company div.cont div.wrap div.tit {

  font-size: 2.2rem;

  /* font-family: "Microsoft YaHei"; */

  color: #fff;

  line-height: 4rem;

  font-weight: 500;

  margin-bottom: 2.4rem;

}

div.company div.cont div.wrap div.tit span {

  display: block;

  /* font-family: "Microsoft YaHei"; */

  font-size: 1.6rem;

  color: #595757;

  line-height: 1;

  letter-spacing: 2px;

}

div.company div.cont div.wrap div.txt p.tit {

  font-size: 1.6rem;

  /* font-family: "Microsoft YaHei"; */

  line-height: 3.6rem;

  color: #fff;

}

div.company div.cont div.wrap div.txt div.box p {

  font-size: 1rem;

  color: #fff;

  line-height: 1.5rem;

  text-align: justify;

}

div.company div.cont div.wrap span.more {

  margin-top: 2rem;

  display: block;

  width: 2rem;

  height: 2rem;

  background: url('../img/more.png') no-repeat center center;

  background-size: contain;

}

div.company div.cont div.wrap span.more a {

  display: block;

  width: 100%;

  height: 100%;

}

/* 关于信安 */

div.head {

  text-align: right;

  padding-top: 2rem;

  padding-bottom: 1.5rem;

  height: 7.3rem;

  position: relative;

  background: #fff;

}

div.head div.top {

  padding-left: 6%;

  padding-right: 6%;

  height: 100%;

}

div.head div.top div.logo {

  text-align: left;

  margin-left: 0.6rem;

  width: 14.7%;

  height: 100%;

}

div.head div.top div.logo img {

  height: 100%;

}

div.head div.top div.menu {

  width: 80%;

  height: 100%;

  margin-right: 1rem;

}

div.head div.top div.menu ul.menu {

  width: 100%;

  height: 1.4rem;

  position: relative;

  top: 100%;

  transform: translateY(-100%);

  -webkit-transform: translateY(-100%);

  -moz-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  -o-transform: translateY(-100%);

}

div.head div.top div.menu ul.menu li {

  width: 10%;

  margin-right: 2.85%;

  float: left;

  position: relative;

  height: 100%;

  text-align: left;

}

div.head div.top div.menu ul.menu li:last-child {

  margin-right: 0%;

}

div.head div.top div.menu ul.menu li a {

  vertical-align: middle;

  font-size: 0.9rem;

  color: #555;

  line-height: 1.4rem;

}

div.head div.top div.menu ul.menu li.active a {

  color: #11c1ac;

}

div.head div.top div.menu_sm {

  display: none;

}

div.head div.btm {

  position: absolute;

  top: 100%;

  width: 100%;

  height: 0rem;

  display: block;

}

div.head div.btm div.submenu {

  position: relative;

  width: 100%;

  height: 0%;

}

div.head div.btm div.submenu div.item {

  background: #ecf1f5;

  padding-left: 6%;

  padding-right: 6%;

  position: absolute;

  width: 100%;

  height: 5rem;

  display: none;

  left: 0%;

  top: 0%;

}

div.head div.btm div.submenu div.item ul.submenu {

  float: right;

  margin-right: 1rem;

}

div.head div.btm div.submenu div.item ul.submenu li {

  width: 10%;

  margin-right: 2.85%;

  float: left;

  position: relative;

  height: 100%;

  text-align: left;

}

div.head div.btm div.submenu div.item ul.submenu li:last-child {

  margin-right: 0%;

}

div.head div.btm div.submenu div.item ul.submenu li a {

  vertical-align: middle;

  font-size: 0.9rem;

  color: #555;

  line-height: 3.6rem;

}

div.head div.btm div.submenu div.item ul.submenu li.fr {

  float: right;

}

div.head div.btm div.submenu div.item ul.submenu li.fr:first-child {

  margin-right: 0%;

}

div.head div.btm div.submenu div.item ul.submenu li.fr:last-child {

  margin-right: 2.85%;

}

div.head div.btm.btm_sm div.submenu div.item ul.submenu li {

  float: right;

  margin-right: 2.85%;

}

div.head div.btm.btm_sm div.submenu div.item ul.submenu li:first-child {

  margin-right: 0%;

}

div.head div.btm.btm_sm div.submenu div.item ul.submenu li:last-child {

  margin-right: 2.85%;

}

div.head div.btm.btm_sm div.submenu div.item.first ul.submenu li {

  float: left;

}

div.head div.btm.btm_sm div.submenu div.item.first ul.submenu li:first-child {

  margin-right: 0%;

  margin-left: 2.85%;

}

div.head div.btm.btm_sm div.submenu div.item.first ul.submenu li.height1 {

  height: 1px;

}

div.head div.menuList_sm {

  display: none;

}

div.head.user div.top div.menu {

  float: right;

}

div.head.user div.top div.menu ul {

  display: inline-block;

  text-align: right;

}

div.head.user div.top div.menu ul li {

  float: right;

}

div.head.user div.top div.menu ul li:last-child {

  margin-right: 2.85%;

}

div.head.user div.top div.menu ul li:first-child {

  margin-right: 0%;

}

div.head.user div.logo a img {

  margin-top: 1rem;

}

/* 公用banner部分 */

div.page div.banner {

  width: 100%;

  height: 24rem;

  background: url('../img/about01_bg.jpg') no-repeat center center;

  background-size: cover;

}

/* 公共底部部分 */

div.foot {

  width: 100%;

  height: 30%;

  background: #373737;

  color: #fff;

}

div.foot div.box {

  width: 100%;

  height: 100%;

  display: block;

}

div.foot div.box div.tp {

  padding-left: 6.2%;

  padding-right: 6.2%;

  padding-top: 1%;

  height: 74%;

  width: 100%;

}

div.foot div.box div.tp div.item {

  display: inline-block;

  width: 20%;

  vertical-align: top;

}

div.foot div.box div.tp div.item ul.link {

  width: 100%;

  height: 7rem;

}

div.foot div.box div.tp div.item ul.link li {

  left: 0%;

  float: none;

  width: auto;

  width: 40%;

  display: inline-block;

}

div.foot div.box div.tp div.item ul.link li a {

  font-size: 0.85rem;

  line-height: 2.2rem;

  color: #fff;

}

div.foot div.box div.tp div.item ul.code {

  padding-left: 0%;

  padding-top: 0.5rem;

  margin-bottom: 0.5rem;

}

div.foot div.box div.tp div.item ul.code li {

  position: relative;

  left: 0%;

  float: none;

  display: inline-block;

  width: 1.6rem;

  height: 1.6rem;

  border-radius: 50%;

  background: url('../img/weixin.png') no-repeat center center;

  background-size: contain;

}

div.foot div.box div.tp div.item ul.code li span.icon {

  display: block;

  position: absolute;

  top: 108%;

  left: 50%;

  transform: translateX(-50%) scale(0);

  -webkit-transform: translateX(-50%) scale(0);

  -moz-transform: translateX(-50%) scale(0);

  -ms-transform: translateX(-50%) scale(0);

  -o-transform: translateX(-50%) scale(0);

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

  transform-origin: 50% 0%;

  -webkit-transform-origin: 50% 0%;

  -moz-transform-origin: 50% 0%;

  -ms-transform-origin: 50% 0%;

  -o-transform-origin: 50% 0%;

  width: 4rem;

  height: 4rem;

  background: url('../img/code.png') no-repeat center center;

  background-size: contain;

}

div.foot div.box div.tp div.item ul.code li:hover span.icon {

  transform: translateX(-50%) scale(1);

  -webkit-transform: translateX(-50%) scale(1);

  -moz-transform: translateX(-50%) scale(1);

  -ms-transform: translateX(-50%) scale(1);

  -o-transform: translateX(-50%) scale(1);

}

div.foot div.box div.tp div.item ul.code li:nth-child(2) {

  background-image: url('../img/qq.png');

}

div.foot div.box div.tp div.item ul.code li:nth-child(3) {

  background-image: url('../img/weibo.png');

}

div.foot div.box div.tp div.item p span {

  display: block;

  font-size: 0.9rem;

  line-height: 1.6rem;

}

div.foot div.box div.tp div.item:nth-child(2) {

  width: 30%;

}

div.foot div.box div.tp div.item:last-child {

  float: right;

  text-align: right;

}

div.foot div.box div.tp div.item:last-child p {

  font-family: "DINregular";

  font-size: 1.3rem;

  line-height: 2.5rem;

  color: #11c1ac;

}

div.foot div.box div.tp div.item:last-child div.logo {

  display: block;

  width: 48%;

  float: right;

}

div.foot div.box div.tp div.item:last-child div.logo img {

  width: 100%;

}

div.foot div.box div.bt {

  height: 26%;

  width: 100%;

  background: #282828;

  display: block;

  padding-left: 6.2%;

  padding-right: 6.2%;

}

div.foot div.box div.bt p {

  font-size: 0.7rem;

  line-height: 3.4rem;

}

/* 了解信安 */

div.page div.cont {

  width: 100%;

  background: #ecf1f5;

  padding-top: 1.8rem;

  padding-left: 13%;

  padding-right: 13%;

  padding-bottom: 5rem;

  /* 大事记 */

  /* 荣誉资质 */

}

div.page div.cont div.tit {

  text-align: center;

}

div.page div.cont div.tit h4 {

  /* font-family: 'FZLTXHJT';

                font-family: 'FZZCHK'; */

  font-size: 2.2rem;

  color: #808080;

  line-height: 3.7rem;

  font-style: normal;

  font-weight: normal;

}

div.page div.cont div.tit p {

  color: #109f93;

  font-size: 1.6rem;

  line-height: 1;

  font-family: "DINregular";

  font-weight: 600;

}

div.page div.cont div.subtit {

  width: 100%;

  margin-top: 2.4rem;

  margin-bottom: 3.5rem;

}

div.page div.cont div.subtit span.arrow {

  display: none;

}

div.page div.cont div.subtit ul li {

  float: left;

  width: 13.8%;

  height: 3rem;

  margin-right: 3.44%;

  text-align: center;

  line-height: 3rem;

  background: #fff;

}

div.page div.cont div.subtit ul li a {

  /* font-family: 'FZLTXHJT'; */

  font-size: 1rem;

  color: #555;

  display: block;

}

div.page div.cont div.subtit ul li:last-child {

  margin-right: 0%;

}

div.page div.cont div.subtit ul li.active {

  background: #11c1ac;

}

div.page div.cont div.subtit ul li.active a {

  color: #fff;

}

div.page div.cont div.box {

  height: 37rem;

  background: #fff;

  box-shadow: 4px 6px 4px #dbe0e4;

}

div.page div.cont div.box div.img {

  width: 41.6%;

  height: 100%;

  float: left;

  background: url('../img/about01_txt.jpg') no-repeat center center;

  background-size: cover;

}

div.page div.cont div.box div.txt {

  width: 58.4%;

  float: left;

  height: 100%;

  padding: 2.2rem 1.8%;

}

div.page div.cont div.box div.txt div.wrap {

  padding-left: 2.3%;

  padding-right: 2.3%;

}

div.page div.cont div.box div.txt p.tit {

  /*  font-family: 'FZLTXHJT'; */

  font-size: 1.35rem;

  line-height: 3.2rem;

  color: #109f93;

  margin-bottom: 1.5rem;

}

div.page div.cont div.box div.txt p.tit span {

  display: inline-block;

  width: 26%;

  height: 100%;

  border-bottom: 2px solid #20a59a;

}

div.page div.cont div.box div.txt div.para p {

  font-size: 0.8rem;

  line-height: 1.2rem;

  color: #666;

  margin-bottom: 1rem;

  text-align: justify;

  font-family: 'SimHei' !important;

}

div.page div.cont div.box div.txt div.para p span {

  font-family: 'SimHei' !important;

  line-height: 1.2rem;

}

div.page div.cont div.list {

  margin-bottom: 4rem;

  text-align: center;

  padding-top: 2.1rem;

}

div.page div.cont div.list div.item:hover a p.year {

  color: #11c1ac;

}

div.page div.cont div.list div.item:hover a div.tips p {

  color: #11c1ac;

}

div.page div.cont div.list div.item:hover a div.line {

  background: #11c1ac;

}

div.page div.cont div.list div.item:hover a span.cirlce {

  background: #11c1ac;

}

div.page div.cont div.list div.item a {

  display: block;

  padding-top: 1.8rem;

  padding-bottom: 2.6rem;

  position: relative;

}

div.page div.cont div.list div.item a p.year {

  font-family: 'DINBold';

  font-size: 2.8rem;

  color: #395275;

  line-height: 3.9rem;

  position: relative;

  margin-bottom: 1.2rem;

}

div.page div.cont div.list div.item a p.year:before {

  content: '';

  width: 10.1%;

  display: block;

  height: 0.5rem;

  background: url('../img/font_line.png') no-repeat bottom center;

  background-size: cover;

  position: absolute;

  top: 100%;

  left: 50%;

  transform: translate(-50%, 0%);

  -webkit-transform: translate(-50%, 0%);

  -moz-transform: translate(-50%, 0%);

  -ms-transform: translate(-50%, 0%);

  -o-transform: translate(-50%, 0%);

}

div.page div.cont div.list div.item a div.tips p {

  font-size: 0.9rem;

  line-height: 1.7rem;

  color: #666;

}

div.page div.cont div.list div.item a div.line {

  position: absolute;

  bottom: 0%;

  left: 0%;

  display: block;

  width: 100%;

  height: 1px;

  background: #c7c8c9;

}

div.page div.cont div.list div.item a span.cirlce {

  position: absolute;

  top: 100%;

  left: 50%;

  display: block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #c7c8c9;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

div.page div.cont div.more {

  padding-bottom: 2.5rem;

  text-align: center;

}

div.page div.cont div.more span.circle {

  display: inline-block;

  width: 0.5rem;

  height: 0.5rem;

  border-radius: 50%;

  background: #595757;

  margin-left: 0.2rem;

  margin-right: 0.2rem;

}

div.page div.cont div.more.active span.circle {

  animation: circlesize 1.1s infinite;

  -moz-animation: circlesize 1.1s infinite;

  /* Firefox */

  -webkit-animation: circlesize 1.1s infinite;

  /* Safari and Chrome */

  -o-animation: circlesize 1.1s infinite;

  /* Opera */

  transform-origin: 50% 50%;

  -webkit-transform-origin: 50% 50%;

  -moz-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  -o-transform-origin: 50% 50%;

}

div.page div.cont div.more.active span.circle.c02 {

  animation: circlesize 1.1s infinite 0.3s;

  -moz-animation: circlesize 1.1s infinite 0.3s;

  /* Firefox */

  -webkit-animation: circlesize 1.1s infinite 0.3s;

  /* Safari and Chrome */

  -o-animation: circlesize 1.1s infinite 0.3s;

  /* Opera */

}

div.page div.cont div.more.active span.circle.c03 {

  animation: circlesize 1.1s infinite 0.6s;

  -moz-animation: circlesize 1.1s infinite 0.6s;

  /* Firefox */

  -webkit-animation: circlesize 1.1s infinite 0.6s;

  /* Safari and Chrome */

  -o-animation: circlesize 1.1s infinite 0.6s;

  /* Opera */

}

div.page div.cont div.more.active span.circle.c04 {

  animation: circlesize 1.1s infinite 0.9s;

  -moz-animation: circlesize 1.1s infinite 0.9s;

  /* Firefox */

  -webkit-animation: circlesize 1.1s infinite 0.9s;

  /* Safari and Chrome */

  -o-animation: circlesize 1.1s infinite 0.9s;

  /* Opera */

}

@keyframes circlesize {

  from {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

  to {

    transform: scale(1.25);

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -ms-transform: scale(1.25);

    -o-transform: scale(1.25);

  }

}

@-moz-keyframes circlesize {

  /* Firefox */

  from {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

  to {

    transform: scale(1.25);

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -ms-transform: scale(1.25);

    -o-transform: scale(1.25);

  }

}

@-webkit-keyframes circlesize {

  /* Safari and Chrome */

  from {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

  to {

    transform: scale(1.25);

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -ms-transform: scale(1.25);

    -o-transform: scale(1.25);

  }

}

@-o-keyframes circlesize {

  /* Opera */

  from {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

  to {

    transform: scale(1.25);

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -ms-transform: scale(1.25);

    -o-transform: scale(1.25);

  }

}

div.page div.cont div.honor div.list {

  padding-top: 0%;

}

div.page div.cont div.honor div.list p.tit {

  /*  font-family: 'FZLTXHJT'; */

  line-height: 4rem;

  font-size: 1.4rem;

  color: #11c1ac;

  position: relative;

  text-align: center;

}

div.page div.cont div.honor div.list p.tit span {

  display: inline-block;

  background: #ecf1f5;

  z-index: 3;

  position: relative;

  padding-left: 0.7rem;

  padding-right: 0.7rem;

}

div.page div.cont div.honor div.list p.tit:after {

  content: '';

  display: block;

  position: absolute;

  top: 50%;

  left: 0%;

  width: 100%;

  height: 2px;

  background: #c5c6c6;

  z-index: 0;

}

div.page div.cont div.honor div.list div.wrap ul li {

  float: left;

  width: 32%;

  margin-right: 2%;

  background: #fff;

  border: 1px solid #c4c6c7;

  margin-bottom: 1.2rem;

  overflow: hidden;

}

div.page div.cont div.honor div.list div.wrap ul li a {

  display: block;

  width: 100%;

  height: 100%;

}

div.page div.cont div.honor div.list div.wrap ul li a div.img {

  width: 74%;

  margin: 0 auto;

  margin-top: 1rem;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform-origin: 50% 10%;

}

div.page div.cont div.honor div.list div.wrap ul li a div.img img {

  width: 100%;

}

div.page div.cont div.honor div.list div.wrap ul li a p {

  font-size: 0.9rem;

  line-height: 2.5rem;

  color: #666;

}

div.page div.cont div.honor div.list div.wrap ul li:nth-child(3n+3) {

  margin-right: 0%;

}

div.page div.cont div.honor div.list div.wrap ul li:hover a div.img {

  transform: scale(1.3);

  -webkit-transform: scale(1.3);

  -moz-transform: scale(1.3);

  -ms-transform: scale(1.3);

  -o-transform: scale(1.3);

}

div.page.honor div.banner {

  background-image: url('../img/honor.jpg');

}

div.about.page.contact div.banner {

  background-image: url('../img/contact.jpg');

}

div.about.page.contact div.cont {

  /* 联系我们 */

}

div.about.page.contact div.cont div.contact ul.clearfix li {

  width: 32%;

  margin-right: 2%;

  float: left;

  background: #fff;

  margin-bottom: 2rem;

  position: relative;

  overflow: hidden;

}

div.about.page.contact div.cont div.contact ul.clearfix li:hover div.shadow {

  right: 0%;

}

div.about.page.contact div.cont div.contact ul.clearfix li:hover div.txt p.tit {

  color: #fff;

  border-bottom: 1px solid #fff;

}

div.about.page.contact div.cont div.contact ul.clearfix li:hover div.txt div.detail p {

  color: #fff;

}

div.about.page.contact div.cont div.contact ul.clearfix li:hover div.txt div.detail p span.tit {

  color: #fff;

}

div.about.page.contact div.cont div.contact ul.clearfix li div.img {

  width: 100%;

  height: 47%;

  background: url('../img/contact01.jpg') no-repeat center center;

  background-size: cover;

  position: relative;

  z-index: 2;

}

div.about.page.contact div.cont div.contact ul.clearfix li div.txt {

  padding-left: 5.6%;

  padding-right: 5.6%;

  padding-top: 0.8rem;

  position: relative;

  z-index: 2;

}

div.about.page.contact div.cont div.contact ul.clearfix li div.txt p.tit {

  position: relative;

  /*  font-family: 'FZLTXHJT'; */

  font-size: 1.4rem;

  line-height: 3rem;

  color: #5b80b1;

  border-bottom: 1px solid #595757;

  margin-bottom: 0.5rem;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div.about.page.contact div.cont div.contact ul.clearfix li div.txt div.detail p {

  font-size: 0.9rem;

  line-height: 1.8rem;

  color: #666;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div.about.page.contact div.cont div.contact ul.clearfix li div.txt div.detail p span.tit {

  color: #5b80b1;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div.about.page.contact div.cont div.contact ul.clearfix li div.shadow {

  position: absolute;

  right: 100%;

  top: 0%;

  display: block;

  width: 100%;

  height: 100%;

  background: #11c1ac;

  z-index: 1;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(3n+3) {

  margin-right: 0%;

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(2) div.img {

  background-image: url('../img/contact02.jpg');

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(3) div.img {

  background-image: url('../img/contact03.jpg');

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(4) div.img {

  background-image: url('../img/contact01.jpg');

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(5) div.img {

  background-image: url('../img/contact02.jpg');

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(6) div.img {

  background-image: url('../img/contact06.jpg');

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(7) div.img {

  background-image: url('../img/contact07.jpg');

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(8) div.img {

  background-image: url('../img/contact08.jpg');

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(9) div.img {

  background-image: url('../img/contact09.jpg');

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(10) div.img {

  background-image: url('../img/contact10.jpg');

}

div.about.page.contact div.cont div.contact ul.clearfix li:nth-child(11) div.img {

  background-image: url('../img/contact11.jpg');

}

/* 聚焦信安 */

div.page.info div.banner {

  background-image: url('../img/mobile/about05_bg.jpg');

}

div.page.info div.cont div.subtit ul {

  text-align: center;

}

div.page.info div.cont div.subtit ul li {

  float: none;

  display: inline-block;

}

div.page.info div.cont div.contact {

  overflow: hidden;

}

div.page.info div.cont div.contact div.wrap {

  position: relative;

  left: 0%;

  width: 301%;

}

div.page.info div.cont div.contact div.wrap div.list {

  float: left;

  padding-top: 0%;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix {

  float: none;

  width: 100%;

  margin-bottom: 1rem;

  background: #fff;

  overflow: hidden;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix:hover {

  background: #11c1ac;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix:hover div.txt p.tit {

  color: #fff;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix:hover div.txt p.tit a.title {

  color: #fff;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix:hover div.txt p.tit a.more {

  color: #fff;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix:hover div.txt p.time {

  color: #fff;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix:hover div.txt div p {

  color: #fff;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix:hover div.img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.img {

  width: 34%;

  float: left;

  background-size: cover;

  height: 100%;

  background: url('../img/focus01.jpg') no-repeat center center;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt {

  width: 66%;

  float: left;

  padding-left: 6%;

  padding-right: 4%;

  padding-top: 1rem;

  padding-bottom: 1rem;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt p.tit {

  /*  font-family: 'FZLTXHJT'; */

  font-size: 0.9rem;

  line-height: 2.5rem;

  color: #595757;

  text-align: left;

  position: relative;

  margin-bottom: 0px;

  transition: all 0s;

  -webkit-transition: all 0s;

  -moz-transition: all 0s;

  -ms-transition: all 0s;

  -o-transition: all 0s;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt p.tit a.title {

  color: #595757;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt p.tit a.more {

  position: absolute;

  right: 0%;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  color: #595757;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt p.time {

  font-family: 'DINBold';

  font-size: 1rem;

  line-height: 2rem;

  color: #11c1ac;

  text-align: left;

  margin-bottom: 0.6rem;

}

div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt div p {

  font-size: 0.8rem;

  color: #666;

  line-height: 1.4rem;

  text-align: justify;

}

div.page.info div.cont div.contact div.wrap div.list ul li:nth-child(2) div.img {

  background-image: url('../img/focus02.jpg');

}

div.page.info div.cont div.box {

  background: none;

  height: auto;

  box-shadow: none;

}

div.page.info div.cont div.box div.wrap div.item div.tit {

  background: #5b80b7;

  margin-bottom: 0.5rem;

}

div.page.info div.cont div.box div.wrap div.item div.tit p {

  /* font-family: 'FZLTXHJT'; */

  font-size: 1.4rem;

  color: #fff;

  line-height: 2.8rem;

  text-align: center;

  font-weight: normal;

}

div.page.info div.cont div.box div.wrap div.item div.txt {

  width: 100%;

  float: none;

  padding: 0%;

  height: auto;

}

div.page.info div.cont div.box div.wrap div.item div.txt p {

  font-size: 0.9rem;

  color: #848585;

  line-height: 2rem;

}

div.page.info div.cont div.box div.wrap div.item div.txt div.img_container {

  height: 16rem;

  background: #fff;

}

div.page.info div.cont div.box div.wrap div.item div.txt div.img_container div.img {

  width: 48%;

  height: 100%;

  margin: 0 auto;

  float: none;

  background: none;

}

div.page.info div.cont div.box div.wrap div.item div.txt div.img_container div.img img {

  width: 100%;

}

/* 产品技术三级页面 */

div.page.pro div.banner {

  background-image: url('../img/pro_bg.jpg');

}

div.page.pro div.cont {

  padding-left: 0%;

  padding-right: 0%;

  padding-top: 0.8rem;

}

div.page.pro div.cont div.subtit {

  margin-top: 0%;

  margin-bottom: 1rem;

  background: #fff;

  height: 4rem;

}

div.page.pro div.cont div.subtit ul {

  width: 100%;

  background: #fff;

  height: 4rem;

  padding-left: 13%;

  padding-right: 13%;

}

div.page.pro div.cont div.subtit ul li {

  line-height: 4rem;

  height: 4rem;

  position: relative;

}

div.page.pro div.cont div.subtit ul li:before {

  content: '';

  width: 1.6rem;

  height: 0.5rem;

  position: absolute;

  bottom: 0px;

  left: 50%;

  display: block;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  background: url('../img/menu_arrow.png') no-repeat bottom center;

  background-size: cover;

}

div.page.pro div.cont div.subtit ul li.active {

  background: #11c1ac;

  box-shadow: 0 0 8px #e3e3e3;

}

div.page.pro div.cont div.subtit ul.active {

  position: fixed;

  top: 0%;

  left: 0%;

  z-index: 10;

}

div.page.pro div.cont div.box {

  padding-left: 13%;

  padding-right: 13%;

  background: none;

  box-shadow: none;

  height: auto;

}

div.page.pro div.cont div.box div.intro {

  margin-bottom: 1.5rem;

}

div.page.pro div.cont div.box div.intro p.tit {

  text-align: center;

  font-size: 1.4rem;

  /* font-family: 'FZLTXHJT'; */

  line-height: 5rem;

  color: #11c1ac;

}

div.page.pro div.cont div.box div.intro div p {

  font-size: 0.8rem;

  line-height: 1.5rem;

  color: #666;

  text-align: justify;

}

div.page.pro div.cont div.box div.wrap div.item {

  margin-bottom: 2rem;

}

div.page.pro div.cont div.box div.wrap div.item div.tit {

  background: #5b80b7;

  margin-bottom: 0.8rem;

}

div.page.pro div.cont div.box div.wrap div.item div.tit p {

  /* font-family: 'FZLTXHJT'; */

  font-size: 1.4rem;

  color: #fff;

  line-height: 2.8rem;

  text-align: center;

  font-weight: normal;

}

div.page.pro div.cont div.box div.wrap div.item div.txt {

  padding: 0%;

  width: 100%;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part {

  font-size: 0.9rem;

  color: #666;

  line-height: 2rem;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join {

  padding-top: 1rem;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join form p.tit {

  margin-bottom: 0px;

  color: #333;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join form div.form-group {

  width: 40%;

  margin-bottom: 0.4rem;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join form div.form-group label {

  display: block;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join form div.form-group label span.tit {

  display: inline-block;

  vertical-align: top;

  font-size: 0.9rem;

  color: #666;

  line-height: 2rem;

  float: left;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join form div.form-group label input {

  display: inline-block;

  vertical-align: top;

  font-size: 0.9rem;

  color: #666;

  line-height: 2rem;

  background: none;

  border-bottom: 1px solid #11C1AC;

  float: left;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join form div.form-group label textarea {

  display: inline-block;

  vertical-align: top;

  font-size: 0.9rem;

  color: #666;

  line-height: 2rem;

  background: none;

  border: none;

  border-bottom: 1px solid #11C1AC;

  float: left;

  height: 10rem;

  padding: 0px;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join form div.form-group input.btn {

  margin-top: 2rem;

  font-size: 0.9rem;

  color: #666;

  line-height: 2rem;

  background: none;

  padding-left: 1rem;

  padding-right: 1rem;

  text-align: center;

  width: 40%;

  color: #fff;

  background: #11C1AC;

  border-radius: 4px;

  cursor: default;

  margin-left: 30%;

}

div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join form p.tips {

  font-size: 0.8rem;

  color: #f00;

  line-height: 1.6rem;

  display: none;

}

div.page.pro div.cont div.box div.wrap div.item div.txt p span {

  font-family: 'Arial', 'SimHei' !important;

}

div.page.pro div.cont div.box div.wrap div.item div.txt table tbody tr td {

  font-family: 'Arial', 'SimHei' !important;

  color: #666!important;

  font-size: 0.8rem;

}

div.page.pro div.cont div.box div.wrap div.item div.txt table tbody tr td span {

  font-family: 'Arial', 'SimHei' !important;

  color: #666!important;

  font-size: 0.8rem;

}

div.page.pro div.cont div.box div.wrap div.item div.txt table tbody tr td p {

  font-family: 'Arial', 'SimHei' !important;

  color: #666!important;

  font-size: 0.8rem;

  text-align: center!important;

}

div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul {

  background: #fff;

}

div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li {

  width: 33.3%;

  float: left;

  padding-left: 2.12%;

  padding-right: 2.12%;

  padding-top: 1.5rem;

  position: relative;

}

div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li:before {

  content: '';

  display: block;

  width: 87.28%;

  height: 1px;

  background: #c9c9c9;

  position: absolute;

  bottom: 0px;

  left: 6.36%;

}

div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li p.tit {

  margin-bottom: 0px;

  /* font-family: 'FZLTXHJT'; */

  font-size: 0.9rem;

  color: #595757;

  line-height: 2rem;

}

div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li div {

  position: relative;

}

div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li div p {

  font-size: 0.8rem;

  line-height: 1.6rem;

  color: #666;

  text-align: justify;

}

div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li span.arrow {

  display: none;

}

div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li.noborder:before {

  display: none;

}

div.page.pro div.cont div.box div.wrap div.item.intro div.tit {

  background: #11c1ac;

}

div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li {

  float: left;

  width: 32.5%;

  margin-right: 1.25%;

  background: #fff;

  margin-bottom: 0.6rem;

  padding-top: 1rem;

  padding-bottom: 0.5rem;

  padding-left: 3.25%;

  padding-right: 3.25%;

}

div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li p.tit {

  margin-bottom: 0%;

  /* font-family: 'FZLTXHJT'; */

  font-size: 0.9rem;

  color: #5b80b1;

  line-height: 2.3rem;

  text-align: left;

}

div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li:nth-child(3n+3) {

  margin-right: 0%;

}

div.page.pro div.cont div.box div.wrap div.item.structure div.tit {

  background: #11c1ac;

}

div.page.pro div.cont div.box div.wrap div.item.structure div.txt p {

  line-height: 1.7rem;

  font-size: 0.8rem;

  color: #666;

  margin-bottom: 0.5rem;

}

div.page.pro div.cont div.box div.wrap div.item.structure div.txt div.img {

  width: 100%;

  background: #fff;

  padding-bottom: 0.6rem;

  padding-top: 0.6rem;

}

div.page.pro div.cont div.box div.wrap div.item.structure div.txt div.img img {

  width: 47.5%;

  margin-left: 26%;

}

div.page.pro div.cont div.box div.wrap div.item.case div.tit {

  background: #5b80b7;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li {

  float: left;

  width: 32.5%;

  margin-right: 1.25%;

  background: #fff;

  overflow: hidden;

  /* margin-bottom:0.8rem; */

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:hover a div.img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li a {

  display: block;

  width: 100%;

  height: 100%;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li a div.img {

  width: 100%;

  height: 82%;

  background: url('../img/case01.jpg') no-repeat center center;

  background-size: cover;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li a p {

  font-size: 0.95rem;

  color: #595757;

  line-height: 2.5rem;

  text-align: center;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(3n+3) {

  margin-right: 0%;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(1) {

  margin-bottom: 0.8rem;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(2) {

  margin-bottom: 0.8rem;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(2) a div.img {

  background-image: url('../img/case02.jpg');

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(3) {

  margin-bottom: 0.8rem;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(3) a div.img {

  background-image: url('../img/case03.jpg');

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(4) {

  margin-bottom: 0.8rem;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(4) a div.img {

  background-image: url('../img/case04.jpg');

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(5) {

  margin-bottom: 0.8rem;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(5) a div.img {

  background-image: url('../img/case05.jpg');

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(6) {

  margin-bottom: 0.8rem;

}

div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(6) a div.img {

  background-image: url('../img/case06.jpg');

}

div.page.pro div.cont div.box div.wrap div.item.other div.tit {

  background: #11c1ac;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem {

  float: left;

  width: 48%;

  margin: 0 1% 0.8rem;

  background: #fff;



  padding-left: 1.3%;

  padding-right: 1.3%;

  position: relative;

  overflow: hidden;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem:hover div.shadow {

  bottom: 0%;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem div.word {

  display: inline-block;

  width: 100%;

  top: 50%;

  position: relative;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem div.word span.icon {

  display: block;

  width: 19%;

  background: url('../img/other02.jpg') no-repeat center center;

  background-size: cover;

  margin: 0 auto;

  margin-bottom: 1rem;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem div.word p {

  width: 50.6%;

  margin: 0 auto;

  line-height: 2.8rem;

  font-size: 1.4rem;

  color: #595757;

  /* font-family: 'FZLTXHJT'; */

  text-align: center;

  border-top: 2px solid #11c1ac;

  border-bottom: 2px solid #11c1ac;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem div.shadow {

  position: absolute;

  width: 100%;

  height: 100%;

  display: block;

  left: 0%;

  bottom: 100%;

  background: #6a8cb8;

  padding: 1rem 5.4%;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem div.shadow ul.msg {

  width: 100%;

  height: 100%;

  border-top: 2px solid #ffffff;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem div.shadow ul.msg li {

  line-height: 1.2rem;

  padding-top: 0.2rem;

  padding-bottom: 0.2rem;

  border-bottom: 1px solid #fff;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem div.shadow ul.msg li span.circle {

  display: inline-block;

  width: 3px;

  height: 3px;

  background: #fff;

  border-radius: 50%;

  vertical-align: middle;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem div.shadow ul.msg li span.txt {

  font-size: 0.9rem;

  line-height: 1.2rem;

  color: #fff;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem div.shadow ul.msg li span.txt a {

  color: #fff;

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem:nth-child(3n+3) {

  /*margin-right: 0%;*/

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem:nth-child(3) div.word span.icon {

  background-image: url('../img/other03.jpg');

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem:nth-child(4) div.word span.icon {

  background-image: url('../img/other04.jpg');

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem:nth-child(5) div.word span.icon {

  background-image: url('../img/other05.jpg');

}

div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem:nth-child(6) div.word span.icon {

  background-image: url('../img/other06.jpg');

}

div.page.pro div.cont div.box div.wrap div.item.structure01 div.txt div.list {

  height: 18rem;

  padding-top: 0%;

}

div.page.pro div.cont div.box div.wrap div.item.structure01 div.txt div.list div.img {

  float: left;

  height: 100%;

  width: 50.4%;

  margin-right: 1.4%;

}

div.page.pro div.cont div.box div.wrap div.item.structure01 div.txt div.list div.img img {

  width: 90%;

  margin-left: 5%;

}

div.page.pro div.cont div.box div.wrap div.item.structure01 div.txt div.list div.img:last-child {

  width: 48.2%;

  margin-right: 0%;

}

div.page.pro div.cont div.box div.wrap div.item.para div.tit {

  background: #5b80b7;

}

div.page.pro div.cont div.box div.wrap div.item.para div.txt p {

  display: inline-block;

  width: 100%;

  line-height: 1.5rem;

  font-size: 0.8rem;

  color: #666;

  text-align: justify;

  margin-right: 0%;

}

div.page.pro div.cont div.box div.wrap div.item.para div.txt div.img {

  display: inline-block;

  width: 58%;

  float: right;

}

div.page.pro div.cont div.box div.wrap div.item.para div.txt div.img img {

  width: 100%;

}

div.page.pro01 div.banner {

  background-image: url('../img/product_bg01.jpg');

}

/* 方案中心 */

div.page.plan div.banner {

  background-image: url('../img/plan_bg01.jpg');

}

div.page.plan div.cont div.subtit ul li {

  width: 12.2%;

  margin-right: 0.34%;

  margin-bottom: 0.3rem;

  height: 2.9rem;

}

div.page.plan div.cont div.subtit ul li:nth-child(8n+8) {

  margin-right: 0%;

}

div.page.plan div.cont div.box {

  overflow: hidden;

}

div.page.plan div.cont div.box div.wrap {

  width: 100%;

  height: 100%;

  position: relative;

  left: 0%;

}

div.page.plan div.cont div.box div.wrap div.item {

  float: none;

  height: 100%;

  display: none;

}

div.page.plan div.cont div.box div.wrap div.item:first-child {

  display: none;

}

div.page.plan div.cont div.box div.wrap div.item div.img {

  width: 49.8%;

  background-image: url('../img/planItem.jpg');

}

div.page.plan div.cont div.box div.wrap div.item div.txt {

  width: 50.2%;

  padding-left: 4.5%;

  padding-right: 2.5%;

  padding-top: 1.5rem;

  padding-bottom: 1.5rem;

}

div.page.plan div.cont div.box div.wrap div.item div.txt ul li {

  font-size: 1rem;

  line-height: 1.9rem;

  color: #595757;

  cursor: default;

}

div.page.plan div.cont div.box div.wrap div.item div.txt ul li a {

  color: #595757;

}

div.page.plan div.cont div.box div.wrap div.item div.txt ul li:hover {

  color: #11c1ac;

}

div.page.plan div.cont div.box_detail div.detail div.intro {

  padding-bottom: 2rem;

}

div.page.plan div.cont div.box_detail div.detail div.intro p {

  font-size: 0.8rem;

  line-height: 1.5rem;

  color: #848585;

}

div.page.plan div.cont div.box_detail div.detail div.intro p.tit {

  font-size: 1.45rem;

  color: #11c1ac;

  /* font-family: 'FZLTXHJT'; */

  text-align: center;

  margin-bottom: 2rem;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item {

  padding-bottom: 1.5rem;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.tit {

  background: #5b80b7;

  margin-bottom: 0.5rem;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.tit p {

  font-size: 1.35rem;

  line-height: 3rem;

  color: #fff;

  /* font-family: 'FZLTXHJT'; */

  font-weight: normal;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.txt p {

  font-size: 0.85rem;

  line-height: 1.6rem;

  color: #848585;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.txt div.img_container {

  height: 20rem;

  background: #fff;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.txt div.img_container div.img {

  height: 100%;

  width: 46%;

  margin: 0 auto;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.txt div.msg p.tit {

  color: #5b80b7;

  font-size: 0.9rem;

  line-height: 1.8rem;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.txt div.msg ul li {

  line-height: 1.8rem;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.txt div.msg ul li span.circle {

  display: inline-block;

  width: 0.4rem;

  height: 0.4rem;

  background: #848585;

  border-radius: 50%;

  vertical-align: middle;

  margin-right: 0.5rem;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.txt div.msg ul li p {

  display: inline-block;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.txt ul.case_list li {

  display: inline-block;

  width: 14%;

  margin-right: 3%;

}

div.page.plan div.cont div.box_detail div.detail div.wrapper div.item div.txt ul.case_list li a {

  color: #848585;

  font-size: 0.9rem;

  line-height: 1.8rem;

}

/* 产品技术二级页面 */

div.page.proIndex div.banner {

  background-image: url('../img/proIndex_bg.jpg');

}

div.page.proIndex div.cont {

  padding-left: 0%;

  padding-right: 0%;

  background: #fff;

  padding-bottom: 0%;

}

div.page.proIndex div.cont div.tit {

  padding-left: 5.625%;

  padding-right: 5.625%;

  margin-bottom: 1.5rem;

  background: #fff;

}

div.page.proIndex div.cont div.box {

  padding-left: 5.625%;

  padding-right: 5.625%;

  height: auto;

  background: #E3E7E8;

}

div.page.proIndex div.cont div.box div.item {

  /*width: 33.3%;

  height: 22.4rem;*/

  float: left;

  background: #ecf1f5;

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  width:50%;

  box-sizing:border-box;

  min-height:250px;

  height:528px!important;

  padding-left: 3.5%;

  padding-right: 3.5%;

  padding-top: 3.52rem;

  padding-bottom: 2rem;

  position: relative;

  overflow: hidden;

}

div.page.proIndex div.cont div.box div.item:nth-child(2) div.itemTit span.icon {

  background-image: url('../img/icon02.jpg');

}

div.page.proIndex div.cont div.box div.item:nth-child(3) div.itemTit span.icon {

  background-image: url('../img/icon04.jpg');

}

div.page.proIndex div.cont div.box div.item:nth-child(4) div.itemTit span.icon {

  background-image: url('../img/icon06.jpg');

}

div.page.proIndex div.cont div.box div.item:nth-child(5) div.itemTit span.icon {

  background-image: url('../img/icon05.jpg');

}

div.page.proIndex div.cont div.box div.item:nth-child(6) div.itemTit span.icon {

  background-image: url('../img/icon03.jpg');

}

div.page.proIndex div.cont div.box div.item:hover div.shadow {

  bottom: 0%;

}

div.page.proIndex div.cont div.box div.item div.itemTit {

  text-align: center;

}

div.page.proIndex div.cont div.box div.item div.itemTit span.icon {

  display: inline-block;

  width: 19.5%;

  background: url('../img/icon01.jpg') no-repeat center center;

  background-size: contain;

  border-radius: 50%;

  vertical-align: middle;

  position: relative;

  right: -4.5%;

  z-index: 4;

}

div.page.proIndex div.cont div.box div.item div.itemTit p {

  display: inline-block;

  position: relative;

  left: -4.5%;

  width: 53%;

  font-size: 1.4rem;

  color: #595757;

  line-height: 3rem;

  text-align: center;

  vertical-align: middle;

  border-top: 1px solid #19928c;

  border-bottom: 1px solid #19928c;

  padding-left: 4.5%;

}

div.page.proIndex div.cont div.box div.item div.txt {

  width: 100%;

  padding-top: 0.8rem;

  padding-bottom:0.8rem;

  padding-left: 0%;

  padding-right: 0%;

  text-align: justify;

}

div.page.proIndex div.cont div.box div.item div.txt p {

  font-size: 1rem;

  color: #595757;

  line-height: 2rem;

  text-align: justify;

}

div.page.proIndex div.cont div.box div.item div.shadow {

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  bottom: 100%;

  left: 0px;

  background: #2ecbbb;

  z-index: 6;

  padding-left: 15%;

  padding-right: 15%;

  padding-top: 2rem;

  padding-bottom: 2rem;

  transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -o-transition: all 0.8s;

}

div.page.proIndex div.cont div.box div.item div.shadow ul {

  border-top: 1px solid #fff;

}

div.page.proIndex div.cont div.box div.item div.shadow ul li {

  border-bottom: 1px solid #fff;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}

div.page.proIndex div.cont div.box div.item div.shadow ul li span.circle {

  display: inline-block;

  width: 2px;

  height: 2px;

  border-radius: 50%;

  background: #fff;

  vertical-align: middle;

  margin-left: 0.2rem;

  margin-right: 0.5rem;

}

div.page.proIndex div.cont div.box div.item div.shadow ul li span.txt {

  font-size: 1rem;

  line-height: 1.6rem;

  color: #fff;

}

div.page.proIndex div.cont div.box div.item div.shadow ul li span.txt a {

  color: #fff;

}

div.page.proIndex div.cont div.box div.item:nth-child(3n+3) {



}

/* 服务支持 */

div.page.service div.banner {

  background-image: url('../img/service_bg.jpg');

  background-size: cover;

}

div.page.service div.cont {

  padding-top: 2rem;

}

div.page.service div.cont div.box {

  padding-top: 2rem;

}

div.page.service div.cont div.box div.wrap div.item div.tit p {

  /* font-family: 'FZLTXHJT';

                            font-weight: normal; */

  font-weight: 600;

}

div.page.service div.cont div.box div.wrap div.item div.txt p {

  font-size: 0.9rem;

  color: #848585;

  line-height: 2rem;

}

div.page.service div.cont div.box div.wrap div.item div.txt p a {

  color: #5b80b7;

}

div.page.service div.cont div.box div.wrap div.item div.txt ul {

  padding-left: 1rem;

}

div.page.service div.cont div.box div.wrap div.item div.txt ul li {

  font-size: 0.9rem;

  color: #848585;

  line-height: 2rem;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_box {

  background: #fff;

  width: 100%;

  text-align: center;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_box div.img {

  width: 20%;

  background: none;

  margin-left: 20%;

  margin-right: 10%;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_box div.img img {

  width: 100%;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_box div.img:last-child {

  margin-left: 10%;

  margin-right: 20%;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_box.single {

  background: none;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_box.single div.img {

  width: 34%;

  margin: 0 auto;

  float: none;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_box.single div.img img {

  width: 100%;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_container {

  height: 16rem;

  background: #fff;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_container div.img {

  width: 48%;

  margin-left: 26%;

}

div.page.service div.cont div.box div.wrap div.item div.txt div.img_container div.img img {

  width: 100%;

  height: 100%;

}

div.page.service div.cont div.box div.plan {

  font-size: 0.9rem;

  color: #848585;

  line-height: 1.5rem;

}

div.page.service div.cont div.box div.plan p.tit {

  margin-bottom: 1rem;

}

div.page.service div.cont div.box div.plan div.step ul.list li.item ul {

  padding-left: 1rem;

}

div.page.service div.cont div.box div.notice div.tit div {

  width: 54%;

  margin-right: 1%;

  background: #5b80b7;

  color: #fff;

  line-height: 2.9rem;

  font-size: 1.4rem;

  text-align: center;

  float: left;

}

div.page.service div.cont div.box div.notice div.tit div span.arrow {

  display: none;

}

div.page.service div.cont div.box div.notice div.tit div:last-child {

  width: 45%;

  margin-right: 0%;

}

div.page.service div.cont div.box div.notice div.txt {

  padding: 0px;

  width: 100%;

}

div.page.service div.cont div.box div.notice div.txt ul li {

  width: 100%;

}

div.page.service div.cont div.box div.notice div.txt ul li a {

  display: block;

  width: 100%;

  height: 100%;

}

div.page.service div.cont div.box div.notice div.txt ul li a:hover div {

  color: #30c8b6;

  border-color: #30c8b6;

}

div.page.service div.cont div.box div.notice div.txt ul li a div {

  width: 54%;

  margin-right: 1%;

  color: #848585;

  line-height: 2.5rem;

  font-size: 0.85rem;

  text-align: center;

  border-bottom: 1px solid #c7c8c9;

  float: left;

}

div.page.service div.cont div.box div.notice div.txt ul li a div:last-child {

  width: 45%;

  margin-right: 0%;

}

div.page.service div.cont div.box div.station div.tit div {

  width: 15.6%;

  margin-right: 0.35%;

}

div.page.service div.cont div.box div.station div.tit div:last-child {

  margin-right: 0%;

}

div.page.service div.cont div.box div.station div.tit div:nth-child(3) {

  width: 32%;

}

div.page.service div.cont div.box div.station div.tit div:nth-child(4) {

  width: 17.7%;

}

div.page.service div.cont div.box div.station div.tit div:nth-child(5) {

  width: 17.7%;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item:nth-child(2n+2) a div.tit p {

  color: #5b80b7;

  border-color: #5b80b7;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item:nth-child(2n+2) a div.pos_wrap ul li div {

  border-color: #5b80b7;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a {

  cursor: default;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a:hover div {

  color: #848585;

  border-color: #848585;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.tit {

  width: 15.6%;

  margin-right: 0.35%;

  border: none;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.tit p {

  font-size: 1.4rem;

  /* font-family: "Microsoft YaHei"; */

  font-weight: normal;

  vertical-align: middle;

  border-bottom: 1px solid #11c1ac;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.pos_wrap {

  width: 84.05%;

  display: inline-block;

  border: none;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.pos_wrap ul {

  display: inline-block;

  width: 100%;

  float: left;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.pos_wrap ul li {

  width: 100%;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.pos_wrap ul li div {

  border-bottom: 1px solid #11c1ac;

  float: left;

  width: 20.9%;

  margin-right: 0.6%;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.pos_wrap ul li div:nth-child(1) {

  width: 18.6%;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.pos_wrap ul li div:nth-child(2) {

  width: 37.8%;

  padding-left: 1rem;

  padding-right: 1rem;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.pos_wrap ul li div:last-child {

  margin-right: 0%;

}

div.page.service div.cont div.box div.station div.txt ul.list li.item a div.pos_wrap ul li div p {

  font-size: 0.9rem;

  line-height: 1.4rem;

  color: #848585;

  padding-bottom: 1rem;

  padding-top: 1rem;

}

/* 人力资源 */

div.join.page div.banner {

  background-image: url('../img/join_bg.jpg');

}

div.join.page div.banner.social {

  background-image: url('../img/join_bg01.jpg');

}

div.join.page div.banner.colleage {

  background-image: url('../img/join_bg02.jpg');

}

div.join.page div.cont div.tit {

  padding-bottom: 2rem;

  padding-top: 1rem;

}

div.join.page div.cont div.box {

  height: auto;

  box-shadow: none;

  overflow: hidden;

}

div.join.page div.cont div.box div.concept p {

  font-size: 0.8rem;

  line-height: 1.5rem;

  color: #848585;

  margin-bottom: 1.7rem;

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear {

  height: 13.5rem;

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear {

  width: 50%;

  float: left;

  height: 100%;

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear div.img {

  height: 100%;

  width: 50%;

  float: left;

  background: url('../img/service_04.jpg') no-repeat center center;

  background-size: cover;

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear div.img.img05 {

  background-image: url('../img/service_05.jpg');

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear div.img.img06 {

  background-image: url('../img/service_06.jpg');

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear div.img.img07 {

  background-image: url('../img/service_07.jpg');

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear div.txt {

  width: 50%;

  float: left;

  color: #fff;

  background: url('../img/txt_01.jpg') no-repeat center center;

  background-size: cover;

  padding: 0rem 1.5rem;

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear div.txt div {

  display: inline-block;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear div.txt div p {

  font-size: 2.2rem;

  line-height: 3.3rem;

  color: #fff;

  /* font-family: 'FZZCHK'; */

  font-weight: normal;

  margin-bottom: 0px;

  text-align: left;

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear:nth-child(2) div.txt {

  background-image: url('../img/txt_02.jpg');

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item:nth-child(2) ul.clear li.clear div.txt {

  background-image: url('../img/txt_03.jpg');

}

div.join.page div.cont div.box div.concept div.tp ul.list li.item:nth-child(2) ul.clear li.clear:nth-child(2) div.txt {

  background-image: url('../img/txt_04.jpg');

}

div.join.page div.cont div.box div.concept div.btm ul {

  height: 13.5rem;

}

div.join.page div.cont div.box div.concept div.btm ul li {

  float: left;

  width: 50%;

  height: 100%;

}

div.join.page div.cont div.box div.concept div.btm ul li div.txt {

  width: 50%;

  float: left;

  color: #fff;

  background: url('../img/txt_05.jpg') no-repeat center center;

  background-size: cover;

  padding: 0rem 1.5rem;

}

div.join.page div.cont div.box div.concept div.btm ul li div.txt div {

  display: inline-block;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div.join.page div.cont div.box div.concept div.btm ul li div.txt div p {

  font-size: 2.2rem;

  line-height: 3.3rem;

  color: #fff;

  /* font-family: 'FZZCHK'; */

  font-weight: normal;

  margin-bottom: 0px;

  text-align: left;

}

div.join.page div.cont div.box div.concept div.btm ul li div.img {

  width: 50%;

  float: left;

  background: url('../img/service_08.jpg') no-repeat center center;

  background-size: cover;

}

div.join.page div.cont div.box div.concept div.btm ul li div.img_lg {

  width: 100%;

  height: 100%;

  background: url('../img/service_09.jpg') no-repeat center center;

  background-size: cover;

}

div.join.page div.cont div.box ul.social {

  background: #ecf1f5;

  width: 200%;

  position: relative;

  left: 0%;

}

div.join.page div.cont div.box ul.social li.item {

  float: left;

  width: 25%;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item {

  padding-bottom: 1.2rem;

  background: #fff;

  margin-bottom: 1.2rem;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item:nth-child(2n+1) div.tit {

  background: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item:nth-child(2n+1) div.tit span.arrow {

  display: none;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item:nth-child(2n+1) div.txt div.tp p.tit {

  color: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item:nth-child(2n+1) div.txt div.btm p.tit {

  color: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item:nth-child(2n+1) div.txt p.tips {

  color: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item:nth-child(2n+1) div.txt div.send {

  color: #5b80b7;

  border-color: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item:nth-child(2n+1) div.txt div.send:hover {

  color: #fff;

  background: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.tit {

  font-size: 1.4rem;

  line-height: 3rem;

  color: #fff;

  text-align: center;

  background: #11c1ac;

  padding-top: 0%;

  padding-bottom: 0%;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt {

  width: 100%;

  float: none;

  padding: 1.7rem 1.7rem 1.2rem;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.tp {

  padding-bottom: 0.6rem;

  border-bottom: 2px solid #cfd0d0;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.tp p.tit {

  font-size: 1.2rem;

  color: #11c1ac;

  /* font-family: "Microsoft YaHei"; */

  line-height: 2rem;

  margin-bottom: 0px;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.tp p span {

  font-family: 'Arial', 'SimHei' !important;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.tp ul li {

  font-size: 0.8rem;

  color: #848585;

  line-height: 1.5rem;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.tp ul p span {

  font-family: 'Arial', 'SimHei' !important;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.btm {

  padding-top: 0.6rem;

  /* border-top: 2px solid #cfd0d0; */

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.btm p.tit {

  font-size: 1.2rem;

  color: #11c1ac;

  /* font-family: "Microsoft YaHei"; */

  line-height: 2rem;

  margin-bottom: 0px;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.btm ul li {

  font-size: 0.8rem;

  color: #848585;

  line-height: 1.5rem;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.btm ul p span {

  font-family: 'Arial', 'SimHei' !important;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt p.tips {

  font-size: 0.8rem;

  color: #11c1ac;

  line-height: 2.7rem;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.send {

  display: inline-block;

  width: 26%;

  margin-left: 37%;

  margin-top: 0.3rem;

  height: 1.8rem;

  line-height: 1.6rem;

  text-align: center;

  font-size: 0.8rem;

  color: #11c1ac;

  border: 1px solid #11c1ac;

  border-radius: 0.9rem;

}

div.join.page div.cont div.box ul.social li.item ul.search li.search_item div.txt div.send:hover {

  color: #fff;

  background: #11c1ac;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item:nth-child(2n+2) div.tit {

  background: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item:nth-child(2n+2) div.txt div.tp p.tit {

  color: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item:nth-child(2n+2) div.txt div.btm p.tit {

  color: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item:nth-child(2n+2) div.txt p.tips {

  color: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item:nth-child(2n+2) div.txt div.send {

  color: #5b80b7;

  border-color: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item:nth-child(2n+2) div.txt div.send:hover {

  color: #fff;

  background: #5b80b7;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item div.tit {

  background: #11c1ac;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item div.txt div.tp p.tit {

  color: #11c1ac;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item div.txt div.btm p.tit {

  color: #11c1ac;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item div.txt p.tips {

  color: #11c1ac;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item div.txt div.send {

  color: #11c1ac;

  border-color: #11c1ac;

}

div.join.page div.cont div.box ul.social li.item.item01 ul.search li.search_item div.txt div.send:hover {

  color: #fff;

  background: #11c1ac;

}

/* 网站地图 */

div.page.website div.banner {

  background-image: url('../img/website_bg.jpg');

}

div.page.website div.cont {

  padding-top: 5rem;

}

div.page.website div.cont div.item div.tit {

  width: 9.6%;

  float: left;

  text-align: left;

}

div.page.website div.cont div.item div.tit a {

  font-size: 1rem;

  line-height: 1rem;

  /* font-family: "Microsoft YaHei"; */

  color: #11c1ac;

  line-height: 2.4rem;

}

div.page.website div.cont div.item div.txt {

  width: 90.4%;

  float: left;

  border-top: 1px solid #11c1ac;

}

div.page.website div.cont div.item div.txt ul.list li.item {

  padding-bottom: 1rem;

  width: 14.375%;

  float: left;

  margin-right: 2.75%;

}

div.page.website div.cont div.item div.txt ul.list li.item:last-child {

  margin-right: 0%;

}

div.page.website div.cont div.item div.txt ul.list li.item a {

  line-height: 2.4rem;

  color: #595757;

  /*  font-family: "Microsoft YaHei"; */

  font-size: 0.85rem;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  display: block;

  width: 100%;

}

div.page.website div.cont div.item div.txt ul.list li.item a:hover {

  color: #11c1ac;

}

div.page.website div.cont div.item div.txt ul.list li.item ul li a {

  font-size: 0.7rem;

  color: #9a9a9b;

  line-height: 1.35rem;

}

div.page.website div.cont div.item div.txt ul.list li.item ul li a:hover {

  color: #9a9a9b;

}

/* pc返回顶部 */

div.topPc {

  position: fixed;

  display: block;

  width: 2.8rem;

  right: 0%;

  bottom: 10rem;

  height: 2.8rem;

}

div.topPc ul li {

  height: 2.8rem;

  background: #9a9a9b;

  cursor: default;

}

div.topPc ul li span {

  display: block;

  width: 50%;

  height: 50%;

  position: relative;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  background: url('../img/talk.png') no-repeat center center;

}

div.topPc ul li:hover {

  background: #373737;

}

div.topPc ul li.toTp {

  display: none;

}

div.topPc ul li.toTp span {

  background-image: url('../img/top.png');

}

/* 合作发展样式 */

div.page.work div.banner {

  background-image: url('../img/work_bg.jpg');

  background-position: 15% 50%;

}

div.page.work div.cont {

  padding-top: 5rem;

  padding-bottom: 5rem;

  position: relative;

}

div.page.work div.cont div.tit {

  width: 100%;

  height: 2.9rem;

  font-size: 1.25rem;

  line-height: 2.9rem;

  color: #fff;

  background: #11c1ac;

  margin-bottom: 1.4rem;

}

div.page.work div.cont div.list div.item {

  width: 16.3%;

  margin-right: 4.3%;

  margin-left: 4.3%;

  vertical-align: top;

}

div.page.work div.cont div.list div.item:first-child {

  margin-left: 2.6%;

}

div.page.work div.cont div.list div.item:last-child {

  margin-right: 2.6%;

}

div.page.work div.cont div.list div.item:last-child a div.txt {

  background-image: url('../img/work_txt04.png');

}

div.page.work div.cont div.list div.item:nth-child(3) a div.txt {

  background-image: url('../img/work_txt02.png');

}

div.page.work div.cont div.list div.item:nth-child(5) a div.txt {

  background-image: url('../img/work_txt03.png');

}

div.page.work div.cont div.list div.item a {

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: #11c1ac;

  color: #fff;

  position: relative;

}

div.page.work div.cont div.list div.item a div.circle {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) scale(0.9);

  -webkit-transform: translate(-50%, -50%) scale(0.9);

  -moz-transform: translate(-50%, -50%) scale(0.9);

  -ms-transform: translate(-50%, -50%) scale(0.9);

  -o-transform: translate(-50%, -50%) scale(0.9);

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  border: 1px solid #11c1ac;

}

div.page.work div.cont div.list div.item a div.txt {

  display: inline-block;

  position: absolute;

  width: 4.3rem;

  height: 4.8rem;

  background: url('../img/work_txt01.png') no-repeat center center;

  background-size: cover;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

div.page.work div.cont div.list div.item a:hover div.circle {

  animation: mymove 1s infinite;

  -webkit-animation: mymove 1s infinite;

  -moz-animation: mymove 1s infinite;

  -o-animation: mymove 1s infinite;

}

@keyframes mymove {

  from {

    transform: translate(-50%, -50%) scale(0.8);

    -webkit-transform: translate(-50%, -50%) scale(0.8);

    -moz-transform: translate(-50%, -50%) scale(0.8);

    -ms-transform: translate(-50%, -50%) scale(0.8);

    -o-transform: translate(-50%, -50%) scale(0.8);

    border-color: #11c1ac;

  }

  to {

    transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    -moz-transform: translate(-50%, -50%) scale(1);

    -ms-transform: translate(-50%, -50%) scale(1);

    -o-transform: translate(-50%, -50%) scale(1);

    border-color: #fff;

  }

}

@-moz-keyframes mymove {

  from {

    transform: translate(-50%, -50%) scale(0.8);

    -webkit-transform: translate(-50%, -50%) scale(0.8);

    -moz-transform: translate(-50%, -50%) scale(0.8);

    -ms-transform: translate(-50%, -50%) scale(0.8);

    -o-transform: translate(-50%, -50%) scale(0.8);

    border-color: #11c1ac;

  }

  to {

    transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    -moz-transform: translate(-50%, -50%) scale(1);

    -ms-transform: translate(-50%, -50%) scale(1);

    -o-transform: translate(-50%, -50%) scale(1);

    border-color: #fff;

  }

}

@-webkit-keyframes mymove {

  from {

    transform: translate(-50%, -50%) scale(0.8);

    -webkit-transform: translate(-50%, -50%) scale(0.8);

    -moz-transform: translate(-50%, -50%) scale(0.8);

    -ms-transform: translate(-50%, -50%) scale(0.8);

    -o-transform: translate(-50%, -50%) scale(0.8);

    border-color: #11c1ac;

  }

  to {

    transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    -moz-transform: translate(-50%, -50%) scale(1);

    -ms-transform: translate(-50%, -50%) scale(1);

    -o-transform: translate(-50%, -50%) scale(1);

    border-color: #fff;

  }

}

@-o-keyframes mymove {

  from {

    transform: translate(-50%, -50%) scale(0.8);

    -webkit-transform: translate(-50%, -50%) scale(0.8);

    -moz-transform: translate(-50%, -50%) scale(0.8);

    -ms-transform: translate(-50%, -50%) scale(0.8);

    -o-transform: translate(-50%, -50%) scale(0.8);

    border-color: #11c1ac;

  }

  to {

    transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    -moz-transform: translate(-50%, -50%) scale(1);

    -ms-transform: translate(-50%, -50%) scale(1);

    -o-transform: translate(-50%, -50%) scale(1);

    border-color: #fff;

  }

}

div.page.work div.cont div.list span.circle {

  width: 0.6rem;

  height: 0.6rem;

  background: #11c1ac;

  border-radius: 50%;

  display: inline-block;

  position: relative;

  margin-top: 5.52rem;

}

div.page.work div.cont div.modal {

  display: none;

  position: absolute;

  bottom: 0px;

  left: 0px;

  background: #fff;

  width: 100%;

  height: 36.5rem;

  margin-left: 13%;

  width: 74%;

}

div.page.work div.cont div.modal div.wrap {

  background: #fff;

  position: relative;

  height: 100%;

}

div.page.work div.cont div.modal div.wrap span.close {

  display: block;

  width: 2.2rem;

  height: 2.2rem;

  position: absolute;

  right: 1.1rem;

  top: 1.1rem;

  background: url('../img/work_close.jpg') no-repeat center center;

  background-size: contain;

  z-index: 10;

}

div.page.work div.cont div.modal div.wrap div.cont {

  background: none;

  padding: 5rem 2rem;

  height: 100%;

  z-index: 2;

}

div.page.work div.cont div.modal div.wrap div.cont div.tit {

  width: 100%;

  height: 2.9rem;

  font-size: 1.25rem;

  line-height: 2.9rem;

  color: #fff;

  background: #11c1ac;

  margin-bottom: 1rem;

}

div.page.work div.cont div.modal div.wrap div.cont div.wrap p {

  font-size: 0.85rem;

  color: #848585;

  line-height: 1.5rem;

}

div.page.work div.cont div.modal div.wrap div.cont div.wrap p span {

  font-family: 'Arial', 'SimHei' !important;

  line-height: 1.5rem!important;

  display: block;

  text-align: justify;

}

div.page.work div.cont div.modal div.wrap div.cont div.wrap p.tit {

  margin-bottom: 1.5rem;

}

div.page.work div.cont div.modal div.wrap div.cont div.wrap div ul {

  padding-left: 1rem;

}

div.page.work div.cont div.modal div.wrap div.cont div.wrap div ul li {

  font-size: 0.85rem;

  color: #848585;

  line-height: 1.5rem;

}

div.page.work div.cont div.search {

  margin-bottom: 3.5rem;

}

div.page.work div.cont div.search form div.form-group {

  width: 49.5%;

  margin-right: 1%;

  height: 3rem;

}

div.page.work div.cont div.search form div.form-group:last-child {

  margin-right: 0%;

}

div.page.work div.cont div.search form div.form-group label {

  width: 32%;

  height: 100%;

  color: #fff;

  back: #11c1ac;

  font-size: 0.9rem;

  line-height: 3rem;

  text-align: center;

  background: #11c1ac;

}

div.page.work div.cont div.search form div.form-group div.txt {

  width: 68%;

  height: 100%;

  background: #fff;

  position: relative;

}

div.page.work div.cont div.search form div.form-group div.txt input {

  height: 100%;

  width: 90%;

  line-height: 3rem;

  padding-left: 10px;

  padding-right: 10px;

  font-size: 0.8rem;

  color: #666;

}

div.page.work div.cont div.search form div.form-group div.txt span.search {

  position: absolute;

  display: inline-block;

  width: 1.1rem;

  height: 1.1rem;

  background: url('../img/search.jpg') no-repeat center center;

  background-size: contain;

  right: 0.6rem;

  top: 0.95rem;

  border: none;

}

div.page.work div.cont div.search form div.form-group div.txt span.search:hover {

  background-image: url('../img/search_active.jpg');

}

div.page.work div.cont div.result {

  display: none;

  position: relative;

}

div.page.work div.cont div.result div.wrap div.item {

  width: 49.5%;

  margin-right: 1%;

  float: left;

  padding: 0.5rem 0.6rem;

  background: #fff;

  margin-bottom: 0.5rem;

}

div.page.work div.cont div.result div.wrap div.item:last-child {

  margin-bottom: 0px;

}

div.page.work div.cont div.result div.wrap div.item:nth-child(2n+2) {

  margin-right: 0%;

}

div.page.work div.cont div.result div.wrap div.item div.txt {

  float: left;

  width: 60%;

  height: 100%;

  position: relative;

}

div.page.work div.cont div.result div.wrap div.item div.txt ul li {

  padding-top: 0.7rem;

  padding-bottom: 0.7rem;

  border-bottom: 1px solid #cdcdcd;

}

div.page.work div.cont div.result div.wrap div.item div.txt ul li:last-child {

  border: none;

}

div.page.work div.cont div.result div.wrap div.item div.txt ul li p {

  font-size: 0.85rem;

  color: #595757;

  line-height: 1.3rem;

}

div.page.work div.cont div.result div.wrap div.item div.txt ul li p.tit {

  color: #11c1ac;

}

div.page.work div.cont div.result div.wrap div.item div.txt div.name {

  position: absolute;

  left: 79%;

  bottom: 0.7rem;

  display: inline-block;

}

div.page.work div.cont div.result div.wrap div.item div.txt div.name p {

  font-size: 0.85rem;

  color: #595757;

  line-height: 1.3rem;

}

div.page.work div.cont div.result div.wrap div.item div.txt div.name p.tit {

  color: #11c1ac;

}

div.page.work div.cont div.result div.wrap div.item div.img {

  float: right;

  width: 37%;

  height: 100%;

}

div.page.work div.cont div.result div.wrap div.item div.img img {

  width: 100%;

}

div.page.work div.cont div.result div.result_detail {

  background: rgba(35, 24, 21, 0.6);

  position: fixed;

  top: 0%;

  left: 0%;

  display: none;

  width: 100%;

  height: 100%;

}

div.page.work div.cont div.result div.result_detail div.box {

  height: auto;

  position: relative;

  width: 100%;

  height: 100%;

  display: block;

  background: none;

}

div.page.work div.cont div.result div.result_detail div.box div.img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  background: none;

  width: 51rem;

  height: 38rem;

  display: block;

  background: url('../img/card_company.jpg') no-repeat center center;

  background-size: contain;

  padding: 8rem 5rem;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.tit {

  text-align: center;

  background: none;

  position: relative;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.tit p.serial {

  position: absolute;

  right: 5rem;

  bottom: 100%;

  font-size: 0.8rem;

  color: #666;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.tit_wrap {

  display: inline-block;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.logo {

  width: 12rem;

  overflow: hidden;

  height: 5rem;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.logo img {

  height: 100%;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.tit span.line {

  width: 1px;

  height: 4rem;

  background: #008476;

  display: inline-block;

  vertical-align: top;

  margin-right: 1rem;

  margin-top: 0.5rem;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.msg {

  display: inline-block;

  vertical-align: top;

  text-align: left;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.msg h4 {

  color: #008476;

  font-weight: 700;

  font-size: 2rem;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.msg p {

  font-size: 1.2rem;

  color: #666;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont {

  padding-left: 6rem;

  padding-right: 6rem;

  padding-top: 3rem;

  font-size: 1rem;

  line-height: 1.4rem;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont div.msg {

  margin-left: 2rem;

  margin-bottom: 2rem;

  margin-top: 1rem;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont div.msg p {

  line-height: 1.8rem;

  width: 100%;

  border-bottom: 1px solid #ccc;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont div.msg span {

  line-height: 1.8rem;

  display: block;

}

div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont div.date p {

  font-size: 1rem;

  line-height: 1.4rem;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img {

  width: 28rem;

  height: 38rem;

  background-image: url('../img/card_person.jpg');

  padding: 7rem 4rem;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit {

  height: auto;

  margin-bottom: 0rem;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit p.serial {

  right: 1rem;

  bottom: 106%;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit div.tit_wrap span.line {

  display: none;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit div.tit_wrap div.logo {

  float: none;

  margin: 0 auto;

  height: 4rem;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit div.tit_wrap div.msg {

  text-align: center;

  margin-bottom: 1rem;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit div.tit_wrap div.msg h4 {

  font-size: 1.4rem;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont {

  padding-left: 1rem;

  padding-right: 1rem;

  padding-top: 0rem;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont p span {

  display: inline-block;

  width: 6rem;

  border-bottom: 1px solid #666;

  line-height: 1.4rem;

  height: 1.4rem;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont div.msg {

  margin-left: 1rem;

  margin-bottom: 1rem;

}

div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont div.date p span {

  display: inline;

  border: none;

}

div.page.work div.cont div.login {

  text-align: center;

}

div.page.work div.cont div.login form div.tit {

  margin-bottom: 4rem;

  background: none;

}

div.page.work div.cont div.login form div.tit span {

  display: inline-block;

  width: 8.5rem;

  height: 2.8rem;

  background: #fff;

  color: #595757;

  font-size: 0.9rem;

  line-height: 2.8rem;

  text-align: center;

  margin-right: 1.1rem;

  margin-left: 1.1rem;

}

div.page.work div.cont div.login form div.tit span a {

  display: block;

  color: #595757;

}

div.page.work div.cont div.login form div.tit span.active {

  color: #fff;

  background: #11c1ac;

}

div.page.work div.cont div.login form div.tit span.active a {

  color: #fff;

}

div.page.work div.cont div.login form div.wrap {

  width: 35rem;

  margin: 0 auto;

  margin-bottom: 2rem;

}

div.page.work div.cont div.login form div.wrap div.item {

  display: none;

}

div.page.work div.cont div.login form div.wrap div.item:first-child {

  display: block;

}

div.page.work div.cont div.login form div.wrap div.tips {

  text-align: left;

  color: #f00;

  font-size: 0.8rem;

  line-height: 2.4rem;

  display: none;

}

div.page.work div.cont div.login form div.wrap div.form-group {

  height: 2.9rem;

  margin-bottom: 0.5rem;

}

div.page.work div.cont div.login form div.wrap div.form-group:last-child {

  margin-bottom: 0px;

}

div.page.work div.cont div.login form div.wrap div.form-group label {

  width: 32%;

  height: 2.9rem;

  line-height: 2.9rem;

  color: #fff;

  background: #11c1ac;

  font-size: 0.9rem;

}

div.page.work div.cont div.login form div.wrap div.form-group div.txt {

  width: 68%;

  height: 2.9rem;

  line-height: 2.9rem;

  background: #fff;

}

div.page.work div.cont div.login form div.wrap div.form-group div.txt input {

  width: 94%;

  margin-left: 3%;

  height: 2.9rem;

  line-height: 2.9rem;

  font-size: 0.7rem;

  color: #666;

  vertical-align: top;

}

div.page.work div.cont div.login form div.option {

  border-top: 1px solid #c1c2c2;

  border-bottom: 1px solid #c1c2c2;

  width: 35rem;

  margin: 0 auto;

}

div.page.work div.cont div.login form div.option ul {

  text-align: center;

}

div.page.work div.cont div.login form div.option ul li {

  display: inline-block;

  line-height: 2.7rem;

}

div.page.work div.cont div.login form div.option ul li:first-child {

  float: left;

}

div.page.work div.cont div.login form div.option ul li:last-child {

  float: right;

}

div.page.work div.cont div.login form div.option ul li a {

  font-size: 0.85rem;

  color: #595757;

}

div.page.work div.cont div.login form div.option ul li a button {

  background: none;

  border: none;

  line-height: 2.7rem;

}

div.page.work div.cont div.login form div.option ul li a:hover {

  color: #11c1ac;

}

div.page.work div.cont div.login_in div.item {

  border-top: 1px solid #c1c2c2;

  padding-top: 0.8rem;

  padding-bottom: 1.8rem;

}

div.page.work div.cont div.login_in div.item div.tit {

  width: 10.6%;

  float: left;

  text-align: left;

  font-size: 1rem;

  color: #11c1ac;

  line-height: 1.2rem;

  vertical-align: top;

}

div.page.work div.cont div.login_in div.item ul.list {

  float: left;

  width: 89.4%;

}

div.page.work div.cont div.login_in div.item ul.list li {

  float: left;

  width: 24.4%;

  margin-right: 0.8%;

  height: 2.8rem;

  line-height: 2.8rem;

  text-align: center;

  background: #fff;

}

div.page.work div.cont div.login_in div.item ul.list li:nth-child(4n+4) {

  margin-right: 0%;

}

div.page.work div.cont div.login_in div.item ul.list li:hover {

  background: #11c1ac;

}

div.page.work div.cont div.login_in div.item ul.list li:hover a {

  color: #fff;

}

div.page.work div.cont div.login_in div.item ul.list li a {

  color: #595757;

  font-size: 0.85rem;

}

div.page.work div.cont div.login.forget div.step {

  display: none;

}

div.page.work div.cont div.login.forget div.step:first-child {

  display: block;

}

div.page.work div.cont div.login.forget div.step form div.wrap div.item p.tips {

  font-size: 0.85rem;

  line-height: 4rem;

  color: #595757;

  text-align: left;

  display: block;

}

div.page.work div.cont div.login.forget div.step form div.wrap div.msg span.icon {

  display: inline-block;

  width: 5rem;

  height: 6rem;

  background: url('../img/success.png') no-repeat center center;

  background-size: contain;

  vertical-align: top;

  margin-right: 1rem;

}

div.page.work div.cont div.login.forget div.step form div.wrap div.msg span.txt {

  font-size: 1.2rem;

  line-height: 6rem;

  color: #595757;

}

div.page.work div.cont div.login.forget div.step form div.option {

  margin-top: 1rem;

}

div.page.work div.cont div.login.forget div.step form div.option span {

  color: #11c1ac;

}

div.page.work div.cont div.register form div.wrap {

  width: 100%;

  background: none;

  margin-bottom: 1.5rem;

}

div.page.work div.cont div.register form div.wrap div.tit {

  background: #11c1ac;

  margin-bottom: 0.6rem;

}

div.page.work div.cont div.register form div.wrap div.box {

  box-shadow: none;

  background: none;

  height: auto;

}

div.page.work div.cont div.register form div.wrap div.box div.item {

  width: 44%;

  margin-right: 2%;

  float: left;

  display: block;

  height:100%;

}

div.page.work div.cont div.register form div.wrap div.box div.item:nth-child(2n+2) {

  width: 54%;

  margin-right: 0%;

}

div.page.work div.cont div.register form div.wrap div.box div.item label {

  font-size: 0.85rem;

  color: #231815;

  line-height: 1.8rem;

  display: inline-block;

  float: left;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.input-group {

  display: inline-block;

  float: left;

  border-bottom: 1px solid #c1c2c2;

  text-align: left;

  font-size: 0.85rem;

  line-height: 1.8rem;

  position: relative;

  height: 1.8rem;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.input-group input {

  width: 100%;

  height: 100%!important;

  background: none;

  display: block;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.input-group span.ico {

  position: absolute;

  top: 60%;

  right: 4px;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

div.page.work div.cont div.register form div.wrap div.box div.item div.input-group div.canmera {

  position: absolute;

  right: 16px;

  width: 170px;

  height: 23px;

  bottom: 0px;

  background: #c1c2c2;

  border-radius: 4px;

  color: #fff;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.input-group div.canmera div.uploadify {

  left: auto;

  top: auto;

  right: 0px;

  width: 85px!important;

  height: 23px!important;

  bottom: 0px;

  z-index: 100;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.input-group div.canmera span {

  position: absolute;

  right: -85px;

  bottom: 0px;

  display: block;

  width: 85px;

  height: 23px;

  text-align: center;

  color:#c1c2c2;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.input-group.up {

  border: none!important;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.input-group.up input[type="text"] {

  height: 1.8rem;

  line-height: 1.8rem;

  border-bottom: 1px solid #c1c2c2;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.num {

  width: 50%;

  float: left;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.item_wrap {

  width: 100%;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.item_wrap div.item_list {

  width: 21%;

  float: left;

  margin-right: 3%;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.item_wrap div.item_list:first-child {

  width: 28%;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.item_wrap div.item_list:last-child {

  margin-right: 0%;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.item_wrap div.item_list label {

  width: 100%;

  text-align: left;

  padding-top: 0.5rem;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.item_wrap div.item_list div.input {

  display: block;

  text-align: left;

}

div.page.work div.cont div.register form div.wrap div.box div.item div.item_wrap div.item_list div.input input {

  height: 1.8rem;

  line-height: 1.8rem;

  width: 100%;

  background: none;

  border-bottom: 1px solid #c1c2c2;

}

div.page.work div.cont div.register form div.wrap div.box div.item.date {

  display: block;

  /* width: 100%;

                            margin-right:0%; */

}

div.page.work div.cont div.register form div.wrap div.box div.item.date div.wrap {

  float: left;

  display: inline-block;

  width: auto;

  vertical-align: top;

  margin-bottom: 0px;

}

div.page.work div.cont div.register form div.wrap div.box div.item.date div.wrap div.wrap-group {

  float: left;

  width: 5rem;

  line-height: 1.8rem;

}

div.page.work div.cont div.register form div.wrap div.box div.item.date div.wrap div.wrap-group input {

  display: inline-block;

  width: 60%;

  background: none;

  height: 1.4rem;

  line-height: 1.4rem;

  border-bottom: 1px solid #c1c2c2;

}

div.page.work div.cont div.register form div.wrap div.box div.item.date div.wrap span {

  line-height: 1.8rem;

}

div.page.work div.cont div.register form div.wrap div.box div.item.bg {

  width: 100%;

  margin-right: 0%;

  height: auto;

}

div.page.work div.cont div.register form div.wrap div.box div.item.msg label {

  display: block;

}

div.page.work div.cont div.register form div.wrap div.box div.item.msg textarea {

  width: 100%;

  height: 6rem;

  border: none;

  background: none;

  border-bottom: 1px solid #c1c2c2;

}

div.page.work div.cont div.register form div.wrap div.box div.item.noneed label {

  color: #aeafaf;

}

div.page.work div.cont div.register form div.wrap div.box div.item.noneed input {

  color: #aeafaf;

}

div.page.work div.cont div.register form div.wrap div.tips {

  display: block;

  /* margin-bottom:2.5rem; */

}

div.page.work div.cont div.register form div.wrap div.tips span.tit {

  display: inline-block;

  vertical-align: top;

  font-size: 0.85rem;

  line-height: 2rem;

  color: #11c1ac;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}

div.page.work div.cont div.register form div.wrap div.tips ul {

  display: inline-block;

  vertical-align: top;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}

div.page.work div.cont div.register form div.wrap div.tips ul li {

  font-size: 0.85rem;

  line-height: 2rem;

  color: #11c1ac;

}

div.page.work div.cont div.register form div.wrap p.wrong {

  font-size: 0.85rem;

  line-height: 1.6rem;

  color: #f00;

  text-align: left;

  display: none;

}

div.page.work div.cont div.register form div.wrap div.option {

  margin-top: 1.5rem;

}

div.page.work div.cont div.register form div.wrap.contact div.box div.item {

  width: 32.4%;

  margin-right: 1.4%;

  margin-bottom: 1rem;

}

div.page.work div.cont div.register form div.wrap.contact div.box div.item p.tit {

  color: #595757;

  text-align: left;

}

div.page.work div.cont div.register form div.wrap.contact div.box div.item:nth-child(3n+3) {

  margin-right: 0%;

}

div.page.work div.cont div.register form div.wrap.contact div.box div.item div.item_input label {

  color: #949596;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item {

  width: 100%;

  margin-right: 0%;

  border-bottom: 1px solid #c1c2c2;

  position: relative;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item:last-child {

  border: none;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item span.icon {

  position: absolute;

  right: 4px;

  top: 0.5rem;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item label {

  width: 25%;

  text-align: left;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list {

  padding: 0px;

  margin: 0px;

  display: inline-block;

  width: 75%;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list label {

  width: 16.66%;

  line-height: 1.8rem;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list label i.fa {

  display: inline-block;

  width: 0.7rem;

  height: 0.7rem;

  background: url('../img/check02.png') no-repeat center center;

  background-size: contain;

  vertical-align: middle;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list label input[type='checkbox'] {

  display: none;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list label input[type='text'] {

  background: none;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list label.active i.fa {

  background-image: url('../img/check02_active.png');

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list.num5 label:last-child {

  width: 30%;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list.num4 label:last-child {

  width: 40%;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list.num4 label input[type='text'] {

  width: 60%;

  height: 100%;

  margin-left: 4px;

  display: inline-block;

  background: none;

  border-bottom: 1px solid #ECF1F5;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item div.list.num4 label.active input[type='text'] {

  border-color: #c1c2c2;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.noneed {

  color: #aeafaf;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.noneed div.list label {

  color: #aeafaf;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.noneed div.list label i.fa {

  background-image: url('../img/check01.png');

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.noneed div.list label.active i.fa {

  background-image: url('../img/check01_active.png');

}

div.page.work div.cont div.register form div.wrap.market div.box div.line.item label {

  width: 100%;

}

div.page.work div.cont div.register form div.wrap.market div.box div.line.item div.list {

  width: 100%;

}

div.page.work div.cont div.register form div.wrap.market div.box div.line.item div.list label {

  width: 12.5%;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.population {

  border: none;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.population label {

  width: 25%;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.population div.box {

  float: left;

  width: 75%;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.population div.box div.item_input {

  width: 50%;

  margin-right: 0%;

  float: left;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.population div.box div.item_input label {

  width: auto;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.auto label {

  width: auto;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.auto div.input {

  height: 1.8rem;

  line-height: 1.8rem;

  float: left;

  text-align: left;

  border-bottom: 1px solid #c1c2c2;

  text-align: right;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.auto div.input input {

  width: 90%;

  background: none;

  float: left;

  height: 1.8rem;

  line-height: 1.8rem;

}

div.page.work div.cont div.register form div.wrap.market div.box div.item.auto div.input span {

  float: right;

  display: inline-block;

  margin-right: 4px;

}

div.page.work div.cont div.register form div.tips {

  display: block;

  text-align: left;

  color: #f00;

  font-size: 0.8rem;

  line-height: 2.4rem;

}

div.page.work div.cont div.register form div.tips span.tit {

  display: inline-block;

  vertical-align: top;

  font-size: 0.85rem;

  line-height: 2rem;

  color: #11c1ac;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}

div.page.work div.cont div.register form div.tips ul {

  display: inline-block;

  vertical-align: top;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}

div.page.work div.cont div.register form div.tips ul li {

  font-size: 0.85rem;

  line-height: 2rem;

  color: #11c1ac;

}

div.page.work div.cont div.register form p.wrong {

  font-size: 0.85rem;

  line-height: 1.6rem;

  color: #f00;

  text-align: left;

  display: none;

}

div.page.work div.cont div.register form div.option {

  margin-top: 3rem;

}

div.page.test div.cont div.list {

  padding-top: 0px;

  margin-bottom: 0px;

}

div.page.test div.cont div.list div.item {

  width: 100%;

  margin-left: 0%;

  margin-right: 0%;

  margin-bottom: 0.5rem;

  padding-bottom: 1.2rem;

  border-bottom: 2px solid #d7dadc;

}

div.page.test div.cont div.list div.item:first-child {

  margin-left: 0%;

}

div.page.test div.cont div.list div.item:last-child {

  margin-right: 0%;

  border: none;

}

div.page.test div.cont div.list div.item p.tit {

  font-size: 0.85rem;

  line-height: 1.6rem;

  color: #595757;

  text-align: justify;

  margin-bottom: 1rem;

}

div.page.test div.cont div.list div.item div.select ul li {

  width: 25%;

  float: left;

  text-align: left;

  font-size: 0.85rem;

  line-height: 1.5rem;

  color: #595757;

  cursor: default;

}

div.page.test div.cont div.list div.item div.select ul li span {

  cursor: default;

}

div.page.test div.cont div.list div.item div.select ul li span.select {

  display: inline-block;

  margin-left: 0.5rem;

  margin-right: 0.3rem;

  line-height: 1.5rem;

}

div.page.test div.cont div.list div.item div.select ul li span.select i.fa {

  display: inline-block;

  width: 0.7rem;

  height: 0.7rem;

  background: url('../img/test_check.png') no-repeat center center;

  background-size: contain;

  vertical-align: middle;

}

div.page.test div.cont div.list div.item div.select ul li span.select input {

  display: none;

}

div.page.test div.cont div.list div.item div.select ul li.active span.select i.fa {

  background-image: url('../img/test_checked.png');

}

div.page.test div.cont div.list div.option {

  border-top: 1px solid #c1c2c2;

  border-bottom: 1px solid #c1c2c2;

  width: 35rem;

  margin: 0 auto;

  margin-top: 4rem;

}

div.page.test div.cont div.list div.option ul {

  text-align: center;

}

div.page.test div.cont div.list div.option ul li {

  background: none;

  display: inline-block;

  line-height: 2.7rem;

  width: auto;

}

div.page.test div.cont div.list div.option ul li:first-child {

  float: left;

}

div.page.test div.cont div.list div.option ul li:last-child {

  float: right;

}

div.page.test div.cont div.list div.option ul li a {

  font-size: 0.85rem;

  color: #595757;

  background: none;

}

div.page.test div.cont div.list div.option ul li a:hover {

  color: #11c1ac;

}

/* 报备 */

div.page.baobei div.cont div.cont_wrap {

  width: 48%;

  margin: 0 auto;

}

div.page.baobei div.cont div.cont_wrap div.search form div.form-group {

  width: 100%;

  margin-right: 0%;

  background: #fff;

  position: relative;

}

div.page.baobei div.cont div.cont_wrap div.search form div.form-group label {

  width: 16%;

  font-size: 0.85rem;

  color: #999;

  background: none;

}

div.page.baobei div.cont div.cont_wrap div.search form div.form-group div.line {

  width: 1px;

  height: 1.2rem;

  background: #c1c2c2;

  display: inline-block;

  margin-top: 0.9rem;

}

div.page.baobei div.cont div.cont_wrap div.search form div.form-group span.search {

  display: inline-block;

  width: 6rem;

  height: 3rem;

  text-align: center;

  line-height: 3rem;

  color: #fff;

  font-size: 0.85rem;

  background: #11c1ac;

  position: absolute;

  right: 0px;

  top: 0px;

  cursor: default;

}

div.page.baobei div.cont div.cont_wrap div.result p {

  font-size: 2.2rem;

  color: #11c1ac;

  font-weight: 600;

  text-align: center;

  line-height: 5.5rem;

  border-top: 1px solid #c1c2c2;

  border-bottom: 1px solid #c1c2c2;

}

/* 资料下载 */

div.page.load div.cont div.list {

  padding-top: 0px;

}

div.page.load div.cont div.list ul li {

  text-align: left;

  font-size: 0.85rem;

  line-height: 2.2rem;

  color: #595757;

  border-bottom: 1px solid #949596;

}

div.page.load div.cont div.list ul li span.date {

  display: inline-block;

  margin-right: 1.5rem;

}

div.page.load div.cont div.list ul li a {

  float: right;

  color: #595757;

}

div.page.load div.cont div.list.act ul li {

  height: 2.2rem;

}

div.page.load div.cont div.list.act ul li a {

  display: block;

  float: left;

}

div.pages {

  padding-top: 2rem;

  text-align: center;

}

div.pages div.page {

  display: inline-block;

}

div.pages div.turn {

  display: inline-block;

}

.xyy-bgMask{

    background-color: #e3e3e3;

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    z-index: 1;

    opacity: 0.8;



}

.xyy-modle{position: relative;top:0;left:0;display: none;}

@media screen and (max-width: 767px) {

/*注册的基本信息*/

    .xy_uploadFile{

               margin-bottom:38px;

             }

    .xy_uploadFile .canmera{

      position: absolute;

      left:-55px;

      top:30px;

    }

    .xy_uploadFile .xy_input{

      width:100% !important;

    }

    .xy_uploadFile1{

      margin-bottom:30px !important;

    }

    .xy_uploadFile1 .canmera{

      left:-160px;

      top:22px;

    }

    .xy_uploadFile1>div>input:first-child{

      width:auto !important;

    }





  /* 微信二维码 */

  div.foot div.box div.tp div.item ul.code li span.icon {

  display: none;

}



div.page.work div.cont div.register form div.wrap div.box div.item div.input-group div.canmera span{display: none;}

.xyy-erweima>span{

  position: absolute;

  display:block;

  top: -22rem;

  left: 9rem;

  width: 12rem !important;

  height: 12rem !important;

  background: url('../img/code.png') no-repeat center center;

  background-size: contain;

  z-index:10;

}

.xyy-close{

    position: absolute;

    top: -24rem;

    left: 20rem;

    color: black;

    font-size: 15px;

    border: 1px solid #e3e3e3;

    border-radius: 50%;

    padding: 3px 6px;

    z-index:10;

}

div#fullpage div.section.service div.wrap div.cont div.footer div.box div.tp div.item ul.code li span.icon{

  display: none;

}

  /* 最后一屏 服务支持*/

  div#fullpage div.section.service div.wrap div.cont div.footer div.box{

    margin-top:12%;

  }

  div.pages div.turn {

    margin-top: 1rem;

  }

  body{

    width:100%;

    width:100%;

  }

  /*聚焦信安的高度*/

  /*.xy_news{*/

    /*margin-bottom:100px !important;*/

  /*}*/

  /*产品技术*/

  div#fullpage div.section.part.product div.wrap div.cont div.item{

    width: 35% !important;

    /*margin-right: 4%;*/

    margin: 0 7.5% 1rem !important;

    /*height:200px !important;*/

  }

  div#fullpage div.section.part.product div.wrap div.cont{

    display:flex !important;

    flex-wrap: wrap !important;

  }
  div#fullpage div.section.part.product div.wrap div.cont.active{

    padding-top: 0px;

  }

  div#fullpage div.section.product div.wrap div.cont div.item a div.txt{

    padding-top: 20%;

  }

}

div.pages ul.page {

  display: inline-block;

  vertical-align: top;

}

div.pages ul.page li {

  display: inline-block;

  width: auto;

  margin-right: 0.5rem;

  margin-left: 0.5rem;

  float: left;

  background: #fff;

  margin-bottom: 0rem;

  position: relative;

  overflow: hidden;

  padding-left: 0.5rem;

  padding-right: 0.5rem;

  height: 1.5rem;

  line-height: 1.5rem;

  color: #666;

  border: 1px solid #e6e6e6;

  cursor: default;

}

div.pages ul.page li.active {

  background: #11c1ac;

  color: #fff;

}

div.pages button {

  border: none;

  padding-left: 0.5rem;

  padding-right: 0.5rem;

  height: 1.5rem;

  line-height: 1.5rem;

  color: #666;

  background: #fff;

  border: 1px solid #e6e6e6;

}

div.pages button.disabled {

  cursor: default;

  background: #e6e6e6;

  color: #999;

  cursor: not-allowed;

}

/* pad端样式 */

@media screen and (max-width: 1100px) {

  div#fullpage {

    /* 产品中心 */

    /* 服务优势 */

  }

  div#fullpage div.section.part div.wrap div.tit {

    padding-left: 3.2%;

    padding-right: 3.2%;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul {

    padding-left: 3.2%;

    padding-right: 3.2%;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li {

    width: 21.7%;

    margin-right: 2.777%;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.txt div p {

    display: none;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.txt div p:nth-of-type(1) {

    display: block;

  }

  div#fullpage div.section.part.product div.wrap div.cont {

    margin-bottom: 0%;

    padding-left: 3.2%;

    padding-right: 3.2%;

  }

  div#fullpage div.section.part.product div.wrap div.cont div.item {

    width: 23%;

    /*margin-right: 5%;*/

  }

  div#fullpage div.section.part.product div.wrap div.cont div.item:nth-child(3n+3) {

    margin-right: 5%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box {

    padding-left: 3.2%;

    padding-right: 3.2%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box div.item {

    width: 16%;

    margin-right: 8%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp {

    padding-left: 3.2%;

    padding-right: 3.2%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item {

    width: 24%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:nth-child(2) {

    width: 50%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.bt {

    padding-left: 3.2%;

    padding-right: 3.2%;

  }

}

/* pad端样式微调 */

@media screen and (max-width: 900px) {

  #fullpage div.sublist {

    width: 10%;

  }

  #fullpage div.company {

    left: 90%;

  }

  #fullpage div.company div.cont {

    padding-left: 20%;

    padding-right: 15%;

  }

  #fullpage div.company div.cont div.wrap {

    top: 40%;

  }

  div.head div.top {

    padding-left: 2%;

    padding-right: 2%;

  }

  div.head div.top div.logo {

    margin-left: 0%;

    width: 18%;

  }

  div.head div.top div.logo img {

    width: 100%;

  }

  div.head div.top div.menu {

    margin-right: 0%;

  }

  div.page div.banner {

    height: 16rem;

  }

  div.page.about div.cont div.box div.txt div.wrap p.tit span {

    width: 40%;

  }

  div.page.about div.cont div.honor div.list div.wrap ul li a p {

    display: none;

  }

  div.page.about div.cont div.contact ul li {

    width: 49%;

    margin-right: 2%;

  }

  div.page.about div.cont div.contact ul li:hover div.txt p.tit {

    color: #5b80b1;

    border-color: #8d8c8c;

  }

  div.page.about div.cont div.contact ul li:hover div.txt div.detail p {

    color: #595757;

  }

  div.page.about div.cont div.contact ul li:hover div.txt div.detail p span.tit {

    color: #5b80b1;

  }

  div.page.about div.cont div.contact ul li:nth-child(2n+2) {

    margin-right: 0%;

  }

  div.page.about div.cont div.contact ul li div.img {

    height: 40%;

  }

  div.page.about div.cont div.contact ul li div.txt {

    height: 60%;

    padding-left: 2%;

    padding-right: 2%;

    padding-top: 0.2rem;

    padding-bottom: 0.2rem;

  }

  div.page.about div.cont div.contact ul li div.shadow {

    display: none;

  }

  div.plan.page div.cont {

    padding-left: 3%;

    padding-right: 3%;

  }

  div.join.page.about div.cont div.box ul.social li.item ul.search li.search_item div.txt div.send {

    width: 40%;

    margin-left: 30%;

  }

  div.page.info div.cont {

    padding-left: 10%;

    padding-right: 10%;

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt {

    padding-left: 2%;

    padding-right: 2%;

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt p.tit a {

    top: 100%;

    transform: translateY(0%);

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt div {

    display: none;

  }

  div.page.proIndex div.cont div.box {

    padding-left: 3%;

    padding-right: 3%;

  }

  div.page.proIndex div.cont div.box div.item {

    padding-left: 1%;

    padding-right: 1%;

    padding-top: 1rem;

    padding-bottom: 1rem;

	min-height:270px;

  }

  div.page.proIndex div.cont div.box div.item a div.itemTit p {

    font-size: 0.5rem;

    line-height: 1rem;

  }

  div.page.proIndex div.cont div.box div.item div.txt p{

	  font-size: 12px;

	  line-height:1.5;

  }

  div.page.proIndex div.cont div.box div.item div.shadow ul li{

	  padding-top:0;

	  padding-bottom:0;

  }

  div.page.proIndex div.cont div.box div.item div.shadow ul li span.txt{

	  font-size:14px;

	  line-height:1.6;

  }

  div.page.proIndex div.cont div.box div.item a div.txt {

    padding-top: 0.5rem;

  }

  div.page.proIndex div.cont div.box div.item a div.txt p {

    font-size: 0.7rem;

    line-height: 1.5rem;

  }

  div.page.pro div.cont div.subtit ul {

    padding-left: 6%;

    padding-right: 6%;

  }

  div.page.pro div.cont div.subtit ul li {

    width: 16.8%;

  }

  div.page.pro div.cont div.box {

    padding-left: 6%;

    padding-right: 6%;

  }

  div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li {

    padding-left: 1%;

    padding-right: 1%;

    padding-top: 0.5rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li p.tit {

    line-height: 1.8rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li div p {

    font-size: 0.7rem;

    line-height: 1.3rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li {

    padding-left: 1%;

    padding-right: 1%;

    padding-top: 0.5rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li p.tit {

    line-height: 1.8rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li div p {

    font-size: 0.7rem;

    line-height: 1.3rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem a div.word p {

    width: 80%;

    font-size: 1.2rem;

    line-height: 2.5rem;

  }

  div.page.website div.cont {

    padding-left: 8%;

    padding-right: 8%;

  }

}

/* 手机端样式 */

@media screen and (max-width: 767px) {



  body {

    overflow-x: hidden;

  }

  div.comWidth {

    width: 90.625%;

  }

  /* 返回顶部 */

  div.toTop {

    display: block;

    width: 4rem;

    height: 4rem;

    position: fixed;

    background: url('../img/mobile/toTop.png') no-repeat center center;

    background-size: contain;

    right: 4.6875%;

    bottom: 3rem;

  }

  div.toTop a {

    display: block;

    width: 100%;

    height: 100%;

  }

  div.backTop {

    display: block;

    width: 4rem;

    height: 4rem;

    position: fixed;

    background: url('../img/mobile/toTop.png') no-repeat center center;

    background-size: contain;

    right: 4.6875%;

    bottom: 3rem;

  }

  /* 首页侧边栏 */

  div#menu {

    display: none;

  }

  /* 首页样式 */

  div#fullpage div.section.banner div.header {

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 100%;

    height: 6rem;

    background: #fff;

    z-index: 10;

  }

  div#fullpage div.section.banner div.header div.logo {

    line-height: 6rem;

    width: 26.5625%;

    margin-left: 4.6875%;

    display: inline-block;

  }

  div#fullpage div.section.banner div.header div.logo img {

    width: 100%;

    vertical-align: middle;

  }

  div#fullpage div.section.banner div.menuList {

    position: fixed;

    left: 100%;

    top: 0%;

    display: block;

    width: 100%;

    height: 100%;

    z-index: 10;

    background: rgba(0,0,0, 0.6);

    transition: all 0.8s;

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -ms-transition: all 0.8s;

    -o-transition: all 0.8s;

  }

  div#fullpage div.section.banner div.menuList ul {

    padding-left: 0;

    padding-right: 0;

    padding-top: 6rem;

    position: relative;

    top:0;

    height:100%;

    width:50%;

    left:50%;

  }

  div#fullpage div.section.banner div.menuList ul li {

    font-size: 1.2rem;

    color: #fff;

    line-height: 3.8rem;

    padding-left:1rem;

    text-align: left;

    /* font-family: "Microsoft YaHei"; */

    /* border-top: 2px solid #3b5476; */

    position:relative;

    background: rgba(57, 82, 117, 0.7);

  }

  div#fullpage div.section.banner div.menuList ul li ul{

    display:none;

    padding-top:0;

    padding-left:1rem;

    left:0;

  }

  div#fullpage div.section.banner div.menuList ul li ul li{background:none;}

  div#fullpage div.section.banner div.menuList ul li a {

    color: #fff;

  }

  div#fullpage div.section.banner div.menuList ul li span.icon{

    display: block;

    position: absolute;

    right: 4.5%;

    top: 1.5rem;

    width: 1.4rem;

    height: 0.6rem;

    background: url(../img/mobile/arrow.png) no-repeat center center;

    background-size: cover;

  }

  div#fullpage div.section.banner div.menuList ul li.single span.icon{

      background:none;

    }

div#fullpage div.section.banner div.menuList ul li.active span.icon{

      background-image: url(../img/mobile/arrow_less.png);

}

  div#fullpage div.section.banner div.menuList ul li:last-child {

    /* border-bottom: 2px solid #3b5476; */

  }



  div#fullpage div.section.banner div.menuList.active {

    left: 0% ;

  }

  div#fullpage div.section.banner div.menu_sm {

    display: inline-block;

    width: 18.4375%;

    height: 6rem;

    background: url('../img/mobile/menu.jpg') no-repeat center center;

    background-size: cover;

    float: right;

    position: absolute;

    right: 0%;

    top: 0%;

    z-index: 100;

  }

  div#fullpage div.section.banner div.sublist {

    display: none;

  }

  div#fullpage div.section.banner div.company {

    display: none;

  }

  div#fullpage div.section.banner div.slide {

    background-image: url('../img/mbanner01.jpg');

  }

  div#fullpage div.section.banner div.slide div.comwidth div.logo {

    display: none;

  }

  div#fullpage div.section.banner div.slide div.comwidth div.slogan {

    display: none;

  }

  div#fullpage div.section.banner div.slide:nth-child(2) {

    background-image: url('../img/mbanner03.jpg');

  }

  div#fullpage div.section.banner div.slide:nth-child(3) {

    background-image: url('../img/mbanner02.jpg');

  }

  div#fullpage div.section.banner div.swiper-container div.swiper-wrapper div.swiper-slide {

    background-size: cover;

  }

  div#fullpage div.section.part div.wrap {

    padding-top: 1.5rem;

  }

  div#fullpage div.section.part div.wrap div.tit {

    padding-left: 4.6875%;

    padding-right: 4.6875%;

  }

  div#fullpage div.section.part div.wrap div.tit span {

    /*  font-family: 'FZZCHK'; */

    font-size: 2rem;

    line-height: 3.9rem;

  }

  div#fullpage div.section.part.news div.wrap div.tit {

    margin-bottom: 0rem;

  }

  div#fullpage div.section.part.news div.wrap div.cont {

    margin-bottom: 0.5rem;

  }

  div#fullpage div.section.part.news div.wrap div.cont span.line {

    display: none;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul {

    padding-left: 4.6875%;

    padding-right: 4.6875%;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li {

    width: 100%;

    margin-right: 0%;

    margin-bottom: 1rem;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li:last-child{

    margin-bottom:30px;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.img {

    display: inline-block;

    width: 50%;

    float: left;

    margin-bottom: 0%;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.txt {

    display: inline-block;

    width: 47%;

    margin-left: 3%;

    float: left;

    padding-top: 0%;

    border-top: 1px solid #595757;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.txt:before {

    display: none;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.txt div {

    padding: 0px;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.txt div span.year {

    font-size: 1.1rem;

    line-height: 1.5rem;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.txt div span.date {

    font-size: 2.5rem;

    line-height: 1;

    margin-bottom: 0.5rem;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.txt div p {

    font-size: 0.9rem;

    line-height: 1.4rem;

    margin-bottom: 0px;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li a div.shadow {

    display: none;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li:nth-child(2n+2) a div.txt {

    margin-left: 0%;

    margin-right: 3%;

    padding: 0px;

    margin-bottom: 0px;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li:nth-child(2n+2) a div.txt div {

    padding: 0px;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li:nth-child(2n+2) a div.img {

    padding: 0px;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li:nth-child(2n+2) a div.img:before {

    display: none;

  }

  div#fullpage div.section.part.news div.wrap div.cont ul li:hover a div.img div {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

  div#fullpage div.section.part.news div.wrap div.more {

    margin-top: 0px;

  }

  div#fullpage div.section.part.product div.wrap div.cont {

    padding-left: 4.6875%;

    padding-right: 4.6875%;

  }

  div#fullpage div.section.part.product div.wrap div.cont div.item {

    width: 88%;

    margin-right: 4%;

    overflow: hidden;

    /*border: 1px solid #d4d4d4;*/

    padding:  0;

  }

  div#fullpage div.section.part.product div.wrap div.cont div.item:nth-child(3n+3) {

    margin-right: 4%;

  }

  div#fullpage div.section.part.product div.wrap div.cont div.item:nth-child(2n+2) {

    margin-right: 0%;

  }

  div#fullpage div.section.part.product div.wrap div.cont div.item:before {

    background: url('../img/mobile/pro_bg.png') no-repeat bottom center;

    background-size: 100%;

  }

  div#fullpage div.section.part.product div.wrap div.cont div.item a div.txt p {

    font-size: 1rem;

    line-height: 1.4rem;

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item {

    width: 49%;

    margin-right: 2%;

    margin-bottom: 0.5rem;

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item:nth-child(2n+2) {

    margin-right: 0%;

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item:nth-child(7) {

    margin-bottom: 0px;

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item:nth-child(8) {

    margin-bottom: 0px;

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item:hover a {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item:hover a div.shadow {

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item:hover a div.border {

    display: none;

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item a div.txt {

    display: inline-block;

    width: 31.6%;

    border-radius: 50%;

    background: #5b80b1;

    position: relative;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item a div.txt span.icon {

    width: 1.4rem;

    height: 1.4rem;

    margin-top: 0.5rem;

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item a div.txt p {

    font-size: 1.2rem;

    line-height: 1.4rem;

  }

  div#fullpage div.section.part.solution div.wrap div.cont div.item a div.txt p.tips {

    font-size: 1rem;

    line-height: 1.2rem;

    display: none;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage {

    height: 75%;

    padding-top: 3rem;

    background: url('../img/mobile/map_sm.jpg') no-repeat top center;

    background-size: contain;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box {

    padding-left: 4.6875%;

    padding-right: 4.6875%;

    top: 0%;

    transform: translateY(0%);

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box:after {

    display: none;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box div.item {

    width: 34%;

    margin-right: 8%;

    margin-left: 8%;

    margin-bottom: 1rem;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box div.item a div.txt p {

    font-size: 1.5rem;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box div.item a div.txt p.tips {

    font-size: 0.8rem;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box div.item span.circle {

    display: none;

    top: 112%;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box div.item span.circle.c02 {

    top: 127%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.advatage div.box div.item span.circle.c03 {

    top: 147%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer {

    height: 25%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:first-child {

    display: none;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:nth-child(2) {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    width: 56%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:nth-child(2) ul {

    padding-left: 0%;

    padding-right: 0%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:nth-child(2) ul li {

    width: 2.7rem;

    height: 2.7rem;

    margin-right: 2rem;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:nth-child(2) ul li:last-child {

    margin-right: 0%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:nth-child(2) p {

    display: none;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:last-child {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    width: 28%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:last-child p {

    font-size: 1rem;

    line-height: 2rem;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.tp div.item:last-child div.logo {

    width: 100%;

  }

  div#fullpage div.section.part.service div.wrap div.cont div.footer div.box div.bt p {

    display: none;

  }

  /* 二级页面公共样式 */

  /* 头部样式 */

  div.head {

    height: 6rem;

    padding: 0px;

    padding-left: 4.6875%;

    padding-right: 4.6875%;

    width: 100%;

  }

  div.head div.top {

    padding: 0px;

  }

  div.head div.top div.logo {

    width: 30%;

    line-height: 6rem;

    margin-left: 0%;

  }

  div.head div.top div.logo img {

    width: 100%;

    height: auto;

    vertical-align: middle;

  }

  div.head div.top div.menu {

    display: none;

  }

  div.head div.top div.menu_sm {

    display: block;

    position: absolute;

    width: 2.1rem;

    right: 4.6875%;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    z-index: 14;

  }

  div.head div.top div.menu_sm img {

    width: 100%;

  }

  div.head div.btm {

    display: none;

  }

  div.head div.menuList_sm {

    display: block;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0%;

    left: 100%;

     background: rgba(0,0,0, 0.7);

    padding-top: 6rem;

    overflow-y: hidden;

    z-index: 10;

  }

  div.head div.menuList_sm ul {

    padding-left:1rem;

    background: rgba(57, 82, 117, 0.7);

    width:50%;

    position: relative;

  }

  div.head div.menuList_sm ul li {

    position: relative;

    text-align: left;

  }

  div.head div.menuList_sm ul li:before {

    position: absolute;

    bottom: 0px;

    left: 0px;

    content: '';

    width: 100%;

    height: 2px;



  }

  div.head div.menuList_sm ul li a {

    display: block;

    font-size: 1.2rem;

    line-height: 3.8rem;

    color: #fff;

    /* font-family: "Microsoft YaHei"; */

    font-weight: normal;

  }

  div.head div.menuList_sm ul li span.icon {

    display: block;

    position: absolute;

    right: 4.5%;

    top: 1.2rem;

    width: 1.4rem;

    height: 0.6rem;

    background: url('../img/mobile/arrow.png') no-repeat center center;

    background-size: cover;

  }

  div.head div.menuList_sm ul li ul {

    display: none;

    background:none;

  }

  div.head div.menuList_sm ul li ul li {

    padding-left: 10%;

  }

  div.head div.menuList_sm ul li ul li a {

    font-size: 1.2rem;

    line-height: 3.8rem;

  }

  div.head div.menuList_sm ul li.single span.icon {

    background: none;

  }

  div.head div.menuList_sm ul li.active span.icon {

    background-image: url('../img/mobile/arrow_less.png');

  }

  /* 底部公用样式 */

  div.foot {

    height: 10rem;

  }

  div.foot div.box div.tp div.item:first-child {

    display: none;

  }

  div.foot div.box div.tp div.item:nth-child(2) {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    width: 56%;

  }

  div.foot div.box div.tp div.item:nth-child(2) ul {

    padding-left: 0%;

    padding-right: 0%;

  }

  div.foot div.box div.tp div.item:nth-child(2) ul li {

    width: 2.7rem;

    height: 2.7rem;

    margin-right: 2rem;

  }

  div.foot div.box div.tp div.item:nth-child(2) ul li:last-child {

    margin-right: 0%;

  }

  div.foot div.box div.tp div.item:nth-child(2) p {

    display: none;

  }

  div.foot div.box div.tp div.item:last-child {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    width: 28%;

  }

  div.foot div.box div.tp div.item:last-child p {

    font-size: 1rem;

    line-height: 2rem;

  }

  div.foot div.box div.tp div.item:last-child div.logo {

    width: 100%;

  }

  div.foot div.box div.bt p {

    display: none;

  }

  /* 关于信安 */

  div.page.about div.banner {

    height: 23rem;

    background: url('../img/mobile/about_bg.jpg') no-repeat;

    background-size: cover;

    background-position: 90% 50%;

  }

  div.page.about div.cont {

    padding-top: 1rem;

    padding-left: 0%;

    padding-right: 0%;

    padding-bottom: 0px;

  }

  div.page.about div.cont div.tit h4 {

    font-size: 2rem;

    line-height: 3.5rem;

  }

  div.page.about div.cont div.tit p {

    font-size: 1.5rem;

  }

  div.page.about div.cont div.subtit {

    margin-top: 2rem;

    margin-bottom: 2rem;

    padding-left: 4.6875%;

    padding-right: 4.6875%;

  }

  div.page.about div.cont div.subtit ul {

    width: 92%;

    float: left;

    height: 2.5rem;

    overflow: hidden;

    transition: all 0.8s;

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -ms-transition: all 0.8s;

    -o-transition: all 0.8s;

  }

  div.page.about div.cont div.subtit ul li {

    width: 33.33%;

    margin-right: 0%;

    height: 2.5rem;

    line-height: 2.5rem;

  }

  div.page.about div.cont div.subtit ul li a {

    font-size: 0.9rem;

  }

  div.page.about div.cont div.subtit ul.active {

    height: 5rem;

  }

  div.page.about div.cont div.subtit span.arrow {

    display: block;

    float: left;

    width: 8%;

    height: 2.5rem;

    background: #11c1ac url('../img/mobile/menuarrow.jpg') no-repeat center center;

    background-size: contain;

  }

  div.page.about div.cont div.subtit span.arrow.active {

    background-image: url('../img/mobile/menuarrow_less.png');

  }

  div.page.about div.cont div.box {

    height: auto;

  }

  div.page.about div.cont div.box div.img {

    width: 100%;

    height: 33rem;

    background-position: 100% 0% !important;

  }

  div.page.about div.cont div.box div.txt {

    width: 100%;

    padding-left: 4.6875%;

    padding-right: 4.6875%;

    padding-top: 1.3rem;

  }

  div.page.about div.cont div.box div.txt div.wrap {

    padding: 0px;

  }

  div.page.about div.cont div.box div.txt div.wrap p.tit {

    line-height: 3rem;

    font-size: 1.2rem;

    margin-bottom: 1rem;

  }

  div.page.about div.cont div.box div.txt div.wrap div.para p {

    font-size: 0.9rem;

    line-height: 1.4rem;

    margin-bottom: 1.5rem;

  }

  div.page.about div.cont div.box div.txt div.wrap div.para p img{

    width:100%  !important;

    height:auto !important;

  }

  div.page.about div.cont div.list {

    padding-top: 0%;

    margin-bottom: 0.5rem;

  }

  div.page.about div.cont div.list p.tit {

    margin-bottom: 0.5rem;

  }

  div.page.about div.cont div.list div.item a {

    padding-top: 1.3rem;

    padding-bottom: 2.2rem;

  }

  div.page.about div.cont div.list div.item a p.year {

    font-size: 2.5rem;

    line-height: 4rem;

    margin-bottom: 0.9rem;

    background: url('../img/mobile/font_line.png') no-repeat bottom center;

    background-size: 22%;

  }

  div.page.about div.cont div.list div.item a p.year:before {

    display: none;

  }

  div.page.about div.cont div.list div.item a div.tips p {

    font-size: 0.9rem;

    line-height: 1.4rem;

  }

  div.page.about div.cont div.list div.item.active a div.line {

    display: none;

  }

  div.page.about div.cont div.list div.item.active a span.cirlce {

    display: none;

  }

  div.page.about div.cont div.honor {

    padding-left: 4.6875%;

    padding-right: 4.6875%;

  }

  div.page.about div.cont div.honor div.list p.tit {

    font-size: 1.25rem;

    line-height: 2.8rem;

  }

  div.page.about div.cont div.honor div.list div.wrap ul li {

    width: 48%;

    margin-right: 4%;

    margin-bottom: 0.8rem;

    padding-top: 0.5rem;

  }

  div.page.about div.cont div.honor div.list div.wrap ul li:nth-child(3n+3) {

    margin-right: 4%;

  }

  div.page.about div.cont div.honor div.list div.wrap ul li:nth-child(2n+2) {

    margin-right: 0%;

  }

  div.page.about div.cont div.honor div.list div.wrap ul li:hover a div.img {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

  div.page.about div.cont div.honor div.list div.wrap ul li a div.img {

    margin-top: 0%;

    width: 72%;

  }

  div.page.about div.cont div.honor div.list div.wrap ul li a p {

    font-size: 0.8rem;

    line-height: 2rem;

  }

  div.page.about div.cont div.contact {

    padding-left: 4.6875%;

    padding-right: 4.6875%;

  }

  div.page.about div.cont div.contact ul li {

    width: 100% !important;

    height:300px !important;

  }

  div.page.about div.cont div.contact ul li:hover div.txt p.tit {

    color: #5b80b1;

    border-color: #8d8c8c;

  }

  div.page.about div.cont div.contact ul li:hover div.txt div.detail p {

    color: #595757;

  }

  div.page.about div.cont div.contact ul li:hover div.txt div.detail p span.tit {

    color: #5b80b1;

  }

  div.page.about div.cont div.contact ul li:nth-child(2n+2) {

    margin-right: 0%;

  }

  div.page.about div.cont div.contact ul li div.img {

    height: 40%;

  }

  div.page.about div.cont div.contact ul li div.txt {

    height: 60%;

    padding-left: 2%;

    padding-right: 2%;

    padding-top: 0.2rem;

    padding-bottom: 0.2rem;

  }

  div.page.about div.cont div.contact ul li div.txt p.tit {

    font-size: 0.9rem;

    line-height: 1.8rem;

    margin-bottom: 0.2rem;

    border-width: 1px;

  }

  div.page.about div.cont div.contact ul li div.txt div.detail p {

    font-size: 0.75rem;

    line-height: 1.25rem;

  }

  div.page.about div.cont div.contact ul li div.shadow {

    display: none;

  }

  /* 聚焦信安 */

  div.page.info div.banner {

    background-image: url('../img/mobile/info_bg.jpg');

  }

  div.page.info div.cont {

    padding-left: 0%;

    padding-right: 0%;

    padding-top: 1.4rem;

  }

  div.page.info div.cont div.tit h4 {

    font-size: 2rem;

    line-height: 3.4rem;

  }

  div.page.info div.cont div.tit p {

    font-size: 1.5rem;

  }

  div.page.info div.cont div.subtit {

    margin-top: 2rem;

    margin-bottom: 1.8rem;

  }

  div.page.info div.cont div.subtit ul li {

    width: 25%;

    margin-left: 3.4375%;

    margin-right: 3.4375%;

    height: 2.5rem;

    line-height: 2.5rem;

  }

  div.page.info div.cont div.subtit.detail ul {

    padding-left: 2.5%;

    padding-right: 2.5%;

  }

  div.page.info div.cont div.subtit.detail ul li {

    width: 31%;

    margin-right: 3.5%;

    margin-left: 0%;

    float: left;

  }

  div.page.info div.cont div.subtit.detail ul li:last-child {

    margin-right: 0%;

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix {

    margin-bottom: 1.5rem;

    padding:1rem;

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix:hover div.img {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.img {

    width: 40%;

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt {

    width: 58%;

    margin-left: 2%;

    padding-left: 0%;

    padding-right: 0%;

    padding-top: 0.8rem;

    padding-bottom: 0.8rem;

    position: relative;

    height: 100%;

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt p.tit {

    line-height: 1.4rem;

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt p.tit a.more {

    display: none;

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt div {

    display: none;

  }

  div.page.info div.cont div.contact div.wrap div.list ul li.clearfix div.txt p.time {

    display: block;

    position: absolute;

    bottom: 0%;

    left: 0%;

  }

  div.page.info div.cont div.box {

    padding-left: 2.5%;

    padding-right: 2.5%;

  }

  div.page.info div.cont div.box div.wrap div.item div.txt div.img_container div.img {

    width: 100%;

  }

  div.page.info div.cont div.box div.wrap div.item div.txt img{

    max-width: 100%;

  }

  /* 产品技术二级页面 */

  div.page.proIndex div.banner {

    background-image: url('../img/mobile/proindex_bg.jpg');

  }

  div.page.proIndex div.cont {

    padding-top: 1rem;

  }

  div.page.proIndex div.cont div.tit {

    margin-bottom: 2rem;

  }

  div.page.proIndex div.cont div.tit h4 {

    font-size: 2rem;

    line-height: 3.4rem;

  }

  div.page.proIndex div.cont div.tit p {

    font-size: 1.5rem;

  }

  div.page.proIndex div.cont div.box {

    padding-left: 0%;

    padding-right: 0%;

    background: #fff;

  }

  div.page.proIndex div.cont div.box div.item {

    width: 100%;

    margin-right: 0%;

    margin-bottom: 1rem;

    padding: 2rem 6.25%;



  }

  div.page.proIndex div.cont div.box div.item a div.itemTit {

    margin-bottom: 2.5rem;

  }

  div.page.proIndex div.cont div.box div.item a div.itemTit p {

    font-size: 1.5rem;

    line-height: 3.9rem;

  }

  div.page.proIndex div.cont div.box div.item a div.txt {

    padding: 0px;

  }

  div.page.proIndex div.cont div.box div.item a div.txt p {

    font-size: 1.2rem;

    line-height: 2.2rem;

  }

  /* 产品技术三级页面 */

  div.page.pro div.banner {

    background: url('../img/mobile/prodetail_bg.jpg');

    background-size: cover;

  }

  div.page.pro div.cont {

    padding-top: 0px;

  }

  div.page.pro div.cont div.subtit {

    padding-top: 2rem;

    padding-bottom: 1.2rem;

    margin-bottom: 0rem;

    padding-left: 4.6875%;

    padding-right: 4.6875%;

    background: none;

    height: auto;

  }

  div.page.pro div.cont div.subtit ul {

    width: 88%;

    float: left;

    height: 2.5rem;

    padding-left: 0%;

    padding-right: 0%;

    overflow: hidden;

    transition: all 0.8s;

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -ms-transition: all 0.8s;

    -o-transition: all 0.8s;

  }

  div.page.pro div.cont div.subtit ul li {

    width: 33.33%;

    margin-right: 0%;

    height: 2.5rem;

    line-height: 2.5rem;

  }

  div.page.pro div.cont div.subtit ul li:before {

    display: none;

  }

  div.page.pro div.cont div.subtit ul li a {

    font-size: 0.9rem;

  }

  div.page.pro div.cont div.subtit ul.more {

    height: 5rem;

  }

  div.page.pro div.cont div.subtit span.arrow {

    display: block;

    float: left;

    width: 12%;

    height: 2.5rem;

    background: url('../img/mobile/menuarrow.jpg') no-repeat center center;

  }

  div.page.pro div.cont div.subtit span.arrow.active {

    background-image: url('../img/mobile/menuarrow_less.png');

  }

  div.page.pro div.cont div.subtit ul.active {

    position: relative;

  }

  div.page.pro div.cont div.box {

    padding-left: 2.5%;

    padding-right: 2.5%;

  }

  div.page.pro div.cont div.box div.intro {

    margin-bottom: 1.8rem;

  }

  div.page.pro div.cont div.box div.intro p.tit {

    font-size: 1.25rem;

    line-height: 3.5rem;

  }

  div.page.pro div.cont div.box div.intro div p {

    font-size: 0.9rem;

    line-height: 1.5rem;

  }

  div.page.pro div.cont div.box div.wrap div.item {

    margin-bottom: 1rem;

  }

  div.page.pro div.cont div.box div.wrap div.item div.tit {

    height: 2.5rem;

    margin-bottom: 0.5rem;

  }

  div.page.pro div.cont div.box div.wrap div.item div.tit p {

    font-size: 1.25rem;

    line-height: 2.5rem;

  }

  div.page.pro div.cont div.box div.wrap div.item div.txt div.part.join form div.form-group {

    width: 100%;

  }

  div.page.pro div.cont div.box div.wrap div.item div.txt p img {

    width: 100%;

    max-width: 100%!important;

  }

  div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul {

    padding-left: 3%;

    padding-right: 3%;

  }

  div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li {

    width: 100%;

    padding: 0%;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li div p {

    font-size: 0.9rem;

    line-height: 1.4rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.feature div.txt ul li:before {

    width: 100%;

    left: 0%;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li {

    width: 100%;

    margin-right: 0%;

    margin-bottom: 0.2rem;

    padding-left: 3%;

    padding-right: 3%;

    padding-top: 0.9rem;

    padding-bottom: 0.9rem;

    position: relative;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li p.tit {

    font-size: 0.9rem;

    line-height: 2rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li div {

    height: 4.5rem;

    overflow: hidden;

    transition: all 0.8s;

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -ms-transition: all 0.8s;

    -o-transition: all 0.8s;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li div p {

    line-height: 1.5rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li div.active {

    height: 10rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li span.arrow {

    display: block;

    width: 1.3rem;

    height: 1.3rem;

    position: absolute;

    right: 3%;

    top: 0.9rem;

    background: url('../img/mobile/intro_arrow.jpg') no-repeat center center;

    background-size: contain;

  }

  div.page.pro div.cont div.box div.wrap div.item.intro div.txt ul li span.arrow.active {

    background-image: url('../img/mobile/intro_arrow_less.jpg');

  }

  div.page.pro div.cont div.box div.wrap div.item.structure div.txt p {

    font-size: 0.9rem;

    line-height: 1.4rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.structure div.txt div.img {

    height: 17.5rem;

    padding-top: 0%;

    padding-bottom: 0%;

    line-height: 17.5rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.structure div.txt div.img img {

    width: 100%;

    margin-left: 0%;

    vertical-align: middle;

  }

  div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li {

    width: 49%;

    margin-right: 2%;

    margin-bottom: 0.5rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(3n+3) {

    margin-right: 2%;

  }

  div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:nth-child(2n+2) {

    margin-right: 0%;

  }

  div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li:hover a div.img {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

  div.page.pro div.cont div.box div.wrap div.item.case div.txt ul li a p {

    line-height: 1.6rem;

    font-size: 0.9rem;

    height: 18%;

  }

  div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem {

    width: 100%;

    margin-right: 0%;

    height: 9rem;

    margin-bottom: 0.5rem;

    padding-left: 0%;

    padding-right: 0%;

  }

  div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem a div.word {

    width: 32%;

    text-align: center;

  }

  div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem a div.word p {

    width: auto;

    font-size: 1rem;

    display: inline-block;

    line-height: 2rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem a div.word span.icon {

    width: 3rem;

    margin-bottom: 0.8rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.other div.txt ul.clearfix li.oItem a div.shadow {

    width: 68%;

    bottom: 0%;

    left: auto;

    right: 0%;

  }

  div.page.pro div.cont div.box div.wrap div.item.para div.txt p {

    width: 100%;

    margin-right: 0%;

    font-size: 0.9rem;

    margin-bottom: 1rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.para div.txt div.img {

    width: 100%;

  }

  div.page.pro div.cont div.box div.wrap div.item.structure.structure01 div.txt div.list div.img {

    height: 14rem;

    width: 100%;

    margin-right: 0%;

    margin-bottom: 0.5rem;

    line-height: 14rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.structure.structure01 div.txt div.list div.img:last-child {

    margin-bottom: 0rem;

  }

  div.page.pro div.cont div.box div.wrap div.item.structure.structure01 div.txt div.list div.img img {

    width: 100%;

    margin-left: 0%;

    vertical-align: middle;

  }

  /* 方案中心 */

  div.page.plan div.banner {

    background-image: url('../img/mobile/plan_bg.jpg');

    background-size: cover;

    background-position: 20% 50% !important;

  }

  div.page.plan div.cont {

    padding-top: 1rem;

    padding-left: 0%;

    padding-right: 0%;

    padding-bottom: 0px;

  }

  div.page.plan div.cont div.tit h4 {

    font-size: 2rem;

    line-height: 3.5rem;

  }

  div.page.plan div.cont div.tit p {

    font-size: 1.5rem;

  }

  div.page.plan div.cont div.subtit {

    margin-top: 2rem;

    margin-bottom: 2rem;

    padding-left: 4.6875%;

    padding-right: 4.6875%;

  }

  div.page.plan div.cont div.subtit ul {

    width: 88%;

    float: left;

    height: 2.5rem;

    overflow: hidden;

    transition: all 0.8s;

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -ms-transition: all 0.8s;

    -o-transition: all 0.8s;

  }

  div.page.plan div.cont div.subtit ul li {

    width: 33.33%;

    margin-right: 0%;

    height: 2.5rem;

    line-height: 2.5rem;

    margin-bottom: 0px;

  }

  div.page.plan div.cont div.subtit ul li a {

    font-size: 0.9rem;

  }

  div.page.plan div.cont div.subtit ul.active {

    height: 11rem;

  }

  div.page.plan div.cont div.subtit span.arrow {

    display: block;

    float: left;

    width: 12%;

    height: 2.5rem;

    background: url('../img/mobile/menuarrow.jpg') no-repeat center center;

  }

  div.page.plan div.cont div.subtit span.arrow.active {

    background-image: url('../img/mobile/menuarrow_less.png');

  }

  div.page.plan div.cont div.box {

    height: auto;

  }

  div.page.plan div.cont div.box div.wrap div.item div.img {

    height: 33rem;

    width: 100%;

  }

  div.page.plan div.cont div.box div.wrap div.item div.txt {

    padding-top: 1.5rem;

    padding-left: 9%;

    padding-right: 4%;

    width: 100%;

  }

  div.page.plan div.cont.cont_detail div.subtit {

    padding-left: 2.5%;

    padding-right: 2.5%;

  }

  div.page.plan div.cont.cont_detail div.box_detail {

    padding-left: 2.5%;

    padding-right: 2.5%;

  }

  div.page.plan div.cont.cont_detail div.box_detail div.detail div.wrapper div.item div.txt div.img_container div.img {

    text-align: center;

    width: 100%;

  }

  div.page.plan div.cont.cont_detail div.box_detail div.detail div.wrapper div.item div.txt ul.case_list li {

    width: 30%;

    margin-right: 5%;

    float: left;

  }

  div.page.plan div.cont.cont_detail div.box_detail div.detail div.wrapper div.item div.txt ul.case_list li:nth-child(3n+3) {

    margin-right: 0%;

  }

  /* 服务体系 */

  div.service.page.pro div.banner {

    height: 23rem;

    background-image: url('../img/mobile/service_bg.jpg');

  }

  div.service.page.pro div.cont div.tit {

    padding-top: 1.5rem;

  }

  div.service.page.pro div.cont div.box div.wrap div.item div.tit {

    padding-top: 0px;

  }

  div.service.page.pro div.cont div.box div.wrap div.item div.txt div.img_box div.img {

    width: 50%;

    margin-left: 0%;

    margin-right: 0%;

  }

  div.service.page.pro div.cont div.box div.wrap div.item div.txt div.img_box.single div.img {

    width: 90%;

    margin-left: 5%;

  }

  div.service.page.pro div.cont div.box div.wrap div.item div.txt div.img_container {

    width: 100%;

    height: 14rem;

  }

  div.service.page.pro div.cont div.box div.wrap div.item div.txt div.img_container div.img {

    width: 100%;

    margin: 0%;

  }

  div.service.page.pro div.cont div.box div.notice.station div.tit div {

    width: 22%;

    margin-right: 1%;

  }

  div.service.page.pro div.cont div.box div.notice.station div.tit div:nth-child(3) {

    width: 54%;

  }

  div.service.page.pro div.cont div.box div.notice.station div.tit div:nth-child(4) {

    margin-right: 0%;

  }

  div.service.page.pro div.cont div.box div.notice.station div.tit div:first-child {

    display: none;

  }

  div.service.page.pro div.cont div.box div.notice.station div.tit div:last-child {

    display: none;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item {

    margin-top: 0.5rem;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item:nth-child(2n+2) a.clearfix div.tit p {

    background: #5b80b1;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item a.clearfix div.tit {

    display: block;

    width: 100%;

    margin-right: 0%;

    padding-top: 0rem;

    text-align: left;

    position: relative;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item a.clearfix div.tit p {

    padding-top: 0.6rem;

    padding-bottom: 0.6rem;

    padding-left: 0.7rem;

    background: #11c1ac;

    color: #fff;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item a.clearfix div.tit span.arrow {

    display: block;

    width: 1.6rem;

    height: 2.6rem;

    position: absolute;

    right: 1.7rem;

    top: 0%;

    background: url('../img/mobile/job_more.png') no-repeat center center;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item a.clearfix div.tit span.arrow.active {

    background-image: url('../img/mobile/job_less.png');

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item a.clearfix div.pos_wrap {

    display: block;

    width: 100%;

    background: #fff;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item a.clearfix div.pos_wrap ul li.clearfix div:last-child {

    display: none;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item a.clearfix div.pos_wrap ul li.clearfix div {

    width: 22%;

    margin-right: 1%;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item a.clearfix div.pos_wrap ul li.clearfix div:nth-child(2) {

    width: 54%;

  }

  div.service.page.pro div.cont div.box div.notice.station div.txt ul.list li.item a.clearfix div.pos_wrap ul li.clearfix div:nth-child(3) {

    margin-right: 0%;

  }

  /* 人力资源 */

  div.join.page.about div.banner.social {

    background: url('../img/mobile/join_bg01.jpg');

  }

  div.join.page.about div.banner.colleage {

    background: url('../img/mobile/join_bg02.jpg');

  }

  div.join.page.about div.cont {

    padding-top: 0rem;

    padding-left: 2.5%;

    padding-right: 2.5%;

  }

  div.join.page.about div.cont div.subtit span.arrow {

    display: none;

  }

  div.join.page.about div.cont div.subtit ul.clearfix {

    width: 100%;

  }

  div.join.page.about div.cont div.box ul.social li.item ul.search li.search_item {

    padding-bottom: 0rem;

  }

  div.join.page.about div.cont div.box ul.social li.item ul.search li.search_item div.tit {

    text-align: left;

    padding-left: 0.9rem;

    position: relative;

  }

  div.join.page.about div.cont div.box ul.social li.item ul.search li.search_item div.tit span.arrow {

    display: block;

    width: 1.6rem;

    height: 100%;

    position: absolute;

    right: 1.7rem;

    top: 0%;

    background: url('../img/mobile/job_more.png') no-repeat center center;

  }

  div.join.page.about div.cont div.box ul.social li.item ul.search li.search_item div.tit span.arrow.active {

    background-image: url('../img/mobile/job_less.png');

  }

  div.join.page.about div.cont div.box ul.social li.item ul.search li.search_item div.txt {

    display: none;

  }

  div.join.page.about div.cont div.box ul.social li.item ul.search li.search_item div.txt div.send {

    width: 60%;

    margin-left: 20%;

  }

  div.join.page div.cont div.box div.concept div.tp ul.list li.item {

    height: 22rem;

  }

  div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear {

    height: 100%;

  }

  div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear {

    width: 100%;

    height: 50%;

    float: none;

  }

  div.join.page div.cont div.box div.concept div.tp ul.list li.item ul.clear li.clear div.txt div p {

    font-size: 1.8rem;

    line-height: 2.8rem;

  }

  div.join.page div.cont div.box div.concept div.btm {

    margin-bottom: 0.5rem;

  }

  div.join.page div.cont div.box div.concept div.btm ul {

    height: 22rem;

  }

  div.join.page div.cont div.box div.concept div.btm ul li.clear {

    height: 50%;

    width: 100%;

    float: none;

  }

  div.join.page div.cont div.box div.concept div.btm ul li.clear div.txt div p {

    font-size: 1.8rem;

    line-height: 2.8rem;

  }

  div.join.page div.cont div.box div.concept div.btm ul li.clear div.img_lg {

    width: 100%;

  }

  /* 服务网点 */

  /* 网站地图 */

  div.page.website div.cont {

    padding-top: 1.8rem;

    padding-left: 4.6875%;

    padding-right: 4.6875%;

  }

  div.page.website div.cont div.item div.tit {

    width: 100%;

  }

  div.page.website div.cont div.item div.tit a {

    font-size: 1.1rem;

    line-height: 2.3rem;

  }

  div.page.website div.cont div.item div.txt {

    width: 100%;

  }

  div.page.website div.cont div.item div.txt ul.list li.item {

    width: 32%;

    margin-right: 2%;

    padding-bottom: 0.5rem;

  }

  div.page.website div.cont div.item div.txt ul.list li.item a {

    line-height: 1.6rem;

  }

  div.page.website div.cont div.item div.txt ul.list li.item:nth-child(3n+3) {

    margin-right: 0%;

  }

  /* pc返回顶部 */

  div.topPc {

    display: none;

  }

  /* 合作 */

  div.page.work div.cont {

    padding-left: 3.90625%;

    padding-right: 3.90625%;

  }

  div.page.work div.cont div.list {

    padding-top: 0px;

  }

  div.page.work div.cont div.list span.circle {

    display: none;

  }

  div.page.work div.cont div.list div.item {

    width: 22%;

    margin-left: 1.5%;

    margin-right: 1.5%;

  }

  div.page.work div.cont div.list div.item:first-child {

    margin-left: 1.5%;

  }

  div.page.work div.cont div.list div.item:last-child {

    margin-right: 1.5%;

  }

  div.page.work div.cont div.list div.item a {

    padding: 0px;

  }

  div.page.work div.cont div.list div.item a div.txt {

    width: 2.5rem;

    height: 2.5rem;

    background-size: contain;

  }

  div.page.work div.cont div.list div.item a div.circle {

    border-color: #fff;

  }

  div.page.work div.cont div.modal {

    width: 92.1875%;

    margin-left: 3.90625%;

  }

  div.page.work div.cont div.modal div.wrap div.cont {

    padding: 4rem 0.6rem;

  }

  div.page.work div.cont div.tit {

    margin-bottom: 0.5rem;

  }

  div.page.work div.cont div.search {

    margin-bottom: 2.5rem;

  }

  div.page.work div.cont div.search form div.form-group {

    width: 100%;

    margin-right: 0%;

    margin-bottom: 0.5rem;

  }

  div.page.work div.cont div.result div.wrap div.item {

    width: 100%;

    margin-right: 0%;

  }

  div.page.work div.cont div.result div.wrap div.item div.txt ul li p.tit {

    display: none;

  }

  div.page.work div.cont div.result div.wrap div.item div.txt div.name p.tit {

    display: none;

  }

  div.page.work div.cont div.result div.result_detail {

    width: 100%;

    padding-bottom: 0rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img {

    width: 29rem;

    height: 33rem;

    padding: 11rem 2.5rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.tit {

    margin-bottom: 0px;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.tit p.serial {

    right: 1rem;

    font-size: 0.6rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.tit_wrap div.logo {

    width: 6rem;

    height: 2.5rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.tit_wrap span.line {

    height: 2.5rem;

    margin-right: 0.5rem;

    margin-top: 0px;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.tit_wrap div.msg h4 {

    font-size: 1rem;

    line-height: 1.6rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.tit div.tit_wrap div.msg p {

    font-size: 0.8rem;

    letter-spacing: -1px;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont {

    padding: 0rem 1rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont p {

    font-size: 0.8rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont div.msg {

    margin-top: 0px;

    margin-left: 1rem;

    margin-bottom: 0.5rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont div.msg p {

    font-size: 0.7rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont div.msg span {

    font-size: 0.7rem;

  }

  div.page.work div.cont div.result div.result_detail div.box div.img div.detail_cont div.date p {

    font-size: 0.7rem;

  }

  div.page.work div.cont div.result div.result_detail.personal {

    width: 100%;

    padding-bottom: 0rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img {

    width: 28rem;

    height: 38rem;

    padding: 7rem 2.5rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit {

    margin-bottom: 0px;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit p.serial {

    right: 2rem;

    font-size: 0.6rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit div.tit_wrap div.logo {

    width: 9rem;

    height: 4rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit div.tit_wrap span.line {

    height: 2.5rem;

    margin-right: 0.5rem;

    margin-top: 0px;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit div.tit_wrap div.msg {

    margin-bottom: 2rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit div.tit_wrap div.msg h4 {

    font-size: 1.2rem;

    line-height: 2.6rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.tit div.tit_wrap div.msg p {

    font-size: 0.8rem;

    letter-spacing: -1px;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont {

    padding: 0rem 2rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont p {

    font-size: 0.8rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont p span {

    height: 1.6rem;

    line-height: 1.6rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont div.msg {

    margin-top: 1rem;

    margin-left: 1rem;

    margin-bottom: 1rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont div.msg p {

    font-size: 0.7rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont div.msg span {

    font-size: 0.7rem;

  }

  div.page.work div.cont div.result div.result_detail.personal div.box div.img div.detail_cont div.date p {

    font-size: 0.7rem;

  }

  div.page.work div.cont div.login form div.tit {

    margin-bottom: 2.5rem;

  }

  div.page.work div.cont div.login form div.wrap {

    width: 100%;

  }

  div.page.work div.cont div.login form div.wrap div.form-group label {

    width: 26%;

  }

  div.page.work div.cont div.login form div.wrap div.form-group div.txt {

    width: 74%;

  }

  div.page.work div.cont div.login form div.wrap div.option {

    width: 66%;

    margin-top: 2rem;

    margin-left: 17%;

  }

  div.page.work div.cont div.login_in div.item {

    border: none;

    margin-bottom: 0rem;

    padding-bottom: 0px;

    padding-top: 0px;

  }

  div.page.work div.cont div.login_in div.item div.tit {

    display: block;

    width: 100%;

    line-height: 2.8rem;

    font-size: 0.9rem;

    margin-bottom: 0px;

    position: relative;

  }

  div.page.work div.cont div.login_in div.item div.tit span.line {

    width: 200px;

    height: 1px;

    display: inline-block;

    background: #ced1d2;

    position: absolute;

    right: 0px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

  }

  div.page.work div.cont div.login_in div.item ul.list {

    width: 100%;

  }

  div.page.work div.cont div.login_in div.item ul.list li {

    width: 30%;

    margin-right: 5%;

    margin-bottom: .75rem;

  }

  div.page.work div.cont div.login_in div.item ul.list li:nth-child(3n+3) {

    margin-right: 0px;

  }

  div.page.work div.cont div.login_in div.item ul.list li a {

    font-size: 0.9rem;

  }

  div.page.work div.cont div.login.forget div.step form div.wrap div.item p.tips {

    font-size: 0.85rem;

    line-height: 2rem;

    color: #666;

    text-align: left;

    display: block;

  }

  div.page.work div.cont div.login.forget div.step form div.wrap div.item div.option {

    width: 100%;

    margin-left: 0%;

  }

  div.page.work div.cont div.register.login form div.wrap div.box div.item {

    width: 100%;

    margin-right: 0%;

  }

  div.page.work div.cont div.register.login form div.wrap.market div.box div.item label {

    width: 100%;

  }

  div.page.work div.cont div.register.login form div.wrap.market div.box div.item div.list {

    width: 100%;

  }

  div.page.work div.cont div.register.login form div.wrap.market div.box div.item div.list label {

    width: 33%;

    margin-right: 0%;

  }

  div.page.work div.cont div.register.login form div.wrap.market div.box div.item div.list.num5 label:last-child {

    width: 50%;

  }

  div.page.work div.cont div.register.login form div.wrap.market div.box div.item div.num4.list label:last-child {

    width: 100%;

  }

  div.page.work div.cont div.register.login form div.wrap.market div.box div.item.population div.box {

    width: 100%;

  }

  div.page.work div.cont div.register.login form div.wrap.market div.box div.item.population div.box div.item_input {

    width: 100%;

  }

  div.page.work div.cont div.register.login form div.wrap.market div.box div.item.auto div.input {

    display: block;

    width: 100%!important;

  }

  div.page.work div.cont div.register.login form div.option {

    width: 100%;

  }

  div.page.baobei div.cont div.cont_wrap {

    width: 100%;

  }

  div.page.baobei div.cont div.cont_wrap div.result p {

    font-size: 1.5rem;

    line-height: 5.5rem;

  }

  div.page.test div.cont div.list div.wrap div.item {

    width: 100%;

    margin-right: 0%;

    margin-left: 0%;

  }

  div.page.test div.cont div.list div.wrap div.item:first-child {

    margin-left: 0%;

  }

  div.page.test div.cont div.list div.wrap div.item:last-child {

    margin-right: 0%;

  }

  div.page.test div.cont div.list div.option {

    width: 100%;

  }

}

table tr td {

  border: 1px solid #e6e6e6!important;

  line-height: 2rem!important;

  height: 2rem!important;

  text-align: center;

}

/*



font-family:"DINregular";

font-family:'FZZCHK';

font-family:"Microsoft YaHei";

方正兰亭纤黑简体

font-family:'FZLTXHJT';

font-family: 'DINBold';



*/