/* 分界线上的图标 */
.fangan-title {max-width:1100px;  margin:0 auto;  margin-bottom:120px;   margin-top:50px;}
.fangan-titlex { margin-bottom:10px; }


.fangan-title .pt { font-size:21px;font-weight:400;  color:#000; margin-bottom:0;}
.fangan-title h2{font-size:48px; color:#634cb6; margin-bottom:10px; }
.fangan-title .desc{ color:#333; font-size:24px; }

img.blogico-f1 {position:absolute;left:10vw;top:30px; width:100px;}
img.blogico-f2 {position:absolute;right:16vw;bottom:5px; width:90px;  transform: rotate(90deg); /* 顺时针旋转90度 */
  /* 可选：调整旋转中心（默认以元素中心点旋转） */
  transform-origin: center center;}
img.blogico-f3 {position:absolute;left:26vw;bottom:0px; width:40px;}
  
.fico{position: relative;width:70px;height:70px; margin:0 auto; margin-bottom:25px;background:#634cb6;
border-radius:50%; padding:15px;}
.ficox{background:#fcc149;}

.fico img{width:40px;height:40px; margin:0 auto; }

/* 默认显示的图片（fico-11.png） */
.fico img:first-child {
 	
  transition: opacity 0.3s; /* 过渡动画，可选 */
}

/* hover时显示的图片（fico-1.png），默认隐藏 */
.fico img:last-child {
	position: absolute;
  top: 15px;
  left:15px;
  opacity: 0;
  transition: opacity 0.3s; /* 过渡动画，可选 */
}

.plist-section .container {
    max-width: 1200px;
}

.plist  h3{ text-align:center;}

.plist:hover {background:#634cb6;}
.plistx:hover {background:#fcc149;}
.plist:hover .fico { background:#fff;}
.plist:hover .fico img:first-child {  opacity: 0;}
.plist:hover .fico img:last-child {  opacity: 1;}

.plist:hover  p, .plist:hover  h3{ color:#fff;}
.plistx:hover  p, .plistx:hover  h3{ color:#000;}


.divider-icon33 {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    /* margin-top: -60px; */
    width: 100px;
    height: 210px;
    background: url('../img/indexbg3.png') no-repeat left center;
    background-size: contain;
    z-index: 3;
}

.divider-icon44 {
  position: absolute;
  left: -30px;             /* 图标距左距离，可按设计调整 */
  /* top: 50%;*/
  transform: translateY(-50%);
  margin-top:-40px;
  width: 100px;
  height: 210px;
  background: url('../img/indexbg4.png') no-repeat left center;
  background-size: contain;
  z-index: 3;
}

.divider-icon3-w {
    position: absolute;
    right: 0px;
    /* top: 50%; */
    transform: translateY(-50%);
    margin-top: -60px;
    width: 100px;
    height: 210px;
    background: url(../img/indexbg3.png) no-repeat left center;
    background-size: contain;
    z-index: 3;
}

.divider-icon4-w {
  position: absolute;
  left: -30px;             /* 图标距左距离，可按设计调整 */
  /* top: 50%;*/
  transform: translateY(-50%);
  margin-top:-80px;
  width: 100px;
  height: 210px;
  background: url('../img/indexbg4.png') no-repeat left center;
  background-size: contain;
  z-index: 3;
}



.contact-section {background:#634cb6;}


.contact-section .container { max-width: 1100px;}

.contact-information-box-3 {background:none;box-shadow:none;border:none; padding-top:0; margin-top:-25px;}




.contact-section .default-btn  {background:#fcc149; color:#333;}

.contact-section .default-btn-one span { 
	background-color: #3e2e79;
	  
}
.contact-section .default-btn-one:hover, .default-btn-one:focus {
	color: #fff;
}

.contact-information-box-3 .contact-info h6 {color: #fff;}
.contact-information-box-3 .contact-info p {color: #fff;}

.sico  {width:70px; height:70px;border-radius: 50%; background-color: #fff; text-align:center; float:left; margin-right:20px;}
.sico img {width:40px; margin-top:15px;}

.cont-toptilte {width: 100%;height:120px;}
.cont-toptilte img{float:left;width:120px;position:relative;}
.cont-toptilte h3{font-size:38px; color:#fff;line-height:120px; margin-left:-20px;
position:absolute;left:80px;}




.contact-section .contact-form-3 form .form-control {
  
  border: 2px solid #ddd;  
  border-radius: 6px;  
  transition: border-color 0.3s ease;  
}

.contact-section .contact-form-3 form input:focus, .contact-section .contact-form-3 form textarea:focus {
  border: 2px solid #b54c48;
  outline: none; 
  box-shadow: 0 0 0 2px rgba(44, 123, 229, 0.2);
  
}

.contact-section .contact-form-3 form   input.requireds:focus {margin-top:-18px;}

input::placeholder, textarea::placeholder {font-weight:400;}


.btext {color:#b54c48; display: none;
  transition: opacity 0.3s ease;}
  
  .form-control:focus + .btext {
  display: block; /* 显示提示文本 */
  opacity: 1;
}

.contact-section .contact-form-3 form  .distext {  color: #2b2f33;font-weight:400; padding-right:20px; appearance: none; /* 移除默认的下拉箭头 */
    -webkit-appearance: none; /* 针对 Webkit 浏览器 */
    -moz-appearance: none; /* 针对 Firefox */
    padding-right: 30px; /* 为下拉箭头留出空间 */
	background: url('/assets/img/dw-arrow.png') no-repeat right 10px center #fff;
	background-size: 10px auto;
	}


.blog-section  {margin-top:60px;}
.blog-section .container {width: 100%; max-width: 1150px;}

.blog-single-item {
    border: 1px solid #c7bee7;
    border-radius: 12px;
    padding: 10px 10px;
}

.blog-single-item .blog-description {
    border-top: none;
    text-align: center;
    padding: 5px;
}

.help-tags {max-width:1150px;  margin:0 auto; margin-top:50px; }

.widget-area .widget_search {
    background: none;
    padding: 15px;
}

.search-formx {width:200px; float:right;}

.search-formx form {
	position: relative;
}

.search-formx form label {
	display: block;
	margin-bottom: 0;
}

.search-formx form .screen-reader-text {
	display: none;
}

.search-formx form .search-field {
	background-color: transparent;
	height: 42px;
	padding: 6px 15px;
	border: 1px solid #999;
	border-radius:21px;
	width: 100%;
	display: block;
	outline: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.search-formx form .search-field:focus {
	border-color: #634cb6;
}

.search-formx form button {
	position: absolute;
	right: 0;
	outline: 0;
	bottom: 0;
	height: 42px;
	width: 42px;
	z-index: 1;
	border: none;
	color: #666;
	background: none;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.search-formx form button:hover {
	 
	color: #000;
}



.helplist {max-width:1000px;  margin:0 auto;  margin-bottom:120px;   margin-top:0px; }

.helplist .plist {
    padding: 0px;
    border: 1px solid #c7bee7;
    border-radius: 6px;
}
	
 .plist .toggle-btn {
    display: block;
     
}

.helplist .plist:hover {background:#f2f2f2;}
.helplist .plist:hover p {color:#333;}
 

.helplist .plist h3 {
    text-align: left; text-indent:55px; 
	font-size:18px; font-weight:400; color:#333;
	line-height:48px;
	 
}

.helplist .plist h3.active {color:#fff;background:#634cb6;
}

.helplist .plist .pist-text  {
    display: none;
	padding:10px;
	max-height: 0; /* 默认收起 */
    overflow: hidden;
	
}

.helplist .plist .pist-text p {margin-top:0; font-size:16px;}



.helplist   .plist   h3.active .toggle-btn {
	  color: #fff;
 }
 
 
.pistx-text {
    transition: max-height 0.3s ease;
    max-height: 0; /* 默认收起 */
    overflow: hidden;
}

.helplist .single-features-item p { margin-top:0; font-size:16px; font-weight:400;}

.helplist .plist .pistx-text  {
   
	padding:10px; display: none;
	  
	
}
.helplist  .plist .collapsed {
	display:block;
    max-height: 1000px;
    overflow: hidden;
}

 .helplist   .plist .toggle-btn {
        background: none;
        border: none;
        font-size: 1.45rem;
        cursor: pointer;
        color: #333;
        position: absolute;
        left: 20px;
        top: 0px;
        display: block;
    }

/* service */
.service-title {max-width:650px;}
	
	
/* worklist */
.worklists {margin-top:20px; margin-bottom:60px;}
.worklist {height:200px; padding:0; border:1px solid #634cb6; border-radius:16px;position:relative;}
.worklist h3{line-height:200px;}
.worklist:hover{color:#fff;background:#634cb6;}
.worklist:hover .webimg{display:none;}
.worklist:hover h3{line-height:200px; color:#fff; font-size:24px;}
.worklist .links{position:absolute;bottom:10px; right:10px; background:#fff; width:40px; height:40px; padding:5px;border-radius:50%;display:none;}
.worklist .links img{width:25px; height:25px; margin-top:3px;}
.worklist:hover .links{display:block;}




.view-article  {width:100%;  margin:0 auto;  margin-bottom:120px;   margin-top:50px; }
.view-article .toptitle  {font-size:1.85rem;}

.view-article .mycontent p , .view-article .mycontent, .view-article .mycontent b, .view-article .mycontent strong{ font-size:16px; color:#333; margin-bottom:0;}
.view-article .mycontent h3 { font-size: 1.75rem; font-weight:400; border-left:8px solid #333; padding-left:12px;line-height: 24px;margin: 20px 0 15px;line-height: 2.35rem;}
.view-article .mycontent .mulu { 
  background:#f2eeff;
  margin: 15px 0;
  padding: 15px; border-radius:12px;}
  
 .mulu li {
list-style: none;
  position: relative;   
  padding-left: 28px;  
}

.mulu li::before {
  content: "";
  position: absolute;
  left: 14px;             /* 圆点距离 li 左边距 */
  top: 15px;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333;       /* 圆点颜色 */
  box-shadow: 0 0 0 0 rgba(0,0,0,0); /* 可改为更复杂样式 */
}



	
@media only screen and (max-width: 1641px) {
	
	  

}

@media only screen and (max-width: 1441px) {
	
	 
	  

}


@media only screen and (max-width: 1401px) {
	
	 

}	


@media only screen and (max-width: 1281px) {
	
	 
	img.blogico-f2 {position:absolute;right:12vw;bottom:5px; width:80px;  transform: rotate(90deg); /* 顺时针旋转90度 */
  /* 可选：调整旋转中心（默认以元素中心点旋转） */
  transform-origin: center center;}  

}



@media only screen and (max-width: 1201px) {

  .view-article  {  padding: 15px;}

}	



@media only screen and (max-width: 991px) {
	
	 
		 

}



@media only screen and (max-width: 761px) {
	 
	img.blogico-f1 {display:none;}    
	img.blogico-f2 {display:none;}    
	img.blogico-f3 {display:none;}  


	.fangan-title {

		margin-bottom: 0px;	
			
	}
	
	.divider-icon44 {
	top:55%;
	left:-52px;
	
	}
	
	
	
}