/* CSS Document */ .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom:1; } body{ color:#373737; font-size:20px; font-family:"Microsoft Yahei"; } .content{ width:600px; margin:0 auto; position:relative; } #header{ width:640px; position:relative; position:fixed; left:50%; margin-left:-320px; top:0; overflow:hidden; z-index:999; padding-top:15px; height:95px; border-bottom: 3px solid#f4a23f; background: #fff; } #header a img{ display: block;padding-top: 20px;width: 51%; margin-left: 15px;} .phone{ width: 260px; float: right; background:url(../Image/phone.png) no-repeat center left; margin-top: -60px; } .phone h1{ color: #4f4f4f;font-size: 18px; text-indent: 50px;} .phone h2{ color: #ee1c24; font-size: 28px; text-indent: 50px; font-weight: bold;} .phone h2 a{color: #ee1c24;font-size: 20px;} .indexNav{ width: 640px; margin: 0 auto; position: relative; margin-top: 110px;height: 126px; background: #d00e10;} .indexNav ul{ width: 100%; margin: 0 auto; } .indexNav ul li{width: 24.8%; float: left; height: 63px; line-height: 63px; text-align: center; border-right:1px solid #e36e70; border-bottom: 1px solid #e36e70;} .indexNav ul li a{color: #fff;font-size: 25px;} #slideShow{ height:320px; width:640px; background:url(../Image/banner.jpg) no-repeat center top; margin: 0 auto;} /*sldershow*/ .slider{display:none}/*用于获取更加体验*/ .focus div{ left:46%;} .focus span{width:10px;height:10px;margin-right:10px;border-radius:50%;background:#666;font-size:0} .focus span.current{background:#fff} /*合作客户*/ .partner{ height: auto; margin: 0 auto; } .partner h1{ color: #444444; font-size:30px; text-align: center;padding-top: 65px; padding-bottom:10px; font-weight: bold;} .partner h2{ color: #999; font-size: 16px; text-align: center;} .mr_frbox { position:relative; } .mr_frBtnL { cursor: pointer; width:25px; height:25px; background:url(../Image/mfrL.png) no-repeat; position:absolute; top:50%;transform: translateY(-50%);} .mr_frBtnR { cursor: pointer; width:25px; height:25px; background:url(../Image/mfrR.png) no-repeat; position:absolute; right:0; top:50%;transform: translateY(-50%); } .mr_frUl { width: 557px; height: 75px; margin:30px auto;} .mr_frUl ul li{ width: 127px; height: 73px; float: left; border: 1px solid #d3d3d3; margin-left: 8px;} .mr_frUl ul li img{ max-width: 100%;} /*产品分类*/ .product{ width: 640px; height: auto; margin: 0 auto; } .product h1{ color: #444444; font-size:30px; text-align: center;padding-top:80px; padding-bottom:10px;font-weight: bold; } .product h2{ color: #999; font-size: 16px; text-align: center;} .pro-list{ width: 100%; margin-top: 30px; margin-bottom: 30px;} .pro-list ul li{ width: 297px; float: left; margin-right: 3px; height: 67px;line-height: 67px; margin-bottom: 7px; text-align: center; background:#f9d39b; } .pro-list ul li a{ color: #020202; font-size: 1.5rem;} .pro-con{ width: 100%; margin:0 auto;} .pro-con .title{ border-top: 5px solid #d00e10; height: 40px; margin-bottom: 40px; } .pro-con .title span{ font-weight: bold; background:url(../Image/z.png) no-repeat center right #d00e10 ; color: #fff; font-size: 22px; height: 28px; padding: 8px 40px 8px 20px; overflow:hidden; display: inline-block;} .pro-con .title small{ border-left:3px solid #e36e70; padding-left: 10px; font-size: 22px;} .pro-con .title a{ display: block; float: right; line-height: 40px;} .pro-con .title1{ border-top: 5px solid #2864c8; height: 40px; margin-bottom: 40px; } .pro-con .title1 span{ font-weight: bold; background:url(../Image/z.png) no-repeat center right #2864c8 ; color: #fff; font-size: 22px; height: 28px; padding: 8px 40px 8px 20px; overflow:hidden; display: inline-block;} .pro-con .title1 small{ border-left:3px solid #a5bee8; padding-left: 10px; font-size: 22px;} .pro-con .title1 a{ display: block; float: right; line-height: 40px;} .pro-con ul{ width: 100%; margin: 0 auto;} .pro-con ul li{ width: 298px; height: 265px; float: left; } .pro-con ul li img{ display: block; width: 100%; height: 100%; border:1px solid #adadad;} /*新闻*/ .news{ width: 640px; height: auto; margin: 0 auto; } .news h1{ color: #444444; font-size:30px; text-align: center;padding-top:65px; padding-bottom:10px;font-weight: bold; } .news h2{ color: #999; font-size: 16px; text-align: center;} .news-con{ width: 100%; margin: 0 auto; padding-top: 40px; height: 310px;} .news-con ul li{ position: relative; width: 590px; height: 65px; margin: 0 auto;float: left;background: #dbdbdb url(../Image/jiantou.png) no-repeat center right 20px ; line-height: 65px; margin-bottom: 10px;} .news-con ul li p{ color: #2e2e2e;font-size: 18px; text-indent: 25px; } .news-con ul li p span{color: #858585; position: absolute;right:43px;} /*联系我们*/ .contact{ width: 640px; height: 369px; margin: 0 auto; background: url(../Image/contact.jpg) no-repeat center top;background-size: auto 100%;} .contact-left{ float: left; width: 430px; padding-top: 65px; } .contact-left h1{ color: #fff;font-size: 24px; font-weight: bold; padding-bottom: 30px;} .contact-left p{ color: #fff; font-size: 18px; line-height: 30px;} .contact-right{ width: 165px; float: right;margin-top:150px;} .contact-right ul li{ width: 100%; margin-bottom: 15px; } .contact-right ul li img{ display: block; width: 155px;} .bottom{ width: 640px; height: 70px; background: #2e2d2d; margin: 0 auto; margin-bottom: 93px; } .bottom p{ color: #7b7a7a; font-size: 16px;text-align: center; line-height: 70px;} /*首页主题内容*/ #about{ width:100%; height: 808px; margin: 0 auto;} .about{ width: 640px; height: 808px; margin: 0 auto; background:url(../Image/about.png) no-repeat center } .about-text{ width: 545px; margin: 0 auto; padding-top: 300px;} .about-text h1{ color: #666666; font-size: 22px; line-height:42px; margin-bottom: 25px;} .about-text h2{ width: 250px; height: 50px; background: #72bb37; line-height: 50px; text-align: center;color: #fff;border-radius: 30px; margin: 0 auto; } #technical{ width: 100%; height: 750px; margin: 0 auto;} .technical{ width: 640px; height: 750px; margin: 0 auto; background:url(../Image/jishu.jpg) no-repeat center; } #allmap1 {width: 100%;height: 265px;overflow: hidden;margin: 20px 0;border: 3px solid #72bb37;} #indexMain{ width:580px; padding:35px 30px 35px; margin:0 auto; } /*搜索框*/ .searchAreaH{ background:url(../Image/search.jpg) no-repeat center top; width:363px; line-height:38px; float:left; position:relative; margin-top:22px; } #keyWordsH{ border:0; background:none; width:305px; line-height:38px; padding-left:15px; color:#94b3e3; display:inline-block;} #submitH{ width:42px; line-height:38px; position:absolute; right:0; top:0; background:none; border:0; display:inline-block; } #submitH:hover{ cursor:pointer;} #indexMain .title{ height:60px; width:100%; position:relative; margin-bottom:30px; margin-top:30px; background:#2864c8;} #indexMain .title h2{ color:#fff; display:inline-block; line-height:60px; font-weight:bold; padding-left:58px; font-size:28px; padding-right:8px; } #indexMain .title h3{ color:#fff; display:inline-block; line-height:60px; font-weight:bold; padding-left:58px; font-size:28px; padding-right:8px; width:200px; background:#4abc31; } #indexMain .title span{ font-size:20px; color:#fff;} #indexMain .title a{ float:right; font-size:16px; color:#fff; margin-right:15px; margin-top:20px;} #indexMain .title h3 a{ float:none; color:#fff; display:inline-block; line-height:60px; font-weight:bold; font-size:28px; width:130px; background:#4abc31; margin:0;} .t1 h2{ background:url(../Image/t1.jpg) no-repeat 15px 15px;} .t2 h2{ background:url(../Image/t2.jpg) no-repeat 15px 15px;} .t3 h2{ background:url(../Image/t3.jpg) no-repeat 15px 15px;} .titleT{ height:58px; width:578px; border:1px solid #ddd; position:relative; margin-bottom:30px; margin-top:30px; background:#fff;} #indexMain .titleT h2{ border-left:4px solid #2864c8; color:#000; display:inline-block; line-height:58px; font-weight:bold; padding-left:30px; font-size:28px; padding-right:8px; } #indexMain .titleT span{ font-size:20px; color:#ccc;} #indexMain .titleT a{ float:right; font-size:16px; color:#ccc; margin-right:15px; margin-top:20px;} #indexMain .titleT a:hover{ color:#2864c8;} .indexTypes ul li{ float:left; width:33.3%; } .indexTypes ul li a{ display:block; line-height:45px; text-indent:20px; background:url(../Image/li.jpg) no-repeat left 12px;} .indexTypes ul li a:hover{ color:#2864c8; background:url(../Image/liH.jpg) no-repeat left 12px;} .indexProduct{ background:#fff;} .indexProduct ul{ padding:0 25px;} .products ul li{ float:left; margin-right:22px;} .products ul li:nth-child(2n){ margin-right:0;} .products ul li img{ width:242px; height:240px; border:5px solid #eee;} .products ul li a{ display:block; } .products ul li a.title1{ line-height:50px; text-align:center;} .indexCompany{ background:#fff;} .indexCompany .con{ padding:30px 20px;} .indexCompany .details{ padding:10px 5px; line-height:1.5;} .youshi{ } .youshi ul li{ float:left; margin-right:16px; width:196px; padding-left:40px; padding-right:40px; height:310px; padding-top:207px; margin-bottom:15px; } .youshi ul li:nth-child(2n){ margin-right:0;} .youshi ul li h3{ font-size:26px; color:#1e5fc7; text-align:center; font-weight:bold;} .youshi ul li.li2 h3,.youshi ul li.li4 h3{ color:#fff;} .youshi ul li span{ display:block; text-align:center; color:#ddd; padding-top:10px; margin-bottom:47px;} .youshi ul li.li2 span,.youshi ul li.li4 span{ color:#eee;} .youshi ul li p{ color:#383838; line-height:2.0; font-size:13px; text-align:center; } .youshi ul li.li2 p,.youshi ul li.li4 p{ color:#fff;} .youshi ul li.li1{ background:url(../Image/i1.png) no-repeat center top;} .youshi ul li.li2{ background:url(../Image/i2.png) no-repeat center top;} .youshi ul li.li3{ background:url(../Image/i3.png) no-repeat center top;} .youshi ul li.li4{ background:url(../Image/i4.png) no-repeat center top; margin-right:0;} .indexNews{ } .indexNews ul li{ padding:25px; background:#fff; margin-bottom:20px; height:135px;} .indexNews ul li .time{ color:#2864c8; font-size:18px; background:url(../Image/time.jpg) no-repeat right 10px; width:73px; padding-right:8px; } .indexNews ul li .time span{ font-size:24px; display:block; text-align:left;} .indexNews ul li .details{ width:408px; float:right;} .indexNews ul li .details h4{ font-size:23px;} .titleP{ height:58px; width:530px; position:relative; margin-bottom:30px; } #indexMain .titleP h2{ border-left:4px solid #2864c8; color:#000; display:inline-block; line-height:58px; font-weight:bold; padding-left:30px; font-size:28px; padding-right:8px; } #indexMain .titleP span{ font-size:20px; color:#ccc;} #indexMain .titleP a{ float:right; font-size:16px; color:#ccc; margin-right:15px; margin-top:20px;} #indexMain .titleP a:hover{ color:#2864c8;} /*footer*/ .footer{position: fixed;bottom: -1px;width: 640px;left: 50%;margin-left: -320px;background: #d00e10;overflow: hidden;} .footer ul li{float: left;line-height: 95px;width: 25%;position: relative;} .footer ul li a{font-size: 2.4rem;color: #ffffff;display: block;border-right: 1px solid #e36e70;} .footer ul li a img{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 40px;} .footer ul li a span{padding-left: 75px;} /* #footer{ width:640px; height:121px; background:url(../Image/foot1.png) no-repeat center top; position:fixed; left:50%; margin-left:-320px; bottom:0; opacity: 0.8;} #footer ul li{ float:left; width:92px; height: 120px; margin-right: 42px;} #footer ul li a{ display:block; width:100%; padding-top:120px; color:#fff; text-align:center;} */ /*内页样式*/ #listMain{ padding-bottom:40px; padding-bottom:130px; } #listMain .title{ position:relative; width: 640px; margin: 0 auto; height: 52px; line-height: 52px; background:#d00e10 url(../Image/lm.png) no-repeat center left 10px; } #listMain .title h4{ text-indent: 50px; color: #fff; font-weight: bold; } #listMain .content{ margin:0 auto; overflow:hidden; } #listMain .left{ overflow:hidden; width:580px;} /*此网站首页复用*/ .typeList{ width:580px; overflow:hidden; } .typeList .title{ width:100%; padding-top:15px; height:86px; background: url(../Image/pT.jpg) no-repeat center top; text-align:center; border-bottom:3px solid #eee;} .typeList .title h2{ font-size:26px; color:#333; padding-top:20px;} .typeList .title span{ display:none; font-size:20px; color:#ccc;} .typeList ul { margin-top:15px;} .typeList ul li{ float:left; width:31%; margin-right:2%; margin-bottom:2%;} .typeList ul li a{ display:block; width:100%; line-height:47px; color:#020202; background:#f9d39b; font-size:18px; text-align:center; } #listMain .right{ width:600px; } #listMain .mainContent{/* border:1px solid #f00;*/} #listMain .mainContent h5{ width:100%; font-size:16px; font-weight:bold; text-align:center;} #listMain .right .title h4{ font-size:20px ; color:#4c4a55; display:inline-block; } #listMain .right .title .yPosition{ position:absolute; right:13px; bottom:9px; color:#4c4a55; padding-left:25px;background:url(../Image/home.jpg) no-repeat left 2px; font-size:12px; } #listMain .right .title .yPosition a{ color:#4c4a55; position:relative; left:0; top:0; font-size:12px;} #listMain .right .title .yPosition a:hover{ color:#d60415;} .newsList ul li{ padding-top:15px; padding-bottom:15px; border-bottom:1px dotted #d1d1d1; overflow:hidden; display:block; } .newsList ul li a{ display:block; float:left; text-decoration:none; color:#363636; } .newsList ul li a:hover{ color:#d60415;} .newsList ul li .time{ float:right; display:block; padding-right:5px;} .newsInfo{ line-height:1.8;} .newsInfo p{} .newsInfo img{ max-width: 100%; } .newsContent{ padding-bottom:45px; padding-top:10px; border-bottom:1px dotted #d1d1d1; font-size:14px;} .newsInfo .author{ font-size:12px; text-align:center; color:#ccc;} .newsInfo .context{ margin-top:15px; } .newsInfo .context a{ color:#363636; } .newsInfo .context p{ text-indent:0;} .newsInfo .context a:hover{ color:#d60415;} .newsInfo .back{ text-align:center; margin-top:20px; } .newsInfo .back a{ color:#363636;} .newsInfo .back a:hover{ color:#d60415;} .proPage{ margin-top:40px; padding-right:40px; float:right; margin-bottom:30px;} .company { line-height:2.0;} .company p img{ max-width: 100%;} /*产品列表页*/ .productMain{ padding-top:20px; } .productMain ul li{ float:left; text-align:center; padding-bottom:10px; border-bottom:15px solid #fff; width: 275px; margin-right: 50px; } .productMain ul li:nth-child(2n){ margin-right:0;} .productMain ul li a{ display:block; color:#363636; } .productMain ul li a p{ display: block;width: 100%; float: right;width: 270px; text-align: left;height: 55px;} .productMain ul li a img{ width:266px; height:210px; padding:2px; background-color:#fff; border:1px solid #d1d1d1; float:left;display: block; } .productMain ul li a img:hover{ border:1px solid #d60415;} .productMain ul li a:hover{ color:#d60415;} /*产品列表页*/ .order{ padding:25px; line-height:25px;} .order td.t_r{ color: #444444; width: 110px!important; font-weight: normal; font-size: 14px; font-family: 'Microsoft YaHei',arial; text-align: left; vertical-align: top; padding-top: 9px; display: block; text-indent: 20px; } .order{margin:20px 0 20px 0px;line-height:40px; font-family:"宋体";} /***************************************/ .order input{ font-size:14px; width:276px; height:28px; border:1px solid #d2d4d6; margin:5px auto 5px 5px; } .order textarea{ resize: none; width:469px; height:178px; border:1px solid #d2d4d6; margin:5px auto 5px 5px; } .order .yanzheng{ width:101px; } .order .but{ width:74px; height:31px; line-height:27px; background:#1d86df; border-radius:2px; border:none; text-align:center; margin-top:14px; margin-left:5px; font-size:14px; font-family:'Microsoft YaHei',SimHei,sans-serif; color:#FFF; } .content_p{margin-top:40px} .content_p table{} .content_p img{max-width:100%} .content_p p{font-size:14px;line-height:30px} .content_p span.sp{display:block;color:#fff;margin-bottom:20px;overflow:hidden} .content_p span.sp small{background:#0092ef;display:block;float:left;text-align:center;line-height:40px;width:25%; -webkit-transition: 300ms 0s all ease; -moz-transition: 300ms 0s all ease; -ms-transition: 300ms 0s all ease; -o-transition: 300ms 0s all ease; transition: 300ms 0s all ease; } .pro_cont .pro_content{ display: none; } .sp small:hover{cursor:pointer;} .content_p span.sp small:last-child{background: #ddd; color: #000;} /*招聘*/ .zhaopin, #listMain .yingpin{ font-size:14px; } .zhaopin .job { border-bottom:1px dotted #dedede; margin-bottom:30px; padding-top:25px; overflow:hidden;} .zhaopin .job ul li, #listMain .zhaopinXx ul li{ line-height:3.0; overflow:hidden; width:700px; text-align:left; } .zhaopin .job .zhiwei{ color:#d60415; } .zhaopin .job .chaKan{ float:right; display:block; padding:4px 15px; color:#fff; background-color:#d60415; position:relative; top:-150px;} .zhaopin ul li a{ color:#d60415; float:right;} .zhaopin a{ color:#ffffff;} .yingpin table tr{ } .yingpin .zhiwei{ color:#d60415;} .yingpin .yanzhengma{ position:relative; top:8px;} #allmap { width:700px; height:450px;} .contactUs li{ float:left; width:350px; line-height:2.0;} /*在线留言页面*/ #message{ padding-left:50px;} #message th{ font-size:14px; color:#4c4a55 ; font-weight:normal; } #message input{ outline:none; height:22px; border:1px solid #aaa; width:400px; height:45px;} #message textarea{ border:1px solid #aaa; width:400px; height:150px;} #message button{ outline:none;} #message .yanzheng{ width:220px;} #message .but{ width:400px; margin-left:40px; height:55px; background-color:#2864c8; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; } /*工作详情*/ #workDetail{ line-height:2.0;} #workDetail #apply{ color:#d60415; font-size:14px; display:block; margin-top:30px; } .detailTitle{ width:100%; height:30px; background-color:#d1d1d1; margin:45px 0 30px;} .detailTitle h6{ background:#2864c8; font-size:14px; border-right: 1px solid #fff;color: #fff; display: inline-block; height: 100%; line-height: 30px; padding-left: 10px; font-weight:bold; padding-right:10px;} .qqOnline{ width:145px; height:213px; position:fixed; top:80px; right:0px; background:url(../Image/qqBg.png) no-repeat; z-index:99999;} .qqOnline .left{ width:23px; height:100%; float:left; } .qqOnline ul{ float:left; width:82px; padding-top:38px; padding-left:40px; padding-bottom:0; } .qqOnline ul li{ line-height:36px; list-style:none;} .qqOnline ul li a{ color:#4c4a55; font-size:13px;} .qqOnline .phone{ font-size:12px ; color:#629759; padding-left:0px; } .backToTop{ display: block; margin-right: -540px; position: fixed;right: 50%; top: 80%;width: 15px;z-index: 9999; padding:15px 8px; color:#fff; background-color:#333;} .backToTop:hover{ cursor:pointer; background-color:#D70415;} .proIntro{ width:100%; overflow:hidden ; position:relative;} #listMain .proIntro h5{ font-size:18px; line-height:45px; background:#CA2429; padding:0 50px; border-radius:5px; color:#fff; display:inline-block;/* position:absolute; left:0; top:40px;*/ width:280px; margin:15px auto; } /**/ #shebeiT{ width:100%;} .pImg{ width:100%; text-align:center;} #shebeiT tr{ padding:10px 0; border-bottom:1px solid #d1d1d1;} .conInfo{ padding-bottom:20px; padding-left:50px; padding-top:20px;} .conInfo ul{ width:600px;} .conInfo ul li{ line-height:40px; } .jiejie{ padding:20px 0; } .jiejie img{ max-width:100%; margin:0 auto; } .jiejie table{ width:100%; table-layout:fixed ; } .jiejie table td{ word-wrap:break-word } table tr td:first-child{width:120px;} .hangye ul li a img{ height:auto; } .shuiy li{ position: relative; } .shuiy li .sy{ position: absolute; right:0; bottom:8px; width:88px; height: 9px; border:none; background: none; } .jienei li .sy{ position: absolute; right:10px; bottom:80px; border:none; background: none; } #listMain img{ max-width: 100%; } #ulBox{ display: none; } .qiyewenhua { background: #F3F3F3; padding:10px 0 33px 0; } .qiyewenhua h4{ font-size: 38px; color:#3b3b3b; text-align: center; font-weight: 700; margin:20px 0; } .qiyewenhua ul li{ width:96%; background: #fff; box-shadow: 1px 1px 4px #A2A2A2; margin:0 auto; font-size: 12px; line-height: 33px; padding:5px; margin-bottom:20px; } .qiyewenhua ul li span:first-child{ font-weight: 700; display: inline-block; font-size: 26px; padding-left:43px; text-align:right; } .qiyewenhua ul li:first-child span:first-child{ background: url("../Image/ww1.png") no-repeat left center; } .qiyewenhua ul li:nth-child(2) span:first-child{ background: url("../Image/ww2.png") no-repeat left center; } .qiyewenhua ul li:nth-child(3) span:first-child{ background: url("../Image/ww3.png") no-repeat left center; } .gognsijianjie{ padding:10px 0; } .gognsijianjie h4{ font-size: 38px; color:#3b3b3b; text-align: center; font-weight: 700; margin:20px 0; } .gognsijianjie img{ display: block; margin:0 auto; } .gognsijianjie p{ font-size: 12px; line-height: 35px; color: #7b7a7a; } .yanfa h4{ font-size: 38px; color:#3b3b3b; text-align: center; font-weight: 700; margin:20px 0; } .yanfa p{ font-size: 12px; line-height: 35px; color: #7b7a7a; } .mr_frUl .tempWrap{ width:300px; height: 450px; margin:0 auto; } .renli h4{ font-size: 38px; color:#3b3b3b; text-align: center; font-weight: 700; margin:20px 0; } .job_tab{line-height: 54px; background: #4c4c4c; font-size: 20px; color: #fff; text-align: center; width: 100%; overflow: hidden;} .job_tab span{display: block; width: 20%; text-align: center; float: left;} .jobs ul li > p{line-height: 54px; background: #ffffff; font-size: 19px; color: #4c4c4c; text-align: center; overflow: hidden;} .jobs ul li:nth-of-type(even) > p{background: #f3f3f3;} .jobs ul li > p span{float: left; display: block; width: 20%;} .jobs ul li div{background: #e7e7e7; padding: 20px; display: none;} .jobs ul li div small{font-size: 14px; line-height: 30px; color: #7c7c7c;} .jobs ul li div > p{font-size: 16px; color: #B59A80; margin-bottom: 10px; font-weight: bold;} .jobs ul li div > span{display: block; margin-top: 20px; border-top: 1px solid #ccc; font-size: 14px; color: #7C7C7C; padding-top: 20px;} .jobs ul li div > span a{color: #a3906f;} .wenti{ background: #F3F3F3; padding:10px 0 33px 0; margin-top: 20px; } .wenti h4{ font-size: 38px; color:#3b3b3b; text-align: center; font-weight: 700; margin:20px 0; } .wenhua-img{padding-bottom: 45px;} .wenhua-img h3{font-size: 36px;text-align: center;margin: 40px 0 25px 0;} .wenhua-img .news_bottom li{background: #fff;} .wenhua-img .news_bottom li span{} .wenhua-img>a {display: block;text-align: center;width: 120px;line-height: 30px;margin: 42px auto 0 auto;background: #d00e10;color: #fff;font-size: 14px;} .news_bottom li{overflow: hidden;padding: 15px;border-bottom: 1px solid #ccc;transition: 300ms;margin-bottom: 10px;} .news_bottom li img{width: 30%;display: block;float: left;} .news_bottom li span{display: block; width: 68%;float: right;padding-left:8px;} .news_bottom li:hover{-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} .news_bottom li:hover span b{color: #D00E10;} .news_bottom li span b{transition: 300ms; display: block; font-size: 20px; font-weight: 600; margin-bottom: 15px;} .news_bottom li span small{display: block; line-height: 30px; color: #333;} .news_bottom li span i{display: block; font-style: normal; text-align: right; font-size: 14px; color: #908E8E;}