/* CSS Document */ @charset "utf-8"; /************************************* * 鏂囦欢鍚嶇О锛歩ndexss.css * 浣 鑰咃細鍚堣偉鏄撴捣鍗庢櫙缃戠粶绉戞妧鏈夐檺鍏徃 http://www.yhhjwl.com * 鍒涘缓鏃ユ湡锛?023-09 * 鍐呭姒傝: 璇︽儏椤垫牱寮忔枃浠 *************************************/ #banner{position:relative;width:100vw;height:auto;margin:0px;overflow:hidden} #banner img{width:100%} #nav{position:absolute;left:0px;bottom:0px;width:100%;height:75px;background:rgba(0,0,0,0.6)} #nav ul{margin:0 auto;width:90%;height:75px} #nav ul li{float:left;width:25%;height:75px;text-align:center;line-height:75px;font-size:20px;color:#fff;} #nav ul li a{font-size:18px;color:#fff;float:left;width:100%;height:100%} #nav ul li.on{float:left;width:25%;height:75px;text-align:center;line-height:75px;font-size:20px;color:#fff;background:rgba(11,118,168,0.9)} #nav ul li.on a{font-size:20px;color:#fff;float:left;width:100%;height:100%} #nav ul li a:hover{float:left;width:100%;height:100%;text-align:center;line-height:75px;font-size:20px;color:#fff;background:rgba(11,118,168,0.9)} #xw{position: relativ;margin-top:30px;margin-left:auto;margin-right:auto;width:90%;;overflow:hidden} #xw #xwbt{width:100%;text-align:left;text-align:left;line-height:90px;font-size:46px;color:#000;font-weight:bold} #xw ul{position:relative;margin-top:30px;width:110%;overflow:hidden;margin:0px;padding:0px} #xw ul li{width:30%;height:600px;float:left;margin-right:2%;position:relative;overflow:visible;margin-top:30px;} #xw ul li .linr{position:absolute;left:0px;top:0px;width:100%;height:100%} #xw ul li .linr .tp{margin:0px;float:left;width:90%;height:280px;overflow:hidden;position:relative;} #xw ul li .linr .tp img{width:100%;height:100%;} #xw ul li .linr .wz{margin:0px;float:left;width:90%;height:300px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc} #xw ul li .linr .wz .bt{margin-top:40px;margin-left:auto;margin-right:auto;width:80%;height:56px;text-align:left;line-height:30px;font-size:22px;color:#333;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} #xw ul li .linr .wz .jj{margin-top:40px;margin-left:auto;margin-right:auto;width:80%;height:56px;text-align:left;line-height:30px;font-size:16px;color:#505050;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} #xw ul li .linr .wz .hang{margin-top:30px;margin-left:auto;margin-right:auto;width:80%;height:56px;text-align:left;line-height:30px;font-size:16px;color:#505050;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} #xw ul li .linr .wz .hang .sj{float:left;height:56px;text-align:left;line-height:30px;font-size:14px;color:#000;} #xw ul li .linr .wz .hang .gd{float:right;height:56px;text-align:left;line-height:30px;font-size:14px;color:#000;} #xw ul li:hover .linr .wz .bt{color:#0000ff;text-decoration:underline} .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; z-index: 6; transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) } #xw ul li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)} #xwnr{margin-top:30px;margin-left:auto;margin-right:auto;width:80%;padding-bottom:30px;} #xwnr #xwbt{margin-top:30px;width:100%;height:100px;border-bottom:1px solid #ccc} #xwnr #xwbt #title{width:100%;height:100px;line-height:50px;text-align:center;font-size:36px;color:#000;} #xwnr #xwbt #tit{width:100%;height:50px;line-height:30px;text-align:left;font-size:16px;color:#505050;} #xwnr #xwbt #tit span{margin-left:30px;} #xwnr #xwbody{margin-top:60px;margin-left:auto;margin-right:auto;width:80%;font-size:18px;color:#505050;line-height:36px;text-align:left} #xwnr #xwbody p{text-indent:2em;} #xwnr #xwbody img {margin-top:10px;margin-left:auto;margin-right:auto;} #xwnr #sxt{margin-top:100px;margin-left:auto;margin-right:auto;width:80%;line-height:40px;font-size:18px;color:#505050} #xwnr #sxt a{font-size:18px;color:#505050} /*鍒嗛〉*/ #fy{margin-top:10px;width:100%;height:50px;line-height:50px;text-align:center;display:block;} .scott {padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center;color:#000;font-size:13px;} .scott a{border:1px solid #1E90FF;padding-right:10px;padding-left:10px;padding-bottom:4px;margin:3px;padding-top:4px;color:#000;text-decoration:none;width:30px;height:30px;font-size:13px;} .scott A:hover {border:1px solid #1E90FF;color:#fff;background:#1E90FF;text-decoration:none;font-size:13px;} .scott A:active {border:1px solid #1E90FF;background:#1E90FF;color:#fff;text-decoration:none;font-size:13px;} .scott SPAN.current {border:1px solid #1E90FF;padding-right:5px;padding-left:5px;padding-bottom:2px;color:#000;margin:3px;padding-top:2px;background:##1E90FF;font-size:13px;} .scott SPAN.disabled {border:1px solid #1E90FF;padding-right:5px;padding-left:5px;padding-top:2px;color:#000;margin:3px;padding-bottom:2px;font-size:13px;}