body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font:14px/24px Verdana,Arial,Helvetica,sans-serif,"宋体";} html{overflow-y:scroll;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;}  address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;}  h1,h2,h3,h4,h5,h6{font:bold 16px/30px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} q:before,q:after{content:'';} abbr,acronym{border:0;} table{border-top:1px solid #CCC;border-left:1px solid #CCC;width:98%;} table td,table th{border-bottom:1px solid #CCC;border-right:1px solid #CCC;padding:5px 2px;} a{color:#888;text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;} a:hover{color:#37A;text-decoration:underline;} a.tc{color:#37A;} a.b{font-weight:bold;} li a.i{padding-left:20px;background:url(li.png) no-repeat 0 -98px;} li a.v{padding-left:20px;background:url(li.png) no-repeat 0 -198px;} a.close{position:absolute;right:8px;top:8px;width:43px;padding-top:43px;height:0;background:url(but_close.png) no-repeat;overflow:hidden;} a.close:hover{background-position:-45px 0;} .cb{clear:both;} .fl{float:left;} .fr{float:right;} #topBox{height:50px;background-color:#d30202;width:100%} .top{width:1200px;height:50px;margin:0 auto;} .top .fl{width:500px;height:24px;padding-top:12px;overflow:hidden;} .top .fl li{float:left;width:85px;padding-left:23px;background-image:url(ico.png);background-repeat:no-repeat;} .top .fl li.ta_home{background-position:0 -147px;} .top .fl li.ta_collection{background-position:0 -197px;} .top .fl li.ta_sitemap{background-position:2px -245px;} .top .fl li a{font:bold 16px/24px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";color:#FFF;} .top .fr{width:auto;height:32px;padding-top:12px;overflow:hidden;} .top .fr dl{width:auto;height:24px;overflow:hidden;text-align:center;} .top .fr dt{float:left;width:61px;background:url(ico.png) no-repeat 0 -289px} .top .fr dd{float:left;width:79px;background:url(ico.png) no-repeat 0 -289px} .top .fr dd:nth-child(1){ background:url(ico.png) no-repeat -10px -289px } .top .fr dt a,.top .fr dd a{font:bold 15px/24px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";color:#FFF;margin-left: 7px;} #head{height:110px;width:1200px;margin:0 auto;position:relative;z-index:100;} #head h1{float:left;background:url(logo.gif) no-repeat;width:265px;height:60px;margin :25px 30px 0 0;overflow:hidden;} #head h1 a{display:block;padding-top:60px;height:0;width:265px;overflow:hidden;} #head .citySiteBox{float:left;padding:5px 0 0 60px;margin:30px 0 0 0;width:185px;height:55px;background:url(ico.png) no-repeat 0 -500px;color:#6c6c6c;} #head .citySite{font:bold 14px/24px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";padding:4px;width:174px;background:#FFF;border:1px solid #FFF;} #head .citySite a{font:14px/24px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";color:#444;} #head .citySite ul{display:none;width:175px;height:264px;overflow:hidden;padding:10px 0 10px 5px;} #head .citySite li{float:left;width:58px;} #head .citySiteBox .selected{border-color:#c70c0c;} #head .citySiteBox .selected ul{display:block;} #head .seachBox{float:left;margin:35px 0 0 0;width:420px;height:28px;border:3px solid #d30202;} #head .seachBox .seachTxt{border:0;float: left;height:28px;width: 300px;} #head .seachBox .seachImg {float:right;} #head .ucBox{float:right;margin:38px 0 0;width:95px;height:29px;padding:4px 0 0 50px;background:url(ico.png) no-repeat 0 -350px;} #head .ucBox a{display:block;padding-right:16px;height:24px;width:56px;background:url(ico.png) no-repeat right -390px;font:14px/24px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} #head .ucBox a:hover{background-position:right -442px;text-decoration:none;} #map{width:1200px;margin:0 auto;position:relative;} #userCatBox{height:250px;width:1300px;overflow:hidden;padding-bottom:12px;} #userCatBox .fl{width:270px;height:250px;padding:0 0 0 21px;margin-right:12px;} #userCatBox .box1{background-color:#A556E1;} #userCatBox .box2{background-color:#0CA044;} #userCatBox .box3{background-color:#FF6600;} #userCatBox .box4{background-color:#009CFF;} #userCatBox h5{height:42px;padding-top:12px;color:#FFF;font-size:22px;line-height:32px;} #userCatBox h5 a{color:#FFF;font-size:22px;line-height:32px;} #userCatBox h5 a:hover{color:#FFF;} #userCatBox ul{width:290px;height:250px;overflow:hidden;} #userCatBox li{float:left;width:62px;height:95px;margin-right:29px;} #userCatBox li div,#userCatBox li img{width:62px;height:67px;} #userCatBox li p{text-align:center;} #userCatBox li p a{color:#FFF;font:12px/24px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} #projectCatBox{height:134px;width:1200px;background-color:#dbdbdb;margin-bottom:12px; padding-top: 11px;} #projectCatBox ul{height:160px;width:1200px;overflow:hidden;padding-left:26px;} #projectCatBox li{float:left;width:150px;height:140px;margin-right:17px;background-image:url(project_ico.png);background-repeat:no-repeat;} #projectCatBox li a{display:block;width:150px;height:0;padding-top:135px;overflow:hidden;} #projectCatBox li.wushu{background-position:0 0;} #projectCatBox li.zuqiu{background-position:0 -150px;} #projectCatBox li.wudao{background-position:0 -300px;} #projectCatBox li.lanqiu{background-position:0 -450px;} #projectCatBox li.guoxue{background-position:0 -600px;} #projectCatBox li.shufa{background-position:0 -750px;} #projectCatBox li.minyue{background-position:0 -900px;} #projectCatBox li.shop{background-position:0 -1050px;} #activitiesCatBox{height:300px;width:1200px;background-color:#008e03;margin-bottom:12px;} #activitiesCatBox div{width:780px;height:300px;} #windomCatBox{height:160px;width:1200px;background-color:#00a8ff;margin-bottom:12px;} #windomCatBox img{height:160px;width:1200px;cursor:pointer;} #windomBig{display:none;background:#00899b url(windomMap.png) no-repeat;;position:absolute;top:250px;left:0;z-index:1000px;width:1200px;height:636px;} #windomBig a{display:block;height:0;overflow:hidden;} #windomBig a.but{width:232px;padding-top:51px;position:absolute;left:15px;top:340px;background:url(but_windom.png) no-repeat;} #windomBig a.close{top:22px;} #col{border-bottom:1px solid #dbdbdb} #col h6{color:#de0000;font-size:20px;line-height:36px;font-weight:normal;padding-bottom:5px;border-bottom:1px solid #d3d3d3;} #col .side{width:170px;padding:2px 0 5px 60px;background:url(nav_ico.png) no-repeat 15px 2px;} #col .side ul{padding-bottom:10px;} #col .side ul li{height:43px;padding-top:2px;} #col .side ul li a{color:#083f61;font:20px/30px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} #col .side ul li a:hover{color:#F60;text-decoration:none;} #col .col_list{width:660px;} #col .col_list .box{padding:20px 0 35px;width:660px;height:200px;overflow:hidden;} #col .col_list .photo{width:220px;height:195px;margin-top:5px;background:#CCC;} #col .col_list .list{width:420px;} #col .col_list h5{color:#999;line-height:26px;} #col .col_list h3{height:60px;overflow:hidden;} #col .col_list h3 a,#col .col_list h3{color:#0066a3;line-height:60px;font-size:24px;font-weight:normal;} #col .col_list h3 a:hover{color:#F60;text-decoration:none;} #col .col_list ul{padding:0 0 0 14px;} #col .col_list li{height:30px;overflow:hidden;} #col .col_list li a{font:16px/30px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";color:#094b73;} #col .col_list li a:hover{color:#F60;text-decoration:none;} #col .col_right{width:290px;overflow:hidden;} #col .col_right ul{width:330px;height:325px;overflow:hidden;padding-top:35px;} #col .col_right li{float:left;margin-right:19px;width:85px;height:105px;} #col .col_right li div{width:65px;height:70px;padding:0 10px;} #col .col_right li p{height:24px;text-align:center;overflow:hidden;} #col .col_right li p a{font:12px/24px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";color:#083f61;} #col .col_right .irad{width:290px;height:650px;} #courseMap{padding:10px 0 0;width:1250px;} #courseMap .box{float:left;width:234px;height:285px;margin:0 7px 8px 0;position:relative;} #courseMap .one{width:414px;height:225px;padding:60px 0 0 60px;letter-spacing:+5px;background:#EFEFEF;font:bold 60px/80px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";color:#1378c6;} #courseMap .box .photo{width:234px;height:185px;overflow:hidden;} #courseMap .box .photo img{width:235px;height:185px;} #courseMap .box h4{padding:15px 0 27px 10px;height:28px;overflow:hidden;} #courseMap .box h4 a{color:#FFF;font-size:16px;line-height:28px;font-weight:normal;} #courseMap .box .but{width:215px;height:20px;padding:0 10px;overflow:hidden;color:#FFF;opacity:0.4;filter:alpha(opacity=40);} #courseMap .box .but li{font-size:11px;} #courseMap .box .but li.z{float:left;background:url(but_course.png) no-repeat 0 3px;padding:0 20px;height:20px;} #courseMap .box .but li.n{float:left;background:url(but_course.png) no-repeat 0 -47px;padding:0 20px;height:20px;} #courseMap .box .but li.f{float:right;background:url(but_course.png) no-repeat -0 -95px;padding-right:20px;height:20px;} #courseMap .box .share{display:none;position:absolute;top:212px;left:65px;z-index:50;width:171px;height:38px;padding:7px 0 0 15px;background:url(bg_share.png) no-repeat;overflow:hidden;} #courseMap .box .share li{float:left;;} .linkBoxs{min-height:265px;background:#F0F0F0;margin:50px 0 40px;} .linkH{height:65px;padding:0 20px;} .linkH ul{height:39px;overflow:hidden;padding:16px 0 10px;border-bottom:1px solid #dfdfdf;} .linkH ul li{float:left;font:26px/39px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";color:#424242;height:39px;margin:0 30px 0 10px;cursor:pointer;} .linkH ul li.selected{color:#bc0505;} .linkH ul li a{line-height:29px;font-size:14px;font-weight:bold;color:#606060;text-decoration:none;} .linkCol{} .linkCol a{color:#606060;font:16px/28px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} .Lhost{height:185px;} .Lhost h6{padding:5px 0 0 30px;color:#606060;} .Lhost ul{width:1180px;height:145px;padding:10px 0 0 30px;background:url(Lhost.png) no-repeat 25px 24px;overflow:hidden;} .Lhost li{float:left;width:140px;height:65px;padding:0 0 10px 50px;} .Lhost li a{color:#606060;font:16px/28px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} .Lpartners{height:120px;overflow:hidden;} .Laffiliates{height:120px;overflow:hidden;} .Lalliance{height:120px;overflow:hidden;} .Lfriend{height:120px;overflow:hidden;} .Lfriend_media{height:120px;overflow:hidden;} .Lpartners .txt{height:80px;width:870px;padding:20px 30px;} .Laffiliates .txt{height:80px;width:870px;padding:20px 30px;} .Lalliance .txt{height:80px;width:870px;padding:20px 30px;} .Lfriend .txt{height:80px;width:870px;padding:20px 30px;} .Lfriend_media .txt{height:80px;width:870px;padding:20px 30px;} .linkCol .apply{float:right;width:65px;height:60px;background:url(bottomLing.gif) no-repeat;margin-top:60px;} .linkCol .apply a{display:block;width:65px;height:60px;} .linkCol .txt{} .linkCol .txt a{line-height:30px;font-size:16px;color:#818181;padding-right:30px;white-space:nowrap;} #bottomBox{width:100%;height:270px;padding-top:30px;background:#BA0101;} #bottom{width:1200px;height:270px;background:url(bottom_logo.png) no-repeat right 0;margin:0 auto;} #bottom ul{width:1200px;height:30px;overflow:hidden;padding-bottom:30px;} #bottom ul li{float:left;padding-right:40px;color:#FFF;font:18px/30px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} #bottom ul li a{color:#FFF;} #bottom p,#bottom p b{color:#FF9E9E;font:14px/24px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} #bottom p b{font-size:16px;line-height:26px;font-weight:bold;} #bottom p a{color:#FF9E9E;} .zhichiBtu{position:absolute;cursor:pointer;color:#d30202;z-index:210;top:150px;right:0;width:95px;padding-top:95px;height:24px;background:url(zhichi_but.gif) no-repeat;font:bold 14px/24px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} .zhichiBox{display:none;position:absolute;z-index:200;top:0;left:-95px;width:1295px;height:250px;overflow:hidden;background:url(zhichi_but.gif) no-repeat;} .zhichiBox .fr{width:1200px;height:250px;background:#d30202 url(zhichi.gif) no-repeat;overflow:hidden;} .zhichiBox .fr a{color:#FFF;font:bold 15px/26px "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif,"宋体";} .zhichiBox .zb{padding:58px 0 0 150px;width:1200px;height:101px;overflow:hidden;} .zhichiBox .zb li{width:265px;height:28px;float:left;} .zhichiBox .xb{padding-left:150px;width:1200px;height:44px;overflow:hidden;} .zhichiBox .xb li{width:375px;height:28px;float:left;} .zhichiBox .tz{display:block;margin-left:180px;} .zhichiBox .tz a{font-size:18px;} /*活动 顶部菜单*/ .tophdMeun{display:none;background-color:#D30202;height:50px;width:100%;position:fixed;top:0;left:0;z-index:999;} .tophdMeun .top{background:url(small_logo.gif) no-repeat 0px 8px;} /*--分享按纽--*/ li.sweibo{background:url(bg_share.png) no-repeat 0 -99px;width:28px;height:24px;margin-right:14px;} li.sweibo:hover{background-position:0 -139px;} li.sqq1{background:url(bg_share.png) no-repeat -40px -100px;width:30px;height:25px;margin-right:13px;} li.sqq1:hover{background-position:-40px -140px;} li.sqq2{background:url(bg_share.png) no-repeat -80px -100px;width:31px;height:27px;margin-right:7px;} li.sqq2:hover{background-position:-80px -140px;} li.srenren{background:url(bg_share.png) no-repeat -120px -99px;width:40px;height:24px;} li.srenren:hover{background-position:-120px -139px;} /*banner*/ .banner{ background: url(banner_bj.png); background-size: 100%; background-position: top; position: relative; } .banner::before{ content:''; width: 100%; height: 100px; background: #880108; display: block; position: absolute; bottom: -59px; border-radius: 0 0 100% 100%; } .banner .content{ width: 1200px; margin: 0 auto; padding: 80px 0; padding-bottom: 100px; position: relative; } .banner img{ max-width: 100%; } .banner a{ display: inline-block; background: #d30202; color: #fff; padding: 9px 34px; border-radius: 50px; position: absolute; top: 332px; left: 0px; cursor: pointer; } .banner a:hover{ text-decoration: none; background-color: #e90505; } /*首页修改后的代码*/ #map{ margin-top: -40px; } #userCatBox h5 a,#userCatBox h5{ color: #000; text-align: center; font-size: 18px; } #userCatBox h5 a:hover, #userCatBox h5:hover{ color: #666; } #userCatBox h5{ border-bottom: 1px solid #e0e0e0; padding-bottom: 0px; margin-bottom: 20px; } #projectCatBox{ background: #ffffff00; } #userCatBox .fl{ background: #fff; border-radius: 14px; height: 270px; padding: 0 24px; width: 241px; border: 1px solid #e0e0e0; } #userCatBox .fl:nth-child(4){ margin-right: 0; } #userCatBox li p a{ color: #333; } #userCatBox li div, #userCatBox li img{ width: 62px; height: 62px; } #userCatBox{ height: 270px; padding-bottom: 20px; } #projectCatBox{ border-radius: 10px; margin-bottom: 20px; padding-bottom: 10px; } #activitiesCatBox{ margin-bottom: 20px; } #col{ margin-top: 30px; } #col .col_list h5{ background: #aaaaaa; border-radius: 4px; display: inline-block; padding: 0 14px; font-size: 14px; color: #fff; } #userCatBox li{ width: 62px; margin-right: 27px; } #userCatBox li:nth-child(3n){ margin-right: 0; } #userCatBox li p { margin-top: 2px; } #userCatBox li:hover img{ filter: brightness(120%); } #userCatBox li:hover p a{ color: #666; text-decoration: none; } #projectCatBox li{ margin-right: 10px; background-color: #fff; border-radius: 20px; padding: 0 6.4px; background-origin: content-box; box-shadow: 0px 6px 5px #0000001c; } #projectCatBox li:nth-child(1){ background-color: #ffe4c8; } #projectCatBox li:nth-child(2){ background-color: #fff1f2; } #projectCatBox li:nth-child(3){ background-color: #e0ffe0; } #projectCatBox li:nth-child(4){ background-color: #fff0f3; } #projectCatBox li:nth-child(5){ background-color: #e8ffcc; } #projectCatBox li:nth-child(7){ background-color: #ffe5e5; } #projectCatBox li:last-child{ margin-right: 0; } #projectCatBox ul { padding-left: 0; } @media screen and (max-width: 1024px) { .banner,#topBox,body{ width: 1400px; } .banner::before { content: ''; width: 100%; height: 100px; background: #880108; display: block; position: absolute; bottom: -59px; border-radius: 0 0 100% 100%; } }