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

.wuyue{ margin-bottom:150px}
.wuyue .ty02{  }
.wuyue .ty02 div{ width:20%; float:left; overflow:hidden}
.wuyue .ty02 div ul{ width:100%; float:left; overflow:hidden; height:247px;}
.wuyue .ty02 div ul h4{ width:100%; float:left; overflow:hidden; text-align:center; line-height:55px; font-size:48px; color:#953133; text-align:center;font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; margin-top:116px}
.wuyue .ty02 div ul h3{ width:100%; float:left; overflow:hidden; text-align:center; line-height:25px; font-size:20px; color:#535353; text-align:center; border-bottom:1px solid #b1b1b1; padding-bottom:40px; }
.wuyue .ty02 div ul h6{ width:100%; float:left; overflow:hidden;  transition:all 0.35s; transform:translateY(-230%);transition:all 0.5s; }
.wuyue .ty02 div ul h6 img{ width:100%; float:left; overflow:hidden}
.wuyue .ty02 div dl{ width:100%; float:left; overflow:hidden; padding:30px; box-sizing:border-box}
.wuyue .ty02 div dl dt{ font-size:16px; color:#535353; width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-weight:bold; background:url(line11.gif) no-repeat center bottom; padding-bottom:25px; margin-bottom:25px}
.wuyue .ty02 div dl dd{ font-size:14px; color:#828282; line-height:26px}
.wuyue .ty02 div:hover ul h3,.wuyue .ty02 div:hover ul h4{ display:none}
.wuyue .ty02 div:hover ul h6{ transform:translateY(0%);}


/* 云服务 */
.gy_01 ul div,.gy_01 ul p{ margin-bottom:0px}
.fwyun{  background:url(fwyun_bg.jpg) no-repeat center center; background-size:cover; margin-bottom:200px}
.fwyun .ty02{ display:flex; align-items:center; height:660px}
.fwyun2{ width:60%; float:left; overflow:hidden; padding-left:40%;}
.fwyun2 dl{ width:50%; float:left; overflow:hidden; margin-bottom:70px}
.fwyun2 dl dt{ width:100%; float:left; overflow:hidden; height:43px; line-height:43px; font-size:25px; color:#953133; margin-bottom:10px }
.fwyun2 dl dt img{ float:left; overflow:hidden; margin-right:10px; height:44px}
.fwyun2 dl dd{ width:100%; float:left; overflow:hidden; height:26px; line-height:26px; font-size:18px; color:#666;}
.fwyun2 dl:last-child{ margin-bottom:0}


/* 四心服务 */
.fwxin{  background:url(fwxin_bg.jpg) no-repeat center center; background-size:cover; margin-bottom:200px}
.fwxin .ty02{ position:relative}
.fwxin2{ width:100%; float:left; overflow:hidden; margin-top:108px; display:flex; justify-content:space-between;}
.fwxin2 dl{ width:330px; background:rgba(255,255,255,.65); border-radius:50%; height:330px; display:flex;flex-wrap:wrap; align-content:center; border:1px solid rgba(255,255,255,.85) }
.fwxin2 dl h6{ width:100%; line-height:51px; text-align:center; height:51px; margin-bottom:15px}
.fwxin2 dl h6 img{ height:50px}
.fwxin2 dl dt{ width:100%; line-height:30px; color:#555; font-size:20px; text-align:center; font-weight:bold; margin-bottom:20px}
.fwxin2 dl dd{ width:70%; line-height:22px; color:#888; font-size:14px; padding:0 15%; text-align:center}
.fwxin2 dl:nth-child(2),.fwxin2 dl:nth-child(4){ transform:translateY(50%)}

.fwxin h4{ width:100%; text-align:center; overflow:hidden; font-size:160px; height:170px; line-height:170px; position:absolute; bottom:50px; left:0; color:rgba(255,255,255,.2); font-weight:normal; text-transform:uppercase }


/* 增值服务 */
.fwadd{ background:url(fw4_bg.jpg) no-repeat center center; background-size:cover; margin-bottom:200px}
.fwadd2{ width:60%; padding-left:40%; float:left; overflow:hidden}
.fwadd2 h3{ width:100%; float:left; overflow:hidden; line-height:66px; font-size:58px; color:#ded8c6; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:65px; margin-bottom:20px}
.fwadd2 h4{ width:100%; float:left; overflow:hidden; line-height:26px; color:#767676; font-size:14px; font-weight:normal; margin-bottom:60px}
.fwadd2 ul{ width:100%; float:left; overflow:hidden; display:flex; flex-wrap:wrap ; justify-content:space-between}
.fwadd2 ul dl{ margin-right:5%; background:rgba(255,255,255,.5); border-radius:10px; padding:35px 15px; box-sizing:border-box}
.fwadd2 ul dl:last-child{ margin-right:0}
.fwadd2 ul dl h6{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:15px; height:36px}
.fwadd2 ul dl dt{ width:100%; float:left; overflow:hidden; text-align:center; line-height:30px; font-size:25px; color:#d1a774}
.fwadd2 ul dl dd{ width:100%; float:left; overflow:hidden; text-align:center; line-height:20px; font-size:12px; color:#d1a774; margin-bottom:30px; text-transform:uppercase}
.fwadd2 ul dl h5{ width:100%; float:left; overflow:hidden; text-align:center; line-height:20px; font-size:12px; color:#767676; font-weight:normal}



/******** 手机版 ********/
@media (max-width:767px){
.wuyue{ margin-bottom:10px}
.wuyue .ty02 div{ width:100%; }
.wuyue .ty02 div ul{ height:180px;}
.wuyue .ty02 div ul h4{ line-height:35px; font-size:30px; margin-bottom:10px; margin-top:100px}
.wuyue .ty02 div ul h3{ line-height:25px; font-size:18px; padding-bottom:40px; }
.wuyue .ty02 div ul h6{ transform:translateY(-230%);}
.wuyue .ty02 div ul h6 img{ width:100%; float:left;  overflow:hidden}
.wuyue .ty02 div dl{  padding:20px; }
.wuyue .ty02 div dl dt{ font-size:14px; line-height:22px; padding-bottom:20px; margin-bottom:20px}
.wuyue .ty02 div dl dd{ font-size:13px; line-height:24px}
	
/* 四心服务 */
.fwxin{  margin-bottom:40px}
.fwxin2{ margin-top:30px; flex-wrap:wrap }
.fwxin2 dl{ width:100%; height:200px; border-radius:10px; margin-bottom:20px }
.fwxin2 dl h6{line-height:40px; height:40px; margin-bottom:10px }
.fwxin2 dl h6 img{ height:40px}
.fwxin2 dl dt{line-height:22px;  font-size:16px; margin-bottom:10px}
.fwxin2 dl dd{ width:70%; line-height:20px;font-size:12px; padding:0 15%;}
.fwxin2 dl:nth-child(2),.fwxin2 dl:nth-child(4){ transform:translateY(0%)}
.fwxin h4{ font-size:90px; height:100px; line-height:100px;bottom:35px;  }

	
/* 云服务 */
.gy_01{ margin-bottom:0px}
.gy_01 ul div,.gy_01 ul p{ margin-bottom:0px}
.fwyun{ background:url(fwyun_bgm.jpg) no-repeat center center; margin:25px 0 40px}
.fwyun .ty02{ display:flex; align-items:center; height:560px}
.fwyun2{ width:80%; padding-left:20%;}
.fwyun2 dl{ margin-bottom:50px}
.fwyun2 dl dt{  height:32px; line-height:32px; font-size:18px;margin-bottom:8px }
.fwyun2 dl dt img{ float:left; overflow:hidden; margin-right:10px; height:32px}
.fwyun2 dl dd{height:20px; line-height:20px; font-size:14px; }
.fwyun2 dl:last-child{ margin-bottom:0}

/* 增值服务 */
.fwadd{  margin-bottom:40px; padding-bottom:10px;background:url(fw4_bg.jpg) no-repeat -450px center;}
.fwadd2{ width:84%; padding-left:16%; }
.fwadd2 h3{  line-height:30px; font-size:26px;  margin-top:30px; margin-bottom:10px}
.fwadd2 h4{ line-height:26px;font-size:14px; margin-bottom:40px}
.fwadd2 ul{ width:100%; float:left; overflow:hidden; display:flex; flex-wrap:wrap ; justify-content:space-between}
.fwadd2 ul dl{ width:48%; margin-right:0; border-radius:10px; padding:20px 10px; margin-bottom:20px }
.fwadd2 ul dl:last-child{ margin-right:0}
.fwadd2 ul dl:nth-child(2n+1){ margin-right:4%}
.fwadd2 ul dl h6{  margin-bottom:15px; height:30px}
.fwadd2 ul dl h6 img{ height:30px}
.fwadd2 ul dl dt{ line-height:26px; font-size:17px; }
.fwadd2 ul dl dd{line-height:16px; font-size:12px; margin-bottom:10px}
.fwadd2 ul dl h5{  line-height:20px; font-size:12px;}


	
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

}


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


}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1300px){
	
.wuyue{ margin-bottom:100px}
.wuyue .ty02 div ul{ height:247px;}
.wuyue .ty02 div ul h4{ line-height:45px; font-size:40px; margin-bottom:10px; margin-top:116px}
.wuyue .ty02 div ul h3{ line-height:25px; font-size:20px; padding-bottom:40px; }
.wuyue .ty02 div ul h6{ transform:translateY(-230%);}
.wuyue .ty02 div ul h6 img{ width:100%; float:left;  overflow:hidden}
.wuyue .ty02 div dl{  padding:20px; }
.wuyue .ty02 div dl dt{ font-size:14px; line-height:22px; padding-bottom:20px; margin-bottom:20px}
.wuyue .ty02 div dl dd{ font-size:13px; line-height:24px}
	
/* 四心服务 */
.fwxin{ height:550px;  margin-bottom:100px}
.fwxin2{ margin-top:60px; height:550px}
.fwxin2 dl{ width:240px; height:240px; }
.fwxin2 dl h6{line-height:40px; height:40px; margin-bottom:10px }
.fwxin2 dl h6 img{ height:40px}
.fwxin2 dl dt{line-height:22px;  font-size:16px; margin-bottom:10px}
.fwxin2 dl dd{ width:70%; line-height:20px;font-size:12px; padding:0 15%;}
.fwxin2 dl:nth-child(2),.fwxin2 dl:nth-child(4){ transform:translateY(50%)}
.fwxin h4{ font-size:90px; height:100px; line-height:100px;bottom:35px;  }

	
/* 云服务 */
.gy_01 { margin-bottom:50px}
.gy_01 ul div,.gy_01 ul p{ margin-bottom:0px}
.fwyun{  margin-bottom:100px}
.fwyun .ty02{ display:flex; align-items:center; height:500px}
.fwyun2{ width:67%; padding-left:33%;}
.fwyun2 dl{ margin-bottom:50px}
.fwyun2 dl dt{  height:32px; line-height:32px; font-size:19px;margin-bottom:8px }
.fwyun2 dl dt img{ float:left; overflow:hidden; margin-right:10px; height:32px}
.fwyun2 dl dd{height:20px; line-height:20px; font-size:15px; }
.fwyun2 dl:last-child{ margin-bottom:0}

/* 增值服务 */
.fwadd{ height:500px; margin-bottom:100px}
.fwadd2{ width:67%; padding-left:33%; }
.fwadd2 h3{  line-height:50px; font-size:45px;  margin-top:50px; margin-bottom:10px}
.fwadd2 h4{ line-height:26px;font-size:14px; margin-bottom:60px}
.fwadd2 ul{ width:100%; float:left; overflow:hidden; display:flex; flex-wrap:wrap ; justify-content:space-between}
.fwadd2 ul dl{ margin-right:4%; border-radius:10px; padding:35px 10px;  flex:1;}
.fwadd2 ul dl:last-child{ margin-right:0}
.fwadd2 ul dl h6{  margin-bottom:15px; height:30px}
.fwadd2 ul dl h6 img{ height:30px}
.fwadd2 ul dl dt{ line-height:30px; font-size:21px; }
.fwadd2 ul dl dd{line-height:20px; font-size:12px;margin-bottom:30px}
.fwadd2 ul dl h5{ width:100%; float:left; overflow:hidden; text-align:center; line-height:20px; font-size:12px; color:#767676; font-weight:normal}


}

/******** 1300px ********/
@media (min-width:1301px) and (max-width:1439px){

.wuyue{ margin-bottom:100px}
.wuyue .ty02 div ul{ height:247px;}
.wuyue .ty02 div ul h4{ line-height:45px; font-size:40px; margin-bottom:10px; margin-top:116px}
.wuyue .ty02 div ul h3{ line-height:25px; font-size:20px; padding-bottom:40px; }
.wuyue .ty02 div ul h6{ transform:translateY(-230%);}
.wuyue .ty02 div ul h6 img{ width:100%; float:left;  overflow:hidden}
.wuyue .ty02 div dl{  padding:20px; }
.wuyue .ty02 div dl dt{ font-size:15px; line-height:26px; padding-bottom:20px; margin-bottom:20px}
.wuyue .ty02 div dl dd{ font-size:14px; line-height:22px}

	
/* 四心服务 */
.fwxin{ height:600px;  margin-bottom:150px}

.fwxin2{ margin-top:70px; height:600px}
.fwxin2 dl{ width:260px; height:260px; }
.fwxin2 dl h6{line-height:45px; height:45px; margin-bottom:10px }
.fwxin2 dl h6 img{ height:45px}
.fwxin2 dl dt{line-height:22px;  font-size:18px; margin-bottom:15px}
.fwxin2 dl dd{ width:70%; line-height:22px;font-size:13px; padding:0 15%;}
.fwxin2 dl:nth-child(2),.fwxin2 dl:nth-child(4){ transform:translateY(50%)}
.fwxin h4{ font-size:110px; height:120px; line-height:120px;bottom:40px;  }


/* 云服务 */
.gy_01 { margin-bottom:50px}
.gy_01 ul div,.gy_01 ul p{ margin-bottom:0px}
.fwyun{  margin-bottom:150px}
.fwyun .ty02{ display:flex; align-items:center; height:550px}
.fwyun2{ width:67%; padding-left:33%;}
.fwyun2 dl{ margin-bottom:50px}
.fwyun2 dl dt{  height:36px; line-height:36px; font-size:21px;margin-bottom:10px }
.fwyun2 dl dt img{ float:left; overflow:hidden; margin-right:10px; height:36px}
.fwyun2 dl dd{height:26px; line-height:26px; font-size:16px; }
.fwyun2 dl:last-child{ margin-bottom:0}



/* 增值服务 */
.fwadd{ height:550px; margin-bottom:150px}
.fwadd2{ width:67%; padding-left:33%; }
.fwadd2 h3{  line-height:56px; font-size:50px;  margin-top:50px; margin-bottom:10px}
.fwadd2 h4{ line-height:26px;font-size:14px; margin-bottom:60px}
.fwadd2 ul{ width:100%; float:left; overflow:hidden; display:flex; flex-wrap:wrap ; justify-content:space-between}
.fwadd2 ul dl{ margin-right:4%; border-radius:10px; padding:35px 10px; flex:1;}
.fwadd2 ul dl:last-child{ margin-right:0}
.fwadd2 ul dl h6{  margin-bottom:15px; height:36px}
.fwadd2 ul dl dt{ line-height:30px; font-size:21px; }
.fwadd2 ul dl dd{line-height:20px; font-size:12px;margin-bottom:30px}
.fwadd2 ul dl h5{ width:100%; float:left; overflow:hidden; text-align:center; line-height:20px; font-size:12px; color:#767676; font-weight:normal}



}


/******** 1400px ********/
@media (min-width:1440px){
.fwxin{  height:725px; }
.fwxin2{  height:725px; }
.fwadd{ height:660px;}
.fwadd2 ul dl{  flex:1;}
}