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

.shili_11{ margin:110px 0}
.shili_11 h3{ width:100%; float:left; overflow:hidden; text-align:center; font-size:48px; color:#333; line-height:55px; margin-bottom:80px}
.shili_11 ul{ width:100%; float:left; overflow:hidden; display:flex;  justify-content:center;}

.shili_11 ul dl{ margin-right:10%; width:13%;}
.shili_11 ul dl:last-child{ margin-right:0}
.shili_11 ul dl dd{ width:100%; float:left; overflow:hidden; display:flex; justify-content:center; margin-bottom:25px}
.shili_11 ul dl dd a{ display:block; width:180px; height:180px; border-radius:50%; background:#f3faff; display:flex; justify-content:center;align-items:center }
.shili_11 ul dl dd a img{ max-width:100%; transition:all 0.35s}
.shili_11 ul dl dt{ width:100%; float:left; overflow:hidden; text-align:center; line-height:30px; font-size:22px; color:#333}
.shili_11 ul dl:hover dd a img{transform: scaleX(-1);}

.shili_12{ padding:100px 0;  background:#f5f5f5}
.shili_12 .ty02{display:flex; flex-wrap:wrap }
.case01{ width:47.5%; overflow:hidden; aspect-ratio: 25 / 14;  height: auto;  margin-right:4%; float:left; overflow:hidden}
.sc_huan2012,.sc_huan2013,.sc_huan3,.sc_huan4{position:relative; width:100%; aspect-ratio: 25 / 14;  height: auto; overflow:hidden;  float:left; background:#fff; }
.loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:90px;background:#fff url(loading.gif) center -40px no-repeat;}
.pic li{position:absolute;}
.pic li img{aspect-ratio: 25 / 14; width: 100%; height: auto; }
	
.txt li{position:absolute;z-index:2;left:0;width:100%;height:50px;line-height:50px;overflow:hidden;}
.txt li a{display:block;color:#fff; text-indent:15px;font-size:18px;text-decoration:none; line-height:50px; color:#fff}/*标题样式*/
.txt-bg{position:absolute;bottom:0px;z-index:1;width:100%;height:50px; overflow:hidden;filter:alpha(opacity=60);opacity:0.60;} /*标题背景*/
.num,.num-bg{position:absolute;z-index:3;bottom:20px;right:0;color:#fff; width:100%; display:flex; justify-content:center; }/*按钮样式*/
.num li,.num-bg li{float:left;width:30px;height:8px;line-height:8px;overflow:hidden;text-align:center;margin-right:10px; font-size:15px; cursor:pointer; border-radius:5px; text-indent:70px }

.num-bg li{background:#fff;filter:alpha(opacity=50);opacity:0.5;}/*按钮背景*/
.num li.current,.num li.hover{background:#00a0e9}/*当前/悬停按钮背景*/
.txt li a:hover{ color:#ff0; text-decoration:underline}
.pic li a font{font-size:12px; color:#fff}

.shili_12 dl{ width:47.5%; float:left; overflow:hidden; display:flex;flex-wrap:wrap; align-content:center; }
.shili_12 dl dt{ width:100%; line-height:40px; font-size:35px; color:#333; background:url(line13.gif) no-repeat 0 bottom; padding-bottom:25px; margin-bottom:70px; font-weight:bold}
.shili_12 dl dd{ width:100%; line-height:38px; font-size:19px; color:#888}

.bgfff{ background:#fff}
.bgfff .case01{ margin-right:0}
.bgfff dl{ margin-right:5%}


/******** 手机版 ********/
@media (max-width:767px){
	
.shili_11{ margin:30px 0}
.shili_11 h3{  font-size:22px; line-height:30px; margin-bottom:30px}
.shili_11 ul dl{ margin-right:5%; width:20%;}
.shili_11 ul dl dd{  margin-bottom:15px}
.shili_11 ul dl dd a{ width:100%; height:auto; aspect-ratio: 1 / 1;　 }
.shili_11 ul dl dd a img{ max-width:30%;}
.shili_11 ul dl dt{ line-height:18px; font-size:13px;}
.shili_11 ul dl:hover dd a img{transform: scaleX(-1);}

.shili_12{ padding:20px 0; }
.case01{ width:100%; margin-right:0; margin-bottom:15px}
.pic li img{aspect-ratio: 25 / 14; width: 100%; }
.txt li{height:50px;line-height:50px;}
.txt li a{text-indent:15px;font-size:18px;text-decoration:none; line-height:50px;}/*标题样式*/
.txt-bg{bottom:0px;z-index:1; height:50px;} /*标题背景*/
.num,.num-bg{bottom:20px;right:0; }/*按钮样式*/
.num li,.num-bg li{width:20px;height:5px;line-height:5px; margin-right:8px; font-size:15px; text-indent:70px }

.shili_12 dl{ width:100%;  }
.shili_12 dl dt{line-height:20px; font-size:16px;padding-bottom:10px; margin-bottom:15px; background-size:10%}
.shili_12 dl dd{ line-height:18px; font-size:13px;}	
.bgfff{ padding-bottom:5px}
.bgfff dl{ margin-bottom:15px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
	
.shili_11{ margin:60px 0}
.shili_11 h3{  font-size:30px; line-height:40px; margin-bottom:50px}
.shili_11 ul dl{ margin-right:5%; width:20%;}
.shili_11 ul dl dd{  margin-bottom:20px}
.shili_11 ul dl dd a{ width:120px; height:120px; }
.shili_11 ul dl dd a img{ max-width:40%;}
.shili_11 ul dl dt{ line-height:30px; font-size:14px;}
.shili_11 ul dl:hover dd a img{transform: scaleX(-1);}

.shili_12{ padding:40px 0; }
.case01{ width:47.5%; margin-right:4%;}
.pic li img{aspect-ratio: 25 / 14; width: 100%; }
.txt li{height:50px;line-height:50px;}
.txt li a{text-indent:15px;font-size:18px;text-decoration:none; line-height:50px;}/*标题样式*/
.txt-bg{bottom:0px;z-index:1; height:50px;} /*标题背景*/
.num,.num-bg{bottom:20px;right:0; }/*按钮样式*/
.num li,.num-bg li{width:20px;height:5px;line-height:5px; margin-right:8px; font-size:15px; text-indent:70px }

.shili_12 dl dt{line-height:30px; font-size:19px;padding-bottom:15px; margin-bottom:20px; background-size:15%}
.shili_12 dl dd{ line-height:24px; font-size:14px;}
}


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

.shili_11{ margin:70px 0}
.shili_11 h3{  font-size:35px; line-height:45px; margin-bottom:55px}
.shili_11 ul dl{ margin-right:5%; width:18%;}
.shili_11 ul dl dd{  margin-bottom:20px}
.shili_11 ul dl dd a{ width:140px; height:140px; }
.shili_11 ul dl dd a img{ max-width:40%;}
.shili_11 ul dl dt{ line-height:30px; font-size:18px;}
.shili_11 ul dl:hover dd a img{transform: scaleX(-1);}

.shili_12{ padding:70px 0; }
.case01{ width:47.5%; margin-right:4%;}
.pic li img{aspect-ratio: 25 / 14; width: 100%; }
.txt li{height:50px;line-height:50px;}
.txt li a{text-indent:15px;font-size:18px;text-decoration:none; line-height:50px;}/*标题样式*/
.txt-bg{bottom:0px;z-index:1; height:50px;} /*标题背景*/
.num,.num-bg{bottom:20px;right:0; }/*按钮样式*/
.num li,.num-bg li{width:30px;height:7px;line-height:7px; margin-right:10px; font-size:15px; text-indent:70px }

.shili_12 dl dt{line-height:30px; font-size:22px;padding-bottom:15px; margin-bottom:30px}
.shili_12 dl dd{ line-height:30px; font-size:16px;}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.shili_11{ margin:90px 0}
.shili_11 h3{  font-size:40px; line-height:50px; margin-bottom:70px}
.shili_11 ul dl{ margin-right:5%; width:18%;}
.shili_11 ul dl dd{  margin-bottom:30px}
.shili_11 ul dl dd a{ width:160px; height:160px; }
.shili_11 ul dl dd a img{ max-width:40%;}
.shili_11 ul dl dt{ line-height:30px; font-size:19px;}
.shili_11 ul dl:hover dd a img{transform: scaleX(-1);}



.shili_12{ padding:80px 0; }
.case01{ width:47.5%; margin-right:4%;}
.pic li img{aspect-ratio: 25 / 14; width: 100%; }
.txt li{height:50px;line-height:50px;}
.txt li a{text-indent:15px;font-size:18px;text-decoration:none; line-height:50px;}/*标题样式*/
.txt-bg{bottom:0px;z-index:1; height:50px;} /*标题背景*/
.num,.num-bg{bottom:20px;right:0; }/*按钮样式*/
.num li,.num-bg li{width:30px;height:8px;line-height:8px; margin-right:10px; font-size:15px; text-indent:70px }

.shili_12 dl dt{line-height:40px; font-size:30px;padding-bottom:15px; margin-bottom:40px}
.shili_12 dl dd{ line-height:30px; font-size:17px;}

}

/******** 1400px ********/
@media (min-width:1440px){
	
}