body { font-size: 12px; color: #333; margin: 0 auto; padding: 0px; font-family: "Microsoft YaHei" } *{ text-decoration:none} div,ul,li,table { color: #333; font-size: 12px; font-family: "Microsoft YaHei"; margin: 0 auto; padding: 0; list-style: none } .input { height: 25px; border: 1px solid #999999; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; padding-top: 5px } a,a:link,a:visited,a:active { color: #333; text-decoration:none; } a:hover { text-decoration: none; color: #05a4f5; } img { border: none } #bannert{width:100%; float:left; height:37px; font-size:22px; border-bottom:1px solid #ddd; margin-bottom:10px} #bannert span{ float:right; font-size:12px; color:#666; padding-top:12px} #dispshowt{width:100%; float:left; text-align:center; font-size:24px; line-height:30px; margin-bottom:10px} #ljgd a{ width:150px; height:42px; line-height:42px; color:#fff; float:left; font-size:14px; background:#2591ff;border-radius:4px; text-align:center} #ljgd a:hover{ width:150px; height:42px; line-height:42px; color:#fff; float:left; font-size:14px; background:#ecc333;border-radius:4px; text-align:center} #dispcopy{width:100%; height:35px; border-bottom:1px solid #ddd; float:left; text-align:center} #caseurl{height:30px; line-height:30px; width:100%; float:left; font-size:14px} #caseurl{height:30px; line-height:30px; width:100%; float:left; font-size:14px} .msg_input{ width:95%; height:42px; line-height:42px; font-size:14px; color:#666; border:1px solid #ddd; font-family:"Microsoft yahei"; padding-left:5px} .msg_btn_area{ } .msg_btn_area a{float:left; width:890px; height:50px; line-height:50px; text-align:center;background:#0168b7;color:#fff;text-align:center;font-family:"Microsoft yahei";font-size:16px;overflow:hidden;cursor:pointer;} .msg_btn_area a:hover{text-decoration:none;background:#F60} .tjtitle{ font-size:16px} #cased{width:100%; line-height:25px; font-size:14px; color:#333; float:left; padding-top:8px} #caset{width:100%; line-height:50px; font-size:14px; color:#000; float:left; padding-top:15px; line-height:50px} #caset strong{ width:200px; height:50px; line-height:50px; background:#05a4f5; color:#fff; text-align:center;float:left; font-size:22px; font-family:Geneva, Arial, Helvetica, sans-serif;letter-spacing: 0.095em;} .white,.white a{color:#fff} .page{width:100%;height:100%;} .page1{width:100%;height:740px;background:url(bg1.jpg) center no-repeat;} .page2{width:100%;height:740px;background:url(bg2.jpg) center no-repeat;} .page3{width:100%;height:740px;background:url(bg3.jpg) center no-repeat;} .page4{width:100%;height:740px;background:url(bg4.jpg) center no-repeat;} .page5{width:100%;height:740px;background:url(bg5.jpg) center no-repeat;} .pagef{width:100%;background:url(bg5.jpg);background-size:cover;} .containtera{width:100%;height:100%;position:absolute;left:0;top:0;} .nypad{background:#fff; overflow:hidden; padding:15px} #caseshare{width:100%; float:left; color:#666; border-top:1px dotted #ddd; padding-top:10px} #caselb{width:100%; float:left; margin-bottom:30px; margin-top:30px} #caseprel{width:150px; float:left; margin-left:450px} #caseprela{width:150px; float:left; margin-left:530px} #khpja{width:100%; float:left; margin-top:20px; margin-bottom:20px} #khpjaa{width:100%; float:left; margin-top:20px; margin-bottom:2px} #khpjb{width:1190px; float:left; height:20px; border-left:3px solid #07a4f5; font-size:16px; padding-left:10px} #khpjbb{width:100%; float:left; height:35px; border-bottom:1px dotted #ddd; font-size:14px; line-height:35px} #khpjbb span{ float:right; color:#666; font-size:12px} #khpjc{width:1190px; float:left; height:30px; line-height:30px; padding-left:13px; padding-top:5px} #khpjd{width:1190px; float:left;line-height:24px; padding-left:13px; padding-top:5px; color:#666666; font-size:14px; border-bottom:1px dashed #ddd; padding-bottom:15px} #ytzl{ width:875px; padding:15px; background:#e6f6fe; float:left; margin-bottom:20px} #ytzlimg{ width:240px;float:left;} #ytzlimg img{ width:220px;} #ytzlt{ width:100%;float:left; font-size:14px; line-height:25px} #slist{width:100%; float:left; margin-bottom:50px; margin-top:20px} #slistd{width:100px; height:100px; float:left; margin-right:30px; background:url(datebg.jpg)} #slista{width:100%; float:left; text-align:center; height:71px; font-size:32px; line-height:71px; color:#acacac; font-weight:bold} #slistb{width:100%; float:left; text-align:center; height:29px; font-size:14px; line-height:29px; color:#666;} #slistc{width:100%; height:180px; float:left;} #sliste{width:270px; float:left; height:180px; margin-right:20px; overflow:hidden} #slistf{width:890px; float:left; height:40px; font-size:20px} #slistg{width:890px; float:left; height:54px; font-size:14px; line-height:22px; color:#888888; border-bottom:1px solid #eeeeee} #slistk{width:890px; float:left; height:54px;line-height:22px; color:#888888; padding-top:15px} #casehelp{width:200px; float:left; padding-top:8px} #cp a{ width:33px; height:33px; float:left; background:url(arr_13.jpg); display:block} #cp a:hover{ width:33px; height:33px; float:left; background:url(arr_03.jpg); display:block} #cn a{ width:33px; height:33px; float:left; background:url(arr_14.jpg); display:block} #cn a:hover{ width:33px; height:33px; float:left; background:url(arr_05.jpg); display:block} #cl a{ width:33px; height:33px; float:left; background:url(arr_09.jpg); margin-left:8px; margin-right:8px; display:block} #cl a:hover{ width:33px; height:33px; float:left; background:url(arr_10.jpg); margin-left:8px; margin-right:8px; display:block} #caseline{width:100%; float:left; height:40px; margin-bottom:50px; border-bottom:1px solid #ddd} #casecontent{width:100%; float:left; margin-bottom:30px} #Allw{ width:100%; float:left} #nydk{width:100%; overflow:hidden; background:#f9f9f9; padding-bottom:40px} body,html{height:100%;} .dian{position:absolute;left:20px;top:50%;text-align: center; z-index:99} .dian ul{text-align:center;width:14px;} .dian li{width:10px;height:10px;border-radius: 50%;background: #0092ff;text-align: center;margin:0 auto;margin-bottom: 10px;cursor:pointer;} .dian .da{width:14px;height:14px;} .nav{width:100%;height:94px;background:url(menu.png);position:absolute;left:0;top:0;z-index: 111;} .logo{ margin-left:20px; float:left; margin-top:17px; position:absolute} .topcontact{ float:right; right:20px; margin-top:25px; color:#fff; position:absolute} .topcontact li{color:#fff; height:26px; text-align:right} .t14{ font-size:14px} .telmar{ margin-right:5px} .clear{ clear:both} .tmenu{left:26%;position:absolute} .topmar{ margin-top:30px} #nav{height:94px; float:left; } #nav .jquery_out{float:left;line-height:94px;display:block;border-right:1px solid #fff;text-align:center;color:#fff; font-size:15px} #nav .mainlevel{float:left;width:120px; text-align:center; font-size:15px} #nav .mainlevel strong{ font-weight:normal} #nav .mainlevel a{color:#fff;text-decoration:none;display:block;width:120px; text-align:center;} #nav .mainlevel a:hover,#nav .mainlevel a.cur{color:#fff;text-decoration:none;background:#0092ff;} #nav .mainlevel ul{display:none;position:absolute;z-index:9999; font-size:14px} #nav .mainlevel li{background:url(menu.png);width:120px;line-height:40px; height:40px; overflow:hidden} .lin60{ height:94px; line-height:94px} #nyline{ width:100%; height:70px;background:#0092ff} #rightlist a{ width:125px; height:70px; line-height:70px; float:left; text-align:center;font-size:16px; color:#fff} #rightlist a:hover{ width:125px; height:70px; line-height:70px; float:left; text-align:center; background:#fff;font-size:16px;color:#0092ff} #rightlista a{ width:125px; height:70px; line-height:70px; float:left; text-align:center;font-size:16px; background:#fff;color:#0092ff} .mlin{ background:url(vline.jpg) right center no-repeat; width:1px; float:left; height:70px} #warp{ width:1200px} #fwtitlea{ width:100%; text-align:center; color:#666; margin-top:40px; float:left; font-size:28px; height:38px; text-transform:uppercase} #fwtitleb{ width:100%; text-align:center; color:#000000;float:left; font-size:26px; height:50px; background:url(line1.png) bottom center no-repeat; margin-bottom:8px} #fwtitlec{ width:100%; text-align:center; color:#999;float:left; font-size:14px; height:30px;} #empty{ width:100%; float:left; height:60px} #fwtitlesa{ width:100%; text-align:center; color:#fff; margin-top:40px; float:left; font-size:28px; height:38px; text-transform:uppercase} #fwtitlesb{ width:100%; text-align:center; color:#fff;float:left; font-size:26px; height:50px; background:url(line1.png) bottom center no-repeat; margin-bottom:8px} #fwtitlesc{ width:100%; text-align:center; color:#fff;float:left; font-size:14px; height:30px;} #iocon1{ width:277px; height:406px; float:left; background:url(icon1.png); margin-right:25px; margin-top:60px} #iocon1:hover{ width:277px; height:406px; float:left; background:url(icon1.png) no-repeat scroll 0 -406px;transition:all 0.3s ease; cursor:pointer} #iocon1 a:hover,#iocon1:hover,#iocon1:hover .iconb,#iocon1:hover .iconc a,#iocon1:hover .icona a{ color:#fff;} #iocon1 strong{ font-weight:normal} #iocon2{ width:277px; height:406px; float:left; background:url(icon2.png); margin-right:25px; margin-top:60px} #iocon2:hover{ width:277px; height:406px; float:left; background:url(icon2.png) no-repeat scroll 0 -406px;transition:all 0.3s ease; cursor:pointer} #iocon2 a:hover,#iocon2:hover,#iocon2:hover .iconb,#iocon2:hover .iconc a,#iocon2:hover .icona a{ color:#fff;} #iocon2 strong{ font-weight:normal} #iocon3{ width:277px; height:406px; float:left; background:url(icon3.png); margin-right:25px; margin-top:60px} #iocon3:hover{ width:277px; height:406px; float:left; background:url(icon3.png) no-repeat scroll 0 -406px;transition:all 0.3s ease; cursor:pointer} #iocon3 a:hover,#iocon3:hover,#iocon3:hover .iconb,#iocon3:hover .iconc a,#iocon3:hover .icona a{ color:#fff;} #iocon3 strong{ font-weight:normal} #iocon4{ width:277px; height:406px; float:left; background:url(icon4.png);margin-top:60px} #iocon4:hover{ width:277px; height:406px; float:left; background:url(icon4.png) no-repeat scroll 0 -406px;transition:all 0.3s ease; cursor:pointer} #iocon4 a:hover,#iocon4:hover,#iocon4:hover .iconb,#iocon4:hover .iconc a,#iocon4:hover .icona a{ color:#fff;} #iocon4 strong{ font-weight:normal} .icona{ width:100%; float:left; margin-top:228px; text-align:center; font-size:20px; height:35px} .iconb{ width:100%; float:left;text-align:center; font-size:12px; line-height:20px; padding-top:5px; color:#666666} .iconc{ width:100%; float:left;text-align:center; font-size:14px; padding-top:15px} *{outline:0px} .bbssearchinputA{ width:189px; padding-left:10px; font-family:"Microsoft Yahei"; color:#666666; height:33px; line-height:33px; border:none} #sbro{width:238px; border:1px solid #ddd; float:right; height:36px;} #sbroa{width:199px; float:left} #sbrob{width:39px; float:left} #alwidthh{ width:385px; float:left;margin-bottom:40px; background:url(albg.jpg); height:358px} #alwidthh:hover{background:url(albg.jpg) no-repeat scroll 0 -358px; color:#fff;transition:all 0.3s ease} #alwidthh:hover .alwidthba a,#alwidthh:hover .alwidthbb a{color:#fff} #alwidth{ width:385px; float:left;margin-top:40px; background:url(albg.jpg); height:358px} #alwidth:hover{background:url(albg.jpg) no-repeat scroll 0 -358px; color:#fff;transition:all 0.3s ease} #alwidtha{ width:385px; height:244px; float:left; overflow:hidden} #alwidtha img{width:385px; height:244px;transition: all 2s;} #alwidtha img:hover { transform: scale(1.1); } #alwidthb{ width:100%; height:114px; float:left;} #alwidthb:hover{ width:100%; height:114px; float:left; color:#fff} #alwidth:hover .alwidthba a,#alwidth:hover .alwidthbb a{color:#fff} .alwidthba{ width:100%; height:53px; float:left; line-height:53px; text-align:center; font-size:16px} .alwidthbb{ width:100%; height:32px; float:left; line-height:32px; text-align:center; font-size:14px} .anlimar{ margin-right:20px !important} #alwidthhs{ width:385px; float:left;margin-bottom:40px; background:url(albg1.jpg); height:326px} #alwidthhs:hover{background:url(albg.jpg) no-repeat scroll 0 -326px; color:#fff;transition:all 0.3s ease} #alwidthhs:hover .alwidthbas a,#alwidthhs:hover .alwidthbbs a{color:#fff} #alwidths{ width:385px; float:left;margin-top:40px; background:url(albg1.jpg); height:358px} #alwidths:hover{background:url(albg.jpg) no-repeat scroll 0 -358px; color:#fff;transition:all 0.3s ease} #alwidthas{ width:385px; height:244px; float:left; overflow:hidden} #alwidthas img{width:385px; height:244px;transition: all 2s;} #alwidthas img:hover { transform: scale(1.1); } #alwidthbs{ width:100%; height:114px; float:left;} #alwidthbs:hover{ width:100%; height:114px; float:left; color:#fff} #alwidths:hover .alwidthbas a,#alwidths:hover .alwidthbbs a{color:#fff} .alwidthbas{ width:100%; height:73px; float:left; line-height:73px; text-align:center; font-size:16px} .alwidthbbs{ width:100%; height:32px; float:left; line-height:32px; text-align:center; font-size:14px} #moreal{ float:left; margin-top:30px;margin-left:450px; float:left; width:300px; height:57px; line-height:57px; font-size:16px; text-align:center; border:1px solid #0092ff; color:#0092ff;border-radius:4px} #moreal a{color:#0092ff;} #moreal:hover{ border:1px solid #0092ff; color:#fff;background:#0092ff;transition:all 0.3s ease} #zmkhlistw{ width:1196px; float:left; border-left:1px solid #ccc;border-top:1px solid #ccc; margin-top:40px} #zmkhlist{ width:239px; float:left; border-right:1px solid #ccc;border-bottom:1px solid #ccc; height:135px; overflow:hidden} #zmkhlist img{width:239px; height:135px;transition: all 0.5s;} #zmkhlist img:hover { transform: scale(1.1); } #zmkhlistc{ width:238px; float:left; border-right:1px solid #ccc;border-bottom:1px solid #ccc; height:135px; overflow:hidden} #zmkhlistc img{width:238px; height:134px;transition: all 0.5s;} #zmkhlistc img:hover { transform: scale(1.1); } #khpl{ width:1200px; margin-top:50px; float:left} #khpjl{ width:230px; height:95px; line-height:95px; float:left; text-align:center; color:#fff; font-size:26px} #khpjr{ width:915px; height:95px; float:left} #scrollbox{ float:left; width:100%; overflow:hidden} #scrollbox ul {overflow:hidden; width:} #scrollbox ul LI {FLOAT:left;width:820px;_width:820px;height:95px;_height:95px;padding:0px;overflow:hidden;} .pointer {CURSOR: pointer} #khpjas{width:195px; float:left; height:90px} #khpjbs{width:570px; float:right; height:90px} #khpjcs{width:100%; float:left; height:35px; font-size:16px;} #khpjds{width:100%; float:left;font-size:14px; line-height:28px} #fyw{ width:100%; float:left; margin-top:50px} #h_jj{ width:390px; float:left} #h_xw{ width:790px; float:right} #h_jj_ban{ width:100%; float:left; height:40px; font-size:18px; margin-bottom:25px; border-bottom:1px solid #ccc} #h_jjarea{ width:390px; float:left; padding:15px; line-height:24px; height:150px; background:#fff} #qhleft{ width:387px; float:left} #qhright{ width:378px; float:right} #xwline{ width:100%; float:left; height:105px; background:#fff; margin-bottom:24px; padding:13px} #xwlinea{ width:79px; float:left; height:79px; background:#0092ff;border-radius:50px;} #xwlinea1{ width:100%; float:left; height:50px; line-height:50px; color:#fff; text-align:center; font-size:28px} #xwlinea2{ width:100%; float:left; color:#fff; text-align:center} #xwlineb{ width:265px; float:right; height:105px;} #xwlineb1{ width:100%; float:left; height:26px;font-size:14px; padding-top:6px} #xwlineb2{ width:100%; float:left;line-height:20px;font-size:12px; color:#999; padding-top:6px} #tabContainer { float:left; margin-left:165px; margin-bottom:25px } #tabContainer li { padding:0; float: left; width: 85px; text-align: center; height:40px; font-size:18px; margin-left:55px } #tabContainer a { display: block; height:40px; } #tabContainer a.on { display: block; height:40px; color:#0092ff; background:url(qh.png) bottom center no-repeat } /*新闻滚动图片*/ .hiSlider{ overflow: hidden; height:215px; width: 390px; } .hiSlider-item{ float: left; } .hiSlider img{ height:215px; width: 390px; } .hiSlidera{ overflow: hidden; height:215px; width: 378px; } .hiSlider-itema{ float: left; } .hiSlidera img{ height:215px; width: 378px; } .hiSlider-pages,.hiSlider-title{position:absolute;z-index:3} .hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:30)} .hiSlider-btn-prev{left:10px} .hiSlider-btn-next{right:10px;background-position:-30px 0} .hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)} .hiSlider-title{bottom:4px;width:100%;padding:8px 0;color:#fff;text-indent:10px;z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma; display:none} .hiSlider-pages{bottom:20px;right:10px;text-align:right} .hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;} .hiSlider-pages a.active{} .izl-rmenu{position:fixed;right:0;top:40%;padding-bottom:103px;background:url(r_b.png) 0px bottom no-repeat;z-index:999; width:72px} .izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;} .izl-rmenu .btn-qq{background:url(r_qq.png) 0px 0px no-repeat;background-color:#6da9de;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;} .izl-rmenu .btn-wx{background:url(r_wx.png) 0px 0px no-repeat;background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background:url(r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phonea{background:url(r_phonea.png) 0px 0px no-repeat;background-color:#fd0000;} .izl-rmenu .btn-phonea:hover{background-color:#da0000;} .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;} .izl-rmenu .btn-top{background:url(r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} .main_box{ /* Important parameters of style start */ position: relative; overflow: hidden; float: left; /* Important parameters of style end */ } .main_box > img{ display: block; z-index: 10; } .main_box > a{ text-decoration: none; } .user_style1 .popup { border-radius: 70px; background: #fff url(search-red.png) no-repeat center center; } .r_board{ /* Important parameters of style start */ display: none; text-align: center; position: absolute; z-index: 40; /* Important parameters of style end */ height: 45px; width: 115px; background: #0092ff; filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2); } .overlayPop{ /* Important parameters of style start */ position: absolute; top: 0; left: 0; display: none; margin: 0; /* Important parameters of style end */ background: #000; } /* Text Content */ .overlayText{ /* Important parameters of style start */ position: absolute; overflow: hidden; display: none; z-index: 20; margin: 0; /* Important parameters of style end */ background: #000; color: white; } .overlayRubTop{ /* Important parameters of style start */ position: absolute; overflow: hidden; z-index: 20; margin: 0; border: 0 none; /* Important parameters of style end */ background: #000; } .overlayRubBottom{ /* Important parameters of style start */ position: absolute; overflow: hidden; z-index: 20; margin: 0; border: 0 none; /* Important parameters of style end */ background: #000; } .textBox{ /* Important parameters of style start */ position: absolute; float: left; z-index: 30; margin: 0; padding: 0; /* Important parameters of style end */ } .textTitle { /* Important parameters of style start */ position: absolute; float: left; z-index: 30; margin: 0; /* Important parameters of style end */ margin-left: 10px; padding: 5px; font-weight: bold; } .user_style8 .r_board{ line-height: 45px; color: #fff; font-size: 16px; border-radius: 4px; background: #0092ff; } .user_style13 .popup{ width: 239px; height: 135px; padding: 10px; background:url(phone.png) no-repeat center center; color: #fff; text-align: left; -moz-box-shadow: none; /* Firefox */ -webkit-box-shadow: none; /* Safari and Chrome */ box-shadow: none; filter: progid: none; } #tpxw{ height:215px; width: 390px; float:left } #tpxw img{ height:215px; width: 390px; } #h_jjareaa{ width:390px; float:left; padding:15px; height:150px; background:#fff} #xtra{ width:100%; float:left; font-size:16px; height:40px; line-height:40px} #xtrb{ width:100%; float:left; font-size:12px;line-height:24px;} .blue,.blue a{ color:#0092ff} #copy{ width:100%; height:60px; border-top:1px solid #728da8; margin-top:10px} #copyw{ width:1200px; height:60px; line-height:60px;} #copyw span{ float:right} #zylist{ width:100%; float:left; margin-top:50px} #zylist ul{ display:inline} #zylist li{ width:290px; float:left; font-size:13px; line-height:26px; padding-top:10px; text-align:center; color:#fff; background:url(smbg.png); height:128px} .zymar{ margin-right:10px} #bottomlist{ width:140px; float:left} #bottomlist strong{ width:100%; float:left; height:40px; font-size:14px;} #bottomlist li{ width:100%; float:left; height:35px; line-height:35px; color:#fff} #bottomlist li a{ color:#fff} #flie{ width:100%; float:left; height:33px; margin-bottom:32px;border-bottom:1px solid #728da8} #xwx{ float:left; margin-left:20px;margin-top:15px} #xlxfs{ float:right; width:250px; margin-top:25px} #xlxfsa{ float:left; width:100%; height:40px; color:#fff} #xlxfsb{ float:left; width:100%; height:34px; font-size:18px; color:#fff} #infocontent{width:100%; float:left;} #newscontent{ width:100%; float:left; padding-top:30px; padding-bottom:30px; font-size:16px; line-height:30px} #ytzl{ width:1170px; padding:15px; background:#e6f6fe; float:left; margin-bottom:20px} #ytzlimg{ width:240px;float:left;} #ytzlimg img{ width:220px;} #ytzlt{ width:100%;float:left; font-size:14px; line-height:25px;} #casemobiel{width:190px; float:left; border:1px solid #ddd; padding:5px; cursor:pointer; margin-top:20px} #casemobiel:hover{width:190px; float:left; border:1px solid #07a4f5; padding:5px; cursor:pointer; margin-top:20px} #casemobielt{width:100%; float:left; height:25px; line-height:25px; font-size:14px; text-align:center} #casemobield{width:100%; float:left; height:25px; line-height:25px; color:#07a4f5; text-align:center} .casemarr{ margin-right:42px} /*分页样式*/ .page_info{text-align:center;margin-top:10px;color:#333;font-family:"Microsoft Yahei";} .page_info span{padding:0 2px;font-weight:bold;} .page_list{height:28px;line-height:28px;text-align:center;letter-spacing:0;font-family:"Microsoft Yahei";font-size:10px;margin-top:20px;} .page_list a{display:inline-block;color:#05a4f5;border:1px solid #ddd;background:#fff;text-align:center;padding:0 10px;margin:0 1px;border-radius:4px;} .page_list a:hover{color:#fff;border:1px solid #05a4f5;background:#05a4f5;} .page_list a.on{color:#fff;border:1px solid #05a4f5;background:#05a4f5;} #wrap *{ margin: 0; padding: 0; } #wrap{ width: 1200px; height: 358px; float:left; } #wrap ul li .a1 img{ width: 385px; height: 245px; } #wrap ul li{ width: 385px; height: 245px; list-style: none; position: relative; float: left; overflow: hidden; } #wrap ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 385px; height:auto; overflow:hidden; padding: 10px 20px; background: #fafafa; } #wrap ul li .a1 .divA>.p1{ width: 345px; height: 25px; font-size: 16px; line-height: 25px; overflow:hidden; color: #666; } #wrap ul li .a1 .divA>.p2{ width: 345px; height: 21px; font-size: 12px; color: #0192ff; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #wrap ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: 108px; height: 28px; color: #f60; } #wrap ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } /*遮罩*/ #wrap ul li .a2{ position: absolute; top: 0; left:-385PX; width: 385px; height: 245px; text-align: center; color: white; background: rgba(0,0,0,0.5); transition: all 0.2s; } #wrap ul li .a2 .p4{ width: 385px; padding-left:15px; padding-right:15px; text-align: center; position: absolute; top: 34px; left: -385px; color: #fff; height:30px; line-height:30px; overflow:hidden; font-size: 20px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } #wrap ul li .a2 .p5{ width: 355px; text-align: center; line-height:24px ; overflow:hidden;; padding-left:15px; padding-right:15px; position: absolute; top: 45px; left: -385px; margin: 30px 0 10px; font-size: 14px; padding-top:15px; color: #fff; transition: all 0.2s 0.2s ease-out ; } #wrap ul li .a2 .p6{ position: absolute; top: 140px; left: 175px; transform: scale(1.4); transition: all 0.3s 0.2s ; } #wrap ul li .a2 .p6 span{ font-family: Arial; font-size: 36px; font-weight: 700; color: white; } #wrap ul li .a2 .p7{ position: absolute; bottom:-50px; left: 125px; width: 140px; height: 35px; line-height: 35px; border-radius: 20px; margin: 5px auto; border: 1px solid; transition: all 0.2s 0.5s ; font-size:14px }