﻿/* margin & padding */
* {
  margin: 0px;
  padding: 0px;
  font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑,
    STHeiti, MingLiu;
  font-size: 14px;
  color: #333;
}

/* border */
fieldset,
img {
  border: 0;
  max-width: 100%;
}

/* quote */
abbr,
acronym {
  border: 0;
  font-variant: normal;
}

/* outline */
:focus {
  outline: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: normal;
  font-weight: normal;
}

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

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

code,
kbd,
samp,
tt {
  font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
  *font-size: 100%;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

/* color */
.cRed,
a.cRed:link,
a.cRed:visited {
  color: Red;
}

.cWhite,
a.cWhite:link,
a.cWhite:visited {
  color: White;
}

.cBlue,
a.cBlue:link,
a.cBlue:visited {
  color: #06c;
}

.cBlack,
a.cBlack:link,
a.cBlack:visited {
  color: Black;
}

/* font */
.fB {
  font-weight: bold;
}

.t_l {
  text-align: left;
}

.t_c {
  text-align: center;
}

.t_r {
  text-align: right;
}

/* float */
.fl {
  float: left;
  display: inline;
}

.fr {
  float: right;
  display: inline;
}

.clear {
  clear: both;
  display: block;
}

.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p_r {
  position: relative;
}

/* link & action */
a:link,
a:visited,
a:active {
  color: #333;
  text-decoration: none;
}

a:hover,
.top a:hover {
  color: #00ab84;
}

/* cursor */
a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

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

.clearfix {
  /* display: inline-block; */
  *height: 0;
  _overflow: hidden;
}

/* Hide from IE Mac \*/
.warp {
  width: 1200px;
  margin: 0px auto;
  display: table;
  position: relative;
}

.top {
  height: 40px;
  line-height: 40px;
  width: 100%;
  background: #f6f6f6;
  font-size: 12px;
  color: #666;
}

.top span {
  color: #666666;
}

.top a {
  color: #666666;
  padding-left: 20px;
}

.top a.login {
  background: url(../images/icon1.png) no-repeat left center;
  margin-right: 15px;
}

.top a.reg {
  background: url(../images/icon2.png) no-repeat left center;
  margin-right: 15px;
}

.top a.order {
  background: url(../images/icon3.png) no-repeat left center;
  margin-right: 15px;
  margin-left: 15px;
}

.top a.help {
  background: url(../images/icon4.png) no-repeat left center;
  margin-left: 15px;
}
.top a.about {
  background: url(../images/icon_about.png) no-repeat left center;
  margin-left: 15px;
}
.top a.contact {
  background: url(../images/icon4.png) no-repeat left center;
  margin-left: 15px;
}

.head {
  height: 115px;
}

.head h1 {
  margin-top: 25px;
  margin-right: 40px;
}

.head .search-box {
  width: 430px;
  height: 80px;
  margin-right: 30px;
}

.head .search-box .hot-key {
  width: 100%;
  height: 30px;
  line-height: 30px;
}

.head .search-box .hot-key a {
  color: #999999;
  margin-right: 15px;
  font-size: 12px;
}

.head .gift {
  margin-top: 5px;
  display: inline-block;
  margin-right: 20px;
}

.head .car {
  width: 80px;
  height: 40px;
  line-height: 40px;
  background: #ffffff url(../images/icon6.png) no-repeat 20px center;
  color: #0ec5a1;
  font-size: 12px;
  display: block;
  -moz-box-shadow: 0px 0px 8px #f1f1f1;
  -webkit-box-shadow: 0px 0px 8px #f1f1f1;
  box-shadow: 0px 0px 8px #f1f1f1;
  margin-top: 30px;
  border: 1px #f1f1f1 solid;
  padding-left: 50px;
}

.head .car em {
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  line-height: 17px;
  font-size: 10px;
  color: #ffffff;
  background: #0ec5a1;
  vertical-align: middle;
  margin-left: 10px;
}

.head .tel {
  width: 120px;
  height: 40px;
  line-height: 40px;
  background: #ffffff url(../images/icon7.png) no-repeat 20px center;
  color: #ff7e00;
  font-size: 16px;
  display: block;
  -moz-box-shadow: 0px 0px 8px #f1f1f1;
  -webkit-box-shadow: 0px 0px 8px #f1f1f1;
  box-shadow: 0px 0px 8px #f1f1f1;
  margin-top: 30px;
  border: 1px #f1f1f1 solid;
  padding-left: 50px;
  font-family: arial;
  font-weight: bold;
}

.head .search-box .search {
  border: 2px solid #0ec5a1;
  height: 35px;
  margin-top: 30px;
  width: 430px;
}

.head .search-box .search select {
  display: none;
}

.head .search-box .search .select_box {
  font-size: 12px;
  color: #999999;
  width: 80px;
  line-height: 35px;
  float: left;
  position: relative;
  background: #f5f5f5;
  padding-right: 5px;
}

.head .search-box .search .select_box:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 15px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
}

.head .search-box .search .select_showbox {
  height: 35px;
  background: url(images/search_ico.png) no-repeat 80px center;
  text-indent: 1.5em;
}

.head .search-box .search .select_showbox.active {
  background: url(images/search_ico_hover.png) no-repeat 80px center;
}

.head .search-box .search .select_option {
  border: 2px solid #0ec5a1;
  border-top: none;
  display: none;
  left: -2px;
  top: 35px;
  position: absolute;
  z-index: 99;
  background: #fff;
}

.head .search-box .search .select_option li {
  text-indent: 1.5em;
  width: 90px;
  cursor: pointer;
}

.head .search-box .search .select_option li.selected {
  background-color: #f3f3f3;
  color: #999;
}

.head .search-box .search .select_option li.hover {
  background: #bebebe;
  color: #fff;
}

.head .search-box .search input[type="text"] {
  width: 290px;
  height: 35px;
  border: 0;
  text-indent: 15px;
}

.head .search-box .search input[type="submit"] {
  width: 55px;
  height: 35px;
  border: 0;
  background: #0ec5a1 url(../images/icon5.png) no-repeat center;
}

.nav {
  width: 100%;
  height: 52px;
  background: #0ec5a1;
}

.nav h2 {
  font-weight: normal;
  width: 200px;
}

.nav h2 a {
  height: 52px;
  padding: 0 0 0 50px;
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 52px;
  background: #00ab84 url(../images/icon8.png) no-repeat 20px center;
}

.nav ul {
  height: 52px;
}

.nav ul li {
  line-height: 52px;
}

.nav ul li a {
  font-size: 16px;
  color: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  padding: 0 18px;
}

.nav ul li a:hover {
  color: #fff601;
}

.nav ul li.nav-line {
  width: 1px;
  background: #ffffff;
  height: 16px;
  font-size: 16px;
  margin: 18px 0px;
}

/* banner */
.banner {
  min-width: 1200px;
  position: relative;
  height: 500px;
  z-index: 1;
}

.banner .bd {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 500px;
}

.banner .bd ul {
  width: 100% !important;
}

.banner .bd li {
  width: 100% !important;
  height: 500px;
}

.banner .bd li a {
  height: 500px;
  display: block;
}

.banner .hd {
  position: absolute;
  left: 0;
  bottom: 10px;
  height: 20px;
  width: 100%;
  z-index: 99;
}

.banner .hd li {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px #ffffff solid;
  overflow: hidden;
  text-indent: -99px;
  cursor: pointer;
  margin: 0 5px;
}

.banner .hd li.on {
  background: #ffffff;
}

.userPen {
  width: 246px;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 999;
  height: 500px;
  background: #fff;
}

.userPen .userFix {
  padding: 25px 22px;
  overflow: hidden;
}

.userPen .userFix .user-img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  overflow: hidden;
}

.userPen .userFix .fr p {
  font-size: 12px;
  color: #666;
  font-size: 12px;
  padding-bottom: 5px;
}

.userPen .userFix .fr a {
  width: 63px;
  height: 28px;
  display: block;
  float: left;
  font-size: 12px;
  color: #fff;
  line-height: 28px;
  text-align: center;
}

.userPen .userFix .fr a.goLogin {
  background: #ff7e00;
  margin-right: 10px;
}

.userPen .userFix .fr a.goReg {
  background: #0ec5a1;
}

.penNews {
  overflow: hidden;
}

.penNews h2 {
  height: 36px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  padding: 0 22px;
  line-height: 36px;
  border-top: 1px #f5f5f5 solid;
  padding-top: 5px;
}

.penNews ul {
  padding: 15px 22px;
}

.penNews ul li {
  height: 24px;
  background: url(../images/title-icon.png) no-repeat left center;
  overflow: hidden;
  padding: 0 0 0 10px;
}

.penNews ul li a {
  font-size: 12px;
  color: #333;
  margin: 3.5px 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.penNews ul li a:hover {
  color: #f04e14;
}

.penNews dl {
  margin: 10px 10px;
  overflow: hidden;
}

.penNews dl dt {
  width: 74px;
  height: 60px;
  font-size: 12px;
  margin-top: 10px;
}

.penNews dl dt a {
  color: #333;
}

.penNews dl dt a:hover {
  color: #f04e14;
}

.penNews dl dt span {
  width: 100%;
  display: block;
  height: 35px;
  background-position: center;
  background-repeat: no-repeat;
}

.penNews dl dt.p1 span {
  background-image: url(../images/icon14.png);
}

.penNews dl dt.p2 span {
  background-image: url(../images/icon15.png);
}

.penNews dl dt.p3 span {
  background-image: url(../images/icon16.png);
}

.penNews dl dt.p4 span {
  background-image: url(../images/icon17.png);
}

.penNews dl dt.p5 span {
  background-image: url(../images/icon18.png);
}

.penNews dl dt.p6 span {
  background-image: url(../images/icon19.png);
}

.course-nav {
  width: 200px;
  height: 500px;
  background: rgba(60, 60, 60, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.course-nav ul li {
  border-bottom: 1px #6d6d6d solid;
  padding: 5px 0;
}

.course-nav ul li:last-child {
  border-bottom: 0;
}

.course-nav ul li:hover {
  background: #0ec5a1;
}

.course-nav ul li:hover font {
  color: #fff;
}

.course-nav ul li font:hover {
  text-decoration: underline;
}

.course-nav ul li .course_a {
  display: block;
  padding: 12px 10px 10px 15px;
  z-index: 99;
  position: relative;
}

.course-nav ul li > a {
  border: 0;
}

.course-nav ul li .courseName {
  width: 100%;
  overflow: hidden;
  padding-bottom: 3px;
}

.course-nav ul li h3 {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  float: left;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.course-nav ul li .course_a:hover h3 {
  color: #fff;
}

.course-nav ul li .courseName i {
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #f04e14;
  font-family: "宋体";
  float: left;
}

.course-nav ul li font {
  display: inline-block;
  font-size: 12px;
  color: #aaa;
  margin-right: 2px;
  line-height: 24px;
}

.course-nav .coursePen {
  display: none;
  width: 968px;
  height: 499px;
  background: #fff;
  position: absolute;
  left: 200px;
  top: 0;
  z-index: 5;
}

.coursePen-left {
  width: 700px;
  height: 460px;
  float: left;
  margin: 20px 20px 0 20px;
  font-size: 12px;
}

.coursePen-left-list {
  margin: 0 0 15px 10px;
  overflow: hidden;
}

.coursePen-left-list > h5 {
  width: 60px;
  float: left;
  height: 14px;
  margin: 0 10px 0 0;
  text-align: right;
  font-size: 12px;
  color: #666;
}

.coursePen-left-list > span {
  display: block;
  float: left;
  width: 600px;
  border-bottom: #e0e0e0 dashed 1px;
  overflow: hidden;
}

.coursePen-left-list > span > a {
  padding: 0 10px;
  margin: 0 0 15px 0;
  color: #666;
  border-right: #e0e0e0 solid 1px;
  float: left;
  height: 14px;
}

.coursePen-left-list > span > a:first-child {
  border-left: #e0e0e0 solid 1px;
}

.coursePen-left-list > span > a:last-child {
  border-right: 0;
}

.coursePen-left-list > span > a:hover {
  color: #f04e14;
}

.trademark {
  height: 75px;
  padding: 20px 0 15px 150px;
}

.trademark span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  width: 195px;
}

.trademark .form {
  padding-left: 210px;
}

.trademark .form .search {
  width: 747px;
  height: 40px;
  background: #eaeaea;
  border-radius: 5px;
  overflow: hidden;
}

.trademark .form .search input[type="text"] {
  border: 0;
  width: 536px;
  height: 40px;
  background: none;
  font-size: 16px;
  text-indent: 20px;
}

.trademark .form .search input[type="submit"] {
  border: 0;
  width: 210px;
  height: 40px;
  background: #ff7e00 url(../images/icon20.png) no-repeat 45px center;
  font-size: 18px;
  text-indent: 30px;
  color: #ffffff;
  line-height: 40px;
}

.trademark .option-box .txt a {
  margin: 0 5px;
  line-height: 40px;
  font-size: 14px;
}

.trademark .option-box .txt a:nth-child(2) {
  color: #e2383a;
}

.trademark .option-box .option {
  line-height: 40px;
}

.trademark .option-box .option .box {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  position: relative;
  vertical-align: middle;
  border-radius: 50%;
  border: #c9c9c9 1px solid;
}

.trademark .option-box .option .box input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.trademark .option-box .option .box span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #666666;
  margin: -4px 0 0 -4px;
  z-index: 1px;
}

.trademark .option-box .option input[type="radio"] + span {
  opacity: 0;
}

.trademark .option-box .option input[type="radio"]:checked + span {
  opacity: 1;
}

.trademark .option-box .option .fl {
  margin-right: 25px;
}

.release {
  background: #f5f5f5;
  padding: 20px 0;
}

.release .feature-box {
  width: 1200px;
  height: 120px;
  margin: 0px auto;
  overflow: hidden;
  border: 1px solid #eee;
  background: #ffffff;
}

.release .feature-box li {
  width: 162px;
  padding-left: 138px;
  height: 120px;
  position: relative;
}

.release .feature-box li i {
  position: absolute;
  top: 28px;
  right: 0;
  width: 1px;
  height: 64px;
  background: url(../images/index-g-line.png) no-repeat center center;
}

.release .feature-box li img {
  position: absolute;
  left: 46px;
  top: 26px;
}

.release .feature-box li h1 {
  font-size: 16px;
  color: #5c5c5c;
  font-weight: normal;
  margin-top: 34px;
  margin-bottom: 10px;
}

.release .feature-box li p {
  font-size: 12px;
  color: #999;
}

.hot {
  padding: 20px 0;
}

.hot a {
  display: inline-block;
  margin-right: 15px;
}

.hot a:last-child {
  margin-right: 0;
}

.title {
  font-size: 26px;
  padding-left: 20px;
  margin: 10px 0;
}

.title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 7px;
  height: 26px;
  background: #0ec5a1;
}

.title span {
  padding-left: 30px;
  color: #999999;
  font-size: 12px;
}

.title span a {
  color: #666666;
  padding: 0 10px;
}

.title span a:hover {
  color: #0ec5a1;
}

.title .all {
  background: #0ec5a1;
  border-radius: 20px;
  color: #ffffff;
  padding: 4px 20px;
}

.home-news {
  padding: 45px 0;
}

.home-news h2 {
  font-size: 32px;
  margin-bottom: 30px;
}

.home-news h2:before {
  content: "";
  position: absolute;
  left: 330px;
  top: 50%;
  background: #f1f1f1;
  height: 1px;
  width: 185px;
}

.home-news h2:after {
  content: "";
  position: absolute;
  right: 330px;
  top: 50%;
  background: #f1f1f1;
  height: 1px;
  width: 185px;
}

.home-news .items {
  width: 370px;
}

.home-news .items:nth-of-type(1) {
  margin-right: 45px;
}

.home-news .items li {
  height: 40px;
  line-height: 40px;
}
.home-news .items li a{
  font-size: 16px !important;
}

.home-news .items li span {
  color: #aaaaaa;
  font-size: 14px;
}

.home-news .items .more {
  margin-top: 30px;
}

.home-news .items .more a {
  display: inline-block;
  border: 1px #0ec5a1 solid;
  color: #0ec5a1;
  width: 90px;
  height: 30px;
  line-height: 30px;
}

.home-news .items .more a:hover {
  color: #ffffff;
  background: #0ec5a1;
}

.home-box {
  background: #f5f5f5;
  padding: 20px 0;
}

.home-box .items {
  width: 25%;
}

.home-box .items .pic {
  height: 46px;
  line-height: 46px;
  margin-bottom: 10px;
}

.home-box .items .pic h4 {
  padding-left: 55px;
  font-size: 18px;
}

.home-box .items p {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}

.partner {
  padding: 20px 0;
}

.partner li {
  width: 225px;
  height: 55px;
  overflow: hidden;
  border: 1px #e8e8e8 solid;
  margin: 20px 16px 0 0;
}

.partner li:nth-of-type(5n + 0) {
  margin-right: 0;
}

.partner li .pic {
  display: table-cell;
  vertical-align: middle;
  width: 225px;
  height: 55px;
}

.partner li .pic img {
  max-height: 55px;
  max-width: 225px;
}

.help {
  background: #1b2b46;
  padding: 50px 0;
}

.help li {
  width: 16%;
  border-right: 1px #6e89a8 solid;
  height: 250px;
}

.help li:last-child {
  border-right: 0;
  width: 30%;
  margin-left: 5%;
}

.help li h4 {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 10px;
}

.help li a {
  display: block;
  font-size: 14px;
  color: #6e89a8;
  line-height: 36px;
}

.help li .tel img {
  margin-right: 10px;
  margin-top: 10px;
}

.help li .tel h5 {
  font-size: 24px;
  color: #0ec5a1;
}

.help li .tel p,
.help li .code p {
  font-size: 12px;
  color: #6e89a8;
}

.help li .tel > div {
  font-size: 12px;
  color: #6e89a8;
  line-height: 24px;
}

.help li .code {
  font-size: 12px;
  color: #6e89a8;
  margin-top: 15px;
}

.help li .code .pic {
  margin-right: 10px;
}

.help li .code .txt p {
  line-height: 24px;
}

.help li .code .txt p:last-child {
  margin-top: 25px;
}

.links {
  height: 50px;
  width: 100%;
  line-height: 50px;
  background: #f5f5f5;
}

.links a {
  margin-left: 15px;
}

.copy {
  color: #666666;
  line-height: 24px;
  padding: 20px 0;
}

.home {
  background: #f5f5f5;
  width: 100%;
}

.home .Purchase {
  padding: 20px 0;
  width: 100%;
  display: table;
}

.home .Purchase ul {
  width: 100%;
  height: 230px;
  margin-top: 20px;
}

.home .Purchase li {
  width: 225px;
  height: 230px;
  overflow: hidden;
  background: #ffffff;
  margin-right: 18px;
}
.home .Purchase li:hover .pic img{
  transform: scale(1.2,1.2);

}
.home .Purchase li .pic{
 overflow: hidden;
}
.home .Purchase li .pic img{
  transition: 0.3s;
}

.home .Purchase li:last-child {
  margin-right: 0;
}

.home .Purchase li img {
  max-width: 225px;
}

.home .Purchase li .pic,
.home .service dd a .pic,
.home .webapp dd a .pic {
  width: 225px;
  height: 168px;
  display: table-cell;
  vertical-align: middle;
}

.home .Purchase li .pic img,
.home .service dd a .pic img,
.home .webapp dd a .pic img {
  max-width: 225px;
  max-height: 168px;
}

.home .Purchase li h4,
.home .service dd a h4,
.home .webapp dd a h4 {
  font-size: 14px;
  padding: 0 15px;
  line-height: 30px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.home .Purchase li .price,
.home .service dd a .price,
.home .webapp dd a .price {
  color: #f15821;
  font-size: 16px;
  padding: 0 15px;
}

.home .service,
.home .webapp {
  padding-bottom: 20px;
}

.home .service dl,
.home .webapp dl {
  margin-top: 20px;
  width: 100%;
  display: table;
}

.home .service dt,
.home .webapp dt {
  width: 225px;
  height: 476px;
  overflow: hidden;
}

.home .service dd,
.home .webapp dd {
  padding-left: 245px;
}
.home .service dd a:hover .pic img{
transform: scale(1.2,1.2);
}
.home .service dd .pic{
  display: block;
  overflow: hidden;
}
.home .service dd a .pic img{
  transition: 0.3s;
  float: left;
}
.home .webapp dd a:hover .pic img{
  transform: scale(1.2,1.2);
  }
  .home .webapp dd .pic{
    display: block;
    overflow: hidden;
  }
  .home .webapp dd a .pic img{
    transition: 0.3s;
    float: left;
  }
  

.home .service dd a,
.home .webapp dd a {
  height: 230px;
  width: 225px;
  overflow: hidden;
  background: #ffffff;
  margin-right: 18px;
  display: block;
}

.home .service dd a:first-child {
  width: 468px;
  height: 230px;
}

.home .service dd a:nth-of-type(3),
.home .service dd a:last-child {
  margin-right: 0;
}

.home .service dd a:nth-of-type(4),
.home .service dd a:nth-of-type(5),
.home .service dd a:nth-of-type(6),
.home .service dd a:nth-of-type(7) {
  margin-top: 16px;
}

.home .webapp dd a:nth-of-type(4n + 0) {
  margin-right: 0;
}

.home .webapp dd a:nth-of-type(5),
.home .webapp dd a:nth-of-type(6),
.home .webapp dd a:nth-of-type(7),
.home .webapp dd a:nth-of-type(8) {
  margin-top: 16px;
}


.banner .bd {
  height: 100%;
}



.course-nav ul li .course_a {
  /*height: 100%;*/
}
/* 登录 */

.login-bg {
  background: url(../images/login-bg.png);
  height: 541px;
  width: 100%;
}
.logins {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.forms {
  width: 300px;
  height: 420px;
  float: right;
  background: #fff;
  padding: 20px 30px 0 40px;
  margin-top: 50px;
}
.login-ls ul li {
  width: 64px;
  text-align: center;
  padding-bottom: 15px;
}
.login-ls ul li:hover a {
  font-size: 16px;
  border-bottom: solid 1px #00ab84;
}
.login-ls ul li a {
  font-size: 16px;
  padding-bottom: 15px;
}
.col-los {
  color: #666666;
  border-bottom: solid 1px #d0d0d0;
}
.col-hos {
  color: #70d5bd !important;
  border-bottom: solid 1px #00ab84;
}

.forms form input {
  width: 246px;
  height: 50px;
  padding-left: 30px;
  border: none;
}
.forms form ul li {
  float: left;
}
.login-ls ul li:nth-of-type(2) {
    margin: 0 54px;
}
.resend{
    margin-left: 13px;line-height: 53px
}
/*.forms form ul li:nth-of-type(3) {
  width: 150px;
  margin-bottom: 30px;
}
.forms form ul li:nth-of-type(3) input {
  width: 98px;
}
.forms form ul li:nth-of-type(4) {
  width: 131px;
  height: 49px;
  margin-left: 15px;
}*/
.forms form ul li {
  border: 1px solid #d0d0d0;
  margin-bottom: 19px;
}
.forms form ul li:last-child,
.forms form ul li:last-child input {
  width: 300px;
  padding: 0;
  margin: 0;
  background: #0ec5a1;
  color: white;
  font-size: 18px;
  border: none;
}
.forms form ul li label {
  position: relative;
  left: 20px;
  vertical-align: -20%;
}
.login-ls ul {
  border-bottom: 1px solid #d0d0d0;
}
.login-ls ul li {
  float: left;
}
.forms p a {
  color: #00ab84;
}
/*
.forms p a:nth-of-type(2) {
  margin: 0 56px 0 70px;
}
*/

/* 注册 */

.add-bg {
  background: #4ee1bf;
  width: 100%;
  padding: 60px 0;
}
.add-demo {
  background: #fff;
  width: 1200px;
  height: 722px;
  margin: 0 auto;
}
.left-fm {
  padding: 52px 0 0 39px;
  width: 820px;
  display: inline-block;
}
.left-fm form {
  padding-top: 45px;
}
.left-fm form p label {
  width: 105px;
  height: 20px;
  display: inline-block;
}
.left-fm form p input {
  height: 38px;
  width: 298px;
  border: 1px solid #d0d0d0;
  margin-bottom: 20px;
}
.left-fm form p:nth-of-type(2) input {
  width: 175px;
}
.left-fm form p:nth-of-type(2) a img {
  vertical-align: -75%;
}
.left-fm form p:nth-last-of-type(2) input {
  width: 12px;
  height: 12px;
  vertical-align: -5%;
}
.left-fm form p:nth-last-of-type(2) span {
  color: black;
}
.left-fm form p:nth-last-of-type(1) input {
  height: 48px;
  border: #00ab84 1px solid;
  margin-bottom: 10px;
  background: #00ab84;
  color: #fff;
  font-size: 16px;
}
.left-fm form p:nth-last-of-type(1) span {
  margin: 0;
}
.left-fm form p:nth-last-of-type(1) span a {
  color: #00ab84;
}
.left-fm form p:nth-last-of-type(1) span:nth-of-type(2) {
  margin-left: 122px;
}
.left-fm form p span {
  color: #b7b7b7;
  margin-left: 10px;
  font-size: 12px;
}
.left-fm form p:first-child span {
  color: red;
}
.add-tit a:first-child {
  color: white;
  background: #00ab84;
  padding: 13px 22px;
  font-size: 16px;
}
.add-tit a:last-child {
  color: white;
  background: rgba(102, 102, 102, 0.226);
  padding: 13px 18px 14px 22px;
  font-size: 20px;
  font-family: "宋体";
}
.add-tit a:last-child:hover {
  background: rgba(102, 102, 102, 0.445);
}
.rig-ablg {
  border-left: solid 1px #b7b7b7;
  height: 598px;
  width: 300px;
  display: inline-block;
  float: right;
  margin-top: 68px;
}
.rig-ablg p {
  text-align: center;
  font-size: 18px;
  margin-bottom: 44px;
}
.rig-ablg div {
  margin-left: 32px;
}
.rig-ablg div:nth-of-type(2) a:first-child {
  margin-left: 28px;
}
.rig-ablg div:nth-of-type(2) a:last-child {
  margin-left: 66px;
}

/* 咨询中心 */

.menu-mbx {
  background: #f5f5f5;
}
.menu-mbx p {
  width: 1200px;
  line-height: 50px;
  margin: 0 auto;
}

.news-all {
  width: 1200px;
  margin: 0 auto;
}
.head-line {
  height: 340px;
  padding: 30px 0;
  background: #fff;
}
.head-line img {
  height: 340px;
  width: 600px;
  float: left;
}
.head-line-rig {
  width: 570px;
  display: inline-block;
  padding-left: 29px;
}

.head-cate {
  border-bottom: dashed 1px #a9a9a9;
  padding-bottom: 15px;
}
.head-cate h3 {
  font-size: 24px;
  font-weight: bolder;
  border-left: #0ec5a1 solid 9px;
  padding-left: 14px;
}
.head-cate p:nth-of-type(1) a,
.head-cate p:nth-of-type(1) {
  font-size: 18px;
  margin: 13px 0;
}
.head-cate p:nth-of-type(2),
.head-cate p:nth-of-type(2) a {
  line-height: 25px;
  color: #a9a9a9;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.colo-a {
  color: #a9a9a9;
}
.head-cate-ls ul li {
  margin-top: 13px;
}
.head-cate-ls ul li p a {
  /*display: inline-block;*/
  width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hot-line-col {
  width: 15px;
  height: 15px;
  display: inline-block;
  text-align: center;
  vertical-align: 20%;
  font-size: 9px;
  background: #ff7e00;
  color: #fff;
}
.las-line-col {
  width: 15px;
  height: 15px;
  display: inline-block;
  text-align: center;
  vertical-align: 20%;
  font-size: 9px;
  background: #999999;
  color: #fff;
}
.news-list nav {
  width: 100%;
  height: 63px;
  background: #f5f5f5;
}
.news-list nav ul {
  display: inline-block;
  margin-top: 20px;
}
.news-list nav ul li a {
  font-size: 17px;
}
.news-list nav ul li {
  float: left;
  width: 100px;
  margin-right: 30px;
  padding-bottom: 16px;
  text-align: center;
  cursor: pointer;
}
.news-list nav ul li:hover {
  border-bottom: #00ab84 5px solid;
}
.news-list nav ul li:hover a {
  color: #00ab84;
}
.news-colo1 {
  border-bottom: #00ab84 5px solid;
}
.news-colo1 a {
  color: #00ab84;
  font-size: 17px;
}
.nuews-ls-all {
  padding-top: 10px;
  width: 100%;
}
.nuews-ls-all ul li a img {
  width: 153px;
  height: 114px;
}
.nuews-ls-all ul li:hover a img{
  transform: scale(1.2,1.2);
}
.nuews-ls-all ul li a{
  display: inline-block;
  overflow: hidden;
}
.nuews-ls-all ul li a img{
  transition: 0.3s;
}
.nuews-ls-all ul li {
  padding: 15px 0;
  border-bottom: #eaeaea dashed 1px;
  cursor: pointer;
}
.nuews-ls-all ul li a {
  float: left;
}
.nuews-ls-all ul li div h3 a {
  font-size: 18px;
  margin-bottom: 20px;
}
.nuews-ls-all ul li div p a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.nuews-ls-all ul li div p,
.nuews-ls-all ul li div p a,
.nuews-ls-all ul li div p span {
  line-height: 23px;
  color: #c8c8c8;
}
.nuews-ls-all ul li div:nth-last-of-type(2) {
  width: 700px;
  float: left;
  padding-left: 30px;
}
.nuews-ls-all ul li div:nth-last-of-type(1) {
  width: 310px;
  float: right;
  margin-top: 34px;
}
.nuews-ls-all ul li div:nth-last-of-type(1) p {
  float: right;
  text-align: center;
  font-size: 22px;
}
.nuews-ls-all p,
.nuews-ls-all div {
  display: inline-block;
}
.next {
  padding: 22px 0;
  background: #f1f1f1;
  text-align: center;
  margin: 41px 0 49px 0;
  cursor: pointer;
  display: block !important;
}
.next a {
  font-size: 16px;
}
/* 咨询中心-列表 */

.w900 {
  width: 848px;
  display: inline-block;
  padding-right: 52px;
}
.li-div-w1 {
  width: 520px !important;
}
.li-div-w2 {
  width: 145px !important;
}
.li-p-a {
  width: 234px !important;
}
.rig-div-bdr {
  border: #eaeaea 1px solid;
  margin-top: 20px;
}
.rig-div-pad {
  padding: 15px 17px 25px 15px;
}
.rig-div-num1 {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: 35%;
  font-size: 9px;
  background: #ff7e00;
  color: #fff;
}
.rig-div-num2 {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: 35%;
  font-size: 9px;
  background: #999999;
  color: #fff;
}

.right-news {
  width: 300px;
  float: right;
  margin-top: 5px;
}
.rig-tit {
  border-bottom: #eaeaea 1px solid;
  padding: 16px 0 13px 15px;
  background: #fafafa;
}
.rig-tit h3 {
  border-left: #00ab84 solid 7px;
  padding-left: 10px;
  font-size: 18px;
}
.rig-hot-ls {
  padding: 18px 20px;
}
.rig-hot-ls ul li {
  float: left;
  height: 30px;
  width: 33.33%;
  text-align: center;
  line-height: 30px;
  margin-bottom: 10px;
}
.li-col {
  background: #00ab84;
}
.li-col a {
  color: white;
}

.shop-ls ul li {
  padding: 15px 17px 15px 10px;
  border-bottom: #eaeaea 1px solid;
}
.shop-ls ul li:hover img{
  transform: scale(1.2,1.2);
}
.shop-ls ul li a{
 overflow: hidden;
 display: inline-block;
}
.shop-ls ul li img{
  transition: 0.3s;
}
.shop-ls ul li div {
  float: right;
  width: 180px;
  padding-left: 10px;
}
.shop-ls ul li div p a {
  font-size: 12px;
  color: #666666;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.shop-ls ul li div span {
  font-size: 11px;
  color: #f15821;
}
.news-page {
  padding: 22px 0;
  margin: 41px 0 49px 0;
  text-align: center;
}
.news-page ul li {
  float: left;
  border: 1px solid #f1f1f1;
  margin-right: 10px;
}
.news-page ul li a {
  padding: 10px 15px;
  display: block;
}
.news-page ul li:hover,
.news-page ul li:hover a {
  background: #0ec5a1;
  color: #fff;
}
.page-col1 {
  background: #0ec5a1;
  color: #fff !important;
  border-color: #0ec5a1;
}
.page-col2 {
  color: #666666;
  border-color: #fff;
  color: #fff;
}
.bodr-no {
  border: none !important;
}

/* 资讯中心-列表-详情 */
.cate-tit {
  margin-top: 25px;
}
.cate-tit h3 {
  font-size: 30px;
}
.cate-tit div {
  padding: 42px 0 22px 0;
  border-bottom: 1px solid #eaeaea;
}
.cate-tit div p {
  display: inline-block;
}
.cate-tit div p:nth-of-type(2) {
  margin-left: 20px;
}
.cate-tit div p span {
  margin-right: 80px;
}
.cate-tit div p:nth-of-type(3) {
  float: right;
}

.cate-tit div p a,
.cate-tit div p,
.cate-tit div p span,
.cate-tit div p span a {
  color: #999999;
}
.cate-tit div p span a:hover,
.cate-tit div p a:hover {
  color: #00ab84 !important;
}
.cate-tit div p a img {
  vertical-align: middle;
}
.cate-abs {
  margin-top: 25px;
  padding: 22px 20px;
  background: #f5f5f5;
}
.cate-abs p {
  line-height: 25px;
  color: #666666;
}
.cate-abs p span {
  color: #333333;
}
.cate-text {
  padding: 30px 0 25px 0;
  border-bottom: #eaeaea 1px solid;
}
.cate-text p {
  line-height: 35px;
  font-size: 16px;
}
.cate-next {
  margin: 30px 0 80px 0;
}
.cate-next p {
  margin-bottom: 22px;
}

/* 商品详情 */



.conte_page_m {
  background: #f5f5f5;
  padding-bottom: 11px;
}

.conte_page_m p {
  color: #666666;
  font-size: 12px;
  height: 57px;
  line-height: 57px;
}

.conte_page_m p a {
  font-size: 12px;
  color: #666666;
}

.conte_pa_mie {
  background: #fff;

}

.sngpinlun {
  width: 400px;
  position: relative;
}

.sngpinlun .lunqyesbx {
  width: 400px;
  height: 300px;
  overflow: hidden;
  position: relative;

}

.sngpinlun .lunqyesbx li {
  width: 400px;
  height: 300px;
  float: left;
}

.sngpinlun li img {
  width: 100%;
  height: 100%;

}

.pt30 {
  padding-top: 30px;
}

.lunqyesbx span {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  width: 38px;
  height: 53px;
  text-align: center;
}

.lunqyesbx span i {
  color: #FFFFFF;
  text-align: center;
  line-height: 53px;
  font-style: normal;
  font-family: "宋体";
  font-size: 35px;
}

.lunqyesbx .lunqye_left {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.lunqyesbx .lunqye_right {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.feang_wxk {
  background: #f5f5f5;
  padding: 13px 21px 10px;
  margin-top: 13px;
  display: block;
}

.feang_wxk span {
  font-size: 12px;
  color: #999999;
  margin-right: 12px;
}

.feang_wxk li {
  float: left;
  display: block;
}

.feang_wxk li span {
  background: url(../images/iconcc01_03.png)no-repeat 0 50%;
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 7px;
}

.feang_wxk li .oicon0 {
  background-position: 0 0;
}

.feang_wxk li .oicon1 {
  background-position: -23px 0;
}

.feang_wxk li .oicon2 {
  background-position: -46px 0;
}

.feang_wxk li .oicon3 {
  background-position: -69px 0;
}

.feang_wxk li .oicon4 {
  background-position: -92px 0;
}

.feang_wxk li .oicon5 {
  background-position: -115px 0;
}

.feang_wxk li .oicon6 {
  background-position: -138px 0;
}

.feang_wxk li .oicon7 {
  background-position: -161px 0;
}

.iarusuc {
  margin-top: 12px;
  display: block;
}

.iarusuc .iarusuc_left_a {
  width: 129px;
  height: 41px;
  border-radius: 3px;
  display: block;
  color: #999999;
  background: #f5f5f5;
  font-size: 12px;
  line-height: 41px;
  text-align: center;
}

.iarusuc .iarusuc_left_a i {
  color: #b5b5b5;
  margin-right: 10px;
  vertical-align: middle;
}

.iarusuc .iarusuc_right_a {
  width: 69px;
  height: 41px;
  border-radius: 3px;
  display: block;
  color: #999999;
  background: #f5f5f5;
  font-size: 12px;
  line-height: 41px;
  text-align: center;
}


.paercon {
  width: 570px;
  /* box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box; */
}

.paercon .paetext {
  padding: 0 21px 0 24px;
}

.paetext h3 {
  font-size: 23px;
  line-height: 30px;
}

.paete_page1 {
  background: #f9f9f9;
  margin-top: 13px;
  padding: 18px 18px 12px 13px;
}

.page_text {
  text-align: left;
  display: block;
}

.page_text .benian {
  color: #999999;
  font-size: 12px;
}

.beningiang span a {
  color: #0ec5a1;
}

.beningiang .beningiang_left {
  margin-right: 10px;
  color: #666666;
}

.beningiang .beningiang_right {
  margin-left: 10px;
  color: #666666;
}

.jieiage {
  display: block;
  padding-right: 73px;
  position: relative;
}

.jieiage .tadfoned {
  font-size: 26px;
  color: #f15821;
}

.jieiibd sub {
  vertical-align: inherit;
  color: #f15821;
  margin-left: 11px;
  font-size: 12px;

}

.jieiage .tadfonania {
  margin-left: 14px;
  font-size: 12px;
  color: #999999;
}

.jieiage .tadfonania s {
  font-size: 12px;
  color: #999999;
}


.jieiage .houioumai {
  position: absolute;
  top: 50%;
  right: 0;
  text-align: right;
  transform: translateY(-50%);
}

.jieiage .houioumai span {
  color: #666666;
}

.jieiage .houioumai .oibgwid {
  width: 15px;
  height: 19px;
  background: url(../images/inconer01_07.png)no-repeat 0 50%;
  margin-left: 10px;
}

.poechux_hx {
  margin-top: 11px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}

.poechux_hx a {
  margin-left: 30px;
  /*width: 82px;*/
  height: 19px;
  border-radius: 5px;
    padding: 0 5px;
  color: #fff;
  background: #ff6666;
  display: inline-block;
  text-align: center;
}

.poechux_hx span {
  margin-left: 10px;
  color: #999999;
}

.poechux_yx {
  margin-top: 8px;
  font-size: 14px;
  line-height: 36px;
}

.poechux_yx span {
  margin-left: 8px;
}

.poechux_tx {
  line-height: 30px;
}

.poechux_tx .aoyena_ong {
  display: inline-block;
  margin-left: 30px;
  height: 30px;

}

.poechux_tx .aoyena_ong input {
  height: 26px;
  border: 1px solid #dee3e9;
  text-align: center;
  color: #666666;
  margin-right: 10px;
  width: 79px;
  cursor: pointer;
  background: #fff;
}

.poechux_tx .aoyena_ong input.on {
  color: #f15821;
  border: 1px solid #f15821;

}

.poechux_rx {
  margin-top: 17px;
    margin-bottom: 15px;
}

.poechux_rx .palistat {
  width: 165px;
  height: 43px;
  float: left;
  line-height: 43px;
  text-align: center;

}

.palistat .lccanhu {
  display: inline-block;
  width: 47px;
  height: 43px;
  border: 1px solid #dee3e9;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  float: left;
}
.palistat .lccanhu .clos0{
  width: 29px;
}
.palistat .lccanhu .clos1{
  width: 15px;
  border-left: 1px solid #dee3e9;
  height: 43px;
}
.palistat .lccanhu .clos1 span{
  display: block;
  height: 50%;
  background: #f3f4f9;
}
.clos1 .scol{
  border-bottom: 1px solid #dee3e9;
}
.palistat .lccanhu .clos1 span a{
  display: block;
  height: 100%;
  line-height: 19px;
}
.poechux_rx .palistat:first-child {
  margin-left: 0;
  margin-right: 11px;
  overflow: hidden;
  position: relative;
}
.palistat .skkhun{
  display: block;
  float: left;
  margin-left: 10px
}
.palistat .skkhun em{
  margin-left: 4px
}

.poechux_rx .palistat_two2 {
  margin-right: 18px;
  background: #f15821;
  color: #fff;
}

.poechux_rx .palistat_thee {
  color: #fff;
  background: #976a3c;
}
.teaw_uan .uns1{

}
.teaw_uan .uns1 .unstli{
  border: 1px solid #e5e5e5;
  border-bottom: none;
  display: inline-block;
  width: 94px;
  text-align: center;
  background: #fff;
  position: relative;
  bottom: -1px;
}
.teaw_uan .uns1 .unstli .iise{
width: 13px;
height: 13px;
display: inline-block;
background: url(../images/incco_03.jpg)no-repeat 0 50%;
}
.teaw_uan .uns1>span{
  height: 24px;
  width: 57px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
}
.teaw_uan p{
  border: 1px solid #e5e5e5;
  height: 27px;
  line-height: 27px;
  text-indent: 10px;
}

.puntgeantr {
  width: 230px;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin-top: 30px;
  padding: 19px 20px
}

.punattbox .laarg {
  width: 50px;
  height: 36px;
  float: left;
  line-height: 36px;
}

.punattbox .oieiygrg_right {
  float: left;
  display: block;
    padding-left: 10px;
}

.punattbox .langrg_right {
  float: left;
  display: block;
  line-height: 36px;
}

.bor_redr_33 {
  border-top: 1px solid #eaeaea;
  padding-top: 8px;
  padding-bottom: 13px;
  border-bottom: 1px solid #eaeaea;
}

.anm_aos_hu li {
  width: 33.3%;
  float: left;
  text-align: center;
}

.anm_aos_hu li:first-child {
  text-align: left;
}

.anm_aos_hu li:last-child {
  text-align: right;
}

.anm_aos_hu li {
  width: 33.3%;
  float: left;
  text-align: center;
}

.anm_aos_hu li span {
  margin-top: 7px;
  display: inline-block;
}

.anm_aos_hu li a {
  color: #ff7e00;
  margin-top: 7px;
  display: inline-block;
}

.uno_fulu_anze a {
  float: left;
  display: block;
  width: 87px;
  border: 1px solid #eaeaea;
  margin-left: 10px;
  text-align: center;
  background: #f5f5f5;
  height: 33px;
  line-height: 33px;
  color: #333333;
}

.uno_fulu_anze a:first-child {
  margin-left: 0px;
}

/*maginpage2  */
.maginpage2_left {
  width: 240px;
  margin-top: 30px;
}
.bei_isban{
  border: 1px solid #eaeaea;
  border-bottom: none;
}
.bei_isban h5 {
  border: 1px solid #fff;
  background: #fafafa;
  height: 45px;
  text-indent: 19px;
  line-height: 45px;
  color: #333333;
}
.mt20{
  margin-top: 20px;
}
.bei_isban>ul{
overflow: hidden;
}
.bei_isban li {
  padding: 15px 10px;
  float: left;
  border-bottom: 1px solid #eaeaea;
}
.bei_isban li:hover .taoBao_l img{
  transform: scale(1.2,1.2);
}
.bei_isban li .taoBao_l a{
  display: block;
  overflow: hidden;
}
.bei_isban li .taoBao_l img{
  transition: 0.3s;
}

.bei_isban .taoBao_l {
  width: 80px;
  height: 60px;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}

.bei_isban .taoBao_re {
  width: 128px;
  height: 60px;
  float: left;
  overflow: hidden;
  position: relative;
    font-weight: bold;
}

.bei_isban .taoBao_re h6 {
    font-weight: bold;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 .taoBao_re h6 a{
     color: #26bceb;
}

.bei_isban .taoBao_re span {
  /*position: absolute;*/
  font-size: 12px;
  color: #f15821;
  left: 0;
  bottom: 0;
}

.maginpage2_right{
  width: 938px;
  overflow: hidden;
  position: relative;  
  padding-left: 22px;
  margin-top: 30px;
}
.nnig_ng{
  border: 1px solid #eaeaea;
}
.nniglistup{
  border-bottom: 1px solid #eaeaea;
  display: block;
}
.nniglistup li{
  float: left;
  width: 160px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  border-right: 1px solid #eaeaea;
  cursor: pointer;
}
.nniglistup li a em{
  color: #0ec5a1;
  padding-left: 6px;
}
.nniglistup li.on{
  border-top: 5px solid #0ec5a1;
  color: #0ec5a1;
}
.nniglistup li.on a{
  color: #0ec5a1;
}

.nniglisttw{
  padding: 21px 18px 30px;
}
.nniglisttw table{
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}
.nniglisttw table tr td{
  border-right:1px solid #f1f1f1;
  border-bottom:1px solid #f1f1f1;   
  width: 109px;
  height: 38px; 
  text-indent: 21px;
}
.nniglisttw table tr td:nth-child(2n){
  width: 190px;
  height: 38px; 
}
.oemgng_tu_s{
  margin-left: 5px;
  border: 9px solid #f1f1f1;
  display: inline-block;
  margin-top: 21px;
}
.oemgng_tu_s img{
  display: block;
}
.apwnoing_el{
  border: 1px solid #eaeaea;
  margin-top: 20px;
  padding-bottom: 30px;
}
.apwnoing_el h5{
height: 47px;
line-height: 47px;
background: #fafafa;
border-bottom:1px solid #eaeaea;
text-indent: 20px;
}
.nuxinx_el{
  padding-top: 21px; 
  padding-bottom: 19px;
  display: block;
  position: relative;
}
.nuxinx_el li{
  width: 120px;
  height: 40px;
  overflow: hidden;
  border-right: 1px dashed #e5e5e5;
  float: left;
}
.nuxinx_el li:first-child{
  width: 114px;
}
.nuxinx_el li span{
display: block;
text-align: center;
color: #999999;
}
.nuxinx_el li span a{
  color: #00b369;
}
.nuxinx_el .epinln_ien{
  position: absolute;
  right: 28px;
  bottom: 24px;
  background: #0ec5a1;
  color: #fff;
  width: 113px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
}
.nuxinx_el .epinln_ien a{
  color: #fff;
}
.epinln_xlp{
  padding-left: 15px;
  padding-right: 12px;
}
.epinln_xlp li {
  margin-bottom: 10px;
}
.epinln_xlp li .epinln_xlp_tximg{
  width: 58px;
  height: 85px;
  overflow: hidden;
  text-align: center;
}
.epinln_xlp_tximg img{
  padding-top: 3px;
  padding-bottom: 3px;
  display: block;
}
.epinln_xlp_tximg span{
  font-size: 12px;
  text-align: center;
  line-height: 15px;
  margin-top: 6px;
  display: inline-block;
}
.epinln_xlp li .epinln_xlp_text{
  width: 818px;
  height: 85px;
  border: 1px solid #d0e4c2;
  position: relative;
  padding: 0 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  background: #fcfffa;
}
.epinln_xlp_text .inccone_ssr{
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #d0e4c2;
}
.epinln_xlp_text .inccone_ssr i{
  color: #f8ca02;
}

.epinln_xlp_text .inccone_ser{
  margin-top: 5px;
  height: 47px;
  line-height: 47px;
  font-size: 12px;
  color: #666666;
  
}
.epinln_xlp_text em{
  position: relative;
  height: 0px;
  width: 0px;
  border-top: 9px solid transparent;
  border-right: 10px solid #d0e4c2;
  border-bottom: 10px solid transparent;
  top: -67px;
  left: -26px;
  display: inherit;

}
.epinln_xlp_text em::after{
  content: '';
position: absolute;
top: -8px;
left: 2px;
border-top: 8px solid transparent;
border-right: 9px solid #fcfffa;
border-bottom: 9px solid transparent;

}
.apwnoing_el .hcanan{
  margin-top: 15px;
  display: block;
  text-align: right;
  padding-left: 15px;
  padding-right: 12px;
}
.apwnoing_el .hcanan a{
color: #0ec5a1;
}
.apwnoing_oles{
  border: 1px solid #eaeaea;
  margin-top: 20px;
}
.apwnoing_oles h5{
  height: 47px;
  line-height: 47px;
  background: #fafafa;
  border-bottom: 1px solid #eaeaea;
  text-indent: 20px;
}

.aogui_zebox{
  padding: 26px 28px 23px 21px;
}
.aogui_zebox_liuc h6{
  display: block;
  height: 29px;
  line-height: 29px;
  border-bottom: 2px solid #eeeeee;
  color: #333333;
  font-size: 13px;
}
.aogui_zebox_liuc h6 span{
  border-bottom: 2px solid #ff7700;
  display: inline-block;
}
.aogui_zebox_liuc .b2{
  margin-top: 12px;
  margin-bottom: 14px;
}
.aogui_zebox_liuc .b2 span{
color: #f79646;
}
.aogui_zebox_liuc .b2 p{
 font-size: 13px;
 line-height: 27px;
}
.aogui_zebox_liuc .b1{
  overflow: hidden;
  margin-top: 12px;
  margin-bottom: 14px;
}
.aogui_zebox_liuc .b1 li{
 float: left;
 margin-right: 35px;
}
.aogui_zebox_liuc .b1 li:last-child{
  margin-right: 0;
  margin-bottom: 0;
}
.aogui_zebox_liuc .b1 li span{
  width: 120px;
  height: 35px;
  display: block;
  margin-bottom: 15px;
}
.aogui_zebox_liuc .b1 li .spanb1{
 display: block;
 margin-bottom: 15px;
 border: 1px solid #fee2a1;
 color: #de5300;
 background: #fffde6;
 width: 120px;
 height: 35px;
 line-height: 35px;
 text-align: center;
 border-radius: 5px;
 position: relative;
}
.aogui_zebox_liuc .b1 li .spanb1 a{
  color: #de5300;
}
.aogui_zebox_liuc .b1 li .spanb1 i{
  color: #fcb657;
  display: inline-block;
  position: absolute;
  left: -27px;
  font-size: 15px;
}
.aogui_zebox_liuc .b1 li .spanbcc{
 color: #989898;
 background: #f9f9f9;
 border: 1px solid #eeeeee;
}
.aogui_zebox_liuc .b1 li .spanbcc a{
  color: #989898;
 }
.aogui_zebox_liuc .b1 li .spanbcc i{
  color: #dddddd;
  font-size: 15px;
}

/* 商品详情 end */

/* wv */
/* 商家店铺 */
.w1200 {
  width: 1200px;
  margin: 0 auto;
  display: block;
}

.content1 {
  background: #f5f5f5;
}

.content1 p {
  float: left;
  font-size: 12px;
  color: #666666;
  line-height: 58px;
}

.content1 p * {

  font-size: 12px;
  color: #666666;
  line-height: 58px;
}

.content1 p a {
  margin: 0 6px;
}

.content2-item1 {
  border-bottom: 1px solid #f5f5f5;
}

.content2-item1 span {
  float: left;
  width: 7%;
  text-align: left;
  line-height: 50px;
  font-size: 12px;
  color: #666666;
}

.content2-item1 ul {
  float: left;
  width: 93%;
}

.content2-item1 ul li {
  float: left;
  width: 6.25%;
  text-align: center;
}

.content2-item1 ul li a {
  display: block;
  font-size: 12px;
  line-height: 50px;
}

.content2-item2 ul li {
  text-align: left;
  width: unset;
  margin-right: 30px;
}

.content2-item2 ul li a {
  padding-right: 15px;
}

.content2-item2 ul .down a {
  color: #ff7e00;
  background: url("../images/img1_03.png") no-repeat 100% 55%;
}
.content2 .content2-item1 .hssas li:hover .content2_aluag{
  display: block;
}

.content2_aluag{
  border: 1px solid #0ec5a1;
  width: 1092px;
  display: block;
  margin-bottom: 20px;
  background: #fff;
  position: absolute;
  left: 19px;
  display: none;
  z-index: 11;

}
.content2_aluag .content2_aluag_box{
   padding: 5px 20px 11px;
   position: relative;
}

.content2_aluag .co2_al .elbt0{
  position: relative;
  height: 0px;
  width: 0px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0ec5a1;
  border-left: 10px solid transparent;
  top: -131px;
  left: 5.3%;
  display: inherit;

}
.content2_aluag .co2_al .elbt0::after{
  content: '';
  position: absolute;
  top: 1px;
  left: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
}

.content2_aluag .co2_al .elbt1{
  position: relative;
  height: 0px;
  width: 0px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0ec5a1;
  border-left: 10px solid transparent;
  top: -131px;
  left: 14.5%;
  display: inherit;

}
.content2_aluag .co2_al .elbt1::after{
  content: '';
  position: absolute;
  top: 1px;
  left: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
}
.content2_aluag .co2_al .elbt2{
  position: relative;
  height: 0px;
  width: 0px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0ec5a1;
  border-left: 10px solid transparent;
  top: -131px;
  left: 23.5%;
  display: inherit;
}
.content2_aluag .co2_al .elbt2::after{
  content: '';
  position: absolute;
  top: 1px;
  left: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
}
.content2_aluag .co2_al .elbt3{
  position: relative;
  height: 0px;
  width: 0px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0ec5a1;
  border-left: 10px solid transparent;
  top: -131px;
  left: 32.7%;
  display: inherit;
}
.content2_aluag .co2_al .elbt3::after{
  content: '';
  position: absolute;
  top: 1px;
  left: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
}
.content2_aluag .co2_al .elbt4{
  position: relative;
  height: 0px;
  width: 0px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0ec5a1;
  border-left: 10px solid transparent;
  top: -131px;
  left: 42%;
  display: inherit;
}

.content2_aluag .co2_al .elbt4::after{
  content: '';
  position: absolute;
  top: 1px;
  left: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
}
.content2_aluag .co2_al .elbt5{
  position: relative;
  height: 0px;
  width: 0px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0ec5a1;
  border-left: 10px solid transparent;
  top: -131px;
  left: 51%;
  display: inherit;
}
.content2_aluag .co2_al .elbt5::after{
  content: '';
  position: absolute;
  top: 1px;
  left: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
}

.content2_aluag .co2_al .elbt6{
  position: relative;
  height: 0px;
  width: 0px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0ec5a1;
  border-left: 10px solid transparent;
  top: -131px;
  left: 60%;
  display: inherit;
}
.content2_aluag .co2_al .elbt6::after{
  content: '';
  position: absolute;
  top: 1px;
  left: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
}
.content2_aluag .co2_al .elbt7{
  position: relative;
  height: 0px;
  width: 0px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0ec5a1;
  border-left: 10px solid transparent;
  top: -131px;
  left: 69.3%;
  display: inherit;
}
.content2_aluag .co2_al .elbt7::after{
  content: '';
  position: absolute;
  top: 1px;
  left: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
}









.content2 .lisy_ala ul{
  width: 100%;
  height: inherit;
  overflow: hidden;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 11px;
}
.content2 .lisy_ala li{
  float: left;
  font-size: 13px;
  line-height: 31px;
  height: 31px;
  margin-right: 28px;
  width: unset;
  letter-spacing: 1.3px;
}
.content2 .lisy_ala li a{
  line-height: 31px;
}
.content2 .lisy_ala li:nth-of-type(1){   
  padding-left: 0px;
  margin-right: 24px;
}
.content2 .lisy_alc>ul{
 margin-top: 10px;
 width: 100%;
 height: inherit;
}
.content2 .lisy_alc li{
  float: left;
  font-size: 13px;
  line-height: 31px;
  height: 31px;
  margin-right: 23px;
  width: unset;
  letter-spacing: 1.3px;
}
.content2 .lisy_alc li:nth-of-type(1){
  padding-left: 0px;
  margin-right: 13px;
}
.content2 .lisy_alc li a{
line-height: 31px;
}


.content3-left-img {
  float: left;
  width: 180px;
}

.content3-left-text {
  float: left;
  padding-left: 20px;
  width: 500px;
}

.content3-left-text h2 {
  font-size: 20px;
  color: #333333;
  line-height: 20px;
}

.content3-left-text p {
  line-height: 16px;
  font-size: 12px;
  color: #666;
  margin-top: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.content3-left-text p span {
  float: left;
  padding-left: 20px;
  line-height: 16px;
  font-size: 12px;
  color: #666;
}

.content3-left-text p:nth-of-type(n + 2) {
  margin-top: 18px;
}

.content3-left-text p:nth-of-type(1) span {
  background: url("../images/img2_09.png") no-repeat 0 50% / auto 100%;
}

.content3-left-text p:nth-of-type(2) span {
  background: url("../images/img2_13.png") no-repeat 0 50% / auto 100%;
}

.content3-left-text p:nth-of-type(3) span {
  background: url("../images/img2_19.png") no-repeat 0 50% / auto 100%;
}

.content3 {
  background: #f5f5f5;
  padding: 35px 0;
}

.content3-left {
  float: left;
  width: 880px;
}

.content3-left ul li {
  padding: 20px;
  background: #fff;
}
.content3-left ul li:hover a img{
  transform: scale(1.2,1.2);
}
.content3-left ul li a{
 display: inline-block;
 overflow: hidden;
 float: left;
}
.content3-left ul li a img{
 transition: 0.3s;
 }

.content3-left ul li:nth-of-type(n + 2) {
  margin-top: 20px;
}

.content3-right-link {
  float: right;
}

.content3-right-link a {
  display: block;
  width: 110px;
  line-height: 32px;
  padding-right: 15px;
  box-sizing: border-box;
  text-align: right;
  color: #fff;
  margin-top: 20px;
}

.content3-right-link a:nth-of-type(1) {
  background: #0ec5a1 url("../images/img2_06.png") no-repeat 15px 50%;
}

.content3-right-link a:nth-of-type(2) {
  background: #ff7e00 url("../images/img2_15.png") no-repeat 15px 50%;
}

.content3-right {
  float: right;
  width: 300px;
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
}

.content3-right-title {
  padding: 15px;
  background: #fafafa;
}

.content3-right-title h3 {
  line-height: 20px;
  font-size: 20px;
  padding-left: 10px;
  border-left: 7px solid #0ec5a1;
}

.content3-right ul li {
  background: #fff;
  padding: 15px 10px;
  border-top: 1px solid #eaeaea;
}
.content3-right ul li:hover img{
  transform: scale(1.2,1.2);
}
.content3-right ul li a{
  display: inline-block;
  overflow: hidden;
  float: left;
}
.content3-right ul li img{
  transition: 0.3s;
}

.content3-right ul li img {
  float: left;
  width: 80px;
}

.content3-right ul li div {
  float: left;
  padding-left: 10px;
  width: 190px;
}

.content3-right ul li div h4 {
  font-size: 12px;
  color: #333;
  line-height: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

.content3-right ul li div p {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 10px;
}

.paging {
  padding: 40px 0;
  text-align: center;
}

.paging ul {
  display: inline-block;
}

.paging ul li {
  float: left;
  width: 40px;
  border: 1px solid #f1f1f1;

  color: #666666;
  line-height: 40px;
  text-align: center;
  margin: 0 5px;
}

.paging ul li a {
  color: #666666;
  display: block;
  background: #fff;
}

.paging ul .paging-prev,
.paging ul .paging-next {
  width: 80px;
}

.paging ul .paging-active {
  border: 1px solid #0ec5a1;
}

.paging ul .paging-active a {
  background: #0ec5a1;
  color: #fff;
}

/* 商品列表 */

.content2 ul {
  width: 85%;
  position: relative;
  /* height: 50px; */
  /* overflow: hidden; */
}

.content2 ul li {
  width: 9.4%;
  text-align: left;
  box-sizing: border-box;
}

.content2 ul li:nth-of-type(1) {
  padding-left: 20px;
}

.height-unset {
  height: unset !important;
}

.more-btn {
  float: right;
  width: 70px;
  line-height: 26px;
  text-align: left;
  border: 1px solid #0ec5a1;
  font-size: 12px;
  padding-left: 14px;
  box-sizing: border-box;
  color: #0ec5a1 !important;
  margin-top: 12px;
  background: url("../images/img14_03.png") no-repeat 80% 50%;
}

.content2 .color-active {
  color: #0ec5a1 !important;
}

.content4 .content2-item2 ul {
  float: left;
  width: unset;
}

.content2 .content2-item2 ul li:nth-of-type(1) {
  padding-left: 0;
}

.content4 .content2-item2 ul li {
  width: unset;
}

.content4 form {
  float: left;
}

.content4-checkboxs {
  float: left;
}

.content4-checkboxs input {
  float: left;
  width: 12px;
  height: 12px;

  margin-top: 19px;
}

.content4-checkboxs label {
  float: left;
  font-size: 12px;
  color: #666;
  line-height: 50px;
  margin-left: 5px;
  margin-right: 40px;
}

.price {
  float: left;
}

.price * {
  float: left;
  font-size: 12px;
  color: #666;
  line-height: 50px;
}

.price input {
  width: 40px;
  line-height: 20px;
  border: 1px solid #e2e2e2;
  margin-top: 15px;
}
.price em {
  margin: 0 5px;
}

.content4-search,
.content4-search * {
  float: left;
}
.content4-search {
  margin-left: 15px;
}

.content4-search label {
  font-size: 12px;
  line-height: 50px;
  color: #666;
}

.content4-search input {
  height: 20px;
  margin-top: 15px;
  border: 1px solid #e2e2e2;
}

.content4-search input:nth-of-type(1) {
  width: 120px;
}
.content4-search input:nth-of-type(2) {
  width: 50px;
  height: 22px;
  margin-left: 7px;
  background: #fff;
}

.content5-list ul li {
  float: left;
  width: 280px;
  margin-left: 26px;
  margin-bottom: 30px;
}
.content5-list ul li:hover a img{
  transform: scale(1.2,1.2);
}
.content5-list ul li:hover a p img{
  transform: inherit;
}
.content5-list ul li a span{
  display: block;
  overflow: hidden;
}
.content5-list ul li a img{
 transition: 0.3s;
}


.content5-list ul li:nth-of-type(4n + 1) {
  margin-left: 0;
}
.content5-list ul li a {
  display: block;
}

.content5-list ul li a img {
  height: 210px;
  width: 100%;
}

.content5-list ul li a div {
  padding: 20px;
  background: #fff;
}

.content5-list ul li a div h3 {
  font-size: 12px;
  color: #333333;
  line-height: 12px;
}

.content5-list ul li a p {
  margin-top: 10px;
}
.content5-list ul li a div em {
  float: left;
  font-size: 12px;
  color: #f15821;
  line-height: 12px;
}
.content5-list ul li a div img {
  float: left;
  width: 24px;
  height: 24px;
}
.content5-list ul li a div span {
  float: left;
  line-height: 24px;
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
}
/*为什么选择超博部分开始*/
.why-box{ background: #edf1f6; color: rgb(119, 119, 119)!important;}
.why-box-content{ width: 1200px; margin: 0 auto; padding: 30px 0 0 0; text-align: center; }
.why-box-content>h3{ font: 36px/46px normal; color: rgb(119, 119, 119)!important;margin-bottom: 11px}
.why-box-content>h4{ font: 16px/26px normal; color: rgb(119, 119, 119)!important; width: 100%; margin: 0 auto; margin-bottom: 30px;}
.why-list{ display: flex; justify-content: space-between; flex-wrap:wrap; margin-bottom: 20px; }
.why-list div{ display: block; width: 195px; margin: 10px 60px; }
.why-list div img{ box-shadow: 0px 0px 10px #cccccc; border-radius: 100%; transition: all .3s; }
.why-list div p{ font-size: 16px; line-height: 20px; color: rgb(119, 119, 119)!important; margin: 15px 0 15px 0;}
.why-list div:hover img{ transform: scale(1.05);}
/*为什么选择超博部分结束*/

/*文字广告部分开始*/
.ad-box{ background: #ffffff; overflow: hidden; color: rgb(119, 119, 119)!important;}
.ad-box-content{ width: 1200px; margin: 0 auto; color: rgb(119, 119, 119)!important; height: 100px; display: flex; justify-content: space-between; }
.ad-box-content img,.ad-box-content span{ display: block; float: left; line-height: 100px; font-size: 16px; color: #333333; }
/*文字广告部分结束*/

/*底部创建业务部分开始*/
.business1-box{ background:#00dfb9; overflow: hidden;}
.business1-box-content{ width: 1200px; height: 100px; text-align: center; line-height: 100px; color: #ffffff; font-size: 30px; margin: 0 auto; background: url(../../images/2018/businessbg.jpg) no-repeat; }
.business1-box-content a{ width: 180px; height: 46px; line-height: 46px; font-size: 22px; display: inline-block; border-radius: 6px; text-align: center;}
.business1-box-content a:nth-of-type(1){ background: #ffffff; color: #00dfb9;}
.business1-box-content a:nth-of-type(2){ background: #00dfb9; color: #ffffff; border: #ffffff solid 1px;}
/*底部创建业务部分结束*/