.news-ul .miaoshu p img{ display:none;} .news-one p img{ display:none;} .middle { height: auto; width: 1170px; /*margin: 80px auto 0;*/ margin: 0 auto; } .middle_top { height: auto; width: 100%; } .middle_pic { height: 491px; width: 100%; background: url(../home/images/banner2.png) no-repeat; margin-top: 10px; z-index: 1; } .middle_head { height: 75px; width: 100%; border-bottom: 1px solid #e8e8e8; } .middle_head .left_menu { float: left; display: block; } .middle_head .left_menu li { width: 100px; margin-right: 30px; float: left; line-height: 75px; font-size: 20px; text-align: center; cursor: pointer; } .middle_head .left_menu .cur { line-height: 75px; color: #d4203d; background-image: url('../../../front/common/images/left-menu-bg.png'); background-repeat: no-repeat; background-position: bottom; } .middle_head .right_menu { float: right; display: block; margin-top: 30px; } .middle_head .right_menu li { width: 40px; height: 30px; cursor: pointer; float: left; border: 1px solid #bdbbbb; } .middle_head .right_menu li:hover{ border: 1px solid #d4203d; background-color:#d4203d; } .middle_head .right_menu li a{ width: 40px; height: 30px; display:block; background-image: url(../../../front/common/images/home-newsmore-gray.png); background-repeat: no-repeat; background-position: center; } .middle_head .right_menu li:hover a{ background-image: url(../images/home-newsmore-white.png); -webkit-animation: moveFromBottom 0.3s ease; -moz-animation: moveFromBottom 0.3s ease; -o-animation: moveFromBottom 0.3s ease; -ms-animation: moveFromBottom 0.3s ease; animation: moveFromBottom 0.3s ease; } .middle_head .right_menu .table-li { border-right: 1px solid #bdbbbb; background-repeat: no-repeat; background-position: center; background-image: url(../images/table-li-bg.png); } .mid { width: 100px; height: 42px; float: left; position: absolute; top: 16px; } .middle_div1 { left: 22px; } .middle_div2 { left: 119px; } .middle_div3 { right: 36px; background: url(../home/images/pic0-1.jpg) no-repeat; top: 10px; right: -2px; } .mid_hr { background-color: #8080801a; height: 1px; margin-top: 44px; } .middle_new1 { height: 250px; width: 100%; background: url(../images/pic1.jpg) no-repeat; margin-top: 10px; } .middle_new2 { height: 526px; width: 100%; background: url(../home/images/pic4-5.jpg) no-repeat; margin-top: 706px; } .middle_new3 { width: 100%; } .news { float: left; height: 366px; background: red; margin-top: 264px; margin-right: 40px; } .news_div1 { width: 30%; background: url(../home/images/pic2.jpg) no-repeat; } .news_div2 { width: 30%; background: url(../home/images/pic3.jpg) no-repeat; } .news_div3 { width: 30%; background: url(../home/images/pic3-1.jpg) no-repeat; } .news-ul li:FIRST-CHILD{ margin-left: 0px !important; } .news-ul li { background: #f6f7fb; width: 380px; height: 410px; float: left; position: relative; cursor:pointer; } .news-ul li img { width: 380px; height: 222px; } .news-ul li .news-title { color: #333; font-size: 18px; position: absolute; top: 248px; left: 22px; right: 22px; font-weight: bold; } .news-ul li .news-button { position: absolute; bottom: 38px; left: 110px; width: 160px; height: 40px; color: #d1270a; border: 1px solid #d1270a; line-height: 40px; text-align: center; font-size: 16px; } .home-more { position: absolute; bottom: 26px; right: 42px; width: 160px; height: 40px; color: #d1270a; border: 1px solid #d1270a; font-size: 16px; line-height: 40px; text-align: center; } .news-one{margin-top: 40px; width:100%; height: 247px; background:#f6f7fb; position: relative;border-bottom:1px solid #f5f5f5;} .news-one p {background-color: #f5f5f5 !important;} .news-ul li:hover .news-button, .news-one:hover .home-more { color: #fff; background-color: #d4203d; cursor: pointer; } .news-one:hover .home-more span,.news-ul li:hover .news-button span{ display:block; -webkit-animation: moveFromBottom 0.3s ease; -moz-animation: moveFromBottom 0.3s ease; -o-animation: moveFromBottom 0.3s ease; -ms-animation: moveFromBottom 0.3s ease; animation: moveFromBottom 0.3s ease; } .news-ul li:hover, .news-one:hover{ box-shadow: 0 3px 5px 3px rgba(0,0,0,.13); border-bottom:1px solid #d4203d;} .newsone-title{position: absolute; left:420px; top:76px; color:#333; font-weight:bold; font-size:22px;} .news-one:hover .newsone-title{ color:#d4203d;} .news-ul li .news-date { position: absolute; left: 0px; right: 0px; top: 147px; height: 75px; line-height: 75px; z-index: 99; color: #fff; text-indent: 30px; background-color: rgba(0, 0, 0, 0.2); } /*绾㈣壊绠ご鏃犲浘鐗囩殑鏍峰紡*/ .news-ul li .red-date { position: absolute; left: 0px; right: 0px; top: 0; height: 95px; line-height: 75px; z-index: 99; color: #fff; text-indent: 30px; background-image: url(../../../front/common/images/news-jiantou.png); background-repeat: no-repeat; background-position: 53px 78px; } .news-ul li .miaoshu { color: #777; font-size: 16px; position: absolute; top: 150px; left: 26px; right: 24px; line-height: 28px; max-height: 115px; overflow: hidden; } .news-ul li .red-date .redbg { background-color: #d4203d; } .news-ul li h3 { color: #333; font-size: 18px; position: absolute; top: 110px; left: 22px; right: 22px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cpfa-ul { display: block; width: 1170px; margin: 0 auto; overflow: hidden; } .cpfa-ul li { float: left; margin-left: 20px; display: block; width: 270px; } .cpfa-ul li p { font-size: 16px; line-height: 34px; height: 198px; margin-top: 25px; } .cpfa-ul li p span { color: #aaa; margin: 0 10px; } .cpfa-ul li .top-img { cursor: pointer; } .cpfa-ul li a:hover { color: #d4203d; } /*杞欢浜у搧*/ .y-row { min-width: 1000px;max-width: 1200px;} .card-area { margin: 70px auto 0 auto; width: 1180px; } .card-area .card-item { z-index: 10; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; position: relative; float: left; width: 263px; height: 446px; background-color: transparent; border: 1px solid #DBDBDD; } .card-area .card-item + .card-item { margin-left: -1px; } .card-area .card-item .card { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; width: 100%; height: 100%; text-align: center; background: #fff; } .card-area .card-item .card .card-content { width: 100%; line-height: 2; } .card-area .card-item .title-odd {background-color: #e6e7ef;} .card-area .card-item .card .card-content.content-first { -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s; -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s; -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s; transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s; z-index: 3; opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); } .card-area .card-item .card .card-content.content-second { -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; z-index: 2; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); line-height: 2; } .card-area .card-item .card .card-content.content-second li a{ cursor:pointer;} .card-area .card-item .card .card-content.content-second li a:hover{ color:#d4203d;} .card-area .card-item .card .card-content, .card-area .card-item .card .card-title { position: absolute; left: 0; right: -1px; z-index: 1; } .card-area .card-item .card .card-title { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; height: 135px; line-height: 26px; font-size: 14px; top: 0; } .card-area .card-item .card .card-title .content { position: absolute; bottom: 20px; width: 100%; } .card-area .card-item .card .card-title h1 { font-size: 18px; font-weight: bold; color: #373D41; } .card-area .card-item .card .card-title .ali-product-img { width: 57px; height: 55px; margin: 10px auto; position: relative; } .card-area .card-item .card .card-title .ali-product-img img { position: absolute; left: 0; width: 100%; } .card-area .card-item .card .card-title .ali-product-img .un-hover { z-index: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); } .card-area .card-item .card .card-title .ali-product-img .with-hover { z-index: 2; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); } .card-area .card-item .card .card-title h1, .card-area .card-item .card .card-title .short-info, .card-area .card-item .card .card-title .ali-product-img img { -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s; -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .card-area .card-item .card .card-content { height: 376px; position: absolute; top: 170px; } .card-area .card-item .card .card-content.content-first .content-first-list { width: 100%; font-size: 16px; color: #555; margin-top: 1px; margin-bottom: 12px; } .card-area .card-item .card .card-content.content-first .content-first-list span{ font-size:30px; color:#F00; line-height:10px;} .card-area .card-item .card .card-content.content-first .content-first-list li { margin-bottom: 11px; } .card-area .card-item .card .card-content.content-second { max-width: 350px; font-size: 18px; color: #555; text-align: center; line-height:48px; } .card-area .card-item .card .card-content.content-second .second-list span{ display: block; width: 66px; height: 25px; background-color: #d4203d; border-radius: 33px; margin: 0 auto; margin-top:15px; } .card-area .card-item .card .card-content.content-second .second-list span a{ display: block; width: 66px; height: 25px; background-image: url(../../../front/common/images/ico-white.png); background-repeat: no-repeat; background-position: center center; } .card-area .card-item .card .card-content.content-second .second-list span:hover a{ -webkit-animation: moveFromBottom 0.3s ease; -moz-animation: moveFromBottom 0.3s ease; -o-animation: moveFromBottom 0.3s ease; -ms-animation: moveFromBottom 0.3s ease; animation: moveFromBottom 0.3s ease; } .card-area .card-item .card .card-content.content-second .main-head { color: #373d41; font-size: 18px; line-height: 28px; margin-bottom: 4px; } .card-area .card-item .card .card-content.content-second .main-desc { line-height: 22px; } .card-area .card-item .card .card-content.content-second .main-btn { cursor: pointer; width: 100px; height: 30px; font-size: 14px !important; background-color: #fff; border: 1px solid #00c1de; color: #00c1de; margin-top: 22px; margin-bottom: 33px; } .card-area .card-item .card .card-content.content-second .main-btn:hover { color: #fff; background: #00c1de; } .card-area .card-item .card .card-content .other-info { line-height: 22px; border-top: 1px solid #ebebec; padding-top: 20px; font-size: 12px; } .card-area .card-item .card .card-content .other-info .other-info-list { height: 80px; padding-right: 5px; margin-bottom: 10px; } .card-area .card-item .card .card-content .other-info .other-info-list .list-context { color: #00c1de; } .card-area .card-item .card .card-content .other-info .other-head { font-size: 14px; font-weight: normal; color: #373d41; } .card-area .card-item.active { z-index: 100; border: 1px solid #d4203d; box-shadow: 0 0 20px rgba(212, 32, 61, 0.5); width: 28%; height: 478px; } .card-area .card-item.active .card .ali-product-img .un-hover { opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); } .card-area .card-item.active .card .ali-product-img .with-hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); } .card-area .card-item.active .card .card-title { left: -1px; background-color: #d4203d; height: 155px; top: -20px; } .card-area .card-item.active .card .card-content.content-first { -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; z-index: 2; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); } .card-area .card-item.active .card .card-content.content-second { -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s; -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s; -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s; transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s; z-index: 3; opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); } .card-area .card-item.active .card .card-title h1 { color: #fff;}