@import url(https://at.alicdn.com/t/c/font_4219910_7nqzk5kwys.css);
/* 閲嶇疆涓�浜涢粯璁ゆ牱寮� */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.no-data {text-align: center;margin: auto;padding: 30px 0;}
.hide {display: none!important;}

/* 閬垮厤鏌愪簺璁惧涓婄殑瀛椾綋骞虫粦闂 */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
    font-size: 14px;
	color: #000;
    -webkit-tap-highlight-color: transparent;
}

/* 閲嶇疆杈撳叆妗嗐�佹枃鏈煙鍜岄�夋嫨妗嗘牱寮� */
input, textarea, select {
    appearance: none;
    border-radius: 0;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}
em,i{font-style: normal;}
/* 鍘婚櫎鍒楄〃鏍峰紡 */
ul, ol {
    list-style: none;
}

/* 鍘婚櫎榛樿閾炬帴鏍峰紡 */
a {
    text-decoration: none;
    color: inherit;
}
a:hover{color: #006cff;}
/* 鍘婚櫎鎸夐挳鏍峰紡 */
button {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}
img:hover{transform: scale(1.05);    transition: all .8s;}
/* 灏嗘墍鏈夊厓绱犵殑鐩掑瓙妯″瀷璁剧疆涓� border-box */
* {
    box-sizing: border-box;
}
.w100 {
    width: 100%!important;
}
.txt-white{color: #fff;}
.cui-text-blue{color:#007bff!important;}
.font-bold{font-weight: bold;}
.font-size42{font-size:42px;}
.cui-text-left{text-align: left!important;}
/* 鍩烘湰鐨勫竷灞�鏍峰紡 */
.header-logo{    position: absolute;}
.main-nav{    margin-left: 100px;}
.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #215ceb;
	background: linear-gradient(to right, #215ceb, #076cfb);
    color: #fff;
    padding: 10px 20px;
	height: 90px;
}

.header-logo img {
    max-width: 160px;
}
.header-logo .top-logo-txt{
	font-weight: bold;
	top:20px;
	color: #fff;
}
.header-logo .top-logo-txt em{margin: 0 5px;}

/* 鏍峰紡鍖栧鑸彍鍗� */
.main-nav ul {
    list-style: none;
    display: flex;
    align-items: center;
}
.main-nav li:hover,.main-nav li.current{background-color: #0943cf;line-height:90px;}
.main-nav li a {
    color: #fff;
    text-decoration: none;
    padding:0 30px;
	font-size:20px;
	display: block;
}

/* 鏍峰紡鍖栧彸渚ц仈绯绘柟寮� */
.header-contact {
    text-align: right;
	font-weight:bold;
}

.header-contact .tel-icon {
    color: #fff;margin-right: 15px;
}

.header-contact .tel-icon .iconfont{font-size: 42px;top: 8px;}
.header-contact .tel-t{font-size: 20px;text-align: left;}
.header-contact .tel-t .m{letter-spacing: 1.2px;}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 1000;
}
/* 鐐瑰嚮鑿滃崟鍥炬爣灞曞紑瀵艰埅鏍峰紡 */
.show-menu {
    display: block !important;
}
.menu-icon{display: none;}
.cui-panel{width: 1200px;margin: 0 auto;}
.cui-banner{height: 540px;width: 100%; position: relative;}
.cui-banner .cui-images{
	 background: no-repeat 50%/cover;
	 height: 100%;
	 width: 100%;
	 left: 0;
	 position: absolute;
	 top: 0;
	 z-index: 1;
}
.cui-banner-txt{
	padding-top:108px;
}
.cui-banner-txt h2{font-size:34px;font-weight: bold;}
.cui-banner-txt .txt{padding-top: 25px;margin-left: -6px;}
.cui-banner-txt .txt ul li{font-size: 22px;font-weight: bold;display: flex;line-height: 52px;margin-bottom: 16px;}
.cui-banner-txt .txt ul li .icon img{width: 38px;height: 38px;display: block;margin-top: 13px;}
.btn-blue {
    width: 152px;
    background: linear-gradient(to right, #0070ff, #00a6ff);
    border: none;
    color: #fff;
}
.cui-btn{
	    cursor: pointer;
	    max-width: 152px;
	    height: 50px;
		line-height: 50px;
	    font-weight: 400;
	    font-size: 16px;
		font-weight: bold;
	    transition: all .3s ease-in-out;
	    border: none;
	    border-radius: 4px;
		color: #fff;
		text-align: center;
		display: block;
}
.cui-btn:hover{opacity: 0.8;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mr50{margin-right: 50px;}
.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.relative {
    position: relative;
}
.box-border {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cui-banner-form{
	background-color: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  backdrop-filter: blur(5px);
  box-shadow: 2px 2px 15px #c2cbdc;
      width: 450px;
      height: 460px;
	  margin-top: 40px;
}
.cui-form-box{padding: 25px 25px 0px 25px;}
.cui-banner-form .form-group{margin-bottom: 30px;position: relative;}
.cui-banner-form .form-group label{display: block;font-size: 18px;margin-bottom: 8px;}
.cui-banner-form .form-group input{width: 100%;display: block;height: 58px;line-height: 58px;border: 1px solid #c4ccdf;border-radius: 4px;padding: 0 10px;background-color: #fff;font-size: 18px;}
.cui-banner-form .form-group input:focus{border: 1px solid #006cff;}
.cui-banner-form .form-group .estimate{width: 100%;display: block;height: 50px;line-height: 50px;text-align: center;font-size: 38px;font-weight: bold;}
.cui-banner-form .form-group #tagsContainer{
	position: absolute;
	top:38px;
	left: 10px;
    width: 95%;
}
.w150{width: 150px!important;}
.cui-banner-form .cui-submit{background: linear-gradient(to right, #fe7307, #fea108);display: block;color: #fff;width: 50%;height: 68px;line-height: 68px;font-size: 26px; border-bottom-right-radius: 0px;border-bottom-left-radius: 10px;    position: absolute;
    bottom: 0;}
.cui-banner-form .cui-submit:hover{opacity: 0.8;}	
.cui-banner-form .cui-btn-blue{right: 0;border-bottom-left-radius: 0; border-bottom-right-radius: 10px;}
.cui-btn-blue{background: linear-gradient(to right, #0780fb, #215ceb)!important;}
.cui-banner-form .dw{font-size: 18px;margin-left: 5px;}



/* 鏍囩鏍峰紡 */
.cui-banner-form .tag-input {
    cursor: pointer;
}

.cui-banner-form .selected-courts {
    margin-top: 20px;
}

.cui-banner-form .tag {
     display: inline-block;
    background-color: #d6e0f5;
    color: #333;
    padding: 9px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
	
}
.cui-banner-form .tag i{
	    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   max-width: 95%;
    display: inherit;
        font-style: inherit;
        position: relative;
    top: 3px;
    font-size: 18px;
}
.cui-banner-form .delete-tag {
       cursor: pointer;
       margin-left: 5px;
       font-size: 12px;
       color: #a3b0cb;
       font-weight: normal;
       position: relative;
    top: -3px;
}

/* 涓嬫媺閫夐」鏍峰紡 */
.cui-banner-form .court-options {
    display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #c4ccdf;
	z-index: 1000;
	width: 100%;
	padding: 12px;
	border-radius: 4px;
}
.cui-banner-form .court-options ul li{
	    line-height: 38px;
	    cursor: pointer;
	    font-size: 16px;
}
.cui-banner-form .court-options ul li:hover{color: #006cff;}
.cui-banner-form .show-options {
    display: block;
}

.cui-dog {
 position: absolute;
    z-index: 99;
    right: 0;
    bottom: -14px;
    text-align: right;
}
.cui-dog img {
    width: 70%;
}
.cui-banner-kefu{
	    position: absolute;
	    right: 0;
	    z-index: 9999;
	    text-align: center;
	    top: 38px;
}
.cui-banner-kefu img{width: 60%;}
.cui-banner-kefu .ewm{
	    position: absolute;
    right: 20px;
    top: 0;
    width: 180px;
    background: linear-gradient( 
215deg, #F3F7FF 0%, #FFFFFF 100%);
    box-shadow: 0px 4px 24px 0px rgb(231 239 245 / 20%);
    border: 1px solid #DCE5F1;
    border-radius: 8px;
    padding: 26px 0;
}
.cui-banner-kefu .ewm .gzwm-close {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.cui-banner-kefu .ewm img{width: 60%;}
.cui-main-content .cui-panel .cui-title{padding:50px 0 40px 0;text-align: center;position:relative;}
.cui-main-content .cui-panel .cui-title h2{font-size: 28px;}
.cui-main-content .cui-process {width: 100%;background: url(../images/f1bg.png) #fafcfe;background-size: cover;height:450px;position: relative;}
.cui-main-content .cui-process .floorbg1,.cui-main-content .cui-process .floorbg1{position: absolute;}
.cui-main-content .cui-process .floorbg1{background-image: url(../images/floor1-bg.png); width: 390px; height: 200px; right: 0; background-repeat: no-repeat; background-position: right; background-size: 100%;}
.cui-main-content .cui-process .floorbg2{
	background-image: url(../images/floor2-bg.png);
	    width: 390px;
	    height: 203px;
	    left: 0;
	    background-repeat: no-repeat;
	    background-position: left;
	    background-size: 100%;
	    position: absolute;
	    bottom: -26px;
}
.mtbd-list{background-color: rgba(255, 255, 255, 0.7);box-shadow: 2px 2px 15px #c2cbdc;border: 1px solid #205ceb;border-radius: 4px;line-height: 40px;height: 40px;
    overflow: hidden;padding: 0 15px 0 135px;}

.mtbd-list .mt-title {
        width: 110px;
        height: 40px;
            line-height: 36px;
        background-color: #205ceb;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        padding: 0px 14px;
        left: 0;
        position: absolute;
		color: #fff;
  }

 .mtbd-list .mt-title::after {
    content: '';
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translateY(-50%);
        border-width: 21px 0 18px 12px;
        border-style: solid;
        border-color: transparent transparent transparent #205ceb;
  }
  .mtbd-list .mt-title i{margin-right: 8px;}
  .scroll-container {
  height: 40px; /* 调整容器的高度 */
  overflow: hidden;
}

.scroll-container a {
  display: block;
  padding: 0px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:400px; 
}
  
  
  
  .swiper-slides {
      -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    margin-right: 2%;
}
.tpm-case-card {
    display: block;
    box-sizing: border-box;
    height: 210px;
    background-image:linear-gradient(180deg, rgba(238, 246, 255, 0.92) 0%, rgba(253, 254, 255, 0.9) 100%);
   box-shadow: 6px 0px 20px 0 rgba(26, 53, 96, 0.1);
    border-radius: 4px;
    white-space: normal;
    position: relative;
}
.tpm-case-card__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    pointer-events: none;
 
    background-size: auto 100%;
    opacity: 0;
}
.tpm-case-card__inner {
    position: relative;
    z-index: 1;
    padding: 53px 32px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.tpm-case-card__object {
    width: 40px;
    margin-right: 20px;
}
.tpm-case-card__logo {
    display: block;
    width: 100%;
    border-radius: 4px;
}
.tpm-case-card__main {
    -ms-flex: 1;
    flex: 1;
    width: 1px;
    position: relative;
    z-index: 1;
}
.tpm-case-card__main:before {
    content: "";
    position: absolute;
    left: -12px;
    top: -27px;
    z-index: -1;
    width: 57px;
    height: 46px;
    background-image: url(../images/sprite.svg);
    background-position: 47.89915966386555% 70.37037037037037%;
    background-size: 308.77192982456137% auto;
}
.tpm-case__cases .tpm-case-card__desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 84px;
}
.tpm-case-card__name {
    margin-top: 24px;
    font-size: 16px;
    color: #293957;
    text-align: right;
    line-height: 28px;
}
.tpm-case-card__desc {
    font-size: 16px;
    color: #293957;
    text-align: justify;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: 112px;
}
  
  
  
  
  
  
  
  
  
  
#tab-container {
    margin: 0px auto;
  }

  .tab-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
  
      .tab-button {
        flex: 1;
        max-width: calc(20% - 40px); /* 20%瀹藉害锛屽苟鍑忓幓40px闂撮殧 */
        padding:10px 20px 18px 20px;
        text-align: center;
        background-color: #fff;
        border: none;
        border-radius: 8px;
		font-size: 14px;
		border: 1px solid #d5dbe3;
        cursor: pointer;
      }
 .tab-button img {    width: 36px;
    display: inline-block;
    margin-right: 8px;
    opacity: 1;
    transition: all .5s;
    position: relative;
    top: 10px;}
      .tab-button.active {
        background: url(../images/hover-tab.png);
		width: 100%;
		height: 58px;
		background-size:100% 100%;
		border: 1px solid #fff;
        color: #fff;
		box-shadow:2px 2px 15px #c2cbdc;
      }
.tab-button.active img{display: none;}
.tab-button.active span{
	background: linear-gradient(45deg, #0070ff, #0f4b97, #1b0fbb, #1e87fd);
	  -webkit-background-clip: text;
	  background-clip: text;
	  color: transparent;
	  line-height: 36px;
	  font-weight: bold;
}
  .tab-content-container {
	  margin-top: 45px;
  }

  .tab-content {
    display: none;
  }

  .tab-content.active {
    display: block;
    animation: fadeIn 0.5s ease;
  }
  .tab-content-container .cui-baojia{width: 50%;display: inline-block;margin-right: 20px;}
  .tab-content-container .cui-baojia .h-title{border-bottom: 1px solid #dedede;height: 60px;line-height: 60px;display: block;}
    .tab-content-container .cui-baojia .h-title h2{font-size:24px;font-weight: bold;}
	    .tab-content-container .cui-baojia .h-title strong{margin-right: 12px;color: #006cff;position:relative;}
		.tab-content-container .cui-baojia .h-title strong::before{
			content: '';
			    width: 24px;
			    height: 3px;
			    position: absolute;
			    display: block;
			    background: #090e19;
			    bottom:-13px;
		}
		 .tab-content-container .cui-baojia .js{line-height: 200px;text-align: center;font-size: 18px;}
   .tab-content-container .cui-ygbj{width: 50%;display: inline-block;}
   .tab-content-container .cui-ygbj img{width: 100%;}
   
   
	  #tab-ask-container {
	      margin: 0px auto;
	    }
	  
	   #tab-ask-container .tab-menu {
	          display: flex;
	          justify-content: space-between;
	          align-items: center;
			  border-bottom: 1px solid #c6ccd3;
	        }
	    
	       #tab-ask-container .tab-button {
	         flex: 1;
	             max-width: 100px;
	             text-align: center;
	             border: none;
	             font-size: 16px;
	             cursor: pointer;
	             background: none;
	             padding: 0;
	             border-radius: 0;
	        }
	  #tab-ask-container .tab-button img {    width: 36px;
	      display: inline-block;
	      margin-right: 8px;
	      opacity: 1;
	      transition: all .5s;
	      position: relative;
	      top: 10px;}
	       #tab-ask-container .tab-button.active {
	          background: none;
	  		width: 100%;
	          color: #fff;
	  		box-shadow:none;
	        }
			#tab-ask-container .tab-button.active::after{
			content: '';
			    width: 100%;
			    height: 2px;
			    background-color: #006cff;
			    display: block;
			    bottom: -11px;
			    position: relative;
			}
	 #tab-ask-container .tab-button.active img{display: none;}
	  #tab-ask-container.tab-button.active span{
	  	background: linear-gradient(45deg, #0070ff, #0f4b97, #1b0fbb, #1e87fd);
	  	  -webkit-background-clip: text;
	  	  background-clip: text;
	  	  color: transparent;
	  	  line-height: 36px;
	  	  font-weight: bold;
	  }
	   #tab-ask-container .tab-ask-content {
	  	  margin-top: 45px;
	    }
	  
	   #tab-ask-container .tab-content {
	      display: none;
	    }
	  
	   #tab-ask-container .tab-content.active {
	      display: block;
	      animation: fadeIn 0.5s ease;
	    }
		 #tab-ask-container .tab-content .container {
		            display: flex;
		            justify-content: space-between;
		        }
		
		       #tab-ask-container .tab-content  .column {
		            flex: 1;
		                background-color: white;
		                box-shadow: 2px 2px 15px #c2cbdc;
		                border-radius: 10px;
		                padding:20px;
		                flex: 1;
		                margin-right: 20px;
		                background: url(../images/ask-scence-bg.png) no-repeat;
					    height: 100%;
					    background-size: 100%;
		        }
		
		       #tab-ask-container .tab-content .column:last-child {
		           border-right: none;
		           margin-right: 0;
		       }
				#tab-ask-container .tab-content   .news-item{
					    border-bottom: 1px solid #dbe6f2;
					    margin-bottom: 20px;
					    padding-bottom: 6px;
				}
		      #tab-ask-container .tab-content   .news-item a{
		            margin-bottom: 10px;
		            display: flex;
		            justify-content: space-between;
		            align-items: center;
		        }
		
		     
		
		       #tab-ask-container .tab-content  .news-time {
		            color: #888;
		        }
	  
	  #tab-ask-container .tab-content .news-item:last-child{
		  margin-bottom: 0;
		      padding-bottom: 0;
		      border-bottom: 0;
	  }
	  
	  
	  .znkf{display:none;}
	  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .text-center{text-align: center;}
  .cui-legal-service{
	  background-image: url(../images/index_news_bg.png);
	  background-size: cover;
	      position: relative;
	      top: 0;
	      left: 0;
	      width: 100%;
	      height:auto;
      padding-bottom: 50px;
	      transition: all .5s;
  }
  .cui-legal-service .cui-title {padding: 60px 0 20px 0!important;}
  .cui-legal-service .cui-title h2{color: #fff;text-align: left;}
   .cui-legal-service .cui-more-btn{
	      text-align: right;
	       display: block;
	       color: #fff;
	       width: 140px;
	       position: absolute;
	       right: 0;
	       top: 64px;
	       height: 40px;
	       line-height: 40px;
	       border-radius: 4px;
	   }
	   .cui-legal-service .cui-panel{gap:50px;}
	   .cui-legal-service .cui-panel .legallist{width:48%}
  .cui-legal-service .cui-article-model{
	     border-radius: 10px;
    backdrop-filter: blur(5px);
    box-shadow: 0 40px 80px rgb(44 84 187 / 24%), inset 0 1px 2px #fff;
    background: hsla(0,0%,100%,.8);
  }
     .cui-legal-service  .article-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
		padding: 30px;
        margin:0px auto;
      }
  
      .cui-legal-service  .article {
          width: 100%;
    margin-bottom: 14px;
    display: flex;
    align-items: flex-start;
    margin-top: 0px;
    border-bottom: 1px solid #d2d4d7;
    padding-bottom: 14px;
      }
      .cui-legal-service .article:last-child {
  border-bottom:0px;
  margin-bottom: 0;
    padding-bottom: 0;
}
      
   .cui-legal-service  .article:last-child .intro{
   border-bottom:0px;
   }
   
      .cui-legal-service  .article .date {
        font-size: 32px;

        flex-shrink: 0;
        margin-right:0px;
      }
  
      .cui-legal-service  .article .info {
            flex-grow: 1;
    width: 76%;
    margin-right: 10px;
      }
  
      .cui-legal-service  .article .year-month {
        font-size: 14px;
        color: #888;
        position: relative;
    top: 1px;
      }
  
      .cui-legal-service  .article .title {
            font-size: 16px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
      }
  
      .cui-legal-service  .article .intro {
           font-size: 14px;
           color: #777;
           margin-top: 5px;
           line-height: 1.5;
           height:45px;
           display: -webkit-box;
           -webkit-line-clamp: 2;
           -webkit-box-orient: vertical;
           overflow: hidden;
           
           padding-bottom: 10px;
      }
.cui-legal-service .knowledge .article{
    width: 48%;
    margin-right: 2%;
}
.cui-legal-service .knowledge .article:nth-child(even){
    margin-right:0px;
}
.cui-legal-service .knowledge .article:nth-child(9){
    border-bottom: 0px;
    margin-bottom: 0px;
}

.swiper-container-hezuo{display: none}
.cui-cooperative .partner-list{display: block}
.fwap{
    display: none;
}
@media screen and (max-width: 768px) {
    .fwap{
        display: block;
    }
        .cui-legal-service  .article {
          width: 100%;
        }
    .cui-legal-service .knowledge .article {
        width: 100%;
        margin-right: 0;
    }
    .cui-legal-service .knowledge .article:nth-child(9) {
        border-bottom: 1px solid #d2d4d7;
        margin-bottom: 15px;
    }
    .cui-cooperative .partner-list{display: none!important;}
    .swiper-container-hezuo {
        width: 100%;
        margin: 20px auto;
        display: block;
        overflow: hidden;
    }
    .swiper-container-hezuo .swiper-slide {
        text-align: center;
        font-size: 18px;
        margin: 39px 10px 15px 10px;
        box-shadow: 2px 2px 8px #c8d0de;
        background:none;
    }
    .swiper-container-hezuo .swiper-slide .partner-logo{
        margin: 0px 10px 0px 10px;
    }

}
	  
	  
	  .cui-they-buy{
		      background-image: url(../images/buy-banner-bg.png);
		      background-size: cover;
		      position: relative;
		      top: 0;
		      left: 0;
		      width: 100%;
		      height:835px;
		      transition: all .5s;
	  }
	  
	 .cui-they-buy .comment-container {
	        overflow: hidden;
         display: block;
	      }
.swiper-container-plwap{display: none;}
	  .swiper-container-plwap .swiper-pagination-clickable .swiper-pagination-bullet{
          width: 10px!important;
          height: 10px!important;
          border-radius: 100%!important;
      }
.swiper-container-plwap .pagination{padding: 10px 0;margin-top: 0}
.cui-property{padding-bottom: 0!important;}
	     .cui-they-buy .comments {
	        display: flex;
	        flex-direction: column;
	      }
	  
	     .cui-they-buy .comment {
	        display: none;
	        align-items: center;
	        padding: 20px;
	        transition: background-color 0.3s ease;
	      }
	  
	     .cui-they-buy .comment:last-child {
	        border-bottom: none;
	      }
	  
	     .cui-they-buy .avatar {
	        width: 50px;
	        height: 50px;
	        border-radius: 50%;
	        background-color: #007bff;
	        color: #fff;
	        display: flex;
	        justify-content: center;
	        align-items: center;
	        font-size: 20px;
	      }
	  .cui-they-buy .avatar img{    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    text-align: center;}
	     .cui-they-buy .content {
	        flex-grow: 1;
			    margin-top:-42px;
	        margin-left: 66px;
			padding: 0;
	      }
	  .cui-they-buy .content .desc{
		  background-color: #fff;
		  margin-top: 10px;
		  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		  transition: background-color 0.3s ease;
		  padding:20px;
		  border-bottom-right-radius: 100px;
		  border-bottom-left-radius: 100px;
		  border-top-right-radius: 100px;
		  border-top-left-radius: 0px;
	  }
	 .cui-they-buy .comment.two .desc {
		      border-bottom-right-radius: 100px;
		      border-bottom-left-radius: 100px;
		      border-top-right-radius: 0px;
		      border-top-left-radius: 100px;
	  }
	     .cui-they-buy .name {
	        font-weight: bold;
	      }
	  .cui-they-buy .comment.two{
		  text-align: right;
		  margin-top: 60px;
		  position: relative;
	  }
	   .cui-they-buy .comment.two .content {
	        flex-grow: 1;
			margin-top:-42px;
	        margin-right: 40px;
			padding: 0;
	      }
		 .cui-they-buy .comment.two .avatar {position: absolute;
    right: 0;
    top: -25px;}
	    .cui-they-buy .comment.blue {
	        background-color: #007bff;
	        color: #fff;
	      }
	  
	      .cui-they-buy .pagination {
	        display: flex;
	        justify-content: center;
	        margin-top: 20px;
	      }
	  
	     .cui-they-buy .dot {
	        width: 12px;
	        height: 12px;
	        border-radius: 50%;
	        background-color: #ccc;
	        margin: 0 5px;
	        cursor: pointer;
	        transition: background-color 0.3s ease;
	      }
	  
	     .cui-they-buy .dot.active {
	        background-color: #007bff;
	      }
		   .cui-they-buy .cui-table {
		        width: 100%;
		        border-collapse: collapse;
		        border: 1px solid #d7dfeb;
		        margin: 20px 0;
				background-color: rgba(255, 255, 255, 0.5);
				box-shadow: 2px 2px 15px #eee;
				    backdrop-filter: blur(5px);
		      }
		  
		     .cui-they-buy .cui-table th, .cui-they-buy .cui-table td {
		        padding: 10px;
		        text-align: left;
				border-bottom: 1px solid #d7dfeb;
				border-right: 1px solid #d7dfeb;
				text-align: center;
		      }
		  .cui-they-buy .cui-table td:last-child {
		        border-right: none; /* 鏈�鍚庝竴鍒楃殑鍙宠竟妗嗗彇娑� */
		      }
		     .cui-they-buy .cui-table th {
		            background-color: #5b9cee;
    line-height: 26px;
    color: #fff;
				
		      }
			.commonts_orders .cui-title{display:none;}
			.commonts_orders .cui-panel{padding-top:80px;}
			.cui-news-model{
				background-image: url(../images/index_news_2bg.png);
				background-size: cover;
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				height: 500px;
				transition: all .5s;
			}
			.cui-news-model  .cui-panel .cui-title {
    padding: 70px 0 10px 0!important;
    text-align: left!important;
}
.cui-news-model  .cui-panel .cui-title h2{color: #fff;}
.cui-news-model  .cui-panel .cui-title .cui-more-btn {
    background: none;
    display: block;
    color: #fff;
    width: 140px;
    position: absolute;
    right: 0;
    top: 70px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    text-align: right;
}
		  .cui-news-model .news-list {
		        margin: 20px auto;
		      }
		  
		     .cui-news-model .news-row {
		        display: flex;
		        margin-bottom: 20px;
		      }
		  
		     .cui-news-model .news {
		        flex: 1;
		        background-color: #fff;
		        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		        border-radius: 10px;
		        overflow: hidden;
		        margin-right: 10px;
				padding: 12px;
		      }
		  
		     .cui-news-model .news:last-child {
		        margin-right: 0;
		      }
		  
		     .cui-news-model .news-image {
		       width: 160px;
    margin-right: 15px;
    height: 100px;
    float: left;
		      }
		  .cui-news-model .news-image img{
	    width: 160px;
    height: 100px;
    border-radius: 4px;
    margin-right: 18px;
    overflow: hidden;
	}
		     .cui-news-model .news-content {
		        padding: 0 20px;
		      }
		  
		     .cui-news-model .news-title {
		        font-size: 20px;
		        font-weight: bold;
		        margin-bottom: 6px;
		        white-space: nowrap;
		        overflow: hidden;
		        text-overflow: ellipsis;
		      }
		  
		     .cui-news-model .news-intro {
		            position: relative;
		      }
		      .cui-news-model .news-intro .txtd{
		      font-size: 14px;
    color: #888;
    margin-bottom:6px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
		      }
		  .cui-news-model .news-intro .icon_newsTime{
		  	margin-right: 25px;
		  	color: #888;
		  }
		     .cui-news-model .news-tags {
		        display: flex;
		        flex-wrap: wrap;
		      }
		  
		     .cui-news-model .tag {
		        background-color: #007bff;
		        color: #fff;
		        font-size: 12px;
		        padding: 5px 10px;
		        margin-right: 5px;
		        border-radius: 5px;
		      }
			  
			  .cui-news-model .tag a:hover{color:#fff;}
			  .cui-cooperative{
				  background-image: url(../images/hz-banner-bg.png);
				  background-size: cover;
				      background-position: center;
				  position: relative;
				  top: 0;
				  left: 0;
				  width: 100%;
				  height: 750px;
				  transition: all .5s;
			  }
			  .cui-cooperative .partner-list {
			        display: flex;
			            flex-wrap: wrap;
			            justify-content: center;
			            align-items: center;
						padding-top: 234px;
			      }
			  
			     .cui-cooperative .partner-logo {
			        max-width: 152px;
			        margin: 15px 10px 15px 10px;
					    box-shadow: 2px 2px 8px #c8d0de;
			      }
				  .cui-footer{
				  	border-top:1px solid #dde2e9;
				  }
.footer {
    background-color: #0f0f0f;
    height: 80px;
    color: #c0c9d8;
    text-align: center;
    line-height: 28px;
    padding-top: 10px;
}
			  
			      .footer-info {
			        background-color: #f4f7fc;
			        height: 298px;
			        padding: 40px 40px 30px 40px;
			            box-sizing: content-box;
			        color: #fff;
			      }
			      .footer .footer-icon {
			       height: 14px;
			    width: 14px;
			    position: relative;
			    top: 2px;
			    margin-right: 5px;
			    margin-left: 3px;
}
			      .footer-info .cui-panel{border-bottom: 1px solid #dde2e9;}
			  
			      .footer-info h2 {
			        font-size: 24px;
			        margin-bottom: 20px;
			      }
			  
			      .footer-nav {
			        display: flex;
			        justify-content: space-between;
			        margin-bottom: 40px;
			      }
			  
			      .nav-section {
			        width: 20%;
			      }
			  
			      .nav-section h3 {
					font-size: 14px;
					margin-bottom: 15px;
					color: #020814;
			      }
			  .nav-section p{color: #97a1af;}
			      .nav-link {
			        color: #020814;
			        text-decoration: none;
			        display: block;
					position: relative;
			        margin-bottom: 10px;
			      }
				  .nav-link em.hot{position: absolute;top: -5px;}
			  .nav-link em.hot img{width: 22px;}
			      .footer-contact {
			            line-height: 30px;
			            font-size: 14px;
			            margin-bottom: 40px;
						color: #020814;
			      }
			  .nav-section.text-right{text-align: center;width: 15%;}
			      .footer-contact span {
			        display: block;
			        margin-bottom: 0px;
			      }
			      .footer-contact h3{margin-bottom: 7px;    line-height: 20px;}
			      .footlogo img{width:60%;}
/* 琛ㄥ崟鏍峰紡 */
form {
    margin-bottom: 20px;
}
/* 璇夎矗闄╃敵璇� */
.cui-apply-banner{height:400px;width: 100%; position: relative;}
.cui-apply-banner .cui-step {
    background: linear-gradient( 
180deg, rgba(238, 246, 255, 0.92) 0%, rgba(253, 254, 255, 0.9) 100%);
    border: 1px solid;
    border-image: linear-gradient( 
180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1;
    backdrop-filter: blur(10px);
    border-radius: 22px;
    clip-path: inset(0 round 22px);
}
.cui-apply-banner .cui-images{
	 background-size: 100% 100%;
	 height: 100%;
	 width: 100%;
	 left: 0;
	 position: absolute;
	 top: 0;
	 z-index: 1;
}
.cui-apply-banner .cui-banner-txt{
	padding-top:40px;
}
.cui-apply-banner .cui-banner-txt h2{font-size: 36px;font-weight: bold;}
.cui-step .container {
    display: flex;
    align-items: center;
    padding: 20px;
  }
 .cui-step  .step {
    flex: 1;
    text-align: center;
    position: relative;
  }
 .cui-step  .step-number {
       width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: #beddff;
    border-radius: 50%;
    color: #fafcff;
    margin: 0 auto 10px auto;
  }
    .step-number .iconfont {font-size: 40px;}
 .cui-step  .step-text {
    font-size: 16px;
	font-weight: bold;
	color: #537ba7;
  }
 .cui-step  .arrow-step {
    position: absolute;
    top: 35%;
    left: 145%;
    transform: translateY(-50%);
    width: 30px;
    height: 18px;
    fill: #beddff;
  }
  .cui-step .line {
    flex: 1;
	top: -15px;
    border-top: 1px solid #beddff;
	position: relative;
  }
  
  .cui-step .cui-btn{
    display: inline-block;
    background-color: #07f;
    padding: 0 30px;
    color: #fff;
    margin-bottom: 26px;
    border-radius: 100px;
    font-size: 18px;
    box-shadow: 0px 0px 10px #cbd2db;}
  /* index */
  .cui-index-step .container {
      display: flex;
      align-items: center;
      padding: 20px;
    }
   .cui-index-step .step {
      flex: 1;
      text-align: center;
      position: relative;
    }
   .cui-index-step .step-number {
      width: 90px;
      height: 90px;
      line-height: 90px;
  	    background-image: linear-gradient(0deg,#fff,#eaeef4);
  	    border: 2px solid #fff;
  	    box-shadow:0px 4px 14px 0 rgba(148, 166, 215, 0.5);
  	border-radius: 50%;
      color: #4bccce;
      margin: 0 auto 10px auto;
    }
     .cui-index-step .step-number img {width: 55%;margin-top:20px;}
   .cui-index-step .step-text {
	   margin-top: 20px;
      font-size: 18px;
  	font-weight: bold;
    }
  .cui-index-step .arrow-step {
      position: absolute;
      top: 36%;
      left: 140%;
      transform: translateY(-50%);
      width: 38px;
          height: 24px;
      fill: #fff;
    }
    .cui-index-step .line {
      flex: 1;
  	top: -18px;
      border-top:1px solid #ccd9ee;
  	position: relative;
    }
	
  .cui-index-step .cui-btn{margin: 0 auto;background-color: #fff;color: #175eff;}
  .cui-page-compare{
      background-image: url(../images/cui-page-compare.png);
    background-size: cover;
    background-position: top;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 590px;
    transition: all .5s;
    }
  .cui-compare-box{    padding: 10px 20px 80px 20px;
    background-image: url(../images/Compare-bg.png);
    background-repeat: no-repeat;
    width: 850px;
    margin: 0 auto 65px auto;
    height: 360px;
    
    background-size: contain;
    background-position: center;}
     .cui-compare-box .cui-ctxt{padding-top:10px;}
     .cui-compare-box .cui-ctxt .left,.cui-compare-box .cui-ctxt .right{width:50%;}
     .cui-compare-box .cui-ctxt .left .t,.cui-compare-box .cui-ctxt .right .t{line-height:30px;font-size:18px;color:#fff;    font-weight: bold; }
     .cui-compare-box .cui-ctxt .left .t{padding-right:0px;}
      .cui-compare-box .cui-ctxt .right .t{padding-left:0px;}
     
     .cui-compare-box .cui-ctxt dl{text-align: left;padding-left: 102px; margin-top: 28px;
    width: 350px;}
    .cui-compare-box .cui-ctxt .right dl{padding-left:92px;}
    .cui-compare-box .cui-ctxt dl:nth-child(2){ margin-top: 28px;}
    .cui-compare-box .cui-ctxt dl:nth-child(3){ margin-top: 28px;}
     .cui-compare-box .cui-ctxt dt{
         font-weight: bold;
    font-size: 16px;
     }
    .cui-compare-box img{width: 80%;}
	.cui-apply-now .cui-banner-form{margin-top: 130px;background-color: rgba(255, 255, 255, 0.8);}
	.cui-apply-now .cui-description{
		   background-color: rgba(255, 255, 255, 0.8);
		    border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		   backdrop-filter: blur(5px);
		   box-shadow: 2px 2px 15px #c2cbdc;
		   padding: 20px 50px;
		   height: 240px;
		   margin-top: 210px;
	}
	.cui-apply-now .cui-description dl img{width: 60%;}
	.cui-apply-now .cui-description dl dd .f-t{font-size: 16px;font-weight: bold;}
	.cui-apply-now .cui-description dl dd p{line-height: 22px;}
	.cui-apply-now .cui-banner-form .form-group input{background-color: #fff;}
	.cui-page-buymodel .comment{
		    background: #fff;
		    border-radius: 10px;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			width: 50%;
			height:140px;
	}
	.cui-page-buymodel .comment:nth-last-child(2n){margin-right: 30px;margin-left: 30px;}
	.cui-page-buymodel .avatar{background: none;}
	.cui-page-buymodel .comments{flex-direction: inherit;}
	.cui-page-buymodel .comment.two {
	    text-align: left;
	    margin-top: 0;
	    position: relative;
	}
	.cui-page-buymodel .comment.two .avatar {
	    position: relative;
	    left: 0;
	    top: 0;
	}
	.cui-page-buymodel .comment.two .content{margin-right: 0;}
	.cui-page-buymodel .comment .content .desc{box-shadow:none;margin-top: 0;
    padding: 8px 0;}
	
	.cui-page-introduce{
		    background-image: url(../images/jieshao-banner.png);
		    background-clip: padding-box;
		    background-size: cover;
		    background-repeat: no-repeat;
		    background-attachment: scroll;
		    background-position: center 0;
		    background-blend-mode: normal;
			height: 450px;
	}
	.cui-page-introduce .about-txt{width:50%;float: left;}
	.cui-page-introduce .about-img{width:35%;float: right;padding-top: 160px;}
	.cui-page-introduce .about-img img{width:100%;border-radius: 20px;} 
	.cui-page-introduce div{font-size: 16px;margin-bottom: 20px;line-height: 30px;text-align: justify;    overflow: hidden;}
	.cui-page-advantage{
		background-image: url(../images/advantage-banner.png);
		background-clip: padding-box;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center 0;
		background-blend-mode: normal;
		height: 610px;
	}
	.cui-page-advantage .advantage-module {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    
	  }
	 .cui-page-advantage .advantage-module .box {
	    flex: 1;
	    max-width: calc(23% - 20px);
	    margin: 10px;
	    padding: 50px 40px;
	    background: linear-gradient(120deg, #edfafc, #f5f8ff);
	    border-radius: 10px;
	    box-shadow: 0px 2px 5px rgba(153, 176, 213, 0.25);
	    transition: transform 0.3s, box-shadow 0.3s;
	  }
	 .cui-page-advantage  .advantage-module .box:hover {
	    transform: scale(1.05);
	    box-shadow: 0px 4px 10px rgba(153, 176, 213, 0.45);
	  }
	  .cui-page-advantage .advantage-module .box img{width: 60%;}
	  .cui-page-advantage .advantage-module .box .txt{font-size: 16px;padding: 0 6px;line-height: 26px;}
	  .cui-contact-info{
		        position: relative;
    margin: 35px auto;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    box-shadow: 2px 2px 15px #c2cbdc;
    padding: 30px;
    box-sizing: border-box;
        display: flex;
	  }
	  .cui-contact-info .ctitle{font-size:26px;font-weight: bold;line-height: 44px;}
	  .cui-contact-info div{line-height: 24px;}
	  .cui-contact-info div.mt10 p{margin-bottom: 6px;}
	  .cui-contact-info div.mt10 .iconfont {margin-right: 10px;position: relative;top: 1px;}
	  .cui-contact-info .text-center img{border-radius: 10px;width: 100px;}
	  .mapimg{ width:60%;margin-left: 70px;}
	  .mapimg img{width:100%; border-radius: 20px;}
	  .cui-contact-x {
    width: 40%;
}
	  .cui-apply-b .cui-step .step-number{background: none;border: 2px solid #fff;font-size:36px;font-weight: bold;color: #Fff;}
	  .cui-news-tab{background: linear-gradient(to top, #fafcff, #feffff);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);height: 80px;}
	  .cui-news-tab .cui-panel{font-size: 18px;}
	  .cui-news-tab .cui-panel ul li{float: left;padding: 0 30px;position: relative;}
	  .cui-news-tab .cui-panel ul li a{line-height: 80px;}
	  .cui-news-tab .cui-panel ul li.current a{color: #006cff;}
	  .cui-news-tab .cui-panel ul li.current::after{content: '';width: 100%;height: 3px; background-color: #006cff;display: block;}
	  .cui-news-tab .cui-panel strong{line-height: 80px;}
	  .cui-news-search{position: absolute;right: 0;top: 15px;}
	  .cui-news-search form{margin: 0;}
	   .cui-news-tab .search-box {
	      display: flex;
	      align-items: center;
	      background-color: white;
		  border: 2px solid #006cff;
	      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
		  width: 450px;
	    }
	    .cui-news-tab .search-input {
	      border: none;
	      outline: none;
	      font-size: 16px;
	      width: 100%;
		  padding:0 10px;
	    }
	    .cui-news-tab .search-input::placeholder {
	      color: #ccc;
	    }
	  
		.cui-news-tab  .search-button {
		        background-color: #006cff;
		        border: none;
		        color: white;
		        padding: 8px 15px;
		        font-size: 15px;
		        cursor: pointer;
		        width: 90px;
		        border-radius: 0;
		  }
.news_flBox,.news_fl{margin-right: 50px;}		  
.newsBox{ padding: 90px 0 120px 0;}
.news_fl{width: 860px; padding:0 25px; box-shadow: 0px 0px 8px rgba(0,0,0,.07);}
.news_img{ width: 160px;
    height: 96px;
    position: relative;
    top: 10px;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    float: left;
    margin-right: 20px;}
.news_img a{ display: table-cell; vertical-align: middle; text-align: center;  }
.news_img a img{ width: 100%;
    display: block;
    transition: all .8s;}
.news_img a:hover img{transform: scale(1.2); transition: 1s}
.dl_news{ position: relative; height: 180px; padding: 18px 0 25px 0; border-bottom: 1px solid #e1e8ec;}
.dl_news:hover a{color:#4d96fc; }
.dl_news dd a{color:#333; font-size: 20px; line-height: 50px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.dl_news dt{ font-size: 14px; color: #999; line-height: 24px;}
.dl_news dt.dt1 p{overflow:hidden; max-height: 48px; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.dl_news dt.dt2,.dl_listCon dt.dt2{ padding: 10px 0; }
.dl_news dt.dt2 a,.dl_listCon dt.dt2 a{ padding-left:0px; margin-right: 40px; color: #999; font-size: 12px;}
.dl_news dt.dt2 a .iconfont{position: relative;top:1px;    margin-right: 5px;}
.dl_news dt.dt2 a.icon_yd{right: 0; position: absolute; margin-right: 0;}

.ntxts{    overflow: hidden;}
.ntxts dd{
	    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:820px;
}
.ntxts .dt2{margin-top: 2px;}
.ntxts .dt2 .icon_newsTime{margin-right: 25px;
    font-size: 12px;}
.ntxts .dt2 .icon_newsTime{margin-right: 25px;font-size: 12px;}
.tagsNode_ {margin: 0px 4px;padding: 2px 4px;background:#f5f7f8; border-radius: 4px;margin-right: 4px !important;}
.tagsNode2_ {
    /*line-height: 22px;*/
    position: relative;
    border-radius: 2px;
    color: #868c92;
    background: #f5f7f8;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 8px;
    margin: 0 4px 5px !important;
    cursor: pointer;}

.news_fl .dl_news:last-child{ border-bottom: none; }
.news_fr .ul_newsfr{ width: 290px; box-shadow: 0px 0px 8px rgba(0,0,0,.07); background:#fff;margin-bottom:20px;}
.news_fr1{ width: 290px; box-shadow: 0px 0px 8px rgba(0,0,0,.07); background:#fff;}
.ul_newsfr ul{margin: 0 17px;}
.ul_newsfr .list_p{
	    height: 44px;
    line-height: 38px;
    padding: 0 17px;
    font-size: 18px;
    padding-top: 3px;
}
.ul_newsfr .lbg{background: #9ca9c1;}
.zhaobiao_list{padding-top: 20px;}
.zhaobiao_list .ntxts dd{
	display: flex;
    justify-content: space-between;
    color: #66696d;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
 
}
.zhaobiao_list .ntxts dd a{    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
    color: #66696d;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;}
.zhaobiao_list .dl_news{height:auto;padding: 12px 0 12px 0;}
.relatedList .cui-item-news{width:100%;border-bottom: 1px dotted #e2e2e2;}
.relatedList .cui-item-news p span{margin-right: 50px;}
.relatedList .cui-item-news .tags_right {margin-right: 10px;float: right;}

.pagination{
    width: 820px;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-top: 20px;
}
.pagination .pageList-wrap{
    display: inline-block;
}
.pagination a{
    width: 30px;
    height: 30px;
    line-height: 30px; 
    cursor: pointer;
    border-radius: 100%;
    display:inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0px 5px;
    user-select: none;
	color:#555;
}
.pagination a.a1{width: 100px;}
.pagination .eliplise,
.pagination .item{
    width: 30px;
}

.pagination a.current{
    background: #3585fb;
    color: #fff;
} 
.pagination a.a1{text-indent: 3333333em; overflow: hidden; width: 60px;}
.pagination a.a1:first-child{
	background: url(../images/page_fl.png) left center no-repeat;
}
.pagination a.a1:last-child{
	background: url(../images/page_fr.jpg) right center no-repeat;
}


.pagination .page-list-wrap{
    display: inline-block;
}
.pagination .page-count{
    height: 30px;
    margin-left: 20px;
    vertical-align: top;
    line-height: 30px;
    display: inline-block;
}
.pagination .page-count_num{
    margin: 0 5px;
    color: #be4c4d;
    font-size:18px;

}
.pagination .item.disabled{
    cursor: not-allowed;
}
.pagination .item.disabled:hover{
    color: #333;
    background: #dedede;
}
.art-content{
    margin-bottom: 40px;
    text-align: justify;
}
.art-content p {
	letter-spacing: .5px;
	line-height: 32px;
	margin-bottom: 18px;
    font-size: 16px;
    text-align: justify;
    font-weight: 400;
    word-break: break-word;
}
.ul_newsfr li .list_p{ line-height:38px; cursor: pointer; font-size: 18px; color: #333;} 
.dl_listCon{ padding:10px 0;}
.dl_listCon dd{ font-size: 14px; color:#333; position: relative; padding-left:20px; max-height: 48px; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.dl_listCon dd a{ color:rgba(102,102,102,0.8);}
.dl_listCon dd a:hover{color:#4d96fc;}
.dl_listCon dd i{ position: absolute; left: 0; top:5px; width: 7px; height: 7px; border-radius: 50%; background:#b1b1b1;}
.dl_listCon dt.dt2{ padding-left:20px;}
.dl_listCon dt.dt2 a{font-size: 12px;} 
.list_con{border-top: 1px solid #e1e8ec; padding: 10px 0; }
.list_con .tag-link{
	    font-size: 14px;
	    line-height: 22px;
	    position: relative;
	    border-radius: 2px;
	    color: #868c92;
	    background: #f5f7f8;
	    vertical-align: middle;
	    display: -webkit-inline-box;
	    display: -ms-inline-flexbox;
	    display: inline-flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    padding: 5px 8px;
		margin-bottom: 5px;
	    cursor: pointer;
}
.details_til{ padding:20px  0; min-height: 60px;height:auto; margin-bottom: 30px;}
.details_til dd a{color:#333; font-size: 20px; line-height: 28px;white-space: break-spaces; overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.details_til:hover a{color:#333;}
.details_til dt.dt2{padding:0;margin-top: 10px;}

.newsdetails_box{ padding-bottom: 40px;}
.newsdetails_box p{ text-indent: 2em; }
.newsdetails_box p.pd1{ padding: 20px 0; font-size: 16px; color: #333; line-height: 30px;}
.newsdetails_box p.pd2{ color: #9c999c; font-size: 14px; padding: 5px 0; line-height: 24px;}
.newsdetails_box img {display: block;margin-left: auto;margin-right: auto;}

.slide_page{ padding-bottom: 50px;}
.slide_page a{ padding: 3px 20px; border: 1px solid #eee; border-radius: 48px; font-size: 14px; color:#333333; max-width: 300px;}
.slide_page a.none{ color:#cdd6db;}
.slide_page a:hover{ background:#4d96fc; color: #fff;} 
	
	
	 .swiper {
	        width: 100%;
	        height: 100%;
	      }
	
	      .swiper-slide {
	        text-align: center;
	        font-size: 18px;
	        background: #fff;
		    background-position: center;
		    background-size: 100% 100%;
	
	        /* Center slide text vertically */
	        display: -webkit-box;
	        display: -ms-flexbox;
	        display: -webkit-flex;
	        display: flex;
	        -webkit-box-pack: center;
	        -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	        -webkit-box-align: center;
	        -ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
	      }
	.swiper-wrapper .cui-banner-img {width: 310px;}
				.swiper-wrapper .cui-banner-img img{
					width: 100%;
					display: block;
				}
	.swiper-wrapper .cui-banner-desc{width: 80%;text-align: left;  position: relative;top: -92px;}
	.swiper-wrapper .cui-banner-desc h2{font-size: 42px;}
	.swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(1){background: linear-gradient(to right, #ffc409, #ffdb3f);top: 90px;}
	.swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(2){background: linear-gradient(to right, #fb7150, #fea987);left: 200px;top:150px;}
	.swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(3){background: linear-gradient(to right, #758dd7, #85b9f8);left: 480px;top: 100px;}
	.swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(4){background: linear-gradient(to right, #57c3b9, #69d6b0);left: 520px;top: 210px;}
	.swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(5){background: linear-gradient(to right, #0080ff, #90c7ff); left: 20px; top: 230px;}
	.swiper-wrapper .cui-banner-desc .cui-banner-tag span{padding: 8px 20px;border-radius:50px;display: block;height: 32px;line-height: 18px;min-width: 100px;font-size: 16px;color: #fff;position: absolute;}
.swiper-pagination {
	bottom: 30px!important;
	    left: 0;
	    width: 100%;
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-pagination-bullet {
    width: 32px!important;
    height: 6px!important;
    display: inline-block;
    border-radius: 0!important;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.cui-case{background: linear-gradient(to top, #dde7f9, #fff);padding-bottom: 30px;}
  .cui-case-model .swiper-slide .cui-case-content{
	  /*background:url(../images/customer_bg.png) #fff;*/
	  background: linear-gradient(to top, #f4f7fd, #fefefe);
	  background-size: 100%;
	    border-radius: 10px;
		  display: inline-block!important;
		  height:100%;
		  box-shadow: 2px 2px 15px #c2cbdc;
		
  }
  .cui-case-model .swiper {padding:20px 30px;}
  .cui-case-content{padding: 20px 20px 10px 20px; }
   .cui-case-model .swiper-slide {width:33%;height:374px;}
   .cui-case-model .swiper-slide .desc{font-size: 14px;line-height: 24px;text-align: left;text-align: justify;}
   .cui-case-model .swiper-slide .zj{
    border-radius: 6px;
    font-size: 14px;
    background:linear-gradient(180deg, rgba(238, 246, 255, 0.92) 0%, rgba(253, 254, 255, 0.9) 100%);
    padding: 10px 10px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: left;
    line-height: 22px;
    box-shadow: 2px 2px 4px #d7dbe3;
    margin: 10px;
	}
      .cui-case-model .swiper-slide .user{display: block;}
	   .cui-case-model .swiper-slide .user .avatar{width:40px;}
	    .cui-case-model .swiper-slide .user .avatar img{width: 100%;}
		.cui-case-model .swiper-slide .user .username{    position: absolute;
    right: 0;
    bottom: 20px;font-size: 12px;color: #b5bccb;}
	.cui-property{ background-image: url(../images/ccbq-banner-img1.png);
				  background-size: cover;
				      background-position: center;
				  position: relative;
				  top: 0;
				  left: 0;
				  width: 100%;
				  height:870px;
				  transition: all .5s;}
	.cui-property-box {
	    justify-content: space-between;
	    padding-top:100px;
	  }
	 .cui-property-box .block-title .iconfont{color: #006cff;margin-right: 5px;}
	.cui-property-box .block-title{border-bottom: 1px solid #d2dee8;}
	 .cui-property-box .block {
	    flex: 0 0 calc(25% - 20px);
	    padding: 20px;
	   background: linear-gradient(to bottom right, #edfafc, #f5f8ff);
	    border-radius: 10px;
	    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	  }
	  .cui-property-box .block strong{color: #006cff;}
	
	 .cui-property-box .block-title {
	    display: flex;
	    align-items: center;
	    font-weight: bold;
	    margin-bottom: 10px;
	  }
	
	 .cui-property-box .block-title-icon {
	    margin-right: 10px;
	  }
	
	 .cui-property-box .block-divider {
	    height: 1px;
	    background-color: #ccc;
	    margin: 10px 0;
	  }
	
	 .cui-property-box .block-answer {
	    color: #555;
	  }
	  .cui-property-box .search-box{border-radius: 50px;background-color: #fff;width: 50%;height: 50px;line-height: 50px;margin: 0 auto; }
	  .cui-property-box .search-box .search-input{width: 80%;line-height: 50px;font-size: 16px;}
	  .cui-property-box .search-box .iconfont{font-size: 20px;color: #8f959e;padding:0 10px 0 20px;}
	  .cui-property-box .search-box .cui-btn{background: linear-gradient(to right, #fe7307, #fea108); display: block; color: #fff; width: 50%; height: 50px; line-height: 50px; font-size: 18px; position: absolute; right: 0; border-radius: 100px;}
	  .search-button{background-color: #175eff;display: block;width: 20%;border-top-right-radius: 50px;border-bottom-right-radius: 50px;font-size: 18px;color: #Fff;}
	  
	  
	   #right .search-box{border-radius: 10px;background-color: #fff;width: 100%;height: 50px;line-height: 50px;margin-bottom: 20px;}
	  #right .search-box .search-input{width: 80%;line-height: 50px;font-size: 16px;}
	  #right .search-box .iconfont{font-size: 20px;color: #8f959e;padding:0 10px 0 20px;}
	  #right .search-box .cui-btn{background: linear-gradient(to right, #fe7307, #fea108); display: block; color: #fff; width: 50%; height: 50px; line-height: 50px; font-size: 18px; position: absolute; right: 0; border-radius: 100px;}
	  #right .search-button{background-color: #175eff;display: block;width: 20%;border-top-right-radius: 10px;border-bottom-right-radius: 10px;font-size: 16px;color: #Fff;}
	  
	  
	  .cui-questions {
	     display: flex;
	     flex: 1;
	   }
	   .cui-questions .ask-title {font-weight: bold;line-height: 42px;font-size: 18px;position: relative;}
	  .cui-questions .ask-title .iconfont {font-size: 26px;top: 3px;}
	  .cui-questions .ask-title span{margin-left: 10px;}
	  .cui-questions .ask-title a{    color: #006cff;
    position: absolute;
    right: 10px;
    font-size: 14px;
    top: 2px;
	font-weight: normal;
	}
	  .cui-questions .gradient-hot {
	       background: linear-gradient(90deg, #f4261f, #f86e36);
	       -webkit-background-clip: text;
	       background-clip: text;
	       color: transparent;
	     }
		 .cui-questions .gradient-jc {
		      background: linear-gradient(90deg, #6c67f2, #bebcfe);
		      -webkit-background-clip: text;
		      background-clip: text;
		      color: transparent;
		    }
			.cui-questions .gradient-fg {
			     background: linear-gradient(90deg, #4ad57e, #89ffa2);
			     -webkit-background-clip: text;
			     background-clip: text;
			     color: transparent;
			   }
			   .cui-questions .gradient-zc {
			        background: linear-gradient(90deg, #32c5e1, #75e6fd);
			        -webkit-background-clip: text;
			        background-clip: text;
			        color: transparent;
			      }
				  .cui-questions .gradient-qt {
				       background: linear-gradient(90deg, #5f88ff, #a0baff);
				       -webkit-background-clip: text;
				       background-clip: text;
				       color: transparent;
				     }
	  .cui-questions .cui-questions-left {
	     background: url(../images/ask-bg.png) #fff;
	     box-shadow:2px 2px 15px #c2cbdc;
	     border-radius: 10px;
	     padding:10px 20px;
		 background-size: 100% 100%;
		     background-repeat: no-repeat;
	     flex: 1;
	   }
	  .cui-questions .article-list {
	       list-style: none;
	       padding: 0;
	     }
	     
	    .cui-questions .article-item {
	       display: block;
	           width: 260px;
	           line-height: 46px;
	           align-items: center;
	           position: relative;
	           overflow: hidden;
	           white-space: nowrap;
	           text-overflow: ellipsis;
	     }
	     
	    .cui-questions .article-number {
	       font-size: 24px;
	       font-weight: bold;
	       margin-right: 10px;
	       color: #cacaca;
		       position: relative;
		       top: 3px;
	     }
	     
	    .cui-questions .article-title {
	       font-size: 16px;
		    overflow: hidden;
		       white-space: nowrap;
		       text-overflow: ellipsis;
	       margin-right: 0px;
	     }
	    .cui-questions .article-title:hover{
			  color: #006cff;
		  }
	   .cui-questions .hot-icon {
	           padding: 1px 5px;
	           background-color: #fff1ee;
	           color: #f6522d;
	           text-align: center;
	           line-height: 20px;
	           font-weight: bold;
	           font-size: 12px;
	           border-radius: 8px;
	           margin-left: auto;
	           position: absolute;
	           top: 8px;
	     }
	     
	    .cui-questions .hot-text {
	       background: linear-gradient(45deg, #FF9A8B, #FFD878);
	       -webkit-background-clip: text;
	       background-clip: text;
	       color: transparent;
	       font-weight: bold;
	     }
	  .cui-questions .cui-questions-right {
	     display: flex;
	     flex-direction: column;
	     flex: 1;
	     margin:0 0px 0 20px;
	   }
	   
	   .cui-questions .row {
	     display: flex;
	     justify-content: space-between;
	     margin-bottom: 0px;
		 width: 880px;
	   }
	   
	  .cui-questions .box {
	     background-color: white;
	     box-shadow: 2px 2px 15px #c2cbdc;
	     border-radius: 10px;
	     padding: 12px 20px 20px 20px;
	     flex: 1;
	     margin-right: 20px;
	   }
	   .cui-questions .box .ot-artlist dd a{display: block;
    line-height: 37px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 240px;}
	.cui-questions .box .ot-artlist dd a:hover{ color: #006cff;}
	   .cui-questions .box .ot-artlist dd a::before{
		       content: '';
		       width: 6px;
		       height: 6px;
		       display: inline-block;
		       background-color: #000;
		       border-radius: 10px;
		       position: relative;
		       top: -1px;
		       margin-right: 10px;
	   }
	 .cui-questions  .box:last-child {
	     margin-right: 0;
	   }
	  .cui-questions .asklist{margin-top: 10px;}
	   
	   .cui-tq-nav-com{padding:0 16px 0 16px;height:309px;background:#fff}
		.cui-tq-nav-com li{float:left;width:148px;line-height:40px}
		.cui-tq-nav-com li a{color:#34495e;font-size:14px}
		.cui-tq-nav{overflow:hidden;clear:both;height:120px;background:#fff;border-radius: 8px;display: flex;}
.cui-tq-nav-logo{float:left}
.cui-tq-nav-logo img{width:278px}
.cui-tq-nav-list{float:left;padding:16px;line-height:30px;}
.cui-tq-nav-list ul li{float:left;width:calc(8.333333% - 14.666666px);margin-right:16px}
.cui-tq-nav-list ul li:nth-child(12n){margin-right:0}
.cui-tq-nav-list ul li a{color:#34495e;font-size:14px}
.cui-tq-nav-list ul li a.on{color: #0e68f7;font-weight: bold;}
.company-list{
	    background: #fff;
    border-radius: 8px;
    margin-bottom: 40px;
}
	   .company-list .item {
    padding: 20px;
    border-bottom: 1px solid #f8f8f8;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.company-list .item .thumb-logo {
    width: 88px;
    height: 88px;
    overflow: hidden;
    margin-right: 25px;
    flex-shrink: 0;
}
.company-list .item .thumb-logo .thumb {
    width: 100%;
}
.company-list .item .info {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.company-list .item .info .name {
    line-height: 24px;
    display: inline-block;
    margin-bottom: 10px;
}
.company-list .item .info .name a {
    display: inline-block;
    vertical-align: middle;
    max-width: 560px;
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}
.company-list .item .info .name .layui-badge {
    height: 22px !important;
    line-height: 22px !important;
    vertical-align: middle;
    margin-left: 16px;
	position: relative;
	display: inline-block;
	padding: 0 6px;
	font-size: 12px;
	text-align: center;
	color: #fff;
}
.bg-green {
    background-color: #4FC277 !important;
}
.company-list .item .info .text {
    color: #888888;
    display: block;
    overflow: hidden;
}
.company-list .item .info .text span {
    float: left;
    padding-right: 24px;
    vertical-align: top;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.company-list .item .info .text + .text {
    margin-top: 5px;
}
.cui-company-top{position:relative;margin-top: -15px;}
.cui-company-top{
	    position: relative;
    height: 200px;
    margin-bottom: 54px;
    background-image: url(../images/news-bg.png);
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
}

.cui-company-desc{border-radius: 10px; background: #fff;position: relative; height: 205px;  display: block; margin: 0 auto; left: 0; right: 0; bottom: -50px;}
.cui-company-h{padding:116px 40px 30px;}
.cui-company-h .avatar-container {
    position: absolute;
    left: 40px;
    top: -24px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    width: 120px;
    border-radius: 70px;
    border: 1px solid #d6d9da;
    background: #fff;
}
.cui-company-h .avatar-container img{
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.cui-company-h .baseinfo-container {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 200px);
    padding: 24px 40px 0 0;
}
.baseinfo-container .line-one {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.baseinfo-container .line-one .fl {
    display: flex;
    align-items: center;
}
.baseinfo-container .line-one .fl h1{
    font-size: 22px;
    font-weight: 700;
    color: #333;
}
.ivu-poptip, .ivu-poptip-rel {
    display: inline-block;
}
.baseinfo-container .line-one .fr{
    display: flex;
    align-items: center;
}
.baseinfo-container .line-one .fr .data{
    margin-right: 20px;
    font-size: 12px;
    color: #999;
}
.ivu-poptip-rel {
    position: relative;
}
.baseinfo-container .line-two{
    display: flex;
    align-items: center;
}
.baseinfo-container .line-two .characteristic{
    position: relative;
    padding: 0 20px;
    display: flex;
    align-items: center;
    line-height: 22px;
}
.baseinfo-container .line-two .characteristic:first-child {
    padding-left: 0;
}
.baseinfo-container .line-two .characteristic:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    border-right: 1px solid #dee0e1;
    height: 10px;
    width: 0;
}
.baseinfo-container .line-two .characteristic:nth-last-child(4):after {
    content: "";
    border: null;
    border-right: 0;
    height: 0;
    width: 0;
}
.baseinfo-container .line-one .fr .data span{
    margin-left: 8px;
    font-size: 14px;
    color: #333;
}
.introduction{
    position: relative;
    width: 100%;
    padding-left: 10px;
    font-size: 14px;
}
.introduction .text{
    line-height: 26px;
    color: #333;
}
.cui-company-view {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    width: 100%;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 16px;
    margin-top: 70px;
}
.cui-company-view .atitle-h2 {
    border-bottom: 1px solid #f8f8f8;
    padding: 12px 15px;
    color: #34495e;
}
.cui-website-view {
    overflow: hidden;
    padding: 15px;
    text-align: justify;
    font-size: 15px;
}
.cui-company-view .search-txt{
	margin: 50px;
    text-align: center;
}
.cui-company-view .search-table .htitle{
font-size: 24px;
    text-align: center;
    margin-bottom: 35px;
    color: #e13029;}
.cui-company-view .search-table .tinfo{
	margin-bottom: 15px;
    display: flex;
}
.cui-company-view .search-table .tinfo div{
	width:50%;
}
.cui-company-view .search-table .tinfo .tname{
	width: 130px;
    text-align: right;
    font-weight: bold;
}
.cui-website-view .details .title {
    line-height: 50px;
    border-bottom: 1px solid #f8f8f8;
    padding: 0 15px;
    font-size: 14px;
}

.cui-website-view .details .data-list {
    overflow: hidden;
}

.cui-website-view .details .data-list li {
    width: calc(53% + 2px);
    float: left;
    display: table;
        margin-bottom: 0px;
    margin-right: -2px;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    line-height: 1.8;
}

.cui-website-view .details .data-list li:nth-child(2n) {
    width: 47%;
}

.cui-website-view .details .data-list li span {
    padding: 10px;
    text-align: right;
    display: table-cell;
    width: 126px;
    border-right: 1px solid #f5f5f5;
    background-color: #f5fbff;
}

.cui-website-view .details .data-list li > div {
    padding: 10px 15px;
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
}

.cui-website-view p {
    line-height: 26px;
   font-size:14px;
}
.site-button .layui-btn {
	background-color:#0e68f7;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
}
.cui-company-zhaobiao ul li{    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left: 12px;
    overflow: hidden;
    display: block;
    position: relative;}
   .cui-company-zhaobiao ul li:last-child{ 
   border-bottom: 0;
   padding-bottom: 0px;
    margin-bottom: 0px;}
.cui-company-zhaobiao ul li .time{float:right;color:#999;font-size:12px;}
.cui-company-zhaobiao ul li a.tn{
	    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 76%;
    display: inline-block;
}
.cui-company-qy ul li{      padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left: 12px;
    overflow: hidden;
    position: relative;
    width: 32%;
    float: left;
    text-align: left;}
   .cui-company-qy ul li:last-child{ 
   border-bottom: 0;
   padding-bottom: 0px;
    margin-bottom: 0px;}
.cui-company-zhaobiao ul li .bid-title{    display: block;}
.cui-company-zhaobiao ul li .bid-desc {
    padding-left: 10px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
   
}
.cui-company-zhaobiao .cui-tq-nav-list{padding:0px}
.cui-company-zhaobiao .cui-tq-nav-list ul li{
	margin-left: 0;border-bottom: 0;padding-bottom: 0px;
    margin-bottom: 0px;
}
.cui-company-other ul li{
	width: 32%;
    display: inline-block;
    float: left;
    border-bottom: 0;
    font-size: 14px;
}
.cui-company-other ul li::before{content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    background: #e0e0e0;
    margin-right: 6px;
    position: relative;
    top: -2px;}
.cui-company-zhaobiao .cui-company-txt{font-size: 14px;
    line-height: 24px;}
	   @media (max-width: 768px) {
	     .cui-questions {
	       flex-direction: column;
	     }
	     
	    .cui-questions .right {
	       margin: 20px 0;
	     }
	     
	    .cui-questions .row {
	       flex-direction: column;
	     }
	     
	     .cui-questions .box {
	       margin-right: 0;
	       margin-bottom: 10px;
	     }
	   }
	  input {
	      outline: none; 
	  }
	  .cui-case-model{padding-bottom: 0px;
	          /* background: url(../images/case_plugin_box.png) no-repeat bottom/100% auto;*/
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 70px;
	  }
	  .cui-case-model .swiper-slide{background: none;}
	   .cui-case-model .swiper-wrapper{transform: translate3d(-14px,0,0);}
	  .swiper-paginations{position: relative;bottom: -24px!important;text-align: center;}
	   .swiper-paginations .swiper-pagination-bullet{width: 12px!important;
    height: 12px!important;border-radius: 50px!important;}
	.swiper-button-next, .swiper-button-prev{width: 40px!important;height: 40px!important;display: block;background-color: #fff;border-radius: 100px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
	.swiper-button-next:after, .swiper-button-prev:after{font-size: 18px!important;color: #000!important;}
	.cui-verification{
		background-image: url(../images/baodan.png);
		  background-size: cover;
		background-position: center;
		  position: relative;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height:70vh;
		  transition: all .5s;
		  padding-top: 100px;
	}
	.cui-verification .search-input {
	    width: 100%;
	    height: 60px;
	    opacity: 1;
	    background-color: #f1f4fd;
	    border-radius: 5px;
	    border: 0px;
	    padding-left: 60px;
		padding-right: 20px;
		    outline: none;
			border: 1px solid #225bea;
			font-size: 16px;
	}
	.cui-verification .search-button {
		position: absolute;
		right: 0px;
		top: 0;
	    height: 60px;
	    width: 173px;
	    background-color: #1f5dec;
	    border: 0px;
	    color: #fff;
	    border-top-left-radius: 0px;
	    border-bottom-left-radius: 0px;
	    transition: all .7s ease 0s;
	    font-size: 22px;
	    background: -webkit-linear-gradient(top,#1f5dec 0,#328ef5 100%);
	    background: linear-gradient(to bottom,#1f5dec 0,#328ef5 100%);
	}
	.cui-verification .search-button{    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;}
	.cui-verification .search-icon {
	    position: absolute;
	    left: 20px;
	    bottom: 55px;
	    
	}
	.cui-verification .search-icon .iconfont{color: #1f5dec;
	    font-size: 24px;}
		.cui-verification .cui-search-tips{color: #999;}
		.cui-verification .bd-search{margin-top: 150px;}
		.cui-data{    width: 600px;
    overflow: hidden;
    margin: 0 auto;}
		.cui-data div{float: left;text-align: center;}
		.cui-data div canvas{display: block;}
		
		.slogan-i {
    font-size: 16px;
    color: #ffffff;
    width: 650px;
    height: 190px; 
    position: relative;
    margin: 0 auto;
}
.cui-data .slogan-i .i-cont{
    width: 130px;
    background-image: url(../images/circou_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: block;
    position: relative;
}
.cui-data .slogan-i .i-cont .i-cont-one{
    width: 100%;
    background-image: url(../images/wave.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: block;
}
.cui-data .slogan-i .i-cont .i-cont-two{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
}
.cui-data .slogan-i .i-cont .i-cont-two1{
    transform:rotate(30deg);
    -webkit-transform:rotate(30deg);  /*鍏煎-webkit-寮曟搸娴忚鍣�*/
    -moz-transform:rotate(30deg);     /*鍏煎-moz-寮曟搸娴忚鍣�*/
}
.cui-data .slogan-i .i-cont .i-cont-two2{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);  /*鍏煎-webkit-寮曟搸娴忚鍣�*/
    -moz-transform:rotate(180deg);     /*鍏煎-moz-寮曟搸娴忚鍣�*/
}
.cui-data .slogan-i .i-cont .i-cont-two3{
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);  /*鍏煎-webkit-寮曟搸娴忚鍣�*/
    -moz-transform:rotate(270deg);     /*鍏煎-moz-寮曟搸娴忚鍣�*/
}
.cui-data .slogan-i .i-cont .i-cont-tree{
    width: 100%;
    background-image: url(../images/circor.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: block;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 5s linear infinite;
    -moz-animation: rotate 5s linear infinite;
    -o-animation: rotate 5s linear infinite;
    animation: rotate 5s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(360deg)}
    to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)}
    to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(359deg)}
    to{-o-transform: rotate(0deg)}
}
@keyframes rotate{from{transform: rotate(359deg)}
    to{transform: rotate(0deg)}
}
.cui-data .slogan-i .i-cont .title{
    width: 100%;
    text-align: center;
    padding-top: 73px;
    font-size: 24px;
    float: left;
    display: block;
}
.cui-data .slogan-i .i-cont .title span{
    width: 100%;
    font-size: 16px;
    padding-bottom: 10px;
}
.cui-data .slogan-i .i-cont .text{
    width: 100%;
    font-size: 16px;
    margin-top: 65px;
    float: left;
    display: block;
    color: #000;
}
.cui-data .slogan-li .slogan-i{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    color: #666666;
    height: 36px;
    background-color: #f5f5f5;
    border-radius: 2px;
    border: solid 1px #ececec;
}
.cui-data .slogan-li .slogan-i span{
    margin-left: 20px;
}
/* tag */
.cui-page-list{position: relative;padding: 8px 15px;}
.cui-sitemap .sitemap-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 0;
}
.cui-sitemap .sitemap-item:nth-child(even) {
    background: #f7f8f9;
}
.cui-sitemap .sitemap-item-title {
    display: table-cell;
    vertical-align: top;
    width: 60px;
    font-size: 30px;
    line-height: 36px;
    padding-left: 10px;
	padding-top: 2px;
	font-weight: normal;
}
.cui-sitemap .sitemap-item-cnt {
    display: table-cell;
    vertical-align: top;
    font-size: 0;
    padding-top: 10px;
}
.cui-sitemap .sitemap-item .sitemap-link {
    width: 12.5%;
    min-width: 8em;
    padding-right: 10px;
}
.cui-sitemap .sitemap-link {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 24px;
    color: #565656;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cui-sitemap .sitemap-item-more-wrap {
    display: table-cell;
    vertical-align: top;
    padding-top: 10px;
    width: 40px;
}

.cui-sitemap .sitemap-item-more {
    font-size: 14px;
    line-height: 24px;
    color: #1054ff;
}
.cui-sitemap .com-tab-ctrl {
       padding: 8px 16px;
       border-radius: 5px;
}
.cui-sitemap .list-tab .com-tab-item {
    margin-right: 14px;
    width: 3.7037037037%;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0;
}
.cui-sitemap .list-tab .com-tab-item a {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.cui-sitemap .list-tab .com-tab-item a {
    text-align: center;
    background: #f1f1f1;
    color: #666;
    width: 40px;
    height: 40px;
    line-height: 35px;
    display: inline-block;
    border-radius: 50%;
	border: 1px solid #dedede;
	font-size: 20px;
}
.cui-sitemap .list-tab .com-tab-item.actived a {
    background: #1054ff;
    color: #fff;
	border: 1px solid #1054ff;
}
.cui-sitemap .sitemap-list {
    font-size: 0;
    padding: 0 10px;
}
.cui-sitemap .sitemap-list>li {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    margin-bottom: 15px;
    width: 11.11111%;
    min-width: 120px;
}
.cui-sitemap .sitemap-link {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 24px;
    color: #565656;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cui-sitemap .sitemap-list .sitemap-link {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}
.atitle-h2 {
    border-bottom: 1px solid #f8f8f8;
    padding: 12px 15px;
    color: #34495e;
}
.atitle-h2 h2 {
    font-size: 15px;
}
.atitle-h2 h2:before {
    content: '';
    width: 3px;
    height: 15px;
    background: #1054ff;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 8px;
}
.cui-bar-top {
    background-color: #fff;
    border-radius: 0;
    overflow: hidden;
}
.fullTabs {
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
	border-radius: 8px;
}
.fullTabs .tagWrap {
    display: flex;
    align-items: center;
    padding: 10px 12px;
}
.fullTabs.location .tagLabel, .fullTabs.location .tagBox a {
    margin-bottom: 0;
    margin-right: 0;
}
.fullTabs .tagBox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
}
.fullTabs.location .tagBox a {
    padding: 4px 8px;
}
.fullTabs .tagBox a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #444950;
    white-space: nowrap;
    line-height: 20px;
    padding: 4px 12px;
    border-radius: 4px;
    cursor: pointer;
}
.cui-tag-page{
    position: relative;
    background-color: #fff;
    border-radius: 0px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 16px;
}
.cui-tag-page .cui-mod {
    padding: 15px;
}
.cui-tag-page .cui-side-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 26px;
    margin-top: 4px;
}
.cui-tag-page .cui-side-bar .cui-topic-tag {
    height: 26px;
    line-height: 26px;
    background-color: #f5f7f8;
    border-radius: 4px;
    margin-right: 6px;
    padding: 0 8px;
    cursor: pointer;
}
.cui-item-news {
    margin: 10px 0px 8px 0;
    border-bottom: 1px dotted #f8f8f8;
    padding-bottom: 12px;
    position: relative;
    width: 50%;
    float: left;
}
.cui-page-list {
    position: relative;
    padding: 8px 15px;
}

.cui-item-news .article {
    display: flex;
    font-size: 12px;
    color: #999;
}

.cui-item-news .focusBox {
    width: 160px;
    height: 100px;
    margin-right: 20px;
}
.cui-item-news .focus {
    display: block;
    width: 160px;
    height: 100px;
    border-radius: 4px;
    object-fit: cover;
    overflow: hidden;
}

.cui-item-news .textBox {
    flex: 1;
    line-height: 22px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
}
.cui-item-news .title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    color: #34495e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
}
.cui-item-news p {
    font-size: 12px;
    color: #999;
	margin:5px 0;
    line-height: 20px;
}
.cui-item-news p a{
	    height: 26px;
	    line-height: 26px;
	    background-color: #f5f7f8;
	    border-radius: 4px;
	    margin-right: 6px;
	    padding: 0 8px;
	    cursor: pointer;
}
.tag-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 20px;
}

.tag-image {
    float: left;
    margin-right: 16px;
}
.tag-image img {
    height: 100px;
    width: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border-radius: 3px;
    -webkit-filter: brightness(.95);
    filter: brightness(.95);
}
.tag-head {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    margin-right: 6px;
}
.tag-title {
    font-weight: 600;
    font-synthesis: style;
    line-height: 1.6;
    color: #1a1a1a;
    margin-top: -4px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 25px;
    display: flex;
    align-items: center;
}
.tag-meta {
    margin-top: 6px;
    font-size: 15px;
    color: #646464;
}
.tag-meta__wrapper {
    margin-top: 4px;
}
.tagMeta-content {
    min-height: 80px;
}
.tagMeta-desc {
    height: auto;
    line-height: 25px;
    font-size: 15px;
}
.tagMeta-desc>div, .tagMeta-desc>p {
    margin-bottom: 24px;
    text-align: justify;
    word-break: break-word;
}
.tags-media__bd {
    padding-top: 10px;
}
.media-titles {
    padding: 15px 0 20px 0;
}

.media-descs, .media-keys, .media-titles {
    padding: 5px 0 25px 0;
}
.ext-h3 {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.tags-media__bd h3 {
    position: relative;
    padding-left: 0;
    line-height: 40px;
    margin-bottom: 15px;
    counter-increment: h2num;
    counter-reset: h3num;
    width: 100%;
    font-size: 18px;
    border-image-slice: 1 0 0 0;
    color: #353535;
    font-weight: 500;
    background: #f6f7f8;
    border-radius: 0 5px 5px 0;
}
.tags-media__bd h3::before {
    margin-right: 10px;
    content: counter(h2num);
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #1e67bd;
    font-size: 18px;
    border-radius: 2px;
    width: auto;
    padding: 0 10px;
    display: inline-block;
}
.media-titles h3::before {
    content: '☑';
}
.media-titles p {
    display: inline-block;
    margin: 6px 0px;
    padding: 0px;
    border-radius: 2px;
    position: relative;
}
.media-titles p:before {
    display: none;
    position: absolute;
    left: 0;
    margin-left: -3px;
    margin-top: -3px;
    top: 50%;
    content: " ";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #06c;
    z-index: 2;
    opacity: .4;
}
.media-descs h3::before {
    content: '☑';
}
.media-keys h3::before {
    content: '☑';
}
.media-keys ul li {
    display: inline-block;
    margin: 6px 10px;
    padding: 0 5px;
    position: relative;
}
.media-keys ul li:before {
    display: block;
    position: absolute;
    left: 0;
    margin-left: -3px;
    margin-top: -3px;
    top: 50%;
    content: " ";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #06c;
    z-index: 2;
    opacity: .4;
}
.cui-bottom-wap{display: none}
.cui-footer {
    padding-bottom: 0px;
}
/* 问答 */
#main {
    padding-top: 0px;
}
#left {
    width: 820px;
    float: left;
    margin-right: 20px;
}
#left .ans-bar,.ans-emo {
	background-color:#fff;
	border-radius:8px;
	padding:0 20px 0 0;
	height:80px;
	line-height:80px;
	margin-bottom:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
#left .ans-bar p,#left .ans-bar span,.ans-emo p,.ans-emo span {
	cursor:pointer
}
#left .ans-bars{
	    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    display: block;
    clear: both;
    overflow: hidden;
}
#left .ans-bars ul li{
   width: 19%;
    height: 38px;
    border: none;
    line-height: 38px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
	}
#left .ans-bars ul li a {
       color: #666;
    font-size: 14px;
    line-height: 32px;
    padding: 0 10px;
    text-align: center;
    height: 32px;
    margin-left: 0;
    margin-top: 0;
}
#left .ans-bars ul li.current a{  background: #175eff;
    border-radius: 3px;
    color: #fff;
    display: block;}
.ans-barl {
	float:left;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
#left .ans-bar p {
	padding: 0 8px;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	display:inline-block;
	text-align: center;
}
#left .ans-bar p img {
	width:20px;
	height:20px;
	line-height:20px;
	float:left;
	margin-top:30px
}
#left .ans-bar p span {
	font-size:16px;
	color:#333;
}
#left .ans-bar p a.current span{
	color: #006cff;
}
#left .ans-barl .symbol {
	position:absolute;
	top:-12px;
	left:100px;
	color:#ff5b5b
}
.ans-bar a {
	font-size:16px;
}
#left .ask-content {
	list-style-type:none;
	margin-bottom:20px;
	padding:30px;
	background-color:#fff;
	border-radius:10px;
	position: relative;
}
#left .ask-contents {
	list-style-type:none;
	margin-bottom: 20px;
	padding: 30px;
	background-color: #fff;
	border-radius: 10px;
}
#left .ask-contents .title {
    line-height: 30px;
}
#left .ask-contents .title h1,#left .ask-contents .title span {
    display: inline-block;
    font-size: 20px;
    color: #333;
    font-weight: 700;
}
#left .ask-contents .title strong {
    float: right;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    font-weight: 400!important;
}
#left .ask-contents .read-capacity {
        margin-left: 0;
    margin-top: 6px;
}
#left .ask-contents .read-capacity span {
    font-size: 12px;
    line-height: 12px;
    color: #999;
    margin-right: 40px;
}
#left .ask-contents .read-capacity img {
    position: absolute;
    top: 2px;
    left: -24px;
}
#left .ask-contents .read-capacity img {
    margin-right: 8px;
    width: 16px;
    height: 12px;
}
#left .ask-contents .title img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}
#left .ask-contents .text {
    margin: 15px 0 10px 0px;
    font-size: 15px;
    line-height: 1.6;
    color: #444;
 
    word-wrap: break-word;
    overflow: hidden;
}
#left .ask-content li {
	       margin-bottom: 15px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
    display: block;
    overflow: hidden;
}
#left .ask-content li::before{    content: '';
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #999;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 8px;}
#left .ask-content .title {
    margin-left: 0px;
}
.ellipsis {
    position: relative;
    max-height: 159px;
    line-height: 22px;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-animation: width-change 8s ease infinite;
}
.ellipsis-container {
    position: relative;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    font-size: 125px;
    color: transparent;
    border-radius: 4px;
    padding-top: 15px;
    padding-left: 50px;
}
.ellipsis-content {
    vertical-align: top;
    font-size: 15px;
    color: #444;
    line-height: 1.6;
}
#left .ask-content li .label {
    margin-left: 50px;
    height: 18px;
}
#left .ask-content li.paidQa .heartSearch {
	padding:0 8px;
	line-height:16px;
	background:#ff745b;
	border-radius:12px;
	font-size:12px;
	color:#fff;
	margin-left:10px
}
#left .ask-content li.paidQa .reserve {
	margin-right:0
}
#left .ask-content li.paidQa.undeblock .ellipsis {
	height:88px
}
#left .ask-content li.paidQa.undeblock .ellipsis-container {
	-webkit-line-clamp:3
}
#left .ask-content li.paidQa .deblock {
	position:absolute;
	left:50px;
	top:15px;
	right:0;
	bottom:-12px;
	font-size:14px;
	color:#999;
	background-image:-webkit-linear-gradient(top,hsla(60,20%,99%,.42),#fbfaf8);
	background-image:linear-gradient(180deg,hsla(60,20%,99%,.42),#fbfaf8);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
#left .ask-content li.paidQa .deblock a {
	line-height:78px;
	text-align:center;
	font-size:14px;
	color:#ff745b;
	padding-right:29px;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAABiElEQVQ4T7XULUwCYRgH8P/zMqYUcWrQ+bUxgsk5JTiDyeqm0yIcigbmDBSB+VGuGBCLI1nUAcFk0UkyWtx0s5gtYjIYZAJyj+MFT5Hjy8G1293z2/P+778j3lqzgTMOWOznpKqfqONi1dOOrNYNs+2FVFUzGiH2u54ADANIYKhrnnyRdC2bN53TILbCZHqFxX5rtBCxX7kBeKqI1YVzQBkH5/rlTAWcWPX24D11DebRenH2es2wpibBuc5KOOUftAKXcCtwHW46/rcBZbEQHVE4vl6tKWWZMyVLNtZjCbp90LTDwj090EF8rGYFd1cHkf4ovCdEqgzmgLIM4ATMAoQMhGmOQtFE1Y13lD5keQKsFTzBd6UZl6FikUKxi4bQNvM97UWff1rRRFQGKNsQdK2A6Vg/PkwLFI5e/mfT7xnioNsN5tOG0ICnF8g69EyLx/+9SP5f8QZwh/xQdWwqT+h3zgBskZABKqNgvxIBeBYkNigcu6pVKwlvL40gSwMQ2iPtnyWNZr4AA/sAHPxcLAoAAAAASUVORK5CYII=) no-repeat 100%/22px 16px
}
#left .ask-content li .user {
	height:30px;
	line-height:30px
}
#left .ask-content .user img {
	width:30px;
	height:30px;
	border-radius:50%;
	float:left;
	margin-right:20px
}
#left .ask-content .user .username {
	font-size:16px;
	color:#333
}
#left .ask-content .user .annotate {
	margin-left:5px;
	background-color:#6fbbff;
	color:#fff
}
#left .ask-content .user .annotate,#left .ask-content .user .best {
	padding:0 10px;
	height:16px;
	border-radius:23px;
	font-size:12px;
	line-height:16px;
	text-align:center;
	display:inline-block
}
#left .ask-content .user .best {
	margin-left:15px;
	background-color:#e1ebf1;
	color:#999
}
#left .ask-content .user .zx {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	margin-left:15px
}
#left .ask-content .user .zx span {
	font-size:12px;
	border-radius:3px;
	border:1px solid #ff745b;
	color:#ff745b;
	padding:0 3px;
	line-height:18px
}
#left .ask-content .user .answers {
	cursor:pointer
}
#left .ask-content .user .answers,#left .ask-content .user .reserve {
	width:76px;
	height:28px;
	line-height:28px;
	text-align:center;
	float:right
}
#left .ask-content .user .reserve {
	width:74px;
	height:26px;
	border:1px solid #0b8bff;
	border-radius:8px;
	font-size:14px;
	color:#0b8bff;
	margin-right:20px;
	font-weight:400
}
#left .ask-content .user .answers {
	background-color:#0b8bff;
	border-radius:8px;
	font-size:14px;
	color:#fff;
	font-weight:400
}
#left .ask-content .title {
	margin-left:0px;
	position: relative;
	
}
#left .ask-content .title p {
	    display: block;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    margin-top: 0px;
}
#left .ask-content .title a {
	color:#333
}
#left .ask-content .title strong {
	display:inline-block;
	width:44px;
	height:16px;
	text-align:center;
	line-height:16px;
	font-size:12px;
	color:#ff5b5b;
	background-color:#ffcece;
	border-radius:23px;
	font-weight:400;
	margin-left:15px
}
#left .ask-content li .title>span {
	    display: block;
	    line-height: 12px;
	    
	    color: #999;
	    position: absolute;
	    right: 0;
    top: 5px;
}
#left .ask-content li .text .click-more {
	font-size:14px;
	color:#0b8bff
}
#left .ask-content li .label {
	margin-left:50px;
	height:18px
}
#left .ask-content li .label .span {
	display:inline-block;
	width:100px;
	height:14px;
	position:relative
}
#left .ask-content li .label .span .iconfont{color: #999;}
#left .ask-content li .label .span a {
	position:absolute;
	top: 1px;
	left: 22px;
	font-size:14px;
	line-height:18px;
	color:#999;
	font-weight:400
}
#left .ask-content li .label img {
	width:18px;
	height:18px;
	margin-right:10px;
	cursor:pointer
}
#left .page {
	text-align:center;
	margin-top:40px;
	margin-bottom:50px
}
#left .page span {
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	color:#666;
	background-color:#fff;
	display:inline-block;
	margin-right:5px;
	border-radius:3px;
	font-weight:700;
	cursor:pointer
}
#left .page .visit {
	color:#fff;
	background-color:#0b8bff
}
.emo {
	height:28px;
	width:800px;
	margin-top:30px;
	margin-bottom:20px
}
.emo span {
	font-size:20px;
	line-height:28px;
	color:#333;
	font-weight:700;
	cursor:pointer
}
.emo a {
	float:right;
	font-size:16px;
	line-height:28px;
	color:#69b8ff
}
.ans-emo p {
	float:left;
	font-size:18px;
	color:#333
}
.ans-emo .visit {
	color:#0b8bff;
	margin-right:50px
}
.ans-emo span {
	float:right;
	font-size:18px;
	color:#999;
	margin-right:10px
}
#left .listen {
	width:227px;
	height:47px;
	margin:40px auto 0;
	text-align:center;
	line-height:47px;
	border-radius:100px;
	background-color:#fff;
	color:#69b8ff;
	display:block
}
#left .ansf {
	margin-top:30px;
	margin-bottom:-10px;
	line-height:16px;
	font-size:16px;
	color:#999;
	text-align:center
}
#up{background-color:#fff;border-radius:10px;height:150px;padding:40px 30px;margin-bottom:20px}
#right {
    float: right;
}
.contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
}
.contain p{-webkit-box-flex:1;-ms-flex:1;flex:1;float:left;text-align:center}
.contain p a{color:#0b8bff;font-size:30px;line-height:30px;text-decoration:none}
.contain p span{display:block;margin-top:14px;font-size:14px;color:#999;line-height:14px}

.ans-b {
    float: right;
}
#xintan-banner {
    width: 360px;
    height: auto;
    border-radius: 10px;
    margin-top: 5px;
    cursor: pointer;
    object-fit: cover;
}
#question {
    margin: 20px 0;
    background-color: #fff;
    border-radius: 10px;
    width: 360px;
    padding: 20px 0 10px;
}
#question .h1-title{    padding: 0 20px;
    margin-bottom: 15px;}
	#question .h1-title h2{font-size: 16px;}
#right ul {
    margin-left: 20px;
    list-style-type: none;
}
#question li {
    text-align: left;
    padding-bottom: 20px;
    line-height: 14px;
	position: relative;
}
#right li:before {
	content: '';
	    position: absolute;
	    left: 0;
	    top: 4px;
	    width: 6px;
	    height: 6px;
	    border-radius: 50%;
	    background: #999;
}
#question li a {
    color: #333;
    font-size: 14px;
    line-height: 14px;
    margin-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 91%;
    display: inline-block;
}
.common-a, .common-a:hover {
    text-decoration: none;
}
/*404*/
.empty-index{
    display: flex;
}
.empty-index .box{
    width: 1200px;
    padding-top: 40px;
    margin: 0 auto;
}
.empty-index .head{
    display: flex;
    align-items: center;
    font-size: 30px;
    color: #000;
}
.empty-index .head>img{
    width: 150px;
    height: 54px;
    margin-right: 4px;
}
.empty-index .content{
    display: flex;
    padding-left: 39px;
    margin-top: 133px;
}
.empty-index .content .left>img{
    width: 498px;
    height: 361px;
    margin-right: 60px;
}
.empty-index .content .right{
    padding-top: 20px;
}
.empty-index .content .right .not-find {
    font-size: 24px;
    font-weight: 500;
    color: #202124;
    line-height: 24px;
    margin-bottom: 20px;
}
.empty-index .content .right>p{
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #60646b;
    line-height: 18px;
    margin-bottom: 24px;
}
.empty-index .content .right .tips-box{
    width: 460px;
    height: 121px;
    background: #f5f7fa;
    border-radius: 8px;
    padding: 0 21px;
    box-sizing: border-box;
}
.empty-index .content .right .not-find{
    font-size: 24px;
    font-weight: 500;
    color: #202124;
    line-height: 24px;
    margin-bottom: 20px;
}
.empty-index .content .right>p {
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #60646b;
    line-height: 18px;
    margin-bottom: 24px;
}
.empty-index .content .right .tips-box>p:first-child {
    border-bottom: 1px solid #edeff2;
}
.empty-index .content .right .tips-box>p {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #202124;
    line-height: 16px;
    padding: 22px 0;
}
.empty-index .content .right .tips-box>p>i{
    font-size: 17px;
    margin-right: 14px;
}
.empty-index .content .right .btn-box{
    display: flex;
    margin-top: 60px;
}
.empty-index .content .right .btn-box>a.white, .empty-index .content .right .btn-box div.white{
    color: #006cff;
    border: 1px solid #006cff;
    margin-right: 88px;
}
.empty-index .content .right .btn-box>a.blue, .empty-index .content .right .btn-box div.blue{
    color: #fff;
    background: linear-gradient(
            135deg,#006cff,#0084ff);
    margin-right: 12px;
}.empty-index .content .right .btn-box>a.blue, .empty-index .content .right .btn-box div.blue{
     color: #fff;
     background: linear-gradient(
             135deg,#006cff,#0084ff);
     margin-right: 12px;
 }
.empty-index .content .right .btn-box>a, .empty-index .content .right .btn-box div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 48px;
    border-radius: 2px;
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 16px;
}
#menu{
    display: none;
}
.cui-sqbz{height: 350px;}
.cui-banner-wap-txt{display: none}
.swap,.knowledge-tab-nav,.knowledgetab{display: none}
.spc{display: block}



@media (max-width: 768px) {
    .main-nav {
        display: none;
    }
    .menu-icon {
        display: block;
        font-size: 24px;
        cursor: pointer;
        margin-left: 30px;
    }
    .cui-banner-kefu .ewm{
        display: none;
    }
    .site-header{height: 50px}
    .header-logo img {
        max-width: 90px;
    }
    .header-contact .tel-icon .iconfont {
        font-size: 28px;
        top: 6px;
    }
    .header-contact .tel-icon {
        margin-right: 10px;
    }
    .header-contact .tel-t {
        font-size: 14px;
    }
    .menu-icon {
        font-size: 24px;
        cursor: pointer;
        position: relative;
        top: -1px;
        right: 0;
    }
    #menu {
        display: block;
    }
    .menu {
        position: fixed;
        top: 0;
        right: -300px;
        width: 300px;
        height: 100%;
        background-color: #fff;
        transition: right 0.3s;
        z-index: 999;
        padding:0px;

    }
    .menu.visible {
        right: 0;
    }
    .close-btn {
        text-align: right;
        cursor: pointer;
        color: #999;
        font-size: 22px;
        width: 50px;
        height: 50px;
        right: 16px;
        position: absolute;
        top: 10px;
    }
    .menu ul{
        margin-top: 51px;
        border-top: 1px solid #e1e4e9;
        padding: 25px;
    }
    .menu ul li{}
    .menu ul li a{
        color: #333;
        line-height: 50px;
        font-size: 16px;
    }
    .menu ul li a:hover{
        color: #0b8bff;
    }
    .cui-dog{display: none}
    .cui-banner-txt {
        padding:28px 15px 6px 15px;
    }
    .cui-banner {
        height: 640px;
    }
    .cui-panel {
        width: 100%;
        margin: 0 auto;
    }
    .cui-panel.flex.wap{
        display: inline-block;
    }
    .cui-banner-txt h2 {
        font-size: 18px;
        text-align: center;
        width: auto;
    }
    .cui-banner-txt .txt ul li {
        font-size: 16px;
        font-weight: bold;
        display: flex;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .cui-banner-form {
        width: 90%;
        height: 460px;
        margin:0px auto;
    }
    .cui-banner-txt .txt ul li .icon img{
        margin-top: 7px;
    }
    .cui-form-box {
        padding: 20px 20px 0px 20px;
    }
    .cui-banner-form .form-group label {
        display: block;
        font-size: 14px;
        margin-bottom: 8px;
    }
    .cui-banner-form .tag i{font-size: 14px;}
    .cui-banner-form .form-group #tagsContainer {
        top: 35px;
        left: 8px;
        width: 95%;
    }
    .cui-banner-form .form-group input,.cui-banner-form .dw{font-size: 14px;}
    .cui-banner-form .form-group {
        margin-bottom: 15px;
        position: relative;
    }
    .cui-banner-form .form-group .estimate {
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 28px;
        font-weight: bold;
    }
    .cui-banner-form{height: 360px;}
    .cui-banner-form .cui-submit{
        height: 48px;
        line-height: 48px;
        font-size: 20px;
    }
    .cui-main-content .cui-panel .cui-title {
        padding: 30px 0 20px 0;
    }
    .cui-index-step .container {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .cui-main-content .cui-panel .cui-title h2 {
        font-size: 22px;
    }
    .swiper-slides{width: 100%;margin-bottom: 15px;}
    .tpm-case-card__inner{padding: 25px 18px 0;}
    .tpm-case-card{height: auto;}
    .m-cuiwap .cui-process{
        height: 580px;
    }
    .tpm-case-card__main:before{top: -12px;}
    .tpm-case-card__name {
        margin-top: 0;
        padding-bottom: 10px;
    }
    .cui-main-content .cui-process .floorbg1{
        width: 160px;
        height: 80px;
    }
    .cui-index-step .container{padding: 0}
    .cui-main-content .cui-process .floorbg2{
        width: 160px;
        height: 113px;
    }
    .cui-index-step .step-number{
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .cui-index-step .step-number img{margin-top: 10px;}
    .cui-index-step .step {
        width: 14%;
        float: left;
    }
    .cui-index-step .arrow-step {
        position: absolute;
        top: 32%;
        left: 133%;
        transform: translateY(-50%);
        width: 22px;
        height: 16px;
        fill: #fff;
    }
    .cui-index-step .step-text {
        margin-top: 10px;
        font-size: 13px;
        word-break: keep-all;
    }
    .cui-index-step .line{border-top: 1px solid #f9fbfc;}
    .cui-index-step {
        margin-top: 10px;
    }
    .cui-sqbz{height:190px!important;display: none}
    #left .ask-content .title p{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .cui-legal-service .cui-panel{display: inline-block!important;    padding: 20px;}
    .cui-legal-service .cui-panel .legallist {
        width: 100%;
    }
    .cui-legal-service .cui-title {
        padding: 20px 0 20px 0!important;
    }
    .cui-legal-service .article-list{padding: 15px;}
    .cui-legal-service .article .info{width: 70%;}
    .cui-legal-service .cui-more-btn{top: 14px;}
    .cui-they-buy .comments{display: inline-block}
    .cui-page-buymodel .comment{    width: 100%;}
    .cui-page-buymodel .comment:nth-last-child(2n) {
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 15px;
    }
    .cui-they-buy .comment-container {
        padding: 20px;
        display: none;
    }
    .swiper-container-plwap{display: block;overflow: hidden}
    .swiper-container-plwap .swiper-slide{background: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
        width: 50%;
        height: 140px;
        margin:0 15px;
    }
    .swiper-container-plwap .swiper-slide .desc {
        background-color: #fff;
        margin-top: 10px;
        box-shadow:none;
        transition: background-color 0.3s ease;
        padding: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        font-size: 14px;
        height: 72px;
    }
    .swiper-container-plwap  .content{text-align: left;margin-top: 0; padding-right: 15px; margin-left: 16px;}
    .swiper-container-plwap .swiper-slide{width: 92.5%!important;}
    .swiper-container-plwap .swiper-slide .avatar img {
        width: 40px;
        height: 40px;
    }
    .swiper-container-plwap .swiper-slide .avatar {
        width: 40px;
        height: 40px;
        background: none;
        position: relative;
        top: -42px;
        left: 10px;
    }
    .swiper-container-plwap .swiper-slide .name {
        font-weight: bold;
        font-size: 16px;
    }
    .tagLabel{margin-left: 10px;}
    .comment-container .pagination{display: none}
    .cui-they-buy .cui-table{table-layout: fixed}
    .cui-they-buy{height: 800px}
    .cui-news-model .cui-panel .cui-title {
        padding: 10px 0 10px 0!important;
    }
    .cui-news-model .cui-panel{padding: 20px;}
    .cui-news-model .cui-panel .cui-title .cui-more-btn{top:6px;}
    .cui-news-model .news-row{display: inline-block;width: 100%;margin-bottom: 0;}
    .cui-news-model .news{margin-right: 0;margin-bottom: 20px}
    .cui-news-model .news-row.mt20{margin-top: -4px}
    .cui-news-model .news-image img{    width: 90px;
        height: 70px;}
    .cui-news-model .news-image {
        width: 90px;
        height: 100px;
    }
    .cui-news-model .news-content {
        padding: 0 5px;
    }
    .cui-news-model{
        height: 700px;}
    .cui-news-model .news-title{font-size: 16px;}
    .cui-cooperative .partner-list{padding-top: 0}
    .cui-cooperative{height: 280px}
    .footer{height: 150px}
    .footer-info{display: none}
    .cui-apply-banner .cui-step.mt40{margin-top: 0}
    .cui-apply-banner .cui-banner-txt h2 {
        font-size: 18px;
        font-weight: bold;
    }
    .cui-apply-banner .cui-images{padding: 10px;padding-bottom: 20px; height: auto;}
    .cui-apply-banner .cui-banner-txt {
        padding-top: 20px;
    }
    .cui-apply-banner{height: 220px!important;}
    .swiper-wrapper .cui-banner-desc{top: -68px;}
    .cui-compare-box {
        padding: 10px 20px 80px 20px;
        width: 100%;
        height: 230px;
    }
    .cui-compare-box .cui-ctxt dl {
        text-align: left;
        padding-left: 16px;
        margin-top: 2px;
        width: 90%;
    }
    .cui-compare-box .cui-ctxt .left .t,.cui-compare-box .cui-ctxt .right .t{font-size: 14px;}
    .cui-compare-box .cui-ctxt .right dl {
        padding-left: 51px;
    }
    .cui-compare-box .cui-ctxt dt {
        font-weight: bold;
        font-size: 14px;
    }
    .cui-compare-box .cui-ctxt .right dl dd{font-size: 12px}
    .cui-verification{padding-top: 0}
    .cui-verification .bd-search {
        width: 90%!important;
        margin: 10px auto!important;
    }
    .cui-verification .search-icon {
        position: absolute;
        left: 14px;
        bottom: 74px;
    }
    .cui-verification .search-input{    padding-left: 50px;}
    .cui-verification .search-button{    width: 80px;font-size: 18px}
    .slogan-i,.cui-data{width: 100%}
    .cui-data .slogan-i .i-cont{margin: 0 13px!important;    width: 26%;}
    .cui-compare-box .cui-ctxt dl:nth-child(2) {
        margin-top: 5px;
    }
    .cui-compare-box .cui-ctxt dl:nth-child(3) {
        margin-top: 5px;
    }
    .cui-panel.flex.relative.cuiwap{
        display: block;
    }
    .swiper-wrapper .cui-banner-desc,.swiper-wrapper .cui-banner-img{width: 100%}
    .swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(1){top: 50px;left: 15px;}
    .swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(2){top: 95px;left: 15px;}
    .swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(3){top: 341px;left: 15px;display: none}
    .swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(4){top:140px;left: 15px;background: linear-gradient(to right, #758dd7, #85b9f8);}
    .swiper-wrapper .cui-banner-desc .cui-banner-tag span:nth-child(5){top: 430px;left: 15px;display: none}
    .swiper-wrapper .cui-banner-desc h2 {
        font-size: 16px;
        padding-top:2px;
        text-align: left;
        padding-left: 18px;
    }
    .knowledgetab{display: block}
    .knowledge-tab-nav {
        display: block;
        margin-top: 12px;
    }

    .knowledge-tab-nav a {
        margin: 5px 0;
        color: #666;
        text-decoration: none;
        display: inline-block;
        width: 24%;
        text-align: center;
        height: 30px;
        line-height: 30px;
        background: #fff;
        box-shadow:0px 1px 3px #ccd4dd;
        border: 1px solid #dedede;
        border-radius: 4px;
    }

    .knowledge-tab-nav a.active {
        color: #0070ff;
        border-bottom: 2px solid #0070ff;
    }

    .knowledge-tab-content .knowledge-tab-pane {
        display: none;
        padding:20px 0 0px 0;
    }

    .knowledge-tab-content .knowledge-tab-pane.active {
        display: block;
    }
    .cui-property-box .search-box{ border: 1px solid #175eff;   width: 80%;}
    .cui-property-box .search-box .cui-btn{
        top: 90px;
        max-width: 140px;
        font-size: 16px;
        left: 0;
        right: 0;
        height: 38px;
        line-height: 38px;
        margin: 0 auto;
    }
    .cui-property-box .search-box .search-input{font-size: 14px}
    .search-button {
        width: 26%;
        font-size: 16px;
    }
    .cui-property-box .cui-questions {
        padding: 20px;
    }
    .cui-questions .article-item{width: 100%;line-height: 36px;}
    .cui-questions .cui-questions-right {
        margin: 10px 0px 0 0;
    }
    .cui-questions .row {
        width: 100%;
        margin-bottom: 0px;
    }
    .cui-questions .row.mt20{margin-bottom: 0px;}
    .cui-case-model{    margin-bottom: 20px;display: block}
    .cui-case-model .swiper-slide {
        width: 100%;
        height: 374px;
        margin-right: 0!important;
    }
    .cui-case-model .swiper-slide:nth-child(2){
        margin-right: 20px!important;
    }
    .cui-questions .ask-title a{right: 0}
    .commonts_orders .cui-panel {
        padding-top: 0px;
    }
    .fullTabs{margin: 15px}
    #left {
        width: 100%;
        float: inherit;
        margin-right: 0;
        padding: 0 15px;
    }
    #left .ans-bars{padding:0px;background: none;border-radius: 0}
    #left .ans-bars ul li{
        width: 24%;
        height: 30px;
        line-height: 30px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 2px 2px 2px #e6e6e6;
        border: 1px solid #dedede;
    }
    #left .ask-content{padding: 15px}
    .pagination,#question{width: 100%}
    #right {
        float: none;
        padding: 15px;
    }
    .cui-news-search {
        position: absolute;
        right: 0;
        top: -78px;
        z-index: 10;
        left: 0;
        margin: 15px;
    }
    .cui-news-tab .cui-panel ul li a {
        line-height: 80px;
        font-size: 16px;
    }
    .cui-news-tab .cui-panel ul li {
        padding: 0 10px;
    }
    .cui-news-tab .cui-panel strong {
        font-size: 16px;
        margin-left: 10px;
    }
    .news_flBox, .news_fl {
        width: 100%;
        padding: 15px;
    }
    .news_img {
        width: 90px;
        height: 80px;}
    .dl_news dd a{font-size: 16px}
    .ntxts dd {
        max-width: 100%;
    }
    .news_img{margin-right: 15px;}
    .ntxts .dt2 .icon_newsTime:nth-child(4){display: none}
    .cui-news-tab .search-box{width: 100%;}
    .cui-wap-news .cui-news-search{display: none}
    .fullTabs .tagWrap{padding: 10px 0px;}
    .dl_news dt.dt2 a:nth-child(4),.dl_news dt.dt2 a:nth-child(3){display: none}
    .newsBoxfl.mt20{margin-top: 0}
    .newsRg{display: none}
    .news_flBox, .news_fl {
        margin-right: 0;
    }
    .dl_news dd a{ white-space: inherit;line-height: 22px;text-align: center;}
    .cui-item-news .title{    white-space: inherit;}
    .newsBoxfl .cui-page-list {
        padding: 0;
    }
    .relatedList .cui-item-news p span {
        margin-right: 6px;
    }
    .tag-title{font-size: 18px;}
    .tags-media__bd h3{font-size: 14px}
    .tagMeta-desc>div, .tagMeta-desc>p {
        margin-bottom: 4px;}
    .tagMeta-desc {
        height: auto;
        line-height: 22px;
        font-size: 14px;
    }

    .cui-item-news{width: 100%;}
    .cui-sitemap .list-tab .com-tab-item{    width: 36px;}
    .cui-page-introduce .about-txt{width:100%;float: initial;    padding: 15px;}
    .cui-page-introduce .about-img{display: none}
    .cui-page-advantage .advantage-module{display: block}
    .cui-page-advantage .advantage-module .box{max-width: inherit;
        padding: 30px 10px;
        width: 46%;
        float: left;
        margin: 20px 2% 0 2%;
        height: 190px;}
    .cui-page-introduce .about-txt .cui-title{padding: 10px 0 0px 0;}
    .cui-page-introduce div{font-size: 14px}
    .cui-page-advantage .advantage-module .box img {
        width: 40%;
    }
    .cui-page-advantage .advantage-module .box .txt {
        font-size: 14px;
        padding: 0 6px;
        line-height: 20px;
        margin-top: 6px;
        text-align: justify;
    }
    .cui-advantage-box{padding: 15px;}
    .cui-page-advantage .advantage-module .box .txt{font-size: 14px;}
    .cui-page-advantage{height: 530px}
    .cui-contact-info{display: block}
    .cui-contact-x {
        width: 100%;
    }
    .cui-contact-info .ctitle {
        font-size: 22px;
        font-weight: bold;
        line-height: 30px;
    }
    .cui-contact-info{padding: 20px;    margin: 15px;}
    .mapimg {
        width: 100%;
        margin-left: 0;
    }
    .cui-page-introduce{height: 390px}

    .cui-banner-txt .txt{display: none}
    .cui-banner-wap-txt{display: block;padding-top: 20px;}
    .cui-banner-wap-txt ul li{
        width: 100%;
        display: block;
        text-align: left;
        white-space: nowrap;
        height: 38px;
    }
    .cui-banner-wap-txt ul li span{
        position: relative;
        top:0px;
    }
    .cui-banner-wap-txt ul li .icon{
        display: inline-block;
        height: 22px;
        width: 28px;
        float: left;
    }
    .cui-banner-wap-txt ul li img{
        width: 90%;
    }
    .cui-compare-box{    background-image: url(../images/Compare-bg-wap.png);height: 360px;}
    .cui-compare-box .cui-ctxt dl dd{font-size: 12px}
    .cui-compare-box .cui-ctxt .left dl:nth-child(2) {
        margin-top: 30px;
    }
    .cui-compare-box .cui-ctxt .left dl:nth-child(3) {
        margin-top: 15px;
    }
    .cui-compare-box .cui-ctxt .right dl:nth-child(3) {
        margin-top: 16px;
    }
    .cui-compare-box .cui-ctxt .right dl{width:100%;}
    .cui-compare-box .cui-ctxt .right dl:nth-child(2) {
        margin-top: 30px;
    }
    .cui-page-compare{height: 460px}
    .swap{display: block}
    .spc{display: none}
    .cui-case-model .swiper-pagination .swiper-pagination-bullet{width: 10px!important;height: 10px!important;border-radius: 100px!important;}
    .swiper-pagination {
        bottom: -4px!important;
    }
    .cui-case-model .swiper {
        padding: 20px 20px 40px 20px;
    }
    .cui-questions .box .ot-artlist dd a{width: 100%}
    .cui-questions .article-title{font-size: 14px}
    #left .ans-bars ul li a{    padding: 0 0px;}
    #left .ask-content .title a {
        font-size: 14px;
    }

    .cui-bottom-wap {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;
        background:#7d90a7;
        display: block;
    }

    .cui-bottom-wap li {
        float: left;
        width: 33.33%;
        height: 65px;
        text-align: left;
        border-left: 1px #a8b8cc solid;
        border-right: 1px #516073 solid;
        padding-top: 6px;
        box-sizing: border-box;
    }
    .cui-bottom-wap li a {
        display: block;
        text-align: center;
        color: #fff;
        line-height: 27px;
        font-size: 14px;
    }
    .cui-bottom-wap li a i.iconfont{
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        color: #fff;
        font-size: 30px;
        position: relative;
        top: 3px;
    }
    .cui-bottom-wap li:last-child{border-right:none;}
    .cui-footer {
        padding-bottom: 62px;
    }
    .cui-step  .step-number {
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 50%;
    }
    .step-number .iconfont {font-size: 30px;}
    .cui-step  .step-text {
        font-size: 14px;
    }
    .cui-step .arrow-step {
        top: 33%;
        left: 118%;
        width: 18px;
        height: 12px;
    }
    .cui-data .slogan-i .i-cont .i-cont-tree,.cui-data .slogan-i .i-cont .i-cont-one,.cui-data .slogan-i .i-cont{background-size: 100%}
    .cui-data .title span{font-size: 14px!important;}
    .cui-data .slogan-i .i-cont .text {
        font-size: 14px;
        margin-top: 45px;
    }

}
@media (max-width: 1440px) {
    .main-nav li a{padding: 0 20px; font-size: 18px;}
    .main-nav {margin-left: 200px;}

}
@media (max-width: 1600px) {
    .main-nav {margin-left: 200px;}
}
.content {
    margin-top: 100px; 
    padding: 20px;
}