/*首页*/ .header{width:100%; background:#fff; position:fixed; top:0;left:0;padding:10px 0; z-index:100;border-bottom:1px solid #d9d9d9;} .logo img{height:34px;} .nav{ display:none;} .navBtn{width: 40px;height: 50px;overflow:hidden;position:absolute;right: 5px;top:9px;z-index:9;display:block;} .navBtn span{ top:50%; margin-top:-.02rem;} .navBtn span:first-child{content:"";top: 9px;left:0;} .navBtn span:last-child{ content:""; top:17px; left:0;} .navBtn span,.navBtn span:first-child,.navBtn span:last-child{left:10px;position:absolute;background:#0055A5;-webkit-transition: all 0.5s ease;width: 27px;height:2px;-webkit-border-radius:3px;border-radius:3px;transition: all 0.5s ease;} .navBtn.g_close span{ opacity:0;} .navBtn.g_close span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);top:17px; opacity:1;} .navBtn.g_close span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);top:17px; opacity:1;} .navBg{ display:none; position:fixed;top:56px;left:0; z-index:98; width:100%;height:100%; background:rgba(0,0,0,.5)} .weixinBg{ display:none; position:fixed;top:0;left:0; z-index:98; width:100%;height:100%; background:rgba(0,0,0,.5)} .nav{ float:none;width:100%; position: fixed; top:56px;left:0; z-index:99;} .nav ul li{ float:none;height:auto;} .nav ul li h3{padding:10px 15px; background:#fff; border-bottom:1px solid #d9d9d9; position:relative;} .nav ul li h3 em{ width:18px;height:18px; display:block;position:absolute;right:10px;top:13px; background: url(../images/winco04.png) 0 0 no-repeat;} .nav ul li.cur h3 em{background: url(../images/winco05.png) 0 0 no-repeat;} .subMenu{ display:none; background:#F2F2F2;} .subMenu .idnexCompany{ } .subContent {padding:0;} .subRight a{ display:block;color:#333333;font-size:13px; border-bottom:1px solid #D9D9D9; padding:10px 15px 6px; line-height:24px;} .weixin{ position:absolute;right:50px;top:10px;width:35px;padding-top:5px;} .weixin .weiinco{ display:block; width:35px;height:30px; background: url(../images/winco03.png) 0 0 no-repeat; background-size:27px auto;} .weixin .arror { display:none;} .weixin .weixinCon{ display:none; position:fixed; z-index:999; top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background:#fff;width:200px;height:200px; border:1px solid #CCCCCC;} .weixin .weixinCon img{ display:block;width:100%;height:auto;margin:0 auto;padding:10px;} .weixin .weiinco{ display:block; width:35px;height:30px;background-size:30px auto;} .height{height:56px;} /*banner*/ .focus{ position:relative;overflow:hidden; } .index-banner{ width:100%; height:auto;overflow:hidden;} .index-banner ul li { position:relative;} .index-banner ul li img{ height:auto; max-width:100%; display:block;} .focus .hd{ width:100%; text-align:center; position:absolute; left:0px; right:10px; bottom:9px; z-index:9; cursor:pointer;} .focus .hd li{ display:inline-block; margin:0px 3px; width:10px; height:10px; font-size:0; line-height:99; opacity:1; background:#fff; border-radius:8px;} .focus .hd li.on{ background:#0055A5;} .focus .bd{ position:relative; z-index:0; overflow:hidden; } .focus .bd li img{ display:block;width:100%;} /*页脚*/ .footer {width:100%; background:#333333; text-align:center; } .footerbottom { font-size: 12px; color: #fff; line-height: 22px; padding-top:10px;padding-bottom:10px ; background-color: #333; } .footerbottom a { color: #333; } .footerbottomR { float:none;} .footerbottomR a,.footerbottomL a { color:#fff;} /*首页*/ .wDevelopBg{ background:url(../images/windex_im01.jpg) no-repeat 0 bottom; backgorund-size:cover;} .wwDevelopment{ overflow:hidden;} .SSdevelopmentCon .swiper-wrapper,.FactoryList .swiper-wrapper{position: relative;width: 100%;height: 100%; z-index: 1; display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .SSdevelopmentCon .swiper-container-android .swiper-slide,.SSdevelopmentCon .swiper-wrapper,.FactoryList .swiper-container-android .swiper-slide ,.FactoryList .swiper-wrapper{ -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .SSdevelopmentCon .swiper-slide ,.FactoryList .swiper-slide{ -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;} .indexColumnList .swiper-wrapper{position: relative;width: 100%;height: 100%; z-index: 1; display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .indexColumnList .swiper-container-android .swiper-slide ,.indexColumnList .swiper-wrapper{ -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .indexColumnList .swiper-slide{ -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; height: 100%; position: relative;} .indexColumnList{ position:relative;} .indexColumnList {width:100%;height:100%; overflow:hidden; position:relative;} .indexColumnOne{background:#fff;} .indexColumnTitle{ text-align:center;} .indexColumnTitle img{height:60px;} .ColumnOneCon{padding-top:30px ;padding-bottom:20px;} .indexColumnOne .ColumnOneCon{padding-bottom:0;} .ColumnOnenav{ text-align:center;padding:15px 0 30px; cursor:pointer;} .ColumnOnenav a{ display:inline-block;padding:3px 5px; border-radius:20px; border:1px solid #333333; margin:0 2px; font-size:12px;} .ColumnOnenav a:hover,.ColumnOnenav a.cur{ background:#0055A5;color:#fff;} .indexColumnList{ position:relative;} .indexColumnList ul{margin-right:-2.4%;} .indexColumnList ul li{padding:0; text-align:center;background: url(../images/winco07.png) center bottom no-repeat; padding-bottom:16px;} .indexColumnList ul li>a{ display:block;width:100%;} .indexColumnList ul li .indexPro{padding:25px 10px 15px;} .indexColumnList ul li .indexproductCon{ border:1px solid #CCCCCC;background:#fff; } .indexColumnList ul li img{ display:block;width:100%;} .indexColumnList ul li .wtitle{ font-size:15px; text-align:center;margin-bottom:8px; cursor:pointer;} .indexColumnList ul li .text{ font-size:13px;color:#999;height:44px;overflow:hidden;} .indexColumnList ul li .more{padding-top:10px;} .indexColumnList ul li .more a{padding:5px 14px; display:inline-block; border:1px solid #E6E6E6;color:#333;} .indexColumnList ul li .more a:hover,.indexColumnList ul li:hover .title{color:#0055a5;} .indexBtn{ cursor:pointer; position:absolute;display:block;width:64px;height:64px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:999;} .indexProLeft{ left:-100px; background:url(../images/winco08.png) 0 0 no-repeat;} .indexProRight{right:-70px;background:url(../images/winco09.png) right 0 no-repeat;} .indexProLeft:hover{ background:url(../images/winco11.png) 0 0 no-repeat;} .indexProRight:hover{background:url(../images/winco10.png) right 0 no-repeat;} .indexColumnTwo{ background:#0055A5;} .ColumnTwoList {margin-right:0;padding-top:30px;padding-bottom:15px;} .ColumnTwoList li{padding:0; margin-bottom:10px;} .ColumnTwoList li .img{padding:6px; } .ColumnTwoList li img{ display:block;width:100%;} .ColumnTwoList li .wsolutionList{ background:#fff;} .ColumnTwoList li a{ display:block;} .wsolutionList .indexPro{padding:10px 10px 30px;} .wsolutionList .indexPro .solutiontitle{ font-size:18px;margin-bottom:15px;} .wsolutionList .indexPro .text{font-size:13px;height:60px; line-height:20px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .wsolutionMore{ text-align:center;} .wsolutionMore a{ display:block;padding:10px 25px;background:#fff;color:#0055a5;} .indexNews{padding-top:30px;padding-bottom:25px;} .wnewsMore{ float:right;color:#999;font-size:13px;} .indexNewsLeft .indexTitle{font-size:16px;} .wnewsNav a:hover,.wnewsNav a.cur{color:#0055a5;} .indexNewsLeft{padding-right:0;} .indexNewsCon{padding-top:20px;} .indexNewsList li{position:relative;padding:10px 0; border-bottom:1px solid #E6E6E6;} .indexNewsList li .date{ background:none; background-size:100% auto;text-align:left; font-size:13px; font-weight:normal; margin-right:20px; padding-top:10px; line-height:25px;color:#333;} .indexNewsList li .date span{display:inline-block;float:left; font-size:13px; font-weight:normal;margin-top:0;} .indexNewsList li .date em{ display:inline-block; vertical-align:top;padding-left:4px;position:relative;} .indexNewsList li .date em:before{content: ".";position: absolute;left: 0;color: #333; display: block;font-weight: bold;} .indexNewsList li .airtitle{ margin:0px; padding-left:0;width:100%;} .indexNewsList li .airtitle h5{ overflow:hidden; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; font-size:15px; margin-bottom:5px;} .indexNewsList li .airtitle p.t{height:48px; overflow:hidden;font-size:13px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#666;} .indexNewsList li:hover .date{background:none;} .indexNewsList li:hover h5{color:#0055a5;} .indexNewsRight{font-size:13px;color:#666;padding:0;} .indexNewsRight img{width:100%; display:block;} .indexNewsRight .inTitle{font-size:15px;margin:15px 0 5px;} .indexNewsRight .inTitle a{color:#010101;} .indexNewsRight .newsMore{padding-top:10px;} .indexNewsRight .newsMore a{color:#666;} .wrightTitle{ font-size:16px;margin-bottom:10px;} .indexNewsRight{margin-top:15px;} .wnewsWraper ul{ display:none;} .indexColumnFour{ background:#F2F2F2;} .windexCompany{padding-top:30px;padding-bottom:25px;} .windexCompany ul {padding-top:20px;} .windexCompany ul li{ text-align:center;margin-bottom:10px;} .windexCompany ul li a.winco{ display:block;width:100%; height:60px;background-size:auto 60px; background-position:center 0; background-repeat:no-repeat;} .windexCompany ul li .wicontent{padding-bottom:15px;padding-top:10px; line-height:20px;} .windexCompany ul li .wicontent h4{font-size:14px;margin-bottom:5px;} .windexCompany ul li .wicontent p{color:#666;font-size:13px;} .windexCompany ul li .winco1{background-image:url(../images/winco14.png); } .windexCompany ul li .winco2{background-image:url(../images/winco15.png); } .windexCompany ul li .winco3{background-image:url(../images/winco16.png); } .windexCompany ul li .winco4{background-image:url(../images/winco17.png); } .windexCompany ul li:hover .winco1{background-image:url(../images/winco18.png); } .windexCompany ul li:hover .winco2{background-image:url(../images/winco19.png); } .windexCompany ul li:hover .winco3{background-image:url(../images/winco20.png); } .windexCompany ul li:hover .winco4{background-image:url(../images/winco21.png); } .wnewWork{padding-top:25px;padding-bottom:20px;} .networkImg{margin-top:45px;position:relative;} .networkImg img{ display:block;width:655px;height:545px;margin:0 auto;} .mobbleimg{ width:100%;} .mobbleimg img{ display:block;width:100%;} .netPropt{margin:0 auto;text-align:center;} .netPropt span{ display:inline-block; vertical-align:top;margin:0 15px;} .netPropt span.workshopInco{background:url(../images/winco23.png) 0 center no-repeat;padding-left:15px;} .netPropt span.officeInco{background:url(../images/winco22.png) 0 center no-repeat;padding-left:18px;} /*--产品-- zxc start*/ .productbanner{ background:#fff;box-shadow:0px 3px 6px rgba(0,0,0,.3); padding:20px; margin-top:25px;} .productbanner img{ display:block; width:100%;} .productlist{margin-top:2.91%;} .productlist a img{ display:block; width:100%;} .productlist a h3{ font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top:20px; color:#1a1a1a;} .productlist a p{ font-size:14px; color:#ccc; height:63px; overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2; padding-top:15px;} .productlist a{border-bottom:4px solid #fff; display:block; padding:20px; background:#fff;box-shadow:0px 3px 6px rgba(0,0,0,.2);} .productlist a:hover{ border-bottom:4px solid #0055a5;} .productlisttwo{margin-top:20px; background-color:#fff; box-shadow:0px 3px 6px rgba(0,0,0,.2); cursor: pointer;} .productlisttwo img{ display:block; width:100%; border: 1px solid #d9d9d9;} .productlisttwo .xctitle{ width: 100%; height: 45px; line-height: 45px; text-align: center; font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#1a1a1a;} /*--人才招聘--*/ .Recruitmentsearch{ margin-top:20px;background-color:#f2f2f2;padding:30px 0px 30px 0px; } .Recruitmentsearch dl{padding-left:10px;padding-right:10px; position:relative;} .Recruitmentsearch dl dt{width:150px; position:relative; left:0px; padding:10px 0px 0px 45px; font-size:18px; color:#0055a5; margin:auto; padding-bottom:15px;} .Recruitmentsearch dl dt span{ background-color:#0055a5; background-image:url(../images/icon16.png); background-repeat:no-repeat; display:block; width:33px; height:35px; position:absolute; left:0px; top:0px;} .Recruitmentsearch dl dd label {display:block; border:1px solid #d9d9d9; background:#fff; padding:12px 125px 11px 10px; position:relative;} .Recruitmentsearch dl dd label input{ background:none; border:none; outline:none;} .Recruitmentsearch dl dd label input.Recruitmentsearchtext{ width:100%; float:left; font-size:14px; color:#999} .Recruitmentsearch dl dd label input.Recruitmentsearchsubmit{ font-size:16px; color:#fff;background-color:#0055a5; width:105px; height:44px; position:absolute; right:0px; top:-1px;} .Recruitmentlist{padding:25px 0px 0px;margin:0px;position:relative;} .Recruitmentlist ul{ margin:0px;padding:0px;border-top:1px solid #e6e6e6;} .Recruitmentlist ul li{margin:0px;padding:0px;border-bottom:1px solid #dbdbdb;} .Recruitmentlist ul li h3.Recruitmenttitle{color:#4e4e4e;font-size:14px; font-weight:400; padding:0px 15px 0px 20px; height:45px; line-height:45px;position:relative; cursor:pointer;} .Recruitmentlist ul li h3.Recruitmenttitle span{ display:block; position:absolute; width:19px;height:13px; background-image:url(../images/icon18.png); background-repeat:no-repeat; background-color:#bfbfbf; top:15px; right:15px; transition:all .3s ease-in-out; transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);} .Recruitmentlist ul li h3.Recruitmenttitle em{ display:block; position:absolute; left:10px; top:20px; width:4px; height:4px; background-image:url(../images/icon17.png); background-repeat:no-repeat; background-color:#4d4d4d;} .RecruitmentContent{padding:3%; font-size:13px; line-height:24px; color:#4c4c4c; background:#fafafa; display:none;overflow:hidden;} .RecruitmentContent h4.Rtconttitle{color:#4c4c4c; font-size:14px; font-weight:bold;padding-bottom:8px} .Recruitmentlist ul li.cur{ padding-bottom:30px;} .Recruitmentlist ul li.cur h3.Recruitmenttitle span{background-color:#0055a5;transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);} .Recruitmentlist ul li.cur h3.Recruitmenttitle em{background-color:#0055a5;} .RecruitmentReturn{text-align:left;padding-top:10px;} .RecruitmentReturn a{display:block;background:#0055a5; font-size:16px; font-weight:bold; width:130px; color:#fff;padding:5px 0px; text-align:center;} .RecruitmentReturn a:hover{color:#fff;} /*公共*/ .Displaybanner{width:100%; position:relative; overflow:hidden; background:#fff;} .Displaybanner img{ display:block; width:100%;} .commonclass{ background:#fff; box-shadow:0px 2px 6px rgba(0,0,0,.3);position:relative; padding:15px 0px;} .commonclass h3{ font-size:16px; border:1px solid #cccccc; border-radius:5px; padding:10px 15px;} .commonclass ul{padding-left:0px; display:none;} .commonclass ul li{float:left; border:1px solid #cccccc; border-bottom:none;border-top:none; margin-left:-1px;} .commonclass ul li a{ display:block; float:left;padding:10px 40px; font-size:16px; border-bottom:2px solid transparent;} .commonclass ul li a.cur{border-bottom:2px solid #0055a5; color:#0055a5;} .commonclass ul li a:hover{border-bottom:2px solid #0055a5;} .title{border-bottom:1px solid #cccccc; padding:30px 0px 13px; font-size:20px; color: #666;} .title a{color: #666;} .title a:hover,.title a.on{color: #333;} .title span{ float:right;font-size:13px; background:url(../images/icon1.png) no-repeat left center; padding-left:25px;} .commonbg{background:#fff;box-shadow: 5px 5px 5px #E2E2E2; margin-top:25px; padding:3%;} .fenye{ background:#fff; padding:15px 0px; margin: 35px 0 60px; box-shadow:0px 2px 6px rgba(0,0,0,.3);} .fenye img{ display:block; margin:auto;} .login-more{ box-shadow:0px 2px 6px rgba(0,0,0,.3);} .login-more a{ width: 100%; height: 30px; background: #0055a5 url(../images/cimg01.png) center no-repeat; display: block; box-shadow:0px 2px 6px rgba(0,0,0,.3);background-size:20px auto;} .login-more a:hover{ background-color: #0061bc;} /*zxc*/ .fl{ float: left;} .fr{ float: right;} .xcpb40{ padding-bottom: 20px;} .xctac-pic{} .xctac-pic img{ display: inline-block; width: 100%;} /*zxc end*/ /*make by wqp*/ .wdevelopmentDec{ margin-top:30px;margin-bottom:25px;background:#fff;padding:20px 15px;color:#1a1a1a;} .wdevelopmentDec dt{ display:none; float:right;padding-left:150px;} .wdevelopmentDec dt img{ display:block;max-width:100%;} .wdevelopmentDec dd{} .wwDevelopment{padding-bottom:120px;} .SSdevelopmentWarp {background: url(../images/winco29.png) repeat-x 0 bottom; position:relative; } .SSdevelopmentCon{ width: 100%;margin: 0 auto;position: relative;} .SSdevelopmentCon ul li{ float:left;width:20%; background-image:url(../images/winco30.png);position: relative;background-repeat: repeat-y;background-position: top center;padding-bottom:60px;} .SSdevelopmentCon ul li .devcontent{width:100%;background:#0055A5; color:#fff; line-height:22px; font-size:13px;height:134px;} .SSdevelopmentCon ul li .devcontent p{ position:relative;padding:0 10px; top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .SSdevelopmentCon ul li span{ display:block; padding-top:17px;background-image:url(../images/winco31.png);text-align: center;font-size: 14px;color: #666666; background-position: center top;font-weight: bold;position: absolute; bottom: -31px; left: 0; width:100%;color:#0055a5;font-size:18px;} .develop-button-next, .develop-button-prev {bottom: -10px;top: auto;position: absolute; width: 29px; height: 29px;margin-top: -15px; z-index: 10;cursor: pointer;} .develop-button-prev {background-image: url(../images/winco25.png); left: 0px;right: auto;} .develop-button-next {background-image: url(../images/winco28.png); right: 0px;left: auto;} .develop-button-prev:hover {background-image: url(../images/winco26.png); } .develop-button-next:hover {background-image: url(../images/winco27.png);} /*工厂概况*/ .FactoryProfile{background:#FFFFFF;padding:20px 10px ;margin:40px 0;} .FactoryList{ position:relative; overflow:hidden;} .FactoryList ul {margin-right:-5px;} .FactoryList ul li {padding-left:0;padding-right:0;} .FactoryList ul li img{ display:block;width:100%;} .wListbtn span{ position:absolute; top:0;width:35px;height:148px; display:block; z-index:99; cursor:pointer;} .wListbtn span.arrorLeft{left:0; background:url(../images/winco32.png) 0 0 no-repeat;background-size:auto 100%;} .wListbtn span.arrorRight{ right:0; background:url(../images/winco33.png) right 0 no-repeat;background-size:auto 100%;} .FactoryContent{ background:#F2F2F2;padding:20px;margin:20px 0; line-height:30px;font-size:14px; color:#333;} /*企业简介*/ .wCompanyprofile {margin:20px 0 25px; box-shadow:5px 5px 5px #E2E2E2; background:#fff;padding:20px 10px;color:#1a1a1a;} .wCompanyprofile dl{ background:#0055A5;} .wCompanyprofile dl dt{padding:0;} .wCompanyprofile dl dt img{ display:block; width:100%;} .wCompanyprofile dl dd{color:#fff;padding:15px 10px;} .wCompanyprofile dl dd h3{font-size:18px; font-weight:bold;padding-bottom:8px;} .wCompanyprofile dl dd h4{font-size:14px;padding-bottom:4px;} .wComPanyContent{padding:20px 10px 0;} .wComPanyImg{margin-right:-20px;padding-top:20px;padding-bottom:0;} .wComPanyImg p{margin-bottom:10px;padding-right:20px;padding-left:0;} .wComPanyImg img{ display:block;width:100%;} /*企业文化*/ .wqpCultureImg{ padding:0; position:relative; } .wqpCultureImg img{ display:block;width:100%;} .wqpCultureList {color:#333;font-size:13px;padding-right:0;margin-top:10px;padding-left:0;} .wqpCultureList li {padding:15px 0 10px; border-bottom:1px solid #E0E0E0;} .wqpCultureList li h4.CultureTitle{ font-size:16px; color:#0055a5;padding-bottom:5px;} /*公司新闻*/ .wcompanyList{padding-bottom:20px;} .wcompanyNews{padding:10px 10px 20px; background:#fff;margin:20px 0 40px;color:#666666;font-size:13px;} .wcompanyNews h3{font-size:16px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1; } .wcompanyNews h3 a{color:#1a1a1a;} .wcompanyNews .time{ display:block;color:#666;font-size:14px; font-family:Arial; background:url(../images/windex_im02.jpg) 0 center no-repeat; padding-left:20px; background-size:16px auto;} .wcompanyNews dl { border-bottom:1px solid #d9d9d9;padding:20px 0;} .wcompanyNews dl dt{padding-right:0;margin-bottom:15px;} .wcompanyNews dl dt img{ display:block;width:100%;} .wcompanyNews dl dd{} .wcompanyNews dl dd .deails{margin:10px 0 20px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2; } .wcompanyNews dl dd{padding-right:10px;padding-left:0;} .wcompanyNews dl dd .deailsbtn a{ display:inline-block;padding:5px 20px; background:#0055A5; text-align:center;color:#fff;} .wpage{ text-align:center;} .wpage a{height:30px; line-height:30px; color:#fff; display:block;width:100%; background: #0055a5 url(../images/cimg01.png) center no-repeat;background-size:20px auto;} /*--新闻详细--*/ .commonDetailed{background:#FFF; padding:0px 10px; margin:20px auto;} .commonDetailed img{max-width:100%;} .commonDetailedtitle{ border-bottom:1px solid #cccccc; padding-bottom:10px;} .commonDetailedtitle h3{ font-size:18px; text-align:center; line-height:26px; color:#1a1a1a; padding:20px 0px 0px;} .commonDetailedtitleTimeAuthor{ text-align:center; color:#666; font-size:13px; padding:20px 0px 15px;} .commonDetailedtitleTimeAuthor span{ padding-right:10px; position:relative; top:-3px; *top:2px;_top:1px;} .commonDetailedContents{ padding:30px 0px; font-size:14px;} .commonDetailedContentsfoot{padding-bottom:45px;} .commonDetailedContentsfoot p{ text-align:center; padding-bottom:30px;} .commonDetailedContentsfoot p a{ display:inline-block; background:#0055A5; padding:5px 30px; color:#FFF; font-size:14px;} .commonDetailedContentsfoot p a:hover{} .commonDetailedContentsfoot dl{ border:1px solid #cccccc; border-left:none; border-right:none; font-size:12px; padding:13px 0px;} .commonDetailedContentsfoot dl span{ display:inline-block; background:#f2f2f2; color:#1a1a1a; line-height:27px; padding:0px 10px; margin-right:15px;} .commonDetailedContentsfoot dl a{ } .commonDetailedContentsfoot dl dd{ float:none;margin-bottom:15px;} .commonDetailedContentsfoot dl dt{ float:none;} .commonDetailedContentsfoot dl dd,.commonDetailedContentsfoot dl dt{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;} /*联系我们*/ .wqpcontactUs{margin:20px 0;background:#fff;padding:20px 10px;} .telAddress {padding-bottom:10px;} .telAddress span{font-size:16px; font-weight:bold;} .telAddress span.tel{padding-right:0; display:block;} .wqpContactlist {padding-top:10px;} .wqpContactlist .wqpAddresstitle{font-size:18px;} .Searchcity li{border-bottom:1px solid #E9E9E9;padding:10px 0;} .Searchcity li .cityItem{color:#333333;} .Searchcity li:nth-of-type(even) .cityItem{ padding-left:0;} .Searchcity li h4{ font-size:15px;padding-bottom:5px; color:#000; font-weight:600;} .wqpcontactUs div:nth-last-child(2){ padding-bottom:20px;} .wqpcontactUs div:nth-child(2) ul li{width:100%;} /*在线留言*/ .leavecommentstwo{ background:#fff;margin: 20px 0;padding: 20px 10px;} .leavecommentstwo h3{ border-bottom:1px solid #d9d9d9; font-size:14px; padding:15px 0px 30px; margin-bottom:20px;} .leavecommentstwo h3 em{color:#0055a5;} .leavecommentstwo dl{ padding:0px 10px 0px;} .leavecommentstwo dl dd p{font-size:14px; padding:15px 0px 10px;} .leavecommentstwo dl dd p span{ color:#00a1e9; padding-right:10px;} .leavecommentstwo dl dd label{border:1px solid #d0d0d0;display:block; background:#fff; padding:10px; position:relative;} .leavecommentstwo dl dd label input{ background:none; border:none; outline:none; float:left; font-size:13px; color:#999999; width:100%;} .leavecommentstwo dl dd label textarea{background:none; border:none; outline:none; resize:none; width:99%;font-size:13px; color:#999999; height:150px;} .leavecommentstwo dl.leavecommentstwobutton{ padding:40px 0px 20px; text-align:center;} .leavecommentstwo dl.leavecommentstwobutton input{ width:100px; height:35px; background:#0055A5; color:#fff; font-size:16px; margin:0px 10px; cursor:pointer;} .wqpcommonbg{background:#fff;box-shadow: 0px 2px 6px rgba(0,0,0,.3);} /*j解决方案*/ .commonSolution{padding-bottom:0;background:#fff; margin:20px 0 25px;} .commonSolution dl{background:#fff; margin:0px; padding:0px; } .commonSolution dl dd{ padding:15px 10px 0px;padding-bottom:20px; float:none;} .commonSolution dl dd h3{ border-bottom:1px solid #cccccc; font-size:15px; padding-bottom:10px;} .commonSolution dl dd p.font13{font-size:13px; margin:20px 0px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;} .commonSolution dl dd p.more a{border:1px solid #999999; display:inline-block; padding:3px 15px; font-size:13px;} .commonSolution dl dd p.more a:hover{background:#15398F;border:1px solid #15398F;color:#fff;} .commonSolution dl dt{position:relative;padding:0;float:none;} .commonSolution dl dt img{ display:block; width:100%;} .commonSolution dl dt span.arror{ display:none; position:absolute;top:50%;margin-top:-9px;right:0;width:18px;height:36px; background:url(../images/index_inco23.png) right 0 no-repeat; background-size:15px auto;} .commonSolution dl:nth-of-type(even) dt span.arror{left:0;right:auto;background:url(../images/index_inco22.png) 0 0 no-repeat;background-size:15px auto;} .mb60{margin-bottom:20px;} /*解决方案详情*/ .solutiondeails {padding:20px 10px;margin:20px 0;} .solutiondeails dt img{ display:block;width:100%;} .solutiondeails dd .wtitle{ font-size:16px;padding-top:10px;padding-bottom:10px;} .wsolutionText{padding-top:20px; text-align:center;font-size:16px;color:#0055a5;} .wsolutiondeails{ text-align:center;padding-top:20px;color:#999999;} .wsolutiondeails li{padding:0 20px;margin-bottom:20px;} .wsolutiondeails li h4{color:#333333;font-size:15px;padding:10px 0 8px;} .wsolutiondeails li img{ max-width:100%;} .rightFixed{ position:fixed;right:0;bottom:100px; z-index:999; display:none;} .rightFixed ul li{ height:80px;width:80px; border:1px solid #F0F0F0;margin-bottom:20px; border-radius:100%; background:#fff; text-align:center;padding:0;font-size:15px;} .rightFixed ul li a{ display:block;color:#0055a5;font-size:15px;width:80px;height:80px;padding-top:6px; border-radius:50%; position:relative;top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-size:30px auto;} .rightFixed ul li a:hover,.rightFixed ul li.cur a{background:#0055a5; color:#fff; } .rightFixed ul li a .inco{ display:block;width:100%;height:40px;background-repeat:no-repeat; background-position:center bottom;} .rightFixed ul li a:hover .inco,.rightFixed ul li.cur a .inco{ display:block;width:100%;height:40px; } .rightFixed ul li em{padding-top:5px;} .rightFixed ul li a .inco01{background-image:url(../images/winco36.png);} .rightFixed ul li a:hover .inco01,.rightFixed ul li.cur a .inco01{background-image:url(../images/winco36hover.png);} .rightFixed ul li a .inco02{background-image:url(../images/winco37.png);} .rightFixed ul li a:hover .inco02,.rightFixed ul li.cur a .inco02{background-image:url(../images/winco37hover.png);} .rightFixed ul li a .inco03{background-image:url(../images/winco38.png);} .rightFixed ul li a:hover .inco03,.rightFixed ul li.cur a .inco03{background-image:url(../images/winco38hover.png);} .rightFixed ul li a .inco04{background-image:url(../images/winco39.png);} .rightFixed ul li a:hover .inco04,.rightFixed ul li.cur a .inco04{background-image:url(../images/winco39hover.png);} .rightFixed ul li a .inco05{background-image:url(../images/winco40.png);} .rightFixed ul li a:hover .inco05,.rightFixed ul li.cur a .inco05{background-image:url(../images/winco40hover.png);} .wbannerbtn{ text-align:center; position:absolute; left:0; bottom:11px; width:100%; z-index:99;} .wbannerbtn span{ width:8px; height:8px; display:inline-block; margin-right:5px; border-radius:100%; background:rgba(0,0,0,.9); cursor:pointer;} .wbannerbtn span.swiper-pagination-bullet-active{background:#0055A5;} .indexColumnList .swiper-wrapper{padding-bottom:15px;} /*标准认证/资质荣誉 zxc*/ .certificate-popup{ width:100%; height:100%; background-color:rgba(0,0,0,.5); position:fixed; left:0; top:0; z-index:50; display:none; z-index: 888;} .certificate-popupbox{ width:90%;max-width:400px; position: absolute; top:50%;transform: translateY(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); left:50%; margin: auto; overflow: hidden;height:70%;} .certificate-popupbox ul{ position:relative;width:100%;height:100%; z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .certificate-popupbox li{ width:100%;background-color:#fff; background-size:cover;background-position:center;overflow:hidden;float:left; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative;padding:20px;} .certificate-popupbox li img{ display: block; width:100%;position: relative;top:50%;transform: translate(0,-50%);-wekit-transform: translate(0,-50%);} .certificate-popupbox li .xctitle{ font-size: 16px; color: #0a1a1a; text-align: center; height: 32px; line-height: 32px;margin-top:10px;position: absolute;bottom:10px;left:0;padding:0 10px;text-align: center;background:#fff;width:100%;} .certificate-popupbox .xcprev,.certificate-popupbox .xcnext{ display: none; position: absolute; width: 32px; height: 61px; top: 50%; margin-top: -30px; z-index: 99;} .certificate-popupbox .xcprev{ background: url(../images/cimg03.png) 0 0 no-repeat; left: 10px;} .certificate-popupbox .xcprev:hover{ background-image: url(../images/cimg05.png);} .certificate-popupbox .xcnext{ background: url(../images/cimg04.png) 0 0 no-repeat; right: 10px;} .certificate-popupbox .xcnext:hover{ background-image: url(../images/cimg06.png);} .certificate-popupbox .xcclose{ position: absolute; top: 0px; right: 8px; width: 46px; height: 46px; background: url(../images/cimg02.png) 0 0 no-repeat; z-index: 99;} /*产品详情 zxc*/ .xcpublic-bg{ margin:10px 0 25px; padding: 10px 10px 25px; background:#fff;box-shadow:0px 2px 6px rgba(0,0,0,.3);} .magnifier{} .magnifier .bigimg{ width: 579px; height: 579px; border: 1px solid #d2d2d2;} .magnifier .bigimg img{ display: block; width: 577px; height: 577px;} div.zoomdiv {z-index:888;position:absolute;top:0px;right:0px;width:200px;height:200px;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden; background-color: #fff;} div.jqZoomPup {z-index:888;visibility:hidden;position:absolute;top:0px;left:0px;border: 1px solid #aaa;background: #ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);padding: 20px;} .magnifier .fl{ position: relative; width: 580px; z-index: 888; display: none;} .magnifier .detailinfo{border-bottom: 1px solid #d2d2d2; overflow: hidden;padding-bottom:10px;} .magnifier .detailinfo .xctitle{ padding: 5px 0; line-height: 24px; font-size:16px; color: #1a1a1a; border-bottom: 1px solid #d2d2d2; margin-bottom: 10px;} .magnifier .detailinfo .xctext{ font-size: 13px; color: #1a1a1a; line-height:24px; padding-left: 33px; background: url(../../webimages/cimg05.png) 15px 14px no-repeat;} .magnifier .smallimg-box{ margin-top: 19px; position: relative; display: none;} .magnifier .smallimg-list{ width: 440px; height: 100px; overflow: hidden; margin: 0 auto; position: relative;} .magnifier .smallimg-list ul{ position: absolute; left: 0; top: 0;} .magnifier .smallimg-list li{ float: left; width: 99px; height: 99px; border: 1px solid #d2d2d2; margin-right: 13px; cursor: pointer; position: relative;} .magnifier .smallimg-list li img{ display: block; width: 97px; height: 97px;} .magnifier .smallimg-list li span{ position: absolute; top: 0; left: 0; width: 100px; height: 100px; border: 4px solid #0055a5; display: none;} .magnifier .smallimg-list li:hover span,.magnifier .smallimg-list li.cur span{ display: block;} .magnifier .smallimg-box .prev,.magnifier .smallimg-box .next{ position: absolute; width: 14px; height: 23px; top: 50%; margin-top: -10px;} .magnifier .smallimg-box .prev{ background: url(../../webimages/cimg01.png) 0 0 no-repeat; left: 0;} .magnifier .smallimg-box .next{ background: url(../../webimages/cimg02.png) 0 0 no-repeat; right: 0;} .magnifier .smallimg-box .prev:hover{ background-image: url(../../webimages/cimg03.png);} .magnifier .smallimg-box .next:hover{background-image: url(../../webimages/cimg04.png);} .magnifier .fr { width: 100%; overflow: hidden;} /*xcpro-banner*/ .xcpro-banner{ width: 100%; position: relative; margin: 20px auto 0; overflow: hidden; background:#fff;} .xcpro-banner ul{ position:relative;width:100%;height:100%; z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .xcpro-banner li{ width:100%; background-size:cover;background-position:center;overflow:hidden;float:left; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative;} .xcpro-banner li img{ display: block; width: 100%;} .xcpro-banner li .xctitle{ font-size: 16px; color: #0a1a1a; text-align: center; height: 32px; line-height: 32px;} .xcpro-banner .xcprev,.xcpro-banner .xcnext{ position: absolute; width: 32px; height: 61px; top: 50%; margin-top: -30px; z-index: 99;} .xcpro-banner .xcprev{ background: url(../images/cimg03.png) 0 0 no-repeat; left: 10px;background-size:18px auto;} .xcpro-banner .xcprev:hover{ background-image: url(../images/cimg05.png);background-size:18px auto;} .xcpro-banner .xcnext{ background: url(../images/cimg04.png) 0 0 no-repeat; right: 10px;background-size:18px auto;} .xcpro-banner .xcnext:hover{ background-image: url(../images/cimg06.png);background-size:18px auto;} /*xcpro-banner over*/ .xcpro-detailtab{ margin: 2.916% 0 20px; background-color: #f2f2f2;} .xcpro-detailtab a{ float: left; padding: 0 24px 2px; font-size: 16px; color: #333; height: 48px; line-height: 48px; border-right: 1px solid #d9d9d9;} .xcpro-detailtab a:hover,.xcpro-detailtab a.active{ border-bottom: 2px solid #0055a5; padding-bottom: 0;} .xcpro-detailcont{ display: none;overflow-x:auto;overflow-y:hidden;} .xcpro-features{ padding: 23px 20px 15px; margin-bottom: 20px; background-color: #f2f2f2; overflow: hidden;} .xcpro-features dt{ width: 100%;margin-bottom:10px;} .xcpro-features dt img{ display: block; max-width:100%;margin:0 auto;} .xcpro-features dd{ width: 100%; padding-right:0; color: #1a1a1a; font-size: 14px; line-height: 24px; overflow: hidden;} .xcpro-features dd .xctitle{ font-size: 16px; line-height:24px; padding-bottom: 8px;} .xcpro-features dd .xctext{} .xcpro-parameter{ font-size: 18px; color: #323232; line-height: 30px;} .xcpro-parameterlist{ } .xcpro-parameterlist li{ line-height: 25px; font-size: 14px; color: #323232;} .xcpro-parametertable{ padding: 20px 0 52px;} .xcpro-parametertable img{ display: block; max-width: 100%; margin: 0 auto;} .xcorso-pro{ padding: 29px 29px 24px 20px; background-color: #f2f2f2;} .xcorso-pro .orso-title{ line-height: 24px; font-size: 18px; color: #333; padding-bottom: 25px;} .xcorso-prolist{} .xcorso-prolist li{} .xcorso-prolist li a{display:block;} .xcorso-prolist li img{ display: block; width: 100%;border:1px solid #ccc; } .xcorso-prolist li .orso-proname{ display: block; font-size: 14px; color: #1a1a1a; margin: 18px 0 24px; line-height: 24px; text-align: center; width: 100%; height: 24px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .xcorso-prolist li a:hover .orso-proname{ color: #0055a5;} /*关联网站 zxc*/ .orso-web{} .orso-web dt{ height: 32px; line-height: 32px; background: url(../../webimages/cimg06.png) 0 center repeat-x; overflow: hidden;} .orso-web dt span{ display: inline-block; height: 22px; border-left: 5px solid #0055a5; padding: 0 13px 0 16px; background-color: #fff; font-size: 18px; line-height: 22px; color: #0055a5; vertical-align: middle;} .orso-web dd{ padding: 14px 0 26px;} .orso-weblist{} .orso-weblist li{ line-height: 30px; height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .orso-weblist li a{ font-size: 14px; color: #5f5f5f;} .orso-weblist li a:hover{ color: #0055a5;} /*--下载--*/ .downloadtwo{ padding-right:0px; position:relative; border-bottom:1px solid #e8e8e8;} .downloadtwo a{ display:block; padding:10px 0px 15px;} .downloadtwo h3{ font-size:16px;color:#0055a5;line-height:26px;} .downloadtwo p{ font-size:13px; padding-top:10px; color:#1a1a1a;} .downloadtwo p.time{ color:#999;} .downloadtwo span{ display: block; background:none; position:relative; right:0; color:#0055a5; text-align:left; font-size:13px; top:0; margin-top:10px;} /*测试设备 zxc*/ .xctest-equipment li:nth-of-type(1){ margin-top:-20px;} .xctest-equipment li{position:relative; border-bottom:1px solid #D0D0D0;} .xctest-equipment li a{ padding:20px 10px; display:block; } .xctest-equipment li .xcdate{ display:none;} .xctest-equipment li .xcdate span{ font-size:40px;display:block; padding-bottom:10px; line-height:45px;} .xctest-equipment li .xcdate em{ font-size:13px;} .xctest-equipment li .xccontent{ width:100%; float:none;} .xctest-equipment li .xcsmall-date{ line-height: 24px; font-size: 13px; color: #999; padding-bottom: 10px;} .xctest-equipment li .xcarror{ display:none; position:absolute;top:65px; right:60px; width:15px;height: 15px; border-left: 1px solid #333; border-top: 1px solid #333; position:absolute;transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg);} .xctest-equipment li .xccontent .xctitle{color:#0055a5; font-size:17px;} .xctest-equipment li .xccontent .xcinfo{text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; color:#666; line-height:22px;} .xctest-equipment li a:hover{ background:#0055a5;} .xctest-equipment li a:hover .xcdate{ color:#e7ecf1;} .xctest-equipment li a:hover .xctitle,.xctest-equipment li a:hover .xcinfo{ color:#fff;} .xctest-equipment li a:hover .xcarror{border-left: 1px solid #fff; border-top: 1px solid #fff; } .scroll{ overflow-x:hidden;} /*20160920*/ .nav ul li:nth-of-type(3) h3 a{ display:block;} .pb40{padding-bottom:20px;} .mb40{margin-bottom:20px;} .indexColumnList ul li .wtitle{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .telAddress span.kong{ display:none;} .indexColumnList ul li .text{text-overflow: ellipsis;-webkit-box-orient: vertical;height:44px; overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2;} .wqptable,.xcpro-detailcont table{ border-top:1px solid #ccc !important; border-left:1px solid #ccc !important; text-align:center; border-collapse: collapse;margin-bottom:10px;max-width:100% !important;margin:0 auto;} .wqptable tr td,.xcpro-detailcont table tr td{ border-right:1px solid #ccc !important; border-bottom:1px solid #ccc !important;min-width:100px;} /*-------- 0928 --------*/ .zdsworkimg{display:block;width:100%;margin:0 auto;} .zdschangeworklist{display:none;} .zdsworkbtn{text-align:center;padding:28px 0;} .zdsworkbtn a{display:inline-block;width:110px;height:28px;line-height:28px; background:#fff;border:1px solid #333333;border-radius:118px;margin-right:8px;} .zdsworkbtn a.cur{background:#0055A5;border:1px solid #0055A5;color:#fff;} .wqpLan{ position:absolute;right: 100px; top: 0;height:56px;padding-top:15px;} .wqpLan a.text{ display:block;width:30px;height:30px; border:1px solid #ccc; border-radius:50%; line-height:30px; text-align:center;} .lanuageList{ position:absolute;top:56px;left:-9px; z-index:999; display:none;} .lanuageList a{width:50px;padding:10px 0;background:rgba(255,255,255,.5); display:block;} .lanuageList a em{ display:block;width:30px;height:30px; line-height:30px;margin: 0 auto;border:1px solid #ccc; border-radius:50%; text-align:center;} .lanuageList a:hover{ background:#fff;} /*20170601*网站地图*/ .sitemapcont2{padding:6% 10px;overflow:hidden; background:#fff;margin:20px 0;} .sitemapcont2 dl{position:relative;margin-bottom:36px;} .sitemapcont2 dl dt{font-size:16px;font-weight:bold;color:#0055A5;padding:0 8px;background:#fff;position:absolute;left:18px;top:-14px;} .sitemapcont2 dl dd{padding:4% 3% 1% 3%;border:1px solid #e6e6e6;} .sitemapcont2 dl dd a{display:inline-block;padding-left:10px;background:url(../images/icon64.jpg) no-repeat left center;margin:0 23px 8px 0;} /*浏览器弹窗*/ .CWhint{min-width:320px;width:500px; position: fixed; top: 50%;left: 50%; margin-top:-149px; margin-left:-250px; background: #fff; z-index: 9999;display:none;} .CWhinttit{ height:47px; background:#EA5B24; font-size:18px; color:#fff; line-height:47px; padding-left:20px; position: relative;} .CWhintbox{ margin:0 30px; padding:35px 0; position:relative; padding-left:81px;} .CWhintleft{ float:left; position:absolute; left:0; top:35px;} .CWbrowser{ padding-top: 10px;} .CWbrowser a{ display:inline-block; width:19%; font-size:12px; text-align:center;} .CWbrowser a img{ display:block; max-width: 100%; margin:0 auto;} .CWbrowser a em{ display:block; color:#b80007;} .CWbrowser a span{ display:block; line-height: 16px;} .CWhintright h3{ font-size:18px;} .CWhintrighthref{ color:#004988; border-bottom:1px solid #5377a2; margin:5px 0; display:inline-block;} .CWhintgran{ color:#666; margin:10px 0;} .CWclsoe{ display:block; position: absolute; height:47px; width:52px; text-align:center; top:4px; right: 0;} .masker02{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: url(../images/xcmask.png) repeat ; display:none;} .colorspan{color:#004988; border-bottom:1px solid #5377a2;} .colorred:hover,.colorred:hover .colorspan{color:#EA5B24;} .CWhintrighthref:hover,.colorred:hover .colorspan{border-bottom:1px solid #EA5B24;color:#EA5B24;} .wqpcodeimg{ clear:both; overflow:hidden;padding-top:10px;color:#666;} .wqpcodeimg span{ text-align:center; float:left;width:95px;margin-right:5%;color:#999;} .wqpcodeimg span img{width:95px;height:95px; display:block;} .footerbottomL{margin-bottom:5px;} .footerbottomL a{color:#fff;margin-right:5px;} .footerbottomL,.footerbottomR{ float:none !important; text-align:center;} /*ipad竖版区域*/ @media (min-width: 767px){ /*首页*/ .ColumnOneCon{padding-top:30px ;padding-bottom:25px;} .indexColumnTitle img{height:80px;} .indexNewsList{padding-top:5px;} .indexNewsList li{padding:20px 0 15px; } .indexNewsList li .date{ position:absolute;left:0;top:20px;width:79px;height:90px; background:url(../images/winco12.png) 0 0 no-repeat; background-size:100% auto;text-align:center; font-size:40px;font-weight:bold; margin-right:20px; line-height:40px;} .indexNewsList li .date span{ float:none;display:block; margin-top:-9px;} .indexNewsList li .airtitle{ height:90px;margin:0px; padding-left:100px;width:100%;} .indexNewsList li:hover .date{background:url(../images/winco13.png) 0 0 no-repeat;color:#fff;} .indexNewsList li .date em:before{ opacity:0;} .indexNewsList li .airtitle h5{ line-height:25px; font-size:18px; margin-bottom:10px;} .indexNewsRight .inTitle{font-size:18px;margin:20px 0 10px;} .indexNewsRight .newsMore{padding-top:15px;} .wrightTitle{ font-size:22px;margin-bottom:25px;} .windexCompany ul li a.winco{ height:80px;background-size:auto 80px; } .indexColumnOne .ColumnOneCon{padding-bottom:25px;} .wnewWork{padding-top:60px;padding-bottom:45px;} .subRight a{font-size:15px;} /*发展历程*/ .SSdevelopmentWarp {background: url(../images/winco29.png) repeat-x center; } .SSdevelopmentCon ul li:nth-of-type(odd){padding-bottom:60px;} .SSdevelopmentCon ul li:nth-of-type(even) {margin-top: 194px; padding-bottom: 0; padding-top: 60px;} .develop-button-next, .develop-button-prev {bottom: auto;top: 50%;} .SSdevelopmentCon ul li:nth-of-type(even) span {top: -52px; background-repeat: no-repeat; background-position: center 44px;} .wdevelopmentDec dt{ display:block;} .wdevelopmentDec{ margin-top:65px;margin-bottom:85px;background:#fff;padding:35px 60px;color:#1a1a1a;} /*公司新闻*/ .wcompanyNews dl dt{ float:right;} /*--新闻详细--*/ .commonDetailed{padding:0px 50px; margin:45px auto;} .commonDetailedtitle{padding-bottom:20px;} .commonDetailedtitle h3{ font-size:28px; line-height:32px;padding:50px 0px 0px;} .commonDetailedContentsfoot dl dd{ float:none;margin-bottom:15px;} .commonDetailedContentsfoot dl dt{ float:none;} /*解决方案*/ .solution02 dl dd h3{ font-size:18px; padding-bottom:10px;} .solution02 dl:nth-of-type(even) dt{float:right;} .solution02 dl:nth-of-type(even) dd{float:left;} .solution02 dl dd{ padding:25px 25px 0px; float:left;margin-bottom:0;} .solution02 dl dt{position:relative;padding:0;float:left;} /*解决方案*/ .commonSolution{padding-bottom:35px;margin:20px 0 60px;} .commonSolution dl dd{ padding:25px 25px 0px;float:left;} .commonSolution dl dt{position:relative;padding:0;float:left;} .commonSolution dl dd h3{ font-size:16px; padding-bottom:20px;} .commonSolution dl dd p.font13{margin:15px 0px;} .commonSolution dl dt span.arror,.commonSolution dl:nth-of-type(even) dt span.arror{ display:block;background-size:18px auto;} .wsolutiondeails li{margin-bottom:0;} .wsolutiondeails li h4{font-size:18px;} .wsolutionText{padding-top:60px; font-size:24px;} .wsolutiondeails{padding-top:40px;margin:20px 0 60px;} .solutiondeails dt{ float:right;} .solutiondeails dd .wtitle{ font-size:16px;padding-bottom:10px;padding-top:0;} /*--人才招聘-zcx*-*/ .Recruitmentsearch dl{ max-width:565px; margin:auto; padding-left:150px; position:relative; padding-right:0px;} .Recruitmentsearch dl dt{width:150px; position:absolute; left:0px; padding:10px 0px 0px 45px; font-size:18px; color:#0055a5;padding-bottom:0px;} /*--下载-- zxc*/ .downloadtwo{ padding-right:0px; } .downloadtwo a{ padding:30px 0px;} .downloadtwo h3{ font-size:20px;} .downloadtwo p{ padding-top:18px; } .downloadtwo{padding-right:120px;} .downloadtwo span{ display: block; background: #0055a5 url(../images/cimg07.png) no-repeat; position:absolute; top:50%; margin-top:-45px;right:0; color:#0055a5; text-align:center; line-height:125px; font-size:13px; width:89px; height:89px; top:0; margin-top:20px;} /*测试设备 zxc*/ .xctest-equipment li:nth-of-type(1){} .xctest-equipment li a{ padding:30px 0; display:block; } .xctest-equipment li .xcdate{ display:block;width:140px; text-align:right; float:left; margin-right:3%;color:#999;} .xctest-equipment li .xccontent{ width:75%; float:left;} .xctest-equipment li .xccontent .xctitle{ padding-bottom: 10px;} .xctest-equipment li .xcsmall-date{ display: none;} .ColumnTwoList {margin-right:-2.6%;} .ColumnTwoList li{padding:0 2.6% 0 0; } /*20160921*/ .xcpro-banner .xcprev{ background-size:18px auto;} .xcpro-banner .xcprev:hover{background-size:18px auto;} .xcpro-banner .xcnext{background-size:18px auto;} .xcpro-banner .xcnext:hover{ background-size:18px auto;} .magnifier .detailinfo .xctitle{ padding: 10px 0 10px; line-height: 24px; font-size: 20px; margin-bottom: 15px;} .magnifier .detailinfo .xctext{ font-size: 14px; line-height: 35px;} /*20170601*网站地图*/ .sitemapcont2{padding:40px 20px 20px;overflow:hidden;margin:40px 0;} .sitemapcont2 dl dt{font-size:20px;} .sitemapcont2 dl dd{padding:2% 3% 1% 3%;border:1px solid #e6e6e6;} .sitemapcont2 dl dd a{margin:0 50px 8px 0;} .CWhint{width:580px; margin-left:-290px;} .xcsmall ul li:nth-child(2n+1){clear: left;} } /*ipad横版区域*/ @media (min-width: 991px) { /*首页导航*/ .header{padding:0; position:static;border-bottom:none;} .logo{ float:left;width:17%;padding:9px 0;} .logo img{height:42px;} .nav{ float:right;width:74%; display:block; position:static;} .wqpLan{ float:right;height:70px; line-height:70px;padding-right:20px;padding-top:0; position:relative;top:0;right:0;} .wqpLan .text{margin-top:20px;} .lanuageList{top:70px;} .nav ul li{ float:left;height:70px; line-height:70px;padding:0 1.8%; cursor:pointer;} .nav ul li h3{ position:relative;font-size:16px;padding:0;background:none;border-bottom:0; } .nav ul li h3 a{ padding-right:0; } .nav ul li h3 em{ position:relative;top:auto;right:auto; width:12px;height:7px; display:inline-block; background: url(../images/winco01.png) 0 0 no-repeat;} .weixin{ float:right;width:35px;padding-top:20px;height:70px;position:relative;top:auto;right:auto;} .weixin .arror{ display:block; position: absolute;width:18px;height:8px; top:-8px;left:80%;margin-left:-9px; background:url(../images/winco06.png) 0 0 no-repeat;} .weixin .weixinCon{ display:none; position:absolute; top:70px;left:-60px;width:100px;height:100px; transform:translate(0,0); -webkit-transform:translate(0,0);} .weixin .weixinCon img{ width:87px;height:87px;margin:5px auto;padding:0;} .weixin .weiinco{ background-size:30px auto;} .nav ul li:hover{background:#0055A5;} .nav ul li:hover h3 a{color:#fff;} .nav ul li:hover h3 em{background: url(../images/winco02.png) 0 0 no-repeat;} .dm-hidden{ display:none;} .subMenu{width:100%;padding:25px 0; position:absolute;top:120px;left:0; z-index:999; display:none; border-bottom:1px solid #D9D9D9;} .idnexCompany { float:left;} .idnexCompany dt{width:40%;overflow:hidden; float:left;} .idnexCompany dt img{width:100%;} .idnexCompany dd{width:60%; float:left;padding:0 35px 0 25px; font-size:14px; color:#666; line-height:24px;} .idnexCompany dd .indexCtitle{ font-size:20px; color:#333; line-height:30px;padding:10px 0;} .subRight{ float:right;margin-top:-5px;} .subRight a{ } .subRight a:hover{color:#0065B0;} .height{height:0;} .footerbottomR { float:right;} .footerbottomL{ float:left;} .footer { text-align:left;} .footerbottom {padding-top:20px;padding-bottom:20px;} /*banner*/ .focus .hd {bottom:20px;} .focus .hd li{width:18px;height:18px;} /*首页*/ .indexColumnTitle img{height:105px;} .ColumnOnenav a{padding:5px 20px; border-radius:20px; margin:0 10px; min-width:126px; font-size:14px;} .ColumnOneCon{padding-top:65px ;padding-bottom:55px;} .ColumnOnenav{padding:30px 0 60px; } .indexColumnList ul li .wtitle{font-size:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .ColumnTwoList li a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .ColumnTwoList li{margin-bottom:0;} .ColumnTwoList {padding-top:45px;padding-bottom:40px;} .indexNews{padding-top:70px;padding-bottom:55px;} .indexNewsLeft .indexTitle{font-size:22px;} .indexNewsLeft{padding-right:40px;} .indexNewsCon{padding-top:40px;} .wnewsMore{font-size:14px;} .indexNewsRight{margin-top:0;} .windexCompany{padding-top:60px;padding-bottom:55px;} .windexCompany ul {padding-top:65px;} .windexCompany ul li {margin-bottom:0;} .windexCompany ul li a.winco{ height:107px;background-size:auto 107px; } .windexCompany ul li .wicontent{padding:40px 25px 0;} .windexCompany ul li .wicontent h4{font-size:20px;} .indexColumnOne .ColumnOneCon{padding-bottom:55px;} /*公共zcx**/ .indexNewsRight{ overflow:hidden;} .zoom {overflow: hidden;width:99.9%; display:block;} .zoom img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); -webkit-transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease; transition: all 2s ease;} .zoom img:hover{webkit-transform: scale(1.15);-moz-transform: scale(1.15); -o-transform: scale(1.15);transform: scale(1.15); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;} /*工厂概况*/ .FactoryProfile{padding:50px 60px 135px;margin:40px 0;} .FactoryContent{padding:40px;margin:30px 0; } /**企业j简介*/ .wCompanyprofile{padding:40px 35px;margin:40px 0 50px;} .wCompanyprofile dl dd{padding:25px 19px;} .wComPanyImg p{margin-bottom:0;} .wComPanyContent{padding:30px 35px 0;} .wComPanyImg{padding-top:40px;padding-bottom:10px;} /**企业文化*/ .wqpCultureList{padding-right:6%;ont-size:15px;} .wqpCultureImg{ padding-left:20px; float:right;} .wqpCultureList li h4.CultureTitle{ font-size:20px;} /*公司新闻*/ .wcompanyList{padding-bottom:30px;} .wcompanyNews{padding:0px 35px 30px; margin:20px 0 40px;} .wcompanyNews h3{font-size:24px;margin-bottom:10px; } .wcompanyNews dl {padding:40px 0 50px;} .wcompanyNews dl dd .deails{margin:15px 0 47px;-webkit-line-clamp:3; } .wcompanyNews dl{margin-bottom:0;} .wcompanyNews dl dd{padding-right:60px;padding-left:0;} /*公司详情*/ .commonDetailedContentsfoot dl dd{ float:left;margin-bottom:0;} .commonDetailedContentsfoot dl dt{ float:right;} /*联系我们*/ .wqpcontactUs{margin:40px 0 60px;padding:50px 45px;} .telAddress {padding-bottom:10px;} .telAddress span{font-size:24px; } .telAddress span.tel{padding-right:136px; display:inline-block;} .wqpContactlist {padding:30px 0 0;} .wqpContactlist .wqpAddresstitle{font-size:24px;} .Searchcity li{padding:35px 0 20px;} .Searchcity li:nth-of-type(even) .cityItem{ border-left:1px solid #E9E9E9;padding-left:52px;} .Searchcity li h4{ font-size:16px;padding-bottom:25px; } .Searchcity li:nth-of-type(odd){width: 46.66666667%;} .Searchcity li:nth-of-type(even){width: 53.33333333%;} .wqpcontactUs div:nth-last-child(2){ padding-bottom:40px;} .leavecommentstwo{ margin:40px 0 60px;padding: 50px 45px;} .leavecommentstwo dl{padding: 0 8% 0;} /*解决方案*/ .commonSolution{padding-bottom:35px;} .commonSolution dl dd{ padding:40px 45px 0px; } .commonSolution dl dd h3{ font-size:20px; padding-bottom:20px;} .commonSolution dl dd p.font13{margin:20px 0 50px;} .mb60{margin-bottom:60px;} /*解决方案详情*/ .solutiondeails {padding:50px 45px;margin:20px 0 60px;} .solutiondeails dt img{ display:block;width:100%;} .solutiondeails dd .wtitle{ font-size:24px;padding-bottom:30px;} /*标准认证/资质荣誉 zxc*/ .certificate-popupbox{ width: 600px; height: 652px;left:0;right:0;} .certificate-popupbox .xcprev,.certificate-popupbox .xcnext{ display: block;} .Recruitmentsearch{ margin-top:35px;} /*产品详情*/ .xcpro-features dd .xctitle{ font-size: 24px; line-height: 40px; padding-bottom: 12px;} .xcpro-detailtab a{font-size:18px;} .xcpb40{ padding-bottom: 40px;} /*20160921*/ .pb40{padding-bottom:40px;} .mb40{margin-bottom:40px;} .wqpCultureImg{width:41.4%;} .wqpCultureList{width:57%;font-size:16px;margin-top:-33px;} .wqpCultureList li{padding: 30px 0 10px;} .wqpCultureList li h4.CultureTitle{margin-bottom:4px;} .wbannerbtn{ display:none;} .wpage{ text-align:center;} .wpage a,.login-more a{height:45px; line-height:45px; color:#fff; display:block;width:100%;background: #0055a5 url(../images/cimg01.png) center no-repeat;background-size:31px auto;} /*20160922*/ .rightFixed{ display:block;} .rightFixed ul li a{background-size:37px auto;} .certificate-popupbox{ width: 600px; height: 602px;max-width:none;left:0;right:0;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%); } .certificate-popupbox li{padding:40px 20px;} .certificate-popupbox li img{ width: auto;height:90%;left:50%;top:0;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);} .xcsmall ul li:nth-child(2n+1){clear:none;} .xcsmall ul li:nth-child(3n+1){clear:left;} } @media (min-width:1200px){ /*首页导航*/ .logo{ width:20%;padding:9px 0;} .logo img{height:50px;} .nav{ width:63.7%;} .idnexCompany dd .indexCtitle{padding:30px 0 25px;} .idnexCompany {padding:0;} .wsolutionMore a{ display:inline-block;} /*首页销售网络*/ .networkImg{ display:block;width:655px;margin:0 auto;} .wnetSales li,.Workshop li{ position:absolute; cursor:pointer;} .wnetSales li .netInco{width:16px;height:16px; display:block; background:url(../images/winco22.png) 0 0 no-repeat;} .wnetSales li .netContent,.Workshop .netContent, .nabroadlist .netContent{ display:none;position:absolute; left: -45px; bottom: 32px;width:252px;padding:15px 20px; line-height:22px;background:#fff;box-shadow:0 0 8px #ccc; color:#333333; font-size:14px; z-index:999;} .wnetSales li .netContent {} .wnetSales li .netContent h4,.Workshop .netContent h4{ font-size:16px;color:#0055a5;} .Workshop li .netInco{width:12px;height:12px;display:block; background:url(../images/winco23.png) 0 0 no-repeat;} /*-------- 0928 --------*/ .netPropt{width:655px;margin:0 auto;} .nabroadlist{width:100px; float:right;position:relative;} .nabroadlist li{cursor:pointer;position:relative;} .nabroadlist li .netInco{display:inline-block;padding-left:20px;background:url(../images/zimg03.jpg) no-repeat left center;} .nabroadlist li .netContent{right:25px;left:auto;background:#fff;bottom:42px;top:auto;} .netContent:after{display:inline-block;content:"";width:33px;height:26px;background:url(../images/zimg05.png) no-repeat;position:absolute;left:55px;bottom:-23px;} .nabroadlist li .netContent:after{background:url(../images/zimg04.png) no-repeat;left:auto; right:55px;bottom:-22px;} /*公共 zcx*/ .commonclass{padding:0px;} .commonclass h3{display:none;} .commonclass ul{padding-left:1px;display:block;} /**企业j简介*/ .wCompanyprofile {padding:60px 50px;} .wCompanyprofile dl dd{padding:50px 40px;} .wCompanyprofile dl dd h3{font-size:28px; padding-bottom:15px;} .wCompanyprofile dl dd h4{font-size:16px;padding-bottom:25px;} /*公司新闻*/ .wcompanyList{padding-bottom:60px;} .wcompanyNews{padding:0 35px 65px; margin:20px 0 40px;} .wcompanyNews h3{font-size:24px;margin-bottom:10px; } .wcompanyNews dl {padding:50px 0 70px;} .wcompanyNews dl dd .deails{margin:20px 0 70px;-webkit-line-clamp:3; } .wcompanyNews dl dd{padding-right:60px;padding-left:0;margin-bottom:0;} .Searchcity li:nth-of-type(even) .cityItem{ padding-left:120px;} /*产品详情 zxc*/ .magnifier .fl{ display: block;} .magnifier .fr{ width: 510px; } .magnifier .smallimg-box{ display: block;} .xcpro-features:nth-child(2n) dt{ float: left;} .xcpro-features:nth-child(2n+1) dt{ float: right;} .xcpro-features dt{ width: 454px; height: 262px;} .xcpro-features dt img{ width: 454px; height: 262px;} .xcpro-features:nth-child(2n) dd{ float: right;} .xcpro-features:nth-child(2n+1) dd{ float: left;} .xcpro-features dd{ width: 611px; height: 262px; padding-top: 69px; padding-right: 32px;} .xcpro-banner{ display: none;} .xcpublic-bg{ margin: 20px 0 50px; padding: 58px 32px 45px; } .magnifier .detailinfo .xctitle{ padding: 47px 0 27px; line-height: 45px; font-size: 32px;margin-bottom: 29px;} .magnifier .detailinfo{ margin-bottom:90px;padding-bottom:35px;} /*测试设备 zxc*/ .xctest-equipment li .xcarror{ display:block;} /*公共 zcx*/ .commonclass{padding:0px;} .commonclass h3{display:none;} .commonclass ul{padding-left:1px;display:block;} /*20160922*/ .rightFixed ul li{ height:94px;width:94px; } .xcsmall ul li:nth-child(3n+1){clear:none;} .xcsmall ul li:nth-child(4n+1){clear:left;} } @media (min-width:1280px){ .weixin .weixinCon{left:-30px;} .weixin .arror{ left:50%;} .rightFixed{ display:block;top:670px;bottom:auto;} .commonweb{padding-right:0;padding-left:0;} } .cprtable-box{padding:30px 0 10px; } .cprtable-box h3{ text-align:center; font-size:20px;margin-bottom:20px; text-transform:uppercase;} .cprtable{width:100%; text-align:center;border:1px solid #ddd;border-bottom:0;margin-bottom:20px;background:#fff;} .cprtable ul{ min-width:600px;} .cprtable ul li{width: 12.584%; float:left;border:1px solid #ddd;border-top:0;margin-left:-1px;padding:10px 5px;} .cprtable ul li:nth-of-type(8n){border-right:0;} .cprtable ul li a{color:#0055a5; text-decoration:underline; display:block;} .mintablewidth{overflow-x:auto;} .mintablewidth table{ min-width:640px;} /*20170922crp*/ .typeone{background:#fff;border:1px solid #ddd;border-bottom:0;} .cprtable-box h3{height:45px;margin-bottom:0;line-height:45px;text-align:left;padding-left:30px;color:#0055a5;} .cprtable{border-left:0;border-right:0;} .cprtable ul li{width: 16.75%;height:45px;overflow:hidden;} .cprtable ul li:nth-of-type(8n){border-right:1px solid #ddd;} .cprtable ul li:nth-of-type(6n){border-right:0;} /*20180517*/ .wsolutionList .zoom{display:block;position:relative;overflow:hidden;} .wsolutionList .zoom:before{content:'';display:block;width:100%;padding-bottom:53.8921%;} .wsolutionList .zoom img{position:absolute;left:0;top:0;width:100%;} .clearfix:after { content: ''; display: table; clear: both; } .mx-left { float: left; } .mx-right { float: right; text-align: right; position: relative; } .mx-right a.aa1 { display: inline-block; width: 38px; height: 34px; background: #dcdcdc; text-align: center; color: #8d8d8d; font-size: 18px; line-height: 34px; margin-left: 3px; } .mx-sub-menu>li>a, .you-want-lists li h3, .you-want-lists li h3 span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-transform: uppercase; } @media (min-width: 1400px) { .container { width: 1380px; } } .mx-top { line-height: 40px; background: #dcdcdc; font-size: 12px; color: #707070; font-weight: 200; height: 40px; overflow: hidden; } .mx-top a { color: #707070; } .mx-top a:hover { text-decoration: underline; } .mx-keywords a { display: inline-block; margin-right: 10px; } .mx-logo { line-height: 120px; width: 21.3333333333%; } .mx-logo a { display: block; font-size: 0; } .mx-logo img { max-width: 100%; max-height: 100px; } .mx-menu { width: 61.6666666667%; margin-top: 20px; } .mx-menu>li { float: left; width: 14.25%; text-align: center; } .mx-menu>li>a { display: block; font-size: 16px; line-height: 80px; color: #000; font-weight: normal; border-bottom: 2px solid transparent } .mx-menu>li>a:hover { color: #006bb9; font-weight: bold; border-color: #006bb9; } .mx-sub-menu { position: absolute; left: -20px; right: -20px; background: #34b7b1; padding: 5px 0; display: none; } .mx-sub-menu>li>a { display: block; text-align: center; font-size: 12px; color: #fff; line-height: 35px; } .mx-sub-menu>li>a:hover { color: #006bb9; font-weight: bold; } .mx-header{position:relative;} .mx-header-tool { width: 14.5%; margin-top: 47px; } #formsearch { width: 0%; border: 1px solid #dcdcdc; height: 34px; position: absolute; right: 45px; top: 1px; overflow: hidden; transition: .3s; } .aa3:hover #formsearch { width: 100%; transition: .3s; } #formsearch::placeholder { color: #fff; } #formsearch #keyword { width: calc(100% - 38px); height: 34px; padding: 0 15px; font-size: 14px; color: #000; background: none; outline: none; border: none; text-align: left; float: left; } #formsearch #s_btn { width: 38px; height: 34px; outline: none; border: none; cursor: pointer; background: url(../images/ss.png) #dcdcdc center no-repeat; } .owl-carousel .owl-dots button.owl-dot { width: 3.57em; height: .43em; background: #00242b; margin: 0 .7em; opacity: 1; border-radius: 0; } .owl-carousel .owl-dots button.owl-dot.active { background: #34b7b1; } /* 三张大图 */ .timg_list { margin-top: 4vw; } .timg_list li { position: relative; width: 100%; padding: 10px; } .timg_list li.li1 { width: 35.73%; } .timg_list li.li2 { width: 64.27%; } .timg_list li img { width: 100%; height: auto; } .timg_list li h3 { position: absolute; right: 40px; bottom: 10px; font-size: 28px; text-align: right; color: #fff; font-weight: bold; } .timg_list li h3 p { font-weight: normal; font-size: 16px; line-height: 3; height: 48px; overflow: hidden; } @media(max-width:992px) { .timg_list li.li1, .timg_list li.li2 { width: 100%; } } @media(max-width:680px) { .timg_list li h3 { position: absolute; right: 20px; bottom: 0px; font-size: 16px; } .timg_list li h3 p { font-size: 14px; } } .mx-about { padding: 4.8958333333% 0; background: url(../images/aboutbg.jpg) no-repeat center top; background-size: cover; margin-top: 4.5vw; } .mx-about-img { margin-right: 10px; width: 33%; } .mx-about-img img { width: 100%; } .mx-about-info { position: relative; } .mx-about-info h3 { font-size: 40px; color: #fff; margin-bottom: 20px; text-transform: uppercase; position: relative; text-align: center; } .mx-about-info h3 span { font-size: 18px; opacity: .8; } .mx-about-info h3:after { content: ""; position: absolute; width: 400px; height: 3px; bottom: -20px; left: 50%; margin-left: -200px; background: #fff; } .mx-about-info .desc { font-size: 18px; font-weight: 200; color: #fff; line-height: 3; margin-bottom: 10px; margin-top: 2.5vw; } .mx-about-info .desc p { margin-bottom: 0; } .mx-about-imgs { margin-top: 2vw; } .mx-about-imgs li { float: left; width: 25%; text-align: center; } .mx-about-imgs li a { color: #fff; font-size: 45px; font-weight: bold; position: relative; width: 125px; height: 125px; line-height: 125px; display: block; margin: 0 auto; border-radius: 50%; } .mx-about-imgs li a:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; border: 6px solid #fff; transition: .8s; } .mx-about-imgs li:hover a:after { transition: .8s; transform: scale(-1, 1); } .mx-about-imgs li p { font-size: 18px; padding-top: 22px; color: #fff; } /* 公司简介下方3张图片 */ .company_list { margin-top: 4vw; } .company_list li { width: 31.33%; margin-right: 3%; position: relative; float: left; padding: 10px; } .company_list li:last-child { margin-right: 0 } .company_list li img { width: 100%; height: auto; } .company_list li h3 { position: absolute; right: 2vw; bottom: 2vw; font-size: 28px; text-align: right; color: #fff; } .company_list li h3 p { text-transform: uppercase; font-size: 14px; opacity: .8; font-family: "arial"; line-height: 2; } @media(max-width:768px) { .company_list li { width: 100%; margin-right: 0; margin-bottom: 12px; } .mx-about-imgs li a { font-size: 16px; width: 60px; height: 60px; line-height: 60px; } .mx-about-imgs li a:after { border-width: 1px; } .mx-about-imgs li p { font-size: 14px; } .mx-about-info .desc { font-size: 14px; margin-top: 30px; line-height: 2; } .company_list li h3 { right: 20px; font-size: 20px; } } /* 工程案例 */ .index_case { border-top: 1px solid #efefef; padding-top: 3.5vw; margin-top: 3.5vw; } .case-title { color: #000; font-size: 40px; text-align: center; background: url(../images/ctibg.png) no-repeat center; } .case-title p { color: #999999; font-size: 18px; font-family: "arial"; text-transform: uppercase; line-height: 2; } @media(max-width:768px) { .case-title { font-size: 30px } .case-title p { font-size: 16px; } } .index_case .swiper-slide { width: 31.33%; margin-right: 2%; } .index_case .swiper-slide a { display: block; } .index_case .swiper-slide a span { display: block; position: relative; } .index_case .swiper-slide a span:after { content: ""; font-size: 30px; background: url(../images/jia.png) no-repeat center rgba(1, 69, 143, .3); position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; font-size: 60px; font-weight: 100; text-align: center; opacity: 0; transition: .3s; } .index_case .swiper-slide a span:before { content: ""; position: absolute; width: 96%; height: 92%; left: 2%; top: 4%; border: 3px solid rgba(255, 255, 255, .6); z-index: 9; opacity: 0; transition: .3s; } .index_case .swiper-slide a:hover span:after, .index_case .swiper-slide a:hover span:before { opacity: 1; transition: .3s; } .index_case .swiper-slide a span img { width: 100%; height: auto; } .index_case .swiper-slide a h3 { font-size: 16px; color: #fff; text-align: center; padding: 30px 0; } @media(max-width:768px) { .index_case .swiper-slide a h3 { padding: 15px 0; } .index_case .swiper-container-horizontal>.swiper-pagination-bullets, .index_case .swiper-pagination-custom, .index_case .swiper-pagination-fraction { bottom: -0px; } } .index_case .swiper-slide a:hover h3 { color: #666; } .index_case .swiper-slide a:hover { box-shadow: 0 0 10px #ccc; } .index_case .swiper-container { margin-top: 30px; padding-bottom: 3.5vw; } /* 首页合作客户 */ .partner { margin-top: 20px; position: relative; } .partner .swiper-container {} .partner .swiper-slide img { width: 100%; height: auto; } .partner .swiper-button-next, .partner .swiper-button-prev { background: none !important; width: 15px; height: 17px; } .partner .swiper-button-next { right: 0px; } .partner .swiper-button-prev { left: 0px; } /* 新闻资讯 */ .newsbg { background: #f5f5f5; padding: 3vw 0; margin-top: 30px; } .news_left { width: 36%; float: left; position: relative; } .news_left h2 { margin-bottom: 25px; } .newsbg .swiper-container { height: 450px !important } .newsbg .swiper-slide { padding: 15px 18px 15px 0; transition: .3s; height: auto !important; margin-bottom: 12px; } .newsbg .swiper-slide p { color: #666; font-size: 14px; line-height: 32px; margin-bottom: 0 } .newsbg .swiper-slide a { display: block; line-height: 38px; color: #333; font-size: 18px; height: 38px; overflow: hidden; } .newsbg .swiper-slide:hover { padding: 15px 18px; transition: .3s; background: #006bb9; } .newsbg .swiper-slide:hover p { color: rgba(255, 255, 255, .6) } .newsbg .swiper-slide:hover a { color: #fff } .newsbg .swiper-button-next, .newsbg .swiper-button-prev { color: #a6aab2; font-size: 20px; width: 27px; height: 27px; border: 1px solid #cbcdd2; text-align: center; line-height: 23px; background: none !important; top: 0; right: 0; opacity: 1; margin-top: 0 } .newsbg .swiper-button-prev { right: 27px; left: auto } .newsbg .swiper-button-next { border-left: none } .newsbg .swiper-button-prev:hover, .newsbg .swiper-button-next:hover { background: #006bb9 !important; color: #fff; border-color: #006bb9 } .newsbg .swiper-button-next.swiper-button-disabled, .newsbg .swiper-button-prev.swiper-button-disabled { opacity: 1; } .mx-mews-lists { margin: 0 -18px; } .mx-mews-lists li { float: left; width: calc(50% - 48px); margin: 24px 24px 0; } .mx-mews-lists li .img { overflow: hidden; display: block; } .mx-mews-lists li .img img { width: 100%; transition: all .5s ease; } .mx-mews-lists li .wz h3 { font-size: 18px; color: #333333; line-height: 30px; height: 60px; overflow: hidden; } .mx-mews-lists li .wz p { font-size: 14px; color: #999999; line-height: 40px; margin-bottom: 0; } .mx-mews-lists li:hover .img img { transform: scale(1.1); } .mx-mews-lists li .wz { background: #fff; padding: 20px 20px 40px; } @media(max-width:768px) { .mx-mews-lists li { float: left; width: calc(50% - 20px); margin: 10px 10px 0; } .mx-mews-lists li .wz p { font-size: 12px; line-height: 32px; } .mx-mews-lists li .wz { padding: 10px 5px; } .mx-mews-lists li .wz h3 { font-size: 14px; } .newsbg { padding: 30px 0 } } .news_right { width: 61%; float: right } .news_right h2 { margin-bottom: 25px; position: relative; line-height: 33px; } .news_right h2 a { position: absolute; color: #999999; font-size: 14px; background: url(../images/more1.jpg) no-repeat right center; padding-right: 20px; right: 0; top: 0; } @media(max-width:992px) { .news_left, .news_right { width: 100%; } } .mx-news { padding-bottom: 2.0833333333%; } .mx-news-title { text-align: center; position: relative; margin-bottom: 3.3333333333%; } .new-recommend-title:before { content: ''; position: absolute; left: 0; right: 0; z-index: -1; height: 1px; background: #E6EEF0; top: 50%; } .mx-news-title:before { content: ''; position: absolute; left: 0; right: 0; z-index: -1; height: 1px; background: #E6EEF0; top: 50%; } .mx-news-title span, .new-recommend-title span { display: inline-block; padding: 0 20px; background: #fff; font-size: 26px; color: #000000; } /* 底部样式 */ .foot-contact { color: #fff; } .foot-contact select { color: rgba(255, 255, 255, .6); background: #1b1b1b; width: 60%; height: 38px; line-height: 38px; border: 1px solid #5d5d5d; padding: 0 20px; margin-top: 15px; } .foot-contact select option { background: none; color: rgba(255, 255, 255, .6); } .demo-layout { padding-top: 46px; background: #1b1b1b; } @media(max-width:768px) { .demo-layout { display: none; } } .demo-layout-logo { margin-bottom: 20px } .demo-layout-desc { font-size: 12px; color: hsla(0, 0%, 100%, .5) } .demo-layout-contact { /* margin-top: 30px */ } .demo-layout-contact p { margin-bottom: 30px; font-size: 16px; color: #fff; line-height: 1.7 } .demo-layout-contact p img { vertical-align: middle; margin-right: 8px; } .demo-layout-contact strong { display: block; font-size: 24px; color: hsla(0, 0%, 100%, .8) } .demo-layout-contact a { color: #fff } .demo-layout-menu dl { float: left; width: 16.666%; } .demo-layout-menu dl dt { font-size: 16px; color: #fff; font-weight: normal; margin-bottom: 1.43em; height: 22px; overflow: hidden; } .demo-layout-menu dl dd a { display: block; font-size: 14px; color: #bfbebe; line-height: 2 } .demo-layout-ewm { text-align: center } .demo-layout-ewm p { font-size: 13px; font-weight: 100; line-height: 1.7; color: hsla(0, 0%, 100%, .7); } .demo-footer { background: url(../images/dot.png) top repeat-x #000; padding: 15px 0; font-size: 12px; line-height: 1.8 } .demo-footer p { margin-bottom: 0 } .demo-seo { position: relative; } .demo-footer, .demo-footer a { color: #fff } .demo-footer a:hover { color: rgba(255, 255, 255, .8) } @media (max-width: 990px) { .mx-about-img { display: none; } .mx-about-text { width: 100%; float: none; } .mx-about-info { padding: 0; margin-bottom: 15px; } .mx-about-info h3 { font-size: 18px; margin-bottom: 10px; } .mx-about-info h4 { margin-bottom: 15px; } .mx-about-info .desc { margin-bottom: 10px; } .you-want-title strong { font-size: 18px; } .you-want-title em { letter-spacing: 0; } .you-want-lists li { padding: 30px 0; width: 33.333333%; } .new-recommend-title { font-size: 18px; } .new-recommend-lists { margin: 0 -5px; } .new-recommend-lists li { width: calc(50% - 10px); margin: 0 5px 10px 5px; } .mx-news-title span { font-size: 18px; } .mx-mews-lists { margin: 0; } .mx-dzjj h3 { font-size: 18px; margin-bottom: 15px; } .mx-dzjj .desc { padding: 0; margin-bottom: 15px; } .mx-map .mx-map-box { left: 5%; width: 90%; padding: 20px 20px 0 20px; } .mx-map .mx-map-box h3 { font-size: 16px; margin-bottom: 15px; } .mx-map .mx-map-box h3 span { font-size: 20px; } .mx-about-info:before { display: none; } #mx-form #checkcode { width: calc(100% - 130px); } #mx-form #checkCodeImg { margin-right: 0; } #mx-form .mx-submit { display: block; width: 100%; } } /* 关于我们内页 */ .clear { clear: both; } .title6 { font-size: 34px; line-height: 40px; text-align: center; } .title6:after { content: ''; display: block; margin: auto; width: 40px; height: 3px; background: #006bb9; margin-top: 20px; } .m-30 { margin: 30px auto; } .w1400 { width: 90%; max-width: 1400px; margin: auto; } .w1200 { width: 90%; max-width: 1200px; margin: auto; } .about-one { margin: 50px 0 30px; } .about-one p { text-align: center; line-height: 34px; font-size: 16px; } .about-one dl { width: 25%; float: left; text-align: center; } .about-one dl dt { width: 150px; height: 150px; border: 1px solid #eee; margin: auto; border-radius: 50%; transition: all 1s; color: #666; line-height: 150px; text-align: center; font-size: 50px; font-family: "arial"; } .about-menu { margin-top: 45px; } .about-menu dl:hover dt { background: #006bb9; color: #fff } .about-one dl dd h2 { font-size: 20px; margin-top: 20px; color: #666 } .about-box { width: 23.5%; margin-right: 2%; float: left; transition: all 1s; } .about-box:nth-child(4) { margin-right: 0; } .about-box:hover img { transform: scale(1.1, 1.1); } .about-box:hover a { color: #e52731; } .about-box:hover { box-shadow: 0 0 3px 3px #ccc; } .about-pic { overflow: hidden; } .about-pic img { width: 100%; transition: all 1s; } .about-cont { background: url(../images/17_16.jpg) no-repeat 97% #fff; padding: 25px 15px; } .about-menutwo { background: url(../images/17_06.jpg) no-repeat bottom; padding-bottom: 200px; box-sizing: border-box; } .about-cont h2 { font-size: 20px; } .about-cont p { color: #999; } .about-nav { background: #272727; height: 50px; line-height: 50px; } .about-nav a { display: block; float: left; width: 12%; color: #fff; font-size: 16px; text-align: center; } .about-nav a.on { background: #006bb9; } .about-nav a:hover { background: #006bb9; } .about-content { background: #fff; border: 1px solid #eee; } .p-50 { padding: 50px; } .wenhua { padding: 0 8%; } .wenhua dl { float: left; text-align: center; width: 38%; margin: 6%; } .wenhua dl dd { border: 1px solid #eee; border-radius: 3px; margin-top: -40px; padding: 7% 0%; } .wenhua dl dd h2 { font-size: 24px; margin-bottom: 10px; margin-top: 15px; } .wenhua dl dd p { color: #999; font-size: 16px; } .lc-tab { position: fixed; left: 30px; top: 40%; } .lc-tab li { list-style: circle inside; height: 30px; line-height: 30px; font-size: 16px; } .lc-tab li.on { color: #006bb9; } .lc-tab li.on a { color: #006bb9; } .box1 dl { position: relative; height: 240px; overflow: hidden; transition: all 1s; } .box1 dl.year { height: auto; } .box1 dl dt { font-size: 30px; font-weight: bold; } .box1 dl:before { content: ''; height: 100%; width: 1px; background: #eee; position: absolute; left: 30px; top: 49px; } .box1 dl dt:after { content: url(../images/dian.jpg); width: 17px; height: 17px; display: block; margin-left: 23px; } .box1 dl dt span { font-size: 14px; font-weight: normal; } .box1 dl dt span.suo { display: none; } .box1 dl dd { height: 30px; padding-left: 26px; margin: 30px 0; font-size: 16px; z-index: 999; position: relative; } .box1 dl dd:before { content: url(../images/dian2.jpg); width: 9px; height: 10px; margin-right: 20px; } .box1 { margin: 50px 0 30px 10%; } .yfzx { position: relative; margin: 50px; } .yfzx:before { content: ''; background: #eee; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; } .yfzx dl { margin: 0px 10% 50px 10%; } .yfzx dl dt img { width: 100% } .yfzx dl dt { float: left; width: 45%; } .yfzx dl dd { float: right; width: 45%; font-size: 16px; box-sizing: border-box; position: relative; } .yfzx dl dd:before { content: url(../images/dian3.jpg); position: absolute; left: -13%; } .yfzx dl dd h2 { font-size: 30px; margin-bottom: 40px; } .yfzx dl dd h2:after { content: ''; display: block; width: 40px; height: 3px; background: #006bb9; margin-top: 10px; } .yfzx dl:nth-child(2n+2) dd:before { display: none; } .yfzx dl:nth-child(2n+2) dd:after { content: url(../images/dian3.jpg); position: absolute; right: -13%; top: 0; } .yfzx dl:nth-child(2n+2) dt { float: right; } .yfzx dl:nth-child(2n+2) dd { float: left; text-align: right; } .yfzx dl:nth-child(2n+2) dd h2:after { position: absolute; right: 0; top: 30px; } .buju-list ul li { width: 24%; margin-right: 1%; margin-top: 25px; text-align: center; font-size: 18px; float: left; } .buju-list ul li img { width: 100%; } .buju-list1 ul li { width: 19%; margin-right: 1%; margin-top: 25px; text-align: center; font-size: 18px; float: left; } .buju-list1 ul li img { width: 100%; } .honor ul li { width: 21%; margin: 2%; float: left; overflow: hidden; } .honor ul li img { transition: all 1s; width: 100% } .honor ul li img:hover { transform: scale(1.1, 1.1); } @media (max-width:768px) { .sj-icon li a:before { width: 80px; height: 80px; } .jiazhi dl dd { width: 100%; margin-left: 0; } .main-box .new-more img { width: auto; } .job-cont .main-box img { width: auto; } .main-box img { width: 100%; } .lm-box { width: 100%; margin-right: 0; margin-top: 10px; } .index-two h2 { font-size: 24px; } .index-two h2 span { margin: 0 10px; } .index-two p { width: 90%; } .index-video { height: auto; } .ks-link dl { width: 50%; margin: 0; margin-top: 20px; } .ks-link dl dt img { width: 60px; } .index-lx { padding: 30px 0; } .ks-link dl dd:nth-child(2) { font-size: 18px; } .foot-left { width: 100%; text-align: center; margin-top: 10px; margin-bottom: 15px; } .foot-right { width: 100%; text-align: center; display: none } .foot-right ul li { display: -webkit-inline-box; float: none; text-align: center; } .title2 { font-size: 24px; } .zh-syb dl { width: 100%; margin-right: 0; } .zh-moshi ul li:nth-child(1) { width: 100%; } .zh-moshi ul li:nth-child(2) { width: 100%; } .zh-moshi ul li:nth-child(3) { width: 100%; } .zh-moshi ul li { margin-top: 20px; } .zh-fa img { width: 100%; } .zh-fa ul li { width: 31%; margin-right: 2%; margin-bottom: 15px; } .zh-fa ul li a { font-size: 16px; } .zh-falist ul li { width: 47%; margin-right: 3%; } .zh-lm img { width: 100%; } .zh-falist { height: auto; } .zh-syb { padding-bottom: 50px; } .zh-moshi { padding: 40px 0; } .nei-menuone ul li { width: 48%; margin: 5px 1%; height: 30px; line-height: 30px; } .nei-menuone ul li a { width: 100%; font-size: 14px; } .prolei-list li { width: 47%; } .sj-box { width: 100%; margin-right: 0; margin-top: 10px; margin-bottom: 10px; } .sj-box1 { width: 100%; margin-right: 0; margin-top: 10px; margin-bottom: 10px; } .fangan { width: 100%; margin-right: 0; } .pic img { width: 100%; } .sj-menu ul li { width: 48%; } .title7 { font-size: 20px; } .cont-left { width: 100%; } .cont-pic { width: 100%; } .sj-icon li { width: 33%; } .sj-icon li:before { width: 80px; height: 80px; } .jiazhi dl { width: 100%; height: auto; } .jiazhi dl dt { display: none; } .sjd-list { width: 100%; } .cont { margin: 25px 0; } .fa-cont { height: 180px; } .title6 { font-size: 20px; } .more a { padding: 8px 20px; } .fa-cont h2 { font-size: 16px; } .fa-cont p { font-size: 14px; } .ziliao li { width: 50%; } .piaofu { display: none; } .pro-list li { width: 48%; margin: 1%; } .bx-tabs li { width: 50%; } .bx-submenu dl dd { font-size: 14px; width: 31%; margin-left: 0; text-align: center; } .bx-submenu { height: auto; } .bx-submenu dl dt { display: none; } .bx-box { width: 50%; } .main { padding: 30px 0; } .bx-name { font-size: 14px; } .fuwu-menu ul li { width: 48%; } .fw-box { width: 100%; margin: 15px 0; } .fuwu-one h1 { font-size: 18px; } .fuwu-two h1 { font-size: 18px; } .fuwu-three h1 { font-size: 18px; } .bsc-search span { display: none; } .bsc-search table { width: 100%; } .bsc-search table td { display: block; margin: 10px 0; } .bsc-search table tr td:nth-child(2) { width: 100%; } .bsc-search table tr td:nth-child(3) { margin: auto } .bsc-list dl { width: 100%; margin: 10px 0; } .about-one dl dt { width: 70px; height: 70px; line-height: 70px; font-size: 16px; } .about-one dl dd h2 { font-size: 14px; } .about-box { width: 100%; margin: 1% 0; } .about-menutwo { padding-bottom: 50px; } .about-nav a { width: 25%; height: 35px; font-size: 14px; line-height: 35px; } .about-nav { height: auto; } .about-nav .w1200 { width: 100%; } .p-50 { padding: 20px; } .wenhua dl { width: 100%; margin: 10px auto; } .box1 { margin: 50px 0 30px 3%; } .lc-tab { right: 0; left: auto; z-index: 99999 } .yfzx dl dt { width: 100%; } .yfzx dl dd { width: 100%; margin-top: 15px; } .yfzx dl dd h2 { font-size: 20px; margin-bottom: 20px; } .yfzx dl dd:before { display: none; } .yfzx dl dd:after { display: none; } .yfzx:before { display: none; } .yfzx { margin: 20px 5%; } .yfzx dl { margin: 20px 0; } .buju-list ul li { width: 49%; } .buju-list1 ul li { width: 49%; } .honor ul li { width: 48%; margin: 1%; } .nlogo { top: 10px } .nlogo img { width: 140px; } .home { top: 10px; } .new-menu { width: 100%; margin-top: 60px; } .new-menu a { margin: 0; } .new-pic1 { width: 100%; margin-bottom: 10px; } .new-right { width: 100%; } .newd-cont h2 { font-size: 20px; line-height: 30px; } .new-page p { font-size: 14px; } .login { width: 100%; height: auto; padding: 4%; } .code { padding: 17px 5%; margin-left: 4%; } .login-box { padding: 40px 0; } .lx-left { width: 100%; } .lx-right { width: 100%; } .lx-cont { background-position: center -100px; padding-top: 200px; } .video { width: 100%; margin: 1% 0; } .down-search { width: 100%; } .down-search input { width: 40%; } .down-list ul li { width: 100%; margin: 5px 0; } .down-search select { width: 30%; } .feed thead { display: none; } .feed tr td { width: 100%; padding-top: 15px; margin: auto; display: block; } .text1 { width: 100%; } .select { width: 100%; } .area { width: 100%; } .job-cont { background-position: center -100px; padding-top: 200px; } .job-menu a { font-size: 12px; margin: 0; padding: 10px 25px; } .fw { width: 100%; margin: 10px 0; } .fangwei-box { padding: 20px 0; } .fw img { width: 100px; } .fw { padding: 20px 0; } .fw p { margin-bottom: 0; } .fw h2 { font-size: 20px; margin-top: 10px; } .sj-icon1 li { width: 50%; } .lc-tab { display: none; } .box1 dl dd { padding-left: 45px; } .box1 dl dd:before { margin-right: 0px; position: absolute; left: 26px; top: 5px; } .main { padding-top: 20px; } .hxms-cont img { width: 100%; } .f_logo { float: none; text-align: center; margin-bottom: 10px; } .di-menu { margin-bottom: 15px; } .f_phone { margin: auto; float: none; } .dibu { text-align: center; } .about-content .p-50 img { width: 100%; } .newd-cont img { width: 100%; } .p-50 .w1400 { width: 100%; } .index-two { margin-top: 20px; padding: 30px 0; } .index-news { padding: 20px 0; } .new-cont p { height: 80px; } .index-lx { display: none; } .phone-footmenu { display: block; padding: 2% 5%; background: #242424; } .phone-footmenu dl dt { background: #242424; height: 50px; line-height: 50px; color: #808080; font-size: 16px; } .phone-footmenu dl dt span { background: #434343; line-height: 20px; margin-top: 9px; font-size: 19px; color: #242424; padding: 2px 5px; float: right; } .phone-footmenu dl { border-bottom: 1px solid #434343; } .phone-footmenu dl dd a { display: block; padding-left: 8%; color: #808080; font-size: 14px; border-bottom: 1px solid #434343; height: 40px; line-height: 40px; } .phone-footmenu dl dd { display: none; } .phone-footmenu dl dd:last-of-type a { border-bottom: none; } .zh-falist dl { width: 46%; } .bx-tabs li { font-size: 12px; } .bx-tabs { height: auto; } .prolei-list li { font-size: 12px; } .w1400 { width: 94%; } .bx-name { font-size: 12px; overflow: hidden; height: 30px; } .memo { width: 94%; } .video-cont { padding: 30px 0; } .index-video { margin-top: 0; } } /* 内页产品页样式 */ .inner_navcont { position: relative; z-index: 7; } .inner_navcont .navigation-inner { position: relative } .navigation-up { height: 70px; background: #fff } .navigation-up .navigation-v3 {} .navigation-up .navigation-v3 ul {} .navigation-up .navigation-v3 li { float: left; line-height: 30px; height: 70px; overflow: hidden; padding: 20px 0; } .navigation-up .navigation-v3 .nav-up-selected {} .navigation-up .navigation-v3 .nav-up-selected-inpage {} .navigation-up .navigation-v3 li {} .navigation-up .navigation-v3 li i { padding-right: 23px; font-size: 16px; color: #333333; } .navigation-up .navigation-v3 li span { font-size: 16px; color: #006bb9; display: block; line-height: 30px; } .navigation-up .navigation-v3 li h2 {} .navigation-up .navigation-v3 li h2 a { position: relative; float: left; display: block; font-size: 16px; color: #333333; line-height: 30px; } .navigation-up .navigation-v3 li h2 b { display: block; padding-left: 21px; padding-right: 23px; float: left; width: 11px; height: 30px; background: url(../images/inner_navarrow1.png) no-repeat center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform-origin: center; transform-origin: center; } .navigation-up .navigation-v3 .nav-up-selected h2 b { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .navigation-down { position: absolute; top: 70px; left: 0px; width: 100% } .navigation-down .nav-down-cont { width: 100%; margin: 0; background: #006bb9; position: absolute; top: 0px; box-shadow: 0px 5px 7px 0px rgba(4, 0, 0, 0.2); } .navigation-down .nav-down-cont .navigation-down-inner { position: relative } .navigation-down .menu-1 ul { padding: 27px 0 36px; line-height: 27px; } .navigation-down .menu-1 ul li { float: left; margin-right: 28px; } .navigation-down .menu-1 ul li a { display: block; color: #fff; font-size: 15px; color: #fff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .navigation-down .menu-1 ul li a:hover { opacity: 0.8; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-2px); transform: translateY(-2px); } .inner_cont { width: 100%; background: #f5f5f5; } .news_search { background: #e6e6e6; padding: 26px 25px; margin: 50px 0; } .news_search .title { float: left; width: 100px; margin-left: -100%; height: 40px; line-height: 40px; font-size: 17px; color: #333333; } .news_search .news_searchform { float: left; width: 100%; } .news_search .news_searchformwrap { margin-left: 100px; } .news_search .text1 { float: left; width: 21.45%; height: 40px; line-height: 20px; padding: 10px 37px 10px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff url(../images/news_dateicon.jpg) no-repeat right center; font-size: 15px; color: #444; } .news_search .span { float: left; display: block; line-height: 40px; height: 40px; overflow: hidden; width: 39px; text-align: center; font-size: 15px; color: #666666; } .news_search .text2 { float: left; margin-left: 2%; width: 25.28%; height: 40px; padding: 10px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 20px; font-size: 15px; color: #444; } .news_search .btn { float: right; display: block; width: 22.36%; height: 40px; text-align: center; background: #006bb9; text-align: center; font-size: 17px; color: #fff; } .news_search .btn:hover { background: #00a5ec; } .news_search .text3 { width: 72.28%; } .channel_item { margin-bottom: 15px; overflow: hidden; height: 242px; } /*20181220xg*/ /*产品封面20181220xg*/ .channel_itemdl dt em, .channel_itemdl a .img2 { -webkit-transition: all ease .5s; transition: all ease .5s; } .channel_itemdl .dd1 { position: relative; z-index: 2; } .channel_itemdl a .img2 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; visibility: hidden; -webkit-transform-origin: left center; transform-origin: left center; background-position: left top; background-size: cover; background-repeat: no-repeat; } .channel_itemdl a:hover .img2, .channel_toggle .channel_itemdl a .img2 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } .channel_itemdl a:hover .img em, .channel_toggle .channel_itemdl a .img em { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } .channel_itemdl dt { float: left; width: 247px; box-sizing: border-box; margin-right: 34px; overflow: hidden; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .channel_item .channel_itemdl { height: 242px; } .channel_item.channel_toggle { height: auto; } .channel_itemdl a { display: block; overflow: hidden; padding: 32px 3.95% 31px; background: #fff; position: relative; } .channel_itemdl dt { float: left; width: 247px; box-sizing: border-box; margin-right: 34px; overflow: hidden; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .channel_itemdl a:hover dt {} .channel_toggle .channel_itemdl a dt {} .channel_itemdl a:hover dt .img {} .channel_toggle .channel_itemdl a .img {} .channel_itemdl a, .channel_itemdol li .txt span { -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .channel_toggle .channel_itemdl a .dd1 .title, .channel_itemdl a:hover .dd1 .title, .channel_toggle .channel_itemdl .dd1 .sub_title, .channel_itemdl a:hover .dd1 .sub_title { color: #fff; } .channel_toggle .channel_itemdl a .dd2 { color: #fff; } .channel_toggle .channel_itemdl a .dd2 .channel_btn, .channel_itemdl a:hover .dd2 .channel_btn { background: url(../images/pro_arrow1h.png) no-repeat right center; color: #fff; } .channel_itemdl dt .img { /*1210hz width: 220px;*/ padding-bottom: 179px; box-sizing: border-box; height: 0; overflow: hidden; position: relative; } .channel_itemdl dt em { background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .channel_itemdl .dd1 { padding-right: 14%; } .channel_itemdl .dd1 .title { margin-top: 0px; line-height: 30px; max-height: 60px; overflow: hidden; font-size: 24px; color: #333333; } .channel_itemdl .dd1 .sub_title { line-height: 24px; height: 120px; margin-top: 22px; overflow: hidden; color: #555555; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .channel_itemdl .dd2 { float: right; line-height: 30px; font-size: 18px; color: #333333; position: absolute; right: 3.95%; top: 32px; } .channel_itemdl .dd2 .channel_btn { padding-right: 28px; background: url(../images/pro_arrow1.png) no-repeat right center; } .hidden_channel { background: #fff; padding: 42px 3.95% 38px; } /*test*/ .channel_item { position: relative; -webkit-perspective: 3000px; perspective: 3000px; } .hidden_channel { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(60deg); transform: rotateX(60deg); -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; height: 0; } .channel_toggle .hidden_channel { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; height: auto; } .channel_itemdol { padding-bottom: 29px; padding-left: 0 } .channel_itemdol li { margin-bottom: 35px; float: left; width: 24%; margin-right: 1.33%; } .channel_itemdol li a { position: relative; display: block; text-align: center; } /*图片列表hover效果*/ .channel_itemdl a:hover .sub_title { color: #fff; } .channel_itemdl a.channel_toggle .sub_title { color: #fff; } .channel_itemdol li a:hover .img b { transform: translateY(0px) scale(1); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; } .channel_itemdol li a:hover .img:before { opacity: 1; } .channel_itemdol li a .img img { -webkit-transform: scale(1); transform: scale(1); transition: .3s; } .channel_itemdol li a:hover .img img { -webkit-transform: scale(1.12); transform: scale(1.12); transition: .3s; } .channel_itemdol li .img, .channel_itemdol li a .txt span { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .channel_itemdol li a:hover .txt span { color: #006bb9; } .channel_itemdol li .txt span { display: block; line-height: 30px; height: 30px; font-size: 16px; color: #333333; } .channel_itemdol li:nth-child(4n) { margin-right: 0; } .channel_itemdol li.hot_li a:after { position: absolute; right: 0px; top: 0px; width: 38px; height: 38px; background: url(../images/hot_icon.png) no-repeat center; content: ""; } .channel_more { position: relative; display: block; background: #fff; margin: 0 auto 40px; width: 102px; z-index: 1; color: #006bb9; padding: 10px 36px 10px 48px; height: 30px; line-height: 30px; border-radius: 28px; border: 2px solid #006bb9; letter-spacing: 0; font-size: 0; box-sizing: content-box; } .channel_more .padding2 { padding: 0 2px; } .w_1140 { max-width: 1140px; width: 96%; margin: 0 auto; } .text-ani:hover .ani-typo { -webkit-animation-name: typoAni; animation-name: typoAni; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-animation-fill-mode: both; animation-fill-mode: both } .text-ani:hover .ani-typo:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s } .text-ani:hover .ani-typo:nth-of-type(2) { -webkit-animation-delay: 30ms; animation-delay: 30ms } .text-ani:hover .ani-typo:nth-of-type(3) { -webkit-animation-delay: 60ms; animation-delay: 60ms } .text-ani:hover .ani-typo:nth-of-type(4) { -webkit-animation-delay: 90ms; animation-delay: 90ms } @-webkit-keyframes typoAni { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 49.9% { opacity: 0; -webkit-transform: translateX(5px) scale(0.5); transform: translateX(5px) scale(0.5) } 50% { opacity: 0; -webkit-transform: translateX(-5px) scale(1.6); transform: translateX(-5px) scale(1.6) } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .channel_lastbtn { text-align: right; border-top: 1px solid #eeeeee; padding-top: 27px; } .channel_close { display: inline-block; line-height: 26px; height: 26px; text-align: right; font-size: 18px; color: #333333; background: url(../images/pro_arrow2.png) no-repeat right center; padding-right: 27px; } .channel_toggle .channel_itemdl a {} .channel_toggle .channel_itemdl a dt .img { border-color: transparent; } .channel_toggle .channel_itemdl a .dd1 .title, .channel_itemdl a:hover .dd1 .title, .channel_toggle .channel_itemdl .dd1 .sub_title, .channel_itemdl a:hover .dd1 .sub_title { color: #fff; } .channel_toggle .channel_itemdl a .dd2 { color: #fff; } .channel_toggle .channel_itemdl a .dd2 .channel_btn, .channel_itemdl a:hover .dd2 .channel_btn { background: url(../images/pro_arrow1h.png) no-repeat right center; color: #fff; } .channel_itemdl a:hover .dd2 { color: #fff; } .channel_itemdl a:hover dt .img em {} .float_btn { position: fixed; left: 50%; margin-left: 580px; bottom: 60px; z-index: 9; } .float_btn li { margin-bottom: 2px; } .float_btn li a { display: block; width: 58px; height: 58px; text-align: center; line-height: 58px; overflow: hidden; background-color: #dddddd; border-radius: 4px; } .float_btn li a:hover { background-color: #006bb9; } .float_btn li a img { width: 58px; } .float_btn .bdsharebuttonbox .bds_more { width: 58px !important; height: 58px !important; line-height: 58px !important; background: #dddddd url(../images/float_btn2.png) no-repeat center !important; padding: 0 !important; margin: 0 !important; } .float_btn .bdsharebuttonbox .bds_more:hover { background-color: #006bb9 !important; } .bdshare_popup_box { display: none !important; } .float_btn li a.on { background-color: #006bb9; } .float_btn .zclose a.on { background-color: #dddddd; } .float_btn li.zclose a img { width: 23px; } em, i { font-style: normal; } .channel_itemdol li .txt span { display: block; line-height: 30px; height: 30px; font-size: 16px; color: #333333; } .channel_more { position: relative; display: block; background: #fff; margin: 0 auto 40px; width: 102px; z-index: 1; color: #006bb9; padding: 10px 36px 10px 48px; height: 30px; line-height: 30px; border-radius: 28px; border: 2px solid #006bb9; letter-spacing: 0; font-size: 0; } .channel_more .padding2 { padding: 0 2px; } .trans { cursor: pointer; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); overflow: hidden; } .text-ani .ani-typo { display: inline-block; font-size: 16px; color: #006bb9; } .text-ani:after { content: ""; display: block; right: 0; left: 0; background-color: #d50470; } .channel_more:after { position: relative; left: 22px; top: 0px; content: ""; display: inline-block; width: 7px; height: 11px; background: url(../images/pro_morearrow2.png) no-repeat left center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .channel_more:hover:after { left: 18px; } .text-ani:hover .ani-typo { -webkit-animation-name: typoAni; animation-name: typoAni; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-animation-fill-mode: both; animation-fill-mode: both } .text-ani:hover .ani-typo:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s } .text-ani:hover .ani-typo:nth-of-type(2) { -webkit-animation-delay: 30ms; animation-delay: 30ms } .text-ani:hover .ani-typo:nth-of-type(3) { -webkit-animation-delay: 60ms; animation-delay: 60ms } .text-ani:hover .ani-typo:nth-of-type(4) { -webkit-animation-delay: 90ms; animation-delay: 90ms } @-webkit-keyframes typoAni { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 49.9% { opacity: 0; -webkit-transform: translateX(5px) scale(0.5); transform: translateX(5px) scale(0.5) } 50% { opacity: 0; -webkit-transform: translateX(-5px) scale(1.6); transform: translateX(-5px) scale(1.6) } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } }