body { font-family: "微软雅黑"; color: #333333; margin: 0; font-size: 14px; } img { border: 0; } a:link { color: #333; text-decoration: none; } a:visited { color: #333; text-decoration: none; } a:hover { color: #333; text-decoration: none; } a:active { color: #333; text-decoration: none; } ol, ul { list-style: none; } ol, ul, li, table, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } p { margin: 0; padding: 0; } .right { float: right; } .left { float: left; } .text_r { text-align: right; } .hidden { display: none; } .clear { clear: both; } button, input, select, textarea { font: 14px/1 Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; } .head { width: 1200px; margin: 0 auto; height: 120px; overflow: hidden; } .head .logo { width: 193px; height: 86px; float: left; padding-top: 17px; } .head .logo img { width: 193px; height: 86px; } .head .line { width: 1px; height: 50px; background: #d2d2d2; float: left; margin: 35px 40px; } .head .intro { float: left; color: #666; font-size: 18px; margin-top: 29px; } .head .intro .key { padding: 2px 5px; background: #ff6600; color: #fff; border-radius: 5px; margin-right: 5px; } .head .intro .ms { margin-top: 8px; padding: 0; font-size: 22px; color: #009944; } .head .tel { margin-top: 23px; float: right; } .head .tel .cont { overflow: hidden; } .head .tel .cont .img { float: left; width: 48px; height: 48px; margin-right: 10px; } .head .tel .cont .img img { width: 100%; height: 100%; } .head .tel .cont .zi { float: left; color: #959595; text-align: center; margin-top: 3px; font-size: 16px; line-height: 24px; } .head .tel .cont .num { float: left; font-size: 20px; color: #009944; font-weight: bold; margin-left: 10px; } .head .tel .city { font-size: 14px; color: #888; margin-top: 3px; text-align: right; } #menu { width: 100%; height: 50px; background: #018b3e; } #nav { width: 1200px; height: 50px; margin: 0 auto; position: relative; z-index: 99; } #nav .mainlevel { width: 120px; float: left; height: 50px; line-height: 50px; text-align: center; color: #fefefe; font-size: 15px; } #nav .mainlevel a { color: #fff; } #nav .mainlevel:hover { background: #ff9000; } #nav .mainlevel.active { background: #ff9000; } #nav .mainlevel ul { display: none; position: absolute; background: #ff9000; } #nav .mainlevel ul li { width: 120px; padding: 10px 0; border-top: 1px solid #ffa531; font-size: 13px; line-height: 20px; } #nav .mainlevel ul li a:hover { background: none; } .banner { position: relative; height: 500px; overflow: hidden; } .banner .slides { position: relative; z-index: 1; } .banner .slides li { height: 500px; } .banner .flex-control-nav { position: absolute; bottom: 10px; z-index: 100; width: 100%; text-align: center; } .banner .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1; } .banner .flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../image/dot.png) right 0 no-repeat; cursor: pointer; } .banner .flex-control-nav .flex-active { background-position: 0 0; } .inside-banbox { width: 100%; position: relative; overflow: hidden; height: 320px; } .inside-ban { position: absolute; width: 1920px; height: 320px; left: 50%; margin-left: -960px; } .main_tit { text-align: center; width: 800px; margin: 50px auto 0; padding-bottom: 18px; background: url(../image/title_line.png) no-repeat center bottom; } .main_tit .title { font-size: 34px; font-weight: bold; } .main_tit .intro { font-size: 16px; color: #999; margin-top: 8px; line-height: 24px; } .fuwu { width: 1200px; margin: 0 auto; overflow: hidden; } .fuwu .fuwu_cont { width: 1200px; overflow: hidden; padding-top: 50px; } .fuwu .fuwu_cont li { width: 25%; float: left; } .fuwu .fuwu_cont li .fuwu_img { width: 180px; height: 180px; margin: 0 auto; position: relative; z-index: 9; overflow: hidden; border-radius: 50%;} .fuwu .fuwu_cont li .fuwu_img img { width: 100%; height: 100%;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .fuwu .fuwu_cont li .fuwu_img img:hover { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);} .fuwu .fuwu_cont li .name { text-align: center; font-size: 22px; margin-top: 15px; } .fuwu .fuwu_cont li .intro { text-align: center; color: #888; font-size: 14px; margin-top: 3px; } .guanyubg { width: 100%; height: 462px; margin-top: 50px; background: url(../image/aboutbg.jpg) no-repeat center; overflow: hidden; } .guanyu { width: 1200px; height: 358px; background: #fff; margin: 50px auto; } .guanyu .video { padding:50px 30px; width: 400px; float: left; } .guanyu .about { padding:50px 30px; width: 680px; float: left; line-height: 34px; font-size: 16px; color: #666; } .guanyu .about .tit { font-size: 30px; color: #018b3e; margin-bottom: 20px; text-align: center;} .guanyu .about .cont{text-indent: 2em; height: 204px; overflow: hidden;} .youshibg { width: 100%; height: 780px; background: #f8f8f8; overflow: hidden; } .youshi { width: 1200px; margin: 0 auto; } .youshi .cont { width: 1200px; height: 550px; margin-top: 40px; background: url(../image/youshi.png) no-repeat center; position: relative; } .youshi .cont li { position: absolute; } .youshi .cont li .licon { width: 330px; height: 96px; padding: 18px 15px; background: #fff; box-shadow: 0px 0px 10px #bbb; border-radius: 20px; cursor: pointer; display: block; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .youshi .cont li .licon2 { width: 330px; height: 96px; padding: 18px 15px; background: #fff; box-shadow: 0px 0px 10px #bbb; border-radius: 20px; cursor: pointer; display: block; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .youshi .cont li .tit { font-size: 24px;font-weight:bold; color: #018b3e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .youshi .cont li .con { font-size: 14px; color: #555; line-height: 20px; height: 60px; margin-top: 6px; overflow: hidden; } .youshi .cont li .licon:hover { transform: translate(-20px, 0); -webkit-transform: translate(-20px, 0); -moz-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); } .youshi .cont li .licon2:hover { transform: translate(20px, 0); -webkit-transform: translate(20px, 0); -moz-transform: translate(20px, 0); -o-transform: translate(20px, 0); -ms-transform: translate(20px, 0); } .youshi .cont .bg1 { top: 0; left: 55px; } .youshi .cont .bg2 { top: 0; right: 55px; } .youshi .cont .bg3 { top: 200px; left: 0; } .youshi .cont .bg4 { top: 200px; right: 0; } .youshi .cont .bg5 { top: 400px; left: 55px; } .youshi .cont .bg6 { top: 400px; right: 55px; } .gaoganbg { width: 100%; height: 1028px; background: url(../image/gaoganbg.jpg) no-repeat center; overflow: hidden; } .gaogan { width: 1200px; margin: 0 auto; } .gaogan .title { font-size: 34px; font-weight: bold; color: #333; margin-top: 50px; text-align: center; } .gaogan .title .col { color: #26942c; } .gaogan .ggcon { margin-top: 50px; width: 1200px; overflow: hidden; } .gaogan .ggcon ul { overflow: hidden; } .gaogan .ggcon ul li { width: 280px; float: left; cursor: pointer; padding: 0 10px; } .gaogan .ggcon ul li .img { width: 280px; height: 200px; overflow: hidden; } .gaogan .ggcon ul li .img img { width: 100%; height: 100%; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; } .gaogan .ggcon ul li .img img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .gaogan .ggcon ul li .name { font-size: 22px; color: #444; margin-top: 20px; text-align: center; } .gaogan .ggcon ul li .intro { font-size: 12px; color: #666; line-height: 20px; height: 60px; margin-top: 10px; text-align: center; overflow: hidden; } .gaogan .needcon { width: 690px; margin-top: 50px; overflow: hidden; } .gaogan .needcon ul { overflow: hidden; } .gaogan .needcon ul li { width: 230px; float: left; padding-top: 20px; cursor: pointer; } .gaogan .needcon ul li .img { width: 170px; height: 170px; margin: 0 auto; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .gaogan .needcon ul li .img img { width: 100%; height: 100%; } .gaogan .needcon ul li .img:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); } .gaogan .needcon ul li .name { text-align: center; margin-top: 10px; font-size: 16px; font-weight: bold; color: #444; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .probg { width: 100%; height: 878px; background: url(../image/probg.jpg) no-repeat center; overflow: hidden; } .pro { width: 1200px; margin: 0 auto; overflow: hidden; } .pro .prolist { margin-top: 40px; text-align: center; } .pro .prolist li { width: 130px; height: 40px; line-height: 40px; color: #555; background: #e8e8e8; font-size: 16px; border-radius: 5px; margin: 0 5px; display: inline-block; transition: all .2s ease; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pro .prolist li.on { background: #3aad41; color: #fff; } .pro .procon { margin-top: 50px; width: 1200px; overflow: hidden; } .pro .procon .procont { width: 1200px; height: auto; } .pro .procon .procont ul { width: 1220px; overflow: hidden; } .pro .procon .procont ul li { width: 285px; height: 260px; float: left; margin-right: 20px; margin-bottom: 20px; } .pro .procon .procont ul li .img { width: 285px; height: 210px; border: 1px solid #eee; box-sizing: border-box; } .pro .procon .procont ul li .img img { width: 100%; height: 100%; } .pro .procon .procont ul li .name { width: 285px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; background: #eee; color: #555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pro .procon .procont ul li:hover .name { background: #3aad41; color: #fff; } .pro .procon .procont ul li:hover .img { border: 1px solid #3aad41; } .casebg { width: 100%; height: 780px; background: url(../image/casebg.jpg) no-repeat center; overflow: hidden; } .case { width: 1200px; margin: 0 auto; overflow: hidden; } .case .casecont { margin-top: 40px; width: 1200px; overflow: hidden; } .case .casecont li { width: 280px; height: 260px; margin: 0 10px 20px; border: 1px solid #ddd; float: left; background: #fff; box-sizing: border-box; } .case .casecont li .img { width: 278px; height: 208px; } .case .casecont li .img img { width: 100%; height: 100%; } .case .casecont li .name { width: 278px; height: 50px; line-height: 50px; font-size: 14px; color: #333; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .case .casecont li:hover { background: #3aad41; border: 1px solid #3aad41; } .case .casecont li:hover .name { color: #fff; } .rongyu { width: 1200px; margin: 0 auto; overflow: hidden; } .rongyu .rycont { width: 1200px; overflow: hidden; margin: 40px 0 20px; } .rongyu .rycont ul { float: left; } .rongyu .rycont ul li { width: 220px; height: 215px; cursor: pointer; float: left; margin: 0 10px 20px; display: inline; overflow: hidden; } .rongyu .rycont ul li img { width: 220px; height: 165px; border: 1px solid #ddd; box-sizing: border-box; } .rongyu .rycont ul li .name { height: 50px; line-height: 50px; width: 225px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .rongyu .rycont ul li:hover .name { color: #FF6600; } .newsbg { width: 100%; height: 500px; overflow: hidden; background: #f4f4f4; } .news { width: 1200px; margin: 40px auto; } .news_con { width: 340px; height: 380px; background: #fff; float: left; margin-right: 30px; padding: 20px; } .news_con .tit { height: 30px; border-bottom: 1px solid #ddd; width: 340px; } .news_con .tit .name { float: left; font-size: 18px; color: #027635; padding: 0 15px; height: 28px; border-bottom: 3px solid #027635; } .news_con .tit .more a { float: right; font-size: 14px; color: #555; } .news_con .tit .more a:hover { color: #FF6600; } .news_con .first { margin-top: 20px; height: 112px; width: 340px; } .news_con .first img { float: left; width: 150px; height: 112px; margin-right: 15px; } .news_con .first .cont .title { font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news_con .first .cont .time { font-size: 12px; color: #999; margin: 6px 0; } .news_con .first .cont .intro { font-size: 13px; color: #666; line-height: 20px; height: 60px; overflow: hidden; } .news_con .first:hover .title { color: #FF6600; } .news_con .newslist { margin-top: 20px; width: 340px; } .news_con .newslist li { width: 340px; height: 32px; line-height: 32px; background: url(../image/news_icon.png) no-repeat left center; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news_con .newslist li a { color: #444; } .news_con .newslist li a:hover { color: #FF6600; } .wenda { width: 340px; margin-top: 20px; } .wenda .wen { width: 320px; height: 40px; line-height: 40px; padding: 0 10px; border-bottom: 1px solid #ddd; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; } .wenda .hui { width: 320px; padding: 0 10px; margin: 10px 0; height: 60px; line-height: 20px; font-size: 13px; color: #666; overflow: hidden; } .frilink { width: 1200px; margin: 25px auto 15px; overflow: hidden; } .frilink .tit { float: left; font-size: 16px; background: url(../image/link.png) no-repeat left center; text-indent: 15px; } .frilink a { color: #555; margin: 0 10px 10px; float: left; } .frilink a:hover { color: #FF6600; } .bottombg { width: 100%; height: auto; background: #eee; padding: 30px 0; overflow: hidden; } .bottom { width: 1200px; margin: 0 auto; } .bottom .foot_nav { text-align: center; } .bottom .foot_nav a { color: #444; display: inline-block; margin: 0 15px; } .bottom .foot_nav a:hover { color: #FF6600; } .bottom .foot_con { margin-top: 50px; margin-left: 280px; overflow: hidden;} .bottom .foot_con .erweima { float: left; width: 100px; margin-right: 20px; } .bottom .foot_con .erweima img { width: 100%; height: 100%; } .bottom .foot_con .erweima p { margin: 5px 0 0; padding: 0; text-align: center; font-size: 13px; color: #444; } .bottom .foot_con .cont { float: left; margin-left: 10px; font-size: 13px; color: #444; line-height: 30px; width: 440px; } .bottom .foot_con .cont p { margin: 0; padding: 0; } .inside { background: #f8f8f8; width: 100%; overflow: hidden; } .inside_con { padding: 30px; margin: 40px 0; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 5px; border: 1px solid #E8E8E8; } .inside_addbg { height: 40px; width: 100%; border-bottom: 1px solid #eee; background: #f4f4f4; } .inside_addbg .add { width: 1200px; margin: 0 auto; line-height: 40px; color: #666; } .inside_addbg a { color: #666; } .inside_addbg a:hover { color: #FF6600; } .center { width: 1200px; margin: 0 auto; overflow: hidden; } .inside_tit { font-size: 34px; padding: 20px 0; text-align: center; border-bottom: 1px solid #e8e8e8; } .inclass { margin-top: 40px; text-align: center; } .inclass li { margin: 0 5px; display: inline-block; transition: all .2s ease; margin-bottom: 10px; } .inclass li a { padding: 0 20px; display: block; height: 40px; line-height: 40px; color: #555; background: #e8e8e8; font-size: 16px; border-radius: 5px; } .inclass li a:hover { background: #3aad41; color: #fff; } .inclass li a.on { background: #3aad41; color: #fff; } .in_case { padding-top: 30px; overflow: hidden; } .in_case li { width: 280px; height: 300px; margin: 0 10px 20px; border: 1px solid #ddd; float: left; background: #fff; box-sizing: border-box; position: relative; z-index: 1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .in_case li .img { width: 278px; height: 208px; } .in_case li .img img { width: 100%; height: 100%; } .in_case li .name { width: 258px; padding: 0 10px; height: 50px; line-height: 60px; font-size: 16px; color: #333; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .in_case li .fenlei { width: 258px; padding: 0 10px; text-align: center; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .in_case li:hover { z-index: 2; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .in_pro { padding-top: 30px; overflow: hidden; } .in_pro li { width: 280px; height: 270px; margin: 0 10px 20px; border: 1px solid #ddd; float: left; background: #fff; box-sizing: border-box; position: relative; z-index: 1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .in_pro li .img { width: 278px; height: 208px; } .in_pro li .img img { width: 100%; height: 100%; } .in_pro li .name { width: 258px; padding: 0 10px; height: 50px; line-height: 60px; font-size: 16px; color: #333; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .in_pro li:hover { z-index: 2; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .pagination { padding: 40px 0; text-align: center; } .pagination ul li { display: inline; margin: 0 3px; } .pagination ul li a { background: #fff; height: 28px; display: inline-block; *display: inline; *zoom: 1; padding: 0 12px; border: 1px solid #DDD; line-height: 28px; vertical-align: middle; } .pagination ul li a:hover { background-color: #F8F8F8; text-decoration: none; } .pagination ul li.active a { background-color: #3aad41; border-color: #3aad41; } .pagination ul li.active a:link { color: #FFF; } .pagination ul li.active a:visited { color: #FFF; } .pagination ul li.active a:hover { color: #FFF; } .pagination ul li.active a:active { color: #FFF; } .pagination ul li.active a:hover { background-color: #3aad41; border-color: #3aad41; cursor: default; } .caseshow { width: 1200px; padding: 30px 0; overflow: hidden; border-bottom: 1px solid #ddd; } .case-slide { width: 602px; float: left; } .case-slide .case-big { border: 1px solid #DDD; height: 450px; overflow: hidden; } .case-slide .case-big img { width: 600px; height: 450px; } .case-slide .case-small { height: 100px; overflow: hidden; margin-top: 10px; } .case-slide .case-small .prev { width: 30px; height: 100px; text-align: center; font: bold 18px/100px '宋体'; color: #FFF; float: left; background: #666; } .case-slide .case-small .next { width: 30px; height: 100px; text-align: center; font: bold 18px/100px '宋体'; color: #FFF; float: right; background: #666; } .case-slide .case-small .prev:active, .case-slide .case-small .next:active { background: #333; } .case-slide .case-small .case-slide { width: 520px; height: 100px; float: left; margin: 0 10px; display: inline; position: relative; overflow: hidden; } .case-slide .case-small .case-slide .case-wrap { position: absolute; left: 0; top: 0; } .case-slide .case-small .case-slide .item { width: 120px; height: 90px; padding: 5px; float: left; } .case-slide .case-small .case-slide .item.active { border: 1px solid #F00; padding: 4px; } .case-slide .case-small .case-slide .item img { width: 120px; height: 90px; } .case-info { float: left; margin-left: 20px; width: 500px; padding: 30px; height: 500px; overflow: hidden; background-color: #fff; border: 1px solid #e8e8e8; } .case-info .tit { font-size: 26px; height: 80px; line-height: 40px; margin-bottom: 10px; overflow: hidden; } .case-info .time { padding: 20px 0; font-size: 16px; color: #666; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .case-info .cont { margin-top: 20px; height: 330px; overflow: hidden;} .case-info .cont li { font-size: 18px; padding: 8px 0; background: url(../image/gou.png) no-repeat left center; background-size: 18px 18px; padding-left: 25px; cursor: pointer; } .pro-info { float: left; margin-left: 20px; width: 500px; padding: 30px; height: 500px; overflow: hidden; background-color: #fff; border: 1px solid #e8e8e8; } .pro-info .tit { font-size: 26px; height: 80px; line-height: 40px; margin-bottom: 10px; overflow: hidden; } .pro-info .intro { margin: 20px 0; padding-top: 20px; border-top: 1px solid #e2e2e2; line-height: 30px; height: 150px; overflow: hidden; } .caseintro { padding: 30px 20px; line-height: 30px; } .previous { width: 1200px; height: 80px; background: #f2f2f2; overflow: hidden; padding: 10px 0; margin: 20px 0; } .previous li { height: 40px; line-height: 40px; padding-left: 20px; } .previous li a:hover { color: #FF6600; } .relate { margin: 30px 0; } .relate .tit { height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; } .relate .tit .title { font-size: 24px; height: 48px; border-bottom: 3px solid #009944; padding: 0 20px; float: left; } .in_about { padding: 30px 20px; overflow: hidden; line-height: 30px; } .in_about table { width: 1090px; border-collapse: collapse; margin-bottom: 30px; } .in_about table td { border: 1px solid #ddd; border-collapse: collapse; height: 30px; line-height: 30px; padding: 10px; } .in_ry { padding: 30px 0; overflow: hidden; } .in_ry ul { overflow: hidden; } .in_ry ul li { width: 358px; height: 269px; margin: 0 10px 20px; float: left; position: relative; cursor: pointer; overflow: hidden; } .in_ry ul li img { width: 100%; height: 100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; } .in_ry ul li .zhebg { width: 358px; height: 269px; position: absolute; background: #000; top: 0; left: 0; } .in_ry ul li .name { font-size: 22px; color: #fff; text-align: center; position: absolute; top: 120px; width: 358px; left: -358px; } .in_ry ul li:hover img { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .in_wenda { padding: 50px; overflow: hidden; } .in_wenda .inwen { line-height: 30px; margin-top: -1px; font-size: 16px; padding: 15px 20px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; cursor: pointer; } .in_wenda .inwen.hover, .in_wenda .inwen:hover { background: #f3fef7; } .in_wenda .inhui { padding: 30px; color: #666; line-height: 24px; } .in_list { margin: 30px; overflow: hidden; } .in_list ul { overflow: hidden; } .in_list ul li { padding: 20px; border-bottom: 1px solid #ddd; height: 150px; } .in_list ul li img { float: left; width: 200px; height: 150px; margin-right: 30px; } .in_list ul li .cont { overflow: hidden; } .in_list ul li .cont .title { font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .in_list ul li .cont .intro { font-size: 14px; height: 75px; line-height: 25px; overflow: hidden; color: #888; margin-top: 10px; } .in_list ul li .cont .time { margin-top: 10px; } .in_list ul li:hover { background: #f3fef7; } .listshow { padding: 30px 0; overflow: hidden; } .listshow .name { font-size: 26px; padding: 0 20px 30px; text-align: center; line-height: 36px; } .listshow .time { text-align: center; height: 38px; line-height: 38px; color: #666; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; } .listshow .previ { border-top: 1px solid #e8e8e8; padding: 20px; margin-top: 30px; } .listshow .previ a:hover { color: #FF6600; } .review { margin: 30px 0; overflow: hidden; } .review .list { width: 31%; margin: 0 1% 20px; float: left; padding: 15px 10px; background: #fff; color: #555; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; outline: none; } .review .qita { width: 97%; max-width: 97%; margin: 0 1% 20px; height: 120px; max-height: 160px; line-height: 20px; outline: none; padding: 15px 10px; background: #fff; color: #555; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; } .review .num { width: 97%; margin: 0 1% 20px; padding: 15px 10px; background: #fff; color: #555; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; outline: none; } .review .push { width: 47.5%; margin: 0 1% 20px; padding: 15px 0; float: left; font-size: 16px; text-align: center; background: #009944; color: #fff; border: 1px solid #018B3E; border-radius: 6px; box-sizing: border-box; outline: none; cursor: pointer; } .review .cz { background: #eee; border: 1px solid #ddd; color: #555; } .message { border-top: 1px solid #ddd; } .message .cont { padding: 20px 30px; border-bottom: 1px dashed #ddd; } .message .cont .name { font-weight: bold; padding: 10px 0; border-bottom: 1px solid #eee; } .message .cont .name .time { float: right; color: #666; font-weight: normal; } .message .cont .intro { color: #555; line-height: 26px; padding: 10px 0; } .message .cont .intro p { margin: 0; padding: 0; } .message .cont .huifu { color: red; line-height: 26px; } /*# sourceMappingURL=style.css.map */