@charset "utf-8";
/* 通用*/
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  margin: 0;
  padding: 0;
}
body, button, input, select, textarea {
  /*font: normal 16px "Microsoft Yahei";
    font: normal 16px "Pingfang SC";*/
}
h1, h2, h3, h4, h5, h6 {
  /*font-size: 100%;*/
  padding: 0;
  margin: 0;
}
ul, ol {
  list-style: none;
}
a {
  text-decoration: none;
  outline: none;
}
img {
  border: 0;
}
/*nav*/
.nav {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  height: 80px;
  margin: 0 auto;
  position: fixed;
  top: 0;
  z-index: 9999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.nav ul {
  width: 1050px;
  margin: 0 auto;
  padding: 20px 75px;
}
.nav ul .logo {
  width: 150px;
  height: 40px;
  background: url("../images/logo.png") no-repeat center;
  float: left;
  margin-right: 87px;
}
.nav ul li {
  float: left;
  width: 140px;
  text-align: center;
  font-size: 22px;
  color: #000;
  line-height: 40px;
}
.nav ul li a {
  color: #000;
}
.nav ul li a:hover {
  color: #ff5816;
}
.nav ul .dh {
  float: right;
  width: 165px;
  height: 40px;
  background: url("../images/dh.jpg") no-repeat center;
  margin-left: 87px;
}
/*banner*/
.banner {
  width: 100%;
  height: 640px;
  margin: 0 auto;
  background: url("../images/banner.jpg") no-repeat center;
}
/*p1*/
.p1 {
  width: 100%;
  margin: 0 auto;
  background: #f0f3fa;
  overflow: hidden;
}
.p1-c {
  width: 1200px;
  background: #fff;
  border-radius: 20px;
  margin: 60px auto 40px;
  overflow: hidden;
  -webkit-box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  -moz-box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  height: 460px;
}
.p1-c h2 {
  width: 500px;
  height: 60px;
  line-height: 60px;
  font-weight: normal;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  color: #fff;
  text-align: center;
  font-size: 36px;
  margin: 0 auto 20px;
  background: -webkit-linear-gradient(top, #8ab9ff, #467aff);
  background: -o-linear-gradient(top, #8ab9ff, #467aff);
  background: linear-gradient(to bottom, #8ab9ff, #467aff);
}
.p1-c ul {
  padding: 20px 120px 10px;
  width: 960px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.p1-c ul li {
  width: 145px;
  height: 135px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  -moz-box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  transition: 0.3s;
  border: 1px #fff solid;
}
.p1-c ul li img {
  text-align: center;
  margin: 10px 39.5px;
}
.p1-c ul li .title_1 {
  text-align: center;
  display: block;
  font-size: 20px;
  color: #000;
  width: 145px;
}
.p1-c ul li:hover {
  border: 1px #328eff solid;
  transition: 0.3s;
}
.p1-c ul li:hover .title_1 {
  color: #328eff;
  font-weight: bold;
}
.p1-c-2 {
  width: 1200px;
  background: #5c89fb;
  border-radius: 20px;
  margin: 0 auto 80px;
  overflow: hidden;
  -webkit-box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  -moz-box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  height: 360px;
}
.p1-c-2 ul {
  padding: 55px 120px;
  width: 960px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.p1-c-2 ul li {
  background: url("../images/p1-ewm.png") no-repeat #fff 310px 100px;
  ;
  width: 470px;
  height: 250px;
  border-radius: 10px;
}
.p1-c-2 ul li .tit {
  background: #ffa93a;
  width: 400px;
  padding-left: 20px;
  height: 52px;
  line-height: 52px;
  color: #fff;
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;
  margin: 25px 0 17px;
  font-size: 28px;
}
.p1-list {
  width: 380px;
  margin-left: 20px;
  color: #333;
  font-size: 26px;
  background: url("../images/p1-ico.png") no-repeat 0 16px;
  line-height: 45px;
  padding-left: 25px;
}
.font-1 {
  font-weight: bold;
  font-size: 34px;
}
/*p2 轮播*/
.p2 {
  width: 100%;
  margin: 0 auto 60px;
  background: url("../images/p2.png") no-repeat center #fff;
  overflow: hidden;
}
.p2-btn {
  width: 370px;
  display: block;
  height: 60px;
  color: #fff;
  line-height: 60px;
  border-radius: 30px;
  margin: 80px auto 0;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  background: -webkit-linear-gradient(top, #ff2b06, #ffa76f);
  background: -o-linear-gradient(top, #ff2b06, #ffa76f);
  background: linear-gradient(to bottom, #ff2b06, #ffa76f);
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .08);
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, .08);
  box-shadow: 0 0px 10px rgba(0, 0, 0, .08);
}
.p2-list {
  width: 310px;
  height: 339px;
  float: left;
  background: url("../images/p2-b.jpg") repeat-x;
  border-radius: 10px;
}
.p2-list .tu {
  width: 274px;
  height: 172px;
  margin: 18px;
}
.p2-list h3 {
  font-size: 36px;
  color: #fff;
  text-align: center;
}
.p2-list h4 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}
.font-3 {
  color: #fdd240;
  font-weight: bold;
  font-size: 24px;
}
/* 主卡片 —— 所有内容都在这张“软考价值卡”里 */
.value-card {
  width: 1200px;
  margin: 130px auto 0;
  transition: all 0.2s;
  position: relative;
}
/* 轮播容器 */
.carousel-wrapper {
  position: relative;
  overflow: hidden;
  width: 1000px;
  margin-left: 150px;
  height: 500px;
  margin-right: 50px;
}
.carousel-track {
  display: flex;
  transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.3, 1);
  will-change: transform;
}
.slide {
  flex: 0 0 100%;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem 1rem;
  transition: background 0.2s;
}
/* slide内部排版 */
/* 箭头导航 */
.carousel-arrow {
  position: absolute;
  bottom: 10px;
  width: 56px;
  height: 56px;
  background: url("../images/p2-right.png") no-repeat;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(0, 35, 50, 0.2);
  transition: all 0.2s;
  z-index: 10;
}
.arrow-left {
  left: 25px;
}
/* 指示器 (dots) */
.indicators {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
  margin-top: 50px;
}
.dot {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #e0effe;
  cursor: pointer;
  transition: all 0.25s;
  box-shadow: 0 2px 6px rgba(0, 40, 60, 0.1);
}
.dot.active {
  width: 60px;
  background: #3895f8;
}
/*p3*/
.p3 {
  width: 100%;
  margin: 0 auto;
  background: #f8f8f8;
  overflow: hidden;
}
.p3-nav {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.p3-nav b {
  display: block;
  width: 1091px;
  font-size: 53px;
  text-align: center;
  color: #086bda;
  margin-top: 77px;
  float: left;
}
.font-2 {
  color: #ff5e27;
}
.p3-nav .left {
  float: left;
  background: url("../images/left.png") no-repeat;
  width: 66px;
  height: 42px;
  margin-top: 95px;
}
.p3-nav .right {
  float: left;
  background: url("../images/right.png") no-repeat;
  width: 43px;
  height: 42px;
  margin-top: 95px;
}
.p3 ul {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  height: 300px;
  position: relative;
  padding: 0;
}
.p3 ul li {
  width: 386px;
  float: left;
  background: #fff;
  height: 175px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  -moz-box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  box-shadow: 0 0px 10px rgba(0, 72, 177, .08);
  margin-top: 53px;
  padding-top: 45px;
  transition: 0.3s;
  border: 1px #fff solid;
}
.p3 ul li:hover {
  border: 1px #ff960d solid;
  transition: 0.3s;
}
.p3 ul li .lb {
  background: url("../images/tb.png") no-repeat left 10px;
  font-size: 18px;
  line-height: 25px;
  color: #333;
  margin: 10px 20px 0;
  width: 326px;
  padding: 5px 0 0 20px;
}
.list-01 {
  width: 249px;
  height: 80px;
  position: absolute;
  left: 68px;
  top: 0;
  background: url("../images/p3-01.png") no-repeat;
  padding-top: 33px;
  color: #fff;
  text-align: center;
  font-size: 28px;
}
.list-02 {
  width: 249px;
  height: 80px;
  position: absolute;
  left: 475px;
  top: 0;
  background: url("../images/p3-02.png") no-repeat;
  padding-top: 33px;
  color: #fff;
  text-align: center;
  font-size: 28px;
}
.list-03 {
  width: 249px;
  height: 80px;
  position: absolute;
  right: 68px;
  top: 0;
  background: url("../images/p3-03.png") no-repeat;
  padding-top: 33px;
  color: #fff;
  text-align: center;
  font-size: 28px;
}
.list-04 {
  width: 249px;
  height: 80px;
  position: absolute;
  left: 68px;
  top: 0;
  background: url("../images/p3-04.png") no-repeat;
  padding-top: 33px;
  color: #fff;
  text-align: center;
  font-size: 28px;
}
.list-05 {
  width: 249px;
  height: 80px;
  position: absolute;
  left: 475px;
  top: 0;
  background: url("../images/p3-05.png") no-repeat;
  padding-top: 33px;
  color: #fff;
  text-align: center;
  font-size: 28px;
}
.list-06 {
  width: 249px;
  height: 80px;
  position: absolute;
  right: 68px;
  top: 0;
  background: url("../images/p3-06.png") no-repeat;
  padding-top: 33px;
  color: #fff;
  text-align: center;
  font-size: 28px;
}
/*p4 讲师*/
.p4 {
  width: 100%;
  margin: 0 auto;
  background: url("../images/p4.jpg") no-repeat top center #fff;
  overflow: hidden;
}
.p4 h3 {
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.p4-nav {
  width: 550px;
  margin: 0 auto;
  overflow: hidden;
}
.p4-nav b {
  display: block;
  width: 441px;
  font-size: 53px;
  text-align: center;
  color: #fff;
  margin-top: 77px;
  float: left;
}
.p4-nav .left {
  float: left;
  background: url("../images/p4-left.png") no-repeat;
  width: 66px;
  height: 42px;
  margin-top: 95px;
}
.p4-nav .right {
  float: left;
  background: url("../images/p4-right.png") no-repeat;
  width: 43px;
  height: 42px;
  margin-top: 95px;
}
.p4-c {
  width: 830px;
  background: url("../images/p4-tu.png") no-repeat 34px 50px #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0px 10px rgba(0, 72, 177, .09);
  -moz-box-shadow: 0 0px 10px rgba(0, 72, 177, .09);
  box-shadow: 0 0px 10px rgba(0, 72, 177, .09);
  margin: 60px auto;
  overflow: hidden;
  height: 500px;
  padding-left: 345px;
  padding-top: 75px;
}
.p4-c h2 {
  font-size: 36px;
  color: #228af8;
}
.p4-c h4 {
  font-size: 22px;
  font-weight: normal;
  color: #333;
  margin-top: 20px;
}
.p4-c h5 {
  font-weight: normal;
  color: #fff;
  font-size: 26px;
  margin-top: 40px;
}
.p4-c p {
  margin-top: 15px;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  width: 730px;
  display: block;
}
/*p5 视频*/
.p5 {
  width: 100%;
  margin: 0 auto;
  background: url("../images/p5.jpg") no-repeat center top;
  overflow: hidden;
  height: 830px;
}
/*.sp{
	width: 993px;
	height: 581px;
	margin: 115px auto 0;
	background: #000;
	overflow: hidden;
}*/
.index-sx1 {
  width: 1270px;
  height: 550px;
  margin: 50px auto 0;
  position: relative;
}
.sx-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #898989;
}
.sx-input:-moz-placeholder, textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #898989;
}
.sx-input::-moz-placeholder, textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #898989;
}
.sx-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #898989;
}
.sx-input {
  display: block;
  width: 100%;
  height: 54px;
  color: #333 !important;
  font-size: 20px;
  text-align: center;
  line-height: 54px;
  border: 1px solid #e8e8e8;
  margin: 30px auto 0px auto;
  background: #fff;
  outline: none;
}
.sx-anniu {
  display: block;
  width: 100%;
  height: 60px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-weight: bold;
  background: -webkit-linear-gradient(top, #ffae18, #ff7d02);
  background: -o-linear-gradient(top, #ffae18, #ff7d02);
  background: linear-gradient(to bottom, #ffae18, #ff7d02);
  border-radius: 5px;
  margin: 30px auto 0 auto;
	cursor: pointer;
}
.sx-video {
  width: 786px;
  height: 472px;
  background: url(../images/p5-sp.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 2;
}
.video-con {
  display: block;
  width: 560px;
  height: 320px;
  margin: 66px auto 0 auto;
}
.sx-right {
  width: 862px;
  height: 548px;
  border-radius: 10px;
  background: #228af8;
  float: right;
}
.sx-right2 {
  width: 412px;
  height: 548px;
  float: right;
  margin-right: 70px;
}
.sx-right2 h2 {
  display: block;
  width: 100%;
  font-size: 48px;
  color: #fff;
  text-align: center;
  margin: 50px 0;
  float: left;
}
.sx1 {
  width: 336px;
  height: 46px;
  position: relative;
  float: left;
  margin: 15px 0 0 60px;
}
.sx1 p {
  width: 290px;
  height: 46px;
  font-size: 28px;
  line-height: 46px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  color: #4286fa;
}
.sx1 i {
  display: block;
  width: 290px;
  height: 290px;
  height: 12px;
  background: #ffc342;
  position: absolute;
  top: 32px;
  left: 0;
}
.sx1 img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.p5-nav {
  width: 730px;
  margin: 0 auto;
  overflow: hidden;
}
.p5-nav b {
  display: block;
  width: 621px;
  font-size: 53px;
  text-align: center;
  color: #228af8;
  margin-top: 77px;
  float: left;
}
.p5-nav .left {
  float: left;
  background: url("../images/left.png") no-repeat;
  width: 66px;
  height: 42px;
  margin-top: 95px;
}
.p5-nav .right {
  float: left;
  background: url("../images/right.png") no-repeat;
  width: 43px;
  height: 42px;
  margin-top: 95px;
}
/*p6 了解*/
.p6 {
  width: 100%;
  margin: 0 auto;
  background: #f1f6ff;
  overflow: hidden;
}
.p6-nav {
  width: 555px;
  margin: 0 auto;
  overflow: hidden;
}
.p6-nav b {
  display: block;
  width: 446px;
  font-size: 53px;
  text-align: center;
  color: #228af8;
  margin-top: 77px;
  float: left;
}
.p6-nav .left {
  float: left;
  background: url("../images/left.png") no-repeat;
  width: 66px;
  height: 42px;
  margin-top: 95px;
}
.p6-nav .right {
  float: left;
  background: url("../images/right.png") no-repeat;
  width: 43px;
  height: 42px;
  margin-top: 95px;
}
.p6-c {
  width: 1200px;
  background: url("../images/p6-left.png") no-repeat left top;
  height: 591px;
  overflow: hidden;
  margin: 60px auto;
}
.p6-c ul {
  width: 796px;
  margin-left: 374px;
  margin-top: 25px;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 15px;
  overflow: hidden;
}
.p6-c ul li {
  width: 796px;
  margin-bottom: 10px;
  height: 54px;
  overflow: hidden;
}
.p6-c ul li .wt {
  width: 560px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  height: 52px;
  background: #fff;
  border-left: #086bda 1px solid;
  border-top: #086bda 1px solid;
  border-bottom: #086bda 1px solid;
  font-size: 24px;
  line-height: 50px;
  padding-left: 20px;
  float: left;
  color: #086bda;
}
.p6-c ul li .an {
  width: 215px;
  float: left;
  height: 54px;
  border-bottom-right-radius: 27px;
  border-top-right-radius: 27px;
  background: -webkit-linear-gradient(top, #ffa76f, #ff2b06);
  background: -o-linear-gradient(top, #ffa76f, #ff2b06);
  background: linear-gradient(to bottom, #ffa76f, #ff2b06);
  font-size: 24px;
  line-height: 52px;
  color: #fff;
  text-align: center;
}
/*p7 pk*/
.p7 {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
}
.p7-c {
  width: 1200px;
  background: url("../images/p7-bj.png") no-repeat 50px #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0px 10px rgba(0, 72, 177, .09);
  -moz-box-shadow: 0 0px 10px rgba(0, 72, 177, .09);
  box-shadow: 0 0px 10px rgba(0, 72, 177, .09);
  margin: 60px auto;
  overflow: hidden;
  height: 656px;
}
.p7-c ul {
  width: 345px;
  margin: 50px;
  float: left;
  margin-top: 160px;
  margin-left: 200px;
}
.p7-c ul li {
  width: 345px;
  font-size: 22px;
  color: #333;
  height: 92px;
  line-height: 92px;
  margin-bottom: 11px;
}
/*p8 强力后盾*/
.index-qlhd1 {
  width: 1200px;
  height: auto;
  margin: 60px auto 0;
}
.qlhd {
  width: 380px;
  height: 478px;
  position: relative;
  float: left;
  margin-right: 30px;
  margin-bottom: 70px;
  overflow: hidden;
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
  border-radius: 10px;
}
.qlhd-con {
  width: 380px;
  height: 478px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.qlhd-con h1 {
  width: 100%;
  height: 95px;
  background: #f7f6fb;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.qlhd-con h1 i {
  display: block;
  width: 130px;
  height: 81px;
  float: left;
  margin-top: 5px;
}
.qlhd-con h1 i img {
  display: block;
  margin: 0 auto;
}
.qlhd-con h1 span {
  display: block;
  height: 95px;
  font-size: 30px;
  color: #333;
  line-height: 95px;
  float: left;
}
.qlhd-con dl {
  width: 354px;
  height: 100px;
  margin: 0 auto;
}
.qlhd-con dl dt {
  width: 123px;
  height: 32px;
  background: #5c89fb;
  border-radius: 30px;
  line-height: 32px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  float: left;
  margin-top: 5px;
}
.qlhd-con dl dd {
  width: 214px;
  height: 100px;
  line-height: 28px;
  font-size: 17px;
  color: #666;
  float: right;
}
.qlhd:hover .qlhd-tu {
  transition: all .5s ease;
  transform: translateY(-100%);
}
/*p9 证书*/
.p9 {
  width: 100%;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}
.p9-nav {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
.p9-nav b {
  display: block;
  width: 871px;
  font-size: 53px;
  text-align: center;
  color: #228af8;
  margin-top: 77px;
  float: left;
}
.p9-nav .left {
  float: left;
  background: url("../images/left.png") no-repeat;
  width: 66px;
  height: 42px;
  margin-top: 95px;
}
.p9-nav .right {
  float: left;
  background: url("../images/right.png") no-repeat;
  width: 43px;
  height: 42px;
  margin-top: 95px;
}
.p9-c {
  background: #f8f8f8;
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
  width: 1200px;
  margin: 60px auto;
  height: 700px;
  border-radius: 25px;
  overflow: hidden;
  padding: 30px;
}
.p9-c ul {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  width: 1080px;
  margin: 30px 60px;
}
.p9-c ul li {
  width: 230px;
  height: 310px;
  float: left;
}
/*企业内训*/
.p10 {
  background: #f1f6ff;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.p10-nav {
  width: 590px;
  margin: 0 auto;
  overflow: hidden;
}
.p10-nav b {
  display: block;
  width: 481px;
  font-size: 53px;
  text-align: center;
  color: #228af8;
  margin-top: 77px;
  float: left;
}
.p10-nav .left {
  float: left;
  background: url("../images/left.png") no-repeat;
  width: 66px;
  height: 42px;
  margin-top: 95px;
}
.p10-nav .right {
  float: left;
  background: url("../images/right.png") no-repeat;
  width: 43px;
  height: 42px;
  margin-top: 95px;
}
.nx-con {
  width: 1200px;
  height: auto;
  margin: 60px auto;
  overflow: hidden;
}
.nx-con1 {
  width: 576px;
  height: 380px;
  position: relative;
  float: left;
  margin-bottom: 35px;
}
.nx-con1 b {
  display: block;
  width: 254px;
  height: 56px;
  background: #ffa800;
  font-size: 26px;
  font-weight: 550;
  color: #fff;
  line-height: 56px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-top-left-radius: 10px;
  border-top-right-radius: 34px;
}
.nx-er {
  width: 130px;
  height: 134px;
  background: url("../images/p10-tu.jpg") no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  bottom: 36px;
  right: 36px;
  z-index: 2;
}
.nx-er img {
  display: block;
  width: 90px;
  margin: 6px auto;
}
.nx-er span {
  display: block;
  width: 100%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}
.nx {
  width: 100%;
  height: 354px;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 72, 177, .11);
  -moz-box-shadow: 0px 0px 20px rgba(0, 72, 177, .11);
  box-shadow: 0px 0px 20px rgba(0, 72, 177, .11);
}
.nx i {
  display: block;
  width: 100%;
  height: 30px;
  background: #086bda;
  margin: 0 auto;
}
.nx p {
  display: block;
  width: 90%;
  font-size: 18px;
  line-height: 30px;
  margin: 30px auto 0 auto;
}
.nx-con1:nth-of-type(3) {
  height: 320px;
}
.nx-con1:nth-of-type(3) .nx {
  height: 294px;
}
.nx-con1:nth-of-type(4) {
  height: 320px;
}
.nx-con1:nth-of-type(4) .nx {
  height: 294px;
}
.nx-con1:nth-of-type(2n) {
  float: right;
}













/*---foot---*/
.foot2 {
  width: 100%;
  height: 384px;
  margin: 0 auto;
}
.foot {
  width: 100%;
  height: auto;
  background: #07154f;
  overflow: hidden;
}
.foot-con {
  width: 1100px;
  height: auto;
  margin: 0 auto 20px auto;
  overflow: hidden;
}
.foot-left {
  width: 754px;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  float: left;
  margin: 36px 0 0 0;
}
.foot-anniu {
  width: 150px;
  float: left;
  margin-top: 60px;
}
.foot-anniu a {
  display: block;
  width: 100%;
  height: 46px;
  border-radius: 8px;
  margin: 0 0 26px 0;
  background: -webkit-linear-gradient(top, #fff268, #ffc502);
  background: -o-linear-gradient(top, #fff268, #ffc502);
  background: linear-gradient(to bottom, #fff268, #ffc502);
}
.foot-anniu a img {
  display: block;
  width: 25px;
  float: left;
  margin: 10px 10px 0 12px;
}
.foot-anniu a span {
  display: inline-block;
  height: 46px;
  font-size: 22px;
  color: #000;
  line-height: 46px
}
.foot-anniu a:nth-last-of-type(1) {
  background: -webkit-linear-gradient(top, #819aff, #3e60ee);
  background: -o-linear-gradient(top, #819aff, #3e60ee);
  background: linear-gradient(to bottom, #819aff, #3e60ee);
}
.foot-anniu a:nth-last-of-type(1) span {
  color: #fff;
}
.foot-img {
  width: 155px;
  float: right;
  margin-top: 36px;
}
.foot-img img {
  width: 100%;
}
.foot-img span {
  display: block;
  width: 100%;
  font-size: 22px;
  color: #fff;
  text-align: center;
  padding: 10px 0;
}
.foot-bottom {
  width: 770px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  padding: 20px 0;
  border-top: 1px solid #042d84;
  margin: 0 auto;
}
.foot-link-bg {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #eef5ff;
  margin-top: 15px;
}
.foot-link {
  display: block;
  width: 1100px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.foot-link dt {
  display: inline-block;
  height: 18px;
  font-size: 16px;
  color: #333;
  line-height: 18px;
  float: left;
  font-weight: bold;
}
.foot-link dd {
  display: inline-block;
  height: auto;
  font-size: 16px;
  color: #333;
  line-height: 18px;
  float: left;
}
.foot-link dd a {
  color: #333;
  padding-left: 10px;
  white-space: nowrap;
}
/*测评*/
.tc-input1::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #777;
}
.tc-input1:-moz-placeholder, textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777;
}
.tc-input1::-moz-placeholder, textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777;
}
.tc-input1:-ms-input-placeholder, textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #777;
}
@-webkit-keyframes hvr-pulse-grow21 {
  to {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
}
@keyframes hvr-pulse-grow21 {
  to {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  } /*初始状态 透明度为0*/
  40% {
    opacity: 0;
  } /*过渡状态 透明度为0*/
  100% {
    opacity: 1;
  } /*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in { /*针对webkit内核*/
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




/*测评*/




	
.tc1 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
}
.tc-gb {
  width: 40px;
  height: auto;
  cursor: pointer;
  position: absolute;
  top: -50px;
  right: -50px;
  z-index: 2;
}
.tc-con {
  width: 500px;
  height: 520px;
  background: #fff;
  border-radius: 10px;
  margin: 10% auto;
  position: relative;
}
.tc1-title {
  width: 100%;
  height: 130px;
  background: url("../images/bg1_01.jpg") no-repeat top center;
  background-size: 100% auto;
  line-height: 220px;
  color: #328eff;
  font-size: 26px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.hvr-pulse-grow21 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation-name: hvr-pulse-grow21;
  animation-name: hvr-pulse-grow21;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.hvr-pulse-grow21:hover {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.regular-radio {
  display: none;
}
.regular-radio + label {
  float: left;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #cacece;
  padding: 8px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}
.regular-radio:checked + label:after {
  content: ' ';
  width: 10px;
  height: 10px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  background: #328eff;
  text-shadow: 0px;
  left: 3px;
  font-size: 32px;
}
.regular-radio:checked + label {
  background-color: #fff;
  color: #328eff;
  border: 1px solid #328eff;
}

.tc-xz1 {
  width: 50%;
  float: left;
  height: 30px;
  margin: 0px 0 5px 0;
}
.tc-xz1 label {
  margin-top: 6px;
}
.tc-xz1 span {
  display: inline-block;
  width: auto;
  height: 30px;
  font-size: 14px;
  color: #666;
  float: left;
  padding-left: 10px;
  line-height: 30px;
}
.tc-xz-con {
  display: block;
  width: 90%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
.tc-xz-con b {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #333333;
  padding: 10px 0 5px 0;
}
.tc-xz-con2 .tc-xz1 {
  width: 33% !important;
}
.tc-input1 {
  display: block;
  width: 245px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-indent: 10px;
  font-size: 14px;
  color: #888;
  float: left;
  margin: 10px 0 0 5%;
}
.tc-anniu1 {
  display: block;
  width: 185px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  float: left;
  margin: 10px 0 0 15px;
  font-size: 20px;
  background: -webkit-linear-gradient(top, #ff2b06, #ffa76f);
  background: -o-linear-gradient(top, #ff2b06, #ffa76f);
  background: linear-gradient(to bottom, #ff2b06, #ffa76f);
}
.tc-input1:focus {
  outline: none;
}
.tc-anniu1:focus {
  outline: none;
  border: none;
}