@charset "utf-8";
/* CSS Document */

.wp_left{ background:#f5f5f5; width:58%; overflow:hidden;  padding:30px 3% 60px 9%; margin-bottom:80px; float:left; overflow:hidden }
.wp_left img{ width:100%}
.wp_right{ background:#fff; width:18%;overflow:hidden; float:left; overflow:hidden; padding:30px 9% 60px 3%; }
.wp_right h1{ width:100%; float:left; overflow:hidden; line-height:30px; border-left:4px solid #09a76c; text-indent:10px; font-size:24px; color:#555; margin-bottom:30px}
.wp_right dl{ width:100%; float:left; overflow:hidden;  display:flex; border-bottom:1px dashed #e0e0e0; padding-bottom:40px; margin-bottom:40px}
.wp_right dl dt{ width:118px; margin-right:15px}
.wp_right dl dt img{ width:100px; padding:8px; border:1px solid #e5e5e5; float:left; overflow:hidden }
.wp_right dl ul{ flex:1; display:flex; flex-wrap:wrap;align-content:center }
.wp_right dl ul dd{ width:100%; line-height:30px; font-size:16px; color:#666}

.chat01{ width:100%; float:left; overflow:hidden; }
.chat01 h3{ width:100%; float:left; overflow:hidden; display:flex; justify-content:space-between; border-bottom:1px dashed #e0e0e0; padding-bottom:40px; margin-bottom:40px}
.chat01 h3 a{ display:block; width:47%; height:50px; line-height:50px; background:#09a76c; color:#fff; font-size:16px; text-align:center; font-weight:normal; transition:all 0.35s}
.chat01 h3 a:last-child{ background:rgba(0,0,0,.25)}
.chat01 h3 a:last-child:hover{ background:#ff811b}
.chat01 h3 a:hover{ border-radius:26px}



/******** 手机版 ********/
@media (max-width:767px){
.head02{ height:60px}
.wp_left{ background:#f5f5f5; width:95%; overflow:hidden;  padding:15px 2.5% ; margin-bottom:20px; float:left; overflow:hidden }
.wp_right{ background:#fff; width:95%;overflow:hidden; float:left; overflow:hidden;  padding:0px 2.5%;  }
.wp_right h1{line-height:25px;  text-indent:10px; font-size:22px; margin-bottom:30px}
.wp_right dl{padding-bottom:20px; margin-bottom:20px;flex-wrap:wrap }
.wp_right dl dt{  margin-bottom:0px}
.wp_right dl ul{ flex:1; display:flex; flex-wrap:wrap;align-content:center; }
.wp_right dl ul dd{ line-height:30px;  font-size:15px; }	

.chat01 h3{ display:flex; justify-content:space-between; border-bottom:1px dashed #e0e0e0; padding-bottom:20px; margin-bottom:20px}
.chat01 h3 a{  width:48%; height:45px; line-height:45px; font-size:15px;}	
	
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.head02{ height:100px}
.wp_left{ background:#f5f5f5; width:63%; overflow:hidden;  padding:30px 3% 60px 4%; margin-bottom:80px; float:left; overflow:hidden }
.wp_right{ background:#fff; width:23%;overflow:hidden; float:left; overflow:hidden; padding:30px 4% 60px 3%; }
.wp_right h1{line-height:25px;  text-indent:10px; font-size:22px; margin-bottom:30px}
.wp_right dl{padding-bottom:20px; margin-bottom:30px;flex-wrap:wrap }
.wp_right dl dt{ width:100%; margin-right:0; margin-bottom:15px}
.wp_right dl ul{ flex:1; display:flex; flex-wrap:wrap;align-content:center }
.wp_right dl ul dd{ line-height:30px; margin-bottom:5px; font-size:14px; }	
.case2 dl:nth-last-child(-n+2){ display:none}
.chat01 h3{ display:flex; justify-content:space-between; border-bottom:1px dashed #e0e0e0; padding-bottom:30px; margin-bottom:30px}
.chat01 h3 a{  width:48%; height:36px; line-height:36px; font-size:14px;}
}

/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.head02{ height:100px}
.wp_left{ background:#f5f5f5; width:63%; overflow:hidden;  padding:30px 3% 60px 4%; margin-bottom:80px; float:left; overflow:hidden }
.wp_right{ background:#fff; width:23%;overflow:hidden; float:left; overflow:hidden; padding:30px 4% 60px 3%; }
.wp_right h1{line-height:25px;  text-indent:10px; font-size:22px; margin-bottom:30px}
.wp_right dl{padding-bottom:20px; margin-bottom:30px;flex-wrap:wrap }
.wp_right dl dt{ width:100%; margin-right:0; margin-bottom:15px}
.wp_right dl ul{ flex:1; display:flex; flex-wrap:wrap;align-content:center }
.wp_right dl ul dd{ line-height:30px; margin-bottom:5px; font-size:15px; }	
.case2 dl:nth-last-child(-n+2){ display:none}
.chat01 h3{ display:flex; justify-content:space-between; border-bottom:1px dashed #e0e0e0; padding-bottom:30px; margin-bottom:30px}
.chat01 h3 a{  width:48%; height:40px; line-height:40px; font-size:15px;}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
	
.head02{ height:100px}
.wp_left{ background:#f5f5f5; width:63%; overflow:hidden;  padding:30px 3% 60px 4%; margin-bottom:80px; float:left; overflow:hidden }
.wp_right{ background:#fff; width:23%;overflow:hidden; float:left; overflow:hidden; padding:30px 4% 60px 3%; }
.wp_right h1{line-height:25px;  text-indent:10px; font-size:23px; margin-bottom:30px}
.wp_right dl{padding-bottom:30px; margin-bottom:40px;flex-wrap:wrap }
.wp_right dl dt{ width:100%; margin-right:0; margin-bottom:15px}
.wp_right dl ul{ flex:1; display:flex; flex-wrap:wrap;align-content:center }
.wp_right dl ul dd{ line-height:30px; margin-bottom:5px; font-size:16px; }	
.case2 dl:nth-last-child(-n+2){ display:none}
}

/******** 1400px ********/
@media (min-width:1440px){
  .case2 dl:nth-last-child(-n+2){ display:none}
}