.ty-banner-1 { line-height: 0; text-align:center; } .ty-banner-1 img{ width:100%; } .p1-search-1 { background: #f2f2f2; height: 82px; border-bottom: 1px solid #eee; overflow: hidden; font-size: 14px; } .p1-search-1 p { color: #444; line-height: 82px; } .p1-search-1 a { color: #444; display: inline-block; margin-right: 15px; } .p1-search-1-inp { width: 270px; height: 30px; border-radius: 20px; background: #fff; padding-left: 10px; margin-top: 28px; } .p1-search-1-inp input { border: 0; } .p1-search-1-inp1 { width: 224px; height: 30px; line-height: 30px; color: #a9a9a9; float: left; } .p1-search-1-inp2 { width: 30px; height: 30px; background: url(../images/VISkins-p1.png) no-repeat -258px -936px; float: right; cursor: pointer; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; line-height: 65px; } .p12-curblock{ display: none; } .p12-curmbs-1 b { border-left: 10px solid #2a6eb5; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 span { font-family: '宋体'; padding: 0 5px; height: 46px; line-height: 46px; } .cplb-3n-ts-03-tit { height: 50px; font-size: 24px; font-weight: normal; line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; } .cplb-3n-ts-03-tit span { display: inline-block; height: 50px; border-bottom: 1px solid #096ac9; } .cplb-3n-ts-03-list dl { width: 32.1%; border: 1px solid #dedede; margin-bottom: 15px; background: #fff; float: left; margin-right: 1.2%; } .cplb-3n-ts-03-list dl:nth-child(3n) { margin-right: 0; } .cplb-3n-ts-03-list dt img { width: 100%; margin: 0 auto; display: block; -webkit-transition: all 0.3s; } .cplb-3n-ts-03-list dt { overflow: hidden; } .cplb-3n-ts-03-list dt img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .cplb-3n-ts-03-list dd { padding: 6px 20px 5px 20px; } .cplb-3n-ts-03-list dd h4 { height: 45px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 45px; overflow: hidden; } .cplb-3n-ts-03-list h4 a { display: block; height: 45px; color: #727272; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cplb-3n-ts-03-list dl:hover h4 a { color: #2a6eb5; } .cplb-3n-ts-03-list-desc { height: 40px; font-size: 14px; line-height: 20px; color: #666; margin-bottom: 12px; overflow: hidden; } .cplb-3n-ts-03-list-deta { width: 100px; height: 40px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; } .cplb-3n-ts-03-list dl:hover { border-color: #2a6eb5; } .cplb-3n-ts-03-list dl:hover a { color: #2a6eb5; } .fdh-01-tit { background: #2a6eb5; height: 80px; } .fdh-01-tit h2 { height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .fdh-01-tit h2 span { font-size: 14px; text-transform: uppercase; } .fdh-01-nav-one h3 { height: 50px; line-height: 50px; background:#ececeb; margin-bottom: 2px; overflow: hidden; } .fdh-01-nav-one h3 a { display: block; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 18px; color: #666666; overflow: hidden; } .fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover { background: url(../images/p14-icon2.png) no-repeat right center #2a6eb5; } .fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a { color: #fff; } .fdh-01-nav dl { padding: 2px 0 4px; } .fdh-01-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left:20px; padding-right: 15px; margin-bottom: 1px; background: #ececec; position: relative; overflow: hidden; } .fdh-01-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 10px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after { border-color: #2a6eb5; } .fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a { color: #2a6eb5; } .fdh-01-nav dd { border: 1px solid #ececec; border-bottom: 0; } .fdh-01-nav p { height: 50px; font-size: 14px; line-height: 50px; padding-left: 72px; padding-right: 40px; border-bottom: 1px solid #ececec; background: #fff; position: relative; overflow: hidden; } .fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a { color: #2a6eb5; } .fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after { background: #096ac9; } .fdh-01-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p6-order-form-1 { margin-bottom: 20px; overflow: hidden; } .p6-order-form-1-add { border: 1px solid #eee; overflow: hidden; margin-bottom: 65px; } .p6-order-form-1-add h3 { height: 76px; line-height: 76px; font-size: 24px; color: #fff; background: #2a6eb5; } .fdh-01-tit h3 { height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center;} .fdh-01-tit { background: #2a6eb5; height: 80px;} .p6-order-form-1-add ul { padding: 20px 10px; } .p6-order-form-1-add li { font-size: 14px; line-height: 34px; color: #666; } .p6-order-form-1-add li.ema{ font-size:12px;} .p6-order- form-1-add li.li01 { font-size: 20px; line-height: 42px; color: #c30101; } .p15-showcase { position: relative; padding: 12px 18px 16px 20px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; } .p15-showcase-right-con { line-height: 24px; font-size: 14px; max-height: 168px; margin-bottom: 86px; overflow: hidden; } .p15-showcase-left { position: relative; width: 44.7%; float: left; line-height: 0; overflow: hidden; border: 1px solid #e7e7e7; margin-right: 3.3%; } .p15-showcase-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; } .p15-showcase-left-prev { left: 10px; } .p15-showcase-left-next { right: 10px; } .p15-showcase-left-size { position: absolute; right: 0; bottom: 0; width: 56px; height: 28px; font-size: 14px; line-height: 16px; padding: 0 15px; } .p15-showcase-left-size em { font-style: normal; } .p15-showcase-left-pic { width: 100%; text-align: center; } .p15-showcase-left-pic li { float: left; overflow: hidden; } .p15-showcase-left-pic img { width: 100%; display: block; -webkit-transition: all 0.3s; } .p15-showcase-left-pic img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .p15-showcase-right { width: 51.6%; float: left; } .p15-showcase-right-tit { height: 40px; font-size: 24px; line-height: 40px; color: #454545; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pc-cx-tel-1 { width: 50%; height: 56px; border-top: 2px solid #e6e6e6; padding-top: 10px; position: absolute; bottom: 16px; right: 2%; } .pc-cx-tel-1-t1 { width: 114px; height: 44px; background: #0072c1; font-size: 18px; line-height: 44px; text-align: center; float: right; } .pc-cx-tel-1-t1 a { display: block; color: #fff; } .pc-cx-tel-1-t2 { height: 56px; padding-left: 70px; background: url(../images/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 18px; color: #454545; } .pc-cx-tel-1-t2 p { line-height: 24px; } .p14-prodcontent-1 { background: #fff; padding: 32px 0 42px; margin-bottom: 22px; } .p14-prodcontent-1-tit { height: 40px; font-size: 24px; line-height: 40px; border-bottom: 2px solid #d4d4d4; margin-bottom: 20px; } .p14-prodcontent-1-tit span { display: inline-block; height: 40px; color: #464646; border-bottom: 2px solid #333333; padding-left: 34px; background: url(../images/p14-icon11.png) no-repeat 2px center; } .p14-prodcontent-1-tit em { font-size: 18px; font-family: Arial; text-transform: uppercase; font-style: normal; color: #c2c2c1; } .p14-product-2-tit { height: 46px; line-height: 46px; border-bottom: 2px solid #dfdfdf; margin-bottom: 30px; padding-top: 26px; } .p14-product-2-tit b { display: inline-block; font-size: 24px; font-weight: normal; color: #464646; padding-left: 52px; border-bottom: 2px solid #333333; background:url(../images/p14-icon11.png) no-repeat 22px center; } .p14-product-2-tit span { margin-left: 10px; font-size: 18px; font-family: Arial; color: #c2c2c1; text-transform: uppercase; } .p14-product-2-list dl { float: left; width: 32%; border: 1px solid #dfdfdf; margin-right: 1.5%; box-sizing: border-box; } .p14-product-2-list dl:nth-child(3n){ margin-right: 0; } .p14-product-2-list dl img { display: block; width: 100%; } .p14-product-2-list dd { padding: 10px 28px 10px 10px; margin-right: 2px; position: relative; } .p14-product-2-list h3 { height: 30px; font-size: 16px; font-weight: normal; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-product-2-list h3 a { color: #191919; } .p14-product-2-desc { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-product-2-list dl:hover { border-color: #0072c1; } .p14-product-2-list dl:hover h3 a { color: #0072c1; } .shebei-list ul li { float: left; width: 32.33%; margin-right: 1.5%; box-sizing: border-box; margin-bottom:10px; } .shebei-list ul li:nth-child(3n+0) { margin-right: 0; } .shebei-list ul li img { display: block; width: 100%; } .zizhi-list dl { float: left; width: 23.50%; margin-right: 1.5%; box-sizing: border-box; } .zizhi-list dl img { display: block; width: 100%; border: 1px solid #dfdfdf; } .zizhi-list dd { padding: 10px 0; position: relative; } .zizhi-list h3 { height: 30px; font-size: 16px; font-weight: normal; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .zizhi-list h3 a { color: #191919; } .zizhi-list dl:hover { border-color: #0054ab; } .zizhi-list dl:hover h3 a { color: #0054ab; } .xj { padding-top: 15px; overflow: hidden; font-family: "Microsoft Yahei"; } .xj h2 { margin-bottom: 10px; } .xj_cnt dl { width: 99%; background: #f5f5f5; height: 278px; margin-bottom: 30px; box-shadow: 3px 3px 5px #d8d8d8; } .xj_cnt dl dt { float: left; width: 430px; } .xj_cnt dl dt img{ width: 100%; height:278px; } .xj_cnt dl dd { width: 431px; float: left; padding-left: 30px; padding-top: 76px; position: relative; box-sizing: border-box; } .xj_cnt dl dd em { position: absolute; top: 0px; left: 32px; width: 70px; height: 65px; color: #fff; background: #0054ab; display: block; text-align: center; font-family: "Arial"; font-size: 48px; font-weight: bold; line-height: 63px; } .xj_cnt dl dd h2 { color: #0054ab; font-size: 26px; font-weight: bold; margin-top: 10px; } .xj_cnt dl dd h2 i { font-size: 16px; color: #333; font-weight: bold; padding-top: 10px; text-transform: uppercase; font-style: normal; font-family: "Arial"; display: block; } .xj_cnt dl dd .desc { font-size: 16px; line-height: 30px; color: #555555; width: 370px; } .xj_cnt dl dd .desc b { font-weight: bold; } .xj_cnt dl dd em{ font-style: italic; } .product-menu{width: 1360px; margin: 0 auto;} .product-menu li{ float:left; width:170px; text-align:center;} .product-menu li:hover, .product-menu li.on{background:#efeeee;} .product-menu li.on .dot{color:#c81624;} .product-menu .table{ display:table; height:90px; width:100%;} .product-menu .table-cell{ display:table-cell; vertical-align:bottom;} .product-menu .pic img{ max-width:90px; max-height:90px;} .product-menu p.dot{ margin:0; padding:15px 0; line-height:19px;} .menu-child ul{overflow: hidden; margin-left: -5px;} .menu-child li{float: left; margin-right: 20px; height: 80px; line-height: 80px; font-size: 16px;} .menu-child li a{display: block; height: 80px; line-height: 80px; position: relative; position: relative; padding: 0 10px;} .menu-child li a i{display: block; height: 2px; background: #1D24B4; position: absolute; left: 50%; right: 50%; bottom: 0; transition: left .5s,right .5s;} .menu-child li.active a{color: #1D24B4!important;} .menu-child li.active a i,.menu-child li:hover a i{left: 5px; right: 5px;} .productlist { min-width: 920px; } .aside_Left { width: 300px; float: left; margin-top: 130px; } .productul { width: calc(100% - 360px); float: right; } .producta { float: left; width: 284px; margin-left: 1.75%; box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.09); color: #333; box-sizing: border-box; padding: 0; padding-bottom: 40px; cursor: pointer; border-radius: 30px; } .productmiaoshu p { color: #666; font-size: 14px; margin-top: 10px; } .productmiaoshu span { margin-top: 25px; display: inline-block; font-size: 13px; color: #666; border: 1px solid #096ac9; padding: 0 42px; line-height: 32px; height: 32px; /* border-radius: 20px; */ } .productmiaoshu h4 { font-size: 18px; white-space: nowrap; } .productmiaoshu { text-align: center; padding: 0 10%; } .producta { margin-top: 130px; } .producta .productimg img { width: 242px; } .producta .productimg { position: relative; margin-top: -75px; text-align: center; } .prosubm img { height: 40px; transition: all 0.3s ease; } .prosubm .on img, .prosubm a:hover img { opacity: 1; } .producta .productmiaoshu { margin-top: 10px; } .producta:hover .productmiaoshu span { color: #fff; background: #096ac9; } .productmiaoshu span, .productimg img, .prosubm span, .producta { transition: all 0.3s ease; } .producta:hover .productimg img { transform: scale(1.2); } .producta:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); } .productlist_prode img { max-width: 100%; width: 300px; } /******产品详情 begin*****/ .xq_ban{} .ban_xq{width:100%;height:auto;overflow:hidden;padding:0px 4%;padding-top:80px;} .cd{width:100%;height:auto;overflow:hidden;padding-top:15px;font-size:0.73vw;line-height:1.25vw;color:#fff;} .cd a{font-size:0.73vw;line-height:1.25vw;color:#bad3f1;padding:0px 2px;} .ban_z{width:100%;height:auto;overflow:hidden;display:flex;flex-direction: row;justify-content: flex-start;} .ban_zl{float:left;width:55%;transition: all 1s ease;align-self:center; } .ban_zl h2{font-size:1.875vw;line-height:1.875vw;color:#fff;padding-bottom:1.04vw;position:relative;margin-bottom:1.6vw;} .ban_zl h2:after{content:'';position:absolute;bottom:0px;left:0px;width:1.6vw;height:2px;background:#0c3886;} .ban_zl p{font-size:0.83vw;line-height:1.4vw;color:#fff;} .ban_zl h3{margin-top:3vw;transition: all 1s ease;} .ban_zl h3:hover{padding-left:1.04vw;} .ban_zl a{font-size:0.94vw;line-height:1.25vw;color:#096ac9;} .ban_zl img{vertical-align:middle;max-width:100%;margin-left:0.52vw;} .ban_zr{float:right;width:45%;height:auto;overflow:hidden;margin:0 auto;text-align:center;} .ban_zr img{float:right;vertical-align:middle;max-width:100%;} @media(max-width:1440px){ .cd a{font-size:14px;line-height:24px;padding:0px 2px;} .ban_zl h2{font-size:22px;line-height:20px;padding-bottom:10px;margin-bottom:30px;} .ban_zl p{font-size:14px;line-height:24px;} .ban_zl a{font-size:16px;line-height:24px;} } @media(max-width:1024px){ .xq_ban{padding-top:60px;height:680px;} .ban_xq{padding:0px 30px;} .cd{padding-top:15px;font-size:14px;line-height:24px;} .cd a{font-size:14px;line-height:24px;padding:0px 2px;} .ban_z{display:flex;} .ban_zl{float:left;width:31.25%;} .ban_zl h2{font-size:20px;line-height:20px;padding-bottom:10px;margin-bottom:30px;} .ban_zl p{font-size:14px;line-height:24px;} .ban_zl h3{margin-top:30px;} .ban_zl h3:hover{padding-left:10px;} .ban_zl a{font-size:16px;line-height:24px;} .ban_zl img{margin-left:10px;} } @media(max-width:768px){ .xq_ban{padding:60px 0px 30px;height:auto;} .ban_xq{padding:0px 15px;} .ban_z{display:block;} .ban_zr img {float: none;} .ban_zl{float:none;width:100%;display:block;margin-top:20px;} .ban_zr{float:none;width:100%;} .ban_zl h2{font-size:18px;line-height:18px;padding-bottom:10px;margin-bottom:15px;} .ban_zl a{font-size:14px;line-height:24px;} } @media(max-width:414px){ } .cp_xq{width:100%;height:auto;overflow:hidden;padding:0px 8.33vw;} .cpxq_t{width:100%;height:auto;overflow:hidden;margin:4.2vw 0px;} .cpxq_t h2{font-size:1.875vw;line-height:2vw;color:#363636;margin-bottom:1.6vw;text-align:center;} .cptd{width:100%;height:auto;overflow:hidden;padding:1%;margin-top:55px;} .cptd li{float:left;width:18.75%;margin-right:8.3%;margin-bottom:30px;min-height:320px;padding:50px 5px 0px;border:1px solid #e5e5e5;box-shadow:0px 0px 15px rgba(229,229,229,1);text-align:center;} .cptd li.bg{margin-right:0px;} .cptd li:hover{border:1px solid #e5e5e5;box-shadow:0px 0px 15px rgba(12,55,131,1);} .cptd img{vertical-align:middle;max-width:100%;margin:0 auto;text-align:center;margin-bottom:30px;} .cptd h3{font-size:22px;line-height:30px;color:#363636;margin-bottom:25px;} .cptd p{font-size:16px;line-height:30px;color:#646464;} @media(max-width:1440px){ .cptd li{min-height:280px;padding:30px 5px 0px;} .cptd li:hover{box-shadow:0px 0px 10px rgba(12,55,131,1);} .cpxq_t h2{font-size:20px;line-height:20px;margin-bottom:15px;} .cptd h3{font-size:14px;line-height:24px;margin-bottom:5px;} .cptd p{font-size:13px;line-height:24px;} } @media(max-width:1024px){ .cp_xq{padding:30px 30px;} .cpxq_t{margin:30px 0px;} .cpxq_t h2{font-size:20px;line-height:20px;margin-bottom:15px;} .cptd{margin-top:20px;} .cptd li{width:24%;margin-right:1.3%;min-height:250px;padding:30px 5px 0px;} .cptd img{margin-bottom:15px;} .cptd h3{font-size:16px;line-height:24px;margin-bottom:5px;} .cptd p{font-size:14px;line-height:24px;} } @media(max-width:768px){ .cp_xq{padding:15px;} .cpxq_t{margin:15px 0px;} .cptd li{width:49%;margin-right:1.3%;min-height:250px;padding:30px 10px 0px;margin-bottom:20px;} .cptd li:nth-child(2n){margin-right:0px;} } @media(max-width:414px){ .cptd li{width:100%;margin-right:0%;min-height:220px;padding:15px 10px 0px;} } .cpxq_b{width:100%;height:auto;overflow:hidden;} .cpxq_b h2{font-size:1.875vw;line-height:2vw;color:#363636;margin-bottom:1.6vw;text-align:center;} .cp_xn{width:100%;height:auto;overflow:hidden;padding:1%;margin-top:55px;padding:0px 0vw;} .cp_xn table{width:60%;margin:0 auto;table-layout: fixed;} .cp_xn table tr{width:100%;height:60px;overflow:hidden;background:#fff;font-size:0;} .cp_xn table tr.bg{background:#0c3783;} .cp_xn table tr td{width:33.33%;font-size:16px;line-height:24px;color:#646464;text-align:center;border:1px solid #eee;padding:0px 5px;} .cp_xn table tr.bg td{width:33.33%;font-size:18px;line-height:24px;color:#fff;text-align:center;border:0px;} @media(max-width:1440px){ .cp_xn table{width:60%;margin:0 auto;} .cpxq_b h2{font-size:20px;line-height:20px;margin-bottom:15px;} .cp_xn table tr td{font-size:14px;line-height:24px;padding:0px 2px;} .cp_xn table tr.bg td{font-size:16px;line-height:24px;} } @media(max-width:1360px){ .cp_xn table{width:70%;margin:0 auto;} } @media(max-width:1024px){ .cpxq_b{margin:30px 0px;} .cpxq_b h2{font-size:20px;line-height:20px;margin-bottom:15px;} .cp_xn{margin-top:30px;padding:0px 30px;} .cp_xn table{width:100%;} .cp_xn table tr{width:100%;height:40px;} .cp_xn table tr td{font-size:14px;line-height:24px;padding:0px 2px;} .cp_xn table tr.bg td{font-size:16px;line-height:24px;} } @media(max-width:768px){ .cpxq_b{margin:15px 0px;} .cp_xn{margin-top:15px;padding:0px 0px;} } @media(max-width:414px){ .cp_xn table tr td{font-size:12px;line-height:22px;padding:0px 2px;} .cp_xn table tr.bg td{font-size:14px;line-height:24px;} } .case{width: 100%;background: #f5f5f5;height: 450px;padding-top: 50px;} .case .mainCon{width: 100%;margin-top: 54px;padding-bottom: 73px;border-bottom: 1px solid #e9e9e9;background-color: #f5f5f5;} .case .mainCon .menu{width: 808px;margin: 0 auto;} .case .mainCon .menu li{float: left;position: relative;width: 160px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #e7e7e7;border-left: none;font-size: 15px;color: #666666;} .case .mainCon .menu li:first-child{border-left: 1px solid #e7e7e7;} .case .mainCon .menu li{float: left;position: relative;width: 200px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #e7e7e7;border-left: none;font-size: 15px;color: #666666} .case .mainCon .menu li a{color: #666666;text-decoration: none;display: block;} .case .mainCon .menu li i{display: none;width: 11px;height: 5px;position: absolute;bottom: -5px;left: 50%;margin-left: -6px;} .case .mainCon .menu li img{display: block;} .case .mainCon .menu li.cur{background: #096ac9;border-color: #096ac9;color: white;} .case .mainCon .menu li.cur i{display: block;} .case .mainCon .menu li.cur a{color: #fff;} .case .mainCon .conBox{width: 100;position: relative;margin-top: 50px;} .case .mainCon .conBox .caseBtn{width: 1200px;position: absolute;left: 50%;top: 86px;height: 49px;margin-left: -600px;} .case .mainCon .conBox .btn{display: block !important;width: 52px;height: 49px;cursor: pointer;position: absolute;top: 0px;z-index: 99;} .case .mainCon .conBox .btn img{display: block;width: 52px;height: 49px;} .case .mainCon .conBox .prev{left: 0px;} .case .mainCon .conBox .next{right: 0px;} .case .mainCon .conBox .con{height: 335px;width: 100%;overflow: hidden;position: relative;} .case .mainCon .conBox .con .box{width: 1200px;height: 335px;position: relative;} .case .mainCon .conBox .box ul{position: absolute;left: 0px;top: 0;width: 200%;} .case .mainCon .conBox .box li{float: left;width: 392px;margin-right: 12px;position: relative;height: 360px;} .case .mainCon .conBox .box .Pics{display: block;width: 392px;overflow: hidden;} .case .mainCon .conBox .box .Pics img{display: block;width: 392px;height: 214px;transform: scale(1);transition: all 1s ease-out;} .case .mainCon .conBox .box .intro{position: absolute;width: 392px;height: 124px;bottom: 0;left: 0;text-align: center;padding-top: 26px;} .case .mainCon .conBox .box .intro h3{font-size: 16px;color: #333333;font-weight: normal;} .case .mainCon .conBox .box .intro h3 a{color: #096ac9;text-decoration: none;} .case .mainCon .conBox .box .intro p{line-height: 22px;font-size: 13px;color: #9c9c9c;height: 44px;padding: 0 28px;margin-top: 22px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:44px;} .case .mainCon .conBox .box .intro a.more{display: none;width: 125px;height: 35px;line-height: 35px;color: #fff;font-size: 13px;background: url(../images/case_ty.png) no-repeat center;margin: 26px auto 0;} .case .mainCon .conBox .box li:hover .intro{background: #096ac9;} .case .mainCon .conBox .box li:hover .intro h3 a{color: #fff;} .case .mainCon .conBox .box li:hover .intro p{color: #fff;} .case .mainCon .conBox .box li:hover .Pics img{transform: scale(1.2);}