@charset "utf-8";
/* CSS Document */
.wushan{  background:url(wushan_bg2.jpg) no-repeat center 0; background-size:cover}
.wushan h3,.wushan2 h3,.wushan3 h3,.wushan4 h3{ width:100%; float:left; overflow:hidden; line-height:40px; color:#fff; font-size: 35px; font-weight:normal; text-align:center; margin:40px 0 20px}
.wushan h4,.wushan2 h4,.wushan3 h4,.wushan4 h4{ width:100%; float:left; overflow:hidden; line-height:30px; color:#fff; font-size: 20px; font-weight:normal; text-align:center; margin-bottom:50px }

.wushan .ty02 div{ width:100%; display:flex; justify-content:center;}
.wushan dl{ width:25%; background:rgba(255,255,255,1); padding:50px 0 40px; box-sizing:border-box; transition:all 0.35s}
.wushan dl:nth-child(-n+2){ margin-right:3%;}
.wushan dl h6{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:20px}
.wushan dl h6 img{ height:43px}
.wushan dl dt{  width:100%; float:left; overflow:hidden; text-align:center; font-size:18px; color:#383838; margin-bottom:10px; line-height:26px; font-weight:bold}
.wushan dl dd{  width:100%; float:left; overflow:hidden; text-align:center; line-height:26px; font-size:20px; color:rgba(19,65,114,.5); text-transform:uppercase}

.wushan dl.ws_dl01:hover{ background:url(ws_dl01.jpg) no-repeat center center; background-size:cover}
.wushan dl.ws_dl02:hover{ background:url(ws_dl02.jpg) no-repeat center center; background-size:cover}
.wushan dl.ws_dl03:hover{ background:url(ws_dl03.jpg) no-repeat center center; background-size:cover}


.wushan2{ margin-bottom:100px}
.wushan2 h3{ color:#888}
.wushan2 h4{ color:#888}

.wushan2 .ty02 div{ width:100%; display:flex; justify-content:center;}
.wushan2 dl{ width:25%;  padding:45px 35px; box-sizing:border-box}
.wushan2 dl:nth-child(-n+2){ margin-right:3%;}
.wushan2 dl:first-child{ background:url(ws_bg1a.jpg) no-repeat center center; background-size:cover}
.wushan2 dl:nth-child(2){ background:url(ws_bg2.jpg) no-repeat center center; background-size:cover}
.wushan2 dl:last-child{ background:url(ws_bg3.jpg) no-repeat center center; background-size:cover}
.wushan2 dl dd{ width:100%; float:left; overflow:hidden; line-height:28px; color:#fff; font-size:25px; text-transform:uppercase; margin-bottom:13px}
.wushan2 dl dt{ width:100%; float:left; overflow:hidden; line-height:22px; color:#fff; font-size:18px;}


.wushan3{ background:url(wushan3_bg2.jpg) no-repeat center 0; background-size:cover; margin-bottom:0px}
.wushan3 .ty02{ display:flex;  align-items:center; }
.wushan3 .ty02 div{ width:100%}
.wushan3 h3{ margin-top:0}
.wushan3 ul{ width:70%; float:left; overflow:hidden; text-align:center; font-size:18px; color:#fff; line-height:50px; padding:0 15%;}
.wushan3 ul span{ padding:0 15px}
.wushan3 ul span:nth-of-type(n+6){ padding:0 23px}

.wushan2a{ margin-bottom:0}
.wushan2a h4{ margin-bottom:60px}
.wushan2a h5{ width:100%; float:left; overflow:hidden; line-height:30px; color:#b4875e; font-size: 24px; font-weight:normal; text-align:center; margin-bottom:30px}

.wushan4{ margin-bottom:50px}
.wushan4 .ty02{ display:flex; }
.wushan4 dl{ display:flex;flex-wrap:wrap;background:#f4f4f4; border-right:1px solid #fff; box-sizing:border-box}
.wushan4 dl:last-child{ border:none}
.wushan4 dl h6{ width:100%; float:left; overflow:hidden}
.wushan4 dl h6 img{ width:100%; float:left; overflow:hidden}
.wushan4 dl ul{ width:100%; float:left; overflow:hidden; padding:45px; box-sizing:border-box;}
.wushan4 dl dt{ width:100%; float:left; overflow:hidden;  line-height:50px;  transition:all 0.35s; margin-bottom:30px;text-align:center}
.wushan4 dl dt span{ border:1px solid #b4875e; padding:7px 20px; font-size:18px; color:#b4875e}
.wushan4 dl dd{ width:100%; float:left; overflow:hidden; line-height:26px;  color:#888; font-size:14px}



.wushan5{ background:url(wushan5_bg.jpg) no-repeat center center; background-size:cover; margin-bottom:200px}
.wushan5 h3{ width:100%; float:left; overflow:hidden; line-height:40px; color:#949494; font-size: 35px; font-weight:normal; text-align:center; margin:60px 0 30px}
.wushan5 h4{ width:100%; float:left; overflow:hidden; line-height:32px; color:#949494; font-size: 16px; font-weight:normal; text-align:center; box-sizing:border-box; padding:0 25%; margin-bottom:20px}
.wushan5 h5{ width:100%; float:left; overflow:hidden; line-height:50px; color:#cbcbcb; font-size: 45px; font-weight:normal; text-align:center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:60px}

.wushan5 ul{ width:100%; float:left; overflow:hidden; display:flex; justify-content:space-between}
.wushan5 ul dl{ position:relative; display:flex;}
.wushan5 ul dl dd{ width:100%; float:left; overflow:hidden}
.wushan5 ul dl dd img{ width:100%; border-radius:10px}
.wushan5 ul dl dt{ width:100%; height:52px; display:flex; align-items:center;justify-content:center; position:absolute; left:0%;  bottom:40px; color:#efefef; font-size:18px; line-height:26px; z-index:2; text-align:center; transition:all 0.001s}
.wushan5 ul dl:hover dt{ bottom:60px}

/******** 手机版 ********/
@media (max-width:767px){


.wushan{ padding:30px 0 40px; margin-bottom:20px}
.wushan h3,.wushan2 h3,.wushan3 h3{ line-height:26px; font-size: 20px;  margin:0px}
.wushan h4,.wushan2 h4,.wushan3 h4{ line-height:26px; font-size: 14px;margin-bottom:20px }

.wushan dl{ width:31.33%; padding:30px 0 20px; }
.wushan dl:nth-child(-n+2){ margin-right:3%;}
.wushan dl h6{  margin-bottom:15px}
.wushan dl h6 img{ height:40px}
.wushan dl dt{  font-size:15px;  margin-bottom:0px; line-height:20px; }
.wushan dl dd{  line-height:18px; font-size:10px;}

.wushan2{ margin-bottom:40px}
.wushan2 h3{ color:#a5a5a5}
.wushan2 h4{ color:#c6c6c6}

.wushan2 dl{ width:31.33%;padding:45px 10px; }
.wushan2 dl:nth-child(-n+2){ margin-right:3%;}

.wushan2 dl dd{  line-height:16px; font-size:12px;margin-bottom:10px}
.wushan2 dl dt{ line-height:22px;font-size:15px;}

.wushan3{ margin-bottom:10px}
.wushan3 .ty02{ padding:30px 0}
.wushan3 h3{ margin-top:0}
.wushan3 ul{ width:100%; font-size:14px;line-height:30px; padding:0;}
.wushan3 ul span{ padding:0 5px}
.wushan3 ul span:nth-of-type(n+6){ padding:0 5px}

.wushan2a{ margin-bottom:0}
.wushan2a h4{ margin-bottom:30px}
.wushan2a h5{line-height:26px; font-size: 20px;  margin-bottom:20px}
.wushan4 dl dt{ width:100%; float:left; overflow:hidden;  line-height:50px;  transition:all 0.35s; margin-bottom:30px;text-align:center}
.wushan4 dl dt span{ border:1px solid #b4875e; padding:7px 20px; font-size:18px; color:#b4875e}
.wushan4 dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; height:78px; color:#888; font-size:14px}

.wushan4{ margin-bottom:10px}
.wushan4 .ty02{ flex-wrap:wrap}
.wushan4 dl { width:49%; border:none; margin-bottom:10px}
.wushan4 dl:nth-child(2n+1){ margin-right:2%}
.wushan4 dl ul{  padding:20px 10px;}
.wushan4 dl dt{  line-height:40px;  transition:all 0.35s; margin-bottom:20px; }
.wushan4 dl dt span{  padding:7px 10px; font-size:14px;}
.wushan4 dl dd{line-height:18px; height:54px; font-size:12px}

.wushan5{ margin-bottom:30px; padding-bottom:30px}
.wushan5 h3{  line-height:26px;font-size: 20px; margin:30px 0 20px}
.wushan5 h4{ line-height:20px; font-size: 14px; padding:0 5%; margin-bottom:20px}
.wushan5 h5{  line-height:30px;  font-size:20px;  margin-bottom:20px}
.wushan5 ul{flex-wrap:wrap}
.wushan5 ul dl{ width:32%; margin-bottom:6px}
.wushan5 ul dl dt{  height:50px; bottom:40px;font-size:14px; line-height:22px; }

	
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.wushan4 dl{ flex:1; }
.wushan4 dl dd{ height:54px;}
.wushan5{  height:600px; }
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.wushan4 dl{ flex:1; }

.wushan4 dl dd{ height:54px;}
.wushan5{  height:600px; }
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1300px){
.gy_01{ margin:50px 0 50px}

.wushan{ height:470px;}
.wushan h3,.wushan2 h3,.wushan3 h3{ line-height:32px; font-size: 28px;  margin:40px 0 10px}
.wushan h4,.wushan2 h4,.wushan3 h4{ line-height:26px; font-size: 17px;margin-bottom:50px }

.wushan dl{ width:25%; padding:50px 0 40px; }
.wushan dl:nth-child(-n+2){ margin-right:3%;}
.wushan dl h6{  margin-bottom:15px}
.wushan dl dt{  font-size:17px; color:#383838; margin-bottom:10px; line-height:26px; }
.wushan dl dd{  line-height:26px; font-size:18px;}

.wushan2{ margin-bottom:100px}
.wushan2 h3{ color:#a5a5a5}
.wushan2 h4{ color:#c6c6c6}

.wushan2 dl{ width:25%; height:316px; padding:45px 35px; }
.wushan2 dl:nth-child(-n+2){ margin-right:3%;}

.wushan2 dl dd{  line-height:28px; font-size:22px;margin-bottom:13px}
.wushan2 dl dt{ line-height:22px;font-size:17px;}


.wushan3{ margin-bottom:10px}
.wushan3 .ty02{ height:450px; }
.wushan3 h3{ margin-top:0}
.wushan3 ul{ width:100%; font-size:18px;line-height:50px; padding:0;}
.wushan3 ul span{ padding:0 15px}
.wushan3 ul span:nth-of-type(n+6){ padding:0 23px}


.wushan2a{ margin-bottom:0}
.wushan2a h4{ margin-bottom:40px}
.wushan2a h5{line-height:30px; font-size: 24px;  margin-bottom:30px}

.wushan4{ margin-bottom:10px}
.wushan4 dl{ flex:1; }
.wushan4 dl ul{  padding:30px 10px; box-sizing:border-box;}
.wushan4 dl dt{  line-height:40px;  transition:all 0.35s; margin-bottom:30px; }
.wushan4 dl dt span{  padding:7px 10px; font-size:14px;}
.wushan4 dl dd{line-height:18px; height:54px; font-size:12px}

.wushan5{  height:600px;  margin-bottom:100px}
.wushan5 h3{  line-height:36px;font-size: 28px; margin:50px 0 30px}
.wushan5 h4{ line-height:26px; font-size: 14px; padding:0 20%; margin-bottom:20px}
.wushan5 h5{  line-height:40px;  font-size: 35px;  margin-bottom:40px}

.wushan5 ul dl{ width:15%}
.wushan5 ul dl dt{  height:50px; bottom:40px;font-size:15px; line-height:25px; }
.wushan5 ul dl:hover dt{ bottom:60px}

}

/******** 1300px ********/
@media (min-width:1301px) and (max-width:1439px){
.gy_01{ margin:50px 0 50px}


.wushan{ height:500px;}
.wushan h3,.wushan2 h3,.wushan3 h3{ line-height:35px; font-size: 30px;  margin:40px 0 10px}
.wushan h4,.wushan2 h4,.wushan3 h4{ line-height:30px; font-size: 18px;margin-bottom:50px }

.wushan dl{ width:25%; padding:50px 0 40px; }
.wushan dl:nth-child(-n+2){ margin-right:3%;}
.wushan dl h6{  margin-bottom:20px}
.wushan dl dt{  font-size:18px; color:#383838; margin-bottom:10px; line-height:26px; font-weight:bold}
.wushan dl dd{  line-height:26px; font-size:20px;}

.wushan2{ margin-bottom:100px}
.wushan2 h3{ color:#a5a5a5}
.wushan2 h4{ color:#c6c6c6}


.wushan2 dl{ width:25%; height:316px; padding:45px 35px; }
.wushan2 dl:nth-child(-n+2){ margin-right:3%;}

.wushan2 dl dd{  line-height:28px; font-size:22px;margin-bottom:13px}
.wushan2 dl dt{ line-height:22px;font-size:17px;}


.wushan3{ margin-bottom:10px}
.wushan3 .ty02{ height:500px; }
.wushan3 h3{ margin-top:0}
.wushan3 ul{ width:70%;font-size:18px;line-height:50px; padding:0 15%;}
.wushan3 ul span{ padding:0 15px}
.wushan3 ul span:nth-of-type(n+6){ padding:0 23px}


.wushan2a{ margin-bottom:0}
.wushan2a h4{ margin-bottom:40px}
.wushan2a h5{line-height:30px; font-size: 24px;  margin-bottom:30px}

.wushan4{ margin-bottom:10px}
.wushan4 dl{ flex:1; }
.wushan4 dl ul{  padding:30px 15px; box-sizing:border-box;}
.wushan4 dl dt{  line-height:40px;  transition:all 0.35s; margin-bottom:30px; }
.wushan4 dl dt span{  padding:7px 10px; font-size:16px;}
.wushan4 dl dd{line-height:22px; height:66px; font-size:14px}

.wushan5{  height:650px;  margin-bottom:150px}
.wushan5 h3{  line-height:36px;font-size: 30px; margin:50px 0 30px}
.wushan5 h4{ line-height:32px; font-size: 15px; padding:0 20%; margin-bottom:20px}
.wushan5 h5{  line-height:50px;  font-size: 40px;  margin-bottom:50px}

.wushan5 ul dl dt{  height:52px; bottom:40px;font-size:17px; line-height:25px; }
.wushan5 ul dl:hover dt{ bottom:60px}





}




/******** 1400px ********/
@media (min-width:1440px){
.wushan{ height:530px; }
.wushan2 dl{  height:316px;}
.wushan3 .ty02{ height:530px;}
.wushan4 dl{ flex:1; }
.wushan4 dl dd{ height:78px; }
.wushan5{height:720px;}
}

