@charset "utf-8"; /** 深圳市国人伟业信息技术有限公司 */ .w1800{width: 1800px;margin: 0 auto} /*头部*/ .header{height: 114px;} .headerLogo{float: left;width: 16%;display: table;} .headerLogo a{display: table-cell;vertical-align: middle;height: 114px;} .headerLogo img{display: block;max-width: 100%;} .headerMainpro{float: left;line-height: 114px;} .headerMainpro a{float: left;font-size: 16px;color: #333;margin-right: 50px;padding-left: 34px} .headerLang{float: right;line-height: 114px;background: url(../images/langIcon.png) no-repeat right center;position: relative;padding-right: 24px;} .headerLang .lang{font-size: 14px;color: #333;} .headerNav{float: right;width: 24%;height: 114px;line-height: 114px;} .headerNav .nav li{float: left;margin: 0 4%;position:relative;z-index:10;} .headerNav .nav>li>a{font-size: 16px;} .headerNav .nav .m>a{display: block;font-size: 16px;color: #333333;transition: all .5s;} .headerNav .nav .m>a:hover,.headerNav .nav>li>.current{color: #f47115} .navFix{ position:fixed; top:0px;left:0px;width:100%; z-index:100000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));background-color: #fff;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1)} .nav .navSub{position:absolute;background:#fff;background:#fff;top:115px;box-shadow:0 0 3px #454545;width:480px;left:-300px;display:none;padding:20px 25px;font-size:12px;} .nav .navSub:after{content:"";position:absolute;left:58%;top:-16px;border:8px solid transparent;border-bottom-color:#ccc;} .navSub_pro:after{content:"";position:absolute;left:41% ! important;top:-16px;border:8px solid transparent;border-bottom-color:#ccc;} .navSub_left{width:225px;border-right:1px solid #ccc;min-height:180px;} .navSub_left li{float:none;width:200px;font-size:13px;text-align:left;height:30px;line-height:30px;background:none;} .navSub_right{float:right; width:230px;line-height:20px;font-size:12px;text-align:center;font-weight:normal;} .navSub_right img{height:auto;max-width: 230px;} .navSub_right .font{margin-top:10px;} .nav .navSub_left a{color:#555;height:30px;line-height:30px;left:0;background:url('../images/ly_li.png') no-repeat left center;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} .nav .navSub_left a:hover{color:#f37214;background:none;left:10px;} /*.navSub_pro .navSub_right,.navSub_pro .navSub_right div{height:180px;overflow:hidden;}*/ .nav .m6 .navSub{left:-300px;} .nav .m6 .navSub:after{left:60%;} .nav .m7 .navSub{left:-420px;} .nav .m7 .navSub:after{left:84%;} /* .nav .m4 .navSub{left:-185px;} .nav .m5 .navSub{left:-290px;} */ /*广告*/ .banner{width: 100%;margin:0 auto;overflow:hidden;position: relative;margin-top: 114px;} .banner .banner-pagination{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:50px ! important;text-align: center} .banner .banner-pagination span{display:inline-block;width: 8px;height: 8px;margin: 0 4px;cursor: pointer;overflow: hidden;transition: all .5s;background-color: #fff;border-radius: 100px;opacity: 1;} .banner .banner-pagination span.swiper-pagination-bullet-active{background-color: #f47115} .banner img{max-width: 100%;} .banner .banner-button-prev,.banner .banner-button-next{display:block;width: 23px;height:45px;position: absolute;z-index:2;top:50%;margin-top: -15px;background-repeat: no-repeat;background-position: center center;cursor: pointer;transition: 0.5s all} .banner .banner-button-prev{background-image: url(../images/banner-prev.png);left: 5%;opacity: 0;} .banner .banner-button-next{background-image: url(../images/banner-next.png);right: 5%;opacity: 0} .banner:hover .banner-button-prev{left: 10%;opacity: 1;} .banner:hover .banner-button-next{right: 10%;opacity: 1;} /*公共标题*/ .indexTie{float: left;font-size: 36px;color: #000;padding-bottom: 20px;position: relative;font-weight: normal;} .indexTie:after{content: '';position: absolute;left: 0;bottom: 0;width: 27px;height: 4px;background: url(../images/indexTie.png)no-repeat center;} .indexTie p{font-weight: normal;font-size: 24px;color: #666;margin-top: 14px;} .center{text-align: center} .flnone{float: none;} .home-tab{margin-bottom: 20px;padding-top: 10px;overflow: hidden;} .home-tab ul{float: right;} .home-tab ul a{font-size: 16px;color: #333;float: left;padding: 0 30px;position: relative;} .home-tab ul a:after{content: '';position: absolute;right: 0;top: 4px;width: 1px;height: 16px;background:#bebebe } .home-tab ul a:last-child{padding-right: 0} .home-tab ul a:last-child:after{display: none;} .home-tab ul a:hover{color:#f47116;} .home-tab .on{color:#f47116;} /*产品中心*/ .homeProd{padding: 60px 0;} .homeProd-main ul{margin-right: -20px;} .homeProd-main li{width: 25%;float: left;} .homeProd-main li a{display: block;margin-right: 20px;} .homeProd-main li a .pic{display: block;position: relative;width: 100%;padding-top: 86%;overflow: hidden;border: 1px solid #e1dddd;} .homeProd-main li a img{position: absolute;width: 100%;height: 100%; top: 0;left: 0;transition: all .5s;} .homeProd-main li a h4{height: 56px;line-height: 56px;text-align: center;color: #666666;font-size: 14px;font-weight: normal;position: relative;z-index: 0;} .homeProd-main li a h4:after{position: absolute;content: "";bottom: 0;height:0;background-color: #f47115;transition: all .5s;width: 100%;left: 0;z-index: -1;} .homeProd-main li a:hover h4:after{height: 56px;} .homeProd-main li a:hover h4{color: #fff;} .homeProd-main li a:hover img{transform: scale(1.05);} .homeProd-wrap{position: relative;} /*创新场景应用*/ @-webkit-keyframes shaketo { 0%{ transform: scale(0.9); -webkit-transform: scale(0.9); opacity: 1; } 100% { transform: scale(1.3); -webkit-transform: scale(1.3); opacity: 0; } } @keyframes shaketo { /* 0%, 100% { transform: scale(0.9); -webkit-transform: scale(0.9); opacity: 1; } 50% { transform: scale(1.3); -webkit-transform: scale(1.3); opacity: 0; } */ 0%{ transform: scale(0.9); -webkit-transform: scale(0.9); opacity: 1; } 100% { transform: scale(1.3); -webkit-transform: scale(1.3); opacity: 0; } } .homeInnovation{height: 820px;position: relative;background-size: 100%;overflow: hidden; transition: 0.5s all} .homeInnovation .yqbg{width: 100%;position: absolute;left: 0;top: 0;z-index: 9;} .homeInnovation .yqbg img{display: block;margin:0 auto;} .homeInnovation .mainTie{padding-top: 19%;text-align: center;font-size: 36px;color: #fff;z-index: 999;position: absolute;left: 0;top: 0;width: 100%;} .homeInnovation .mainTie h3{font-weight: normal;margin-bottom: 20px;} .homeInnovation .mainTie p{font-size: 24px;line-height: 30px;} .homeInnovation i{position: absolute;border-radius: 100px;background: rgba(255,255,255,0.6);display: block;transition: 0.5s all;z-index: 99} .homeInnovation i.small{width:25px;height: 25px; } .homeInnovation i.s1{left: 28.5%;top: 34%;} .homeInnovation i.s2{left: 41%;top: 15%; transform: rotateY(353deg);} .homeInnovation i.s3{left: 72.5%;top: 15%;} .homeInnovation i.medium{width:44px;height: 44px;left: 69.5%;top: 62%; } .homeInnovation i.big{width:86px;height: 86px;left: 33.5%;top: 81%;z-index: 999} .homeInnovation .txt{position: absolute;font-size: 18px;color: #fff;width: 92px; height: 92px; text-align: center; line-height: 30px; word-wrap: break-word;background: rgb(244, 113, 23,0.7); border-radius: 50px;} .homeInnovation .t1{left: 47.5%;top: 13%;} .homeInnovation .t2{left: 61%;top: 39%;} .homeInnovation .t3{left: 58%;top: 63%;} .homeInnovation .t4{left: 47.5%;top: 74.5%;} .homeInnovation .t5{left: 37.3%;top: 63%;} .homeInnovation .t6{left:34.5%;top: 39%;} .homeInnovation .txt dt{width: 50px;height: 50px;border-radius: 50px;position: relative;padding: 20px;} .homeInnovation .txt dt:before{ content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; border: 1px solid #fff; box-shadow: 0px 0px 8px #fff; border-radius: 50%; z-index: -1; animation: shaketo 1.5s infinite; -webkit-animation: shaketo 1.5s infinite; } .homeInnovation .bd{position: absolute;left: 0;top: 0;width: 100%;height: 827px;} /*.homeInnovation .bd li span{display: block; position:relative ! important;padding-top: 50%;width: 100%;}*/ .homeInnovation .bd li img{ width: 100%; display: block;width: 100%;height: 100%;} .homeInnovation .hd{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9999;cursor: pointer;} .homeInnovation .hd li.on{background: rgb(244, 113, 23)} /*关于澳门新埔京*/ .homeAbout{background: #f4f4f4;padding: 128px 0 115px 0;} .homeAbout-left{width: 50%;padding-top: 14px;} .homeAbout-left .indexTie{float: none; width: 100%} .homeAbout-right{width: 50%;cursor: pointer;padding-top: 54px;} .homeAbout-right img{width: 100%} .homeAbout-left h2{font-size: 30px;color: #ffffff;font-weight: normal;margin-bottom:30px;} .homeAbout-left .txt{padding-right: 30px;font-size: 14px;color: #666;line-height: 28px;opacity: 0.9;margin: 30px 0;} .homeAbout-left .more{display: block;width: 160px;height: 50px;line-height: 50px;color: #fff;font-size: 14px;background-color: #f47115;text-align: center;transition: all .5s;} .homeAbout-left .more:hover{background-color: #e35f03;} /*RFID产业智造平台*/ .homePlatform{padding: 90px 0 100px 0;background: #fff;overflow: hidden;} .homePlatform .indexTie:after{width: 100%;} .homePlatform-box{margin-top: 50px ! important;overflow: hidden;} .homePlatform-tab{float: right;width: 32.2%;height: 560px;} .homePlatform-tab ul li{height: 93px;padding: 47px 0 0 40px;box-shadow: -6px 6px 10px #e3e3e3;cursor: pointer;transition: 0.4s all} .homePlatform-tab ul li b{font-size: 20px;color: #f47116;} .homePlatform-tab ul li p{font-size: 16px;color: #666;} .homePlatform-tab ul li.on{box-shadow: none;background: #f37214;} .homePlatform-tab ul li.on b{color: #fff;} .homePlatform-tab ul li.on p{color: #fff;} .homePlatform-main-w{float: left;width: 67.8%;height: 560px;overflow: hidden;} .homePlatform-main .homePlatform-wrap{height: 560px;} .homePlatform-main img{width: 100%;height: 100%;transition: 0.4s all} .homePlatform-main img:hover{transform: scale(1.1);} /*实力展示*/ .comshow{margin-top: 30px;} .comshow dt{float: left;margin-right: 3.9%;width: 30.7%} .comshow dt:last-child{margin-right: 0} .comshow dt h4 a{font-size: 20px;color: #333;margin-bottom: 20px;} .comshow dt h4 i{float: right;font-size: 16px;color: #666;font-family: 宋体;font-style: normal;} .comshow dt span{display: block;overflow: hidden;padding-top: 64%;width: 100%;position: relative;} .comshow dt li img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;transition: 0.5s all} .comshow dt li p{font-size: 16px;color: #999;line-height: 54px;border-bottom: 1px solid #f47116;position: relative;z-index: 1;transition: 0.4s all;} .comshow dt li p:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: #f47116;transition: 0.4s all;z-index: -1;} .comshow dt li b{font-size: 16px;color: #999;float: right;font-weight: normal;} .comshow dt li:hover p{color: #fff;padding: 0 10px;} .comshow dt li:hover b{color: #fff;} .comshow dt li:hover p:after{height: 100%;} .comshow dt li:hover img{transform: scale(1.1);} /*新闻*/ .homeNews{padding: 116px 0;background: #f4f4f4;} .homeNews h3{font-size: 30px;color: #333333;font-weight: normal;height: 36px;line-height: 36px;margin-bottom: 20px;} .homeNews h3 .more{display: block;float: right;margin-top: 10px;font-size: 14px;transition: all .5s;} .homeNews h3 .more:hover{color: #f47115;} .homeNews-main ul li{float: left;margin-right: 7%;width: 24.5%;position: relative;top: 0;transition: 0.5s all} .homeNews-main ul li:nth-child(2){margin-bottom: 6%} .homeNews-main ul li:nth-child(3){margin-bottom: 6%} .homeNews-main ul li:nth-child(2n-1){margin-right: 0} .homeNews-main ul li h4{font-size: 16px;color: #333;font-weight: normal;} .homeNews-main ul li span{font-size: 14px;color: #f47115;} .homeNews-main ul li p{font-size: 16px;color: #666;margin-top: 10px;} .homeNews-main ul li.newsLi1{width: 38%;margin-right: 6%;} .homeNews-main ul li.newsLi1 span{display: block;height: 308px;overflow: hidden;} .homeNews-main ul li.newsLi1 span img{width: 100%;height: 100%;transition: 0.5s all} .homeNews-main ul li.newsLi1 h4{height: 38px;line-height: 20px;padding: 34px;background: #f47116;font-weight: normal;font-size: 16px;color: #fff;} .homeNews-main ul li.newsLi2:hover{top: -5px;} .homeNews-main ul li:hover img{transform: scale(1.1);} .homeNews-main ul li.newsLi2:hover h4{color: #f47116} /*底部*/ .footer{background:#f47115;color:#fff;padding: 60px 0 30px 0;} .footer .footLeft{overflow: hidden;float: left;width: 78%;} .footer .footLeft dl{float: left;margin-right:20%;} .footer .footLeft dl dt{font-size: 18px;color: #fff;margin-bottom: 15px;} .footer .footLeft dl dd{margin-bottom: 5px;} .footer .footLeft dl dd a,.footer .footLeft dl a{color: #fff} .footer .footContact{width: 22%;position: relative;} .footer .footContact dt{font-size: 18px;color: #fff;margin-bottom: 15px;} .footer .footContact span{display: block;margin:10px 0 -5px 0; font-size: 16px;color: #fff;} .footer .footContact strong{font-size: 30px;color: #d93f01;display: block;} .footer .footContact p{font-size: 14px;color: #fff;margin-top: 20px;} .footer .footContact .code{position: absolute;right: 0;top: 0;font-size: 14px;color: #fff;text-align: center} .footer .footContact .code b{display: block;} .footBot{background: #f47115;color: #fff;padding: 10px 0;} .footBot .footBotfr dt{overflow: hidden;width: 100%;} .footBot .footBotfr dt li{float: left;width: 100%;} .footBot .footBotfr dt li span{float: left;} .footBot .footBotfr dt li a{margin-right: 20px;} /*border-top: 1px solid #585858*/ .footBot a{color:#fff;margin-right: 15px;font-size: 12px;} .footBot .footBotfl{float: left;width: 50%} .footLink{font-size: 14px;color: #fff;width: 100%;overflow: hidden;} .footLink span{float: left;margin-right: 10px;} .footLink li{float: left;} .footLink a{font-size: 14px;color: #fff;margin-right: 20px;} .footBotfr{float: right;line-height: 44px;width: 33%} .footBotfr a{color: #fff;float: left;margin-right: 40px;} .footBotfr .icon{width: 34px;height: 34px;background: url(../images/footIcon.png)no-repeat center;margin-right: 10px;} .footBotfr .qq{background-position: 0 0} .footBotfr .wx{background-position: -45px 0} .footBotfr .tel{background-position: -89px 0} .footer .footLeft dl dd a:hover,.foot-bot a:hover{color: #fff;} /* 内页公用 */ .listBanner{ width:1920px; position: relative; left:50%; margin-left:-960px; height:360px;margin-top: 115px;} .listBanner img{display: block;} .listWrapper{padding:40px 0 50px 0;overflow:hidden;} .pageWrapper {padding:40px 0 50px 0;} .breadCrumb{height: 60px;line-height: 60px;border-bottom: 1px solid #dadada;margin-bottom: 30px;} .breadCrumb p{background: url(../images/location_icon.png) no-repeat left center;padding-left: 20px;width: 1180px;} .breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#999;color:#fff;margin-top:15px;} .breadCrumb .back:hover{background:#f47115;transition:all 0.3s;} /* 内页公用菜单 */ .listMenu{overflow: hidden;} .listMenu .menuWrap{text-align: center;font-size: 0;} .listMenu .menuWrap a{display: inline-block;height: 44px;line-height: 44px;background-color: #e5e5e5;color: #333333;font-size: 16px;margin-right: 1px;transition: all .5s;padding: 0 20px;min-width: 80px;} .listMenu .menuWrap a.current,.listMenu .menuWrap a:hover{background-color: #f47115;color: #fff;} .menuSub{text-align:left;margin-top:40px;background: #f4f4f4;padding: 15px 0} .menuSub a{padding: 0 15px;background: url(../images/nav-bg.png) no-repeat right center;} .menuSub a.current,.menuSub a:hover{color: #f47115} /*内页公用主题*/ .pageTopic{padding-bottom: 35px;} .pageTopic h3{font-size: 34px;color: #333333;font-weight: normal;text-align: center;margin-bottom: 20px;} .pageTopic p{font-size: 14px;color: #666666;text-align: center;} /* 风采展示 */ .partnerList,.honorList,.settingList,.newsList,.appList,.newsList,.downList{ width:1200px;overflow: hidden;} .caseList ul,.partnerList ul,.honorList ul,.settingList ul,.downList ul,.clientList ul,.newsList2 ul{ width:1240px;} .settingList ul li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;} .settingList ul li img{display:block;width:270px;height:190px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s;} .settingList ul li img:hover{border:1px solid #f47115;background:#f47115;} .settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;} /* 荣誉证书 */ .honorList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;} .honorList li img{display:block;width:270px;height:203px;padding:4px;border:1px solid #e3e3e3;background:#fff;} .honorList li img:hover{border:1px solid #f47115;background:;} .honorList li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;} /* 合作伙伴 */ .partnerList li{float:left;width:220px;margin-right:25px;margin-bottom:25px;} .partnerList li img{ width:210px; height:90px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;} .partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} /*视频列表列表*/ .videoList ul{width: 1250px;} .videoList li{width: 279px;margin-right: 28px;position: relative;margin-bottom: 30px;float: left;transition: all .5s;} .videoList li .pic{display: block;overflow: hidden;position: relative;} .videoList li img{width: 100%;height: 100%;transition: all .5s;display: block;} .videoList li:hover img{transform: scale(1.2);} .videoList li p{padding:20px 10px ;transition: all .5s;position: relative;left: 0} .videoList li p .tit{font-size: 14px;color: #333333;display: block;} .videoList li p .time{font-size: 12px;color: #999999;display: block;} .videoList li:after{content: "";position: absolute;width: 0;left:50%;height: 2px;background-color: #f47115;transition: all .5s;bottom: 0px;} .videoList li:hover:after{width: 100%;left: 0} .videoList li:hover{box-shadow: 0 8px 20px rgba(0,0,0,.1);} .videoList li:hover p{left: 15px;} /* 新闻列表 */ .newsList li{margin-bottom: 30px;border-bottom: 1px solid #dadada;padding-bottom: 20px;height: 210px;overflow: hidden;} .newsList li .pic{width: 390px;height: 210px;float: left;position: relative;overflow: hidden;} .newsList li .pic img{width: 100%;height: 100%;transition:all 0.5s;} .newsList li:hover img{transform:scale(1.2);} .newsList li .pic .time{position: absolute;width: 110px;height: 60px;right: 0;bottom: 0;background: #666666;color: #fff;font-size: 18px;text-align: center;padding: 10px;transition: all .5s} .newsList li .pic .time strong{display: block;font-size: 26px;border-top: 1px solid #fff;padding-top: 8px;margin-top: 5px;} .newsList li .txt{width: 750px;height:170px;padding: 20px ;float: right;} .newsList li .txt p{padding-bottom: 20px;border-bottom: 1px dotted #dadada;margin-bottom: 30px;} .newsList li .txt h4{font-size: 18px;font-weight: normal;color:#343434;margin-bottom: 20px;} .newsList li:hover .txt h4{color: #f47115} .newsList li:hover .time{background: #f47115} .newsList li .txt .more{background: url(../images/news-link-ico.png) no-repeat left center;padding-left: 25px;} .newsList li:hover .txt .more{color: #ffae00} /* 常见问题 */ .faqList li{position:relative;margin-bottom: 30px;border-left: 3px solid #f47115;} .faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#f47115;pointer-events:none;} .faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;} .faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;} .faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;} .faqList li h3{position:relative; padding:0 60px; background-color:#f3f3f3; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;color: #333;background-image:url(../images/faq.png); background-repeat:no-repeat; background-position:20px 0;} .faqList li div{display:none;padding:25px 60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;} .faqList li div{background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;} @-webkit-keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } @keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } /* 新闻详细样式 */ .articleShow .articleStart{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #dedede;overflow: hidden;text-align: center;position: relative;} .articleShow .articleStart .bshare-custom{position: absolute;right: 0;top: 40px;} .articleShow .articleMain .title{font-size: 20px;line-height: 30px;color: #303030;font-weight: normal;margin-bottom: 10px;} .articleShow .articleMain .time{display: block;font-size: 14px;color: #999999} .articleShow .articleMain .content{margin-bottom: 60px;} .articleShow .articlePage{background: #f5f5f5;overflow: hidden;margin-bottom: 30px;} .articleShow .articlePage .post-prev,.articleShow .articlePage .post-next{transition: all .36s ease;position: relative;width: 50%;overflow: hidden;float: left;padding: 15px;box-sizing: border-box;-moz-box-sizing: border-box;background: #f5f5f5;transition: all .5s;} .articleShow .articlePage a{display: block;width: 100%;height: 100%;} .articleShow .articlePage .pageImg{width: 70px;transition: all .5s;} .articleShow .post-prev .pageImg{text-align: right;} .articleShow .articlePage h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666;font-weight: normal;position: relative;transition: all .5s;width: 240px;} .articleShow .articlePage .post-prev h5{right: 0;text-align: right;} .articleShow .articlePage .post-next h5{left: 0;text-align: left;} .articleShow .articlePage i{display: block;width: 40px;height:16px;margin-top: 5px;} .articleShow .articlePage .post-prev i{border-right: 1px solid #c9c9c9;background: url(../images/pageJt-icoL.png) no-repeat 0 center;transition: all .5s;} .articleShow .articlePage .post-next i{border-left: 1px solid #c9c9c9;background: url(../images/pageJt-icoR.png) no-repeat -40px center;transition: all .5s} .articleShow .articlePage .post-prev:hover .pageImg,.articleShow .articlePage .post-next:hover .pageImg{color: #fff;} .articleShow .articlePage .post-prev:hover,.articleShow .articlePage .post-next:hover{background-color: #f47115} .articleShow .articlePage .post-prev:hover h5{color: #fff;right:25px;} .articleShow .articlePage .post-next:hover h5{color: #fff;left:25px;} .articleShow .articlePage .post-prev:hover i{border-color: #fff;background-position: -40px 0;opacity: 0.6} .articleShow .articlePage .post-next:hover i{border-color: #fff ;background-position: 0 0;opacity: 0.6} .articleShow .articleHost h3{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;color: #303030;margin-bottom: 10px;} .articleShow .articleRelate-news{border: 1px solid #e5e5e5;padding: 15px 20px;overflow: hidden;} .articleShow .articleRelate-news ul{width: 1250px;} .articleShow .articleRelate-news li{height: 36px;line-height: 36px;border-bottom: 1px dashed #e5e5e5;transition: all .5s;float: left;width: 550px;margin-right: 50px;} .articleShow .articleRelate-news li .time{color: #ccc;float: right;width: 72px;} .articleShow .articleRelate-news li a{display: block;background: url(../images/ly_li.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;width: 400px;position: relative;transition: all .5s;left: 0;float: left;} .articleShow .articleRelate-news li:hover a{color: #f47115;left: 10px;} /* 人才招聘 */ .gr-jobs-list dd{padding:0 15px;height:50px;line-height:50px;border:1px solid #ddd;background:#f1f1f1;margin-top:10px;cursor: pointer;font-size:14px;} .gr-jobs-list dd em{float:right;display:block;width:15px;height:15px;background:url(../images/iconf.png) no-repeat;cursor:pointer;margin-top:20px;} .gr-jobs-list dd.on em{background:url(../images/icong.png) no-repeat;} .gr-jobs-list dd span{display:block;float:left;} .gr-jobs-list dt{border:1px solid #ccc;border-top:none;padding:15px;margin-bottom:10px;background:#fff;} .gr-jobs-list dt strong{font-size:14px;} .gr-apply{display:block;width:140px;text-align:center;height:40px;line-height:40px;background:#555;border-radius:3px;color:#fff;margin:30px auto 0 auto;transition:all 0.3s;} .gr-apply:hover{background:#f47115;color:#fff;} /* 产品列表 */ .productList{overflow: hidden;} .productList ul{width: 1240px;} .productList li{float:left;width: 285px;margin-right: 20px;margin-bottom: 20px;position: relative;} .productList li .pImg{display: block;height: 270px;overflow: hidden;position: relative;} .productList li .pImg img{width: 100%;height: 100%;transition: all .5s} .productList li:hover .pImg img{transform: scale(1.1);-ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .productList li h4{height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #333;font-weight: normal;transition: all .5s;background-color: #f1f1f1;} .productList li:hover h4{background: #f47115;} .productList li:hover h4 a{color: #fff;} /* 产品详情*/ .pageProbg{background: #fff;padding:70px;width: 1060px;margin: 0 auto;box-shadow:0 0 2px 1px #dadada;} .prodPic{width:560px;} .prodPic .big{width:435px;height:435px;position:relative;z-index:1;float:right;border:1px solid #e3e3e3;} .prodPic .big a{width:435px;height:435px;background:#fff;display:table-cell;text-align:center;vertical-align:middle;} .prodPic .big a img{vertical-align:middle;max-width:435px;max-height:398px;} .prodPic .big a{*display:block;*font-family:Arial;*line-height:1;} div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;} div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;} .prodPic .list{width:112px;height:436px;overflow:hidden;position:relative;float:left;} .prodPic .list a.prev,.prodPic .list a.next{display:block;width:107px;height:25px;position:absolute;top:0;left:0;background:url(../images/anus.jpg) no-repeat;overflow:hidden;cursor:pointer;} .prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;} .prodPic .list a.prev:hover{background-position:0 -25px;} .prodPic .list a.next:hover{background-position:0 -75px;} .prodPic .list .thumb{position:relative;width:112px;height:370px;overflow:hidden;top:33px;} .prodPic .list .thumb ul{position:absolute;height:99999px;} .prodPic .list .thumb ul li{background:none;float:left;width:107px;height:95px;position:relative;} .prodPic .list .thumb ul li a{display:block;width:103px;height:75px;border:2px solid #e3e3e3;text-align:center;background:#fff} .prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;} .prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;} .prodPic .list .thumb ul li a.selected{border-color:#f59600;} .prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat} /* 产品右侧简介样式 */ .proshow_synopsis{background:#f2f2f2; border: 1px solid #d5d5d5;padding: 19px;width:470px;color: #666;font-size: 13px;line-height:30px; height:396px;border-radius:3px;} .proshow_synopsis .title{font-size:24px; color:#f47115;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px} .proshow_synopsis strong{color: #333;font-weight: normal; } .proshow_synopsis .font{line-height:24px;overflow: hidden;height:150px;margin-bottom:15px;} .prodcut-tel{ padding-left:50px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left center; } .prodcut-tel span{font-family:arial; font-size:24px; color:#f47115;display: block; } .proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;} .proshow_synopsis .btn .a02{background:#f59600 url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;} .proshow_synopsis .btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;} /* 产品说明标签切换样式 */ .gr-tab-list{overflow:hidden; margin-top:40px;} .gr-tab-list .hd{height:40px;line-height:40px;border-bottom:1px solid #ddd;font-size:16px;} .gr-tab-list .hd li{width:150px;float:left;text-align:center;background:#eee;margin-right:5px;cursor:pointer;position:relative;} .gr-tab-list .hd li.on{background:#f47115;color:#fff;} .gr-tab-list .bd{overflow:hidden;padding-top:15px;} .gr-tab-list .hd li.on::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#f47115;} .gr-tab-list .downList ul {width: 1200px;} .gr-tab-list .downList ul li {height: 60px;line-height: 60px;border-bottom: 1px dashed #dadada;overflow: hidden;} .gr-tab-list .downList ul li span {display: block;float: left;color:#333;} .gr-tab-list .downList ul li .more {display: block;width: 60px;height: 34px; line-height: 34px; border: 1px solid #dadada;padding-left: 30px;border-radius: 3px;color: #999;float: right;margin-top: 13px;text-align: center;background: url(../images/down2.png) no-repeat 15px center; transition: all .5s;} .gr-tab-list .downList ul li .more:hover {background: url(../images/down3.png) no-repeat 15px center #f47115;border-color: #f47115;color: #fff;} .gr-tab-list .downList .tilte {width: 40%;background: url(../images/down1.jpg) no-repeat left center;padding-left: 40px;} .gr-tab-list .downList .num {width: 20%; } .gr-tab-list .downList .time {width: 20%;} /* 相关产品样式 */ .relatedPro{margin-bottom:30px;overflow:hidden;} .relatedPro .tie{height:40px;line-height:40px;background:#eee;color:#f47115;font-size:16px;font-weight:normal;margin:20px 0;} .relatedPro .tie span{padding:0 30px;background:#f47115;display:inline-block;color:#fff;} .relatedPro li{float:left;} .relatedPro ul{ width:1240px; margin-top:20px;} .relatedPro li{float:left;width:280px;margin-bottom:20px;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center;transition: all .5s;} .relatedPro li a{display:block;width:280px;transition: all .5s;} .relatedPro li img{width:270px;height:257px;padding:5px;background:#fff;} .relatedPro li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;} .relatedPro li:hover{border:1px solid #f47115;} .relatedPro li a:hover{background:#f47115;color:#fff;} /* 采购表单样式 */ .orderBox{padding:25px;width:1140px;background:#f1f1f1;overflow:hidden;margin:0 auto;} .orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";} .orderBox .table{padding-top:20px;overflow:hidden;} .orderBox .table li{width:520px;height:215px;float:left;height:35px;margin-bottom:10px;} .orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:98px;display:inline-block;text-align:center;background:#fff;} .orderBox .table li .iptTxt{float:right;width:408px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;} .orderBox .table li .iptCode{float:left;width:199px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;} .orderBox .table li .checkcode{float:left;border:1px solid #ddd;border-left-width:0;background:#eee;margin-left:2px;padding:6px;} .orderBox .table li .btn{width:385px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;} .orderBox .table li .btn:hover{background:#f59600;color:#fff;} .orderBox .table li.areLi{width:570px;float:right;height:215px;overflow:hidden;} .orderBox .table li.areLi .txtContent{width:528px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;background:#fff;} /* 内页留言样式 */ .page-ditu{background: #f5f5f5;height: 400px;} #dituContent{width:600px;height:400px;float: left;} .contactFont{overflow:hidden;margin-bottom:30px;float: right;width: 540px;height: 360px;padding: 20px 30px;} .page-contact-title{ font-size:26px; line-height:50px; color:#333; text-align:center; padding:10px 0 20px;} .page-contact{} .page-contact dl{ width:20%; height:210px; float:left; text-align:center; position:relative;} .page-contact dl:before{ content:""; overflow:hidden; position:absolute; background-color:#eee; left:0px; top:0; height:100%; width:1px;} .page-contact dl:nth-child(1):before{ width:0;} .page-contact dl dt{ position:relative; padding-top:120px; font-size:12px; line-height:20px; color:#888;} .page-contact dl dt span{ width:90px; height:90px; position:absolute; left:50%; top:20px; margin-left:-45px;} .page-contact dl dd{ font-size:14px; line-height:24px; padding:10px 20px 0;} .map{ margin-top:60px;overflow:hidden;} .map .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;} .map-left{ width:780px; height:560px;} .map-line{ margin-top:0px;} .map-line d{ margin:25px 30px 0; background-repeat:no-repeat; background-position:left 8px; padding-left:55px;} .map-line dl d{ font-size:18px; line-height:30px; color:#eee;} .map-line dl dd{ font-size:14px; line-height:24px; color:#bbb; padding:5px 0 25px; border-bottom:1px dotted #888;} .map-line dl:nth-last-child(1) dd{ border:none;} .map-line dl.map-line-a{ background-image:url(../images/icon-cc-a.png);} .map-line dl.map-line-b{ background-image:url(../images/icon-cc-b.png);} .map-line dl.map-line-c{ background-image:url(../images/icon-cc-c.png); background-position:left 3px; } .feedback{margin-top:50px;overflow:hidden;} .feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;} .feedback .title span{background:#fff;padding:0 30px;position:relative;top:-10px;} .feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;} #feedback_form{position:relative;} #feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;} #feedback_form label.name{background-position:0 -32px;} #feedback_form label.email{background-position:0 -64px;} #feedback_form label.city{background-position:0 -96px;} #feedback_form label.msg_title{background-position:0 -128px;} #feedback_form label.address{background-position:0 -160px;} #feedback_form label.message{background-position:0 -192px;margin-bottom:10px;} #feedback_form input{width:240px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;} #feedback_form input.last{margin-right:0;} #feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;} #feedback_form a{color:#ff1f19; text-align: center;} #feedback_form textarea{height:125px;width:1178px;padding:10px;border:1px solid #dbdbdb;display:block;} #feedback_form i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left:380px;top:6px;} #feedback_form .f2{left:790px;} #feedback_form .f3{left:auto;right:0;} #feedback_form .f4{left:380px;top:66px;} #feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#f47115;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;} #feedback_form .btns:hover{background:#333;transition:all 0.3s;} #feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;} #feedback_form .tableRow{width:100%;height:32px;} #feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;} #feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;} #feedback_form input:focus,#feedback_form textarea:focus{border-color:#f47115;} /*解决方案列表*/ .solveList ul{width: 1240px;} .solveList li{width: 590px;float: left;margin-right: 20px;margin-bottom: 20px;} .solveList li .pic{display: block;height: 275px;overflow: hidden;} .solveList li .pic img{display: block;width: 100%;height: 100%;transition: all .6s;} .solveList li:hover .pic img{transform: scale(1.1);} .solveList li .txt{background-color: #e5e5e5;padding: 25px;font-size: 14px;color: #666666;background-image: url(../images/solve-ico1.png);background-repeat: no-repeat;background-position: 540px center;transition: all .6s;} .solveList li .txt h5{font-size: 22px;color: #333333;font-weight: normal;margin-bottom: 5px;transition: all .5s;} .solveList li:hover .txt{background-color: #f47115;color: #fff;background-image: url(../images/solve-ico2.png);} .solveList li:hover .txt h5{color: #fff;} /*解决方案详情页*/ .solveRelation{background-color:#f9f9f9;padding: 40px 0;} .solveRelation .topic{font-size: 28px;font-weight: normal;color:#f47115;font-weight: normal;text-align: center;padding-bottom: 30px;height: 30px;line-height: 30px; } /*企业文化*/ .pCult{background-color: #eaeaea;margin-bottom: 20px;overflow: hidden;height: 317px;} .pCult .pic{display: block;width: 600px;} .pCult .pic img{display: block;width: 100%;height: 100%;} .pCult .txt{width: 500px;padding: 50px;} .pCult .txt dt{font-size: 26px;margin-bottom: 20px;} .pCult .txt dt b{font-size: 16px;color: #999999;font-weight: normal;margin-left: 10px;} .pCult .txt dd{font-size: 14px;color: #666666;margin-bottom: 5px;overflow: hidden;} .pCult-two dl{overflow: hidden;} .pCult-two dl dd{width: 50%;float: left;} .pCult-three .dl4 .fl{width: 84px;} .pCult-three .dl4 .fr{width:416px; } @media (max-width:1800px){ .w1800{width: 98%} .headerNav{width: 32%} } @media (max-width:1600px){ .homeInnovation .mainTie{padding-top: 22%;} .homeInnovation .t1{top: 18%;} .homeInnovation .t6{left: 32%;} .homeInnovation .t2{left: 62.5%;} .homeInnovation .t3{left: 61%;} .homeInnovation .t5{left: 34%;} .homeInnovation i.s1{left: 24.5%;} .homeInnovation i.s2{left: 41%;top: 13%;} .homeInnovation i.s3{left: 69%;} .homeInnovation i.medium{left: 73%;} .homeInnovation i.big{left: 30.5%;} } @media (max-width:1440px){ .homeInnovation .mainTie{font-size: 30px;padding-left: 14px;padding-top: 26%;} .homeInnovation .mainTie p{font-size: 20px;} .homeInnovation{height: 580px;} .homeInnovation .bd{height: 580px;} .homeInnovation .yqbg img{max-width: 74%;} .homeInnovation .mainTie{font-size: 20px;padding-left: 0;padding-top: 17%;} .homeInnovation .mainTie p{font-size: 18px;} .homeInnovation .txt{font-size: 14px;width: 64px; height: 64px;} .homeInnovation .txt dt{width: 32px;height: 32px; padding: 16px; line-height: 18px;} .homeInnovation .t2{left: 60.5%;} .homeInnovation .t3{left: 59%;} .homeInnovation .t5{left: 36%;} .homeInnovation .t6{left: 35%;} .homeInnovation i.s1{left: 28%;} .homeInnovation i.s2{top: 15%;} .homeInnovation i.s3{left: 58%;} .homeInnovation i.medium{left: 69%;} .homeInnovation i.big{left: 33.5%;} .homeAbout,.homePlatform,.homeNews,.homeProd{padding: 40px 0;} .homeProd-main li a h4{height: 44px;line-height: 44px;} .homeProd-main li a:hover h4:after{height: 44px;} } @media (max-width:1440px){ .homePlatform-main-w{height:460px;} .homePlatform-tab ul li{height: 85px;padding: 30px 0 0 20px;} .homePlatform-tab ul li b{font-size: 18px;} .homePlatform-tab ul li p{ font-size: 14px} .headerLogo{width: 14%;margin-right: 10px;} .headerMainpro a{margin-right: 26px;font-size: 14px;} .headerNav{width: 34%} .homeInnovation{height: 580px;} .homeInnovation .bd{height: 580px;} .homeInnovation .yqbg img{max-width: 74%;} .homeInnovation .mainTie{font-size: 20px;padding-left: 0;padding-top: 17%;} .homeInnovation .mainTie p{font-size: 18px;} .homeInnovation .txt{font-size: 16px;} .homeInnovation .t2{left: 60.5%;} .homeInnovation .t3{left: 59%;} .homeInnovation .t5{left: 36%;} .homeInnovation .t6{left: 35%;} .homeInnovation i.s1{left: 28%;} .homeInnovation i.s2{top: 15%;} .homeInnovation i.s3{left: 58%;} .homeInnovation i.medium{left: 69%;} .homeInnovation i.big{left: 33.5%;} .homeAbout,.homePlatform,.homeNews,.homeProd{padding: 40px 0;} .homeNews-main ul li p{font-size: 14px;} .homePlatform-main .homePlatform-wrap{height: 462px;} .homePlatform-tab{height: 462px;} .footer .footLeft{width: 68%} .footer .footLeft dl{margin-right: 16%;} .footer .footContact{width: 28%;} .indexTie{font-size: 30px;} .indexTie p{font-size: 22px;} .homeNews-main ul li:nth-child(2){margin-bottom: 4%;} .homeNews-main ul li:nth-child(3){margin-bottom: 4%;} .homeAbout-right{display: table;padding-top: 56px;} .homeAbout-right img{display: table-cell;vertical-align: middle;} }