.fangan-section  .container{max-width:1100px;  margin:0 auto; padding-bottom:140px;}
.fangan-section .col-lg-4, .fangan-section .col-md-4 {padding-left:10px; padding-right:10px;}



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


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

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

.fico img{width:35px;height:35px; 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: 1150px;
}

.fangan-section .plist {
    padding: 35px 20px;
    border: 1px solid #c7bee7;
    border-radius: 16px;
}

.fangan-section .plist h3 {
    text-align: left;
    font-size: 24px;
	font-weight:400;
	text-align:center;
}
 

.fangan-section .plist p {
    text-align: left;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
	font-weight:300;
}


.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; color:#fff;
	  
}
.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:48px; color:#fff;line-height:120px; margin-left:-20px;
position:absolute;left:80px; font-weight:400;}




.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 #fcc149;
  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;
	}

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

.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:#fff;
	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:1150px;  margin:0 auto;  margin-bottom:120px;   margin-top:0px; }

.helplist .plist {
    padding: 0px;
    border: 1px solid #c7bee7;
    border-radius: 6px;
	margin-top: 15px;
	min-height:56px;	
}
	
 .plist .toggle-btn {
    display: block;
     
}

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

.helplist .plist h3 {
    text-align: left;
	font-size:21px; font-weight:400; color:#333;
	padding:14px 10px 14px 55px;  
	
	 
}

 .norowh3{ display: inline-block; white-space: nowrap; text-overflow: ellipsis;
	cursor:pointer;overflow: hidden; max-width:50%; width:50%;}

.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:21px; font-weight:400; will-change: auto;}

.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: 12px;
        display: block;
    }

/* service */
.service-title {max-width:650px;}
	
	
/* worklist */
.work-area{background:#faf9ff; margin-top:60px;padding-bottom: 40px;}
.worklists {margin-top:40px; margin-bottom:80px;}
.worklist {height:200px; padding:0; border:1px solid #c3bbea; border-radius:16px;position:relative; }
.worklist h3{display:none; line-height:1.2;font-size:24px;  position: absolute; top: 50%;  left:3%; right: 3%; transform: translateY(-50%); margin: 0;word-wrap: break-word; padding:0; text-align:center;}
.worklist:hover{color:#fff;background:#634cb6;}
.worklist:hover .webimg{display:none;}
.worklist:hover h3{color:#fff;display:block; }
.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;}

.workend {margin-top:20px; margin-bottom:60px;}

.workend .page-numbers {box-shadow:none; border:1px solid #333;border-radius: 6px;}


.workcont {max-width:1300px; margin:60px auto;}
.workcont .mycontent, .workcont .mycontent p, .desc p{font-size:18px; margin-bottom:0;}
.workcont .toptitle {font-size:36px; position:relative; padding-right:60px; margin-bottom:15px;}
.desc h4 {font-size:24px;color:#634cb6; margin-top:20px;}

.workcont .links {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #634cb6;
    width: 60px;
    height: 60px;
    padding: 5px;
    border-radius: 50%;
    
}

.workcont .links img {
    width: 32px;
    height: 32px;
    margin-left: 8px;
    margin-top: -6px;
}


	
@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) {

  	.divider-icon4-w, .divider-icon3-w {display:none;}

}	



@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;
	
	}
	.divider-icon33 {
		position: absolute;
		 width: 80px;
		top: 52;}
		
		.contact-information-box-3 {   
		padding-top: 50px;
		margin-top: 0;
		}
		.cont-toptilte {
		width: 100%;
		height: 120px;
		margin-bottom: 30px;
		}
		.contact-information-box-3 .contact-info h6 {
    font-weight: 600;
    font-size: 1.25rem;
		}
		.contact-information-box-3 .contact-info p {
    
     font-size: 1rem;
		}
		.contact-section .container {
    max-width: 100%;
    padding-bottom: 50px;
	overflow:hidden;
		}
		
			.help-tags {
			margin-bottom: 60px;
			}

			.worklist {
			height: 200px;
			padding: 0;
			border: 1px solid #dad1f8;
			border-radius: 16px;
			position: relative;
			width: 90vw;
			}

			.divider-icon2, .divider-icon3 {
			width: 45px;
			}
			
			.help-tags a:hover, .help-tags a.active {
    
			   margin-bottom: 10px;
		}

				.search-formx {
			
			margin-top: 10px;
		}
				
	
}