@media only screen and (min-width: 813px) {
  .clearfix:before,
  .clearfix:after {
    content: "";
    display: table;
  }
  .clearfix:after {
    clear: both;
  }
  .clearfix {
    zoom: 1;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .hidden {
    overflow: hidden;
  }
  .dis {
    display: block;
  }
  .undis {
    display: none;
  }
  .orange {
    color: #ff8a18;
  }
  .grey {
    color: #bcc4d2;
  }
  .red {
    color: #ed3c26;
  }
  .green {
    color: #34be1e;
  }
  .tl {
    text-align: left;
  }
  .tc {
    text-align: center;
  }
  .tr {
    text-align: right;
  }
  .mt5 {
    margin-top: 5px;
  }
  .mt10 {
    margin-top: 10px;
  }
  .mt15 {
    margin-top: 15px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .mt30 {
    margin-top: 30px;
  }
  .mt40 {
    margin-top: 40px;
  }
  .mt50 {
    margin-top: 50px;
  }
  .mt100 {
    margin-top: 100px;
  }
  .ml5 {
    margin-left: 5px;
  }
  .ml10 {
    margin-left: 10px;
  }
  .ml15 {
    margin-left: 15px;
  }
  .ml20 {
    margin-left: 20px;
  }
  .mr5 {
    margin-right: 5px;
  }
  .mr10 {
    margin-right: 10px;
  }
  .mr15 {
    margin-right: 15px;
  }
  .mr20 {
    margin-right: 20px;
  }
  .mb10 {
    margin-bottom: 10px;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  .underline {
    text-decoration: underline;
  }
  .txt-ellipsis {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  a:hover,
  a.focus {
    color: #4598B4 !important;
  }
  .color {
    color: #333;
  }
  .color-focus {
    color: #e61d4c;
  }
  .color-blue {
    color: #00b4ff;
  }
  .color-grey {
    color: #bbb;
  }
  .color-white {
    color: #fff;
  }
  .color-red {
    color: #e61d4c;
  }
  .background-focus {
    background: #e61d4c;
  }
  .border-color {
    border-color: #e61d4c;
  }
  .row {
    zoom: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
  }
  [class*="col-"] {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .col-1 {
    width: 8.33%;
  }
  .col-2 {
    width: 16.66%;
  }
  .col-3 {
    width: 25%;
  }
  .col-4 {
    width: 33.33%;
  }
  .col-5 {
    width: 41.66%;
  }
  .col-6 {
    width: 50%;
  }
  .col-7 {
    width: 58.33%;
  }
  .col-8 {
    width: 66.66%;
  }
  .col-9 {
    width: 75%;
  }
  .col-10 {
    width: 83.33%;
  }
  .col-11 {
    width: 91.66%;
  }
  .col-12 {
    width: 100%;
  }
  @-webkit-keyframes animate_scale {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.03);
              transform: scale(1.03);
    }
  }
  @keyframes animate_scale {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.03);
              transform: scale(1.03);
    }
  }
  .m-head {
    height: 82px;
    background: #023F50;
    /* .hidden; */
    position: relative;
    z-index: 999;
  }
  .m-head .logo {
    height: 80px;
    width: 100px;
    float: left;
    margin-left: -10px;
  }
  .m-head .logo a {
    display: block;
    height: 100%;
    background: url('/images/front/pc/logo.png') no-repeat left center;
  }
  .m-head nav {
	width:800px;
    height: 80px;
    font-size: 16px;
    line-height: 80px;
	margin-left: 50px;
  }
  .m-head .parentNav {
    position: relative;
    display: inline-block;
	width: 33%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
  }
  .m-head .parentNav a {
	color:#fff;
  }
  .m-head .search {
    float: right;
    width: 160px;
    height: 30px;
    background: transparent;
    margin-top: 26px;
	border:1px solid gray;
	border-radius:50px;
  }
  .m-head .search input {
    border: none;
    background: transparent;
    height: 100%;
    width: 73%;
    float: left;
	color:#fff;
    padding: 0 5px;
  }
  .m-head .search .ico {
    display: block;
    float: right;
    width: 18%;
    height: 30px;
    background: url('/images/front/pc/search.png') no-repeat center center;
  }
  .m-head .languageSpan {
	position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
	float: right;
	margin: 33px 20px 0 10px;
	color:#fff;
  }
  .m-head .languageSpanCN {
	position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
	float: right;
	margin: 33px -5px 0 10px;
	color:#fff;
  }
  .m-head .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
	float: right;
	margin: 33px 20px 0 10px;
    cursor: pointer;
  }
  .m-head .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  .m-head .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .m-head .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .m-head .sliderCN {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .m-head .sliderCN:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    right: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  input:checked + .slider {
    background-color: #2196F3;
  }
  input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
  }
  input:checked + .sliderCN {
    background-color: #ccc;
  }
  input:checked + .sliderCN:before {
    -webkit-transform: translateX(-13px);
    -ms-transform: translateX(-13px);
    transform: translateX(-13px);
  }
  .m-head .slider.round {
    border-radius: 13px;
  }
  .m-head .slider.round:before {
    border-radius: 50%;
  }
  .m-head .sliderCN.round {
    border-radius: 13px;
  }
  .m-head .sliderCN.round:before {
    border-radius: 50%;
  }
  .m-head .language {
    position: relative;
    width: 30px;
    height: 30px;
    float: right;
    padding: 0 10px;
    margin: 26px 10px 0 10px;
    cursor: pointer;
  }
  .m-head .language .txt-ico {
    width: 24px;
    height: 24px;
    line-height: 20px;
    margin: 3px auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #e61d4c;
    border-radius: 100%;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    text-align: center;
  }
  .m-head .language .list-box {
    display: none;
    position: absolute;
    left: 0;
    top: 35px;
    width: 110px;
    background: #204A50;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px 0 5px 13px;
  }
  .m-head .language .list-box a {
    display: block;
    line-height: 26px;
    color: #fff;
  }
  .m-head .background {
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: right;
    padding-left: 20px;
    margin-top: 46px;
    cursor: pointer;
  }
  .m-head .login-ico {
    float: right;
	margin-right:-10px;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
    padding-left: 25px;
	color:#fff;
    cursor: pointer;
  }
  .m-head .span-ico {
    float: right;
	margin-right:-20px;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
    padding-left: 15px;
	color:#fff;
  }
  .m-head .register-ico {
    float: right;
	margin-right:-30px;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
    padding-left: 25px;
	color:#fff;
    cursor: pointer;
  }
  .m-head .parentDiv {
	position: relative;
    display: inline-block;
    float: right;
	margin-right:-30px;
    height: 50px;
    line-height: 30px;
    margin-top: 25px;
    padding-left: 25px;
	color:#fff;
	text-align: center;
    cursor: pointer;
  }
  .m-head .parentDiv span {
	  color:#fff;
  }
  .m-head .parentDiv .subDiv {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
	top:35px;
	left:-20px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius:10px;
    z-index: 1;
  }
 
  .m-head .parentDiv .subDiv a {
    color: #31708F;
    padding: 0 20px;
	line-height:45px;
    text-align: center;
	border-radius:10px;
    display: block;
  }
 
  .m-head .parentDiv .subDiv a:hover {
	background-color: #f1f1f1;
  }
 
  .parentDiv:hover .subDiv {
    display: block;
  }
  .m-head .user {
    float: right;
    height: 30px;
    padding-left: 28px;
    margin-top: 26px;
    line-height: 30px;
    background: url('/images/front/pc/user.png') no-repeat left center;
  }
  .m-head .nav-ico-wap {
    display: none;
  }
  .m-head .nav-mask-wap {
    display: none;
  }
  .m-head .nav-wap {
    display: none;
  }
  .m-head .nav-wap2 {
    display: none;
  }
  .m-head .search-ico-wap2 {
    display: none;
  }
  .m-head .search-ico-wap {
    display: none;
  }
  .m-head .parentNav .subNav {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 260px;
	top:60px;
	left:10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius:10px;
    z-index: 1;
  }
  .m-head .parentNav .subNav a {
    color: #31708F;
    padding: 0 16px;
	line-height:45px;
    text-align: left;
	border-radius:10px;
	font-weight: bold;
	font-size:16px;
    display: block;
  }
  .m-head .parentNav .subNav span {
    color: grey;
	padding: 0 16px;
	line-height:30px;
    text-align: left;
    font-size:14px;
    display: block;
  }
  .m-head .parentNav .subNav a:hover {
	background-color: #f1f1f1;
  }
  .parentNav:hover .subNav {
    display: block;
  }
  .personal-infomation{
    width:70%;
    height:88vh;
    overflow:hidden;
    margin-left:200px;
    background:transparent !important;
  }
  .personal-infomation h3{
	margin-top:20px;
  }
  .personal-infomation .search-product{
    position:relative;
    display: inline-block;
    float:right;
    max-width:300px;
    margin-bottom: -20px;
  }
  .personal-infomation .search-product .self-input{
    width:200px;
    max-width:300px;
    height:35px;
    padding-right:40px;
    padding-left:10px;
    float:right;
    margin-right:10px;
    border:1px solid grey;
    border-radius:5px;
  }
  .personal-infomation .search-product .search-label{
    position:absolute;
    top:5px;
    right:20px;
    width:20px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent;
  }
  .personal-infomation .search-product .search-label::after{
    content:url('/images/front/search-ico3.png');
    height:100%;
    display:block;
  }
  .personal-infomation .leftMenu{
	float:left;
	width:20%;
	margin-top:30px;
  }
  .personal-infomation .leftMenu li {
    line-height: 65px;
    text-align: center;
  }
  .personal-infomation .leftMenu li span{
	font-weight:bold;
	font-size:16px;
	color:#333;
  }
  .personal-infomation .leftMenu li a{
	font-size:16px;
	color:grey;
  }
  .personal-infomation .rightContent{
	float:left;
	width:79%;
	height:88vh;
	margin-top:30px;
	margin-left:-20px;
	border-left:1px solid #ccc;
  }
  .personal-infomation .rightContent .rightTitle{
	line-height:35px;
	margin-left:10px;
	border-bottom:1px solid grey;
  }
  .personal-infomation .rightContent .rightTitle span{
	font-size:18px;
	font-weight:bold;
  }
  .personal-infomation .rightContent .infoEdit{
	float:right;
	margin-right:10px;
	font-weight:bold;
	color:#3B5FFF;
  }
  .personal-infomation .rightContent .rightInfo{
	margin-top:20px;
	margin-left:20px;
	line-height:35px;
  }
  .personal-infomation .rightContent .rightInfo label{
	color:grey;
  }
  .personal-infomation .rightContent .rightInfo .manager-img{
    display:inline-block;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    vertical-align: middle;
  }
  .personal-infomation .rightContent .rightInfo textarea{
	width:100%;
	height:190px;
	line-height:23px;
	margin-top:15px;
	border:0;
	color:#333;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
    resize: none;
  }
  .personal-infomation .rightContent .rightInfo .color-blue2{
	font-weight:bold;
	color:#3B5FFF;
  }
  .personal-infomation .rightContent .rightInfo .input1 {
    width: 230px;
    height: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #333;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    background: transparent;
  }
  .personal-infomation .rightContent .rightInfo .input2 {
    width: 230px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    background: #E0E0E0;
    padding-left:10px;
  }
  .personal-infomation .rightContent .rightInfo .modify-label {
    display: inline-block;
    padding-left: 15px;
  }
  .personal-infomation .rightContent .rightInfo .modify-label .modify-radio {
    margin-right: 5px;
    vertical-align: middle;
  }
  .personal-infomation .rightContent .rightInfo .input3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .personal-infomation .rightContent .rightInfo .modify-select {
    width:150px;
    height:30px;
    border-radius: 5px !important;
  }
  .personal-infomation .rightContent .rightInfo .btn{
    cursor: pointer;
    width: 150px;
    height: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin-top: 20px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color: #fff;
  }
  .personal-infomation .rightContent .rightInfo .btn:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color: #fff !important;
  }
  .personal-infomation .rightContent .rightInfo .self-select{
	width:100px;
	height:35px;
	border-radius:5px;
  }
  .personal-infomation .rightContent .rightInfo .self-input{
	width:260px;
	height:35px;
	margin-left:10px;
    padding-left: 5px;
	border:1px solid grey;
	border-radius:5px;
  }
  .personal-infomation .rightContent .rightInfo .self-button{
	width:80px;
	height:35px;
	margin-left:10px;
	border:0;
	border-radius:5px;
	background:#4598B4;
	color:#fff;
  }
  /*.personal-infomation .rightContent .rightInfo .self-table{
	width:100%;
	height:80%;
	border:1px solid grey;
	margin-top:10px;
  }*/
  .personal-infomation .rightContent .rightInfo .content-blank{
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	flex-direction:column;
  }
  .personal-infomation .rightContent .rightInfo .content-blank img{
	width:370px;
	height:280px;
	margin-top:50px;
  }
  .personal-infomation .rightContent .rightInfo .content-tip{
	width:100%;
	height:30px;
	line-height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .personal-infomation .rightContent .rightInfo .content-blank span{
	margin-left:60px;
	color:#636363;
  }
  .personal-infomation .rightContent .rightInfo .content-blank .addPersonal{
    cursor: pointer;
    width: 120px;
    height: 30px;
    display: block;
    margin-top: 20px;
    margin-left: 60px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color: #fff;
  }
  .personal-infomation .rightContent .rightInfo .content-blank .addPersonal:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color: #fff !important;
  }
  .personal-infomation .rightContent .rightInfo .content-blank a{
	color:#1E58BC;
  }
  .personal-infomation .rightContent .rightInfo .add-div{
    position:relative;
    float:left;
    max-width:400px;
  }
  .personal-infomation .rightContent .rightInfo .add-div .addPersonal{
    cursor: pointer;
    width: 150px;
    height: 30px;
    display: block;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color: #fff;
  }
  .personal-infomation .rightContent .rightInfo .add-div .addPersonal:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color: #fff;
  }
  .personal-infomation .rightContent .rightInfo .search-div{
	position:relative;
	float:right;
	max-width:400px;
  }
  .personal-infomation .rightContent .rightInfo .search-div .self-input{
	width:260px;
	max-width:400px;
	height:35px;
    padding-left: 5px;
	padding-right:40px;
	float:right;
	margin-right:10px;
	border:1px solid grey;
	border-radius:5px;
  }
  .personal-infomation .rightContent .rightInfo .search-div .search-label{
	position:absolute;
	top:5px;
	right:20px;
	width:20px;
	border:0;
	display:flex;
	align-items:center;
	justify-content:center;
    background: transparent;
  }
  .personal-infomation .rightContent .rightInfo .search-div .search-label::after{
    display:block;
	content:url('/images/front/search-ico3.png');
	height:100%;
  }
  .personal-infomation .rightContent .rightInfo .self-table{
	display:block;
	width:100%;
	height:60vh;
	float:left;
	margin-top:10px;
	text-align:center;
  }
  .personal-infomation .rightContent .rightInfo .self-table thead{
	width:100%;
  }
  .personal-infomation .rightContent .rightInfo .self-table th:last-child{
    border-right:0px solid #fff;
  }
  .personal-infomation .rightContent .rightInfo .self-table th{
	width:100px;
	border-right:1px solid #fff;
	background:#126B7F;
	line-height:35px;
	color:#fff;
	font-size:12px;
  }
  .personal-infomation .rightContent .rightInfo .self-table tr{
	height:35x;
	line-height:45px;
  }
  .personal-infomation .rightContent .rightInfo .self-table tbody tr td{
	width:100px;
	max-width:100px;
	border:1px solid #ccc;
	height:35px;
	line-height:35px;
	font-size:12px;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
    cursor: pointer;
  }
  .personal-infomation .rightContent .rightInfo .self-table tbody tr td a{
	padding:10px 10px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-label{
	height:60px;
	line-height:25px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-label2{
	height:30px;
	line-height:30px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-label2 label{
	font-weight:bold;
	color:#272727 !important;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet{
	float:left;
	width:49.7%;
	height:60vh;
	border:1px solid #D1D1D1;
	border-radius:5px !important;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet .projectSet-input{
	width:330px;
	height:35px;
	margin-top:10px;
	margin-left:10px;
    padding-left:10px;
	border:1px solid grey;
	border-radius:5px !important;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet .projectSet-search{
	display:inline-block;
	width:25px;
    height: 25px;
	vertical-align: top;
	margin-top:15px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet .projectSet-table{
	margin-top:20px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet .projectSet-table th:first-child{
	width:200px;
	height:30px;
	text-align:center;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet .projectSet-table th{
	width:90px;
	height:30px;
	text-align:center;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet .projectSet-table tr td:first-child{
	width:220px;
	max-width:220px;
	height:30px;
	text-align:left;
	padding-left:10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: pointer;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet .projectSet-table tr td{
	width:90px;
	height:30px;
	text-align:center;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet .projectSet-table .table-img{
	display:inline-block;
	vertical-align: middle;
    width:20px;
    height:22px;
	margin-right:10px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectSet .projectSet-table .table-checkbox{
	margin-top:-3px;
	margin-left:5px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd{
	float:right;
	width:49.7%;
	height:60vh;
	border:1px solid #D1D1D1;
	border-radius:5px !important;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-label{
	margin-top:20px;
	margin-left:10px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-size{
	color:#319EEC;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-ul{
	margin-top:20px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-ul .select-li{
	height:30px;
	line-height:30px;
	padding-left:10px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-ul .select-li .table-img{
    display:inline-block;
    vertical-align: middle;
    width:20px;
    height:22px;
    margin-right:10px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-ul .select-li span:first-child{
	display:block;
	float:left;
	width:200px;
	max-width:220px;
	height:30px;
	text-align:left;
	color:black;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: pointer;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-ul .select-li span{
	float:left;
	width:70px;
	height:30px;
	color:#319EEC;
	text-align:center;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-ul .select-li .empty-span{
	float:left;
	width:70px;
	height:30px;
	color:#fff;
	text-align:center;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-ul .select-li a{
	font-size:20px;
  }
  .personal-infomation .rightContent .rightInfo .rightInfo-projectAdd .projectAdd-ul .select-li a:hover{
	color:red !important;
	text-decoration: none;
  }
  .personal-infomation .rightContent .rightFooter{
	line-height: 30px;
	display: flex;
	align-items:center;
	justify-content:center;
  }
  .personal-infomation .rightContent .rightFooter .user-cancel{
	width:100px;
	height:25px;
	line-height:25px;
	text-align:center;
	margin-top:5px;
	margin-left:20px;
	background:transparent;
	color:#0C6680;
	border:1px solid #0C6680;
	border-radius:5px !important;
  }
  .personal-infomation .rightContent .rightFooter .user-sure{
	width:100px;
	height:25px;
	line-height:25px;
	text-align:center;
	margin-top:5px;
	background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
	color:#FFFFFF;
	border:0px;
	border-radius:5px !important;
  }
  .personal-infomation .rightContent .rightFooter .user-sure:hover{
	background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
	color:#FFFFFF !important;
  }
  .personal-serviceInfo{
    width:95%;
    height:80vh;
    margin-left:50px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background:transparent !important;
  }
  .personal-serviceInfo .projectContent{
    float:left;
    width:95%;
    height:auto;
    margin-top:30px;
    margin-left:-20px;
    border-left:1px solid #ccc;
  }
  .personal-serviceInfo .projectContent .projectInfoTitle{
    line-height:35px;
    background: #E1E1E1;
  }
  .personal-serviceInfo .projectContent .projectInfoTitle span{
    margin-left:30px;
    font-size:14px;
    color:#262626;
  }
  .personal-serviceInfo .projectContent .rightShow{
    width:100%;
    height:90%;
    margin-top:20px;
    margin-left:30px;
    line-height:50px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign4{
    margin-top:5px;
    margin-left:100px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .personal-serviceInfo .projectContent .rightShow .contentTop{
    margin-top:30px !important;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign5{
    margin-top:-15px;
    margin-left:100px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign6{
    margin-top:20px;
    margin-left:2% !important;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign6 div{
    margin-left:20px;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign4 .contentImg{
    width:83px;
    height:83px;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign4 .parentImage{
    width:83px;
    height:83px;
    float:left;
    margin-left:30px;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign4 .showLogo{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign5 .contentImg{
    width:30px;
    height:30px;
    margin-top:40px;
    margin-left:10px;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign4  .imageTip{
    display:inline-block;
    margin-top:40px;
    margin-left:10px;
    color:#7A7A7A;
  }
  .personal-serviceInfo .projectContent .rightShow .labelType{
    float:left;
    font-size:16px;
  }
  .personal-serviceInfo .projectContent .rightShow .inputText{
    width:250px;
    height:35px;
    margin-top:5px;
	padding-left:10px;
    background: #E0E0E0;
	border:0;
	border-radius:5px !important;
  }
  .personal-serviceInfo .projectContent .rightShow .inputScale{
    width:100%;
    height:35px;
    margin-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .personal-serviceInfo .projectContent .rightShow .textareaType2{
    width:700px;
    height:100px;
    margin-top:5px;
	padding-top:5px;
	padding-left:10px;
    background: #E0E0E0;
	border:0;
	border-radius:5px !important;
    resize: none;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign4 .lineStyle{
    width:30px;
    height:35px;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #333;
  }
  .personal-serviceInfo .projectContent .rightShow .contentAlign5 .lineStyle{
    width:30px;
    height:35px;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #333;
  }
  .personal-serviceInfo .projectContent .rightShow .productModels{
    width:85%;
    height:300px;
    margin-top:20px;
    margin-left:50px;
    line-height:50px;
    border:1px solid #ccc;
    border-radius:10px !important;
  }

  
  
  
  
  
  .self-infomation{
	width:88%;
	overflow:hidden;
	margin-left:150px;
  }
  .self-infomation h3{
	margin-top:20px;
  }
  .self-infomation h3 .h3-a{
    display: inline-block;
    vertical-align: bottom;
  }
  .self-infomation h3 .h3-page{
    vertical-align: bottom;
    color:#3978AA;
  }
  .self-infomation h3 .h3-a .h3-img{
    max-width: 18px;
    max-height: 18px;
  }
  .self-infomation h3 .h3-span{
    vertical-align: bottom;
    margin-left:10px;
    margin-right:10px;
    font-size: 22px;
  }
  .self-infomation .indexNav-div{
    width:85%;
    height: 20vh;
    margin-top:30px;
    margin-left:30px;
    background: #E2E2E2;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .self-infomation .indexNav-div .indexNav-label{
    display:inline-block;
    margin-top:10px;
    letter-spacing: 2px;
    line-height: 1.5;
  }
  .self-infomation .indexNav-div .indexNav-a{
    display:inline-block;
    margin-top:15px;
    font-size: 16px;
    color:#00B5CC
  }
  .self-infomation .indexContent{
	float:left;
	width:90%;
	margin-top:30px;
	margin-left:-20px;
	border-left:1px solid #ccc;
  }
  .self-infomation .indexContent .rightInfo{
	margin-left:20px;
	line-height:35px;
  }
  .self-infomation .indexContent .rightInfo .content-blank{
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	flex-direction:column;
  }
  .self-infomation .indexContent .rightInfo .content-blank img{
	width:370px;
	height:280px;
	margin-top:50px;
  }
  .self-infomation .indexContent .rightInfo .content-tip{
	width:100%;
	height:30px;
	line-height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .self-infomation .indexContent .rightInfo .content-blank span{
	margin-left:60px;
	color:#636363;
  }
  .self-infomation .indexContent .rightInfo .content-blank a{
	color:#1E58BC;
  }
  .self-infomation .indexContent .rightInfo .self-select{
	width:150px;
	height:37px;
	margin-left:50px;
	border:1px solid #ccc;
	border-radius:5px;
  }
  .self-infomation .indexContent .rightInfo .search-div{
	position:relative;
	float:right;
	max-width:400px;
  }
  .self-infomation .indexContent .rightInfo .search-div .self-input{
	width:260px;
	max-width:400px;
	height:35px;
	padding-right:40px;
	padding-left:10px;
	float:right;
	margin-right:10px;
	border:1px solid grey;
	border-radius:5px;
  }
  .self-infomation .indexContent .rightInfo .self-button{
	width:80px;
	height:35px;
	float:right;
	margin-right:10px;
	border:0;
	border-radius:5px;
	background:#4598B4;
	color:#fff;
  }
  .self-infomation .indexContent .rightInfo .search-div .search-label{
	position:absolute;
	top:5px;
	right:20px;
	width:20px;
	border:0;
	display:flex;
	align-items:center;
	justify-content:center;
    background: transparent;
  }
  .self-infomation .indexContent .rightInfo .search-div .search-label::after{
	content:url('/images/front/search-ico3.png');
	height:100%;
	display:block;
  }
  .self-infomation .indexContent .rightInfo .dataWrap{
    display: none;
  }
  .self-infomation .self-create{
    max-width: 90%;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .self-infomation .self-create .createProject{
	width:300px;
	height:35px !important;
	line-height:35px;
	margin-top:30px;
	margin-bottom:-20px;
	background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
	color:white;
	text-align:center;
	border:0;
	border-radius:5px !important;
  }
  .self-infomation .self-create .createProject:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .self-infomation .self-create a{
	color:#fff;
  }
  .self-infomation .self-create a:hover{
	color:#fff !important;
  }
  .self-infomation .indexContent .addProduct{
	width:300px;
	height:35px !important;
	line-height:35px;
	margin-left:20px;
	margin-bottom:20px;
	background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
	color:white;
	border:0;
	border-radius:5px !important;
  }
  .self-infomation .indexContent .addProduct:hover{
	color:#fff !important;
  }
  .self-infomation .indexContent .rightInfo .basic-info{
	height:35px;
	margin-left:10px;
	color:#333;
	font-weight:bold;
  }
  .self-infomation .indexContent .rightInfo .self-table{
	display:block;
	width:100%;
	height:80vh;
	float:left;
	margin-top:10px;
	text-align:center;
  }
  .self-infomation .indexContent .rightInfo .self-table thead{
	width:100%;
  }
  .self-infomation .indexContent .rightInfo .self-table th:last-child{
    border-right:0px solid #fff;
  }
  .self-infomation .indexContent .rightInfo .self-table th{
	width:300px;
	border-right:1px solid #fff;
	background:#126B7F;
	line-height:45px;
	color:#fff;
  }
  .self-infomation .indexContent .rightInfo .self-table tr{
	height:45px;
	line-height:45px;
  }
  .self-infomation .indexContent .rightInfo .self-table tbody tr td{
	border:1px solid #ccc;
	height:45px;
	line-height:45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .self-infomation .indexContent .rightInfo .self-table tbody tr td a{
	padding:10px 10px;
  }
  .self-infomation .term-info{
    width: 90%;
    margin-top: 30px;
  }
  .self-infomation .term-info .termInfo-title{
    line-height:35px;
    margin-left:10px;
	font-weight:bold;
    border-bottom:1px solid grey;
  }
  .self-infomation .term-info .termInfo-content{
    width:85%;
    height:68vh;
    margin-left:100px;
    line-height:50px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .self-infomation .term-info .termInfo-content .term-question{
    line-height:30px;
  }
  .self-infomation .term-info .termInfo-content .term-question .service-title{
    display:block;
    margin-top:20px;
    background-color: #cccccc;
    font-weight:bold;
  }
  .self-infomation .term-info .termInfo-content .term-question .service-sub{
    font-weight:bold;
  }
  .self-infomation .term-info .termInfo-content .term-question .service-sub2{
    display:inline-block;
    margin-top:20px;
    font-weight:bold;
  }
  .self-infomation .term-info .termInfo-content .term-question .answer-check{
    color:red !important;
  }
  .self-infomation .term-bottom{
	display:flex;
	align-items:center;
	justify-content:center;
    margin-bottom: 50px;
  }
  .self-infomation .term-bottom .selfNext{
    float:left;
    width:120px;
    height:35px;
    line-height:35px;
    margin-top:20px;
    margin-left:30px;
    text-align:center;
    border:1px solid #ccc;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680  100%);
    color:#fff !important;
  }
  .self-infomation .term-bottom .selfNext a{
    color:#fff;
  }
  .self-infomation .term-bottom .selfNext a:hover{
    color:#fff !important;
  }
  .self-infomation .term-bottom .selfNext:hover{
    color:#fff !important;
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .self-infomation .term-material{
    width: 100%;
    margin-top:30px;
  }
  .self-infomation .term-material .material-file{
    margin-bottom:20px;
  }
  .self-infomation .term-material .material-file dl{
    height: 40px;
  }
  .self-infomation .term-material .material-file .file-span{
    height: 40px;
    line-height: 40px;
    margin-left:15px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    border-radius: 5px !important;
    text-align: center;
    background: #DFF5FF;
    color:#3F8AE1;
  }
  .self-infomation .term-material .material-file .file-span img{
    display:inline-block;
    max-width:16px;
    max-height:16px;
    margin-top:20px !important;
    margin-left:10px;
  }
  .self-infomation .term-material .term-a{
    display:block;
    width:150px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .self-infomation .term-download{
    height: 50px;
    max-height: 50px;
    line-height:30px;
    margin-top: 10px;
  }
  .self-infomation .term-download .download-a{
    display: block;
    width:150px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px !important;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .self-infomation .term-download .download-a:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .self-infomation .directory-label{
    display:block;
    margin-top:50px;
    margin-left: 50px;
    font-size: 24px;
    font-weight: bold;
  }
  .self-infomation .directory-span{
    display:inline-block;
    margin-top:50px;
    margin-left: 50px;
    color: #818181;
  }
  .self-infomation .category-div{
    position:relative;
    max-width:228px;
    max-height:170px;
    display:inline-block;
    margin-top:30px;
    margin-left: 50px;
  }
  .self-infomation .category-div .category-image{
    border-radius: 10px;
    max-height: 170px;
  }
  .self-infomation .category-div .category-content{
    position: absolute;
    top:136px;
    left:0;
    width:100%;
    height:20%;
    backdrop-filter: blur(30px);
    background:transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .self-infomation .company-div{
    width:228px;
    height:188px;
    display:inline-block;
    margin-top:30px;
    margin-left: 50px;
  }
  .self-infomation .company-div a{
	color:black !important;
  }
  .self-infomation .company-div .company-image{
    width: 228px;
    height:160px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .company-div .company-image:hover{
    background: #E5E5E5;
    border-radius: 10px !important;
  }
  .self-infomation .company-div .company-image .company-img{
    max-width: 149px;
    max-height: 149px;
	height: auto;
    width: auto;
  }
  .self-infomation .company-div .company-content{
    width: 228px;
    height: 20px;
    margin-top: 8px;
    font-size:12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .product-div{
    width:228px;
    height:304px;
    display:inline-block;
    margin-top:30px;
    margin-left: 50px;
  }
  .self-infomation .product-div a{
    color:black !important;
  }
  .self-infomation .product-div .product-img{
    max-width: 228px;
    max-height: 228px;
	width: 228px;
    height: 228px;
    border-radius: 10px !important;
  }
  .self-infomation .product-div .product-content{
    width: 228px;
    height: 68px;
    margin-top: 8px;
    font-size:14px;
	color:#78777F;
  }
  .self-infomation .product-div .product-content .content-div{
	font-weight:bold;
  }
  .self-infomation .product-div .product-content .content-div2{
	margin-top:10px;
  }
  .self-infomation .productInfo-left{
    float: left;
    width:60%;
  }
  .self-infomation .productInfo-left .leftInfo-label{
    display:block;
    margin-top:15px;
    margin-left: 50px;
    font-size: 24px;
    font-weight: bold;
  }
  .self-infomation .productInfo-left .leftInfo-div{
    display:block;
    margin-top:15px;
    margin-left: 50px;
  }
  .self-infomation .productInfo-left .leftInfo-div .label-img{
    display: inline-block;
    vertical-align: bottom;
    width:14px;
    height:14px;
  }
  .self-infomation .productInfo-left .leftInfo-div .label-a{
    vertical-align: bottom;
    color:#3978AA;
    font-weight: bold;
  }
  .self-infomation .productInfo-left .leftInfo-div .label-span{
    vertical-align: bottom;
    color: #818181;
  }
  .self-infomation .productInfo-left .leftInfo-textarea{
    width:85%;
    min-height:100px;
    line-height: 1.5;
    word-spacing: -3px;
    letter-spacing: -0.5px;
    margin-top:30px;
    margin-left: 50px;
    padding:10px 10px 10px 10px;
    background: #F8F8FA;
    color:#8E8E8E;
    border-radius:5px !important;
    font-size: 16px;
    overflow: hidden;
    border:0;
    resize: none;
  }
  .self-infomation .productInfo-left .leftInfo-a{
    display:block;
    margin-top:15px;
    margin-left: 50px;
    color:#3978AA;
    font-weight: bold;
  }
  .self-infomation .productInfo-left .website-a{
    display:block;
    margin-top:15px;
    margin-left: 50px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff;
    font-weight: bold;
  }
  .self-infomation .productInfo-left .website-a:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#fff !important;
  }
  .self-infomation .productInfo-right{
    float: right;
    width:40%;
    height: auto;
    margin-top:50px;
  }
  .self-infomation .productInfo-right .rightInfo-big{
    width:301px;
    height:301px;
  }
  .self-infomation .productInfo-right .rightInfo-big .bigImg{
    max-width: 301px;
    max-height: 301px;
    border-radius: 10px;
  }
  .self-infomation .productInfo-right .rightInfo-small{
    width:301px;
    height:auto;
  }
  .self-infomation .productInfo-right .rightInfo-small .smallImg{
    display:inline-block;
    max-width: 63px;
    max-height: 63px;
    margin-top:15px;
    margin-right: 9px;
    border-radius: 5px;
  }
  .self-infomation .term-detail{
    display:inline-block;
    margin-top: 50px;
    margin-left: 50px;
    width: 80%;
  }
  .self-infomation .term-detail .termDetail-title{
    height: 50px;
    border-bottom: 2px solid #DEDEE5;
  }
  .self-infomation .term-detail .termDetail-title .titleContent{
    width:100px;
    height:50px;
    border-bottom: 2px solid #3C9EB7;
  }
  .self-infomation .term-detail .termDetail-content{
    float: left;
    width:70%;
  }
  .self-infomation .term-detail .termDetail-content .contentTitle{
    width:94%;
    height:50px;
    line-height:50px;
    margin-top:15px;
    background: #A2D1D0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .self-infomation .term-detail .termDetail-content .contentTitle .contentTitle-img{
    display:inline-block;
    vertical-align: middle;
    max-width: 28px;
    max-height: 28px;
    margin-left:15px;
  }
  .self-infomation .term-detail .termDetail-content .contentTitle .contentTitle-span{
    vertical-align: middle;
    margin-left:10px;
    color:white;
  }
  .self-infomation .term-detail .termDetail-content .contentData{
    width:85%;
    height:50px;
    line-height:50px;
    border-top: 1px solid #DEDEE5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .self-infomation .term-detail .termDetail-content .contentData .contentData-span{
    margin-left:22px;
    color: #A2D1D0;
    font-size: 22px;
  }
  .self-infomation .term-detail .termDetail-content .contentData .contentData-a{
    margin-left:15px;
    color: #0579B7;
  }
  .self-infomation .term-detail .termDetail-tip{
    float: right;
    width:30%;
  }
  .self-infomation .term-detail .termDetail-tip .contentTip-img{
    max-width: 14px;
    max-height: 14px;
    margin-top:40px;
    margin-left: 15px;
  }
  .self-infomation .term-detail .termDetail-tip .contentTip-textarea{
    width:260px;
    min-height:100px;
    margin-top:20px;
    padding:10px 10px 10px 10px;
    background: #F8F8FA;
    color: #8E8E8E;
    border-radius:5px !important;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border:0;
    resize: none;
  }
  .self-infomation .well-info{
    display:inline-block;
    margin-top: 50px;
    margin-left: 50px;
    width: 80%;
    border-top: 1px solid #DEDEE5;
  }
  .self-infomation .well-info .wellInfo-tip{
    float: left;
    width:371px;
    height: 184px;
    margin-top: 30px;
    background:linear-gradient(119deg, #1e738f, #1e738f 25.48%, #0b667f 50.26%, #126d81 61.2%, #41937d 92.45%);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-image{
    float:left;
    width:134px;
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-image .wellTip-img{
    max-width: 118px;
    max-height: 118px;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-text{
    float:right;
    width:201px;
    height: 160px;
    margin-left: 15px;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-text .wellTip-content{
    width:201px;
    height: 108px;
    line-height:1.35;
    color:white;
    font-size: 1.25rem;
    font-weight:normal;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-text .wellTip-a{
    display: inline-block;
    margin-top: 20px;
    color: white;
    transition: transform 0.3s ease;
    cursor: pointer;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-text .wellTip-a:hover{
    color:white !important;
    transform: scale(1.1);
  }
  .self-infomation .well-info .wellInfo-content{
    float: right;
    width:556px;
    height:256px;
    margin-top: 30px;
    margin-right: 30px;
  }
  .self-infomation .well-info .wellInfo-content .wellContent-textarea{
    width:556px;
    height:100px;
    padding:10px 10px 10px 10px;
    background: #F8F8FA;
    color: #8E8E8E;
    border-radius:5px !important;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border:0;
    resize: none;
  }
  .self-material{
    width:100%;
  }
  .self-material h3{
    margin-top:20px;
    margin-left:10%;
  }
  .self-material .material-center{
    display:flex;
	align-items:center;
	justify-content:center;
  }
  .self-material .material-center .material-info{
    width: 100%;
	height:260px;
    background:linear-gradient( 131deg, #126B7F 0%, #1F4E71 100%);
    color:#fff;
    margin-top: 50px;
	margin-left:-150px;
	border:1px solid #ccc;
	border-radius:5px;
  }
  .self-material .material-center .material-info .material-title{
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .self-material .material-center .material-info .material-title .material-head{
	width:80%;
	height:80px;
	line-height:80px;
    font-size:18px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #ccc;
  }
  .self-material .material-center .material-info .material-basic{
    width:80%;
	height:100px;
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .self-material .material-center .material-info .material-together{
	margin-top:30px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .self-material .material-center .material-info .material-together .material-first{
	margin-left:150px;
  }
  .self-material .material-center .material-info .material-together .material-second{
	margin-left:150px;
  }
  .self-material .material-center .material-info .material-together .labelType{
	float:left;
  }
  .self-material .material-center .material-info .material-together .inputText{
	width:220px;
	height:35px;
	margin-top:10px;
	border-radius:5px !important;
	border:1px solid #606060;
  }
  .material-tip{
    width: 100%;
	background:linear-gradient( 131deg, #126B7F 0%, #1F4E71 100%);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .material-tip .material-detail{
    width:50%;
    margin-top:50px;
    margin-bottom:50px;
    text-align:left;
  }
  .material-tip .material-center{
    width:50%;
	margin-top:50px;
	margin-bottom:50px;
	text-align:left;
  }
  .material-tip .material-center .material-label{
    line-height: 1.5em;
    text-align: start;
  }
  .material-tip .material-center .material-head{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:18px;
    font-weight:bold;
    text-align:left;
	background:transparent;
	color:#fff;
	border:0;
    border-bottom:1px solid #ccc;
  }
  .material-tip .material-center .material-dl{
    border-bottom: 1px solid #ccc;
  }
  .material-tip .material-center .material-span1{
    font-size: 18px;
    font-weight: bold
  }
  .material-tip .material-center .material-span2{
    font-size: 12px;
  }
  .material-tip .material-center .material-span3{
    float: right;
    margin-right: 10px;
    font-size: 12px;
  }
  .material-tip .material-center .material-span4{
    float: right;
    font-size: 12px;
  }
  .material-tip .material-center .material-input{
    width:150px;
    height: 30px;
    padding-left: 10px;
    border: 1px solid #ccc;
    border-radius: 5px !important;
  }
  .material-tip .material-center .material-select{
    height: 30px;
    padding-left: 5px;
    border: 1px solid #ccc;
    border-radius: 5px !important;
  }
  .material-tip .material-center .material-first{
    margin-top:-28px !important;
  }
  .material-tip .material-center .material-other{
	display:block;
    margin-left:42px;
    text-align: start;
    margin-top:1em;
	line-height:1.2;
  }
  .material-tip .material-center .material-otherEn{
    display:block;
    margin-left:55px;
    text-align: start;
    margin-top:1em;
    line-height:1.2;
  }
  .material-tip .material-center .inputNum{
    width:30px;
    height:20px;
    line-height:20px;
    margin-top:15px !important;
    text-align:center;
    border:0;
    background:transparent;
    color:#3B8E7D;
  }
  .material-bottom{
    width: 100%;
	display:flex;
	align-items:center;
	justify-content:center;
    margin-bottom: 50px;
  }
  .material-bottom .selfNext{
	width:120px;
	height:35px;
	line-height:35px;
	margin-top:30px;
	text-align:center;
	border:1px solid #ccc;
	background:#126B7F;
    color:#fff !important;
  }
  .material-bottom .selfNext:hover{
    color:#fff !important;
	background:#3D90FF;
  }
  .material-bottom .selfNext a{
	color:#fff !important;
  }
  .project-terms{
    width:100%;
    margin-top: 50px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .project-terms .terms-center{
    width:59%;
  }
  .project-terms .terms-center .terms-span{
    font-size: 16px;
    font-weight: bold;
  }
  .project-terms .terms-center .change-span{
    display: none;
    float:right;
    height: 30px;
    line-height: 30px;
    color:red;
    font-size: 12px;
  }
  .project-terms .terms-center .terms-edit{
	display:inline-block;
    width:150px;
    height:30px;
    margin-left:20px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .project-terms .terms-center .terms-edit:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .project-terms .terms-center .self-table{
    display:block;
    width:100%;
    float:left;
    margin-top:20px;
    margin-bottom:50px;
    text-align:center;
  }
  .project-terms .terms-center .self-table thead{
    width:100%;
  }
  .project-terms .terms-center .self-table th:last-child{
    border-right:0px solid #fff;
  }
  .project-terms .terms-center .self-table th{
    width:220px;
    border-right:0.5px solid #fff;
    background:#126B7F;
    line-height:35px;
    text-align: center;
    color:#fff;
    font-size:12px;
  }
  .project-terms .terms-center .self-table tr{
    height:35px;
    line-height:45px;
  }
  .project-terms .terms-center .self-table tbody tr td{
    width:100px;
    max-width:100px;
    border:1px solid #ccc;
    height:35px;
    line-height:35px;
    font-size:12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  /*.project-terms .terms-center .self-table tbody tr td:hover{
    overflow: visible;
    white-space: normal;
  }*/
  .project-terms .terms-center .self-table tbody tr td a{
    padding:10px 10px;
  }
  .project-operator2{
     width:100%;
     margin-top: -80px;
     margin-bottom: 30px;
     display:flex;
     align-items:right;
     justify-content:right;
   }
  .project-operator2 .inputNum{
    width:30px;
    height:20px;
	line-height:20px;
	text-align:center;
	border:0;
	background:transparent;
	color:#3B8E7D;
  }
  .project-operator2 .aNum{
    margin-left: 20px;
	margin-right:13.5%;
  }
  .project-operator{
	width:100%;
	margin-top: 30px;
	margin-bottom: 30px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .project-operator .operator-edit{
	width:200px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #3B8E7D;
	border-radius:5px;
	background:#FFFFFF;
	color:#3B8E7D;
  }
  .project-operator .operator-submit{
	width:200px;
	height:30px;
	margin-left:20px;
	line-height:30px;
	text-align:center;
	border:1px solid #3B8E7D;
	border-radius:5px;
	background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
	color:#FFFFFF;
  }
  .project-operator .operator-image{
    width:25px;
    height:25px;
    margin-left:5px;
  }
  .project-operator .operator-submit2{
    width:200px;
    height:30px;
    margin-left:20px;
    line-height:30px;
    text-align:center;
    border:1px solid #cccccc;
    border-radius:5px;
    background:#cccccc;
  }
  .project-operator .operator-submit:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .project-operator .submitSure{
    display:block !important;
    clear: both;
    width:60%;
    text-align: left;
    line-height:1.5em;
    padding-top:20px;
    color: indianred;
  }
  .contract-file{
    width:100%;
    margin-top:10px;
  }
  .contract-file dl{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .contract-file .file-span{
    max-width: 220px;
    height: 25px;
    line-height: 25px;
    margin-left:15px;
    padding-top:2px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:2px;
    border-radius: 5px !important;
    text-align: center;
    background: #DFF5FF;
    color:#3F8AE1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .contract-file .file-span img{
    display:inline-block;
    max-width:16px;
    max-height:16px;
    margin-right:10px;
  }
  .upload-head{
    width:85%;
    margin-top:20px;
    margin-left: 80px;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .upload-head .upload-tip{
    font-size: 16px;
    font-weight: bold;
  }
  .upload-content{
    width:96%;
    margin-top:10px;
    margin-bottom: 30px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .upload-content .upload-material{
    width:85%;
  }
  .upload-content .upload-material .material-left{
    float:left;
    width:50%;
  }
  .upload-content .upload-material .material-right{
    float:right;
    width:50%;
  }
  .upload-content .upload-material .upload-button{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .upload-content .upload-material .upload-button .operator-submit{
    width:200px;
    height:30px;
    margin-left:20px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px !important;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .upload-content .upload-material .upload-button .operator-image{
    width:25px;
    height:25px;
    margin-left: 5px;
  }
  .upload-content .upload-material .material-file{
    width:100%;
    margin-top:10px;
  }
  .upload-content .upload-material .material-file dl{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .upload-content .upload-material .material-file .file-span{
    max-width: 220px;
    height: 25px;
    line-height: 25px;
    margin-left:15px;
    padding-top:2px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:2px;
    border-radius: 5px !important;
    text-align: center;
    background: #DFF5FF;
    color:#3F8AE1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .upload-content .upload-material .material-file .file-span img{
    display:inline-block;
    max-width:16px;
    max-height:16px;
    margin-right:10px;
  }
  .upload-content .upload-material .upload-button .operator-submit:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .project-goback{
    width:100%;
    margin-top: 10px;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .project-goback .operator-submit{
    width:120px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .project-goback .operator-submit:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .project-goback .search-product{
    position:relative;
    display: inline-block;
    max-width:300px;
    margin-left: 1.5%;
    margin-bottom: -20px;
  }
  .project-goback .search-product .self-input{
    width:200px;
    max-width:300px;
    height:35px;
    padding-right:40px;
    padding-left:10px;
    float:right;
    margin-right:10px;
    border:1px solid grey;
    border-radius:5px;
  }
  .project-goback .search-product .search-label{
    position:absolute;
    top:5px;
    right:20px;
    width:20px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent;
  }
  .project-goback .search-product .search-label::after{
    content:url('/images/front/search-ico3.png');
    height:100%;
    display:block;
  }
  .page-data{
    width: 100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .page-data .page-button{
	width:35px;
	height:35px;
	line-height:35px;
    margin-left: 15px;
	border:1px solid #ccc;
    border-radius: 5px;
  }
  .page-data .page-button img{
    height:22px;
  }
  .page-data .active{
    background: #126B7F;
    color:#FFFFFF;
  }
  .page-data .page-input{
	width:40px;
	height:32px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
	border:1px solid #ccc;
    border-radius: 5px;
  }
  .page-data .page-span1{
    margin-left:10px;
    margin-right:10px;
  }
  .page-data .page-span2{
    margin-left:10px;
  }




  .personal-infomation .productMenuWrap{
    display: none;
  }
  .personal-infomation .tipWrap{
    display: none;
  }
  .personal-infomation .productMenu{
	float:left;
	width:20%;
	height:80%;
	margin-top:30px;
  }
  .personal-infomation .productMenu .ulMenu{
	width:100%;
	height:90%;
	margin-top:20px;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .personal-infomation .productMenu .selfSearch{
	width:170px;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:5px;
  }
  .personal-infomation .productMenu li{
    /*position: relative;*/
	line-height:70px;
	text-align:center;
  }
  .personal-infomation .productMenu li{
	font-size:14px;
	border:0;
	color:grey;
  }
  /*.personal-infomation .productMenu li + li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 90%;
    width: 1px;
    background: #DFDFDF;
    margin-top: -30px;
    margin-left: 105px;
  }*/
  .personal-infomation .productMenu li .li-span{
	font-size:18px;
  }
  .personal-infomation .productMenu .highLight{
	font-weight:bold;
	color:#126B7F;
  }
  .personal-infomation .productMenu li button:hover{
	font-weight:bold;
	color:#333;
  }
  .personal-infomation .productMenu li button:focus{
	font-weight:bold;
	color:#333;
  }
  .personal-infomation .termContent{
	float:left;
	width:79%;
	height:70vh;
	margin-top:30px;
	margin-left:-20px;
	border-left:1px solid #ccc;
  }
  .personal-infomation .termContent .projectInfoTitle{
    line-height:35px;
	background: #E1E1E1;
  }
  .personal-infomation .termContent .projectInfoTitle span{
	margin-left:30px;
    font-size:14px;
    color:#262626;
  }
  .personal-infomation .termContent .rightTitle{
    display: flex;
	line-height:35px;
	margin-left:10px;
    align-items: center;
	border-bottom:1px solid grey;
  }
  .personal-infomation .termContent .rightTitle span{
	font-size:18px;
	font-weight:bold;
  }
  .personal-infomation .termContent .rightTitle span:first-child{
    width: 200px;
    max-width: 200px;
  }
  .personal-infomation .termContent .rightTitle span img{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    margin-left:5px;
  }
  .personal-infomation .termContent .rightTitle .submit-tip{
    text-align: right;
    line-height: 1.3em;
    font-size:12px;
    white-space: pre-wrap;
    color: indianred;
  }
  .personal-infomation .termContent .rightTerm{
	width:100%;
	height:90%;
	margin-top:20px;
	margin-left:30px;
	line-height:50px;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .personal-infomation .termContent .rightTerm .contentAlign{
	margin-top:150px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .personal-infomation .termContent .rightTerm .contentAlign2{
	margin-top:50px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .personal-infomation .termContent .rightTerm .contentAlign3{
	margin-top:20px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4{
    margin-top:5px;
    margin-left:100px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .personal-infomation .termContent .rightTerm .contentTop{
    margin-top:20px !important;
  }
  .personal-infomation .termContent .rightTerm .contentAlign5{
	margin-top:-15px;
	margin-left:100px;
	text-align:center;
	display:flex;
	align-items:left;
	justify-content:left;
  }
  .personal-infomation .termContent .rightTerm .contentAlign6{
	margin-top:-10px;
	margin-left:30px;
	text-align:center;
	display:flex;
	align-items:left;
	justify-content:left;
  }
  .personal-infomation .termContent .rightTerm .contentAlign7{
    margin-top:10px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .personal-infomation .termContent .rightTerm .contentAlign7 .button-a{
    display:block;
    height:35px;
    line-height:35px;
	float:right;
	margin-top:-12.5px;
	margin-left:20px;
    text-align:center;
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .personal-infomation .termContent .rightTerm .contentAlign7 .button-a:hover{
	background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
	color:#FFFFFF !important;
  }
  .personal-infomation .termContent .rightTerm .contentAlign6 div{
	margin-left:20px;
  }
  .personal-infomation .termContent .rightTerm .additionalInfo{
	width:100%;
	margin-top:50px;
	background:#E8EBE6;
  }
  .personal-infomation .termContent .rightTerm .additionalInfo2{
    width:100%;
    background:#E8EBE6;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .contentImg{
	width:83px;
	height:83px;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .parentImage{
    position: relative;
    display: inline-block;
	width:83px;
	height:83px;
	float:left;
	margin-left:30px;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .parentImage .deleteImg{
    position: absolute;
    top:0;
    right:0;
    max-width:16px;
    max-height:16px;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .showLogo{
    display: block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
  }
  .personal-infomation .termContent .rightTerm .contentAlign5 .contentImg{
	width:30px;
	height:30px;
	margin-top:40px;
	margin-left:10px;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4  .imageTip{
	display:inline-block;
	margin-top:40px;
	margin-left:10px;
	color:#7A7A7A;
  }
  .personal-infomation .termContent .rightTerm .labelType{
	float:left;
	font-size:16px;
  }
  .personal-infomation .termContent .rightTerm .labelType img{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
  }
  .personal-infomation .termContent .rightTerm .formalSelect{
    width:260px;
    height: 30px;
    margin-left:30px;
    line-height: 30px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .personal-infomation .termContent .rightTerm .inputText{
	width:250px;
	height:35px;
	margin-top:-40px;
    padding-left:10px;
    background: #E0E0E0;
	border-radius:5px !important;
	border:0;
  }
  .personal-infomation .termContent .rightTerm .inputScale{
    width:100%;
    height:35px;
    margin-top:-40px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .personal-infomation .termContent .rightTerm .inputText2{
    width:300px;
    height:35px;
    margin-top:-40px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .personal-infomation .termContent .rightTerm .areaText{
	width:500px;
	height:100px;
	margin-top:-5px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
	border-radius:5px !important;
	border:0;
    resize: none;
  }
  .personal-infomation .termContent .rightTerm .textareaType{
    width:850px;
    height:100px;
    margin-top:-5px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
    resize: none;
  }
  .personal-infomation .termContent .rightTerm .textareaType2{
    width:700px;
    height:100px;
    margin-top:-5px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
    resize: none;
  }
  .personal-infomation .termContent .rightTerm .contentAlign2 .lineStyle{
	width:30px;
	height:35px;
	margin-top:-20px;
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px solid #333;
  }
  .personal-infomation .termContent .rightTerm .contentAlign3 .lineStyle{
	width:30px;
	height:35px;
	margin-top:-20px;
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px solid #333;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .lineStyle{
	width:30px;
	height:35px;
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px solid #333;
  }
  .personal-infomation .termContent .rightTerm .contentAlign5 .lineStyle{
	width:30px;
	height:35px;
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px solid #333;
  }
  .personal-infomation .termContent .rightTerm .inputTerm{
	width:20px;
	height:20px;
	float:right;
	margin-right:20px;
	margin-top:15px;
  }
  .personal-infomation .termContent .rightTerm .term-edit{
    width:70px;
    height:25px;
    float:right;
    margin-right:20px;
    margin-top:10px;
    line-height:25px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background:#FFFFFF;
    color:#3B8E7D;
  }
  .personal-infomation .termContent .rightTerm .labelTerm{
	display:block-inline;
  }
  .personal-infomation .termContent .rightTerm .labelTerm .term-span2{
    display: inline-block;
    max-width:600px !important;
    vertical-align:middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .personal-infomation .termContent .rightTerm input:checked + span{
	color:#4598B4;
	font-weight:bold;
  }
  .personal-infomation .termContent .rightTerm input:checked + span +span{
	color:#4598B4;
	font-weight:bold;
  }
  .personal-infomation .termContent .rightTerm .labelTerm img{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
  }
  .personal-infomation .termContent .rightTerm .productModels{
	width:90%;
	height:300px;
	margin-top:20px;
	margin-left:80px;
	line-height:50px;
	border:1px solid #ccc;
	border-radius:10px;
  }
  .personal-infomation .termContent .product-info{
	width:100%;
	height:20px;
	background:#F2F2F2;
  }
  .personal-infomation .termContent .productWrap-info{
    display: none;
  }
  .personal-infomation .termContent .self-brand{
	float:left;
	margin-left:30px;
	margin-top:5px;
	color:#414141;
  }
  .personal-infomation .termContent .self-name{
	float:left;
	margin-left:230px;
	margin-top:5px;
	color:#414141;
  }
  .personal-infomation .termContent .self-model{
	float:right;
	margin-right:30px;
	margin-top:5px;
	color:#414141;
  }
  .personal-infomation .termContent .rightTerm .service-h3{
	text-align:center;
	color:#414141;
  }
  .personal-infomation .termContent .rightTerm .term-question{
	line-height:30px;
    border-bottom: 1px solid #ccc;
  }
  .personal-infomation .termContent .rightTerm .term-question .service-title{
	display:block;
	margin-top:20px;
	background-color: #D9DCD7;
	font-weight:bold;
  }
  .personal-infomation .termContent .rightTerm .term-question .service-sub{
	font-weight:bold;
  }
  .personal-infomation .termContent .rightTerm .term-question .service-sub2{
	display:inline-block;
	margin-top:20px;
	font-weight:bold;
  }
  .personal-infomation .termLiList{
	float:left;
	width:15%;
	height:80%;
	margin-top:30px;
	margin-left:20px;
  }
  .personal-infomation .termLiList .li-label{
	display:inline-block;
	margin-top:40px;
  }
  .personal-infomation .termLiList .ulMenu{
	width:100%;
	height:90%;
	overflow: auto;
	line-height:30px;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .personal-infomation .selfLast{
	float:left;
	width:120px;
	height:35px;
	line-height:35px;
	margin-top:30px;
	margin-left:25%;
	text-align:center;
	border:1px solid #ccc;
	background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff;
  }
  .personal-infomation .selfLast a{
	color:#fff;
  }
  .personal-infomation .selfLast a:hover{
	color:#fff !important;
  }
  .personal-infomation .selfLast:hover{
    color:#fff !important;
	background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .personal-infomation .selfNext{
	float:left;
	width:120px;
	height:35px;
	line-height:35px;
	margin-top:30px;
	margin-left:30px;
	text-align:center;
	border:1px solid #ccc;
	background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff;
  }
  .personal-infomation .selfNext a{
	color:#fff;
  }
  .personal-infomation .selfNext a:hover{
	color:#fff !important;
  }
  .personal-infomation .selfNext:hover{
    color:#fff !important;
	background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .personal-infomation .selfNextTwo{
	float:left;
	width:120px;
	height:35px;
	line-height:35px;
	margin-top:30px;
	margin-left:28%;
	text-align:center;
	border:1px solid #ccc;
	background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff;
  }
  .personal-infomation .selfNextTwo a{
	color:#fff;
  }
  .personal-infomation .selfNextTwo a:hover{
	color:#fff !important;
  }
  .personal-infomation .selfNextTwo:hover{
    color:#fff !important;
	background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .personal-infomation .submitSure{
    display:block !important;
    clear: both;
    width:730px;
    line-height:1.5em;
    padding-top:20px;
    margin-left:25%;
    color: indianred;
  }
  .personal-infomation .term-material{
    width: 100%;
	margin-top:30px;
  }
  .personal-infomation .term-material .material-file{
    margin-bottom:20px;
   }
  .personal-infomation .term-material .material-file dl{
    height:40px;
  }
  .personal-infomation .term-material .material-file .file-span{
    line-height:30px;
	margin-left:15px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    border-radius: 5px !important;
    text-align: center;
    background: #DFF5FF;
    color:#3F8AE1;
  }
  .personal-infomation .term-material .material-file .file-span img{
	display:inline-block;
    max-width:16px;
    max-height:16px;
	margin-top:20px !important;
	margin-left:10px;
  }
  .personal-infomation .term-material .term-a{
	display:block;
    width:140px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .personal-infomation .material-explain{
    width: 100%;
    color:red;
  }
  .personal-infomation .material-explain .explain-first{
    margin-top:-23px !important;
  }
  .personal-infomation .material-explain .explain-other{
    display:block;
    margin-left:42px;
    text-align: start;
    margin-top:0.7em;
    line-height:1.2;
  }
  .selfWrap-review{
    display: none;
  }
  .self-review{
	width:70%;
	height:88vh;
	overflow:hidden;
	margin-left:200px;
  }
  .self-review h3{
	margin-top:20px;
	margin-left:10px;
  }
  .self-review .self-content{
	margin-top:50px;
	margin-left:50px;
	line-height:50px;
  }
  .self-review .self-content label{
	font-size:16px;
  }
  .self-review .self-result{
	margin-top:50px;
	margin-left:50px;
  }
  .self-review .self-result p{
	font-size:30px;
	text-align:center;
  }
  .self-review .self-result .result-link{
	margin-top:50px;
	margin-left:50px;
	line-height:35px;
  }
  .self-review .self-result .result-link a{
	color:#4598B4;
  }
  .self-review .self-result .result-link a:hover{
	color:blue !important;
  }
  .self-review .self-result .result-title{
	width:100%;
	height:30px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
  }
  .self-review .self-result .result-list{
	width:100%;
	height:65vh;
    line-height: 40px;
	margin-top:30px;
	overflow:hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .self-review .self-result .result-list dl{
	line-height:40px;
  }
  .self-review .self-result .result-list .result-span{
	float:left;
	margin-left:10px;
	font-weight:bold;
	line-height:30px;
  }
  .self-review .self-result .result-list .result-span2{
	display: inline-block;
    max-width:300px !important;
    margin-left:10px;
    font-weight:bold;
    line-height:30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .self-review .self-result .result-list .result-success{
	float:right;
	margin-right:50px;
	line-height:30px;
	color:#126B7F;
  }
  .self-review .self-result .result-list .result-fail{
	float:right;
    margin-right:159px;
    line-height:30px;
	color:#F14A4A;
  }
  .self-review .self-result .result-list .result-a{
	height:30px;
	float:right;
	margin-right:10px;
	background:#126B7F;
	color:#fff;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid transparent;
	border-radius:5px;
  }
  .self-review .self-result .result-list .result-b{
    height:30px;
    float:right;
    margin-right:10px;
    background:#fff;
    color:#126B7F;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #126B7F;
    border-radius:5px;
  }
  .self-review .self-result .result-list .result-aFail{
	height:30px;
	float:right;
	margin-right:10px;
	background:#fff;
    color:#126B7F;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #126B7F;
    border-radius:5px;
  }
  .self-review .self-result .result-list .result-a:hover{
	background:#3D90FF !important;
	color:#fff !important;
  }
  .self-review .self-result .result-list .result-b:hover{
    color:#3D90FF !important;
  }
  .self-review .self-result .result-more{
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:30px;
  }
  .self-review .self-result .result-more .result-a{
	height:30px;
	margin-left:30px;
	background:#126B7F;
	color:#fff;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid transparent;
	border-radius:5px;
  }
  .self-review .self-result .result-describe{
    display:flex;
    justify-content:center;
    align-items:center;
    line-height:30px;
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .self-review .self-result .result-describe span{
    font-weight: bold;
  }
  .self-review .self-result .result-describe a{
    color:#126B7F;
  }
  .self-review .self-result .result-more .result-a:hover{
	background:#3D90FF !important;
	color:#fff !important;
  }
  .modal-body{
	max-height:65vh;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
    border-radius: 5px;
  }
  .modal-body .service-label{
	float:right;
	margin-top:-15px;
	color:#333;
  }
  .modal-body .service-termId{
	margin-right:20px;
  }
  .modal-body .service-h3{
	text-align:center;
	color:#333;
  }
  .modal-body .service-sub{
	font-weight:bold;
  }
  .modal-body .service-radio{
	margin-top:-4px;
  }
  .modal-body .form-user{
    height: 50px;
    line-height: 50px;
  }
  .modal-body .form-user .control-label{
	width:120px;
	text-align:right;
	padding-right:10px;
  }
  .modal-body .form-user .modal-select{
    width:260px;
    height: 35px;
    border:1px solid #D1D1D1;
    border-radius: 5px !important;
	padding-left:10px;
	padding-right:10px;
  }
  .modal-body .form-user .modal-input{
    width:260px;
    height: 35px;
    border:1px solid #D1D1D1;
    border-radius: 5px !important;
	padding-left:10px;
	padding-right:10px;
  }
  .modal-body .form-user .modal-input2::-webkit-input-placeholder{
    color:red;
  }
  .modal-body .form-user .modal-input2::-moz-placeholder{
    color:red;
  }
  .modal-body .form-user .modal-input2::-ms-input-placeholder{
    color:red;
  }
  .modal-body .form-projectSet{
	float:left;
	width:49.7%;
	height:60vh;
	border:1px solid #D1D1D1;
	border-radius:5px !important;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .modal-body .form-projectSet .projectSet-input{
	width:350px;
	height:35px;
	margin-top:10px;
	margin-left:10px;
    padding-left:10px;
	border:1px solid grey;
	border-radius:5px !important;
  }
  .modal-body .form-projectSet .projectSet-search{
	display:inline-block;
	width:25px;
    height: 25px;
	margin-top:10px;
  }
  .modal-body .form-projectSet .projectSet-table{
	margin-top:20px;
  }
  .modal-body .form-projectSet .projectSet-table th:first-child{
	width:220px;
	height:30px;
	text-align:center;
  }
  .modal-body .form-projectSet .projectSet-table th{
	width:90px;
	height:30px;
	text-align:center;
  }
  .modal-body .form-projectSet .projectSet-table tr td:first-child{
	width:220px;
	max-width:220px;
	height:30px;
	text-align:left;
	padding-left:10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: pointer;
  }
  .modal-body .form-projectSet .projectSet-table tr td{
	width:90px;
	height:30px;
	text-align:center;
  }
  .modal-body .form-projectSet .projectSet-table .table-img{
    display:inline-block;
    vertical-align: middle;
    width:20px;
    height:22px;
    margin-right:10px;
  }
  .modal-body .form-projectSet .projectSet-table .table-checkbox{
	margin-top:-3px;
	margin-left:5px;
  }
  .modal-body .form-projectAdd{
	float:right;
	width:49.7%;
	height:60vh;
	border:1px solid #D1D1D1;
	border-radius:5px !important;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .modal-body .form-projectAdd .projectAdd-label{
	margin-top:20px;
	margin-left:10px;
  }
  .modal-body .form-projectAdd .projectAdd-size{
	color:#319EEC;
  }
  .modal-body .form-projectAdd .projectAdd-ul{
	margin-top:20px;
  }
  .modal-body .form-projectAdd .projectAdd-ul .select-li{
	height:30px;
	line-height:30px;
	padding-left:10px;
  }
  .modal-body .form-projectAdd .projectAdd-ul .select-li .table-img{
    display:inline-block;
    vertical-align: middle;
    width:20px;
    height:22px;
    margin-right:10px;
  }
  .modal-body .form-projectAdd .projectAdd-ul .select-li span:first-child{
	display:block;
	float:left;
	width:220px;
	max-width:220px;
	height:30px;
	text-align:left;
	color:black;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: pointer;
  }
  .modal-body .form-projectAdd .projectAdd-ul .select-li span{
	float:left;
	width:70px;
	height:30px;
	color:#319EEC;
	text-align:center;
  }
  .modal-body .form-projectAdd .projectAdd-ul .select-li .empty-span{
	float:left;
	width:70px;
	height:30px;
	color:#fff;
	text-align:center;
  }
  .modal-body .form-projectAdd .projectAdd-ul .select-li a{
	font-size:20px;
  }
  .modal-body .form-projectAdd .projectAdd-ul .select-li a:hover{
	color:red !important;
	text-decoration: none;
  }
  .modal-body .form-label{
	height:60px;
	line-height:25px;
  }
  .modal-body .form-label label{
	color:#A7A7A7;
  }
  .modal-body .form-label2{
	height:30px;
	line-height:30px;
	color:#A7A7A7;
  }
  .modal-body .form-label2 label{
	font-weight:bold;
  }
  .modal-footer .user-cancel{
	width:140px;
	height:32px;
	line-height:32px;
	background:transparent;
	color:#0C6680;
	border:1px solid #0C6680;
	border-radius:5px !important;
  }
  .modal-footer .user-sure{
	width:140px;
	height:32px;
	line-height:32px;
	margin-left:20px;
	background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
	color:#FFFFFF;
	border:0px;
	border-radius:5px !important;
  }
  .modal-footer .user-sure:hover{
	background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
	color:#FFFFFF !important;
  }
  .verify-detail{
    width:100%;
    height:80vh;
  }
  .verify-detail .left-content{
    width:65%;
	float:left;
	height:80vh;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .verify-detail .left-content .term-subject{
	line-height:30px;
    border-bottom: 1px solid #ccc;
  }
  .verify-detail .left-content .term-subject .service-h3{
	margin-top:30px;
	text-align:center;
	color:#414141;
  }
  .verify-detail .left-content .term-subject .service-title{
	display:block;
	width:97%;
	margin-top:20px;
	background-color: #D9DCD7;
	font-weight:bold;
  }
  .verify-detail .left-content .term-subject .service-sub{
	font-weight:bold;
  }
  .verify-detail .left-content .term-subject .service-sub2{
	display:inline-block;
	margin-top:20px;
	font-weight:bold;
  }
  .verify-detail .left-content .term-file{
	display: inline-block;
  }
  .verify-detail .left-content .term-file dl{
    height: 25px;
  }
  .verify-detail .left-content .term-file span{
	height: 40px;
    line-height: 40px;
	margin-left:5px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    border-radius: 5px !important;
    text-align: center;
    background: #DFF5FF;
    color:#3F8AE1;
	font-size:12px;
  }
  .verify-detail .left-content .term-download{
    height: 50px;
    max-height: 50px;
    line-height:30px;
  }
  .verify-detail .left-content .term-download .download-a{
    display: block;
    width:150px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px !important;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .verify-detail .left-content .term-download .download-a:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .verify-detail .left-content .term-download .download-span{
    display: block;
    float:right;
    margin-right: 3%;
    color: #0D6780;
  }
  .verify-detail .left-content .term-download .download-span2{
    display: block;
    float:right;
    margin-right: 10px;
  }
  .verify-detail .left-content .term-download .download-radio{
    display: block;
    float:right;
    margin-right: 3.5%;
  }
  .verify-detail .left-content .term-download .download-radio label{
    margin-left:5px;
  }
  .verify-detail .left-content .term-download .download-radio input{
    margin-top: -2px;
  }
  .verify-detail .left-content .term-textarea{
    width:97%;
    height:80px;
    margin-top:5px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border:0;
    font-size:12px;
    resize: none;
  }
  .verify-detail .right-content{
    width:35%;
    float:left;
	height:80vh;
  }
  .verify-detail .right-content .project-detail{
    width:95%;
	height:45vh;
	line-height:10px !important;
    margin-top:-40px;
	padding-top:20px;
	background:#D9DCD7;
	overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .verify-detail .right-content .project-detail .detail-span{
    display: inline-block;
    margin-left:20px;
    vertical-align: top;
    line-height: 1.3em;
  }
  .verify-detail .right-content .project-detail .detail-span2{
	display:block;
	width:90%;
    margin-top:5px;
    margin-left:20px;
	padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
	background:#E2E5E0;
	font-size:12px;
  }
  .verify-detail .right-content .project-detail .final-textarea{
    margin-left:20px;
    width:90%;
    height:60px;
    margin-top:5px;
    padding-top:5px;
    padding-left:10px;
    background: #E2E5E0;
    border:0;
	font-size:12px;
    resize: none;
  }
  .verify-detail .right-content .project-detail .material-show{
    height: auto;
  }
  .verify-detail .right-content .project-detail .material-show dl{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .verify-detail .right-content .project-detail .material-show .file-span{
    max-width: 52%;
    height: 25px;
    line-height: 25px;
    margin-top: -10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    border-radius: 5px !important;
    text-align: center;
    background: #DFF5FF;
    color:#3F8AE1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .verify-detail .right-content .project-detail .material-show .file-span img{
    display:inline-block;
    max-width:16px;
    max-height:16px;
    margin-right:5px;
  }
  .verify-detail .right-content .project-detail .submit-operator{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .verify-detail .right-content .project-detail .submit-operator .operator-a{
    display:block;
    width:200px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px !important;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .verify-detail .right-content .project-detail .submit-operator .operator-a:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .verify-detail .right-content .verify-operator{
    width:95%;
	height:40vh;
	margin-top:10px;
	padding-top:20px;
	background:#D9DCD7;
	overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .verify-detail .right-content .verify-operator dt{
    margin-left:20px;
  }
  .verify-detail .right-content .verify-operator dd{
    margin-left:20px;
  }
  .verify-detail .right-content .verify-operator .inputText{
    width:150px;
	height:30px;
	border-radius:5px !important;
	border:1px solid #606060;
  }
  .verify-detail .right-content .verify-operator .operator-textarea{
    width:95%;
    height:60px;
    margin-top:5px;
    padding-top:5px;
    padding-left:10px;
    background: #E2E5E0;
    border:0;
	font-size:12px;
    resize: none;
  }
  .verify-detail .right-content .verify-operator .submit-operator{
	width:100%;
	display:flex;
    align-items:center;
    justify-content:center;
  }
  .verify-detail .right-content .verify-operator .submit-operator .operator-a{
	display:inline-block;
	width:200px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #3B8E7D;
	border-radius:5px !important;
	background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
	color:#FFFFFF;
  }
  .verify-detail .right-content .verify-operator .submit-operator .operator-a:hover{
	background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
	color:#FFFFFF !important;
  }
  .verify-detail .right-content .verify-operator .submit-operator .operator-image{
    display:inline-block;
    width: 25px;
    height: 25px;
    margin-left: 5px;
  }
  .verify-detail .right-content .verify-operator .submit-operator .operator-image2{
    display:inline-block;
    width: 25px;
    height: 25px;
    margin-left: 5px;
  }
  .verify-detail .right-content .verify-operator .material-show{
    height: auto;
  }
  .verify-detail .right-content .verify-operator .material-show dl{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .verify-detail .right-content .verify-operator .material-show .file-span{
    max-width: 52%;
    height: 25px;
    line-height: 25px;
    margin-top: -10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    border-radius: 5px !important;
    text-align: center;
    background: #DFF5FF;
    color:#3F8AE1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .verify-detail .right-content .verify-operator .material-show .file-span img{
    display:inline-block;
    max-width:16px;
    max-height:16px;
    margin-right:10px;
  }
  .dl-div{
    width: 30%;
  }
  .checkErr{
    display: inline-block;
    color: #ff0000;
  }
  .project-info{
    width:90%;
    height:80vh;
    overflow:hidden;
    margin-left:100px;
    background:transparent !important;
  }
  .project-info .termContent{
    float:left;
    width:90%;
    height:75vh;
    margin-top:-5px;
    margin-left:-20px;
    border-left:1px solid #ccc;
  }
  .project-info .termContent .projectInfoTitle{
    line-height:35px;
    background: #E1E1E1;
  }
  .project-info .termContent .projectInfoTitle span{
    margin-left:30px;
    font-size:14px;
    color:#262626;
  }
  .project-info .termContent .rightTitle{
    display: flex;
    line-height:35px;
    margin-left:50px;
    padding-left: 5px;
    align-items: center;
    border-bottom:1px solid grey;
  }
  .project-info .termContent .rightTitle span{
    font-size:18px;
    font-weight:bold;
  }
  .project-info .termContent .rightTitle span:first-child{
    width: 200px;
    max-width: 200px;
  }
  .project-info .termContent .rightTitle span img{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    margin-left:5px;
  }
  .project-info .termContent .rightTitle .submit-tip{
    text-align: right;
    line-height: 1.3em;
    font-size:12px;
    white-space: pre-wrap;
    color: indianred;
  }
  .project-info .termContent .rightTerm{
    width:100%;
    height:90%;
    margin-top:20px;
    margin-left:30px;
    line-height:50px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .project-info .termContent .rightTerm .contentAlign4{
    margin-top:5px;
    margin-left:30px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .project-info .termContent .rightTerm .contentTop{
    margin-top:20px !important;
  }
  .project-info .termContent .rightTerm .contentAlign5{
    margin-left:30px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .project-info .termContent .rightTerm .contentAlign7{
    margin-top:10px;
    margin-left:25px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .project-info .termContent .rightTerm .contentAlign7 .button-a{
    display:block;
    height:35px;
    line-height:35px;
    float:right;
    margin-left:20px;
    text-align:center;
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #3B8E7D;
    border-radius:5px !important;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .project-info .termContent .rightTerm .contentAlign7 .button-a:hover{
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .project-info .termContent .rightTerm .additionalInfo{
    width:100%;
    margin-top:50px;
    padding-bottom: 15px;
    background:#E8EBE6;
  }
  .project-info .termContent .rightTerm .additionalInfo .contentAlign5:first-child{
    padding-top:15px;
  }
  .project-info .termContent .rightTerm .additionalInfo2{
    width:100%;
    margin-top: -20px;
    padding-bottom: 15px;
    background:#E8EBE6;
  }
  .project-info .termContent .rightTerm .additionalInfo2 .contentAlign5:first-child{
    padding-top:15px;
  }
  .project-info .termContent .rightTerm .contentAlign4 .contentImg{
    width:83px;
    height:83px;
  }
  .project-info .termContent .rightTerm .contentAlign4 .parentImage{
    position: relative;
    display: inline-block;
    width:83px;
    height:83px;
    float:left;
    margin-left:30px;
  }
  .project-info .termContent .rightTerm .contentAlign4 .parentImage .deleteImg{
    position: absolute;
    top:0;
    right:0;
    max-width:16px;
    max-height:16px;
  }
  .project-info .termContent .rightTerm .contentAlign4 .showLogo{
    display: block;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
  }
  .project-info .termContent .rightTerm .contentAlign5 .contentImg{
    width:30px;
    height:30px;
    margin-top:25px;
    margin-left:10px;
  }
  .project-info .termContent .rightTerm .contentAlign4  .imageTip{
    display:inline-block;
    margin-top:40px;
    margin-left:10px;
    color:#7A7A7A;
  }
  .project-info .termContent .rightTerm .labelType{
    float:left;
    font-size:16px;
  }
  .project-info .termContent .rightTerm .labelType img{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
  }
  .project-info .termContent .rightTerm .formalSelect{
    width:260px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .project-info .termContent .rightTerm .inputText{
    width:250px;
    height:35px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .project-info .termContent .rightTerm .inputScale{
    width:100%;
    height:35px;
    margin-top:-40px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .project-info .termContent .rightTerm .inputText2{
    width:300px;
    height:35px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .project-info .termContent .rightTerm .areaText{
    width:500px;
    height:100px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
    resize: none;
  }
  .project-info .termContent .rightTerm .textareaType{
    width:850px;
    height:100px;
    margin-top:-5px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
    resize: none;
  }
  .project-info .termContent .rightTerm .textareaType2{
    width:700px;
    height:100px;
    margin-top:-5px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
    resize: none;
  }
  .project-info .termContent .rightTerm .contentAlign4 .lineStyle{
    width:30px;
    height:35px;
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #333;
  }
  .project-info .termContent .rightTerm .contentAlign5 .lineStyle{
    width:30px;
    height:35px;
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #333;
  }
  .project-info .termContent .rightTerm .inputTerm{
    float:right;
    width:20px;
    height:20px;
    margin-right:30px;
    margin-top:0px;
  }
  .project-info .termContent .rightTerm .term-edit{
    width:70px;
    height:25px;
    float:right;
    margin-right:20px;
    margin-top:10px;
    line-height:25px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px !important;
    background:#FFFFFF;
    color:#3B8E7D;
  }
  .project-info .termContent .rightTerm .labelTerm{
    display:block-inline;
  }
  .project-info .termContent .rightTerm .labelTerm .term-span2{
    display: inline-block;
    max-width:400px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .project-info .termContent .rightTerm .labelTerm span{
    margin-left: 30px;
    vertical-align:middle;
  }
  .project-info .termContent .rightTerm input:checked + span{
    color:#4598B4;
    font-weight:bold;
  }
  .project-info .termContent .rightTerm input:checked + span +span{
    color:#4598B4;
    font-weight:bold;
  }
  .project-info .termContent .rightTerm .labelTerm img{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
  }
  .project-info .termContent .rightTerm .productModels{
    width:90%;
    height:300px;
    margin-top:20px;
    margin-left:80px;
    line-height:50px;
    border:1px solid #ccc;
    border-radius:10px !important;
  }
  .project-info .termContent .product-info{
    width:100%;
    height:20px;
    background:#F2F2F2;
  }
  .project-info .termContent .self-brand{
    float:left;
    margin-left:55px;
    margin-top:5px;
    color:#414141;
  }
  .project-info .termContent .self-name{
    float:left;
    margin-left:230px;
    margin-top:5px;
    color:#414141;
  }
  .project-info .termContent .self-model{
    float:right;
    margin-right:30px;
    margin-top:5px;
    color:#414141;
  }
  .project-info .termContent .rightTerm .service-h3{
    text-align:center;
    color:#414141;
  }
  .project-info .termContent .rightTerm .term-question{
    width: 94%;
    margin-left: 25px;
    line-height:30px;
    border-bottom: 1px solid #ccc;
  }
  .project-info .termContent .rightTerm .term-question .service-title{
    display:block;
    margin-top:20px;
    background-color: #D9DCD7;
    font-weight:bold;
  }
  .project-info .termContent .rightTerm .term-question .service-sub{
    font-weight:bold;
  }
  .project-info .termContent .rightTerm .term-question .service-sub2{
    display:inline-block;
    margin-top:20px;
    font-weight:bold;
  }
  .project-info .footer-div{
    width: 100%;
    height:50px;
    margin-top:-15px !important;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .project-info .footer-div .selfLast{
    width:120px;
    height:35px;
    line-height:35px;
    text-align:center;
    border:1px solid #ccc;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff;
  }
  .project-info .footer-div .selfLast a{
    color:#fff;
  }
  .project-info .footer-div .selfLast a:hover{
    color:#fff !important;
  }
  .project-info .footer-div .selfLast:hover{
    color:#fff !important;
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .project-info .footer-div .selfNext{
    width:120px;
    height:35px;
    line-height:35px;
    margin-left:30px;
    text-align:center;
    border:1px solid #ccc;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff !important;
  }
  .project-info .footer-div .selfNext a{
    color:#fff;
  }
  .project-info .footer-div .selfNext a:hover{
    color:#fff !important;
  }
  .project-info .footer-div .selfNext:hover{
    color:#fff !important;
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .project-info .selfNextTwo{
    width:120px;
    height:35px;
    line-height:35px;
    margin-top: 5px;
    text-align:center;
    border:1px solid #ccc;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff !important;
  }
  .project-info .footer-div .selfNextTwo a{
    color:#fff;
  }
  .project-info .footer-div .selfNextTwo a:hover{
    color:#fff !important;
  }
  .project-info .footer-div .selfNextTwo:hover{
    color:#fff !important;
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .project-info .term-material{
    width: 100%;
    margin-top:30px;
  }
  .project-info .term-material .material-file{
    display: inline-block;
    margin-top: -20px;
  }
  .project-info .term-material .material-file dl{
    height: 25px;
  }
  .project-info .term-material .material-file .file-span{
    height: 40px;
    line-height: 40px;
    margin-left:25px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    border-radius: 5px !important;
    text-align: center;
    background: #DFF5FF;
    color:#3F8AE1;
  }
  .project-info .term-material .material-file .file-span img{
    display:inline-block;
    max-width:16px;
    max-height:16px;
    margin-left:10px;
  }
  .project-info .term-material .term-a{
    display:block;
    width:140px;
    height:30px;
    margin-left: 25px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px !important;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .project-info .material-explain{
    width: 100%;
    color:red;
    margin-left: 25px;
  }
  .project-info .material-explain .explain-first{
    margin-top:-33px !important;
  }
  .project-info .material-explain .explain-other{
    display:block;
    margin-left:42px;
    text-align: start;
    margin-top:0.7em;
    line-height:1.2;
  }






  .page-top .top-menu  .language {
    position: relative;
    width: 50px;
    height: 50px;
    float: right;
    padding: 0 10px;
    margin-top:8px;
    margin-right:20px;
    cursor: pointer;
  }
  .page-top .top-menu  .language .txt-ico {
    width: 24px;
    height: 24px;
    line-height: 20px;
    margin: 3px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e61d4c;
    border-radius: 100%;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    text-align: center;
  }
  .page-top .top-menu  .language .serviceList-box {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    width: 110px;
    background: #C2D8EB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 13px;
  }
  .page-top .top-menu  .language .serviceList-box a {
    display: block;
    line-height: 26px;
    color: #fff;
  }
  .page-top .top-menu .languageSpan {
	position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
	float: right;
	margin: 15px 20px 0 10px;
	color:#fff;
  }
  .page-top .top-menu .languageSpanCN {
	position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
	float: right;
	margin: 15px -5px 0 10px;
	color:#fff;
  }
  .page-top .top-menu .serviceSwitch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
	float: right;
	margin: 15px 20px 0 10px;
    cursor: pointer;
  }
  .page-top .top-menu .serviceSwitch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  .page-top .top-menu .serviceSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .page-top .top-menu .serviceSlider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .page-top .top-menu .serviceSliderCN {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .page-top .top-menu .serviceSliderCN:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    right: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  input:checked + .serviceSlider {
    background-color: #2196F3;
  }
  input:checked + .serviceSlider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
  }
  input:checked + .serviceSliderCN {
    background-color: #ccc;
  }
  input:checked + .serviceSliderCN:before {
    -webkit-transform: translateX(-13px);
    -ms-transform: translateX(-13px);
    transform: translateX(-13px);
  }
  .page-top .top-menu .serviceSlider.serviceRound {
    border-radius: 13px;
  }
  .page-top .top-menu .serviceSlider.serviceRound:before {
    border-radius: 50%;
  }
  .page-top .top-menu .serviceSliderCN.serviceRound {
    border-radius: 13px;
  }
  .page-top .top-menu .serviceSliderCN.serviceRound:before {
    border-radius: 50%;
  }
  .page-content-wrapper .page-content h3{
	margin-top:-10px;
	font-size:20px;
	font-weight:bold;
  }
  .page-content-wrapper .page-content .page-image{
    float:left;
    width:20px;
    height: 20px;
    margin-top:30px;
    margin-left:30px;
  }
  .page-content-wrapper .page-content .page-download{
    float: left;
    margin-top:30px;
    margin-left: 5px;
    color:#126B7F;
  }
  .page-content-wrapper .page-content .addProduct{
	width:150px;
	height:40px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
	color:white;
	border:0;
	border-radius:5px !important;
  }
  .page-content-wrapper .page-content .addProduct:hover{
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .page-content-wrapper .page-content .addProduct2{
    width:200px;
    height:40px;
    line-height:40px;
    float:left;
    margin-top:20px;
    margin-left:20px;
    text-align: center;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:white;
    border:0;
    border-radius:5px !important;
  }
  .page-content-wrapper .page-content .addProduct2:hover{
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:white !important;
  }
  .page-content-wrapper .page-content .self-select{
    position:relative;
    float:left;
    width:150px;
    height:37px;
    margin-left:50px;
    margin-top:20px;
    border:1px solid #ccc;
    border-radius:5px !important;
  }
  .page-content-wrapper .page-content .process-div{
    position:relative;
    float:left;
    margin-left: 25px;
    max-width:500px;
  }
  .page-content-wrapper .page-content .process-div .batch-process{
    float:left;
  }
  .page-content-wrapper .page-content .search-div{
    position:relative;
    float:right;
    margin-right: 25px;
    max-width:300px;
  }
  .page-content-wrapper .page-content .search-div .product-input{
	width:300px;
	height:40px;
	float:right;
	margin-top:20px;
	margin-right:3%;
    padding-left:10px;
	border:1px solid grey;
	border-radius:5px !important;
  }
  .page-content-wrapper .page-content .search-div .search-label{
    position:absolute;
    top:25px;
    right:20px;
    width:20px;
    border:0;
    background: transparent;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .page-content-wrapper .page-content .search-div .search-label::after{
    content:url('/images/front/search-ico3.png');
    height:100%;
    display:block;
  }
  .page-content-wrapper .page-content .product-button{
	width:80px;
	height:40px;
	float:right;
	margin-top:10px;
	margin-right:28px;
	border:0;
	border-radius:5px !important;
	background:#4598B4;
	color:#fff;
  }
  .page-content-wrapper .page-content .productContent{
	width:100%;
	height:70vh;
	float:left;
	margin-top:15px;
	margin-left:20px;
  }
  .page-content-wrapper .page-content .productContent .product-table{
	width:96%;
	height:95%;
	border:1px solid grey;
	margin-top:10px;
  }
  .page-content-wrapper .page-content .productContent .product-table th{
	height:35px;
	text-align:center;
  }
  .page-content-wrapper .page-content .productContent .product-table td{
	max-height:35px !important;
	text-align:center;
  }
  .page-content-wrapper .page-content .productContent .product-table td a{
	padding: 5px;
  }
  .page-content-wrapper .page-content .productContent .service-table{
    display: block;
    width:96%;
    height:95%;
    float:left;
    margin-top:10px;
    text-align: center;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .page-content-wrapper .page-content .productContent .service-table thead{
    width:100%;
  }
  .page-content-wrapper .page-content .productContent .service-table th:last-child{
    border-right:0px solid #fff;
  }
  .page-content-wrapper .page-content .productContent .service-table th{
    width:300px;
    border-right:0.5px solid #fff;
    background:#126B7F;
	padding-top:10px;
	padding-bottom:10px;
    line-height:15px;
    color:#fff;
	text-align:center;
  }
  .page-content-wrapper .page-content .productContent .service-table tr{
    height:45px;
    line-height:45px;
  }
  .page-content-wrapper .page-content .productContent .service-table tbody tr td{
    width:100px;
    max-width:100px;
    border:1px solid #ccc;
    height:35px;
    line-height:35px;
    font-size:12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: pointer;
  }
  .page-content-wrapper .page-content .productContent .service-table tbody tr td a{
    padding:10px 10px;
  }
  .fileinput .input-group .file-temp{
	margin-left:50px;
  }
  .alert-delete {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
	align-items:center;
	justify-content:center;
  }
  .alert-delete .alert-body{
    display: flex;
    width:30%;
    height:15vh;
    background:#fff;
    align-items:center;
    justify-content:center;
  }
  .alert-delete .alert-body span{
    display: inline-block;
  }
  .alert-delete .alert-body span:first-child{
    padding-left: 10px;
    padding-right: 10px;
  }
  .alert-delete .alert-body .alert-span{
    font-size: 14px;
    color:blue;
  }
  .alert-delete .delete-body{
    width:30%;
	height:25vh;
	background:#fff;
  }
  .alert-delete .delete-body .delete-title{
	width:95%;
	height:25px;
	margin-left:10px;
    border-bottom:1px solid black;
  }
  .alert-delete .delete-body .delete-title h3{
    margin-top:10px;
    margin-left:10px;
  }
  .alert-delete .delete-body .delete-content{
	display: flex;
	width:95%;
	height:100px;
	margin-left:10px;
	align-items:center;
	justify-content:center;
  }
  .alert-delete .delete-body .delete-footer{
	display: flex;
	width:95%;
	height:60px;
	margin-left:10px;
	align-items:center;
	justify-content:center;
  }
  .alert-delete .delete-body .delete-footer button{
	width:60px;
	height:30px;
	margin-right:10px;
	background:#126B7F;
	color:#fff;
	border:0;
  }
  .alert-delete .delete-body .return-title{
    width:95%;
    height:30px;
    line-height: 30px;
    margin-left:10px;
    border-bottom:1px solid black;
  }
  .alert-delete .delete-body .return-title h3{
    margin-top:10px;
    margin-left:10px;
    font-size: 16px;
    font-weight: bold;
  }
  .alert-add {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    align-items:center;
    justify-content:center;
  }
  .alert-add .personal-body{
    width:40%;
    height:50vh;
    border-radius: 20px;
    background:#fff;
  }
  .alert-add .personal-body .personal-title{
    width:90%;
    height:50px;
    margin-left:28px;
    border-bottom:1px solid lightgrey;
  }
  .alert-add .personal-body .personal-title h3{
    float: left;
    line-height: 50px;
    margin-top:10px;
    margin-left:10px;
    font-weight: bold;
  }
  .alert-add .personal-body .personal-title .closeImg{
    float: right;
    margin-top:20px;
    width:30px;
    height:30px;
  }
  .alert-add .personal-body .personal-search{
    display: flex;
    width:95%;
    height:80px;
    margin-top: 20px;
    margin-left:10px;
    align-items:center;
    justify-content:center;
  }
  .alert-add .personal-body .personal-search .personSpan{
    font-size: 14px;
    font-weight: bold;
  }
  .alert-add .personal-body .personal-search .personInput{
    width:300px;
    height:35px;
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid lightgrey;
    border-radius:5px;
  }
  .alert-add .personal-body .personal-search .searchLabel{
    display:inline-block;
    margin-left:10px;
    color:#4C6D9E;
  }
  .alert-add .personal-body .personal-info{
    display: flex;
    width:95%;
    max-height:200px;
    margin-left:10px;
    align-items:center;
    justify-content:center;
  }
  .alert-add .personal-body .personal-info dl{
    margin-left: -100px;
  }
  .alert-add .personal-body .personal-info dl dt{
    height: 50px;
    line-height: 40px;
  }
  .alert-add .personal-body .personal-info .personal-save{
    cursor: pointer;
    width: 90%;
    height: 30px;
    display: block;
    margin-top: 20px;
    margin-left: 60px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    border: 0;
    border-radius: 5px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color: #fff;
  }
  .alert-add .personal-body .personal-info .personal-save:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color: #fff;
  }
  .alert-renew {
    display: none;
    position: fixed;
    left: 0;
    top: 65%;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .5);
    transition-property: transform, opacity, top;
    z-index: 1;
    align-items:center;
    justify-content:center;
  }
  .alert-renew .renew-body{
    display: flex;
    width:100%;
    height:40vh;
    background:#ECFFF2;
    align-items:center;
    justify-content:center;
  }
  .alert-renew .renew-body .renew-left{
    float:left;
    width:60%;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .alert-renew .renew-body .renew-left .renew-content{
    width:60%;
    display: flex;
    align-items:left;
    justify-content:left;
  }
  .alert-renew .renew-body .renew-left .renew-content span{
    line-height: 1.5;
  }
  .alert-renew .renew-body .renew-right{
    float:right;
    width:40%;
    align-items:center;
    justify-content:center;
  }
  .alert-renew .renew-body .renew-right dl{
    display: flex;
    width:85%;
    height:52px;
    line-height: 1.2;
    margin-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    border:2px solid #357A94;
    border-radius: 3px;
    align-items:center;
    justify-content:center;
  }
  .alert-renew .renew-body .renew-right dl:first-child{
    margin-top: -15px !important;
  }
  .alert-renew .renew-body .renew-right .renew-a{
    font-size: 13px;
  }
  @font-face {
    font-family: 'notoSansHans-Bold';
    src: url('/SourceHanSansCN-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'sourceHanSans-Normal';
    src: url('/SourceHanSansCN-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  .license-info{
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .license-info .onlineEditZH{
    position: relative;
    background-image: url('/images/license_zh.png'); /* 设置背景图片 */
    background-size: cover; /* 背景图片覆盖整个元素 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: center center; /* 背景图片居中 */
    width:142vh;
    height:100.2vh;
  }
  .license-info .onlineEditTW{
    position: relative;
    background-image: url('/images/license_tw.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width:142vh;
    height:100.2vh;
  }
  .license-info .license-brand{
    position: absolute;
    width: 100%;
    height: 40px;
    top: 29vh;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .license-info .license-brand .editText{
    min-width: 0;
    width: auto;
    height: 40px;
    padding:5px 10px 5px 10px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'notoSansHans-Bold';
    font-size: 32px;
    color:white;
    text-align: center;
  }
  .license-info .license-terms{
    position: absolute;
    width: 100%;
    height: 45px;
    top: 39vh;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .license-info .license-terms .editLabel{
    display: -webkit-box;
    max-width: 650px;
    width: auto;
    height: 45px;
    line-height: 1.4em;
    padding:5px 10px 5px 10px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 18px;
    color:white;
    text-align: center;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    resize: none;
  }
  .license-info .license-terms .editTextarea{
    min-width: 650px;
    width: auto;
    height: 45px;
    line-height: 1.4em;
    padding:5px 10px 5px 10px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 18px;
    color:white;
    text-align: center;
    overflow: hidden;
    resize: none;
  }
  .license-info .license-terms2{
    position: absolute;
    width: 100%;
    height: 25px;
    top: 46vh;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .license-info .license-terms2 .term-content{
    font-size: 18px;
    color:white;
  }
  .license-info .license-models{
    position: absolute;
    width: 63%;
    height: 45px;
    line-height: 1.2em;
    top: 52.8vh;
  }
  .license-info .license-models .editLabel{
    display: -webkit-box;
    position: absolute;
    width: 250px;
    height: 45px;
    top:0.2vh;
    left:30.6vh;
    padding:3px 5px 3px 5px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 12px;
    color:white;
    text-align: center;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    resize: none;
  }
  .license-info .license-models .editLabel2{
    position: absolute;
    max-width: 100px;
    width: auto;
    height: 15px;
    left:75vh;
    padding:5px 5px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 12px;
    color:white;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    resize: none;
  }
  .license-info .license-models .editLabel5{
    position: absolute;
    max-width: 100px;
    width: auto;
    height: 15px;
    left:85.3vh;
    padding:5px 5px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 12px;
    color:white;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    resize: none;
  }
  .license-info .license-models .editTextarea{
    position: absolute;
    min-width: 250px;
    width: auto;
    height: 45px;
    left:30.8vh;
    padding:3px 5px 3px 5px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 12px;
    color:white;
    text-align: center;
    overflow: hidden;
    resize: none;
  }
  .license-info .license-models .editTextarea2{
    position: absolute;
    max-width: 100px;
    width: auto;
    height: 15px;
    left:75vh;
    padding:3px 5px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 12px;
    color:white;
    overflow: hidden;
    resize: none;
  }
  .license-info .license-models .editTextarea5{
    position: absolute;
    max-width: 100px;
    width: auto;
    height: 15px;
    left:85.3vh;
    padding:3px 5px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 12px;
    color:white;
    overflow: hidden;
    resize: none;
  }
  .license-info .second-models{
    position: absolute;
    height: 45px;
    width: 35%;
    line-height: 1.2em;
    top: 52.8vh;
    left:90vh;
  }
  .license-info .second-models .editLabel3{
    position: absolute;
    max-width: 100px;
    width: auto;
    height: 15px;
    padding:5px 5px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 12px;
    color:white;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    resize: none;
  }
  .license-info .second-models .editTextarea3{
    position: absolute;
    max-width: 100px;
    width: auto;
    height: 15px;
    padding:3px 5px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 12px;
    color:white;
    overflow: hidden;
    resize: none;
  }
  .license-info .license-Ebrand{
    position: absolute;
    width: 100%;
    top: 65.3vh;
  }
  .license-info .license-Ebrand .editText{
    min-width: 0;
    width: auto;
    height: 5px;
    margin-left: 14.5vh;
    padding:5px 10px 5px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 12px;
    font-weight: bold;
    color:white;
  }
  .license-info .license-Eterms-prefix{
    position: absolute;
    width: 100%;
    height: 25px;
    top: 67.2vh;
  }
  .license-info .license-Eterms-prefix .eterms-prefix{
    min-width: 450px;
    width: auto;
    height: 10px;
    margin-left: 14.5vh;
    padding:3px 10px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 10px;
    color:white;
    overflow: hidden;
    resize: none;
  }
  .license-info .license-Eterms{
    position: absolute;
    width: 100%;
    height: 25px;
    top: 68.7vh;
  }
  .license-info .license-Eterms .editLabel{
    display: -webkit-box;
    width: 450px;
    height: 18px;
    margin-left: 14.5vh;
    line-height: 1.0em;
    padding:3px 10px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 10px;
    color:white;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    resize: none;
  }
  .license-info .license-Eterms .editTextarea{
    width: 450px;
    height: 18px;
    margin-left: 14.5vh;
    line-height: 1.0em;
    padding:3px 10px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 10px;
    color:white;
    overflow: hidden;
    resize: none;
  }
  .license-info .license-Eterms-suffix{
    position: absolute;
    width: 100%;
    height: 25px;
    top: 71.2vh;
  }
  .license-info .license-Eterms-suffix .eterms-suffix{
    min-width: 450px;
    width: auto;
    height: 10px;
    margin-left: 14.5vh;
    padding:3px 10px 3px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 10px;
    color:white;
    overflow: hidden;
    resize: none;
  }
  .license-info .license-Emodels{
    position: absolute;
    width: 33%;
    height: 32px;
    line-height: 0.9em;
    top: 75vh;
  }
  .license-info .license-Emodels .editLabel{
    display: -webkit-box;
    position: absolute;
    width: 130px;
    height: 35px;
    left:13.8vh;
    padding:1px 2px 1px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 8px;
    color:white;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    resize: none;
  }
  .license-info .license-Emodels .editLabel2{
    position: absolute;
    max-width: 80px;
    width: auto;
    height: 10px;
    left:36vh;
    padding:1px 2px 1px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 8px;
    color:white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    resize: none;
  }
  .license-info .license-Emodels .editTextarea{
    position: absolute;
    width: 130px;
    height: 35px;
    left:13.8vh;
    padding:1px 2px 1px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 8px;
    color:white;
    overflow: hidden;
    resize: none;
  }
  .license-info .license-Emodels .editTextarea2{
    position: absolute;
    max-width: 80px;
    width: auto;
    height: 10px;
    left:36vh;
    padding:1px 2px 1px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 8px;
    color:white;
    overflow: hidden;
    resize: none;
  }
  .license-info .second-eModels{
    position: absolute;
    width: 63%;
    height: 32px;
    line-height: 0.9em;
    top: 75vh;
    left:48vh;
  }
  .license-info .second-eModels .editLabel3{
    position: absolute;
    max-width: 80px;
    width: auto;
    height: 10px;
    padding:1px 2px 1px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 8px;
    color:white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    resize: none;
  }
  .license-info .second-eModels .editTextarea3{
    position: absolute;
    max-width: 80px;
    width: auto;
    height: 10px;
    padding:1px 2px 1px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 8px;
    color:white;
    overflow: hidden;
    resize: none;
  }
  .license-info .license-date{
    position: absolute;
    width: 100%;
    height: 30px;
    top:82.5vh;
  }
  .license-info .license-date .editText{
    min-width: 0;
    width: auto;
    height: 30px;
    margin-left: 14.5vh;
    padding:5px 10px 5px 2px;
    background: transparent;
    border: 0px solid lightgrey;
    border-radius: 5px !important;
    font-family: 'sourceHanSans-Normal';
    font-size: 22px;
    color:white;
  }
  .license-info .operator-image2{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: -94vh;
    margin-left: 20px;
  }
  .introduceWap{
    display: none;
  }
  .introduceShow{
    position: relative;
    width:100%;
  }
  .introduceShow .introduceImg{
    width: 100%;
    height: auto;
  }
  .introduceShow .introduceButton{
    position: absolute;
    bottom:2%;
    right:32%;
    width: 179px;
    height:35px;
    line-height: 35px;
    border: 0px;
    border-radius: 25px;
    padding-left: 20px;
    background: white;
    text-align: left;
    font-size: 13px;
    color: #023F50;
  }
  .introduceShow .introduceButton .bannerImg{
    display: inline-block;
    float: right;
    margin-right:15px;
    margin-top:10px;
    width: 20.66px;
    height:12.84px;
    transition: transform 0.3s ease;
    cursor: pointer;
  }
  .introduceShow .introduceButton .bannerImg:hover{
    transform: scale(1.1);
  }
  .swiper-slide .introduceButton{
    position: absolute;
    top:88%;
    left:62%;
    width: 179px;
    height:35px;
    line-height: 35px;
    border: 0px;
    border-radius: 25px;
    padding-left: 20px;
    background: white;
    text-align: left;
    font-size: 13px;
    color: #023F50;
  }
  .swiper-slide .introduceButton .bannerImg{
    display: inline-block;
    float: right;
    margin-right:15px;
    margin-top:10px;
    width: 20.66px;
    height:12.84px;
    transition: transform 0.3s ease;
    cursor: pointer;
  }
  .swiper-slide .introduceButton .bannerImg:hover{
    transform: scale(1.2);
  }
  .systemFirst{
    width: 100%;
    margin-top:40px;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .systemFirst .firstImage{
    width: 472px;
    height: 192px;
  }
  .systemFirst .firstImage .firstImg{
    max-width: 472px;
    max-height: 192px;
    width: auto;
    height: auto;
  }
  .systemFirst .firstContent{
    width: 520px;
    height: 192px;
    margin-left: 25px;
  }
  .systemFirst .firstContent h3{
    color:#2A2A2A;
    font-size: 22.5px;
    font-weight: normal;
  }
  .systemFirst .firstContent span{
    display: block;
    height: 108px;
    line-height: 1.5em;
    margin-top: 10px;
    font-size: 12px;
    color: #2A2A2A;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .systemFirst .firstContent .firstContent-a{
    display: block;
    width: 224px;
    height: 33px;
    line-height: 33px;
    margin-top: 18px;
    text-align: center;
    border-radius: 4px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:white;
  }
  .systemFirst .firstContent .firstContent-a:hover{
    color:white !important;
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .systemSecond{
    width: 100%;
    margin-top:40px;
  }
  .systemSecond .secondImage{
    width: 100%;
  }
  .systemThird{
    width: 100%;
    margin-top:40px;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .systemThird .thirdElement{
    display: inline-block;
    width:280px;
    height:360px;
  }
  .systemThird .thirdElement:not(first-child){
    margin-left: 50px;
  }
  .systemThird .thirdElement img{
    width:280px;
    height: 181px;
    border-radius: 10px;
    cursor: pointer;
  }
  .systemThird .thirdElement span{
    display: block;
    width:280px;
    height:170px;
    margin-top:10px;
    line-height: 1.5em;
  }
  .systemSubmit{
    width: 100%;
    margin-top:40px;
    margin-bottom:50px;
    display: flex;
    align-items:top;
    justify-content:center;
  }
  .systemSubmit h3{
    font-size: 30px;
    font-weight: normal;
  }
  .systemSubmit .customerInfo{
    display: block;
    width:490px;
    height:auto;
    margin-top:50px;
  }
  .systemSubmit .customerInfo dl{
    margin-top: 20px;
  }
  .systemSubmit .customerInfo dl dt{
    color:#5D5D5D;
    font-size: 16px;
    font-weight: bold;
  }
  .systemSubmit .customerInfo .customerInput{
    width:480px;
    height:40px;
    margin-top:10px;
    padding-left:15px;
    padding-right:15px;
    border: 0px;
    border-radius: 5px;
    color: #818181;
    font-size: 15px;
  }
  .systemSubmit .customerInfo .customerInput:focus{
    border: 2px solid black;
  }
  .systemSubmit .customerInfo .customerTextarea{
    width:480px;
    height:240px;
    margin-top:5px;
    padding:5px 15px 5px 15px;
    border: 0px;
    border-radius: 5px;
    color: #818181;
    font-size: 15px;
    overflow: hidden;
  }
  .systemSubmit .customerInfo .customerTextarea:focus{
    border: 2px solid black;
  }
  .systemSubmit .customerInfo .tipSpan{
    display: none;
    margin-top: 5px;
    /*color:#F06B60;*/
    color:#5D5D5D;
    font-size: 14px;
  }
  .systemSubmit .customerInfo p{
    color: #797691;
    font-size: .875rem;
    line-height: 1.25rem;
  }
  .systemSubmit .customerInfo .customerA{
    display: block;
    width: 472px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 10px;
    background: linear-gradient(274deg, rgb(75, 125, 188) -43.66%, rgb(75, 125, 188) 37.17%, rgb(167, 127, 154) 126.96%);
    color:#fff;
    font-size: 18px;
  }
  .systemSubmit .customerInfo .customerA:hover{
    color:#fff !important;
    background: linear-gradient(274deg, rgb(167, 127, 154) -43.66%, rgb(75, 125, 188) 50.17%, rgb(75, 125, 188) 126.96%);
  }
  .systemSubmit .submitSuccess{
    display: none;
    width:490px;
    height:auto;
    margin-top:121px;
    text-align: center;
  }
  .systemSubmit .submitSuccess span{
    color:#F06B60;
    line-height: 1.5rem;
  }
  .systemSubmit .questionInfo{
    display:block;
    width:450px;
    height:auto;
    margin-top: 80px;
    margin-left: 30px;
  }
  .systemSubmit .questionInfo .questionContent {
    margin-top:40px;
  }
  .systemSubmit .questionInfo h2{
    color: rgb(152 95 140);
    font-size: 18px;
    font-weight: 570;
    letter-spacing: .40px;
  }
  .systemSubmit .questionInfo .questionContent img{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
  }
  .systemSubmit .questionInfo .questionContent p{
    display: inline-block;
    width: 400px;
    vertical-align: middle;
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
  }
  .systemSubmit .questionInfo .questionContent span{
    display: block;
    padding-top: 15px;
    padding-left: 50px;
    color:#8F9093;
    font-size: 14px;
    font-style: normal;
    font-weight: 350;
    line-height: 1.5rem;
  }
  .alert-modify {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    align-items:center;
    justify-content:center;
  }
  .alert-modify .project-body{
    width:50%;
    height:70vh;
    border-radius: 20px !important;
    background:#fff;
  }
  .alert-modify .project-body .project-title{
    width:90%;
    height:50px;
    margin-left:28px;
    border-bottom:1px solid lightgrey;
  }
  .alert-modify .project-body .project-title h3{
    float: left;
    margin-bottom:10px;
    margin-left:10px;
    font-weight: bold;
  }
  .alert-modify .project-body .project-title .closeImg{
    float: right;
    margin-top:20px;
    width:35px;
    height:35px;
  }
  .alert-modify .project-body .status-info{
    display: flex;
    width:95%;
    max-height:90vh;
    margin-left:10px;
    align-items:center;
    justify-content:center;
  }
  .alert-modify .project-body .status-info dl{
    margin-top: 20px;
    margin-left: 20px;
  }
  .alert-modify .project-body .status-info dl dt{
    width:400px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
  .alert-modify .project-body .status-info .status-img{
    display: inline-block;
    width: 25px;
    height: 25px;
  }
  .alert-modify .project-body .status-info .status-select{
    width: 100%;
    height:45px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #D1D1D1;
    border-radius: 4px !important;
  }
  .alert-modify .project-body .status-info .status-input{
    width: 100%;
    height:45px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #D1D1D1;
    border-radius: 4px !important;
  }
  .alert-modify .project-body .status-info .protocolSpan{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }
  .alert-modify .project-body .status-info .protocol-file{
    display: inline-block;
    width:100%;
    height: 150px;
    max-height: 150px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .alert-modify .project-body .status-info .protocol-file dl{
    width:100%;
    display:flex;
    align-items:left;
    justify-content:left;
    line-height: 25px;
  }
  .alert-modify .project-body .status-info .protocol-file .file-span{
    height: 25px;
    line-height: 25px;
    margin-left: -20px;
    padding-left:10px;
    padding-right:10px;
    border-radius: 5px !important;
    text-align: center;
    background: #DCE1D8;
    color:#464646;
  }
  .alert-modify .project-body .status-info .protocol-file .file-span img{
    display:inline-block;
    max-width:16px;
    max-height:16px;
    margin-left:10px;
  }
  .alert-modify .project-body .status-info .status-save{
    cursor: pointer;
    width: 100%;
    height: 40px;
    display: block;
    margin-bottom: 10px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    border: 0;
    border-radius: 5px !important;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color: #fff;
  }
  .alert-modify .project-body .status-info .status-save:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color: #fff;
  }







  
  
  .nav-product-box {
    display: none;
    position: absolute;
    height: 100px;
    width: 280px;
	padding:12px 16px;
    overflow: hidden;
    background: #fff;
    z-index: 1040;
    color: #333;
  }
  .nav-product-box .row {
    position: relative;
  }
  .nav-product-box .items {
    font-size: 14px;
    line-height: 40px;
    width: 17%;
    float: left;
  }
  .nav-product-box .items.items_1 {
    width: 30%;
    margin-left: 280px;
  }
  .nav-product-box .items.items_2 {
    width: 22%;
  }
  .nav-product-box .items.items_2:first-child {
    margin-left: 280px;
  }
  .nav-product-box .items.items_3 {
    width: 22%;
    /* &:first-child{ margin-left: 200px; } */
  }
  .nav-product-box .items.items_4 {
    width: 17%;
  }
  .nav-product-box .items .title {
    height: 76px;
    font-size: 16px;
    line-height: 74px;
    padding-bottom: 20px;
  }
  .nav-product-box .items .title span.s1 {
    display: block;
    float: left;
    border-bottom: 1px solid #b0b0b0;
  }
  .nav-product-box .items a {
    display: block;
    color: #5f5f5f;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .nav-product-box .items a:hover,
  .nav-product-box .items a.focus {
    color: #333;
    text-decoration: underline;
  }
  .nav-product-box .info {
    height: 370px;
    position: absolute;
    left: 68%;
    top: 0;
    right: -2000px;
    background: #fff;
    padding-left: 20px;
  }
  .nav-product-box .info .box {
    padding-top: 30px;
  }
  .nav-product-box .info .box .txt {
    float: left;
    width: 240px;
    height: 280px;
    margin-right: 10px;
    color: #333;
    font-size: 12px;
    line-height: 26px;
  }
  .nav-product-box .info .box .txt h3 {
    height: 70px;
    overflow: hidden;
    font-size: 20px;
    line-height: 70px;
  }
  .nav-product-box .info .box .img-box {
    float: left;
    width: 180px;
    height: 280px;
    padding-top: 70px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .nav-product-box .info .box .img-box img {
    width: 180px;
    height: 120px;
  }
  .nav-product-box .info .more {
    text-align: center;
    width: 400px;
    font-size: 16px;
  }
  .nav-product-box .info .more a {
    font-weight: bold;
  }
  .m-search-box {
    display: none;
  }
  .m-foot {
    background: #EEF3FA;
    padding: 30px 0 15px 0;
    color: #5f5f5f;
    font-size: 14px;
    line-height: 46px;
  }
  .m-foot .footLinks{
    width: 60%;
  }
  .m-foot .links h4 {
    display: block;
    color: #5f5f5f;
    width: 33.32%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .m-foot .links a {
    display: block;
    color: #5f5f5f;
    width: 33.32%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-foot .links a:hover,
  .m-foot .links a.focus {
    color: black;
  }
  .m-foot .subscription {
    float: right;
  }
  .m-foot .subscription img{
    margin-top: 30px;
  }
  .m-foot .subscription .btn {
    width: 125px;
    height: 45px;
    color: #f0f0f0;
    background: #e61d4c;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
  }
  .m-foot .subscription .input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid gray;
    background: #fff;
    height: 45px;
    width: 100%;
    padding: 0 10px;
    color: black;
    line-height: 45px;
    margin: 20px 0;
  }
  .m-foot .follow-us {
    position: relative;
    height: 28px;
  }
  .m-foot .follow-us .ico {
    width: 28px;
    height: 28px;
    float: left;
    margin-right: 20px;
    display: block;
    overflow: hidden;
  }
  .m-foot .follow-us .ico.i1 {
    background: url('/images/front/follow-us-1.png') no-repeat left top;
  }
  .m-foot .follow-us .ico.i2 {
    background: url('/images/front/follow-us-2.png') no-repeat left top;
  }
  .m-foot .follow-us .ico.i3 {
    background: url('/images/front/follow-us-3.png') no-repeat left top;
  }
  .m-foot .follow-us .ico.i4 {
    background: url('/images/front/follow-us-4.png') no-repeat left top;
  }
  .m-foot .follow-us .ico img {
    width: 100%;
    height: 100%;
  }
  .m-foot .follow-us .box1 {
    display: none;
    width: 210px;
    height: 86px;
    padding: 32px 25px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 40px;
  }
  .m-foot .follow-us .box1 .txt {
    float: left;
    text-align: center;
    width: 100px;
    height: 86px;
    font-size: 12px;
    line-height: 20px;
  }
  .m-foot .follow-us .box1 .txt .p1 {
    font-size: 16px;
    line-height: 30px;
    padding-top: 18px;
  }
  .m-foot .follow-us .box1 .img {
    width: 86px;
    height: 86px;
    float: right;
  }
  .m-breadcrumd {
    height: 40px;
    background: #f5f5f5;
    line-height: 40px;
    color: #bbb;
	margin-top:-62px;
  }
  .m-breadcrumd span {
    padding: 0 4px 0 6px;
  }
  .m-inner-banner {
    background: #3b3b3b;
    overflow: hidden;
  }
  .m-inner-banner .row {
    position: relative;
  }
  .m-inner-banner h3 {
    font-size: 40px;
    height: 40px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    color: #fff;
  }
  .m-inner-banner h3 img {
    height: 40px;
    width: auto;
  }
  .m-txt-banner {
    padding-bottom: 10px;
  }
  .m-txt-banner .img {
    margin-top: 20px;
  }
  .m-txt-banner .txt {
    line-height: 24px;
    padding: 30px 0 40px;
  }
  .page-home .banner {
    position: relative;
    width: 100%;
	top:-122px;
    overflow: hidden;
  }
  .page-news .bannerImg {
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .bannerImage{
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .page-home .product {
    padding: -22px 0 132px 0;
  }
  .page-home .product .header {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 60px;
  }
  .page-home .product .header h3 {
    font-size: 30px;
    line-height: 60px;
  }
  .page-home .product .list li {
    float: left;
    width: 33.33%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px;
    cursor: pointer;
  }
  .page-home .product .list li:hover {
    /* animation: animate_scale .6s 0s both; */
	background: url('/images/front/productBG.png') no-repeat right top;
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  /*.page-home .product .list li:nth-child(4) {
    display: none;
  }*/
  .page-home .product .list li .wrap {
    position: relative;
	width:390px;
  }
  .page-home .product .list li .wrap img{
	width:390px;
    height:210px;
  }
  .page-home .product .list li .txt {
    display: none;
    background: #0d1b29;
    position: absolute;
    left: 10px;
    top: 10px;
    right: -10px;
    bottom: -10px;
    text-align: center;
  }
  .page-home .product .list li .txt .box {
	display:none;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .page-home .product .list li .txt .content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 90px;
    margin-top: -45px;
    overflow: hidden;
  }
  .page-home .product .list li .txt .p1 {
    color: #fff;
    font-size: 14px;
    height: 14px;
    overflow: hidden;
  }
  .page-home .product .list li .txt .p2 {
    font-size: 12px;
    color: #e61d4c;
    height: 12px;
    overflow: hidden;
    margin: 15px 0;
  }
  .page-home .product .list li .txt .btn {
    display: block;
    width: 98px;
    height: 34px;
    background: #e61d4c;
    font-size: 12px;
    line-height: 34px;
    color: #fff;
    margin: 0 auto;
  }
  .page-home .solutiond {
    padding: 62px 0 132px 0;
  }
  .page-home .solutiond .header {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 60px;
  }
  .page-home .solutiond .header h3 {
    font-size: 30px;
    line-height: 60px;
  }
  .page-home .solutiond .row{
	  max-width:1400px !important;
  }
  .page-home .solutiond .list li {
    float: left;
    width: 16.87%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 40px;
    cursor: pointer;
  }
  .page-home .solutiond .list li .wrap {
    position: relative;
	width:240px;
  }
  .page-home .solutiond .list li .wrap img{
	width:240px;
    height:310px;
	border:0.2px solid #fff;
  }
  .page-home .solutiond .list li:hover{
    width:395px !important;
  }

  .page-home .solutiond .list li:hover .wrap,.solutionImage{
    width:395px !important;
  }
  .page-home .solutiond .list li:hover .p1{
    display:inline-block;
  }
  .page-home .solutiond .list li:hover .p2{
    display:inline-block;
  }
  .page-home .solutiond .list li:hover .btn{
    display:inline-block;
  }
  .page-home .solutiond .list li .wrap::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(145, 145, 145, 0.7); /* 遮罩层颜色和透明度 */
	opacity: 0; /* 默认情况下遮罩层不可见 */
	transition: opacity 0.5s ease; /* 平滑的过渡效果 */
  } 
  .page-home .solutiond .list li .wrap:hover::after {
	opacity: 1; /* 鼠标悬停时遮罩层可见 */
	pointer-events:none;
  }
  /*.page-home .solutiond .list li {
	display:none;
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 310px;
    overflow: hidden;
  }*/
  .page-home .solutiond .list li .p1 {
	display:none;
	position: absolute;
	margin-top:-150px;
	margin-left:8%;
    color: #fff;
    font-size: 20px;
    height: 25px;
    overflow: hidden;
	z-index:1;
  }
  .page-home .solutiond .list li .p2 {
	display:none;
	position: absolute;
	margin-top:-110px;
	margin-left:8%;
    font-size: 12px;
    color: #fff;
    height: 15px;
    overflow: hidden;
	z-index:1;
  }
  .page-home .solutiond .list li .btn {
	display:none;
	position: absolute;
	margin-top:-60px;
	margin-left:8%;
    width: 98px;
    height: 34px;
    background: #e61d4c;
    font-size: 12px;
    line-height: 34px;
	text-align:center;
    color: #fff;
	z-index:1;
  }
  .page-home .solutiond .list li .btn:hover {
	color: #333 !important;
  }
  .solutionMarket .header {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 60px;
  }
  .solutionMarket .header h3 {
    font-size: 30px;
    line-height: 60px;
  }
  .solutionMarket .marketBanner {
	width:1410px;
    background: #EEF3FA;
    color: black;
  }
  .solutionMarket .marketBanner.last-box {
    margin-bottom: 100px;
  }
  .page-solution-product .marketBanner .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .solutionMarket .marketBanner .swiper-box {
    padding: 40px 0 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .solutionMarket .marketBanner .swiper-box .items {
    position: relative;
  }
  .solutionMarket .marketBanner .swiper-box .items .img {
    float: left;
	margin-left:50px;
    width: 1115px;
    height: 380px;
  }
  .solutionMarket .marketBanner .swiper-box .items .linkImage {
	position: absolute;
	display:block;
	margin-top:20px;
	margin-left:100px;
    width: 230px;
    height: 335px;
	border-radius:7px;
	background:#fff;
  }
  .solutionMarket .marketBanner .swiper-box .items .linkImage img{
	margin-top:20px;
	margin-left:15px;
    width: 200px;
    height: 140px;
	border-radius:5px;
  }
  .solutionMarket .marketBanner .swiper-box .items .linkImage p{
	margin-top:10px;
	margin-left:15px;
    font-size: 16px;
	line-height:20px;
	color: #767676;
  }
  .solutionMarket .marketBanner .swiper-box .items .linkImage span{
	margin-left:15px;
    font-size: 10px;
	display:flow-root;
	line-height:15px;
	color: grey;
  }
  .solutionMarket .marketBanner .swiper-box .items .linkImage .btn {
	margin-top:30px;
	float:right;
	margin-right:15px;
    width: 85px;
    height: 25px;
    background: #e61d4c;
    font-size: 12px;
    line-height: 25px;
	text-align:center;
    color: #fff;
	border-radius:5px;
  }
  .solutionMarket .marketBanner .swiper-box .items .linkImage .btn:hover {
	  color: #333 !important;
  }
  .solutionMarket .marketBanner .swiper-box .items .img img{
	  width: 1115px;
      height: 380px;
	  border-radius:10px;
  }
  .solutionMarket .marketBanner .swiper-box .items .txt {
    color: #333;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 35%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px 0 30px;
    font-size: 16px;
    line-height: 36px;
  }
  .solutionMarket .marketBanner .swiper-box .items .txt h3 {
    font-size: 24px;
    line-height: 30px;
    padding: 30px 0;
  }
  .solutionMarket .marketBanner .time-box {
    position: relative;
    width: 100%;
    height: 60px;
	margin-top:-60px;
	margin-left:100px;
    padding-bottom: 10px;
    color: #333;
  }
  .solutionMarket .marketBanner .time-box .line {
    position: relative;
    /* left: 10%; right: 10%; */
    top: 9px;
    height: 100px;
    background: #EEF3FA;
	border-left:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	border-radius:0 0 0 100px;
  }
  .solutionMarket .marketBanner .time-box .items {
    float: left;
    /* width: 20%; */
    height: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    line-height: 40px;
  }
  .solutionMarket .marketBanner .time-box .items i.ico {
    display: block;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 100%;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    position: relative;
    z-index: 22;
    cursor: pointer;
  }
  .solutionMarket .marketBanner .time-box .items i.ico.focus,
  .solutionMarket .marketBanner .time-box .items i.ico:hover {
    background: #e62251;
    border: 1px solid #e62251;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  .solutionMarket .marketBanner .time-box.one-box {
    display: none;
  }
  .solutionMarket .marketBanner .time-box.two-box .line {
    left: 15%;
    right: 25%;
  }
  .solutionMarket .marketBanner .time-box.two-box .items {
    width: 50%;
  }
  .solutionMarket .marketBanner .time-box.three-box .line {
    left: 16.666%;
    right: 16.666%;
  }
  .solutionMarket .marketBanner .time-box.three-box .items {
    width: 33.333%;
  }
  .solutionMarket .marketBanner .time-box.four-box .line {
    left: 12.5%;
    right: 12.5%;
  }
  .solutionMarket .marketBanner .time-box.four-box .items {
    width: 25%;
  }
  .solutionMarket .marketBanner .time-box.five-box .line {
    left: 10%;
    right: 10%;
  }
  .solutionMarket .marketBanner .time-box.five-box .items {
    width: 20%;
  }
  .solutionMarket .marketBanner .time-box.six-box .line {
    left: 1.333%;
    right: 3.333%;
  }
  .solutionMarket .marketBanner .time-box.six-box .items {
    width: 15.666%;
  }
  .page-home .trainingVideo {
    padding: 62px 0 132px 0;
  }
  .page-home .trainingVideo .header {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 60px;
  }
  .page-home .trainingVideo .header h3 {
    font-size: 30px;
    line-height: 60px;
  }
  .page-home .trainingVideo .list{
	margin-top:50px;
	width: 1200px;
	height: 340px;
    background: url('/images/front/trainingBG.png') no-repeat left top;
  }
  .page-home .trainingVideo .list li {
    float: right;
    width: 33.3%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 40px;
  }
  .page-home .trainingVideo .list li .wrap {
    position: relative;
	width:300px;
  }
  .page-home .trainingVideo .list li .wrap .videoImage{
	width:300px;
    height:270px;
	border:2px solid #fff;
	border-radius:10px;
	object-fit: cover;
	cursor: pointer;
  }
  .page-home .trainingVideo .list li .wrap p {
    position: relative;
	float:right;
	margin-right:10px;
	margin-top:-260px;
	color:#fff;
	z-index:1;
  }
  .page-home .trainingVideo .list li .wrap .videoImage:hover {
    /*margin-top:-115px;
    height:360px;*/
	-webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.13);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
	cursor: pointer;
  }
  .page-home .press {
    padding: 0px 0 100px;
  }
  .page-home .press .header {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 60px;
  }
  .page-home .press .header h3 {
    font-size: 30px;
    line-height: 60px;
  }
  .page-home .press .line {
    padding-top: 132px;
    border-top: 1px solid #d9d9d9;
    margin: 0 20px;
  }
  .page-home .press .leftButton {
	position: absolute;
	float:left;
	margin-left:-30px;
	margin-top:90px;
  }
  .page-home .press .rightButton {
	position: absolute;
	float:left;
	margin-left:35px;
	margin-top:90px;
  }
  .page-home .press .items {
	width:300px;
    height:380px;
    padding: 20px;
  }
  .page-home .press .items .img{
	width:285px;
    height:180px;
    cursor: pointer;
  }
  .page-home .press .items .img a img{
	border-radius:10px;
  }
  .page-home .press .items .img:hover {
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .page-home .press .items .txt {
    font-size: 12px;
    line-height: 24px;
    height: 190px;
    overflow: hidden;
  }
  .page-home .press .items .txt h3 {
    font-size: 18px;
    line-height: 20px;
    padding: -10px 0;
  }
  .page-home .press .items .txt p {
	margin-top:10px;
    font-size: 10px !important;
	line-height: 15px;
  }
  .page-login .content::-webkit-scrollbar {
    display: none;
  }
  .page-login .content {
    width: 50%;
    height: 100vh;
    overflow: hidden;
	float:left;
	left:50%;
    background: #fff;
    border-radius: 10px;
	overflow-y: scroll;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .page-login .box {
    width: 460px;
    height: 400px;
    margin: 100px auto;
  }
  .page-login .top-img {
    margin: 0 auto;
    padding: 40px 0 20px 0;
  }
  .page-login .p1 span {
    background: #fff;
    font-size: 26px;
    margin: 20px 50px;
    display: table;
    padding: 0 15px;
    position: relative;
	font-weight: bold;
  }
  .page-login .spanType {
    background: #fff;
    font-size: 14px;
    margin: 30px 65px;
    display: table;
    position: relative;
  }
  .page-login .input1 {
    width: 330px;
    height: 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: -20px auto 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 48px;
    background: transparent;
  }
  .page-login .password::-ms-reveal {
    display: none; /* 隐藏默认的眼睛图标 */
  }
  .page-login .content .box dl dd{
    position:relative;
  }
  .page-login .content .box dl dd .show-password{
    position:absolute;
    top:15px;
    right:80px;
    width:20px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent;
  }
  .page-login .content .box dl dd .show-password::after{
    content:url('/images/front/password-eye.png');
    height:100%;
    display:block;
  }
  .page-login .obtainCode{
	  position:relative;
	  float:right;
	  margin-top:-32px;
	  margin-right:80px;
	  border:none;
	  color: #00b4ff;
	  cursor:pointer;
  }
  .page-login .p2 {
    width: 330px;
    margin: 40px auto;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    padding-top: 5px;
  }
  .page-login .btn {
    cursor: pointer;
    width: 330px;
    height: 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: -35px auto 0 auto;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    background: #4598B4;
    color: #fff;
  }
  .page-login .p3 {
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
  }
  .login-image img{
	  float:left;
	  width:50%;
	  height:100vh;
	  overflow: hidden;
  }
  .login-image2{
    display: none;
  }
  .page-regster .content::-webkit-scrollbar {
    display: none;
  }
  .page-regster .content {
    width: 50%;
    height: 93vh;
    overflow: hidden;
	float:left;
	left:50%;
    background: #fff;
    border-radius: 10px;
	overflow-y: scroll;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .page-regster .box {
    width: 460px;
    height: 400px;
    margin: 30px auto;
  }
  .page-regster .top-img {
    margin: 0 auto;
    padding: 40px 0 20px 0;
  }
  .page-regster .p1 span {
    background: #fff;
    font-size: 26px;
    margin: 20px 50px;
    display: table;
    padding: 0 15px;
    position: relative;
	font-weight: bold;
  }
  .page-regster .spanType {
    background: #fff;
    font-size: 14px;
    margin: 20px 65px;
    display: table;
    position: relative;
  }
  .page-regster .spanType .explainImg{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    vertical-align: bottom;
    cursor: pointer;
  }
  .page-regster .input1 {
    width: 330px;
    height: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: -15px auto 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 48px;
    background: transparent;
  }
  .page-regster .setPassword::-ms-reveal {
    display: none;
  }
  .page-regster .confirmPassword::-ms-reveal {
    display: none;
  }
  .page-regster .content .box dl dd{
    position:relative;
  }
  .page-regster .content .box dl dd .show-password{
    position:absolute;
    top:8px;
    right:75px;
    width:20px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent;
  }
  .page-regster .content .box dl dd .show-password::after{
    content:url('/images/front/password-eye.png');
    height:100%;
    display:block;
  }
  .page-regster .obtainCode{
	  position:relative;
	  float:right;
	  top:-24px;
	  right:80px;
	  border:none;
	  color: #00b4ff;
	  cursor:pointer;
  }
  .page-regster .procontrol{
	  position: relative;
	  margin: 20px 80px;
	  font-size:12px;
  }
  .page-regster .procontrol b{
	  color:#4598B4;
  }
  .page-regster .procontrol b a{
    color:#4598B4;
    line-height: 1.3em;
  }
  .page-regster form .procontrol i.ico {
    width: 14px;
    height: 14px;
    float: left;
    background: url('/images/front/login-4.png') no-repeat left top;
    margin-right: 4px;
  }
  .page-regster form .procontrol i.ico.focus {
    background: url('/images/front/login-4-2.png') no-repeat left top;
  }
  .page-regster .p2 {
    width: 330px;
    margin: 25px auto;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    padding-top: 5px;
  }
  .page-regster .btn {
    cursor: pointer;
    width: 330px;
    height: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: 0 auto 0 auto;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    background: #4598B4;
    color: #fff;
  }
  .page-forget .content::-webkit-scrollbar {
    display: none;
  }
  .page-forget .content {
    width: 50%;
    height: 100vh;
    overflow: hidden;
	float:left;
	left:50%;
    background: #fff;
    border-radius: 10px;
	overflow-y: scroll;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .page-forget .box {
    width: 460px;
    height: 400px;
    margin: 100px auto;
  }
  .page-forget .top-img {
    margin: 0 auto;
    padding: 40px 0 20px 0;
  }
  .page-forget .p1 span {
    background: #fff;
    font-size: 26px;
    margin: 20px 50px;
    display: table;
    padding: 0 15px;
    position: relative;
	font-weight: bold;
  }
  .page-forget .spanType {
    background: #fff;
    font-size: 14px;
    margin: 20px 65px;
    display: table;
    position: relative;
  }
  .page-forget .input1 {
    width: 330px;
    height: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: -15px auto 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 48px;
    background: transparent;
  }
  .page-forget .setNewPassword::-ms-reveal {
    display: none;
  }
  .page-forget .confirmPassword::-ms-reveal {
    display: none;
  }
  .page-forget .content .box dl dd{
    position:relative;
  }
  .page-forget .content .box dl dd .show-password{
    position:absolute;
    top:8px;
    right:75px;
    width:20px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent;
  }
  .page-forget .content .box dl dd .show-password::after{
    content:url('/images/front/password-eye.png');
    height:100%;
    display:block;
  }
  .page-forget .obtainCode{
	  position:relative;
	  float:right;
	  margin-top:-24px;
	  margin-right:80px;
	  border:none;
	  color: #00b4ff;
	  cursor:pointer;
  }
  .page-forget .btn {
    cursor: pointer;
    width: 330px;
    height: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: 30px auto 0 auto;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    background: #4598B4;
    color: #fff;
  }
  .page-signin .banner {
    background: #3b3b3b;
    overflow: hidden;
  }
  .page-signin .form {
    padding-bottom: 120px;
    padding-top: 80px;
  }
  .page-signin .form .content {
    width: 400px;
    margin: 30px auto;
  }
  .page-signin .form .dl-1 {
    margin-top: 15px;
  }
  .page-signin .form .dl-1 dt {
    font-size: 14px;
    line-height: 40px;
  }
  .page-signin .form .dl-1 .input {
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    padding: 0 5px;
    font-size: 12px;
    line-height: 40px;
  }
  .page-signin .form .dl-1 .input.input1 {
    width: 100%;
  }
  .page-signin .form .dl-1 .input.input2 {
    width: 60%;
    float: left;
  }
  .page-signin .form .dl-1 .btn-yzm {
    cursor: pointer;
    display: block;
    float: right;
    width: 35%;
    height: 40px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    background: #e61d4c;
  }
  .page-signin .form .p1 {
    margin-top: 30px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: right;
  }
  .page-signin .form .p1 .btn-login {
    cursor: pointer;
    float: right;
    display: block;
    width: 100px;
    height: 40px;
    color: #fff;
    text-align: center;
    background: #e61d4c;
    margin-left: 15px;
  }
  .page-signin .form .p2 {
    margin-top: 40px;
  }
  .page-signin .form .p2 i.ico {
    width: 14px;
    height: 14px;
    float: left;
    background: url('/images/front/login-4.png') no-repeat left top;
    margin-right: 4px;
  }
  .page-signin .form .p2 i.ico.focus {
    background: url('/images/front/login-4-1.png') no-repeat left top;
  }
  .page-products-resources .banner {
    padding-bottom: 50px;
  }
  .page-products-resources .banner .img {
    margin-top: 20px;
  }
  .page-products-resources .banner .txt {
    line-height: 24px;
    padding: 30px 0 40px;
  }
  .page-products-resources .m-txt-banner {
    padding-bottom: 70px;
  }
  .page-products-resources .list {
    padding-bottom: 30px;
    margin-top: 10px;
  }
  .page-products-resources .list .head {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }
  .page-products-resources .list .head .s1 {
    float: left;
    min-width: 200px;
  }
  .page-products-resources .list .head .s2 {
    float: left;
    font-size: 12px;
    margin-left: 30px;
    cursor: pointer;
    background: url('/images/front/ico-4.png') no-repeat right center;
    padding-right: 12px;
  }
  .page-products-resources .list .head .s2:hover {
    /* .color-focus; */
  }
  .page-products-resources .list .head .s2.focus {
    /* .color-focus; */
    background: url('/images/front/ico-4-1.png') no-repeat right center;
  }
  .page-products-resources .list .head .ico {
    float: right;
    display: block;
    overflow: hidden;
    position: relative;
    width: 0px;
    height: 0px;
    border: 8px dashed transparent;
    border-top: 8px solid #333;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 20px;
  }
  .page-products-resources .list .head .ico.focus {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 30px;
  }
  .page-products-resources .list .box {
    display: none;
  }
  .page-products-resources .list .items {
    height: 70px;
    line-height: 70px;
    border-bottom: 1px dashed #00b4ff;
    overflow: hidden;
  }
  .page-products-resources .list .items .s1 {
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
  }
  .page-products-resources .list .items .s2 {
    display: block;
    float: left;
    width: 30%;
    text-align: center;
    overflow: hidden;
  }
  .page-products-resources .list .items .s3 {
    display: block;
    float: right;
    text-align: right;
    background: url('/images/front/products-ico-1.png') no-repeat left center;
    padding-left: 30px;
  }
  .page-products-tools .list {
    margin-top: 72px;
  }
  .page-products-tools .list li {
    width: 42.5%;
    float: left;
    height: 80px;
    overflow: hidden;
    background: #f3f3f3;
    margin-bottom: 76px;
    text-align: center;
    line-height: 80px;
  }
  .page-products-tools .list li:nth-child(2n) {
    float: right;
  }
  .page-products-tools .details {
    margin-bottom: 100px;
  }
  .page-products-tools .details .row {
    background: #459ed6;
    position: relative;
  }
  .page-products-tools .details .txt {
    padding: 35px 40px 50px 40px;
    background: #EEF3FA;
    font-size: 12px;
    line-height: 24px;
	color:#333;
  }
  .page-products-tools .details .txt .title {
    font-size: 30px;
    line-height: 1.5;
    padding-bottom: 20px;
  }
  .page-products-tools .details .download {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
  }
  .page-products-tools .details .download .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .page-products-tools .details .download .wrapper .box {
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-bottom: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    background: url('/images/front/products-ico-2.png') no-repeat center bottom;
  }
  .page-products-courseware .banner {
    padding-bottom: 50px;
  }
  .page-products-courseware .banner .img {
    margin-top: 20px;
  }
  .page-products-courseware .banner .txt {
    line-height: 24px;
    padding: 30px 0 40px;
  }
  .page-products-courseware .directory {
    margin-top: 20px;
  }
  .page-products-courseware .directory .header {
    height: 28px;
    overflow: hidden;
    line-height: 28px;
    /* padding-right: 15px; */
  }
  .page-products-courseware .directory .header h3.title {
    font-size: 18px;
    float: left;
  }
  .page-products-courseware .directory .header .pagination {
    float: right;
  }
  .page-products-courseware .directory .header .pagination span {
    display: block;
    float: left;
  }
  .page-products-courseware .directory .header .pagination span.prev,
  .page-products-courseware .directory .header .pagination span.next {
    width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    text-align: center;
    cursor: pointer;
    line-height: 26px;
  }
  .page-products-courseware .directory .header .pagination span.prev:hover,
  .page-products-courseware .directory .header .pagination span.next:hover {
    color: #e61d4c;
    border: 1px solid #e61d4c;
  }
  .page-products-courseware .directory .header .pagination span.number {
    padding: 0 10px;
  }
  .page-products-courseware .directory ul {
    /* padding: 0 15px; */
  }
  .page-products-courseware .directory li {
    width: 40%;
    float: left;
    height: 84px;
    line-height: 84px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
    background: #f3f3f3;
    margin-top: 42px;
  }
  .page-products-courseware .directory li:nth-child(2n) {
    float: right;
  }
  .page-products-courseware .directory li span.s1 {
    float: left;
  }
  .page-products-courseware .directory li a {
    float: right;
  }
  .page-products-courseware .video {
    margin-top: 80px;
    padding-bottom: 100px;
  }
  .page-products-courseware .video .header {
    height: 28px;
    overflow: hidden;
    line-height: 28px;
    /* padding-right: 15px; */
  }
  .page-products-courseware .video .header h3.title {
    font-size: 18px;
    float: left;
  }
  .page-products-courseware .video .header .pagination {
    float: right;
  }
  .page-products-courseware .video .header .pagination span {
    display: block;
    float: left;
  }
  .page-products-courseware .video .header .pagination span.prev,
  .page-products-courseware .video .header .pagination span.next {
    width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    text-align: center;
    cursor: pointer;
    line-height: 26px;
  }
  .page-products-courseware .video .header .pagination span.prev:hover,
  .page-products-courseware .video .header .pagination span.next:hover {
    color: #e61d4c;
    border: 1px solid #e61d4c;
  }
  .page-products-courseware .video .header .pagination span.number {
    padding: 0 10px;
  }
  .page-products-courseware .video ul {
    margin: 0 -15px;
    margin-top: 20px;
  }
  .page-products-courseware .video li {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px;
  }
  .page-products-courseware-details .m-breadcrumd {
    height: 40px;
    background: #f5f5f5;
    line-height: 40px;
    color: #bbb;
	margin-top:22px;
  }
  .page-products-courseware-details .m-breadcrumd span {
    padding: 0 4px 0 6px;
  }
  .page-products-courseware-details .details {
    padding: 50px 0 30px;
  }
  .page-products-courseware-details .details .header {
    padding-bottom: 30px;
  }
  .page-products-courseware-details .details .header h3 {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 15px;
  }
  .page-products-courseware-details .details .header .p1 {
    font-size: 12px;
    line-height: 20px;
  }
  .page-products-courseware-details .details .header .share {
    height: 30px;
    overflow: hidden;
    margin-top: 10px;
    border-bottom: 1px solid #d9d9d9;
    float: left;
    padding-bottom: 6px;
  }
  .page-products-courseware-details .details .header .share img.ico {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 15px;
    cursor: pointer;
  }
  .page-products-courseware-details .details .content {
    line-height: 22px;
  }
  .page-products-courseware-details .details .content img {
    padding-bottom: 20px;
  }
  .page-products-courseware-details .details .content p {
    margin-top: 15px;
  }
  .page-products-courseware-details .details .box1 {
    line-height: 30px;
    padding: 30px 0;
  }
  .page-products-courseware-details .details .box1 .p1 {
    text-align: right;
  }
  .page-products-courseware-details .details .box1 .p2 {
    text-align: left;
  }
  .page-products-courseware-details .details .box1 .p2 a {
    margin-right: 5px;
  }
  .page-products-courseware-details .discuss {
    padding-bottom: 50px;
  }
  .page-products-courseware-details .discuss .content {
    padding: 20px;
    border: 1px solid #d9d9d9;
    border-top: 4px solid #555b71;
  }
  .page-products-courseware-details .discuss .header {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
  }
  .page-products-courseware-details .discuss .header h3 {
    font-size: 18px;
    float: left;
  }
  .page-products-courseware-details .discuss .header h3:before {
    content: '';
    display: block;
    float: left;
    border-left: 0px solid grey;
    width: 30px;
    height: 30px;
    background: url('/images/front/products-ico-3.png') no-repeat left center;
  }
  .page-products-courseware-details .discuss .header .s1 {
    float: right;
    padding: 0 5px;
  }
  .page-products-courseware-details .discuss .header .s1 em {
    color: #f00;
  }
  .page-products-courseware-details .discuss .items {
    margin-top: 15px;
  }
  .page-products-courseware-details .discuss .items .photo {
    float: left;
    width: 44px;
    height: 44px;
    margin-right: -65px;
  }
  .page-products-courseware-details .discuss .items .box {
    margin-left: 65px;
  }
  .page-products-courseware-details .discuss .items .textarea {
    height: 66px;
    /* .hidden; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f4f4f4;
    border: 1px solid #cbcbcb;
    position: relative;
  }
  .page-products-courseware-details .discuss .items .textarea .wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .page-products-courseware-details .discuss .items .textarea i.ico {
    width: 9px;
    height: 12px;
    position: absolute;
    left: -8px;
    top: 10px;
    background: url('/images/front/products-ico-4.png') no-repeat left top;
  }
  .page-products-courseware-details .discuss .items .textarea textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    padding: 5px 10px;
    line-height: 19px;
  }
  .page-products-courseware-details .discuss .items .foot {
    margin-top: 15px;
    height: 36px;
    overflow: hidden;
    line-height: 36px;
  }
  .page-products-courseware-details .discuss .items .foot a {
    margin: 0 6px;
  }
  .page-products-courseware-details .discuss .items .foot .btn {
    float: right;
    width: 90px;
    height: 36px;
    color: #fff;
    text-align: center;
    background: #999;
    cursor: pointer;
    margin-left: 10px;
  }
  .page-products-courseware-details .discuss .items .txt {
    line-height: 24px;
  }
  .page-products-courseware-details .discuss .items .txt .p1 {
    max-height: 48px;
    overflow: hidden;
  }
  .page-products-courseware-details .discuss .items .txt .time {
    text-align: right;
    font-size: 12px;
    line-height: 20px;
  }
  .page-products-category .banner {
    position: relative;
    width: 100%;
	top:-122px;
    overflow: hidden;
  }
  .page-products-category .banner .img {
    margin-top: 20px;
  }
  .page-products-category .banner .txt {
    line-height: 24px;
    padding: 30px 0 40px;
  }
  .page-products-category .content-box {
    padding: 20px 0 50px 0;
  }
  .page-products-category .changeStyle{
    position: relative;
    width: 100%;
    height: 45px;
  }
  .page-products-category .changeStyle .head {
    width: 260px;
    height: 100%;
	line-height:45px;
	text-align:center;
	color:#fff;
    cursor: pointer;
	background-color:#e61d4c;
  }
  .page-products-category .changeStyle .head i {
    width: 16px;
    height: 10px;
    background: url('/images/front/ico-2.png') no-repeat left top;
    margin-left: 5px;
  }
  .page-products-category .changeStyle .head:hover{
	color:#333;
  }
  .page-products-category .changeStyle .head i.focus {
    background: url('/images/front/ico-3.png') no-repeat left top;
  }
  .page-products-category .changeStyle .headChild{
	  position: absolute;
	  float:left;
	  margin-left:20px;
	  margin-top:30px;
	  font-size:18px;
	  font-weight: bold;
  }
  .page-products-category .changeStyle .box {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 260px;
    background: #e61d4c;
  }
  .page-products-category .changeStyle .box span {
    display: block;
    border-top: 1px solid #fff;
    color: #fff;
    height: 45px;
    line-height: 45px;
	text-align:center;
	cursor: pointer;
  }
  .page-products-category .changeStyle .box span:hover {
    color: #333 !important;
  }
  .page-products-category .changeStyle .box .subBox{
    display: none;
    position: absolute;
    left: 260px;
    top: 0;
    width: 260px;
	border:1px solid #fff;
    background: #e61d4c;
	z-index:1;
  }
  .page-products-category .changeStyle .box .subBox span {
    display: block;
    border-top: 1px solid #fff;
    color: #fff;
    height: 45px;
    line-height: 45px;
	text-align:center;
  }
  .page-products-category .changeStyle .box .subBox span.focus,
  .page-products-category .changeStyle .box .subBox span:hover {
    color: #333 !important;
  }
  .page-products-category .changeStyle .box .subBox a {
    display: block;
    border-top: 1px solid #fff;
    color: #fff;
    height: 45px;
    line-height: 45px;
	text-align:center;
  }
  .page-products-category .changeStyle .box .subBox a.focus,
  .page-products-category .changeStyle .box .subBox a:hover {
    color: #333 !important;
  }
  .page-products-category .changeStyle .box .subBox2{
    display: none;
    position: absolute;
    left: 260px;
    top: 0;
    width: 260px;
	border:1px solid #fff;
    background: #e61d4c;
	z-index:1;
  }
  .page-products-category .changeStyle .box .subBox2 span {
    display: block;
    border-top: 1px solid #fff;
    color: #fff;
    height: 45px;
    line-height: 45px;
	text-align:center;
  }
  .page-products-category .changeStyle .box .subBox2 span.focus,
  .page-products-category .changeStyle .box .subBox2 span:hover {
    color: #333 !important;
  }
  .page-products-category .changeStyle .box .subBox2 a {
    display: block;
    border-top: 1px solid #fff;
    color: #fff;
    height: 45px;
    line-height: 45px;
	text-align:center;
  }
  .page-products-category .changeStyle .box .subBox2 a.focus,
  .page-products-category .changeStyle .box .subBox2 a:hover {
    color: #333 !important;
  }
  .page-products-category .changeStyle .box .subBox3{
    display: none;
    position: absolute;
    left: 260px;
    top: 0;
    width: 260px;
	border:1px solid #fff;
    background: #e61d4c;
  }
  .page-products-category .changeStyle .box .subBox3 span {
    display: block;
    border-top: 1px solid #fff;
    color: #fff;
    height: 45px;
    line-height: 45px;
	text-align:center;
  }
  .page-products-category .changeStyle .box .subBox3 span.focus,
  .page-products-category .changeStyle .box .subBox3 span:hover {
    color: #333 !important;
  }
  .page-products-category .changeStyle .box .subBox3 a {
    display: block;
    border-top: 1px solid #fff;
    color: #fff;
    height: 45px;
    line-height: 45px;
	text-align:center;
  }
  .page-products-category .changeStyle .box .subBox3 a.focus,
  .page-products-category .changeStyle .box .subBox3 a:hover {
    color: #333 !important;
  }
  .page-products-category .content-box .left-box {
    float: left;
    width: 290px;
    max-height: 670px;
    margin-right: -290px;
	overflow: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-products-category .content-box .right-box {
    margin-left: 343px;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-products-category .content-box .search {
    height: 36px;
	float:left;
	margin-left:300px;
	margin-top:-40px;
    background: #f5f5f5;
	border:1px solid #e61d4c;
	border-radius:5px;
    overflow: hidden;
  }
  .page-products-category .content-box .search i.ico {
    float: right;
    width: 36px;
    height: 36px;
    background: url('/images/front/pc/search.png') no-repeat center center;
    cursor: pointer;
  }
  .page-products-category .content-box .search .input {
    width: 200px;
    height: 36px;
    border: none;
    background: transparent;
    line-height: 36px;
    padding-left: 6px;
  }
  .page-products-category .content-box .menu .items {
    margin-top: 10px;
  }
  .page-products-category .content-box .menu .items .header {
    height: 36px;
    overflow: hidden;
    background: #e61d4c;
    color: #fff;
    cursor: pointer;
  }
  .page-products-category .content-box .menu .items .header h3 {
    font-size: 14px;
    line-height: 36px;
    float: left;
    max-width: 87%;
    overflow: hidden;
    height: 36px;
    padding-left: 8px;
  }
  .page-products-category .content-box .menu .items .header .ico {
    float: right;
    display: block;
    overflow: hidden;
    position: relative;
    top: 15px;
    margin-right: 8px;
    width: 0px;
    height: 0px;
    border: 5px dashed transparent;
    border-top: 5px solid #fff;
  }
  .page-products-category .content-box .menu .items .header .ico.focus {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 11px;
  }
  .page-products-category .content-box .menu .items .list {
    display: none;
  }
  .page-products-category .content-box .menu .items .list a {
    display: block;
    width: 100%;
    height: 36px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 36px;
    font-size: 12px;
    padding: 0 8px;
    overflow: hidden;
  }
  .page-products-category .content-box .menu .items .list a.focus,
  .page-products-category .content-box .menu .items .list a:hover {
    background: #f5f5f5;
  }
  .page-products-category .content-box .menu .items .items .header {
    background: transparent;
    color: #333;
  }
  .page-products-category .content-box .menu .items .items .header h3 {
    font-weight: normal;
    font-size: 12px;
  }
  .page-products-category .content-box .menu .items .items .header .ico {
    border-top-color: #3b3b3b;
  }
  .page-products-category .content-box .menu .items .items .list {
    padding-left: 20px;
  }
  .page-products-category .content-box .preview {
    overflow: hidden;
  }
  .page-products-category .content-box .preview .big-img {
    position: relative;
  }
  .page-products-category .content-box .preview .big-img span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center;
    width: 100%;
  }
  .page-products-category .content-box .preview .small-img {
    margin-top: 10px;
  }
  .page-products-category .content-box .preview .small-img .items {
    float: left;
    width: 20%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
    background: #fff;
    border: 1px solid transparent;
    cursor: pointer;
  }
  .page-products-category .content-box .preview .small-img .items.focus {
    border: 1px solid #e61d4c;
  }
  .page-products-category .content-box .infoTabs {
    margin-top: 90px;
  }
  .page-products-category .content-box .infoTabs nav {
    height: 55px;
  }
  .page-products-category .content-box .infoTabs nav a {
    display: block;
    float: left;
    text-align: center;
    background: #fff;
    width: 12.5%;
    height: 55px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid #fff;
    font-size: 16px;
    line-height: 55px;
    color: #333;
  }
 /* .page-products-category .content-box .infoTabs nav a.nth-child(1) {
    border-left: none;
  }*/
  .page-products-category .content-box .infoTabs nav a.focus {
    background-color: #e61d4c;
    color: #fff !important;
    border-left: 1px solid #e61d4c;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.31);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.31);
  }
  .page-products-category .content-box .infoTabs .content {
    background: #f5f5f5;
    margin-top: 0px;
    padding: 0px 5px;
    height: auto;
    overflow: hidden;
  }
  .page-products-category .content-box .infoTabs .content .ecoArchitecture {
    padding: 30px 20px;
    line-height: 24px;
  }
  .page-products-category .content-box .infoTabs .content .ecoArchitecture .ecoImage{
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
  }
  .page-products-category .content-box .infoTabs .content .items {
    display: none;
  }
  .page-products-category .content-box .infoTabs .content .standard {
    padding: 10px 20px;
    line-height: 24px;
  }
  .page-products-category .content-box .infoTabs .content .standard h3.title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box1 .row {
    border: 1px solid #d9d9d9;
  }
  .page-products-category .content-box .infoTabs .content .standard .box1 .p1 {
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    text-align: center;
    background: #cfcfcf;
    padding: 0 10px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box1 .p2 {
    padding: 20px 10px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box2 .p1 {
    height: 24px;
    overflow: hidden;
  }
  .page-products-category .content-box .infoTabs .content .standard .box2 .p1 span.s1 {
    display: block;
    float: left;
    width: 33.33%;
  }
  .page-products-category .content-box .infoTabs .content .standard .box4 .list {
    padding: 5px 0 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box4 .list .p1 {
    padding-bottom: 5px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box4 .list .p2 {
    font-size: 12px;
  }
  .page-products-category .content-box .infoTabs .content .resource {
    padding: 10px 20px;
    line-height: 24px;
  }
  .page-products-category .content-box .infoTabs .content .resource h3.title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 {
    height: 24px;
    overflow: hidden;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 .s1 {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: auto;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 .s1 .ico {
    float: left;
    margin-right: 5px;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 .s2 {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30%;
    text-align: center;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 .s3 {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20%;
    text-align: right;
    padding-right: 24px;
    background: url('/images/front/products-ico-6.png') no-repeat right center;
    cursor: pointer;
  }
  .page-products-category .content-box .infoTabs .content .resource .box2 li {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
  }
  .page-products-category .content-box .infoTabs .content .resource .box2 li img {
    cursor: pointer;
  }
  .page-products-category .content-box .infoTabs .content .serve {
    padding: 10px 20px;
    line-height: 24px;
  }
  .page-products-category .content-box .infoTabs .content .serve h3.title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box1 .list {
    padding: 5px 0 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box1 .list .p1 {
    padding-bottom: 5px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box1 .list .p2 {
    font-size: 12px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box1 .list:last-child {
    border-bottom: none;
  }
  .page-products-category .content-box .infoTabs .content .serve .box2 .textarea {
    height: 100px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    background: #fff;
  }
  .page-products-category .content-box .infoTabs .content .serve .box2 .textarea .wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .page-products-category .content-box .infoTabs .content .serve .box2 .textarea textarea {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    background: transparent;
    border: none;
    line-height: 25px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box2 .btn {
    margin-top: 10px;
    height: 36px;
    width: 76px;
    float: right;
    text-align: center;
    line-height: 36px;
    color: #fff;
    background: #e61d4c;
  }
  .page-about {
    line-height: 24px;
  }
  .page-about .bannerImg {
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-about .banner img {
    margin: 0 auto;
  }
  .page-about .intro {
    padding: 150px 0;
  }
  .page-about .intro p {
    margin-top: 10px;
  }
  .page-about .intro h3.title {
    font-weight: bold;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    padding-bottom: 60px;
  }
  .page-about .icos {
    padding: 30px 0 100px;
  }
  .page-about .icos .items {
    float: left;
    width: 33.33%;
    text-align: center;
  }
  .page-about .icos .items .ico {
    margin: 10px auto;
  }
  .page-about .icos .p1 {
    text-align: center;
    padding: 60px 0 40px;
  }
  .page-news .column {
    padding: 50px 0;
  }
  .page-news .column a {
    display: block;
    float: left;
    width: 160px;
    height: 52px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    background: #fff;
    text-align: center;
    line-height: 52px;
    margin-right: 30px;
  }
  .page-news .column a.focus {
    color: #fff !important;
    background: #e61d4c;
    border: 1px solid #e61d4c;
  }
  .page-news .banner #banner {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .page-news .news-list {
    padding: 80px 0 120px;
  }
  .page-news .news-list .list li {
    padding: 30px 0;
    border-bottom: 1px solid #d9d9d9;
    line-height: 24px;
    font-size: 12px;
  }
  .page-news .news-list .list li h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
  }
  .page-news .news-list .list li .time {
    padding: 10px 0 20px;
  }
  .page-news .news-list .list li .img-box {
    float: left;
	max-width:300px;
    margin-right: 20px;
  }
  .m-pagination {
    margin-top: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
  }
  .m-pagination a {
    display: block;
    float: left;
    margin: 0 5px;
    border: 1px solid #d9d9d9;
    padding: 0 10px;
    min-width: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-pagination a.focus {
    color: #333;
    background: #e61d4c;
    border: 1px solid #e61d4c;
  }
  .m-pagination a.disabled {
    background: #f1f1f1;
    color: #999;
  }
  .m-pagination span {
    padding-left: 15px;
  }
  .page-news-details .bannerImg{
	position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-news-details .details {
    padding: 40px 0 100px;
  }
  .page-news-details .details .header {
    padding-bottom: 30px;
  }
  .page-news-details .details .header h3 {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 15px;
  }
  .page-news-details .details .header .p1 {
    font-size: 12px;
    line-height: 20px;
  }
  .page-news-details .details .header .share {
    height: 30px;
    overflow: hidden;
    margin-top: 10px;
    border-bottom: 1px solid #d9d9d9;
    float: left;
    padding-bottom: 6px;
  }
  .page-news-details .details .header .share img.ico {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 15px;
    cursor: pointer;
  }
  .page-news-details .details .content {
    line-height: 22px;
  }
  .page-news-details .details .content img {
    padding-bottom: 20px;
  }
  .page-news-details .details .content p {
    margin-top: 15px;
  }
  .page-news-details .details .box1 {
    line-height: 30px;
    padding: 30px 0;
  }
  .page-news-details .details .box1 .p1 {
    text-align: right;
  }
  .page-news-details .details .box1 .p2 {
    text-align: left;
  }
  .page-news-details .details .box1 .p2 a {
    margin-right: 5px;
  }
  .page-news-details .details .recommend {
    margin-top: 30px;
    padding: 15px 0;
    border-top: 1px solid #d9d9d9;
  }
  .page-news-details .details .recommend .p1 {
    height: 30px;
    line-height: 30px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-news-details .discuss {
    padding-bottom: 50px;
  }
  .page-news-details .discuss .content {
    padding: 20px;
    border: 1px solid #d9d9d9;
    border-top: 4px solid #555b71;
  }
  .page-news-details .discuss .header {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
  }
  .page-news-details .discuss .header h3 {
    font-size: 18px;
    float: left;
  }
  .page-news-details .discuss .header h3:before {
    content: '';
    display: block;
    float: left;
    border-left: 0px solid grey;
    width: 30px;
    height: 30px;
    background: url('/images/front/products-ico-3.png') no-repeat left center;
  }
  .page-news-details .discuss .header .s1 {
    float: right;
    padding: 0 5px;
  }
  .page-news-details .discuss .header .s1 em {
    color: #f00;
  }
  .page-news-details .discuss .items {
    margin-top: 15px;
  }
  .page-news-details .discuss .items .photo {
    float: left;
    width: 44px;
    height: 44px;
    margin-right: -65px;
  }
  .page-news-details .discuss .items .box {
    margin-left: 65px;
  }
  .page-news-details .discuss .items .textarea {
    height: 66px;
    /* .hidden; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f4f4f4;
    border: 1px solid #cbcbcb;
    position: relative;
  }
  .page-news-details .discuss .items .textarea .wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .page-news-details .discuss .items .textarea i.ico {
    width: 9px;
    height: 12px;
    position: absolute;
    left: -8px;
    top: 10px;
    background: url('/images/front/products-ico-4.png') no-repeat left top;
  }
  .page-news-details .discuss .items .textarea textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    padding: 5px 10px;
    line-height: 19px;
  }
  .page-news-details .discuss .items .foot {
    margin-top: 15px;
    height: 36px;
    overflow: hidden;
    line-height: 36px;
  }
  .page-news-details .discuss .items .foot a {
    margin: 0 6px;
  }
  .page-news-details .discuss .items .foot .btn {
    float: right;
    width: 90px;
    height: 36px;
    color: #fff;
    text-align: center;
    background: #999;
    cursor: pointer;
    margin-left: 10px;
  }
  .page-news-details .discuss .items .txt {
    line-height: 24px;
  }
  .page-news-details .discuss .items .txt .p1 {
    max-height: 48px;
    overflow: hidden;
  }
  .page-news-details .discuss .items .txt .time {
    text-align: right;
    font-size: 12px;
    line-height: 20px;
  }
  .page-solution-market {
    line-height: 24px;
  }
  .page-solution-market .bannerImg{
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-solution-market .banner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .page-solution-market .img-banner img {
    margin: 0 auto;
  }
  .page-solution-market .box1 {
    padding: 150px 25% 80px;
    text-align: center;
  }
  .page-solution-market .box1 h3 {
    font-size: 40px;
    line-height: 2;
  }
  .page-solution-market .box2 {
    padding: 60px 0 100px 0;
    margin-bottom: 120px;
    position: relative;
    z-index: 999;
    font-size: 16px;
    line-height: 30px;
  }
  .page-solution-market .box2 .block {
    float: left;
    width: 400px;
    height: 280px;
    font-size: 50px;
    font-weight: bold;
    line-height: 80px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 60px 0 60px 60px;
    margin: -120px 40px 0 0;
    background: #fff;
    -webkit-box-shadow: 0 6px 40px rgba(135, 141, 173, 0.26);
            box-shadow: 0 6px 40px rgba(135, 141, 173, 0.26);
  }
  .page-solution-market .box3 {
    background: #f5f5f5;
    padding: 100px 0;
    margin-bottom: 200px;
  }
  .page-solution-market .box3 .img-box {
    float: right;
    width: 42%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-market .box3 .img-box img {
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);
            box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);
  }
  .page-solution-market .box3 .txt-box {
    float: right;
    width: 58%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 110px;
    padding-top: 20px;
  }
  .page-solution-market .box3 .txt-box .p1 {
    font-weight: bold;
    font-size: 38px;
    line-height: 1;
    margin-bottom: 10px;
    overflow: hidden;
    height: 50px;
  }
  .page-solution-market .box3 .txt-box a.btn {
    display: block;
    width: 154px;
    height: 54px;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #e61d4c;
    color: #e61d4c;
    text-align: center;
    font-size: 16px;
    line-height: 54px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  .page-solution-market .box3 .txt-box a.btn:hover {
    background: #e61d4c;
    color: #fff !important;
  }
  .page-solution-market .box4 {
    margin-top: -300px;
    position: relative;
    z-index: 999;
    padding-bottom: 70px;
  }
  .page-solution-market .box4 .txt-box {
    color: #fff;
    float: left;
    width: 60%;
  }
  .page-solution-market .box4 .txt-box .p1 {
    font-weight: bold;
    font-size: 48px;
    overflow: hidden;
    line-height: 1.2;
  }
  .page-solution-market .box4 .img-box1 {
    float: left;
    width: 30%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 130px 5% 0;
  }
  .page-solution-market .box4 .img-box2 {
    float: left;
    width: 10%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 100px;
  }
  .page-solution-market .box5 {
    background: #f5f5f5;
    padding: 100px 0;
    margin-top: 90px;
  }
  .page-solution-market .box5 .img-box {
    float: right;
    width: 42%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 50px;
  }
  .page-solution-market .box5 .img-box img {
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);
            box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);
  }
  .page-solution-market .box5 .txt-box {
    float: right;
    width: 58%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 110px;
  }
  .page-solution-market .box5 .txt-box .p1 {
    font-weight: bold;
    font-size: 38px;
    line-height: 1;
    margin-bottom: 10px;
    overflow: hidden;
    height: 50px;
  }
  .page-solution-market .box5 .txt-box a.btn {
    display: block;
    width: 154px;
    height: 54px;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #e61d4c;
    color: #e61d4c;
    text-align: center;
    font-size: 16px;
    line-height: 54px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  .page-solution-market .box5 .txt-box a.btn:hover {
    background: #e61d4c;
    color: #fff !important;
  }
  .page-solution-market .box6 {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1920px;
    margin: 0 auto;
    padding: 200px 0;
  }
  .page-solution-market .box6 .img-box {
    float: left;
    width: 56%;
  }
  .page-solution-market .box6 .img-box img {
    -webkit-box-shadow: 0 30px 40px rgba(31, 66, 42, 0.5);
            box-shadow: 0 30px 40px rgba(31, 66, 42, 0.5);
  }
  .page-solution-market .box6 .txt-box {
    float: right;
    width: 34%;
    text-align: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 20px;
  }
  .page-solution-market .box6 .txt-box .p1 {
    font-weight: bold;
    font-size: 40px;
    line-height: 1;
    margin-bottom: 15px;
  }
  .page-solution-market .box6 .txt-box .img {
    margin-top: 60px;
    float: right;
  }
  .page-solution-market .box7 {
    padding: 30px 0 150px;
  }
  .page-solution-market .box7 h3 {
    font-weight: bold;
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 30px;
    text-align: center;
  }
  .page-solution-market .box7 .img-box {
    padding: 0 90px;
  }
  .page-solution-resources {
    line-height: 24px;
  }
  .page-solution-resources .bannerImg{
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-solution-resources .content-box {
    padding: 20px 0 150px;
  }
  .page-solution-resources .data-table {
    text-align: center;
  }
  .page-solution-resources .data-table .td1 {
    width: 16%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-resources .data-table .td2 {
    width: 16%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-resources .data-table .td3 {
    width: 36%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 15px;
  }
  .page-solution-resources .data-table .td4 {
    width: 16%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-resources .data-table .td5 {
    width: 16%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-resources .data-table thead {
    line-height: 86px;
    font-size: 16px;
    height: 86px;
    overflow: hidden;
    background: #e61d4c;
    color: #fff;
  }
  .page-solution-resources .data-table tbody td {
    padding: 20px 0;
  }
  .page-solution-resources .data-table tbody .td3 {
    text-align: left;
  }
  .page-solution-resources .data-table tbody .img {
    display: inline;
    margin: 0 auto;
    vertical-align: middle;
    border: 6px solid #dbdbdb;
  }
  .page-solution-resources .data-table tbody .download {
    padding-left: 25px;
    background: url('/images/front/solution-ico-1.png') no-repeat left center;
  }
  .page-solution-resources .data-table tbody tr {
    background: #e8e8e8;
  }
  .page-solution-resources .data-table tbody tr:nth-child(2n+1) {
    background: #f5f5f5;
  }
  .page-solution-resources .data-table .type {
    position: relative;
    width: 100%;
    height: 86px;
  }
  .page-solution-resources .data-table .type .head {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .page-solution-resources .data-table .type .head i {
    width: 16px;
    height: 10px;
    background: url('/images/front/ico-3.png') no-repeat left top;
    margin-left: 5px;
  }
  .page-solution-resources .data-table .type .head i.focus {
    background: url('/images/front/ico-2.png') no-repeat left top;
  }
  .page-solution-resources .data-table .type .box {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #e61d4c;
  }
  .page-solution-resources .data-table .type .box a {
    display: block;
    border-top: 1px solid #fff;
    color: #fff;
    height: 66px;
    line-height: 66px;
  }
  .page-solution-resources .data-table .type .box a:hover {
    color: #333 !important;
  }
  .page-solution-resources .content-box .m-pagination a:focus{
    color:#fff !important;
  }
  .page-products-appointment {
    line-height: 24px;
  }
  .page-products-appointment h3.title {
    height: 20px;
    font-size: 18px;
    line-height: 20px;
  }
  .page-products-appointment .box1 {
    margin-top: 20px;
  }
  .page-products-appointment .box1 li {
    float: left;
    width: 40%;
    height: 84px;
    line-height: 84px;
    background: #f5f5f5;
    margin-top: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
  }
  .page-products-appointment .box1 li:nth-child(2n) {
    float: right;
  }
  .page-products-appointment .box1 li span.s1 {
    float: left;
  }
  .page-products-appointment .box1 li span.s2 {
    float: right;
    cursor: pointer;
  }
  .page-products-appointment .box1 li span.s2:hover {
    color: #e61d4c;
  }
  .page-products-appointment .box2 {
    margin-top: 60px;
    padding-bottom: 30px;
  }
  .page-products-appointment .box2 .map {
    padding: 30px 0;
    min-height: 600px;
  }
  .page-products-appointment .book {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    line-height: 24px;
  }
  .page-products-appointment .book .wrapper {
    height: 100%;
    position: relative;
    zoom: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
  }
  .page-products-appointment .book .wrapper .content {
    width: 82%;
    height: 520px;
    overflow: hidden;
    position: absolute;
    left: 9%;
    top: 50%;
    margin-top: -260px;
    background: #fff;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .page-products-appointment .book .wrapper .box {
    width: 90%;
    height: 520px;
    margin: 0 auto;
  }
  .page-products-appointment .book .wrapper .close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: url('/images/front/login-2.jpg') no-repeat right top;
    cursor: pointer;
  }
  .page-products-appointment .book .wrapper h3.t1 {
    height: 18px;
    font-size: 16px;
    line-height: 18px;
    overflow: hidden;
    margin: 40px 0 15px;
  }
  .page-products-appointment .book .wrapper .intro-box {
    max-height: 190px;
    overflow: hidden;
  }
  .page-products-appointment .book .wrapper .apply-box .input {
    margin-bottom: 20px;
    width: 350px;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
    background: #f5f5f5;
  }
  .page-products-appointment .book .wrapper .apply-box .send {
    margin-bottom: 20px;
    display: block;
    float: right;
    color: #fff;
    width: 84px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #e61d4c;
    cursor: pointer;
  }
  
  .page-join_us .content-box {
    padding: 30px 0 80px;
  }
  .page-join_us .bannerImg{
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-join_us .job-box {
    margin-top: 75px;
    text-align: center;
    line-height: 66px;
  }
  .page-join_us .job-box .category {
    float: left;
    margin-right: -340px;
    width: 340px;
    /* min-height: 200px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
  }
  .page-join_us .job-box .category .head {
    height: 66px;
    font-size: 16px;
    overflow: hidden;
    background: #f5f5f5;
  }
  .page-join_us .job-box .category .list a {
    display: block;
    height: 66px;
    overflow: hidden;
  }
  .page-join_us .job-box .data-list {
    margin-left: 400px;
    /* min-height: 200px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
  }
  .page-join_us .job-box .data-list .head {
    height: 66px;
    font-size: 16px;
    overflow: hidden;
    background: #f5f5f5;
    font-weight: bold;
  }
  .page-join_us .job-box .data-list .head span {
    display: block;
    float: left;
  }
  .page-join_us .job-box .data-list .head span.s1 {
    width: 30%;
  }
  .page-join_us .job-box .data-list .head span.s2 {
    width: 30%;
  }
  .page-join_us .job-box .data-list .head span.s3 {
    width: 20%;
  }
  .page-join_us .job-box .data-list .head span.s4 {
    width: 20%;
  }
  .page-join_us .job-box .data-list .list .items {
    height: 66px;
    overflow: hidden;
  }
  .page-join_us .job-box .data-list .list .items span {
    display: block;
    float: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-join_us .job-box .data-list .list .items span.s1 {
    width: 30%;
  }
  .page-join_us .job-box .data-list .list .items span.s2 {
    width: 30%;
  }
  .page-join_us .job-box .data-list .list .items span.s3 {
    width: 20%;
  }
  .page-join_us .job-box .data-list .list .items span.s4 {
    width: 20%;
  }
  .page-join_us .job-desc {
    margin-top: 60px;
    background: #f5f5f5;
    padding: 20px 30px 30px;
    line-height: 24px;
    border: 1px solid #d9d9d9;
  }
  .page-join_us .job-desc .t1 {
    font-size: 16px;
    padding: 5px 0;
  }
  .page-join_us .job-desc p {
    margin-top: 5px;
  }
  .page-join_us .job-welfare {
    position: relative;
    margin-top: 80px;
    background: #EEF3FA;
    padding: 30px 80px 50px 200px;
    color: #333;
    line-height: 24px;
  }
  .page-join_us .job-welfare .t1 {
    font-size: 40px;
    font-weight: bold;
    padding: 20px 0 30px;
  }
  .page-join_us .job-welfare .ico {
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 50px;
    width: 170px;
    font-size: 300px;
    line-height: 100%;
    text-align: center;
  }
  .page-join_us .form-box {
    width: 86%;
    margin: 100px auto 50px;
  }
  .page-join_us .form-box .t1 {
    font-size: 30px;
    padding: 60px 0;
    text-align: center;
  }
  .page-join_us .form-box dl {
    margin-top: 25px;
  }
  .page-join_us .form-box dl.dl-1 {
    width: 436px;
    max-width: 45%;
    overflow: hidden;
    float: left;
  }
  .page-join_us .form-box dl.dl-1:nth-child(2n+1) {
    float: right;
  }
  .page-join_us .form-box dl.dl-2 dd {
    height: 144px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-join_us .form-box dl dt {
    line-height: 30px;
  }
  .page-join_us .form-box dl .input {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    background: transparent;
  }
  .page-join_us .form-box dl .textarea {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    background: transparent;
    line-height: 28px;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-join_us .form-box .send {
    margin: 30px auto 0;
    color: #fff;
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #343434;
    cursor: pointer;
  }
  .page-join_us .form-box .send:hover {
    background: #e61d4c;
    color: #fff;
  }
  .page-feedback .bannerImg{
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-feedback .form-box {
    width: 86%;
    margin: 0 auto;
    padding: 30px 0 60px;
  }
  .page-feedback .form-box .t1 {
    font-size: 30px;
    padding: 60px 0;
    text-align: center;
  }
  .page-feedback .form-box dl {
    margin-top: 25px;
  }
  .page-feedback .form-box dl.dl-1 {
    width: 436px;
    max-width: 45%;
    overflow: hidden;
    float: left;
  }
  .page-feedback .form-box dl.dl-1:nth-child(2n) {
    float: right;
  }
  .page-feedback .form-box dl.dl-2 dd {
    height: 144px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-feedback .form-box dl dt {
    line-height: 30px;
  }
  .page-feedback .form-box dl .input {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    background: transparent;
  }
  .page-feedback .form-box dl .textarea {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    background: transparent;
    line-height: 28px;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-feedback .form-box .send {
    margin: 30px auto;
    color: #fff;
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #343434;
    cursor: pointer;
  }
  .page-onLine {
    line-height: 24px;
  }
  .page-onLine .bannerImg {
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-onLine .content-box {
    padding: 20px 0 120px;
  }
  .page-onLine .data-table {
    text-align: center;
  }
  .page-onLine .data-table .td1 {
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-onLine .data-table .td2 {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-onLine .data-table .td2 .box1 {
    display: table;
    margin: 0 auto;
  }
  .page-onLine .data-table .td3 {
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-onLine .data-table thead {
    line-height: 50px;
    font-size: 16px;
    height: 50px;
    overflow: hidden;
    background: #e61d4c;
    color: #fff;
  }
  .page-onLine .data-table tbody td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
  }
  .page-onLine .data-table tbody .td2 {
    text-align: left;
  }
  .page-onLine .data-table tbody tr {
    background: #f5f5f5;
	height:80px;
  }
  .page-onLine .data-table tbody .p1 {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
  }
  .page-onLine .data-table tbody .p1 span {
    float: left;
    display: block;
    padding-left: 40px;
  }
  .page-onLine .data-table tbody .p1 span.s1 {
    background: url('/images/front/ico-phone.png') no-repeat left center;
  }
  .page-onLine .data-table tbody .p1 span.s2 {
    margin-left: 40px;
    background: url('/images/front/ico-wechat.png') no-repeat left center;
  }
  .page-help {
    line-height: 24px;
  }
  .page-help .bannerImg{
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-help .content-box {
    padding-bottom: 130px;
    padding-top: 30px;
  }
  .page-help .list {
    width: 45%;
    max-width: 540px;
    float: left;
  }
  .page-help .list:nth-child(2n) {
    float: right;
  }
  .page-help .list h3.title {
    font-size: 22px;
    line-height: 33px;
    padding-left: 40px;
    margin: 20px 0;
  }
  .page-help .list h3.title.t1 {
    background: url('/images/front/help-ico-1.png') no-repeat left center;
  }
  .page-help .list h3.title.t2 {
    background: url('/images/front/help-ico-2.png') no-repeat left center;
  }
  .page-help .list .items {
    border-bottom: 1px solid #d9d9d9;
  }
  .page-help .list .items .head {
    height: 108px;
    overflow: hidden;
    line-height: 108px;
    position: relative;
  }
  .page-help .list .items .head .s1 {
    float: left;
    width: 90%;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-help .list .items .head .ico {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url('/images/front/help-ico-3.png') no-repeat left top;
    cursor: pointer;
  }
  .page-help .list .items .head .ico.focus {
    background: url('/images/front/help-ico-4.png') no-repeat left top;
  }
  .page-help .list .items .head .link {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url('/images/front/help-ico-5.png') no-repeat left top;
    cursor: pointer;
  }
  .page-help .list .items .box {
    display: none;
    font-size: 12px;
    padding: 12px 15px 25px;
    background: #f5f5f5;
  }
  .page-solution-product {
    line-height: 24px;
    max-width: 100%;
    overflow-x: hidden;
  }
  .page-solution-product .bannerImg {
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-solution-product .box1 {
    padding: 50px 0;
  }
  .page-solution-product .box2 {
    padding: 90px 0 50px;
  }
  .page-solution-product .box2 li {
    float: left;
    width: 33.33%;
    margin: 70px 0;
    overflow: hidden;
  }
  .page-solution-product .box2 li:nth-child(3n-2) .img-box {
    float: left;
  }
  .page-solution-product .box2 li:nth-child(3n-1) .img-box {
    margin: 0 auto;
  }
  .page-solution-product .box2 li:nth-child(3n) .img-box {
    float: right;
  }
  .page-solution-product .box2 .img-box {
    max-width: 220px;
    background: #f1f1f1;
    display: table;
    padding: 50px 70px 0;
  }
  .page-solution-product .box2 .img-box img {
    margin: 0 auto;
  }
  .page-solution-product .box2 .p1 {
    max-width: 220px;
    height: 76px;
    line-height: 76px;
    overflow: hidden;
    text-align: center;
  }
  .page-solution-product .box3 {
    padding: 180px 0 50px;
  }
  .page-solution-product .box3 img {
    margin: 0 auto;
  }
  .page-solution-product .box4 {
    margin-bottom: 80px;
  }
  .page-solution-product .box4 .row {
    background: #459ed6;
    position: relative;
  }
  .page-solution-product .box4 .txt {
    padding: 30px 40px;
    background: #EEF3FA;
	color:#333;
    font-size: 12px;
    line-height: 24px;
  }
  .page-solution-product .box4 .txt .title {
    font-size: 30px;
    line-height: 1.5;
    padding-bottom: 20px;
  }
  .page-solution-product .box4 .download {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
  }
  .page-solution-product .box4 .download .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .page-solution-product .box4 .download .wrapper .box {
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-bottom: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    background: url('/images/front/products-ico-2.png') no-repeat center bottom;
  }
  .page-solution-product .txt-box {
    padding: 100px 25% 80px;
    text-align: center;
  }
  .page-solution-product .txt-box h3 {
    font-size: 40px;
    line-height: 2;
  }
  .page-solution-product .banner {
    background: #EEF3FA;
    color: black;
  }
  .page-solution-product .banner.last-box {
    margin-bottom: 100px;
  }
  .page-solution-product .banner .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .page-solution-product .banner .swiper-box {
    padding: 40px 0 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-product .banner .swiper-box .items {
    position: relative;
  }
  .page-solution-product .banner .swiper-box .items .img {
    float: left;
    width: 65%;
  }
  .page-solution-product .banner .swiper-box .items .txt {
    color: #333;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 35%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px 0 30px;
    font-size: 16px;
    line-height: 36px;
  }
  .page-solution-product .banner .swiper-box .items .txt h3 {
    font-size: 24px;
    line-height: 30px;
    padding: 30px 0;
  }
  .page-solution-product .banner .time-box {
    position: relative;
    width: 100%;
    height: 60px;
    padding-bottom: 10px;
    color: #333;
  }
  .page-solution-product .banner .time-box .line {
    position: absolute;
    /* left: 10%; right: 10%; */
    top: 9px;
    height: 3px;
    background: #717171;
  }
  .page-solution-product .banner .time-box .items {
    float: left;
    /* width: 20%; */
    height: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    line-height: 40px;
  }
  .page-solution-product .banner .time-box .items i.ico {
    display: block;
    margin: 0 auto;
    width: 8px;
    height: 8px;
    background: #fff;
    border: 6px solid #4a4a4a;
    border-radius: 100%;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    position: relative;
    z-index: 22;
    cursor: pointer;
  }
  .page-solution-product .banner .time-box .items i.ico.focus,
  .page-solution-product .banner .time-box .items i.ico:hover {
    background: #fff;
    border: 6px solid #e62251;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  .page-solution-product .banner .time-box.one-box {
    display: none;
  }
  .page-solution-product .banner .time-box.two-box .line {
    left: 25%;
    right: 25%;
  }
  .page-solution-product .banner .time-box.two-box .items {
    width: 50%;
  }
  .page-solution-product .banner .time-box.three-box .line {
    left: 16.666%;
    right: 16.666%;
  }
  .page-solution-product .banner .time-box.three-box .items {
    width: 33.333%;
  }
  .page-solution-product .banner .time-box.four-box .line {
    left: 12.5%;
    right: 12.5%;
  }
  .page-solution-product .banner .time-box.four-box .items {
    width: 25%;
  }
  .page-solution-product .banner .time-box.five-box .line {
    left: 10%;
    right: 10%;
  }
  .page-solution-product .banner .time-box.five-box .items {
    width: 20%;
  }
  .page-solution-product .banner .time-box.six-box .line {
    left: 8.333%;
    right: 8.333%;
  }
  .page-solution-product .banner .time-box.six-box .items {
    width: 16.666%;
  }
  .page-solution-product .banner .right-box {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 3000px;
    background: #e62251;
    margin-left: 100px;
  }
  .page-solution-product .banner .right-box .txt {
    font-size: 90px;
    height: 90px;
    width: 256px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -45px;
  }
  .page-solution-product .banner .left-box {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 256px;
  }
  .page-solution-product .banner .left-box i.ico {
    display: block;
    width: 66px;
    height: 176px;
    position: absolute;
    left: 30%;
    top: 45%;
    margin: -88px 0 0 -33px;
    background: url('/images/front/ico-1.png') no-repeat left top;
    cursor: pointer;
  }
  .page-search .no-data {
    text-align: center;
    padding: 50px 0;
  }
  .page-search .search-list {
    padding: 50px 0;
  }
  .page-search .search-list .items {
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 15px;
    line-height: 22px;
  }
  .page-search .search-list .items h3 {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 5px;
  }
  .page-search .search-list .items:nth-child(1) {
    border-top: 1px solid #d9d9d9;
  }
  .page-search .search-box {
    padding: 50px 0 40px;
  }
  .page-search .search-box .box {
    width: 350px;
    height: 34px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
  }
  .page-search .search-box .ico {
    width: 32px;
    height: 32px;
  }
  .page-search .search-box .ico.i1 {
    float: left;
    background: url('/images/front/search-ico1.png') no-repeat center center;
  }
  .page-search .search-box .ico.i2 {
    float: right;
    background: url('/images/front/search-ico2.png') no-repeat center center;
  }
  .page-search .search-box .input-box {
    height: 32px;
    position: absolute;
    left: 36px;
    right: 36px;
    top: 0px;
  }
  .page-search .search-box .input-box input {
    display: block;
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
    line-height: 100%;
  }
  .page-search .search-nav {
    border-bottom: 1px solid #d9d9d9;
    height: 40px;
    line-height: 40px;
    margin-bottom: 40px;
  }
  .page-search .search-nav a {
    display: block;
    float: left;
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
    margin-right: 40px;
  }
  .page-search .search-nav a.focus {
    color: #303030;
    border-bottom: 1px solid #303030;
  }
  .page-search .search-nav p {
    padding-left: 15px;
  }
  .page-search .search-list2 {
    padding: 50px 0;
  }
  .page-search .search-list2 li {
    width: 33.33%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 15px;
  }
  .page-search .search-list2 li span {
    display: block;
    font-size: 16px;
    line-height: 30px;
    padding-top: 5px;
  }
  .page-products-courseware-video {
    line-height: 24px;
  }
  .page-products-courseware-video .m-breadcrumd {
    height: 40px;
    background: #f5f5f5;
    line-height: 40px;
    color: #bbb;
	margin-top:22px;
  }
  .page-products-courseware-video .m-breadcrumd span {
    padding: 0 4px 0 6px;
  }
  .page-products-courseware-video .video-box .video {
    width: 800px;
    height: 600px;
    max-height: 100%;
    max-width: 100%;
    margin: 50px auto;
    display: block;
  }
  .page-products-courseware-video .video-list {
    padding: 50px 0;
  }
  .page-products-courseware-video .video-list .header {
    height: 28px;
    overflow: hidden;
    line-height: 28px;
  }
  .page-products-courseware-video .video-list .header h3.title {
    font-size: 18px;
  }
  .page-products-courseware-video .video-list li {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px;
  }
  .page-products-courseware-video .video-list li .p1 {
    font-size: 16px;
    padding-top: 10px;
    height: 24px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-products-courseware-video .video-list li .p2 {
    font-size: 12px;
    height: 24px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-solution-marketList {
    line-height: 24px;
  }
  .page-solution-marketList .bannerImg{
    position: relative;
    width: 100%;
	top:-82px;
    overflow: hidden;
  }
  .page-solution-marketList .txt-desc {
    padding: 50px 0;
  }
  .page-solution-marketList .txt-desc .p1 {
    font-size: 110px;
    line-height: 1;
  }
  .page-solution-marketList .txt-desc .p1 span {
    font-weight: bold;
    padding-right: 15px;
    position: relative;
    top: -10px;
  }
  .page-solution-marketList .list-box {
    padding: 30px 0;
  }
  .page-solution-marketList .list-box ul {
    margin: 0 -16px;
  }
  .page-solution-marketList .list-box li {
    float: left;
    position: relative;
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 16px;
    margin: 20px 0;
  }
  .page-solution-marketList .list-box li span.s1 {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 30px;
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: right;
    font-size: 16px;
    color: #fff;
  }
  .page-solution-marketList .img-box {
    padding: 80px 0 50px;
  }
  .page-solution-marketList .img-box .txt {
    padding: 40px 0;
    text-align: center;
  }
  .page-solution-marketList .box1 {
    margin: 30px 0 100px;
    background: #EEF3FA;
  }
  .page-solution-marketList .box1 .row {
    position: relative;
    padding: 45px 30px 60px 200px;
    color: #333;
    line-height: 24px;
  }
  .page-solution-marketList .box1 .t1 {
    font-size: 60px;
    font-weight: bold;
    padding: 20px 0 30px;
  }
  .page-solution-marketList .box1 .ico {
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 50px;
    width: 170px;
    font-size: 300px;
    line-height: 100%;
    text-align: center;
  }
  .page-signin-simple {
    line-height: 24px;
    padding: 50px 0 150px;
  }
  .page-signin-simple .title {
    font-size: 30px;
    line-height: 2;
    text-align: center;
    padding: 30px 0;
  }
  .page-signin-simple .pa {
    padding-top: 25px;
  }
  .page-signin-simple .pa h3 {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 813px) and (max-width: 1040px) {
  .m-head .search {
    display: none;
  }
}
@media only screen and (min-width: 813px) and (max-width: 1450px) {
  .page-solution-product .banner .right-box {
    display: none;
  }
  .page-solution-product .banner .left-box {
    display: none;
  }
}
@media only screen and (min-width: 813px) and (max-width: 1000px) {
  .page-solution-product .box2 li {
    margin: 25px 0;
  }
  .page-solution-product .box2 .img-box {
    padding: 25px 35px 0;
  }
  .page-solution-product .box2 .p1 {
    height: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 812px) {
  .clearfix:before,
  .clearfix:after {
    content: "";
    display: table;
  }
  .clearfix:after {
    clear: both;
  }
  .clearfix {
    zoom: 1;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .hidden {
    overflow: hidden;
  }
  .dis {
    display: block;
  }
  .undis {
    display: none;
  }
  .orange {
    color: #ff8a18;
  }
  .grey {
    color: #bcc4d2;
  }
  .red {
    color: #ed3c26;
  }
  .green {
    color: #34be1e;
  }
  .tl {
    text-align: left;
  }
  .tc {
    text-align: center;
  }
  .tr {
    text-align: right;
  }
  .mt5 {
    margin-top: 5px;
  }
  .mt10 {
    margin-top: 10px;
  }
  .mt15 {
    margin-top: 15px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .mt30 {
    margin-top: 30px;
  }
  .mt40 {
    margin-top: 40px;
  }
  .mt50 {
    margin-top: 50px;
  }
  .mt100 {
    margin-top: 100px;
  }
  .ml5 {
    margin-left: 5px;
  }
  .ml10 {
    margin-left: 10px;
  }
  .ml15 {
    margin-left: 15px;
  }
  .ml20 {
    margin-left: 20px;
  }
  .mr5 {
    margin-right: 5px;
  }
  .mr10 {
    margin-right: 10px;
  }
  .mr15 {
    margin-right: 15px;
  }
  .mr20 {
    margin-right: 20px;
  }
  .mb10 {
    margin-bottom: 10px;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  .underline {
    text-decoration: underline;
  }
  .txt-ellipsis {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  /* 相同的文件起另外一个名字再引入是是为在pc.less引入之后，再在wap.less引入会报错，莫名其妙 */
  a:hover,
  a.focus {
    color: #e61d4c;
  }
  .color {
    color: #333;
  }
  .color-focus {
    color: #e61d4c;
  }
  .color-blue {
    color: #00b4ff;
  }
  .color-grey {
    color: #bbb;
  }
  .color-white {
    color: #fff;
  }
  .color-red {
    color: #e61d4c;
  }
  .background-focus {
    background: #e61d4c;
  }
  .border-color {
    border-color: #e61d4c;
  }
  .row {
    zoom: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  [class*="col-"] {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bannerImage{
    position: relative;
    width: 100%;
    top:-6px;
    overflow: hidden;
  }
  .m-head {
    height: 88px;
    background: #023F50;
    position: relative;
    z-index: 999;
  }
  .m-head .parentDiv {
    display: none;
  }
  .m-head .logo {
    height: 20px;
    width: 80px;
    float: left;
    margin-left: 30px;
    padding: 37px 0;
  }
  .m-head .logo a {
    display: block;
    height: 100%;
    background: url('/images/front/pc/logo.png') no-repeat left center;
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
  }
  .m-head .nav {
    display: none;
  }
  .m-head .search {
    display: none;
  }
  .m-head .language {
    display: none;
  }
  .m-head .register-ico {
    display: none;
  }
  .m-head .span-ico {
    display: none;
  }
  .m-head .login-ico {
    display: none;
  }
  .m-head .user {
    display: none;
  }
  .m-head .nav-ico-wap {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/front/wap/ico-nav.png') no-repeat center center;
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
  }
  .m-head .nav-ico-wap.close {
    background: url('/images/front/wap/ico-nav-close.png') no-repeat center center;
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
  }
  .m-head .nav-mask-wap {
    display: none;
    position: fixed;
    left: 0;
    top: 88px;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
  .m-head .nav-wap {
    display: none;
    position: absolute;
    right: 0;
    top: 88px;
    z-index: 999;
    background: #204A50;
    width: 140px;
  }
  .m-head .nav-wap a {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-size: 10px;
  }
  .m-head .nav-wap a:last-child {
    border-bottom: none;
  }
  .m-head .nav-wap a.focus,
  .m-head .nav-wap a:hover {
    background: #023F50;
  }
  .m-head .nav-wap2 {
    display: none;
    position: absolute;
    right: 0;
    top: 88px;
    z-index: 999;
    background: #204A50;
    width: 140px;
  }
  .m-head .nav-wap2 a {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-size: 10px;
  }
  .m-head .nav-wap2 a:last-child {
    border-bottom: none;
  }
  .m-head .nav-wap2 a.focus,
  .m-head .nav-wap2 a:hover {
    background: #023F50;
  }
  .m-head .search-ico-wap {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/front/pc/language_en.svg') no-repeat center center;
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    position: absolute;
    right: 90px;
    top: 30px;
    cursor: pointer;
  }
  .m-head .search-ico-wap2 {
    display: block;
    width: 32px;
    height: 32px;
    /*background: url('/images/front/pc/language_en.svg') no-repeat center center;*/
    /*-webkit-background-size: 100% 100%;*/
    /*background-size: 100% 100%;*/
    position: absolute;
    right: 90px;
    top: 30px;
    cursor: pointer;
  }
  .m-head .language .list-box {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    width: 110px;
    background: #1a1a1a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 13px;
  }
  .m-head .language .list-box a {
    display: block;
    line-height: 26px;
    color: #fff;
  }
  .nav-product-box {
    display: none;
  }
  .m-search-box {
    padding: 0 10px 20px;
    display: none;
  }
  .m-search-box .box {
    width: 100%;
    height: 34px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
  }
  .m-search-box .ico {
    width: 32px;
    height: 32px;
  }
  .m-search-box .ico.i1 {
    float: left;
    background: url('/images/front/search-ico1.png') no-repeat center center;
  }
  .m-search-box .ico.i2 {
    float: right;
    background: url('/images/front/search-ico2.png') no-repeat center center;
  }
  .m-search-box .input-box {
    height: 32px;
    position: absolute;
    left: 36px;
    right: 36px;
    top: 0px;
  }
  .m-search-box .input-box input {
    display: block;
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
    line-height: 100%;
  }
  .systemFirst{
    width: 100%;
    margin-top:40px;
    display: flex;
    /*flex-wrap: wrap;*/
    align-items:center;
    justify-content:center;
    flex-direction: column;
  }
  .systemFirst .firstImage{
    width: 85%;
    height: 162px;
    margin-top: 20px;
    display: flex;
    align-items:center;
    justify-content:center;
    order: 2;
  }
  .systemFirst .firstImage .firstImg{
    max-width: 100%;
    max-height: 162px;
    width: auto;
    height: auto;
  }
  .systemFirst .firstContent{
    width: 85%;
    height: auto;
    order: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .systemFirst .firstContent h3{
    color:#2A2A2A;
    font-size: 22.5px;
    font-weight: bold;
  }
  .systemFirst .firstContent span{
    display: block;
    height: auto;
    line-height: 1.5em;
    margin-top: 20px;
    font-size: 12px;
    color: #2A2A2A;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .systemFirst .firstContent .firstContent-a{
    display: block;
    width: 224px;
    height: 33px;
    line-height: 33px;
    margin-top: 18px;
    text-align: center;
    border-radius: 25px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:white;
  }
  .systemFirst .firstContent .firstContent-a:hover{
    color:white !important;
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .systemSecond{
    display: flex;
    width: 100%;
    margin-top:40px;
    align-items:center;
    justify-content:center;
  }
  .systemSecond .secondImage{
    width: 82%;
  }
  .systemThird{
    width: 100%;
    margin-top:40px;
    display: flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
  }
  .systemThird .thirdElement{
    width:80%;
    height:210px;
    display: flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
  }
  .systemThird .thirdElement img{
    width:163.5px;
    height: 104.5px;
    border-radius: 10px;
    cursor: pointer;
  }
  .systemThird .thirdElement span{
    display: block;
    width:100%;
    height:auto;
    margin-top:10px;
    line-height: 1.5em;
    text-align: left;
    font-size: 10px;
  }
  .systemSubmit{
    width: 100%;
    margin-top:40px;
    margin-bottom:50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items:top;
    justify-content:center;
  }
  .systemSubmit .customerForm{
    background: #175C68;
    order:1;
  }
  .systemSubmit h3{
    margin-top: 30px;
    margin-left: 30px;
    font-size: 22.5px;
    color:#FFFFFF;
    font-weight: normal;
  }
  .systemSubmit .customerInfo{
    display: block;
    width:85%;
    height:auto;
    margin-top:50px;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  .systemSubmit .customerInfo dl{
    margin-top: 20px;
  }
  .systemSubmit .customerInfo dl dt{
    color:#FFFFFF;
    font-size: 14px;
    font-weight: bold;
  }
  .systemSubmit .customerInfo .customerInput{
    width:95%;
    height:40px;
    margin-top:10px;
    padding-left:15px;
    padding-right:15px;
    border: 0px;
    border-radius: 5px;
    background: transparent;
    color: #FFFFFF;
    font-size: 13px;
  }
  .systemSubmit .customerInfo .customerInput:focus{
    border: 1px solid #FFFFFF;
  }
  .systemSubmit .customerInfo .customerInput option{
    background-color: #175C68;
    color:#FFFFFF !important;
  }
  .systemSubmit .customerInfo .customerTextarea{
    width:95%;
    height:240px;
    margin-top:5px;
    padding:5px 15px 5px 15px;
    border: 0px;
    border-radius: 5px;
    background: transparent;
    color: #FFFFFF;
    font-size: 13px;
    overflow: hidden;
  }
  .systemSubmit .customerInfo .customerTextarea:focus{
    border: 1px solid #FFFFFF;
  }
  .systemSubmit .customerInfo .tipSpan{
    display: none;
    margin-top: 5px;
    color:#FFFFFF !important;
    font-size: 12px;
  }
  .systemSubmit .customerInfo p{
    color: #BBBBBB;
    font-size: .875rem;
    line-height: 1.25rem;
  }
  .systemSubmit .customerInfo .customerA{
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 10px;
    background: linear-gradient(274deg, rgb(75, 125, 188) -43.66%, rgb(75, 125, 188) 37.17%, rgb(167, 127, 154) 126.96%);
    color:#fff;
    font-size: 18px;
  }
  .systemSubmit .customerInfo .customerA:hover{
    color:#fff !important;
    background: linear-gradient(274deg, rgb(167, 127, 154) -43.66%, rgb(75, 125, 188) 50.17%, rgb(75, 125, 188) 126.96%);
  }
  .systemSubmit .submitSuccess{
    display: none;
    width:92%;
    height:auto;
    margin-top:121px;
    text-align: center;
  }
  .systemSubmit .submitSuccess span{
    color:#F06B60;
    line-height: 1.5rem;
  }
  .systemSubmit .questionInfo{
    order: 2;
    width:85%;
    height:auto;
    margin-top: 30px;
    margin-left: 30px;
  }
  .systemSubmit .questionInfo .questionContent {
    margin-top:40px;
  }
  .systemSubmit .questionInfo h2{
    color: rgb(152 95 140);
    font-size: 18px;
    font-weight: 570;
    letter-spacing: .40px;
  }
  .systemSubmit .questionInfo .questionContent img{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
  }
  .systemSubmit .questionInfo .questionContent p{
    display: inline-block;
    width:80%;
    vertical-align: middle;
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
  }
  .systemSubmit .questionInfo .questionContent span{
    display: block;
    padding-top: 15px;
    padding-left: 50px;
    color:#8F9093;
    font-size: 14px;
    font-style: normal;
    font-weight: 350;
    line-height: 1.5rem;
  }
  .m-foot {
    background: #EEF3FA;
    padding: 30px 0 15px 10px;
    color: #5f5f5f;
    font-size: 12px;
    line-height: 30px;
  }
  .m-foot .footLinks{
    float: left;
    width: 60%;
    margin-top: -50px;
  }
  .m-foot .links h4 {
    color: #5f5f5f;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 8em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .m-foot .links a{
    color: #5f5f5f;
    width: 100%;
    line-height: 1.2em;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-foot .links .A10{
    margin-top: -255px;
  }
  .m-foot .links .A11{
    margin-top: -145px;
  }
  .m-foot .links .A12{
    margin-top: -35px;
  }
  .m-foot .links .A20{
    margin-top: -230px;
  }
  .m-foot .links .A21{
    margin-top: -120px;
  }
  .m-foot .links a:hover,
  .m-foot .links a.focus {
    color: #3C84BD;
  }
  .m-foot .subscription{
    float: right;
    width:40% !important;
  }
  .m-foot .subscription img{
    width:100%;
  }
  .m-foot .subscription .btn {
    width: 125px;
    height: 45px;
    color: #f0f0f0;
    background: #e61d4c;
    line-height: 45px;
    text-align: center;
    margin: 0 auto;
    display: table;
  }
  .m-foot .subscription .input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
    background: #343434;
    height: 45px;
    width: 60%;
    padding: 0 10px;
    color: #fff;
    line-height: 45px;
    margin: 9px 0;
  }
  .m-foot .follow-us {
    display: table;
    margin: 0 auto;
    position: relative;
  }
  .m-foot .follow-us .ico {
    width: 28px;
    height: 28px;
    float: left;
    margin-right: 20px;
    display: block;
    overflow: hidden;
  }
  .m-foot .follow-us .ico.i1 {
    background: url('/images/front/follow-us-1.png') no-repeat left top;
  }
  .m-foot .follow-us .ico.i2 {
    background: url('/images/front/follow-us-2.png') no-repeat left top;
  }
  .m-foot .follow-us .ico.i3 {
    background: url('/images/front/follow-us-3.png') no-repeat left top;
  }
  .m-foot .follow-us .ico.i4 {
    background: url('/images/front/follow-us-4.png') no-repeat left top;
  }
  .m-foot .follow-us .ico img {
    width: 100%;
    height: 100%;
  }
  .m-foot .follow-us .box1 {
    display: none;
    width: 210px;
    height: 86px;
    padding: 32px 25px;
    background: #fff;
    position: absolute;
    left: -30px;
    bottom: 40px;
  }
  .m-foot .follow-us .box1 .txt {
    float: left;
    text-align: center;
    width: 100px;
    height: 86px;
    font-size: 12px;
    line-height: 20px;
  }
  .m-foot .follow-us .box1 .txt .p1 {
    font-size: 16px;
    line-height: 30px;
    padding-top: 18px;
  }
  .m-foot .follow-us .box1 .img {
    width: 86px;
    height: 86px;
    float: right;
  }
  .m-breadcrumd {
    display: none;
  }
  .m-inner-banner {
    background: #3b3b3b;
    overflow: hidden;
  }
  .m-inner-banner .row {
    position: relative;
  }
  .m-inner-banner h3 {
    padding: 0 10px;
    font-size: 24px;
    height: 24px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    color: #fff;
  }
  .m-inner-banner h3 img {
    height: 24px;
    width: auto;
  }
  .m-txt-banner {
    padding: 0 5px 10px;
  }
  .m-txt-banner .img {
    margin-top: 10px;
  }
  .m-txt-banner .txt {
    line-height: 20px;
    padding: 10px 0;
  }
  .page-home .banner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .page-home .product {
    padding: 20px 0;
  }
  .page-home .product .header {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 5px;
  }
  .page-home .product .header h3 {
    font-size: 24px;
    line-height: 40px;
  }
  .page-home .product .list {
    padding: 5px;
  }
  .page-home .product .list li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
  }
  .page-home .product .list li:hover {
    -webkit-transform: scale(0.97);
        -ms-transform: scale(0.97);
            transform: scale(0.97);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .page-home .product .list li .wrap {
    position: relative;
  }
  .page-home .product .list li .txt {
    display: none;
    background: #0d1b29;
    position: absolute;
    left: 10px;
    top: 10px;
    right: -10px;
    bottom: -10px;
    text-align: center;
  }
  .page-home .product .list li .txt .box {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .page-home .product .list li .txt .content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 90px;
    margin-top: -45px;
    overflow: hidden;
  }
  .page-home .product .list li .txt .p1 {
    color: #fff;
    font-size: 14px;
    height: 14px;
    overflow: hidden;
  }
  .page-home .product .list li .txt .p2 {
    font-size: 12px;
    color: #e61d4c;
    height: 12px;
    overflow: hidden;
    margin: 15px 0;
  }
  .page-home .product .list li .txt .btn {
    display: block;
    width: 98px;
    height: 34px;
    background: #e61d4c;
    font-size: 12px;
    line-height: 34px;
    color: #fff;
    margin: 0 auto;
  }
  .page-home .press {
    padding: 20px 0;
  }
  .page-home .press .header {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 20px;
  }
  .page-home .press .header h3 {
    font-size: 30px;
    line-height: 60px;
  }
  .page-home .press .items {
    padding: 10px 5px;
  }
  .page-home .press .items .img {
    float: left;
    width: 46%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-home .press .items .img:hover {
    -webkit-transform: scale(0.97);
        -ms-transform: scale(0.97);
            transform: scale(0.97);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .page-home .press .items .txt {
    float: left;
    width: 54%;
    max-height: 101px;
    overflow: hidden;
    padding-left: 8px;
    font-size: 12px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-home .press .items .txt h3 {
    font-size: 14px;
    line-height: 1;
    /*height: 16px; .hidden;*/
    padding-bottom: 5px;
  }
  .page-data{
    width: 100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top: 20px;
  }
  .page-data .page-button{
    width:35px;
    height:35px;
    line-height:35px;
    margin-left: 15px;
    border:1px solid #ccc;
    border-radius: 5px;
  }
  .page-data .page-button img{
    height:22px;
  }
  .page-data .active{
    background: #126B7F;
    color:#FFFFFF;
  }
  .page-data .page-input{
    width:40px;
    height:32px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #ccc;
    border-radius: 5px;
  }
  .page-data .page-span1{
    margin-left:10px;
    margin-right:10px;
  }
  .page-data .page-span2{
    margin-left:10px;
  }
  .page-login .content::-webkit-scrollbar {
    display: none;
  }
  .page-login .content {
    width: 100%;
    left:50%;
    background: #fff;
    border-radius: 10px;
    overflow-y: scroll;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .page-login .box {
    width: 460px;
    height: 400px;
    margin: 100px auto;
  }
  .page-login .top-img {
    margin: 0 auto;
    padding: 40px 0 20px 0;
  }
  .page-login .p1 span {
    background: #fff;
    font-size: 26px;
    margin: 20px 50px;
    display: table;
    padding: 0 15px;
    position: relative;
    font-weight: bold;
  }
  .page-login .spanType {
    background: #fff;
    font-size: 14px;
    margin: 30px 65px;
    display: table;
    position: relative;
  }
  .page-login .input1 {
    width: 330px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: -20px auto 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 48px;
    background: transparent;
  }
  .page-login .password::-ms-reveal {
    display: none; /* 隐藏默认的眼睛图标 */
  }
  .page-login .content .box dl dd{
    position:relative;
  }
  .page-login .content .box dl dd .show-password{
    position:absolute;
    top:15px;
    right:80px;
    width:20px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent;
  }
  .page-login .content .box dl dd .show-password::after{
    content:url('/images/front/password-eye.png');
    height:100%;
    display:block;
  }
  .page-login .obtainCode{
    position:relative;
    float:right;
    margin-top:-32px;
    margin-right:80px;
    border:none;
    color: #00b4ff;
    cursor:pointer;
  }
  .page-login .p2 {
    width: 330px;
    margin: 40px auto;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    padding-top: 5px;
  }
  .page-login .btn {
    cursor: pointer;
    width: 330px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: -35px auto 0 auto;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    background: #4598B4;
    color: #fff;
  }
  .page-login .p3 {
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
  }
  .login-image{
    display: none;
  }
  .login-image2 img{
    width:100%;
    height:100%;
    overflow: hidden;
  }
  .page-regster .content::-webkit-scrollbar {
    display: none;
  }
  .page-regster .content {
    width: 100%;
    left:50%;
    background: #fff;
    border-radius: 10px;
    overflow-y: scroll;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .page-regster .box {
    width: 460px;
    height: 100%;
    margin: 30px auto;
  }
  .page-regster .top-img {
    margin: 0 auto;
    padding: 40px 0 20px 0;
  }
  .page-regster .p1 span {
    background: #fff;
    font-size: 26px;
    margin: 20px 50px;
    display: table;
    padding: 0 15px;
    position: relative;
    font-weight: bold;
  }
  .page-regster .spanType {
    background: #fff;
    font-size: 14px;
    margin: 20px 65px;
    display: table;
    position: relative;
  }
  .page-regster .spanType .explainImg{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    vertical-align: bottom;
    cursor: pointer;
  }
  .page-regster .input1 {
    width: 330px;
    height: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: -15px auto 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 48px;
    background: transparent;
  }
  .page-regster .setPassword::-ms-reveal {
    display: none;
  }
  .page-regster .confirmPassword::-ms-reveal {
    display: none;
  }
  .page-regster .content .box dl dd{
    position:relative;
  }
  .page-regster .content .box dl dd .show-password{
    position:absolute;
    top:8px;
    right:75px;
    width:20px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent;
  }
  .page-regster .content .box dl dd .show-password::after{
    content:url('/images/front/password-eye.png');
    height:100%;
    display:block;
  }
  .page-regster .obtainCode{
    position:relative;
    float:right;
    top:-24px;
    right:80px;
    border:none;
    color: #00b4ff;
    cursor:pointer;
  }
  .page-regster .procontrol{
    position: relative;
    margin: 20px 80px;
    font-size:12px;
  }
  .page-regster .procontrol b{
    color:#4598B4;
  }
  .page-regster .procontrol b a{
    color:#4598B4;
    line-height: 1.3em;
  }
  .page-regster form .procontrol i.ico {
    width: 14px;
    height: 14px;
    float: left;
    background: url('/images/front/login-4.png') no-repeat left top;
    margin-right: 4px;
  }
  .page-regster form .procontrol i.ico.focus {
    background: url('/images/front/login-4-2.png') no-repeat left top;
  }
  .page-regster .p2 {
    width: 330px;
    margin: 25px auto;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    padding-top: 5px;
  }
  .page-regster .btn {
    cursor: pointer;
    width: 330px;
    height: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto 0 auto;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    background: #4598B4;
    color: #fff;
  }
  .page-forget .content::-webkit-scrollbar {
    display: none;
  }
  .page-forget .content {
    width: 100%;
    left:50%;
    background: #fff;
    border-radius: 10px;
    overflow-y: scroll;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .page-forget .box {
    width: 460px;
    height: 400px;
    margin: 100px auto;
  }
  .page-forget .top-img {
    margin: 0 auto;
    padding: 40px 0 20px 0;
  }
  .page-forget .p1 span {
    background: #fff;
    font-size: 26px;
    margin: 20px 50px;
    display: table;
    padding: 0 15px;
    position: relative;
    font-weight: bold;
  }
  .page-forget .spanType {
    background: #fff;
    font-size: 14px;
    margin: 20px 65px;
    display: table;
    position: relative;
  }
  .page-forget .input1 {
    width: 330px;
    height: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: -15px auto 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 48px;
    background: transparent;
  }
  .page-forget .setNewPassword::-ms-reveal {
    display: none;
  }
  .page-forget .confirmPassword::-ms-reveal {
    display: none;
  }
  .page-forget .content .box dl dd{
    position:relative;
  }
  .page-forget .content .box dl dd .show-password{
    position:absolute;
    top:8px;
    right:75px;
    width:20px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent;
  }
  .page-forget .content .box dl dd .show-password::after{
    content:url('/images/front/password-eye.png');
    height:100%;
    display:block;
  }
  .page-forget .obtainCode{
    position:relative;
    float:right;
    margin-top:-24px;
    margin-right:80px;
    border:none;
    color: #00b4ff;
    cursor:pointer;
  }
  .page-forget .btn {
    cursor: pointer;
    width: 330px;
    height: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 30px auto 0 auto;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    background: #4598B4;
    color: #fff;
  }
  .swiper-slide .introduceButton{
    display: none;
  }
  .introduceWap{
    width:100%;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .introduceWap .introduceWapDiv{
    width:70%;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    margin-top: 30px;
    margin-bottom: 40px;
    border: 1px solid #629481;
    border-radius: 4px;
  }
  .introduceWap .introduceWapDiv h3{
    margin-top: 30px;
  }
  .introduceWap .introduceWapDiv .introduceSelf{
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items:center;
  }
  .introduceWap .introduceWapDiv .introduceFormal{
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items:center;
  }
  .introduceWap .introduceWapDiv p{
    width:242px;
    margin-top: 8px;
    line-height: 1.5em;
    background: #EEF3FA;
    color: #A2A2A2;
    font-size: 12px;
  }
  .introduceWap .introduceWapDiv .introButton{
    width: 242px;
    height: 36px;
    margin-top: 15px;
    border: 1px solid #33877E;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);;
    color: #FFFFFF;
    letter-spacing:2px;
    border-radius: 19.5px;
    cursor: pointer;
  }
  .introduceWap .introduceWapDiv .introButton:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);;
    color: #FFFFFF !important;
  }
  .introduceShow img{
    margin-top: -6px;
  }
  .introduceShow .introduceButton{
    display: none;
  }
  .self-infomation{
    width:95%;
    overflow:hidden;
    margin-left:30px;
    margin-bottom: 30px;
  }
  .self-infomation h3{
    margin-top:20px;
    line-height: 1.3em;
  }
  .self-infomation h3 a:hover{
    color: #1F7B8B !important;
  }
  .self-infomation h3 .h3-a{
    display: inline-block;
    vertical-align: bottom;
  }
  .self-infomation h3 .h3-page{
    vertical-align: bottom;
    color:#3978AA;
  }
  .self-infomation h3 .h3-a .h3-img{
    max-width: 18px;
    max-height: 18px;
  }
  .self-infomation h3 .h3-span{
    vertical-align: bottom;
    margin-left:10px;
    margin-right:10px;
    font-size: 22px;
  }
  .self-infomation .indexNav-div{
    width:85%;
    height: 20vh;
    margin-top:30px;
    margin-left:30px;
    background: #E2E2E2;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .self-infomation .indexNav-div .indexNav-label{
    display:inline-block;
    margin-top:10px;
    letter-spacing: 2px;
    line-height: 1.5;
  }
  .self-infomation .indexNav-div .indexNav-a{
    display:inline-block;
    margin-top:15px;
    font-size: 16px;
    color:#00B5CC
  }
  .self-infomation .indexContent{
    float:left;
    width:100%;
    margin-top:30px;
    margin-left:-20px;
    border-left:1px solid #ccc;
  }
  .self-infomation .indexContent .rightInfo{
    margin-left:20px;
    line-height:35px;
  }
  .self-infomation .indexContent .rightInfo .content-blank{
    width:100%;
    height:100vh;
    display:flex;
    align-items:center;
    flex-direction:column;
  }
  .self-infomation .indexContent .rightInfo .content-blank img{
    width:370px;
    height:280px;
    margin-top:50px;
  }
  .self-infomation .indexContent .rightInfo .content-tip{
    width:100%;
    height:30px;
    line-height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .self-infomation .indexContent .rightInfo .content-blank span{
    margin-left:60px;
    color:#636363;
  }
  .self-infomation .indexContent .rightInfo .content-blank a{
    color:#1E58BC;
  }
  .self-infomation .indexContent .rightInfo .self-select{
    width:150px;
    height:37px;
    margin-left:50px;
    border:1px solid #ccc;
    border-radius:5px;
  }
  .self-infomation .indexContent .rightInfo .search-div{
    position:relative;
    float:right;
    max-width:260px;
  }
  .self-infomation .indexContent .rightInfo .search-div span{
    display: none;
  }
  .self-infomation .indexContent .rightInfo .search-div .self-input{
    width:220px;
    max-width:260px;
    height:35px;
    padding-right:40px;
    padding-left:10px;
    float:right;
    margin-right:10px;
    border:1px solid grey;
    border-radius:5px;
  }
  .self-infomation .indexContent .rightInfo .self-button{
    width:80px;
    height:35px;
    float:right;
    margin-right:10px;
    border:0;
    border-radius:5px;
    background:#4598B4;
    color:#fff;
  }
  .self-infomation .indexContent .rightInfo .search-div .search-label{
    position:absolute;
    top:5px;
    right:20px;
    width:20px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent;
  }
  .self-infomation .indexContent .rightInfo .search-div .search-label::after{
    content:url('/images/front/search-ico3.png');
    height:100%;
    display:block;
  }
  .self-infomation .indexContent .rightInfo .dataWrap{
    float: right;
    margin-top: 10px;
    margin-bottom: -10px;
  }
  .self-infomation .self-create{
    max-width: 90%;
    display: flex;
    align-items:left;
    justify-content:left;
  }
  .self-infomation .self-create .createProject{
    width:130px;
    height:35px !important;
    line-height:35px;
    margin-top:30px;
    margin-bottom:-20px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:white;
    text-align:center;
    border:0;
    border-radius:5px !important;
  }
  .self-infomation .self-create .createProject:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .self-infomation .self-create a{
    color:#fff;
  }
  .self-infomation .self-create a:hover{
    color:#fff !important;
  }
  .self-infomation .indexContent .addProduct{
    width:300px;
    height:35px !important;
    line-height:35px;
    margin-left:20px;
    margin-bottom:20px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:white;
    border:0;
    border-radius:5px !important;
  }
  .self-infomation .indexContent .addProduct:hover{
    color:#fff !important;
  }
  .self-infomation .indexContent .rightInfo .basic-info{
    height:35px;
    margin-left:10px;
    color:#333;
    font-weight:bold;
  }
  .self-infomation .indexContent .rightInfo .self-table{
    table-layout: fixed;
    width:100%;
    float:left;
    margin-top:10px;
    text-align:center;
  }
  .self-infomation .indexContent .rightInfo .self-table thead{
    width:100%;
  }
  .self-infomation .indexContent .rightInfo .self-table th:last-child{
    width:120px !important;
    border-right:0px solid #fff;
  }
  .self-infomation .indexContent .rightInfo .self-table th{
    width:80px;
    max-height: 45px;
    overflow: hidden;
    border-right:1px solid #fff;
    background:#126B7F;
    line-height:45px;
    color:#fff;
  }
  .self-infomation .indexContent .rightInfo .self-table tr{
    height:45px;
    max-height: 45px;
    line-height:45px;
    overflow: hidden;
  }
  .self-infomation .indexContent .rightInfo .self-table tbody tr td{
    border:1px solid #ccc;
    max-height: 45px;
    line-height:30px;
    word-wrap: break-word;
    cursor: pointer;
  }
  .self-infomation .indexContent .rightInfo .self-table tbody tr td a{
    display: block;
    padding:0px 10px;
  }
  .self-infomation .indexContent .rightInfo .self-table tbody tr td a:hover{
    color: #1F7B8B !important;
  }
  .self-infomation .term-info{
    width: 90%;
    margin-top: 30px;
  }
  .self-infomation .term-info .termInfo-title{
    line-height:35px;
    margin-left:10px;
    font-weight:bold;
    border-bottom:1px solid grey;
  }
  .self-infomation .term-info .termInfo-content{
    width:85%;
    height:68vh;
    margin-left:100px;
    line-height:50px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .self-infomation .term-info .termInfo-content .term-question{
    line-height:30px;
  }
  .self-infomation .term-info .termInfo-content .term-question .service-title{
    display:block;
    margin-top:20px;
    background-color: #cccccc;
    font-weight:bold;
  }
  .self-infomation .term-info .termInfo-content .term-question .service-sub{
    font-weight:bold;
  }
  .self-infomation .term-info .termInfo-content .term-question .service-sub2{
    display:inline-block;
    margin-top:20px;
    font-weight:bold;
  }
  .self-infomation .term-info .termInfo-content .term-question .answer-check{
    color:red !important;
  }
  .self-infomation .term-bottom{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom: 50px;
  }
  .self-infomation .term-bottom .selfNext{
    float:left;
    width:120px;
    height:35px;
    line-height:35px;
    margin-top:20px;
    margin-left:30px;
    text-align:center;
    border:1px solid #ccc;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680  100%);
    color:#fff !important;
  }
  .self-infomation .term-bottom .selfNext a{
    color:#fff;
  }
  .self-infomation .term-bottom .selfNext a:hover{
    color:#fff !important;
  }
  .self-infomation .term-bottom .selfNext:hover{
    color:#fff !important;
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .self-infomation .term-material{
    width: 100%;
    margin-top:30px;
  }
  .self-infomation .term-material .material-file{
    margin-bottom:20px;
  }
  .self-infomation .term-material .material-file dl{
    height: 40px;
  }
  .self-infomation .term-material .material-file .file-span{
    height: 40px;
    line-height: 40px;
    margin-left:15px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    border-radius: 5px !important;
    text-align: center;
    background: #DFF5FF;
    color:#3F8AE1;
  }
  .self-infomation .term-material .material-file .file-span img{
    display:inline-block;
    max-width:16px;
    max-height:16px;
    margin-top:20px !important;
    margin-left:10px;
  }
  .self-infomation .term-material .term-a{
    display:block;
    width:150px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .self-infomation .term-download{
    height: 50px;
    max-height: 50px;
    line-height:30px;
    margin-top: 10px;
  }
  .self-infomation .term-download .download-a{
    display: block;
    width:150px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px !important;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .self-infomation .term-download .download-a:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .self-infomation .directory-label{
    display:block;
    margin-top:50px;
    margin-left: 50px;
    font-size: 24px;
    font-weight: bold;
  }
  .self-infomation .directory-span{
    display:inline-block;
    margin-top:50px;
    margin-left: 50px;
    color: #818181;
  }
  .self-infomation .category-div{
    position:relative;
    max-width:228px;
    max-height:170px;
    display:inline-block;
    margin-top:30px;
    margin-left: 50px;
  }
  .self-infomation .category-div .category-image{
    border-radius: 10px;
    max-height: 170px;
  }
  .self-infomation .category-div .category-content{
    position: absolute;
    top:136px;
    left:0;
    width:100%;
    height:20%;
    backdrop-filter: blur(30px);
    background:transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .self-infomation .company-div{
    width:228px;
    height:188px;
    display:inline-block;
    margin-top:30px;
    margin-left: 50px;
  }
  .self-infomation .company-div a{
    color:black !important;
  }
  .self-infomation .company-div .company-image{
    width: 228px;
    height:160px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .company-div .company-image:hover{
    background: #E5E5E5;
    border-radius: 10px !important;
  }
  .self-infomation .company-div .company-image .company-img{
    max-width: 149px;
    max-height: 149px;
    height: auto;
    width: auto;
  }
  .self-infomation .company-div .company-content{
    width: 228px;
    height: 20px;
    margin-top: 8px;
    font-size:12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .product-div{
    width:228px;
    height:304px;
    display:inline-block;
    margin-top:30px;
    margin-left: 50px;
  }
  .self-infomation .product-div a{
    color:black !important;
  }
  .self-infomation .product-div .product-img{
    max-width: 228px;
    max-height: 228px;
    width: 228px;
    height: 228px;
    border-radius: 10px !important;
  }
  .self-infomation .product-div .product-content{
    width: 228px;
    height: 68px;
    margin-top: 8px;
    font-size:14px;
    color:#78777F;
  }
  .self-infomation .product-div .product-content .content-div{
    font-weight:bold;
  }
  .self-infomation .product-div .product-content .content-div2{
    margin-top:10px;
  }
  .self-infomation .productInfo-left{
    float: left;
    width:60%;
  }
  .self-infomation .productInfo-left .leftInfo-label{
    display:block;
    margin-top:15px;
    margin-left: 50px;
    font-size: 24px;
    font-weight: bold;
  }
  .self-infomation .productInfo-left .leftInfo-div{
    display:block;
    margin-top:15px;
    margin-left: 50px;
  }
  .self-infomation .productInfo-left .leftInfo-div .label-img{
    display: inline-block;
    vertical-align: bottom;
    width:14px;
    height:14px;
  }
  .self-infomation .productInfo-left .leftInfo-div .label-a{
    vertical-align: bottom;
    color:#3978AA;
    font-weight: bold;
  }
  .self-infomation .productInfo-left .leftInfo-div .label-span{
    vertical-align: bottom;
    color: #818181;
  }
  .self-infomation .productInfo-left .leftInfo-textarea{
    width:85%;
    min-height:100px;
    line-height: 1.5;
    word-spacing: -3px;
    letter-spacing: -0.5px;
    margin-top:30px;
    margin-left: 50px;
    padding:10px 10px 10px 10px;
    background: #F8F8FA;
    color:#8E8E8E;
    border-radius:5px !important;
    font-size: 16px;
    overflow: hidden;
    border:0;
    resize: none;
  }
  .self-infomation .productInfo-left .leftInfo-a{
    display:block;
    margin-top:15px;
    margin-left: 50px;
    color:#3978AA;
    font-weight: bold;
  }
  .self-infomation .productInfo-left .website-a{
    display:block;
    margin-top:15px;
    margin-left: 50px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff;
    font-weight: bold;
  }
  .self-infomation .productInfo-left .website-a:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#fff !important;
  }
  .self-infomation .productInfo-right{
    float: right;
    width:40%;
    height: auto;
    margin-top:50px;
  }
  .self-infomation .productInfo-right .rightInfo-big{
    width:301px;
    height:301px;
  }
  .self-infomation .productInfo-right .rightInfo-big .bigImg{
    max-width: 301px;
    max-height: 301px;
    border-radius: 10px;
  }
  .self-infomation .productInfo-right .rightInfo-small{
    width:301px;
    height:auto;
  }
  .self-infomation .productInfo-right .rightInfo-small .smallImg{
    display:inline-block;
    max-width: 63px;
    max-height: 63px;
    margin-top:15px;
    margin-right: 9px;
    border-radius: 5px;
  }
  .self-infomation .term-detail{
    display:inline-block;
    margin-top: 50px;
    margin-left: 50px;
    width: 80%;
  }
  .self-infomation .term-detail .termDetail-title{
    height: 50px;
    border-bottom: 2px solid #DEDEE5;
  }
  .self-infomation .term-detail .termDetail-title .titleContent{
    width:100px;
    height:50px;
    border-bottom: 2px solid #3C9EB7;
  }
  .self-infomation .term-detail .termDetail-content{
    float: left;
    width:70%;
  }
  .self-infomation .term-detail .termDetail-content .contentTitle{
    width:94%;
    height:50px;
    line-height:50px;
    margin-top:15px;
    background: #A2D1D0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .self-infomation .term-detail .termDetail-content .contentTitle .contentTitle-img{
    display:inline-block;
    vertical-align: middle;
    max-width: 28px;
    max-height: 28px;
    margin-left:15px;
  }
  .self-infomation .term-detail .termDetail-content .contentTitle .contentTitle-span{
    vertical-align: middle;
    margin-left:10px;
    color:white;
  }
  .self-infomation .term-detail .termDetail-content .contentData{
    width:85%;
    height:50px;
    line-height:50px;
    border-top: 1px solid #DEDEE5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .self-infomation .term-detail .termDetail-content .contentData .contentData-span{
    margin-left:22px;
    color: #A2D1D0;
    font-size: 22px;
  }
  .self-infomation .term-detail .termDetail-content .contentData .contentData-a{
    margin-left:15px;
    color: #0579B7;
  }
  .self-infomation .term-detail .termDetail-tip{
    float: right;
    width:30%;
  }
  .self-infomation .term-detail .termDetail-tip .contentTip-img{
    max-width: 14px;
    max-height: 14px;
    margin-top:40px;
    margin-left: 15px;
  }
  .self-infomation .term-detail .termDetail-tip .contentTip-textarea{
    width:260px;
    min-height:100px;
    margin-top:20px;
    padding:10px 10px 10px 10px;
    background: #F8F8FA;
    color: #8E8E8E;
    border-radius:5px !important;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border:0;
    resize: none;
  }
  .self-infomation .well-info{
    display:inline-block;
    margin-top: 50px;
    margin-left: 50px;
    width: 80%;
    border-top: 1px solid #DEDEE5;
  }
  .self-infomation .well-info .wellInfo-tip{
    float: left;
    width:371px;
    height: 184px;
    margin-top: 30px;
    background:linear-gradient(119deg, #1e738f, #1e738f 25.48%, #0b667f 50.26%, #126d81 61.2%, #41937d 92.45%);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-image{
    float:left;
    width:134px;
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-image .wellTip-img{
    max-width: 118px;
    max-height: 118px;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-text{
    float:right;
    width:201px;
    height: 160px;
    margin-left: 15px;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-text .wellTip-content{
    width:201px;
    height: 108px;
    line-height:1.35;
    color:white;
    font-size: 1.25rem;
    font-weight:normal;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-text .wellTip-a{
    display: inline-block;
    margin-top: 20px;
    color: white;
    transition: transform 0.3s ease;
    cursor: pointer;
  }
  .self-infomation .well-info .wellInfo-tip .wellTip-text .wellTip-a:hover{
    color:white !important;
    transform: scale(1.1);
  }
  .self-infomation .well-info .wellInfo-content{
    float: right;
    width:556px;
    height:256px;
    margin-top: 30px;
    margin-right: 30px;
  }
  .self-infomation .well-info .wellInfo-content .wellContent-textarea{
    width:556px;
    height:100px;
    padding:10px 10px 10px 10px;
    background: #F8F8FA;
    color: #8E8E8E;
    border-radius:5px !important;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border:0;
    resize: none;
  }
  .project-operator{
    width:100%;
    margin-top: 30px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .project-operator .operator-edit{
    width:200px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background:#FFFFFF;
    color:#3B8E7D;
  }
  .project-operator .operator-submit{
    width:200px;
    height:30px;
    margin-left:20px;
    line-height:30px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .project-operator .operator-image{
    width:25px;
    height:25px;
    margin-left:5px;
  }
  .project-operator .operator-submit2{
    width:200px;
    height:30px;
    margin-left:20px;
    line-height:30px;
    text-align:center;
    border:1px solid #cccccc;
    border-radius:5px;
    background:#cccccc;
  }
  .project-operator .operator-submit:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .project-operator .submitSure{
    display:block !important;
    clear: both;
    width:88%;
    text-align: left;
    line-height:1.5em;
    padding-top:20px;
    color: indianred;
  }
  .alert-delete {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    align-items:center;
    justify-content:center;
  }
  .alert-delete .alert-body{
    display: flex;
    width:60%;
    height:15vh;
    border-radius: 10px;
    background:#fff;
    align-items:center;
    justify-content:center;
  }
  .alert-delete .alert-body span{
    display: inline-block;
  }
  .alert-delete .alert-body span:first-child{
    padding-left: 10px;
    padding-right: 10px;
  }
  .alert-delete .alert-body .alert-span{
    font-size: 14px;
    color:blue;
  }
  .alert-delete .delete-body{
    width:60%;
    border-radius: 10px;
    background:#fff;
  }
  .alert-delete .delete-body .delete-title{
    width:95%;
    height:25px;
    margin-left:10px;
    border-bottom:1px solid black;
  }
  .alert-delete .delete-body .delete-title h3{
    margin-top:10px;
    margin-left:10px;
  }
  .alert-delete .delete-body .delete-content{
    display: flex;
    width:95%;
    height:100px;
    margin-left:10px;
    align-items:center;
    justify-content:center;
  }
  .alert-delete .delete-body .delete-footer{
    display: flex;
    width:95%;
    height:60px;
    margin-left:10px;
    align-items:center;
    justify-content:center;
  }
  .alert-delete .delete-body .delete-footer button{
    width:60px;
    height:30px;
    margin-right:10px;
    background:#126B7F;
    color:#fff;
    border:0;
  }
  .alert-delete .delete-body .return-title{
    width:95%;
    height:30px;
    line-height: 30px;
    margin-left:10px;
    border-bottom:1px solid black;
  }
  .alert-delete .delete-body .return-title h3{
    margin-top:10px;
    margin-left:10px;
    font-size: 16px;
    font-weight: bold;
  }
  .personal-infomation{
    width:95%;
    overflow:hidden;
    background:transparent !important;
  }
  .personal-infomation h3{
    margin-top:20px;
    margin-left:10px;
  }
  .personal-infomation h3 a:hover{
    color: #1F7B8B !important;
  }
  .personal-infomation .productMenuWrap{
    width:100%;
    height:30px;
    margin-top: 20px;
  }
  .personal-infomation .tipWrap{
    width:95%;
    margin-top: 5px;
    margin-left: 15px;
    padding:10px 5px;
    background: #C6D6DB;
    text-align: center;
  }
  .personal-infomation .tipWrap span{
    width:80%;
    line-height: 1.3em;
    color: indianred;
  }
  .personal-infomation .productMenu{
    display: none;
    float:left;
    width:20%;
    height:80%;
    margin-top:30px;
  }
  .personal-infomation .productMenu .ulMenu{
    width:100%;
    height:90%;
    margin-top:20px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .personal-infomation .productMenu .selfSearch{
    width:170px;
    height:35px;
    line-height:35px;
    border:1px solid #ccc;
    border-radius:5px;
  }
  .personal-infomation .productMenu li{
    line-height:70px;
    text-align:center;
  }
  .personal-infomation .productMenu li{
    font-size:14px;
    border:0;
    color:grey;
  }
  .personal-infomation .productMenu li .li-span{
    font-size:18px;
  }
  .personal-infomation .productMenu .highLight{
    font-weight:bold;
    color:#126B7F;
  }
  .personal-infomation .productMenu li button:hover{
    font-weight:bold;
    color:#333;
  }
  .personal-infomation .productMenu li button:focus{
    font-weight:bold;
    color:#333;
  }
  .personal-infomation .termContent{
    float:left;
    width:100%;
    margin-top:30px;
    border-left:1px solid #ccc;
  }
  .personal-infomation .termContent .projectInfoTitle{
    line-height:35px;
    background: #E1E1E1;
  }
  .personal-infomation .termContent .projectInfoTitle span{
    margin-left:30px;
    font-size:14px;
    color:#262626;
  }
  .personal-infomation .termContent .rightTitle{
    display: none;
    line-height:35px;
    margin-left:10px;
    align-items: center;
    border-bottom:1px solid grey;
  }
  .personal-infomation .termContent .rightTitle span{
    font-size:18px;
    font-weight:bold;
  }
  .personal-infomation .termContent .rightTitle span:first-child{
    width: 200px;
    max-width: 200px;
  }
  .personal-infomation .termContent .rightTitle span img{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    margin-left:5px;
  }
  .personal-infomation .termContent .rightTitle .submit-tip{
    text-align: right;
    line-height: 1.3em;
    font-size:12px;
    white-space: pre-wrap;
    color: indianred;
  }
  .personal-infomation .termContent .rightTerm{
    width:100%;
    margin-top:20px;
    margin-left:30px;
    line-height:50px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .personal-infomation .termContent .rightTerm .contentAlign{
    margin-top:150px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .personal-infomation .termContent .rightTerm .contentAlign2{
    margin-top:20px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
  }
  .personal-infomation .termContent .rightTerm .contentAlign3{
    margin-top:20px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4{
    margin-top:5px;
    margin-left:100px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .personal-infomation .termContent .rightTerm .contentTop{
    margin-top:20px !important;
  }
  .personal-infomation .termContent .rightTerm .contentAlign5{
    margin-top:-15px;
    margin-left:100px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .personal-infomation .termContent .rightTerm .contentAlign6{
    margin-top:-10px;
    margin-left:30px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .personal-infomation .termContent .rightTerm .contentAlign7{
    margin-top:10px;
    text-align:center;
    display:flex;
    align-items:left;
    justify-content:left;
  }
  .personal-infomation .termContent .rightTerm .contentAlign7 .button-a{
    display:block;
    height:35px;
    line-height:35px;
    float:right;
    margin-top:-12.5px;
    margin-left:20px;
    text-align:center;
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#FFFFFF;
  }
  .personal-infomation .termContent .rightTerm .contentAlign7 .button-a:hover{
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color:#FFFFFF !important;
  }
  .personal-infomation .termContent .rightTerm .contentAlign6 div{
    margin-left:20px;
  }
  .personal-infomation .termContent .rightTerm .additionalInfo{
    width:100%;
    margin-top:50px;
    background:#E8EBE6;
  }
  .personal-infomation .termContent .rightTerm .additionalInfo2{
    width:100%;
    background:#E8EBE6;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .contentImg{
    width:83px;
    height:83px;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .parentImage{
    position: relative;
    display: inline-block;
    width:83px;
    height:83px;
    float:left;
    margin-left:30px;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .parentImage .deleteImg{
    position: absolute;
    top:0;
    right:0;
    max-width:16px;
    max-height:16px;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .showLogo{
    display: block;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
  }
  .personal-infomation .termContent .rightTerm .contentAlign5 .contentImg{
    width:30px;
    height:30px;
    margin-top:40px;
    margin-left:10px;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4  .imageTip{
    display:inline-block;
    margin-top:40px;
    margin-left:10px;
    color:#7A7A7A;
  }
  .personal-infomation .termContent .rightTerm .labelType{
    float:left;
    font-size:16px;
  }
  .personal-infomation .termContent .rightTerm .labelType img{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
  }
  .personal-infomation .termContent .rightTerm .formalSelect{
    width:260px;
    height: 30px;
    margin-left:30px;
    line-height: 30px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .personal-infomation .termContent .rightTerm .inputText{
    width:312px;
    height:37px;
    margin-top:-40px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .personal-infomation .termContent .rightTerm .inputScale{
    width:100%;
    height:35px;
    margin-top:-40px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .personal-infomation .termContent .rightTerm .inputText2{
    width:300px;
    height:35px;
    margin-top:-40px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
  }
  .personal-infomation .termContent .rightTerm .areaText{
    width:500px;
    height:100px;
    margin-top:-5px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
    resize: none;
  }
  .personal-infomation .termContent .rightTerm .textareaType{
    width:850px;
    height:100px;
    margin-top:-5px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
    resize: none;
  }
  .personal-infomation .termContent .rightTerm .textareaType2{
    width:700px;
    height:100px;
    margin-top:-5px;
    padding-top:5px;
    padding-left:10px;
    background: #E0E0E0;
    border-radius:5px !important;
    border:0;
    resize: none;
  }
  .personal-infomation .termContent .rightTerm .contentAlign2 .lineStyle{
    display: none;
    width:30px;
    height:35px;
    margin-top:-20px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #333;
  }
  .personal-infomation .termContent .rightTerm .contentAlign3 .lineStyle{
    display: none;
    width:30px;
    height:35px;
    margin-top:-20px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #333;
  }
  .personal-infomation .termContent .rightTerm .contentAlign4 .lineStyle{
    display: none;
    width:30px;
    height:35px;
    margin-top:20px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #333;
  }
  .personal-infomation .termContent .rightTerm .contentAlign5 .lineStyle{
    display: none;
    width:30px;
    height:35px;
    margin-top:20px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #333;
  }
  .personal-infomation .termContent .rightTerm .inputTerm{
    width:20px;
    height:20px;
    float:right;
    margin-right:50px;
    margin-top:15px;
  }
  .personal-infomation .termContent .rightTerm .term-edit{
    width:70px;
    height:25px;
    float:right;
    margin-right:20px;
    margin-top:10px;
    line-height:25px;
    text-align:center;
    border:1px solid #3B8E7D;
    border-radius:5px;
    background:#FFFFFF;
    color:#3B8E7D;
  }
  .personal-infomation .termContent .rightTerm .labelTerm{
    display:block-inline;
  }
  .personal-infomation .termContent .rightTerm .labelTerm .term-span2{
    display: inline-block;
    max-width:300px !important;
    vertical-align:middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .personal-infomation .termContent .rightTerm input:checked + span{
    color:#4598B4;
    font-weight:bold;
  }
  .personal-infomation .termContent .rightTerm input:checked + span +span{
    color:#4598B4;
    font-weight:bold;
  }
  .personal-infomation .termContent .rightTerm .labelTerm img{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
  }
  .personal-infomation .termContent .rightTerm .productModels{
    width:90%;
    height:300px;
    margin-top:20px;
    margin-left:80px;
    line-height:50px;
    border:1px solid #ccc;
    border-radius:10px;
  }
  .personal-infomation .termContent .productWrap-info{
    width:100%;
    line-height: 1.5em;
    margin-left: 15px;
    padding:3px 5px;
    background:#C6D6DB;
  }
  .personal-infomation .termContent .product-info{
    display: none;
    width:100%;
    height:20px;
    background:#F2F2F2;
  }
  .personal-infomation .termContent .self-brand{
    float:left;
    margin-left:30px;
    margin-top:5px;
    color:#414141;
  }
  .personal-infomation .termContent .self-name{
    float:left;
    margin-left:230px;
    margin-top:5px;
    color:#414141;
  }
  .personal-infomation .termContent .self-model{
    float:right;
    margin-right:30px;
    margin-top:5px;
    color:#414141;
  }
  .personal-infomation .termContent .rightTerm .service-h3{
    width:95%;
    text-align:center;
    color:#414141;
  }
  .personal-infomation .termContent .rightTerm .term-question{
    width:95%;
    line-height:25px;
    border-bottom: 1px solid #ccc;
  }
  .personal-infomation .termContent .rightTerm .term-question .service-title{
    display:block;
    margin-top:20px;
    line-height: 1.5em !important;
    background-color: #D9DCD7;
    font-weight:bold;
  }
  .personal-infomation .termContent .rightTerm .term-question .service-sub{
    display: block;
    margin-top: 10px;
    line-height: 1.5em !important;
    font-weight:bold;
  }
  .personal-infomation .termContent .rightTerm .term-question .service-sub2{
    display:inline-block;
    margin-top:20px;
    line-height: 1.5em !important;
    font-weight:bold;
  }
  .personal-infomation .termLiList{
    float:left;
    width:15%;
    height:80%;
    margin-top:30px;
    margin-left:20px;
  }
  .personal-infomation .termLiList .li-label{
    display:inline-block;
    margin-top:40px;
  }
  .personal-infomation .termLiList .ulMenu{
    width:100%;
    height:90%;
    overflow: auto;
    line-height:30px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .personal-infomation .selfLast{
    float:left;
    width:100px;
    height:30px;
    line-height:30px;
    margin-top:30px;
    margin-left:30px;
    text-align:center;
    border:1px solid #ccc;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff;
  }
  .personal-infomation .selfLast a{
    color:#fff;
  }
  .personal-infomation .selfLast a:hover{
    color:#fff !important;
  }
  .personal-infomation .selfLast:hover{
    color:#fff !important;
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .personal-infomation .selfNext{
    float:left;
    width:100px;
    height:30px;
    line-height:30px;
    margin-top:30px;
    margin-left:30px;
    text-align:center;
    border:1px solid #ccc;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff;
  }
  .personal-infomation .selfNext a{
    color:#fff;
  }
  .personal-infomation .selfNext a:hover{
    color:#fff !important;
  }
  .personal-infomation .selfNext:hover{
    color:#fff !important;
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .personal-infomation .selfNextTwo{
    float:left;
    width:100px;
    height:30px;
    line-height:30px;
    margin-top:30px;
    margin-left:30px;
    text-align:center;
    border:1px solid #ccc;
    background:linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color:#fff;
  }
  .personal-infomation .selfNextTwo a{
    color:#fff;
  }
  .personal-infomation .selfNextTwo a:hover{
    color:#fff !important;
  }
  .personal-infomation .selfNextTwo:hover{
    color:#fff !important;
    background:linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
  }
  .self-review{
    display: none;
  }
  .selfWrap-review{
    width:100%;
    margin-top: 30px;
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .selfWrap-review .reviewContent{
    width: 90%;
  }
  .selfWrap-review .reviewContent .selfWrap-label{
    margin-top: 10px;
  }
  .selfWrap-review .reviewContent .answerSheet{
    width: 100%;
    margin-top: 30px;
    border-radius: 8px;
    border: 1px solid #629481;
  }
  .selfWrap-review .reviewContent .answerSheet .success-label{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    background: #394F8C;
    color: #fff;
  }
  .selfWrap-review .reviewContent .answerSheet .fail-label{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    background: #B84040;
    color: #fff;
  }
  .selfWrap-review .reviewContent .answerSheet .sheet-label{
    margin-top: 20px;
    padding: 0px 10px;
  }
  .selfWrap-review .reviewContent .answerSheet .sheet-dl{
    display: flex;
    align-items:center;
    justify-content:center;
    margin-top: 20px;
  }
  .selfWrap-review .reviewContent .answerSheet .sheet-dl:last-child{
    margin-bottom: 30px;
  }
  .selfWrap-review .reviewContent .answerSheet .sheet-dl a{
    width:70%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #33877E;
    border-radius: 39px;
  }
  .selfWrap-review .reviewContent .answerSheet .success-dl a{
    background: linear-gradient( 270deg, #41937D 0%, #0C6680 100%);
    color: #fff;
  }
  .selfWrap-review .reviewContent .answerSheet .success-dl a:hover{
    background: linear-gradient( 270deg, #0C6680 0%, #41937D 100%);
    color: #fff !important;
  }
  .selfWrap-review .reviewContent .answerSheet .success2-dl a{
    color: #35897D;
  }
  .selfWrap-review .reviewContent .answerSheet .success2-dl a:hover{
    color: #3D90FF !important;
  }
  .page-signin .banner {
    background: #3b3b3b;
    padding: 0 10px;
  }
  .page-signin .form {
    padding-bottom: 100px;
  }
  .page-signin .form .content {
    width: 92%;
    margin: 30px auto;
  }
  .page-signin .form .dl-1 {
    margin-top: 15px;
  }
  .page-signin .form .dl-1 dt {
    font-size: 14px;
    line-height: 40px;
  }
  .page-signin .form .dl-1 .input {
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    padding: 0 5px;
    font-size: 12px;
    line-height: 40px;
  }
  .page-signin .form .dl-1 .input.input1 {
    width: 100%;
  }
  .page-signin .form .dl-1 .input.input2 {
    width: 60%;
    float: left;
  }
  .page-signin .form .dl-1 .btn-yzm {
    display: block;
    float: right;
    width: 35%;
    height: 40px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    background: #e61d4c;
  }
  .page-signin .form .p1 {
    margin-top: 30px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: right;
  }
  .page-signin .form .p1 .btn-login {
    float: right;
    display: block;
    width: 100px;
    height: 40px;
    color: #fff;
    text-align: center;
    background: #e61d4c;
    margin-left: 15px;
  }
  .page-signin .form .p2 {
    margin-top: 40px;
  }
  .page-signin .form .p2 i.ico {
    width: 14px;
    height: 14px;
    float: left;
    background: url('/images/front/login-4.png') no-repeat left top;
    margin-right: 4px;
  }
  .page-signin .form .p2 i.ico.focus {
    background: url('/images/front/login-4-1.png') no-repeat left top;
  }
  .page-products-resources .banner {
    padding: 0 5px 30px;
  }
  .page-products-resources .banner .img {
    margin-top: 10px;
  }
  .page-products-resources .banner .txt {
    line-height: 20px;
    padding: 10px 0;
  }
  .page-products-resources .list {
    padding: 0 5px 30px;
  }
  .page-products-resources .list .head {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }
  .page-products-resources .list .head .s1 {
    float: left;
  }
  .page-products-resources .list .head .s2 {
    float: right;
    font-size: 12px;
    cursor: pointer;
    background: url('/images/front/ico-4.png') no-repeat right center;
    padding-right: 12px;
  }
  .page-products-resources .list .head .s2:hover {
    /* .color-focus; */
  }
  .page-products-resources .list .head .s2.focus {
    /* .color-focus; */
    background: url('/images/front/ico-4-1.png') no-repeat right center;
  }
  .page-products-resources .list .head .ico {
    float: right;
    display: block;
    overflow: hidden;
    position: relative;
    width: 0px;
    height: 0px;
    border: 8px dashed transparent;
    border-top: 8px solid #333;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 20px;
  }
  .page-products-resources .list .head .ico.focus {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 30px;
  }
  .page-products-resources .list .box {
    display: none;
  }
  .page-products-resources .list .items {
    height: 50px;
    font-size: 12px;
    line-height: 50px;
    border-bottom: 1px dashed #00b4ff;
    overflow: hidden;
  }
  .page-products-resources .list .items .s1 {
    display: block;
    float: left;
  }
  .page-products-resources .list .items .s2 {
    display: block;
    float: left;
    padding-left: 10px;
  }
  .page-products-resources .list .items .s3 {
    display: block;
    float: right;
    background: none;
    padding-left: 30px;
  }
  .page-products-tools .banner {
    padding: 0 5px 30px;
  }
  .page-products-tools .banner .img {
    margin-top: 10px;
  }
  .page-products-tools .banner .txt {
    line-height: 20px;
    padding: 10px 0;
  }
  .page-products-tools .list {
    padding: 0 5px;
  }
  .page-products-tools .list li {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5px;
    background: #f3f3f3;
    margin-bottom: 15px;
  }
  .page-products-tools .details {
    padding: 0 5px 30px;
  }
  .page-products-tools .details .row {
    background: #459ed6;
  }
  .page-products-tools .details .txt {
    padding: 20px;
    background: #242424;
    font-size: 12px;
    line-height: 24px;
  }
  .page-products-tools .details .txt .title {
    font-size: 30px;
    line-height: 1.5;
    padding-bottom: 20px;
  }
  .page-products-tools .details .download {
    text-align: center;
    cursor: pointer;
    padding: 10px 0;
  }
  .page-products-tools .details .download .wrapper .box {
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-bottom: 30px;
    background: url('/images/front/products-ico-2.png') no-repeat center bottom;
  }
  .page-products-courseware .banner {
    padding: 0 5px 30px;
  }
  .page-products-courseware .banner .img {
    margin-top: 10px;
  }
  .page-products-courseware .banner .txt {
    line-height: 20px;
    padding: 10px 0;
  }
  .page-products-courseware .directory {
    padding: 0 5px;
  }
  .page-products-courseware .directory .header {
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    padding-right: 10px;
  }
  .page-products-courseware .directory .header h3.title {
    font-size: 14px;
    float: left;
  }
  .page-products-courseware .directory .header .pagination {
    float: right;
  }
  .page-products-courseware .directory .header .pagination span {
    display: block;
    float: left;
  }
  .page-products-courseware .directory .header .pagination span.prev,
  .page-products-courseware .directory .header .pagination span.next {
    width: 24px;
    height: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    text-align: center;
    cursor: pointer;
    line-height: 22px;
  }
  .page-products-courseware .directory .header .pagination span.prev:hover,
  .page-products-courseware .directory .header .pagination span.next:hover {
    color: #e61d4c;
    border: 1px solid #e61d4c;
  }
  .page-products-courseware .directory .header .pagination span.number {
    padding: 0 6px;
  }
  .page-products-courseware .directory ul {
    padding: 0 10px;
  }
  .page-products-courseware .directory li {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5px;
    background: #f3f3f3;
    margin-top: 15px;
  }
  .page-products-courseware .directory li span.s1 {
    float: left;
  }
  .page-products-courseware .directory li a {
    float: right;
  }
  .page-products-courseware .video {
    margin-top: 30px;
    padding: 0 5px 30px;
  }
  .page-products-courseware .video .header {
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    padding-right: 10px;
  }
  .page-products-courseware .video .header h3.title {
    font-size: 14px;
    float: left;
  }
  .page-products-courseware .video .header .pagination {
    float: right;
  }
  .page-products-courseware .video .header .pagination span {
    display: block;
    float: left;
  }
  .page-products-courseware .video .header .pagination span.prev,
  .page-products-courseware .video .header .pagination span.next {
    width: 24px;
    height: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    text-align: center;
    cursor: pointer;
    line-height: 22px;
  }
  .page-products-courseware .video .header .pagination span.prev:hover,
  .page-products-courseware .video .header .pagination span.next:hover {
    color: #e61d4c;
    border: 1px solid #e61d4c;
  }
  .page-products-courseware .video .header .pagination span.number {
    padding: 0 6px;
  }
  .page-products-courseware .video li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
  }
  .page-products-courseware-details .details {
    padding: 30px 5px;
  }
  .page-products-courseware-details .details .header {
    padding-bottom: 20px;
  }
  .page-products-courseware-details .details .header h3 {
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 15px;
  }
  .page-products-courseware-details .details .header .p1 {
    font-size: 12px;
    line-height: 1.5;
  }
  .page-products-courseware-details .details .header .share {
    display: none;
  }
  .page-products-courseware-details .details .content {
    font-size: 12px;
    line-height: 22px;
  }
  .page-products-courseware-details .details .content img {
    padding-bottom: 20px;
  }
  .page-products-courseware-details .details .content p {
    margin-top: 15px;
  }
  .page-products-courseware-details .details .box1 {
    line-height: 30px;
    padding: 20px 0;
  }
  .page-products-courseware-details .details .box1 .p1 {
    text-align: right;
  }
  .page-products-courseware-details .details .box1 .p2 {
    text-align: left;
  }
  .page-products-courseware-details .details .box1 .p2 a {
    margin-right: 5px;
  }
  .page-products-courseware-details .discuss {
    padding: 0 5px 50px;
  }
  .page-products-courseware-details .discuss .content {
    padding: 8px;
    border: 1px solid #d9d9d9;
    border-top: 3px solid #555b71;
  }
  .page-products-courseware-details .discuss .header {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
  }
  .page-products-courseware-details .discuss .header h3 {
    font-size: 18px;
    float: left;
  }
  .page-products-courseware-details .discuss .header h3:before {
    content: '';
    display: block;
    float: left;
    border-left: 0px solid grey;
    width: 30px;
    height: 30px;
    background: url('/images/front/products-ico-3.png') no-repeat left center;
  }
  .page-products-courseware-details .discuss .header .s1 {
    float: right;
    padding: 0 5px;
  }
  .page-products-courseware-details .discuss .header .s1 em {
    color: #f00;
  }
  .page-products-courseware-details .discuss .items {
    margin-top: 15px;
  }
  .page-products-courseware-details .discuss .items .photo {
    float: left;
    width: 44px;
    height: 44px;
    margin-right: -60px;
  }
  .page-products-courseware-details .discuss .items .box {
    margin-left: 60px;
  }
  .page-products-courseware-details .discuss .items .textarea {
    height: 66px;
    /* .hidden; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f4f4f4;
    border: 1px solid #cbcbcb;
    position: relative;
  }
  .page-products-courseware-details .discuss .items .textarea .wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .page-products-courseware-details .discuss .items .textarea i.ico {
    width: 9px;
    height: 12px;
    position: absolute;
    left: -8px;
    top: 10px;
    background: url('/images/front/products-ico-4.png') no-repeat left top;
  }
  .page-products-courseware-details .discuss .items .textarea textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    padding: 5px 10px;
    line-height: 19px;
  }
  .page-products-courseware-details .discuss .items .foot {
    margin-top: 15px;
    height: 36px;
    overflow: hidden;
    line-height: 36px;
  }
  .page-products-courseware-details .discuss .items .foot a {
    margin: 0 6px;
  }
  .page-products-courseware-details .discuss .items .foot .btn {
    float: right;
    width: 90px;
    height: 36px;
    color: #fff;
    text-align: center;
    background: #999;
    cursor: pointer;
    margin-left: 10px;
  }
  .page-products-courseware-details .discuss .items .txt {
    line-height: 24px;
    font-size: 12px;
  }
  .page-products-courseware-details .discuss .items .txt .p1 {
    max-height: 48px;
    overflow: hidden;
  }
  .page-products-courseware-details .discuss .items .txt .time {
    text-align: right;
    font-size: 12px;
    line-height: 20px;
  }
  .page-products-category .banner {
    padding: 0 5px 10px;
  }
  .page-products-category .banner .img {
    margin-top: 10px;
  }
  .page-products-category .banner .txt {
    line-height: 20px;
    padding: 10px 0;
  }
  .page-products-category .content-box {
    padding: 20px 5px 50px;
  }
  .page-products-category .content-box .search {
    height: 36px;
    background: #f5f5f5;
    overflow: hidden;
  }
  .page-products-category .content-box .search i.ico {
    float: right;
    width: 36px;
    height: 36px;
    background: url('/images/front/wap/search.png') no-repeat center center;
    cursor: pointer;
  }
  .page-products-category .content-box .search .input {
    width: 200px;
    height: 36px;
    border: none;
    background: transparent;
    line-height: 36px;
    padding-left: 6px;
  }
  .page-products-category .content-box .menu .items {
    margin-top: 10px;
  }
  .page-products-category .content-box .menu .items .header {
    height: 36px;
    overflow: hidden;
    background: #3b3b3b;
    color: #fff;
    cursor: pointer;
  }
  .page-products-category .content-box .menu .items .header h3 {
    font-size: 14px;
    line-height: 36px;
    float: left;
    max-width: 87%;
    overflow: hidden;
    height: 36px;
    padding-left: 8px;
  }
  .page-products-category .content-box .menu .items .header .ico {
    float: right;
    display: block;
    overflow: hidden;
    position: relative;
    top: 15px;
    margin-right: 8px;
    width: 0px;
    height: 0px;
    border: 5px dashed transparent;
    border-top: 5px solid #fff;
  }
  .page-products-category .content-box .menu .items .header .ico.focus {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 11px;
  }
  .page-products-category .content-box .menu .items .list {
    display: none;
  }
  .page-products-category .content-box .menu .items .list a {
    display: block;
    width: 100%;
    height: 36px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 36px;
    font-size: 12px;
    padding: 0 8px;
    overflow: hidden;
  }
  .page-products-category .content-box .menu .items .list a.focus,
  .page-products-category .content-box .menu .items .list a:hover {
    background: #f5f5f5;
  }
  .page-products-category .content-box .menu .items .items .header {
    background: transparent;
    color: #333;
  }
  .page-products-category .content-box .menu .items .items .header h3 {
    font-weight: normal;
    font-size: 12px;
  }
  .page-products-category .content-box .menu .items .items .header .ico {
    border-top-color: #3b3b3b;
  }
  .page-products-category .content-box .menu .items .items .list {
    padding-left: 20px;
  }
  .page-products-category .content-box .preview .big-img {
    position: relative;
  }
  .page-products-category .content-box .preview .big-img span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 12px;
    text-align: center;
    width: 100%;
  }
  .page-products-category .content-box .preview .small-img {
    margin-top: 10px;
  }
  .page-products-category .content-box .preview .small-img .items {
    float: left;
    width: 20%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
    background: #fff;
    border: 1px solid transparent;
    cursor: pointer;
  }
  .page-products-category .content-box .preview .small-img .items.focus {
    border: 1px solid #e61d4c;
  }
  .page-products-category .content-box .infoTabs {
    margin-top: 10px;
  }
  .page-products-category .content-box .infoTabs nav {
    height: 60px;
  }
  .page-products-category .content-box .infoTabs nav a {
    display: block;
    float: left;
    text-align: center;
    background: #363636;
    width: 33.33%;
    height: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid #1f1f1f;
    font-size: 16px;
    line-height: 60px;
    color: #aeaeae;
  }
  /*.page-products-category .content-box .infoTabs nav a.nth-child(1) {
    border-left: none;
  }*/
  .page-products-category .content-box .infoTabs nav a.focus {
    background: #f5f5f5;
    color: #333;
    border-left: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.31);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.31);
  }
  .page-products-category .content-box .infoTabs .content {
    background: #f5f5f5;
    margin-top: 10px;
    padding: 10px 5px;
  }
  .page-products-category .content-box .infoTabs .content .items {
    display: none;
  }
  .page-products-category .content-box .infoTabs .content .standard {
    padding: 5px;
    font-size: 12px;
    line-height: 24px;
  }
  .page-products-category .content-box .infoTabs .content .standard h3.title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box1 .row {
    border: 1px solid #d9d9d9;
    padding: 5px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box1 .p1 {
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    text-align: center;
    background: #cfcfcf;
    padding: 0 10px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box1 .p2 {
    padding: 20px 10px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box2 .p1 {
    height: 24px;
    overflow: hidden;
  }
  .page-products-category .content-box .infoTabs .content .standard .box2 .p1 span.s1 {
    display: block;
    float: left;
    width: 33.33%;
  }
  .page-products-category .content-box .infoTabs .content .standard .box4 .list {
    padding: 5px 0 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box4 .list .p1 {
    padding-bottom: 5px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box4 .list .p2 {
    font-size: 12px;
  }
  .page-products-category .content-box .infoTabs .content .standard .box4 .list:last-child {
    border-bottom: none;
  }
  .page-products-category .content-box .infoTabs .content .resource {
    padding: 5px;
    line-height: 24px;
    font-size: 12px;
  }
  .page-products-category .content-box .infoTabs .content .resource h3.title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 {
    height: 24px;
    overflow: hidden;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 .s1 {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 .s1 .ico {
    float: left;
    margin-right: 5px;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 .s2 {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30%;
    text-align: center;
  }
  .page-products-category .content-box .infoTabs .content .resource .box1 .p1 .s3 {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20%;
    text-align: right;
    padding-right: 24px;
    background: url('/images/front/products-ico-6.png') no-repeat right center;
    cursor: pointer;
  }
  .page-products-category .content-box .infoTabs .content .resource .box2 li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
    font-size: 12px;
  }
  .page-products-category .content-box .infoTabs .content .resource .box2 li img {
    cursor: pointer;
  }
  .page-products-category .content-box .infoTabs .content .serve {
    padding: 5px;
    line-height: 24px;
    font-size: 12px;
  }
  .page-products-category .content-box .infoTabs .content .serve h3.title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box1 .list {
    padding: 5px 0 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box1 .list .p1 {
    padding-bottom: 5px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box1 .list .p2 {
    font-size: 12px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box1 .list:last-child {
    border-bottom: none;
  }
  .page-products-category .content-box .infoTabs .content .serve .box2 .textarea {
    height: 100px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    background: #fff;
  }
  .page-products-category .content-box .infoTabs .content .serve .box2 .textarea .wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .page-products-category .content-box .infoTabs .content .serve .box2 .textarea textarea {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    background: transparent;
    border: none;
    line-height: 25px;
  }
  .page-products-category .content-box .infoTabs .content .serve .box2 .btn {
    margin-top: 10px;
    height: 36px;
    width: 76px;
    float: right;
    text-align: center;
    line-height: 36px;
    color: #fff;
    background: #e61d4c;
  }
  .page-about {
    font-size: 12px;
    line-height: 22px;
  }
  .page-about .banner img {
    margin: 0 auto;
  }
  .page-about .intro {
    padding: 20px 5px;
  }
  .page-about .intro p {
    margin-top: 10px;
  }
  .page-about .intro h3.title {
    font-weight: bold;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
  }
  .page-about .icos {
    padding: 20px 5px;
  }
  .page-about .icos .items {
    text-align: center;
  }
  .page-about .icos .items .ico {
    margin: 10px auto;
  }
  .page-about .icos .p1 {
    text-align: center;
    padding: 60px 0 40px;
  }
  .page-news .column {
    padding: 10px 0;
    background: #eee;
  }
  .page-news .column .wrapper {
    width: 94%;
    height: 40px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #e61d4c;
    background: #fff;
    margin: 0 auto;
    border-radius: 20px;
    -o-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
  }
  .page-news .column a {
    display: block;
    float: left;
    width: 33.33%;
    height: 40px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    line-height: 40px;
    background: #fff;
    text-align: center;
  }
  .page-news .column a.focus {
    color: #fff;
    background: #e61d4c;
  }
  .page-news .banner #banner {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .page-news .news-list {
    padding: 20px 5px 30px;
  }
  .page-news .news-list .list li {
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;
    line-height: 16px;
    font-size: 12px;
  }
  .page-news .news-list .list li h3 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
  }
  .page-news .news-list .list li .time {
    padding: 6px 0;
  }
  .page-news .news-list .list li .txt {
    max-height: 80px;
    overflow: hidden;
  }
  .page-news .news-list .list li .img-box {
    float: left;
    margin-right: 20px;
    max-width: 30%;
  }
  .m-pagination {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    display: table;
    margin: 30px auto 0;
  }
  .m-pagination a {
    display: block;
    float: left;
    margin: 0 3px;
    border: 1px solid #d9d9d9;
    padding: 0 5px;
    min-width: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-pagination a.focus {
    color: #fff;
    background: #e61d4c;
    border: 1px solid #e61d4c;
  }
  .page-news-details .details {
    padding: 30px 5px;
  }
  .page-news-details .details .header {
    padding-bottom: 20px;
  }
  .page-news-details .details .header h3 {
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 15px;
  }
  .page-news-details .details .header .p1 {
    font-size: 12px;
    line-height: 1.5;
  }
  .page-news-details .details .header .share {
    display: none;
  }
  .page-news-details .details .content {
    font-size: 12px;
    line-height: 22px;
  }
  .page-news-details .details .content img {
    padding-bottom: 20px;
  }
  .page-news-details .details .content p {
    margin-top: 15px;
  }
  .page-news-details .details .box1 {
    line-height: 30px;
    padding: 20px 0;
  }
  .page-news-details .details .box1 .p1 {
    text-align: right;
  }
  .page-news-details .details .box1 .p2 {
    text-align: left;
  }
  .page-news-details .details .box1 .p2 a {
    margin-right: 5px;
  }
  .page-news-details .details .recommend {
    margin-top: 20px;
    padding: 10px 0;
    border-top: 1px solid #d9d9d9;
  }
  .page-news-details .details .recommend .p1 {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-news-details .discuss {
    padding: 0 5px 50px;
  }
  .page-news-details .discuss .content {
    padding: 8px;
    border: 1px solid #d9d9d9;
    border-top: 3px solid #555b71;
  }
  .page-news-details .discuss .header {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
  }
  .page-news-details .discuss .header h3 {
    font-size: 18px;
    float: left;
  }
  .page-news-details .discuss .header h3:before {
    content: '';
    display: block;
    float: left;
    border-left: 0px solid grey;
    width: 30px;
    height: 30px;
    background: url('/images/front/products-ico-3.png') no-repeat left center;
  }
  .page-news-details .discuss .header .s1 {
    float: right;
    padding: 0 5px;
  }
  .page-news-details .discuss .header .s1 em {
    color: #f00;
  }
  .page-news-details .discuss .items {
    margin-top: 15px;
  }
  .page-news-details .discuss .items .photo {
    float: left;
    width: 44px;
    height: 44px;
    margin-right: -60px;
  }
  .page-news-details .discuss .items .box {
    margin-left: 60px;
  }
  .page-news-details .discuss .items .textarea {
    height: 66px;
    /* .hidden; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f4f4f4;
    border: 1px solid #cbcbcb;
    position: relative;
  }
  .page-news-details .discuss .items .textarea .wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .page-news-details .discuss .items .textarea i.ico {
    width: 9px;
    height: 12px;
    position: absolute;
    left: -8px;
    top: 10px;
    background: url('/images/front/products-ico-4.png') no-repeat left top;
  }
  .page-news-details .discuss .items .textarea textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    padding: 5px 10px;
    line-height: 19px;
  }
  .page-news-details .discuss .items .foot {
    margin-top: 15px;
    height: 36px;
    overflow: hidden;
    line-height: 36px;
  }
  .page-news-details .discuss .items .foot a {
    margin: 0 6px;
  }
  .page-news-details .discuss .items .foot .btn {
    float: right;
    width: 90px;
    height: 36px;
    color: #fff;
    text-align: center;
    background: #999;
    cursor: pointer;
    margin-left: 10px;
  }
  .page-news-details .discuss .items .txt {
    line-height: 24px;
    font-size: 12px;
  }
  .page-news-details .discuss .items .txt .p1 {
    max-height: 48px;
    overflow: hidden;
  }
  .page-news-details .discuss .items .txt .time {
    text-align: right;
    font-size: 12px;
    line-height: 20px;
  }
  .page-solution-market {
    line-height: 20px;
  }
  
  .page-solution-market .banner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .page-solution-market .img-banner img {
    margin: 0 auto;
  }
  .page-solution-market .box1 {
    padding: 30px 5px;
    text-align: center;
  }
  .page-solution-market .box1 h3 {
    font-size: 30px;
    line-height: 2;
  }
  .page-solution-market .box2 {
    padding: 10px 10px 40px;
    position: relative;
    z-index: 999;
    font-size: 12px;
    line-height: 22px;
  }
  .page-solution-market .box2 .block {
    float: left;
    width: 180px;
    height: 120px;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px 0 30px 25px;
    margin: -80px 20px 0 0;
    background: #fff;
    -webkit-box-shadow: 0 6px 40px rgba(135, 141, 173, 0.26);
            box-shadow: 0 6px 40px rgba(135, 141, 173, 0.26);
  }
  .page-solution-market .box3 {
    background: #f5f5f5;
    padding-bottom: 20px;
  }
  .page-solution-market .box3 .img-box img {
    margin: 10px auto;
  }
  .page-solution-market .box3 .txt-box {
    padding: 20px 5px;
  }
  .page-solution-market .box3 .txt-box .p1 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 26px;
    text-align: center;
  }
  .page-solution-market .box3 .txt-box a.btn {
    display: block;
    width: 154px;
    height: 54px;
    margin: 30px auto 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #e61d4c;
    color: #e61d4c;
    text-align: center;
    font-size: 16px;
    line-height: 54px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  .page-solution-market .box4 .txt-box {
    padding: 20px 5px;
  }
  .page-solution-market .box4 .txt-box .p1 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 26px;
    text-align: center;
  }
  .page-solution-market .box4 .img-box1 {
    display: none;
  }
  .page-solution-market .box4 .img-box2 {
    display: none;
  }
  .page-solution-market .box5 {
    background: #f5f5f5;
    padding-bottom: 20px;
  }
  .page-solution-market .box5 .img-box img {
    margin: 10px auto;
  }
  .page-solution-market .box5 .txt-box {
    padding: 20px 5px;
  }
  .page-solution-market .box5 .txt-box .p1 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 26px;
    text-align: center;
  }
  .page-solution-market .box5 .txt-box a.btn {
    display: block;
    width: 154px;
    height: 54px;
    margin: 30px auto 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #e61d4c;
    color: #e61d4c;
    text-align: center;
    font-size: 16px;
    line-height: 54px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  .page-solution-market .box6 .txt-box {
    padding: 20px 5px;
  }
  .page-solution-market .box6 .txt-box .p1 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 26px;
    text-align: center;
  }
  .page-solution-market .box6 .txt-box .img {
    display: none;
  }
  .page-solution-market .box7 {
    padding: 30px 0 80px;
  }
  .page-solution-market .box7 h3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 10px;
  }
  .page-solution-market .box7 .img-box {
    padding: 0 10px;
  }
  .page-solution-resources {
    line-height: 20px;
  }
  .page-solution-resources .content-box {
    padding: 20px 5px 50px;
  }
  .page-solution-resources .data-table {
    text-align: center;
    font-size: 12px;
  }
  .page-solution-resources .data-table .td1 {
    width: 35%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-resources .data-table .td2 {
    width: 35%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-resources .data-table .td3 {
    display: none;
  }
  .page-solution-resources .data-table .td4 {
    display: none;
  }
  .page-solution-resources .data-table .td5 {
    width: 30%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-resources .data-table thead {
    line-height: 60px;
    font-size: 14px;
    height: 60px;
    overflow: hidden;
    background: #3b3b3b;
    color: #fff;
  }
  .page-solution-resources .data-table tbody td {
    padding: 20px 0;
  }
  .page-solution-resources .data-table tbody .td3 {
    text-align: left;
  }
  .page-solution-resources .data-table tbody .img {
    display: inline;
    margin: 0 auto;
    vertical-align: middle;
    border: 6px solid #e9e9e9;
  }
  .page-solution-resources .data-table tbody .download {
    padding-left: 25px;
    background: url('/images/front/solution-ico-1.png') no-repeat left center;
  }
  .page-solution-resources .data-table tbody tr {
    background: #e8e8e8;
  }
  .page-solution-resources .data-table tbody tr:nth-child(2n+1) {
    background: #f5f5f5;
  }
  .page-solution-resources .data-table .type {
    position: relative;
    width: 100%;
    height: 60px;
  }
  .page-solution-resources .data-table .type .head {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .page-solution-resources .data-table .type .head i {
    width: 16px;
    height: 10px;
    background: url('/images/front/ico-3.png') no-repeat left top;
    -webkit-background-size: 14px 9px;
            background-size: 14px 9px;
    margin-left: 5px;
  }
  .page-solution-resources .data-table .type .head i.focus {
    background: url('/images/front/ico-2.png') no-repeat left top;
    -webkit-background-size: 14px 9px;
            background-size: 14px 9px;
  }
  .page-solution-resources .data-table .type .box {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #3b3b3b;
  }
  .page-solution-resources .data-table .type .box a {
    display: block;
    border-top: 1px solid #fff;
    color: #fff;
    height: 46px;
    line-height: 46px;
  }
  .page-products-appointment {
    line-height: 20px;
  }
  .page-products-appointment .box1 {
    margin-top: 10px;
    padding: 0 5px;
  }
  .page-products-appointment .box1 li {
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5px;
  }
  .page-products-appointment .box1 li span.s1 {
    float: left;
  }
  .page-products-appointment .box1 li span.s2 {
    float: right;
    cursor: pointer;
  }
  .page-products-appointment .box2 {
    margin-top: 30px;
    padding: 0 5px 20px;
  }
  .page-products-appointment .box2 .map {
    padding: 10px 0;
    min-height: 300px;
  }
  .page-products-appointment .book {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
  .page-products-appointment .book .wrapper {
    height: 100%;
    position: relative;
    zoom: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-products-appointment .book .wrapper .content {
    width: 94%;
    height: 94%;
    overflow: hidden;
    position: absolute;
    left: 2%;
    top: 3%;
    background: #fff;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .page-products-appointment .book .wrapper .box {
    width: 96%;
    height: 100%;
    margin: 0 auto;
  }
  .page-products-appointment .book .wrapper .close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: url('/images/front/login-2.jpg') no-repeat right top;
    cursor: pointer;
  }
  .page-products-appointment .book .wrapper h3.t1 {
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    margin: 25px 0 10px;
  }
  .page-products-appointment .book .wrapper .intro-box {
    max-height: 215px;
    overflow: hidden;
  }
  .page-products-appointment .book .wrapper .apply-box .input {
    margin-top: 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
    background: #f5f5f5;
  }
  .page-products-appointment .book .wrapper .apply-box .send {
    margin-top: 10px;
    display: block;
    float: right;
    color: #fff;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e61d4c;
    cursor: pointer;
  }
  .page-join_us .content-box {
    padding: 30px 5px 80px;
  }
  .page-join_us .job-box {
    margin-top: 30px;
    text-align: center;
    line-height: 48px;
  }
  .page-join_us .job-box .category {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
  }
  .page-join_us .job-box .category .head {
    height: 48px;
    font-size: 14px;
    overflow: hidden;
    background: #f5f5f5;
  }
  .page-join_us .job-box .category .list {
    padding: 10px 0;
  }
  .page-join_us .job-box .category .list a {
    float: left;
    padding: 0 10px;
    line-height: 30px;
  }
  .page-join_us .job-box .data-list {
    margin-top: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    line-height: 40px;
  }
  .page-join_us .job-box .data-list .head {
    height: 40px;
    font-size: 12px;
    overflow: hidden;
    background: #f5f5f5;
    font-weight: bold;
  }
  .page-join_us .job-box .data-list .head span {
    display: block;
    float: left;
  }
  .page-join_us .job-box .data-list .head span.s1 {
    width: 30%;
  }
  .page-join_us .job-box .data-list .head span.s2 {
    width: 30%;
  }
  .page-join_us .job-box .data-list .head span.s3 {
    width: 20%;
  }
  .page-join_us .job-box .data-list .head span.s4 {
    width: 20%;
  }
  .page-join_us .job-box .data-list .list .items {
    height: 40px;
    overflow: hidden;
  }
  .page-join_us .job-box .data-list .list .items span {
    display: block;
    float: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-join_us .job-box .data-list .list .items span.s1 {
    width: 30%;
  }
  .page-join_us .job-box .data-list .list .items span.s2 {
    width: 30%;
  }
  .page-join_us .job-box .data-list .list .items span.s3 {
    width: 20%;
  }
  .page-join_us .job-box .data-list .list .items span.s4 {
    width: 20%;
  }
  .page-join_us .job-desc {
    margin-top: 30px;
    background: #f5f5f5;
    padding: 10px 15px 15px;
    line-height: 20px;
    border: 1px solid #d9d9d9;
  }
  .page-join_us .job-desc .t1 {
    font-size: 14px;
    padding: 5px 0;
  }
  .page-join_us .job-desc p {
    margin-top: 5px;
  }
  .page-join_us .job-welfare {
    margin-top: 30px;
    background: #242424;
    padding: 15px 10px 20px;
    color: #fff;
    line-height: 20px;
  }
  .page-join_us .job-welfare .t1 {
    font-size: 22px;
    font-weight: bold;
    padding: 10px 0 15px;
  }
  .page-join_us .job-welfare .ico {
    display: none;
  }
  .page-join_us .form-box {
    width: 92%;
    margin: 20px auto 0;
  }
  .page-join_us .form-box .t1 {
    font-size: 20px;
    padding: 30px 0;
    text-align: center;
  }
  .page-join_us .form-box dl {
    margin-top: 15px;
  }
  .page-join_us .form-box dl.dl-2 dd {
    height: 120px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-join_us .form-box dl dt {
    line-height: 30px;
  }
  .page-join_us .form-box dl .input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    background: transparent;
  }
  .page-join_us .form-box dl .textarea {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    background: transparent;
    line-height: 24px;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-join_us .form-box .send {
    margin: 20px auto 0;
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #343434;
    cursor: pointer;
  }
  .page-feedback .form-box {
    width: 92%;
    margin: 20px auto 0;
    padding-bottom: 50px;
  }
  .page-feedback .form-box .t1 {
    font-size: 20px;
    padding: 30px 0;
    text-align: center;
  }
  .page-feedback .form-box dl {
    margin-top: 15px;
  }
  .page-feedback .form-box dl.dl-2 dd {
    height: 120px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-feedback .form-box dl dt {
    line-height: 30px;
  }
  .page-feedback .form-box dl .input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    background: transparent;
  }
  .page-feedback .form-box dl .textarea {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    background: transparent;
    line-height: 24px;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-feedback .form-box .send {
    margin: 20px auto;
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #343434;
    cursor: pointer;
  }
  .page-onLine {
    line-height: 20px;
  }
  .page-onLine .content-box {
    padding: 20px 5px 70px;
  }
  .page-onLine .data-table {
    text-align: center;
    font-size: 12px;
  }
  .page-onLine .data-table .td1 {
    width: 20%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-onLine .data-table .td2 {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
  }
  .page-onLine .data-table .td3 {
    width: 30%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-onLine .data-table thead {
    min-height: 60px;
    font-size: 12px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    background: #3b3b3b;
    color: #fff;
  }
  .page-onLine .data-table thead th {
    padding: 10px 0;
  }
  .page-onLine .data-table tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cfcfcf;
  }
  .page-onLine .data-table tbody .td2 {
    text-align: left;
  }
  .page-onLine .data-table tbody tr {
    background: #f5f5f5;
  }
  .page-onLine .data-table tbody .p1 {
    line-height: 28px;
  }
  .page-onLine .data-table tbody .p1 span {
    display: block;
    height: 28px;
    overflow: hidden;
    background: transparent;
  }
  .page-help {
    line-height: 20px;
  }
  .page-help .content-box {
    padding: 0 5px 60px;
  }
  .page-help .list {
    margin-top: 30px;
  }
  .page-help .list h3.title {
    font-size: 16px;
    line-height: 26px;
    padding-left: 32px;
    margin: 10px 0;
  }
  .page-help .list h3.title.t1 {
    background: url('/images/front/help-ico-1.png') no-repeat left center;
    -webkit-background-size: 26px 26px;
            background-size: 26px 26px;
  }
  .page-help .list h3.title.t2 {
    background: url('/images/front/help-ico-2.png') no-repeat left center;
    -webkit-background-size: 26px 26px;
            background-size: 26px 26px;
  }
  .page-help .list .items {
    border-bottom: 1px solid #d9d9d9;
  }
  .page-help .list .items .head {
    height: 70px;
    overflow: hidden;
    line-height: 70px;
    position: relative;
  }
  .page-help .list .items .head .s1 {
    float: left;
    width: 90%;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-help .list .items .head .ico {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url('/images/front/help-ico-3.png') no-repeat left top;
    cursor: pointer;
  }
  .page-help .list .items .head .ico.focus {
    background: url('/images/front/help-ico-4.png') no-repeat left top;
  }
  .page-help .list .items .head .link {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url('/images/front/help-ico-5.png') no-repeat left top;
    cursor: pointer;
  }
  .page-help .list .items .box {
    display: none;
    font-size: 12px;
    padding: 8px 10px 20px;
    background: #f5f5f5;
  }
  .page-solution-product {
    line-height: 20px;
  }
  .page-solution-product .box1 {
    padding: 15px 5px 35px;
  }
  .page-solution-product .box2 {
    padding: 25px 5px;
  }
  .page-solution-product .box2 li {
    float: left;
    width: 50%;
    margin: 5px 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-solution-product .box2 li:nth-child(2n-1) {
    padding-right: 5px;
  }
  .page-solution-product .box2 li:nth-child(2n-1) .img-box {
    float: left;
  }
  .page-solution-product .box2 li:nth-child(2n) {
    padding-left: 5px;
  }
  .page-solution-product .box2 li:nth-child(2n) .img-box {
    float: right;
  }
  .page-solution-product .box2 .img-box {
    max-width: 220px;
    overflow: hidden;
    background: #f1f1f1;
    display: table;
    padding: 10px 10px 0;
  }
  .page-solution-product .box2 .img-box img {
    margin: 0 auto;
  }
  .page-solution-product .box2 .p1 {
    max-width: 220px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-align: center;
  }
  .page-solution-product .box3 {
    padding: 30px 0 20px;
  }
  .page-solution-product .box3 img {
    margin: 0 auto;
  }
  .page-solution-product .box4 {
    padding: 0 5px 30px;
  }
  .page-solution-product .box4 .row {
    background: #459ed6;
  }
  .page-solution-product .box4 .txt {
    padding: 20px;
    background: #242424;
    font-size: 12px;
    line-height: 24px;
  }
  .page-solution-product .box4 .txt .title {
    font-size: 30px;
    line-height: 1.5;
    padding-bottom: 20px;
  }
  .page-solution-product .box4 .download {
    text-align: center;
    cursor: pointer;
    padding: 10px 0;
  }
  .page-solution-product .box4 .download .wrapper .box {
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-bottom: 30px;
    background: url('/images/front/products-ico-2.png') no-repeat center bottom;
  }
  .page-solution-product .txt-box {
    padding: 20px 5px;
    text-align: center;
  }
  .page-solution-product .txt-box h3 {
    font-size: 30px;
    line-height: 2;
  }
  .page-solution-product .banner {
    background: #242424;
    color: #fff;
    width: 100%;
    overflow: hidden;
  }
  .page-solution-product .banner.last-box {
    margin-bottom: 50px;
  }
  .page-solution-product .banner .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .page-solution-product .banner .swiper-box {
    padding: 0px 5px 0;
  }
  .page-solution-product .banner .swiper-box .items .txt {
    color: #acacac;
    height: 50px;
    overflow: hidden;
  }
  .page-solution-product .banner .swiper-box .items .txt h3 {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-solution-product .banner .swiper-box .items .txt p {
    display: none;
  }
  .page-solution-product .banner .time-box {
    display: none;
  }
  .page-solution-product .banner .right-box {
    display: none;
  }
  .page-solution-product .banner .left-box {
    display: none;
  }
  .page-search .no-data {
    text-align: center;
    padding: 50px 0;
  }
  .page-search .search-list {
    padding: 30px 5px;
  }
  .page-search .search-list .items {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 10px;
    line-height: 18px;
  }
  .page-search .search-list .items h3 {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 5px;
  }
  .page-search .search-list .items:nth-child(1) {
    border-top: 1px solid #d9d9d9;
  }
  .page-search .search-box {
    padding: 25px 10px 20px;
  }
  .page-search .search-box .box {
    width: 100%;
    height: 34px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
  }
  .page-search .search-box .ico {
    width: 32px;
    height: 32px;
  }
  .page-search .search-box .ico.i1 {
    float: left;
    background: url('/images/front/search-ico1.png') no-repeat center center;
  }
  .page-search .search-box .ico.i2 {
    float: right;
    background: url('/images/front/search-ico2.png') no-repeat center center;
  }
  .page-search .search-box .input-box {
    height: 32px;
    position: absolute;
    left: 36px;
    right: 36px;
    top: 0px;
  }
  .page-search .search-box .input-box input {
    display: block;
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
    line-height: 100%;
  }
  .page-search .search-nav {
    border-bottom: 1px solid #d9d9d9;
    height: 40px;
    margin: 0 5px;
    line-height: 40px;
    margin-bottom: 40px;
  }
  .page-search .search-nav a {
    display: block;
    float: left;
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
    margin-right: 20px;
  }
  .page-search .search-nav a.focus {
    color: #303030;
    border-bottom: 1px solid #303030;
  }
  .page-search .search-nav p {
    padding-left: 15px;
  }
  .page-search .search-list2 {
    padding: 20px 10px;
  }
  .page-search .search-list2 li {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px 5px;
  }
  .page-search .search-list2 li span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding-top: 5px;
  }
  .page-products-courseware-video {
    line-height: 20px;
  }
  .page-products-courseware-video .video-box {
    padding: 10px 10px;
  }
  .page-products-courseware-video .video-box .video {
    width: 100%;
    height: auto;
  }
  .page-products-courseware-video .video-list {
    padding: 30px 5px;
  }
  .page-products-courseware-video .video-list .header {
    height: 24px;
    overflow: hidden;
    line-height: 24px;
  }
  .page-products-courseware-video .video-list .header h3.title {
    font-size: 14px;
  }
  .page-products-courseware-video .video-list li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
  }
  .page-products-courseware-video .video-list li .p1 {
    font-size: 12px;
    padding-top: 6px;
    height: 20px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-products-courseware-video .video-list li .p2 {
    font-size: 12px;
    height: 24px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-solution-marketList {
    line-height: 20px;
  }
  .page-solution-marketList .txt-desc {
    padding: 25px 5px;
  }
  .page-solution-marketList .txt-desc .p1 {
    font-size: 60px;
    line-height: 1;
  }
  .page-solution-marketList .txt-desc .p1 span {
    font-weight: bold;
    padding-right: 10px;
    position: relative;
    top: -5px;
  }
  .page-solution-marketList .list-box {
    padding: 15px 5px;
  }
  .page-solution-marketList .list-box li {
    float: left;
    position: relative;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5px;
    margin: 5px 0;
  }
  .page-solution-marketList .list-box li span.s1 {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 15px;
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: right;
    font-size: 14px;
    color: #fff;
  }
  .page-solution-marketList .img-box {
    padding: 40px 5px 30px;
  }
  .page-solution-marketList .img-box .txt {
    padding: 20px 0;
    text-align: center;
  }
  .page-solution-marketList .box1 {
    margin: 15px 0 50px;
    background: #242424;
  }
  .page-solution-marketList .box1 .row {
    position: relative;
    padding: 15px 10px 20px;
    color: #fff;
    line-height: 20px;
  }
  .page-solution-marketList .box1 .t1 {
    font-size: 22px;
    font-weight: bold;
    padding: 10px 0 15px;
  }
  .page-solution-marketList .box1 .ico {
    display: none;
  }
  .page-signin-simple {
    line-height: 24px;
    padding: 30px 10px 100px;
  }
  .page-signin-simple .title {
    font-size: 24px;
    line-height: 2;
    text-align: center;
    padding: 20px 0;
  }
  .page-signin-simple .pa {
    padding-top: 20px;
  }
  .page-signin-simple .pa h3 {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 812px) and (min-width: 580px) {
  .page-solution-product .box2 ul {
    width: 80%;
    min-width: 310px;
    margin: 0 auto;
  }
}