/*通用*/ /* body{filter:grayscale(1);} */ .motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .msg_pop_main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;} .msg_pop_main p{padding:10px;line-height:24px;font-size:14px;color:#fff;} .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /*头部*/ .header{padding: 0 6% 0 5%;height: 70px;position: absolute;left: 0;top: 46px;z-index: 99;width: 100%;box-sizing: border-box;} .header .logo{display: block;width: 100px;height:70px;background: url('../images/logo.png') no-repeat;margin-top:0px;background-size: 100%;} .header .search{width: 25px;height: 25px;position: relative;background: url('../images/search.png') no-repeat right top;margin: 24px 0 0 36px;cursor: pointer;overflow: hidden;} .header .nav{float: right;margin-top: 20px;} .header .nav li{float: left;font-size: 15px;line-height: 30px;} .header .nav li.line{width: 1px;height: 13px;background: rgba(255, 255, 255, 0.25);margin: 10px 34px 0;} .header .nav li a{display: block;color: #fff;} .header .nav li:hover a{color: #0077ff;} .header .nav li.on a{color: #0077ff;} .header .search .close{display: block;width: 14px;height: 14px;margin-top: 5px;background: url('../images/close.png') no-repeat;} .header .search .text{display: block;width: 135px;height: 25px;background: none;border:none;color: #fff;font-size: 14px;padding-left: 10px;} .header .search .text::-webkit-input-placeholder { color:#fff; } .header .search .text:-moz-placeholder { color:#fff; opacity:1; } .header .search .text::-moz-placeholder { color:#fff; opacity:1; } .header .search .text:-ms-input-placeholder { color:#fff; } .header .search .text::-ms-input-placeholder { color:#fff; } .header .search .btn{display: block;width: 25px;height: 25px;border:none;background: none;cursor: pointer;} .header-fix{position: fixed;top: 0;background: #fff;padding: 0 6.5%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .header-fix .logo{background-image: url('../images/logo_b.png');margin-top:0px;} .header-fix .search{background-image: url('../images/search_b.png');} .header-fix .search .close{background-image: url('../images/close_b.png');} .header-fix .nav li a{color: #666;} .header-fix .nav li.line{background: rgba(102, 102, 102, 0.25);} .header-fix .search .text{color: #666;} .header-fix .search .text::-webkit-input-placeholder { color:#666; } .header-fix .search .text:-moz-placeholder { color:#666; opacity:1; } .header-fix .search .text::-moz-placeholder { color:#666; opacity:1; } .header-fix .search .text:-ms-input-placeholder { color:#666; } .header-fix .search .text::-ms-input-placeholder { color:#666; } /*底部*/ .footer{padding: 52px 8% 40px 6%;background: #fbfbfb;position: relative;z-index: 100;} .footer .nav li{float: left;height: 32px;line-height: 32px;font-size: 14px;margin-right: 52px;} .footer .nav li a{display: block;color: #333;} .footer .nav li:hover a{color: #0077ff;} .footer .info{margin-top: 12px;color: #666;line-height: 32px;font-size: 13px;} .friend-link{width: 262px;height: 36px;background: #fff;border:1px solid #e7e7e7;position: relative;z-index: 101;} .friend-link p{padding: 0 30px 0 18px;font-size: 13px;color: #c5c5c5;line-height: 36px;background: none;position: relative;z-index: 103;cursor: pointer;} .friend-link .arrow{width: 19px;height: 19px;background: url('../images/arrow.png') no-repeat;position: absolute;right: 11px;top: 9px;z-index: 102;} .friend-link ul{position: absolute;left: -1px;bottom: 36px;width: 100%;border:1px solid #e7e7e7;background: #fff;z-index: 104;display: none;} .friend-link ul li{font-size: 13px;line-height: 36px;} .friend-link ul li a{display: block;color: #666;padding: 0 18px;} .friend-link ul li:hover a{color: #0077ff;} .link-show .arrow{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .footer .design{font-size: 14px;color: #000;line-height: 32px;margin-top: 8px;text-align: right;} .footer .design a{color: #000;} .footer .design a:hover{text-decoration: underline;} /*首页*/ .banner{position: relative;z-index: 0;width: 18.7rem;height:9rem;background: #000;margin: .25rem auto 0;overflow: hidden;background: url('../images/banner_bg.png') no-repeat;background-size: 100%;} .banner-swiper{z-index: 5; width: 18.3rem;height: 8.56rem;overflow: hidden;margin: 0;} .banner-swiper .swiper-slide{position: relative;z-index: 6;} .banner-swiper a{display: block;width: 100%;height: 8.56rem;} .banner-swiper .imgBg{width: 100%;height: 8.56rem;} .banner-swiper .txt{position: absolute;left: .7rem;top: 50%;opacity: 0;-webkit-transform:translate3d(-100px,-50%,0);transform:translate3d(-100px,-50%,0); transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;} .banner-swiper .swiper-slide-active .txt{opacity: 1;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);} .banner-swiper .txt .line{width: .64rem;height: .09rem;background: #fff;margin-bottom: .6rem;} .banner-swiper .txt .pic{/* width: 543px; */margin-bottom: .2rem;width: 815px;} .banner-swiper .txt .pic img{width: 100%;} .banner-swiper .swiper-slide-active .imgBg{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);animation:banner_act 6s forwards;-ms-animation:banner_act 6s forwards;-moz-animation:banner_act 6s forwards;-webkit-animation:banner_act 6s forwards;-o-animation:banner_act 6s forwards;} @keyframes banner_act { 0%{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);} 100%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);} } @-webkit-keyframes banner_act { 0%{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);} 100%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);} } @-moz-keyframes banner_act { 0%{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);} 100%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);} } @-o-keyframes banner_act { 0%{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);} 100%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);} } .banner-swiper .txt .title{font-size: .4rem;color: #fff;font-weight: bold;line-height: .64rem;margin-bottom: .4rem;} .banner-swiper .txt .more{width:.51rem;height: .51rem;border:2px solid #fff;background: url('../images/move_arrow.png') no-repeat center center;background-size: .14rem .34rem;} .banner-swiper .arrow{width: .79rem;height: .79rem;background: url('../images/banner_arrow.png') no-repeat;background-size: 100%;position: absolute;right: 0;top: 0;z-index: 10;} .banner-bg{position: absolute;left: 0;top: 0;width: 100%;z-index: 10;} .banner-bg img{display: block;width: 100%;} .banner-swiper .swiper-pagination-bullets{width: 11px;position: absolute;z-index: 10;right: .65rem;top:0;left: auto;bottom: auto;top: 50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);} .banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet{width: 11px;height: 11px;display: block;margin-bottom: .24rem;background: #fff;opacity: 0.2;} .banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{opacity: 1;} /*.left{transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0);opacity: 0;} */.ind-about{padding: 1.62rem 0 1.68rem;overflow: hidden;} .ind-about .container{width: 87%;} .ind-about .left{width: 50%;max-width: 712px;} .ind-about .left .en{width: 4.24rem;} .left .en img{display: block;} .left .en2 img{display: block;width: 100%;} .left .title{font-size: .26rem;color: #0077ff;font-weight: bold;line-height: .56rem;margin-top: .16rem;} .left .line{width: .64rem;height: .09rem;background: #0077ff;margin-top: .44rem;} .left .txt{font-size: 14px;color: #666;line-height: 29px;margin-top: .45rem;} .ind-about .more{display: block;border-radius: 25px;background: #0077ff;text-align: center;line-height: 50px;height: 50px;width:155px;margin-top: 72px;font-size: 15px;color: #fff;} .ind-about .more:hover{background: #4708db;} .ind-about .pic{width: 50%;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0);opacity: 0;} .ind-about .pic img{display: block;width: 67%;margin: 0 auto;-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);} .ind-business{width: 100%;height: 6.5rem;background: url('../images/business_bg.jpg') no-repeat center center;background-size: 100%;display: table;overflow: hidden;} .ind-business .container{padding:0 6.5%;display: table-cell;height: 6.5rem;vertical-align: middle;} .ind-business .list ul{/*width: 10.6rem;*//*padding-top: .17rem;*/ width:100%} @media (min-width: 640px) and (max-width:1000px ) {.ind-business .list li{float: left;/*margin-right: calc(10% - 86px);*/margin-right: calc(10% - 100px);animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity: 0;transform:translateY(-40px);webkit-transform:translateY(-40px); width:10.3% } .ind-business .left{width: 4.58rem;} .ind-business .left .en{width: 4.58rem;} .ind-business .left .title{color: #fff;margin-top: .18rem;} .ind-business .left .line{background: #fff;} .ind-business .list{width: 11.9rem;} } @media (min-width: 1001px) and (max-width:1201px ) {.ind-business .list li{float: left;/*margin-right: calc(10% - 86px);*/margin-right: calc(10% - 100px);animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity: 0;transform:translateY(-40px);webkit-transform:translateY(-40px); width:10.3% } .ind-business .left{width: 3.58rem;} .ind-business .left .en{width: 3.58rem;} .ind-business .left .title{color: #fff;margin-top: .18rem;} .ind-business .left .line{background: #fff;} .ind-business .list{width: 12.9rem;} } @media (min-width: 1201px) and (max-width:1300px ) {.ind-business .list li{float: left;/*margin-right: calc(10% - 86px);*/margin-right: calc(10% - 100px);animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity: 0;transform:translateY(-40px);webkit-transform:translateY(-40px); width:10.5% } .ind-business .left{width: 2.58rem !important;} .ind-business .left .en{width: 2.58rem;} .ind-business .left .title{color: #fff;margin-top: .18rem;} .ind-business .left .line{background: #fff;} .ind-business .list{width: 13.9rem !important;} } @media (min-width: 1301px) and (max-width:1440px ) {.ind-business .list li{float: left;/*margin-right: calc(10% - 86px);*/margin-right: calc(10% - 100px);animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity: 0;transform:translateY(-40px);webkit-transform:translateY(-40px); width:9.8% } .ind-business .left{width: 2.58rem;} .ind-business .left .en{width: 2.58rem;} .ind-business .left .title{color: #fff;margin-top: .18rem;} .ind-business .left .line{background: #fff;} .ind-business .list{width: 13.9rem;} } @media (min-width: 1441px) and (max-width:1500px ) {.ind-business .list li{float: left;/*margin-right: calc(10% - 86px);*/margin-right: calc(10% - 100px);animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity: 0;transform:translateY(-40px);webkit-transform:translateY(-40px); width:10% } .ind-business .left{width: 3.58rem;} .ind-business .left .en{width: 4.58rem;} .ind-business .left .title{color: #fff;margin-top: .18rem;} .ind-business .left .line{background: #fff;} .ind-business .list{width: 12.9rem;} } @media (min-width: 1501px) and (max-width:1600px ) {.ind-business .list li{float: left;/*margin-right: calc(10% - 86px);*/margin-right: calc(10% - 100px);animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity: 0;transform:translateY(-40px);webkit-transform:translateY(-40px); width:10% } .ind-business .left{width: 4.58rem;} .ind-business .left .en{width: 4.58rem;} .ind-business .left .title{color: #fff;margin-top: .18rem;} .ind-business .left .line{background: #fff;} .ind-business .list{width: 11.9rem;} } @media (min-width: 1601px) and (max-width:1800px ) {.ind-business .list li{float: left;/*margin-right: calc(10% - 86px);*/margin-right: calc(10% - 100px);animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity: 0;transform:translateY(-40px);webkit-transform:translateY(-40px); width:9.3% } .ind-business .left{width: 4.58rem;} .ind-business .left .en{width: 4.58rem;} .ind-business .left .title{color: #fff;margin-top: .18rem;} .ind-business .left .line{background: #fff;} .ind-business .list{width: 11.9rem;} } @media (min-width: 1801px) and (max-width:1920px ) {.ind-business .list li{float: left;/*margin-right: calc(10% - 86px);*/margin-right: calc(10% - 100px);animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity: 0;transform:translateY(-40px);webkit-transform:translateY(-40px); width:8.3% } .ind-business .left{width: 4.58rem;} .ind-business .left .en{width: 4.58rem;} .ind-business .left .title{color: #fff;margin-top: .18rem;} .ind-business .left .line{background: #fff;} .ind-business .list{width: 11.9rem;} } .ind-business .list li:last-child{margin-right: 0;} .fadeIn{ animation:fadeIn 1s; -webkit-animation:fadeIn 1s; } @keyframes fadeIn{ 0%{opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);} 100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);} } @-webkit-keyframes fadeIn{ 0%{opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);} 100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);} } .ind-business .list li.motion1{animation-delay:0.2s;-webkit-animation-delay:0.2s;} .ind-business .list li.motion2{animation-delay:0.4s;-webkit-animation-delay:0.4s;} .ind-business .list li.motion3{animation-delay:0.6s;-webkit-animation-delay:0.6s;} .ind-business .list li.motion4{animation-delay:0.8s;-webkit-animation-delay:0.8s;} .ind-business .list li.motion5{animation-delay:1s;-webkit-animation-delay:1s;} .ind-business .list li.motion6{animation-delay:1.2s;-webkit-animation-delay:1.2s;} .ind-business .list li.motion7{animation-delay:1.4s;-webkit-animation-delay:1.4s;} .ind-business .list li.motion8{animation-delay:1.6s;-webkit-animation-delay:1.6s;} .ind-business .list li.motion9{animation-delay:1.8s;-webkit-animation-delay:1.8s;} .ind-business .list li.motion10{animation-delay:2.0s;-webkit-animation-delay:2.0s;} .ind-business .list li a{display: block;} .ind-business .list li i{display: block;width:83px;height:63px;margin: 0 auto;/*background: url('../images/business_icon.png') no-repeat;*/background-size: 4.2rem .6rem;} .ind-business .list li .icon1{/*background-position: 0.1rem 0;*/ width:100%;height:63px; float:left;background: url('../images/tb01.png') no-repeat center center;} .ind-business .list li .icon2{/*background-position: -0.45rem 0;*/width:100%;height:63px; float:left;background: url('../images/tb02.png') no-repeat center center;} .ind-business .list li .icon3{/*background-position: -1.02rem 0;*/width:100%;height:63px; float:left;background: url('../images/tb03.png') no-repeat center center;} .ind-business .list li .icon4{/*background-position: -1.58rem 0;*/width:100%;height:63px; float:left;background: url('../images/tb04.png') no-repeat center center;} .ind-business .list li .icon5{/*background-position: -2.18rem 0;*/width:100%;height:63px; float:left;background: url('../images/tb05.png') no-repeat center center;} .ind-business .list li .icon6{/*background-position: -2.66rem 0;*/width:100%;height:63px; float:left;background: url('../images/tb06.png') no-repeat center center;} .ind-business .list li .icon7{/*background-position: -3.1666rem 0;*/width:100%;height:63px; float:left;background: url('../images/tb07.png') no-repeat center center;} .ind-business .list li .icon8{/*background-position: -3.6rem 0;*/width:100%;height:63px; float:left;background: url('../images/tb08.png') no-repeat center center;} .ind-business .list li .icon9{/*background-position: -3.6rem 0;*/width:100%;height:63px; float:left;background: url('../images/tb09.png') no-repeat center center;} .ind-business .list li .icon10{/*background-position: -3.6rem 0;*/width:100%;height:63px; float:left;background: url('../images/tb10.png') no-repeat center center;} .ind-business .list li p{font-size: 16px;color: #fff;line-height: 32px;margin-top: 10px; text-align:center; height:95px;} .ind-business .list li .more{margin: 28px auto 0;width: 38px;height: 38px;border:2px solid #fff;background: url('../images/business_arrow.png') no-repeat center center;opacity: 0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0); margin-top:90px;} .ind-business .list li:hover .more{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 1;} .ind-cases{padding: 1.98rem 0 1rem;background: #fafafa;overflow: hidden;} .ind-cases .container{width: 93.5%;margin-left: 6.5%;} .ind-cases .left{margin-top: .32rem;/*width: 2.34rem;*/width: 4.3rem;} .ind-cases .left .en{width: 2.34rem;} .case-swiper{width: 13.2rem;height: 4.56rem;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0);opacity: 0;} .case-swiper .swiper-slide{width: 3.45rem;} .case-swiper .swiper-slide a{display: block;overflow: hidden;} .case-swiper .swiper-slide .pic{width: 100%;height: 3.2rem;border-radius: 3px;overflow: hidden;} .case-swiper .swiper-slide .pic img{display: block;width: 100%;} .case-swiper .swiper-slide .main{background: #fff;box-shadow: 0px 10px 18px 2px rgba(7, 0, 2, 0.07);position: relative;z-index: 10;padding: .17rem .3rem .22rem;opacity: 0;margin-top: -.27rem;box-sizing: border-box;width: 100%;} .case-swiper .swiper-slide .main .title{font-size: 17px;color: #000;line-height: 37px;height: 37px;} .case-swiper .swiper-slide .main .txt{font-size: 13px;color: #666;line-height: 23px;} .case-swiper .swiper-slide:hover .main{opacity: 1;-webkit-transform:translate3d(0,-.3rem,0);transform:translate3d(0,-.3rem,0);} .case-swiper .swiper-pagination-bullets{width: 100%;height: 14px;position: absolute;bottom: 0;z-index: 10;left:2.64rem;} .case-swiper .swiper-pagination-bullets .swiper-pagination-bullet{display: block;float: left;width: 4px;height: 4px;margin: 7px 5px 0;opacity: 1;background: url('../images/case_swiper_icon.png') no-repeat;} .case-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 10px;height: 14px;margin: 0 5px;background-image: url('../images/case_swiper_h_icon.png');} .ind-news{padding: 1.6rem 0 .48rem;overflow: hidden;} .ind-news .container{width: 87%;} .ind-news .left{/*width: 2.17rem;*/} .ind-news .list{margin-right: .34rem;width: 11.55rem;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0);opacity: 0;} .ind-news .list li{float: left;width: 3.35rem;margin:0 .6rem .78rem 0;border-top: .05rem solid #f2f2f2;position: relative;} .ind-news .list li:nth-child(3n){margin-right: 0;} .ind-news .list li a{display: block;} .ind-news .list li .line{position: absolute;left: 0;top: -.05rem;height: .05rem;background: #0077ff;width: 0;} .ind-news .list li .date{font-size: 15px;color: #999;line-height: 19px;padding-top: 22px;} .ind-news .list li .title{font-size: 18px;color: #333;line-height: 30px;margin-top: 5px;} .ind-news .list li .txt{font-size: 13px;color: #666;line-height: 28px;margin-top: 18px;height: 84px;overflow: hidden;} .ind-news .list li .more{width: 38px;height: 38px;border:2px solid #404040;margin-top: 32px;background: url('../images/news_arrow.png') no-repeat;} .ind-news .list li:hover .line{width: 100%;} .ind-news .list li:hover .title{color: #0077ff;} .ind-news .list li:hover .more{border-color: #0077ff;background-position: 0 -38px;} .fadeRight{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 1;} .ind-about .fadeLeft, /* .ind-business .fadeLeft li, */ .ind-cases .fadeLeft, .ind-news .fadeLeft{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 1;} @media only screen and (max-width: 1440px) { .case-swiper .swiper-slide{width: 4.2rem;} .case-swiper .swiper-slide .pic{height: 3.9rem;} .ind-business .list ul{width: 100%;} .ind-news .list{margin-right: 0;width: 11.9rem;} .ind-news .list li{width: 3.56rem;} .ind-news .list li .title{font-size: 16px;line-height: 28px;} .ind-news .list li .txt{margin-top: 14px;} } @media only screen and (max-width: 1286px) { .header{width: 1286px;} .banner{width: 1252px;height: 602px;} .banner-swiper{width: 1225px;height: 573px;} .banner-swiper a{height: 573px;} .banner-swiper .imgBg{height: 573px;} .banner-swiper .txt .line{width: 42px;height: 6px;} .banner-swiper .txt .pic{width: 364px;margin-bottom: 15px;} .banner-swiper .txt .title{font-size: 26px;line-height: 42px;} .banner-swiper .txt .more{width: 38px;height: 38px;background-size: 10px 24px;} .ind-about{padding: 160px 0 100px;} .ind-about .left .en{width: 264px;} .left .title{font-size: 24px;line-height: 38px;margin-top: 10px;} .left .line{width: 42px;height: 6px;margin-top: 30px;} .left .txt{margin-top: 30px;} .ind-about .pic img{width: 80%;} .ind-business .left, .ind-business .left .en{width: 240px;} .ind-business .list{width: 798px;} .ind-cases .left{margin-top: 20px;width: 158px;} .ind-cases .left .en{width: 158px;} .case-swiper{width: 886px;height: 396px;} .case-swiper .swiper-slide{width: 300px;} .case-swiper .swiper-slide .pic{height: 278px;} .ind-news .left, .ind-news .left .en{width: 145px;} .ind-news .list{width: 886px;} .ind-news .list li{width: 280px;margin-right: 23px;} } /*关于我们*/ .sub-header{width: 100%;height: 70px;background: #062c5e;overflow: hidden;} .sub-header .header{padding: 0;width: 1200px;margin: 0 auto;position: static;} .sub-header .header .logo{width: 100px;height:70px;} .sub-banner{width: 100%;height: 620px;position: relative;z-index: 0;} .sub-banner .line{width: calc(50% - 460px);height:1px;position: absolute;left: 0;top: 280px;background: rgba(255, 255, 255, 0.7);z-index: 10;} .sub-banner .container{padding-top: 266px;} .sub-banner .en{font-size: 54px;color: #fff;line-height: 56px;margin:0 0 20px 158px;/*font-family: Basemic Times;*/font-family:"微软雅黑";} .sub-banner .more{width: 51px;height: 51px;border:2px solid #fff;margin-left: 158px;background: url('../images/move_arrow.png') no-repeat center center;} .sub-nav{text-align: center;padding-top: 8px;height: 67px;border-bottom: 1px solid #e0e0e0;} .sub-nav ul{display: inline-block;*display: inline;*zoom:1;} .sub-nav ul li{display: block;float: left;margin: 0 58px;height: 65px;line-height: 65px;font-size: 15px;} .sub-nav ul li a{display: block;color: #666;padding: 0 4px; font-size:18px;} .sub-nav ul li:hover a, .sub-nav ul li.on a{color: #0077ff;border-bottom: 3px solid #0077ff;} .banner-pic{height: 620px;} .banner-pic .more{width: 51px;height: 51px;border:2px solid #fff;background: url('../images/move_arrow.png') no-repeat center center;position: absolute;left: calc(50% - 435px);top: 50%;margin-top:48px;} .company-profile{padding: 70px 0 63px;background: #fff;} .company-profile .pic{width: 50%; margin-top:15px;} .company-profile .pic img{display: block;width: 100%;} .company-profile .txt{width: 47%; margin-top: 5px; font-size: 15px; color: #666; line-height: 30px;} .company-profile .txt p{margin-bottom: 10px;} .about-pic{background-repeat: no-repeat;background-size: cover;background-attachment:fixed;background-position:center center;position: relative;width: 100%;} .about-pic .line{position: absolute;left: 0;top: 50%;width: calc(50% - 460px);height: 1px;background: rgba(255, 255, 255, 0.7);z-index: 10;} .about-pic .en{font-size: 54px;color: #fff;line-height: 56px;font-family: Basemic Times;position: absolute;left: calc(50% - 435px);top: 50%;margin: -28px 0 0 0;} .speech-pic{height: 485px;background-image: url('../images/speech.jpg');} .speech-main{padding-top: 88px;background: #fff;} .speech-main .title{height: 24px;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .speech-main .title p{width: 222px;height: 45px;background: #fff;margin: 0 auto;font-size: 25px;color: #666;line-height: 45px;text-align: center;} .speech-main .txt{padding-top: 32px;font-size: 15px;color: #666;line-height: 37px;} .speech-main .txt .top{font-size: 24px;color: #0077ff;line-height: 44px;margin-bottom: 10px;} .speech-main .txt img{display: block;margin-top: 30px;text-align: center; margin: 0 auto} .organization-main{padding-bottom: 171px;background: url('../images/organization_bg.jpg') no-repeat center top #fff;position: relative;z-index: 10;margin-top: -35px;} .organization-main .container{padding-top: 312px;} .organization-main .line{position: absolute;left: 0;top:345px;width: calc(50% - 460px);height: 1px;background: rgba(51, 54, 52, 0.7);z-index: 11;} .organization-main .en{font-size: 54px;color: #333;line-height: 56px;font-family: Basemic Times;margin-left: 165px;} .organization-main .pic{margin-top: 85px;} .organization-main .pic img{display: block;width: 100%;} .planning-pic{height: 580px;background-image: url('../images/planning_bg.jpg');} .planning-main{padding: 137px 0 56px;background: #fff;border-bottom: 1px solid #ccc;} .planning-main .container{position: relative;z-index: 0;} .planning-main .arrowL, .planning-main .arrowR{display: block;width: 29px;height: 24px;position: absolute;left: 0;top: -6px;} .planning-main .arrowR{left: auto;right: 0;background-position: -31px 0;top: -5px;} .planning-info .title{font-size: 28px;color: #000;font-family: 宋体;line-height: 127px;margin: 0 68px;} .planning-nav li{float: left;cursor: pointer;} .planning-nav li .pic{width: 82px;height: 82px;border:1px dashed #0077ff;border-radius: 50%;overflow: hidden;margin: 0 auto 13px;} .planning-nav li .pic i{display: block;width: 46px;height: 44px;margin: 19px auto;background: url('../images/planning_icon.png') no-repeat;} .planning-nav li .pic .icon2{background-position: 0 -44px;} .planning-nav li .pic .icon3{background-position: 0 -88px;} .planning-nav li .pic .icon4{background-position: 0 -132px;} .planning-nav li p{font-size: 19px;color: #333;line-height: 34px;} .planning-nav li.on .pic{border-style: solid;background: #0077ff;} .planning-nav li.on .pic .icon1{background-position: -46px 0;} .planning-nav li.on .pic .icon2{background-position: -46px -44px;} .planning-nav li.on .pic .icon3{background-position: -46px -88px;} .planning-nav li.on .pic .icon4{background-position: -46px -132px;} .planning-nav li.on p{color: #0077ff;} .planning-nav li.line{width: 1px;height: 131px;background: #e3e3e3;margin: 0 80px;} .planning-tabs{margin: 61px 0 0 255px;} .planning-item{min-height: 185px;font-size: 15px;color: #666;line-height: 37px;display: none;} .planning-item:first-child{display: block;} .honor-pic{height: 580px;background-image: url('../images/honor_bg.jpg');} .honor-main{position: relative;z-index: 10;padding: 71px 0 79px;} .honor-list{margin-left: 197px;position: relative;z-index: 15;} .honor-list .border{position: absolute;left: 15px;top: 0;width: 1px;height: calc(100% - 42px);background: #d5d5d5;z-index: 15;} .honor-list li{height: 85px;position: relative;z-index: 16;/* cursor: pointer; */} .honor-list li i{display: block;float: left;width: 30px;height: 30px;background: url('../images/honor_icon.png') no-repeat;margin-top: 28px;} .honor-list li .line{width: 94px;height: 1px;background: #d5d5d5;margin: 42px 23px 0 -10px;} .honor-list li .year{font-size: 30px;color: #666;font-weight: bold;line-height: 85px;margin-right: 19px;} .honor-list li .info{display: table;height: 85px;max-width: 660px;} .honor-list li .info .tell{display: table-cell;vertical-align: middle;} .honor-list li .info p{font-size: 17px;color: #666;line-height: 27px;} .honor-list li:hover i{background-position: 0 -40px;} .honor-list li:hover .line{background:#0077ff;} .honor-list li:hover .year, .honor-list li:hover .info p{color: #0077ff;} .honor-line{width: 30px;height: 157px;background: url('../images/honor_line.png') no-repeat;position: absolute;left: 0;top: -157px;z-index: 15;} .partner-pic{height: 580px;background-image: url('../images/partner_bg.jpg')} .partner-main{padding: 105px 0 87px;background: #f5f5f5;} .partner-list li{float: left;/*width: 275px;height: 125px;*/ width:100%; height:auto;margin: 0 33px 31px 0;} .partner-list li:nth-child(4n){margin-right: 0;} .partner-list li img{display: block;width: 100%;height: auto;} /*新闻中心*/ .news-top{padding: 89px 0 90px;background: #fafafa; padding-bottom:0px;} .news-swiper{width: 100%;position: relative;z-index: 0;} .news-swiper a{display: block;width: 100%;} .news-swiper a .pic{width: 100%;height: 315px;margin-bottom: 35px;overflow: hidden;} .news-swiper a .imgBg{width: 100%;height: 315px;} .news-swiper a .date{font-size: 14px;color: #999;line-height: 14px;margin-bottom: 17px;} .news-swiper a .date i{display: block;width: 14px;height: 14px;background: url('../images/date_icon.png') no-repeat;float: left;margin-right: 6px;} .news-swiper a .title{font-size: 22px;color: #333;font-weight: bold;height: 42px;line-height: 42px;margin-bottom: 5px;} .news-swiper a .txt{font-size: 14px;color: #666;line-height: 28px;height: 84px;overflow: hidden;margin-bottom: 26px;} .news-swiper a .more{font-size: 12px;color: #353535;font-weight: bold;line-height: 19px;} .news-swiper a .more i{width: 6px;height: 10px;background: url('../images/view_more.png') no-repeat;margin-left: 10px;} .news-swiper .swiper-button-next, .news-swiper .swiper-button-prev{position: absolute;top: 128px;margin: 0;left: -120px;width: 58px;height: 58px;border:1px solid #cacaca;background: url('../images/news_swiper.png') no-repeat;opacity: 1;border-radius: 50%;} .news-swiper .swiper-button-next{left: auto;right: -120px;background-position: -58px 0;} .news-swiper .swiper-button-prev:hover{border-color: #0077ff;background-position: 0 -58px;} .news-swiper .swiper-button-next:hover{border-color: #0077ff;background-position: -58px -58px;} .news-swiper a:hover .imgBg{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);} .news-swiper a:hover .title{color: #0077ff;} .news-list{padding: 69px 0 92px;} .news-list li{border-bottom: 1px solid #e7e7e7;height: 48px;line-height: 48px;background: url('../images/news_icon.png') no-repeat 5px top;} .news-list li a{display: block;padding: 0 85px 0 21px;color: #555;font-size: 16px;} .news-list li a span{display: block;margin-right: -70px;} .news-list li:hover{background-position: 5px -48px;} .news-list li:hover a{color: #0077ff;} .news-more, .case-more, .business-more{display: block;width: 156px;height: 42px;text-align: center;line-height: 42px;font-size: 16px;color: #0077ff;border:2px solid #0077ff;border-radius: 21px;margin: 58px auto 0;} .news-more:hover{background: #0077ff;color: #fff;} /*新闻详情页*/ .news-det-main{padding: 60px 0 80px;} .news-det-main .title{font-size: 22px;color: #333;line-height: 42px;text-align: center;margin-bottom: 10px;} .news-det-main .info{font-size: 13px;color: #999;line-height: 15px;margin-bottom: 30px;text-align: center;} .news-det-main .info span{margin: 0 13px;line-height: 15px;} .news-det-main .info .time{padding-left: 22px;background: url('../images/date_icon.png') no-repeat left center;} .news-det-main .content{font-size: 15px;color: #666;line-height: 34px;margin-bottom: 40px;} .news-det-main .content img{display: block;max-width: 100%;margin: 20px 0; margin:0 auto} .news-page a{display: block;float: left;width: 40%;font-size: 15px;line-height: 38px;color: #0077ff;} .news-page a:last-child{float: right;} .news-page a:hover{text-decoration: underline;} /*联系我们*/ .contact-main{padding: 50px 0 123px;} .contact-info{margin-bottom: 50px;} .contact-info .map{width: 100%;height: 359px; margin-bottom:30px;} @media (max-width: 639px) {.contact-info .address{padding: 0 20px;background: #0077ff;/*width: 355px*/width: 98%; min-height:370px;} } @media (min-width: 640px) and (max-width:1920px ) {.contact-info .address{padding: 0 20px;background: #0077ff;/*width: 355px*/width: 45%; min-height:370px;} } .contact-info .address li{padding: 13px 0 12px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);} .contact-info .address li:last-child{border-bottom: none;} .contact-info .address li i{display: block;float: left;margin: 7px 0 0 19px;width: 36px;height: 35px;background: url('../images/address_icon.png') no-repeat;} .contact-info .address li .icon2{background-position: 0 -35px;} .contact-info .address li .icon3{background-position: 0 -70px;} .contact-info .address li .icon4{background-position: 0 -105px;} .contact-info .address li .main{width: 85%;font-size: 18px;color: #fff;line-height: 32px;} .online-message .title{font-size: 27px;color: #333;line-height: 47px;margin-bottom: 16px;} .online-item{margin-bottom: 20px;position: relative;} .online-item .online-text{border:1px solid #e8e8e8;box-sizing: border-box;padding: 0 65px;height: 55px;width: 100%;font-size: 16px;color: #666;} .online-item .sub-item{float: left;width: 386px;margin-right: 20px;position: relative;} .online-item .sub-item:last-child{margin-right: 0;} .online-item .tips{position: absolute;left: 0;top: 0;font-size: 16px;color: #666;line-height: 55px;padding-left: 10px;} .online-item .tips span{color: #e71f1f;} .online-item textarea{box-sizing: border-box;border:1px solid #e8e8e8;padding: 12px 65px;height: 140px;width: 100%;font-size: 16px;color: #666;line-height: 30px;} .online-bot {margin-top: 50px;} .online-bot .online-btn{display: block;width: 175px;height: 50px;border:none;background: #0077ff;font-size: 16px;color: #fff;margin: 0 auto;} /*加入我们*/ .join-main{padding: 58px 0 110px;} .join-list{border:1px solid #e6e6e6;border-bottom: none;} .join-top{background-color: #f5f5f5;} .join-list li{float: left;width: 25%;height: 63px;line-height: 63px;text-align: center;font-size: 15px;color: #444;border-bottom:1px solid #e6e6e6;} .join-list .join-item ul{cursor: pointer;} .join-list .join-item ul.show, .join-list .join-item ul:hover{background-color: #f7f7f7;} .join-list .join-item li{height: 55px;line-height: 55px;} .join-list .erify{display: none;border-bottom: 1px solid #e6e6e6;} .join-list .erify .main{padding: 20px 4.2% 45px;font-size: 14px;color: #444;} .join-list .erify .main dl dd{float: left;line-height: 25px;margin-right: 7%;} .join-list .erify .main .duty-title{margin-top: 20px;line-height: 32px;} .join-list .erify .main .duty{line-height: 30px;} .join-list .erify .main .join-email{color: #0077ff;line-height: 30px;} .join-list .erify .main .join-email a{color: #0077ff;} .join-list .erify .main .join-bot{margin-top: 33px;} .join-list .erify .main .join-down{display: block;padding: 0 50px;border:1px solid #0077ff;float: left;font-size: 15px;color: #0077ff;height: 43px;line-height: 43px;} .join-list .erify .main .join-down i{display: block;float: right;width: 16px;height: 15px;background: url('../images/download_icon.png') no-repeat;margin: 13px 0 0 9px;} .join-list .erify .main .join-upload{width: 217px;height: 43px;background-color: #0077ff;border:1px solid #0077ff;position: relative;float: left;} .join-list .erify .main .join-upload a{display: block;width: 100%;text-align: center;line-height: 43px;font-size: 15px;color: #fff;} .join-list .erify .main .join-upload input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;} .join-list .erify .main .join-bot p{float: left;font-size: 15px;color: #666;line-height: 45px;margin-left: 19px;} .join-list .erify .main .join-bot p span{color: #db2424;} .join-more{display: block;width: 39px;height: 34px;background: url('../images/more.png') no-repeat;margin: 54px auto 0;} /*公司业绩*/ .achievement-main{padding: 58px 0 90px;} .case-list li{float: left;width: 385px;margin: 0 22px 40px 0;} .case-list li:nth-child(3n){margin-right: 0;} .case-list li a{display: block;width: 100%;border-bottom: 2px solid #2d2d2d;position: relative;} .case-list li .pic{width: 100%;height: 220px;overflow: hidden;} .case-list li .imgBg{width: 100%;height: 220px;} .case-list li .title{font-size: 16px;color: #333;line-height: 40px;height: 40px;padding: 10px 0; text-align:center;} .case-list li .line{width: 0;height: 2px;background: #0077ff;position: absolute;left: 0;bottom: -2px;} .case-list li:hover .imgBg{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);} .case-list li:hover .title{color: #0077ff;} .case-list li:hover .line{width: 100%;} /*业务领域*/ .business-banner{height: 695px;} .banner-nav{position: absolute;left: 0;bottom: 0;width: 100%;height: 75px;background: rgba(0, 0, 0, 0.56);} .business-banner .banner-nav .container{padding-top: 0;} .banner-nav li{float: left;margin-right: 45px;} .banner-nav li a{display: block;font-size: 15px;color: #fff;line-height: 75px;padding: 0 26px;} .banner-nav li.on a, .banner-nav li:hover a{background: #0077ff;} .business-nav{background: #f5f5f5;padding-top: 5px;height: 50px;border-color: #e2e2e2;} .business-nav ul li{margin: 0 21px;height: 49px;line-height: 49px;} .business-nav ul li a{padding: 0 27px;} .business-nav ul li.on a, .business-nav ul li:hover a{border-width: 2px;} /*业务领域详情*/ .business-det-main{padding: 55px 0 86px;} .business-content{font-size: 15px;color: #666;line-height: 32px;} .business-content p{margin-bottom: 10px;} .business-content img{display: block;margin: 22px 0;max-width: 100%;} .business-content .title{font-size: 26px;color: #000;font-weight: bold;line-height: 46px;margin-top: 42px;} .business-content .line{width: 100%;height: 1px;background: #e6e6e6;margin-bottom: 15px;} .business-content .sub-title{color: #0077ff;font-size: 16px;line-height: 36px;} /*搜索结果*/ .search_top{padding: 24px 0 40px 0;background-color: #646464;} .search_top .title{font-size: 25px;color: #fff;line-height:47px;font-weight: bold;} .search_top .text{width: 88%;height: 49px;background: #fff;font-size: 15px;color: #666;text-indent: 20px;border:1px solid #fff;display: block;box-sizing: border-box;} .search_top .btn{float: right;width: 10%;height: 49px;border:1px solid #0077ff;background: url('../images/search.png') no-repeat center center #0077ff;box-sizing: border-box;} .search_main{margin-top: 28px;} .search_result{font-size: 20px;color: #333;line-height: 44px;margin-bottom: 28px;} .search_result span{color: #0077ff;} .search_cont{margin-bottom: 50px;} .search_nav{float: left;width: 220px;padding-top: 23px;} .news-ms1.w1200{ width: 999px; } .news { background: #fcfcfc; } .news div, .news a, .news ul, .news li, .news span { box-sizing: border-box; } .news .f2 { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); line-height: 90px; } .news .f2 .w-n-tab { height: 90px; line-height: 90px; } .news .f2 .h2 { font-size: 24px; color: #2c419c; } .news .f2 .n-tab { width: 27.5%; } .news .f2 .n-tab .n-tab-a { display: inline-block; width: 33.3%; text-align: right; float: inherit; font-size: 15px; color: #888; cursor: pointer; transition: all .3s linear; } .news .f2 .n-tab .n-tab-a.cur, .news .f2 .n-tab .n-tab-a:hover { color: #2c419c; } .news .f3 .top { font-size: 36px; line-height: 36px; color: #333; text-align: center; margin: 70px 0; } .news .news-ms1 { padding-bottom: 122px; } .news .news-li { width: 31.6%; margin-bottom: 46px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .news .news-li .news-a { display: block; } .news .news-li .news-a .img,.co .pcf2 .co-li .co-a .img { height: 268px; background: #fff; overflow: hidden; } .search_nav li{font-size: 20px;height: 25px;line-height: 25px;margin-bottom: 38px;} .search_nav li a{display: block;color: #666;} .search_nav li i{display: block;width: 25px;height: 25px;float: left;margin-right: 8px;background: url('../images/search_raido.png') no-repeat;} .search_nav li.on i{background-position: 0 -35px;} .search_tabs{float: right;width: 960px;background-color: #f5f5f5;} .search_list{padding: 15px 30px 30px;} .search_list .name{font-size: 18px;color: #333;line-height: 40px;font-weight: bold;border-bottom: 1px solid #d2d2d2;} .search_list li{border-bottom: 1px dashed #d2d2d2;} .search_list li a{display: block;padding: 22px 0;} .search_list li .title{font-size: 18px;color: #0077ff;line-height: 34px;float: left;width: calc(100% - 100px);} .search_list li .time{float: right;height: 15px;line-height: 15px;margin-top: 10px;font-size: 14px;color: #666;background: url('../images/date_icon.png') no-repeat;padding-left: 22px;} .search_list li .con{font-size: 13px;color: #666;line-height: 30px;padding-top: 4px;} .search_list li:hover .title{font-weight: bold;} .search-more{display: block;width: 39px;height: 34px;background: url('../images/more.png') no-repeat;margin: 30px auto 0;} /***新闻列表**/ .mainboxs{ width:1200px; height:auto; margin:0 auto} /***分页**/ .pages { text-align: center; } .pages .pages1 { display: inline-block; } .pages .pages1 a { display: inline-block; vertical-align: middle; box-sizing: border-box; width: auto; height: 40px; line-height: 40px; color: #666; font-size: 15px; text-align: center; border: 1px solid #e6e6e6; border-width: 1px 1px 1px 1px; transition: all .3s linear; padding:0 10px; } .pages .pages1 a:last-child { border-right: 1px solid #e6e6e6; } .pages .pages1 a:hover, .pages .pages1 a.active { border-color: #0077ff; color: #fff; background-color: #0077ff; } .pages .pages1 .sheng { border-top: none; border-bottom: none; } .pages .pages1 .sheng:hover { background: #fff; color: #0077ff; border-color: #e6e6e6; } .pages .pages1 .prev, .pages .pages1 .next { font-size: 13px; width: 92px; text-align: left; } .pages .pages1 .prev { border-left-width: 1px; padding-left: 36px; background: url(../images/prev4.png) left 16px center no-repeat; background-size: 6px; } .pages .pages1 .prev:hover { background: url(../images/prev4on.png) left 16px center no-repeat; background-color: #0077ff; background-size: 6px; } .pages .pages1 .next { border-right-width: 1px; padding-left: 12px; background: url(../images/next4.png) 70px center no-repeat; background-size: 6px; } .pages .pages1 .next:hover { background: url(../images/next4on.png) 70px center no-repeat; background-color: #0077ff; background-size: 6px; } .pagination { margin: 40px auto; text-align: center; } /*****产品详情css****/ @media (max-width: 639px) { #preview { float: left; margin: 0px auto; width: 100%; padding-top: 20px; margin-left: 0PX; } .jqzoom {/* border-width: 1px;*/ border-style: solid; border-color: #666; width: 80%;/* height:325PX;*/ margin-bottom: 10px; overflow: hidden; position: relative; overflow: hidden; text-align: center; margin: 0 auto } .jqzoom img { width: 325px; height: 244px; overflow: hidden; text-align: center; background-position: center center; } .tbox { width: 95%; margin: 0 auto; margin-top: 10px; } .tbox table { margin-top: -30px; width: 100%; height: auto; overflow: hidden } #spec { position: relative; width: 330px; height: 95px; margin-left: -10px; overflow: hidden; z-index: 9999; margin: 0 auto; margin-top: 10px; } #specList ul li { float: left; width: 75.5px; height: 57px; display: inline; margin-right: 5px; border: 1px solid #666 } #specList ul li img { padding-bottom: 2px; padding-left: 2px; width: 73.5px; height: 55px; padding-right: 2px; margin-bottom: 1px; padding-top: 2px } #specList { position: absolute; text-align: left; width: 90%; height: 90px; overflow: hidden; top: 0px; left: 13px } #specList ul { position: absolute; width: 100%; left: 0px } } @media (min-width: 640px) and (max-width:1023px ) { #preview { float: left; margin: 0px auto; /*width:550px; */ width: 100%; padding-top: 20px; margin-left: 20PX; } .jqzoom { /*border-width: 1px;*/ border-style: solid; border-color: #666; width: 600px;/* height:450PX;*/ margin-bottom: 10px; overflow: hidden; position: relative; overflow: hidden; text-align: center; margin: 0 auto } .jqzoom img { width: 600px; height: 450px; overflow: hidden; text-align: center; background-position: center center; } .tbox { width: 100%; margin-top: 10px; max-width: 600px; } .tbox table { margin-top: -30px; } #spec { position: relative; width: 540px; height: 95px; margin-left: -10px; overflow: hidden; z-index: 9999; margin: 0 auto; margin-top: 10px; } #specList ul li { float: left; width: 82px; height: 63px; display: inline; margin-right: 5px; border: 1px solid #666 } #specList ul li img { padding-bottom: 2px; padding-left: 2px; width: 78px; height: 59px; padding-right: 2px; margin-bottom: 1px; padding-top: 2px } #specList { position: absolute; text-align: left; width: 520px; height: 90px; overflow: hidden; top: 0px; left: 13px } #specList ul { position: absolute; width: 380px; left: 0px } } @media (min-width: 1024px) and (max-width:1440px ) { #preview { margin: 0px auto; /*width:450px;*/ width: 100%; padding-top: 20px; max-width: 1000px; } .jqzoom {/* border-width: 1px;*/ border-style: solid; border-color: #666; width: 800px; /*width:450px; height:450PX; */ margin-bottom: 10px; overflow: hidden; position: relative; overflow: hidden; text-align: center; margin: 0 auto } .jqzoom img { width: 800px; height: 600px; overflow: hidden; text-align: center; background-position: center center; } .tbox { width: 100%; margin-top: 10px; margin-top: 10px; margin: 0 auto; max-width: 1000px;/*text-align:center*/ } #spec { position: relative; width: 540px; height: 95px; margin-left: -10px; overflow: hidden; z-index: 9999; margin: 0 auto; margin-top: 10px; } #specList ul li { float: left; width: 82px; height: 63px; display: inline; margin-right: 5px; border: 1px solid #666 } #specList ul li img { padding-bottom: 2px; padding-left: 2px; width: 78px; height: 59px; padding-right: 2px; margin-bottom: 1px; padding-top: 2px } #specList { position: absolute; text-align: left; width: 520px; height: 90px; overflow: hidden; top: 0px; left: 13px } #specList ul { position: absolute; width: 380px; left: 0px } } @media (min-width: 1441px) and (max-width:1920px ) { #preview { margin: 0px auto; width: 100%; /*width:600px;*/ padding-top: 20px; max-width: 1400px; } .jqzoom { /*border-width: 1px;*/ /* border-style: solid; */ border-color: #666; width: 1000px;/* height:750PX;*/ margin-bottom: 10px; overflow: hidden; position: relative; overflow: hidden; text-align: center; margin: 0 auto } .jqzoom img { width: 1000px; height:667px; overflow: hidden; text-align: center; background-position: center center; } .tbox { width: 100%; margin: 0 auto; /*text-align:center;*/ margin-top: 30px; max-width: 1400px; } #spec { position: relative; width: 540px; height: 95px; margin-left: -10px; overflow: hidden; z-index: 9999; margin: 0 auto; margin-top: 10px; } #specList ul li { float: left; width: 82px; height: 63px; display: inline; margin-right: 5px; border: 1px solid #666 } #specList ul li img {/* border:#ccc 1px solid;*/ padding-bottom: 2px; padding-left: 2px; width: 78px; height: 59px; padding-right: 2px; margin-bottom: 1px; padding-top: 2px } #specList { position: absolute; text-align: left; width: 520px; height: 90px; overflow: hidden; top: 0px; left: 13px } #specList ul { position: absolute; width: 380px; left: 0px } } .zoomdiv { width: 365px; height: 260px; left: 859px; z-index: 100; border-bottom: #666 1px solid; position: absolute; text-align: center; border-left: #666 1px solid; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 365px; overflow: hidden; border-top: #666 1px solid; top: 1px; border-right: #666 1px solid; left: 0px } .specLeftT { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height: 9px; top: 28px; cursor: pointer; left: 0px } .specRightT { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height: 9px; top: 28px; cursor: pointer; right: -15px } .specLeftF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height: 9px; top: 28px; cursor: pointer; left: 0px } .specRightF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height: 9px; top: 28px; cursor: pointer; right: 0px } #specList { display: inline; float: left; margin-left: 2px } .bigimg { width: 1000px; height: 667px } .jqZoomPup { z-index: 10000; border-bottom: #666 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #666 1px solid; width: 50px; height: 50px; background: #666 no-repeat 50% top; visibility: hidden; border-top: #666 1px solid; top: 0px; cursor: move; border-right: #666 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5 } .xqpic { width: 100%; height: auto; margin-top: 30px;/* margin:0 auto; text-align:center; */ } .xqpic img { width: 100%; height: auto; margin: 0 auto } .xqpic p { width: 100%; line-height: 26px;/* text-align:center*/ } .pros .prev-next-wrap { padding-top: 23px; font-size: 14px; color: #666; line-height: 1.5; border-top: 1px solid #e5e5e5; } .pros .prev-next-wrap { padding-top: 23px; font-size: 14px; color: #666; line-height: 1.5; border-top: 1px solid #e5e5e5; } .pros .normal-info-container .prev-next-wrap .prev { margin-bottom: 10px; } .pros .prev-next-wrap a { color: #666; } .tbox .title { font-size: 20px; font-weight: bold; line-height: 40px; } .tbox p { line-height: 30px; font-size: 14px; } .pros { width: 100%; max-width: 1400px; margin: 0 auto } .clear { clear: both } .product-detail02-r { width: 100%; padding-left: 7.5%; font-size: 15px; color: rgba(0,0,0,.8); } .product-detail02-r .title { color: #333; line-height: 1.3; font-weight: 700; padding-bottom: 16px; border-bottom: 1px solid #ddd; margin-bottom: 30px; font-size:28px; } .product-detail02-r .content { line-height: 1.8; padding-bottom:50px; } .product-detail02-r .content p{ line-height:28px;} /*news.html*/ .news_list1 { padding-bottom: 50px; } .news_list1 a { display: block; background: #ffffff; padding: 35px 0; box-sizing: border-box; position: relative; border-bottom: 1px solid #ddd; } .news_list1 .lans:after { content: ''; width: 0%; left: 0; position: absolute; bottom: 0px; height: 3px; background: #613720; transition: all .5s; -webkit-transition: all .5s; } .news_list1 a:hover .lans:after { left: 0; width: 100%; } .index5 .news_list1 .lans:after{ display:none; } .news_list1 .imgs { width: 28.5%; float: left; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; min-width: 350px; } .news_list1 a:hover .imgs { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .news_list1 .lans { width: 48%; float: left; box-sizing: border-box; margin-left: 4.3%; margin-top: 10px; } .news_list1 .l1 { font-size: 26px; line-height: 30px; height: 60px; color: #222; } .news_list1 .l2 { font-size: 18px; line-height: 26px; color: #666666; height: 52px; margin-top: 20px; } .news_list1 .l3 { color: #222; font-size: 16px; margin-top: 8%; line-height: 30px; } .news_list1 .times { width: 120px; text-align: right; color: #222; float: right; margin-top: 10px; font-family: "CODE_BOLD"; } .news_list1 .t1 { font-size: 40px; } .news_list1 .t2 { font-size: 20px; margin-top: 5px; } .news_list1 a:hover .l1, .news_list1 a:hover .times, .news_list1 a:hover .l3 { color: #613720; } .news_list1 a:last-child { margin-bottom: 0; border-bottom: 0; } .news_list1 a:hover dd:last-child img:last-child { display: inline-block; } .news_list1 a:hover dd:last-child img:first-child { display: none; } .news_list1 .l3 dd:last-child { margin: 0; } .news_list1 .arrow { height: 30px; background: url('../images/arrow.png') center center no-repeat; width: 42px; display: inline-block; vertical-align: top; } .news_list1 a:hover .arrow { background: url('../images/arrow_on.png') center center no-repeat; }