/* 二级以后栏目公共样式开始 */ *{font-weight: 400;} .secondDiv .fontRed a{color: #e60012!important; } .secondDiv .fontRedA{color: #e60012!important;} /* 包围容器开始 */ .secondDiv .secondWrap{width:100%;height:100%;position:absolute;top:0;left:0;} .secondDiv .secondWrapBox{width:1232px;height:100%;padding:0 16px;margin:0 auto;position:relative;} @media screen and (max-width:1250px){ .secondDiv .secondWrapBox{width: 100%;} } /* 包围容器结束 */ /* 面包屑开始 */ .colmunPc#crumbs{margin-top: 30px;height: 16px;line-height: 16px;font-size: 16px;color: #666;} #crumbs a{color: #666;} #crumbs span{margin: 0 10px 0 6px;} @media screen and (max-width:768px){ .colmunPc#crumbs{display: none;} } /* 面包屑结束 */ /* 阴影效果开始 */ .secondDiv ul.shandowHoverall li{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } .secondDiv ul.shandowHoverall li:hover{ -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.2); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.2); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.2); box-shadow: 0 3px 8px rgba(0,0,0,0.2); } /* 阴影效果结束 */ /* banner样式开始 */ .secondDiv .secondBanner{padding-top:100px;} .secondDiv .secondBanner img{display:block;width: 100%;} .secondDiv .secondBannerBox{position:relative;} .secondDiv .secondBannerText{width:80%;position:absolute;top:28%;left:16px;color:#fff;} .secondDiv .secondBannerText h2{font-size:46px;} .secondDiv .secondBannerText p{font-size:46px;font-size:16px;line-height:1.6;margin-top:2.42%;} @media screen and (max-width: 1400px){ .secondDiv .secondBannerText{top:20%;} } @media screen and (max-width: 1232px){ .secondDiv .secondWrapBox{width: 100%;} } @media screen and (max-width: 1080px){ .secondDiv .secondBannerText{top:10%;} .secondDiv .secondBannerText h2{font-size:40px;} .secondDiv .secondBannerText p{margin-top: 1%;font-size: 14px;} } @media screen and (max-width: 860px){ .secondDiv .secondBannerText h2{font-size:32px;} .secondDiv .secondBannerText p{margin-top: 1%;} } @media screen and (max-width: 768px){ .secondDiv .secondBannerText{width: 90%;font-size: 75px;left: 0;top: 14.8%;padding-left: 16px;} .secondDiv .secondBannerText h2{font-size:75%;} .secondDiv .secondBannerText p{font-size: 37.3%;border-left: 4px solid #e60012;padding-left: 16px;} } @media screen and (max-width:700px){ .secondDiv .secondBannerText{ font-size: 60px; } } @media screen and (max-width:640px){ .secondDiv .secondBannerText{ top:10%; font-size: 50px; } } @media screen and (max-width:414px){ .secondDiv .secondBannerText{ font-size: 44px; } } @media screen and (max-width:375px){ .secondDiv .secondBannerText{ font-size: 37.5px; } } /* banner样式结束 */ /* 公共标题开始 */ .secondDiv .secondEntH3{ height: 32px; line-height: 30px; font-size: 100%; text-align: left; color: #000000; font-weight: 400; margin-bottom: 30px; border-left: 5px solid #e60012; padding-left: 16px; } .secondDiv .protechLine{ display: none; width: 8%; height: 3px; background: #e60012; margin: 1.8% auto 0; } /* 栏目标题右侧点击查看更多按钮样式开始 */ .secondDiv .secondGoMore{ height: 20px; float: right; margin-top: 6px; font-size: 14px; cursor: pointer; } .secondDiv .secondGoMore a{ display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } .secondDiv .secondGoMore a img{ position:absolute; top: 0; right: 0; } @media screen and (max-width: 768px){ .secondDiv .secondGoMore{display: none;} .secondDiv .protechLine{display: block;} } /* 栏目标题右侧点击查看更多按钮样式结束 */ /* 公共标题结束 */ /* 二级栏目成功案例模块样式开始 */ .secondDiv .secondSolve{padding-top: 40px;font-size: 32px;background-color: #fff;padding-bottom: 50px;} .secondDiv .secondSolveConList:after{content:'';display: block;clear:both;} .secondDiv .secondSolveConList li{width: 31.66%;float: left;margin-left: 2.5%;font-size: 22px;} .secondDiv .secondSolveConList li:first-child{margin-left: 0;} .secondDiv .secondSolveConList li a{display: block;width: 100%;height: 100%;} .secondDiv .secondSolveConList li .secondSolveConListImg{display: block;width: 100%;overflow: hidden;cursor: pointer;} .secondDiv .secondSolveConList li .secondSolveConListImg:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } .secondDiv .secondSolveConList li .secondSolveConListImg img{display: block;width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01); transform:scale(1.01); } .secondDiv .secondSolveConListText{padding: 20px;} .secondDiv .secondSolveConListText h5{font-size: 24px;color: #333; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical;} .secondDiv .secondSolveConListText p{font-size: 14px;color: #333;margin-top: 3%;line-height: 1.5;} body.ie8 .secondDiv .secondSolveConListText h5{height:32px;} body.ie8 .secondDiv .secondSolveConListText p{height:63px;} @media screen and (max-width: 768px){ .secondDiv .secondSolve{padding:0;font-size: 75px;} .secondDiv .secondSolveConList{padding-bottom: 1px;} .secondDiv .secondSolveConList li{width:100%;float:none;margin: 0 0 4.67% 0} .secondDiv .secondSolveConListText{font-size: 75px;padding: 4.6% 3.3% 5.3%;} .secondDiv .secondSolveConListText h5{font-size: 46.6%;} .secondDiv .secondSolveConListText p{font-size: 40%; color:#666;} } @media screen and (max-width:700px){ .secondDiv .secondSolve,.secondDiv .secondSolveConListText{ font-size: 60px; } } @media screen and (max-width:640px){ .secondDiv .secondSolve,.secondDiv .secondSolveConListText{ font-size: 50px; } } @media screen and (max-width:414px){ .secondDiv .secondSolve,.secondDiv .secondSolveConListText{ font-size: 44px; } } @media screen and (max-width:375px){ .secondDiv .secondSolve,.secondDiv .secondSolveConListText{ font-size: 37.5px; } } /* 二级栏目成功案例模块样式结束 */ /* 滑动标识样式开始 */ .secondDiv .swiperBtn{text-align: center;line-height: 0;margin-top: 2%;} /* 滑动标识样式结束 */ /* 控制pc h5显示开始 */ body .secondDiv .secondH5{display: none;} @media screen and (max-width: 768px){ body .secondDiv .secondPC{display: none;} body .secondDiv .secondH5,.protechLine{display: block;} body .secondDiv .secondBanner{padding-top: 0;} } /* 控制pc h5显示结束 */ /* 二级栏目公共样式结束 */ /* 行业解决方案页面开始 */ /* 行业解决方案开始 */ /* PC端 */ .secondDiv .industrySolution{font-size: 32px;padding-top: 40px;} .secondDiv .industrySoluList:after{content:'';display: block;clear:both;} .secondDiv .industrySoluList li{width:26%;padding: 10px 3.65%;float: left;box-sizing: content-box;margin-bottom: 3%;} .secondDiv .industrySoluList li:hover{background-color: #f9f9f9;} .secondDiv .industrySoluList li:hover .indSoluListTit{color: #e60012;} .secondDiv .industrySoluList li a{display: block;width: 100%;height: 100%;} .secondDiv .indSoluListImg{display:block;width: 22%;margin: 0 auto;} .secondDiv .indSoluListImg img{display: block;width: 100%;} .secondDiv .indSoluListTit{text-align: center;font-size: 22px;color:#242424;margin-top: 6.4%;} .secondDiv .indSoluListText{text-align: center;font-size: 14px;color:#666666;line-height: 1.6;margin-top: 5.4%;} /* 移动端 */ .secondDiv .industrySoluConH5{display: none;background-color: #f5f5f5;padding: 6.4% 0;} .secondDiv .swiper-containerSolu{width: 100%;height:100%;overflow: hidden;} .secondDiv .swiper-containerSolu .swiper-slide{float: left;padding: 0 16px;} .secondDiv .swiper-containerSolu .swiper-slide:after{content:'';display: block;clear:both;} .secondDiv .swiper-containerSolu a{display: block;width: 30%;height:100%;margin-left: 5%;float: left;background-color: #fff;padding: 4.6% 3.3%;} .secondDiv .swiper-containerSolu a .indSoluListImg{width: 44%;} .secondDiv .swiper-containerSolu a .indSoluListTit{font-size: 37.3%;color:#242424;margin-top:16%;} .secondDiv .swiper-containerSolu a .indSoluListText{font-size: 30%;color:#666;margin-top:9%;} .secondDiv .swiper-containerSolu a:first-child{margin-left:0;} body.ie8 .industrySoluConH5 a{margin-bottom: 20px;} body.ie8 .secondSolveConList li{border:1px solid #e8e8e8;} @media screen and (max-width: 768px){ .secondDiv .industrySoluCon{display: none;} .secondDiv .industrySoluConH5{display: block;} .secondDiv .industrySolution .secondWrapBox{padding: 0;} .secondDiv .swiper-containerSolu a .indSoluListText{text-align: left;} } /* 行业解决方案结束 */ /* 成功案例单独样式开始 */ #industry_solution .secondSolve{background-color: #f5f5f5;} @media screen and (max-width: 768px){ #industry_solution .secondSolve{background-color: #fff;} } /* 成功案例单独样式结束 */ @media screen and (max-width: 768px){ /* 标题大小变化 */ .secondDiv .industrySolution{font-size: 75px;padding-top: 0;} .secondDiv .secondEntH3{ width: 100%; padding: 6.6% 0 4%; text-align: center; color: #3c3c3c; font-size: 59.4%; border: none; margin: 0; height: auto; line-height: 1; } } @media screen and (max-width:700px){ .secondDiv .industrySolution{ font-size: 60px; } } @media screen and (max-width:640px){ .secondDiv .industrySolution{ font-size: 50px; } } @media screen and (max-width:414px){ .secondDiv .industrySolution{ font-size: 44px; } } @media screen and (max-width:375px){ .secondDiv .industrySolution{ font-size: 37.5px; } } /* 行业解决方案页面结束 */ /* SMB解决方案页面开始 */ /* PC端 */ .secondDiv .SMBsolution{font-size: 32px;padding-top: 40px;background-color: #fff;} /* 白色底色类名 */ .secondDiv .SMB_fff{background-color: #fff;} .secondDiv .SMB_fff .SMBsolutionListImg{float: right;} .secondDiv .SMB_fff .SMBsolutionListText{width: 100%;padding-right: 432px;padding-top: 3.9%;} /* 灰色底色类名 */ .secondDiv .SMB_f5f{background-color: #f5f5f5;} .secondDiv .SMB_f5f .SMBsolutionListImg{float:left;} .secondDiv .SMB_f5f .SMBsolutionListText{width: 100%;padding-left: 432px;padding-top: 3.9%;} .secondDiv .SMBsolutionListImg{overflow: hidden;} .secondDiv .SMBsolutionListImg:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } .secondDiv .SMBsolutionListImg a{display: block;width: 100%;height: 100%;} .secondDiv .SMBsolutionListImg img{ -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01); transform:scale(1.01); } .secondDiv .SMBsolutionListText h3{font-size: 24px;color:#333;} .secondDiv .SMBsolutionListText h3 a{display:inline-block;max-width:100%;height:100%;color:#333;} .secondDiv .SMBsolutionListText p{font-size: 14px;color:#666;margin-top: 20px;line-height: 1.85;} .secondDiv .SMBsolutionListGo{width: 100%;height: 20px;margin-top: 2.5%;} .secondDiv .SMBsolutionListGo a{display: inline-block;float:right;line-height: 20px;padding-right: 30px;position:relative;font-size: 14px;color:#333;} .secondDiv .SMBsolutionListGo a img{display: block;width: 20px;position:absolute;top:0;right:0;} .secondDiv .SMBsolutionList{overflow: hidden;} .secondDiv .SMBsolutionList li{width: 100%;height:232px;padding: 40px 0;box-sizing: content-box;} .secondDiv .SMBsolutionList li:after{content:'';display: block;clear:both;} .secondDiv .SMBsolutionListImg{width: 382px;} .secondDiv .SMBsolutionListImg img{display: block;width: 100%;} .secondDiv .SMBListopen{display:inline-block;height: 20px;float: right;position:relative;padding-right: 30px;cursor:pointer;} .secondDiv .openList{height: 20px;margin-top: 30px;} .secondDiv .SMBListopen img{display: block;width: 20px;position:absolute;top:0;right:0;} .secondDiv .SMBListopen span{display: block;height:20px;float: right;font-size: 14px;line-height: 20px;color:#e60517;} .secondDiv .SMBListopen .closeGo{display: none;} /* 移动端 */ .secondDiv .SMBsolutionH5Btn{display: none;} @media screen and (max-width: 768px){ /* 标题大小变化 */ .secondDiv .SMBsolution{font-size: 75px;padding-top: 0;} .secondDiv .openList{display: none;} .secondDiv .SMBsolutionH5Btn{display: block;} .secondDiv .secondSolve{background-color: #f5f5f5;margin-top: 5.3%;} .secondDiv .SMBsolutionPC{overflow: hidden;padding-bottom: 5.3%;} .secondDiv .SMBsolutionPC li{width:100%;padding: 0 16px;box-sizing: border-box;} .secondDiv .SMBsolutionPC li .secondWrapBox{ padding: 0; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } .secondDiv .SMBsolutionListImg{width: 100%;} .secondDiv .SMBsolutionList{overflow: visible;} .secondDiv .SMBsolutionListText{width: 100%;padding: 5.2% 4% 6.7%;} .secondDiv .SMBsolutionListText h3{font-size: 46.6%;color:#333;} .secondDiv .SMBsolutionListText p{font-size: 40%;color:#666;margin-top:2%;line-height: 1.6;} body.ie8 .SMBsolutionPC li .secondWrapBox{border:1px solid #f5f5f5;} .secondDiv .SMBsolutionListGo{width: 100%;margin-top:5.3%;} .secondDiv .SMBsolutionListGo a{display: inline-block;float: right;position:relative;padding-right:6.6%;font-size: 37%;line-height: 1;color:#333;} .secondDiv .SMBsolutionListGo a img{display: block;width:auto;height: 100%;position:absolute;top:0;right:0;} body.ie8 .SMBsolutionList li{margin-bottom: 20px;} } @media screen and (max-width:700px){ .secondDiv .SMBsolution{ font-size: 60px; } } @media screen and (max-width:640px){ .secondDiv .SMBsolution{ font-size: 50px; } } @media screen and (max-width:414px){ .secondDiv .SMBsolution{ font-size: 44px; } } @media screen and (max-width:375px){ .secondDiv .SMBsolution{ font-size: 37.5px; } } /* SMB解决方案页面结束 */ /* 技术解决方案开始（单独样式） */ #technology_solution .secondSolve{background-color: #f5f5f5;} #technology_solution .solutionGoList{width: 100%;margin-top:3%;line-height: 0;} #technology_solution .solutionGoList a{display: block;float:left;margin-right:3%;font-size: 14px;line-height:1;color:#333;margin-bottom: 20px;} #technology_solution .solutionGoList a span{color:#e60012;margin-right: 10px;} @media screen and (max-width:1000px){ #technology_solution .SMBsolutionListText{ padding-top: 1%; } } @media screen and (max-width:768px){ #technology_solution .SMBsolutionListText{ padding-top: 4%; padding-bottom: 2%; } #technology_solution .solutionGoList a{ min-width: 30%; margin: 0 0 4% 0; font-size: 34%; color:#333333; } } /* 技术解决方案结束 */ /* 新IT顶层规划开始 */ .secondDiv .secondPicture{font-size: 32px;padding-top: 40px;} .secondDiv .secondPictureCon{width: 100%;padding: 40px 0;box-sizing: content-box;overflow: hidden;background-color: #f5f5f5;} .secondDiv .secondPictureImg{width: 500px;float: left;overflow: hidden;} .secondDiv .secondPictureImg:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } .secondDiv .secondPictureImg img{display: block;width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01); transform:scale(1.01); } .secondDiv .secondPictureText{width: 100%;padding-left: 575px;padding-top: 60px;} .secondDiv .secondPictureText h3{font-size: 30px;color:#3c3c3c;} .secondDiv .secondPictureText p{font-size: 16px;color:#666;margin-top: 2.3%;line-height: 1.5;} @media screen and (max-width:1100px){ .secondDiv .secondPictureText{padding-top: 30px;} } @media screen and (max-width:980px){ .secondDiv .secondPictureText{padding-top: 0px;} } @media screen and (max-width:900px){ .secondDiv .secondPicture{font-size: 75px;} #top_level_planning .secondEntH3{font-size: 32px;} .secondDiv .secondPictureCon{width:auto;padding: 5.3% 16px;} .secondDiv .secondPictureCon .secondWrapBox{padding:0; background-color: #fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } .secondDiv .secondPictureImg{width: 100%;float:none;} .secondDiv .secondPictureText{float: none;padding:4.1% 3.34%;} .secondDiv .secondPictureText h3{font-size: 40%;color:#3c3c3c;} .secondDiv .secondPictureText p{font-size: 34.66%;color:#666666;margin-top:3.1%;} } @media screen and (max-width:768px){ .secondDiv .secondPicture{padding-top: 0;} } @media screen and (max-width:700px){ .secondDiv .secondPicture{ font-size: 60px; } } @media screen and (max-width:640px){ .secondDiv .secondPicture{ font-size: 50px; } } @media screen and (max-width:414px){ .secondDiv .secondPicture{ font-size: 44px; } } @media screen and (max-width:375px){ .secondDiv .secondPicture{ font-size: 37.5px; } } /* 单独样式开始 */ #top_level_planning .serviceList{font-size: 32px;padding-top:40px;} #top_level_planning .serviceLevelConList:after{content:'';display: block;clear:both;} #top_level_planning .serviceLevelConList li{width: 32%;float: left;margin-left: 1%;height: 200px;} #top_level_planning .serviceLevelConList li:hover{background: #f9f9f9;} #top_level_planning .serviceLevelConList li:hover .serviceLevelConImgH5{color: #e60012;} #top_level_planning .serviceLevelConList li a{display: block;width: 100%;padding: 7.8% 0 7.7%;} #top_level_planning .serviceLevelConImg{display:block;width: 100%;margin-top: 10px;} #top_level_planning .serviceLevelConImg img{display: block;height: 62px;margin: 0 auto;} #top_level_planning .serviceLevelConImgH5{width: 100%;padding:0 2%;text-align: center;margin: 20px 0 15px;font-size: 22px;color: #242424;} #top_level_planning .serviceLevelConImgp{width: 80%;overflow: hidden;margin: 0 auto;text-align: center;font-size: 14px;color: #666666;} @media screen and (max-width:768px){ #top_level_planning .serviceList{padding-top: 0;font-size: 75px;} #top_level_planning .secondEntH3{font-size: 59.4%;} #top_level_planning .serviceLevelConList li{width:33.33%;padding:0 2%;margin:0;} #top_level_planning .serviceLevelConImgH5{color:#333;font-size: 46.6%;} #top_level_planning .serviceLevelConImgp{width:90%;font-size: 40%;color:#666;text-align: left;} } @media screen and (max-width:700px){ #top_level_planning .serviceList{ font-size: 60px; } } @media screen and (max-width:640px){ #top_level_planning .serviceList{ font-size: 50px; } } @media screen and (max-width:414px){ #top_level_planning .serviceList{ font-size: 44px; } } @media screen and (max-width:375px){ #top_level_planning .serviceList{ font-size: 37.5px; } } /* 新IT顶层规划结束 */ /* 新一代数据中心开始(单独样式) */ #Date_center .techH5{display: none;} /* 新一代数据中心 */ #Date_center .techdata{ padding-bottom: 50px; padding-top: 40px; background: #fff; font-size: 32px; } /* width 1068px */ #Date_center .techdataConIconList{ width: 89%; margin: 0 auto; } #Date_center .techdataConIconList:after{ content:''; display: block; clear: both; } #Date_center .techdataConIconList li{ width: 14.6%; float: left; margin-left: 13.866%; } #Date_center .techdataConIconList li a{ display: block; width: 100%; height: 100%; } #Date_center .techdata li:first-child{ margin-left: 0; } #Date_center .techdataConIconList li img{ display: block; width: 100%; } #Date_center .techdataConLine{ width: 100%; height: 60px; background-image: url(../images/technical/techdataConLine.png); background-repeat: no-repeat; background-position: center center; } #Date_center .techdataConLineList{ width: 89%; height: 100%; margin: 0 auto; } #Date_center .techdataConLineList li{ width: 14.6%; height: 100%; float: left; margin-left: 13.866%; background-image: url(../images/technical/techdataConLinedot.png); background-repeat: no-repeat; background-position: center center; } #Date_center .techdataTextList{ width: 100%; height: 47px; margin: 0 auto; } #Date_center .techdataTextList li{ width: 25%; height: 100%; float: left; } #Date_center .techdataTextListData img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #Date_center .techdataTextListData span{ position:relative; z-index: 3; } #Date_center .techdataTextListData{ width: 180px; height: 47px; line-height: 47px; display: block; font-size: 22px; color: #3c3c3c; margin: 0 auto; text-align: center; position:relative; z-index: 2; } #Date_center .techLong{ width: 260px; } @media screen and (max-width:1200px){ #Date_center .techdataTextListData{ width: 150px; height: 39px; line-height: 39px; font-size: 18px; } #Date_center .techLong{ width: 210px; } } @media screen and (max-width:990px){ #Date_center .techdataTextListData{ width: 120px; height: 31px; line-height: 31px; font-size: 12px; } #Date_center .techLong{ width: 160px; } } @media screen and (max-width:900px){ #Date_center .secondEntH3{font-size: 32px;} } /* 移动端新一代数据中心开始 */ #Date_center .techH5data .techH5Tit{ width: 100%; padding: 5.3% 0 4%; background-color: #fff; text-align: center; color:#3c3c3c; font-size: 59.4%; } #Date_center .techH5dataCon{ overflow: hidden; background: #fff; position:relative; } #Date_center .techH5dataTop{ width: 100%; } #Date_center .techH5dataTop:after{ content: ''; display: block; clear: both; } #Date_center .techH5dataTop li{ width: 50%; float: left; } #Date_center .techH5 .techH5dataTop li img{ display: block; width: 48.8%; margin: 0 auto; } #Date_center .techH5dataCenter{ width: 100%; height: 7px; background-image: url(../images/technical/techH5dataCenter.png); background-repeat: no-repeat; background-position: center center; } #Date_center .techH5dataCenter li{ width: 50%; height: 100%; float: left; } #Date_center .techH5dataCenter li i{ display: block; width: 7px; height: 7px; background-image: url(../images/technical/techdataConLinedot.png); background-repeat: no-repeat; margin: 0 auto; } #Date_center .techH5dataBott{ padding: 6.26% 0; } #Date_center .techH5dataBott li{ width: 50%; height: 100%; float: left; } #Date_center .techH5dataBott li .techBox{ display: block; width: 61.33%; height: 100%; margin: 0 auto; position:relative; padding: 2.67% 0; text-align: center; font-size: 37.33%; line-height: 1.5; color:#3c3c3c; } #Date_center .techH5dataBott li .techBox.long{ width: 90%; } #Date_center .techH5dataBott li .techBox>img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #Date_center .techH5dataBott li .techBox>span{ display: block; width: 100%; height: 100%; position: relative; } #Date_center .techH5 .swiper-button-prev,#Date_center .techH5 .swiper-button-next{ background-image: none; width: 4.9%; top: 15%; margin-top: 0; } .swiper-containerDataH5>span>img{ display: block; width: 100%; } body.ie8 .swiper-containerDataH5>span{ display: none; } body.ie8 .swiper-containerDataH5 .swiper-slide{margin-bottom:20px;} /* 移动端新一代数据中心结束 */ @media screen and (max-width:768px){ #Date_center .technicalPc{display: none;} #Date_center .techH5{display: block;font-size: 75px;} #Date_center .secondEntH3{font-size: 59.4%;} } @media screen and (max-width:700px){ #Date_center .techH5{ font-size: 60px; } } @media screen and (max-width:640px){ #Date_center .techH5{ font-size: 50px; } } @media screen and (max-width:414px){ #Date_center .techH5{ font-size: 44px; } } @media screen and (max-width:375px){ #Date_center .techH5{ font-size: 37.5px; } } /* 新一代数据中心结束 */ /* 新IT行业应用开始 *//* 新IT行业应用结束 */ /* 操作系统开始 */ #software .secondSolve{background-color: #f5f5f5;} /* 操作系统结束 */ /* 智能终端产品开始 *//* 智能终端产品结束 */ /* 企业级产品开始 */ #Enterprise_product .secondSolve{background-color: #f5f5f5;} @media screen and (max-width: 900px){ #Enterprise_product .secondEntH3{font-size: 32px;} } @media screen and (max-width: 768px){ #Enterprise_product .secondSolve{background-color: #fff;margin-top:0;} #Enterprise_product .secondEntH3{font-size: 59.4%;} } /* 企业级产品结束 */ /* 文档与软件开始 */ #Document .documentBox{font-size: 32px;padding-top: 40px;} #Document .documentBoxCon{background: #f5f5f5;padding: 40px 0;} #Document .documentWrapNav{width: 100%;height: 80px;background: #f5f5f5;} #Document .documentWrapNav li{width: 33.2%;height:68px;line-height:68px;float: left;margin-top:12px;margin-left:0.2%;background: #fdfdfd;border-bottom:1px solid #ececec;cursor: pointer;} #Document .documentWrapNav li.active{color:#e61002;height: 80px;line-height: 80px;margin-top:0;background: #fff;border:1px solid #ececec;border:0;border-bottom: 1px solid #fff; -webkit-box-shadow: 0 -2px 4px rgba(0,0,0,0.05); -moz-box-shadow: 0 -2px 4px rgba(0,0,0,0.05); -ms-box-shadow: 0 -2px 4px rgba(0,0,0,0.05); -o-box-shadow: 0 -2px 4px rgba(0,0,0,0.05); box-shadow: 0 -2px 4px rgba(0,0,0,0.05);} #Document .documentWrapNav li.active span img{top:22.5px;} #Document .documentWrapNav li:first-child{margin-left:0;} #Document .docunavImg{display: block;width: 35px;float: left;position:absolute;left:0;top:16px;} #Document .documentWrapNav li span{width:150px;height:80px;display:block;font-size: 24px;padding-left:45px;margin:0 auto;position:relative;} #Document .documentWrapCon{padding:20px 30px; background: #fff; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.05); -ms-box-shadow: 0 2px 6px rgba(0,0,0,0.05); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.05); box-shadow: 0 2px 6px rgba(0,0,0,0.05);} #Document .documentWrapCon:after{content:'';display: block;clear:both;} #Document .wrapScroll{padding:10px 0 20px;} #Document .WrapConBoxone{width:18%;height:370px;background: #fcfcfc;border:1px solid #f7f6f6;overflow-y: scroll;float: left;} #Document .WrapConBoxtwo{width: 35%;height: 370px;background: #fcfcfc;border:1px solid #f7f6f6;overflow-y: scroll;float: left;margin-left: 1.5%;} #Document .WrapConBoxthr{width: 44%;height: 370px;background: #fcfcfc;border:1px solid #f7f6f6;overflow-y: scroll;float: left;margin-left: 1.5%;} #Document .documentWrapList{width: 100%; height: 100%;} #Document .documentWrapList li{width: 100%;height: 28px;overflow: hidden;line-height: 28px;margin-bottom: 5px;position:relative;padding-left: 28px;padding-right:29%;font-size: 14px;color:#666;cursor:pointer;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;white-space: nowrap;} #Document .documentWrapList li a{display:block;width:100%;height:100%;color:#666; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #Document .documentWrapList li.hoveract,#Document .documentWrapList li.hoveract a{color:#e60012;background: #eee;} #Document .documentWrapList li.hoveract .listgoto{display: block;} #Document .documentWrapList li:hover{ color:#e60012; background: #eee; } #Document .documentWrapList li:hover .listgoto{ display: block; } #Document .documentWrapList li:hover a{ color:#e60012; } #Document .documentWrapSearch{ display: none; padding:60px 0; background: #fff; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.05); -ms-box-shadow: 0 2px 6px rgba(0,0,0,0.05); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.05); box-shadow: 0 2px 6px rgba(0,0,0,0.05);} #Document .searchCon{width: 73.75%;margin:0 auto;} #Document .searchTwoBox{width: 100%;height: 50px;background:#fcfcfc;border:1px solid #f7f6f6;position:relative;} #Document .searchDocumentInput{display:block;width: 100%;height: 100%;line-height:50px;border:none;background: #fcfcfc;padding: 0 130px 0 20px;font-size: 14px;color:#333;} #Document .searchBoxbtn{width: 124px;height: 100%;position:absolute;top:0;right:0;} #Document .searchBoxbtn img{display: block;width: 20px;position:absolute;left:28px;top:15px;} #Document .searchBoxbtn input{display: block;width: 100%;height: 100%;border:0;background: #f5f5f5;font-size: 24px;color:#333;padding-left:50px;} #Document .kerwordList{width: 100%;margin-top:40px;} #Document .kerwordList:after{content:'';display: block;clear:both;} #Document .kerwordList li{width: 17.5%;float: left;margin-right:10%;height: 50px;background:#fcfcfc;border:1px solid #f7f6f6;font-size:14px;color:#666;text-align: center;line-height: 50px;margin-bottom: 20px;cursor:pointer;} #Document .listgoto{display: block;width: 7px;position:absolute;right:10%;top: 8px;display: none;} #Document .documentGoto{width: 100%;height:78px;margin-top: 30px;} #Document .documentGoto li{width: 33.2%;height:78px;float:left;margin-left: 0.2%;line-height: 78px;text-align: center;} #Document .documentGoto li:hover a{background: #e61002;color:#fff;border:none;} #Document .documentGoto li:first-child{margin-left:0;} #Document .documentGoto li a{display: block;width: 100%;height: 100%;font-size: 24px;color:#666;background-color:#fff;border:1px solid #e5e5e5;} #Document .documentGoto li:first-child{margin-left: 0;} #Document .documentH5{display: none;padding:6.4% 16px;background: #f5f5f5;} #Document .documentH5List{width: 100%;height: 100%;} #Document .documentH5List li{width: 100%;background: #fff;margin-bottom:4%;} #Document .documentH5List li a{display: block;padding:6.9% 0;width: 100%;height: 100%;line-height: 1;} #Document .documentH5List li span{display:block;width:31%;height: 100%;padding:1% 0 1% 9%;font-size: 37.33%;color:#666;position:relative;margin: 0 auto;} #Document .documentH5List li span img{display: block;height: 100%;position:absolute;top:0;left:0;} /*滚动条样式*/ #Document .wrapScroll::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } #Document .wrapScroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(220,220,220,1); background: #dcdcdc; } #Document .wrapScroll::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(248,248,248,1); background: #f8f8f8; } @media screen and (max-width:1000px){ #Document .documentWrapNav li span{font-size: 20px;} } @media screen and (max-width:768px){ #Document .documentBox{font-size: 75px;padding-top:0;} #Document .documentPC{display: none;} #Document .documentH5{display: block;} } @media screen and (max-width:700px){ #Document .documentBox{ font-size: 60px; } } @media screen and (max-width:640px){ #Document .documentBox{ font-size: 50px; } } @media screen and (max-width:414px){ #Document .documentBox{ font-size: 44px; } } @media screen and (max-width:375px){ #Document .documentBox{ font-size: 37.5px; } } /* 文档与软件结束 /* 在线帮助开始 */ @media screen and (max-width: 768px){ #top_level_planning.onlie_service .serviceLevelConList li{ background: #ffffff; padding: 0; margin-bottom: 4.6%; width: 48.57%; } #top_level_planning.onlie_service .serviceLevelConImgp{ padding: 0 2%; } .onlie_service .serviceList{background-color: #f5f5f5;} } @media screen and (max-width: 768px){ #top_level_planning.onlie_service .serviceLevelConImgH5{ font-size: 40%; } #top_level_planning.onlie_service .serviceLevelConImgp{ font-size: 34%; } } @media screen and (max-width: 480px){ #top_level_planning.onlie_service .serviceLevelConImgH5{ font-size: 36%; } #top_level_planning.onlie_service .serviceLevelConImgp{ font-size: 30%; } #top_level_planning .serviceLevelConImg img{ height: auto; width: 60%; } } /* 在线帮助结束 */ /* 政策动态开始 */ .secondDiv.Policy_dynamics .industrySoluList li{ width: 28%; padding: 10px 2.65%; } @media screen and (max-width: 768px){ .Policy_dynamics #newsWrap.protechJourn{ background: #ffffff; } .Policy_dynamics #newsWrap.protechJourn .columEntH3{ background: #ffffff; } } /* 政策动态结束 */ /* 渠道新闻开始*/ .become_partners.secondDiv .secondSolveConListText span.more{ display: block; text-align: right; width: 100%; height: 20px; font-size: 14px; margin-top: 8px; color: #333; } .become_partners.secondDiv .secondSolveConListText span.more img{ position: relative; top: 5px; margin-left: 10px; right: 0; } .become_partners.secondDiv .secondSolveConListText h6{ color: #333; font-size: 18px; } .become_partners.secondDiv ul.shandowHoverall li{ position: relative; padding-bottom: 40px; } /* 渠道新闻结束*/ /*合作伙伴资源中心开始*/ #partner_resource_centre .solutionGoList{width: 100%;margin-top:3%;line-height: 0;} #partner_resource_centre .solutionGoList a{display: block;float:left;margin-right:3%;font-size: 14px;line-height:1;color:#333;margin-bottom: 20px;} #partner_resource_centre .solutionGoList a span{color:#e60012;margin-right: 10px;} #partner_resource_centre.secondDiv .SMBsolutionList li{height: auto;} #partner_resource_centre.secondDiv .solutionGoList:after{content:'';display: block;clear:both;} /* 模板公司动态样式 */ #partner_resource_centre.secondDiv .SMBsolutionListNews{width: 100%;margin-top: 20px;} #partner_resource_centre.secondDiv .SMBsolutionListNews p{width: 100%;padding-left:16px;font-size:14px;line-height:1;color:#333;margin-bottom:20px;position:relative;} #partner_resource_centre.secondDiv .SMBsolutionListNews p a{display:block;width:100%;height:100%;color:#333; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical;} #partner_resource_centre.secondDiv .SMBsolutionListNews p a:hover{color:#e60012;} #partner_resource_centre.secondDiv .SMBsolutionListNews p span{display: block;width:10px;text-align:center;position:absolute;top:0;left:0;color:#e60012;} /* 公司概况样式 */ #partner_resource_centre.secondDiv.company_info .H5seeMore{width:100%;text-align: center;font-size:40%;color:#e60012;display:none;cursor:pointer;} #partner_resource_centre.secondDiv.company_info .H5seeMore span{display:inline-block;position:relative;} #partner_resource_centre.secondDiv.company_info .H5seeMore img{height:80%;vertical-align: middle;display:block;position:absolute;top:10%;left:100%;} /* 视频样式 */ #partner_resource_centre.secondDiv.company_info #videoWrapPC.videoPc{background:#f5f5f5;} #videoWrapPC .proVidConList li{background: #fff;} #videoWrapPC .proVidConText{-o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical;} @media screen and (max-width: 768px){ #partner_resource_centre.secondDiv .SMB_f5f .SMBsolutionListImg,#partner_resource_centre.secondDiv .SMB_fff .SMBsolutionListImg{ float: none; } #partner_resource_centre.secondDiv .solutionGoList a{width: 50%;margin-right:0;font-size: 40%;} #partner_resource_centre.secondDiv .SMB_f5f{background: #fff;} #partner_resource_centre.secondDiv .SMBsolutionList li{ margin-bottom: 20px; } #partner_resource_centre.secondDiv .SMBsolutionPC{overflow: hidden;padding-bottom: 5.3%;} #partner_resource_centre.secondDiv .SMBsolutionPC li{width:100%;padding: 0 16px;box-sizing: border-box;} #partner_resource_centre.secondDiv .SMBsolutionPC li .secondWrapBox{ padding: 0; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #partner_resource_centre.secondDiv .SMBsolutionListImg{width: 100%;} #partner_resource_centre.secondDiv .SMBsolutionList{overflow: visible;} #partner_resource_centre.secondDiv .SMBsolutionListText{width: 100%;padding: 5.2% 4% 6.7%;} #partner_resource_centre.secondDiv .SMBsolutionListText h3{font-size: 46.6%;color:#333;} #partner_resource_centre.secondDiv .SMBsolutionListText p{font-size: 40%;color:#666;margin-top:2%;line-height: 1.6;} body.ie8 .SMBsolutionPC li .secondWrapBox{border:1px solid #f5f5f5;} #partner_resource_centre.secondDiv .SMBsolutionListGo{width: 100%;margin-top:5.3%;} #partner_resource_centre.secondDiv .SMBsolutionListGo a{display: inline-block;float: right;position:relative;padding-right:6.6%;font-size: 37%;line-height: 1;color:#333;} #partner_resource_centre.secondDiv .SMBsolutionListGo a img{display: block;width:auto;height: 100%;position:absolute;top:0;right:0;} /* 模板公司动态移动端样式 */ #partner_resource_centre.secondDiv .SMBsolutionListNews p{margin-bottom: 4.2%;padding-left:5%;margin-top:0;} #partner_resource_centre.secondDiv .SMBsolutionListNews{margin-top: 4.6%;} #partner_resource_centre.secondDiv .SMBsolutionListNews p span{width:4.4%;} /* 公司概况样式 */ #partner_resource_centre.secondDiv.company_info .SMBsolutionList{overflow: hidden;} #partner_resource_centre.secondDiv.company_info .H5seeMore{display:block;margin-top: 2%;} #videoWrapH5 .protechH5VidBtn,#partner_resource_centre.secondDiv.company_info .protechH5Tit{background:#f5f5f5;} #partner_resource_centre.secondDiv.company_info #videoWrapH5 .protechH5VidBtn,#partner_resource_centre.secondDiv.company_info .protechH5VideoCon,#partner_resource_centre.secondDiv.company_info #videoWrapH5{background:#f5f5f5;} } /*合作伙伴资源中心结束*/ /* 成为合作伙伴开始 */ @media screen and (max-width: 768px){ .become_partners.secondDiv .secondSolveCon{ padding: 0 16px; } .become_partners.secondDiv .secondSolve{ background: #fff; } .become_partners.secondDiv .secondWrapBox{ padding: 0; } .become_partners#top_level_planning .secondEntH3{ background: #ffffff; } .become_partners .serviceList{ background: #f5f5f5; } .become_partners#top_level_planning .serviceLevelConList{ padding: 0 16px; } .become_partners#top_level_planning .serviceLevelConList li{ padding: 0 2%; margin:4% 2% ; width: 29.33%; background: #ffffff; } .become_partners#top_level_planning .serviceLevelConList li .serviceLevelConImgH5{ font-size: 42%; } .become_partners#top_level_planning .serviceLevelConImgp{ font-size: 36%; } } @media screen and (max-width: 550px){ .become_partners#top_level_planning .serviceLevelCon{ font-size: 55px; } } @media screen and (max-width: 480px){ .become_partners#top_level_planning .serviceLevelCon{ font-size: 48px; } } @media screen and (max-width: 414px){ .become_partners#top_level_planning .serviceLevelCon{ font-size: 41.4px; } } @media screen and (max-width: 375px){ .become_partners#top_level_planning .serviceLevelCon{ font-size: 37.5px; } } /* 成为合作伙伴结束 */ /* 建设中页面开始 */ #build_page .build_page_padd{padding-top:100px;} #build_page .build_page_icon{width:100%;height:576px;background: #fff;position:relative;} #build_page .build_page_iconBox{width:100%;height:168px;position:absolute;top:204px;left:0;} #build_page .build_page_iconBox>img{display:block;width:163px;margin:0 auto;} #build_page .build_page_iconBox>p{display:block;text-align:center;margin:0 auto;font-size: 20px;color:#333;margin-top:26px;} @media screen and (max-width: 768px){ #build_page .build_page_padd{ display: none; } #build_page .build_page_icon{ height: auto; padding: 20% 0; } #build_page .build_page_iconBox{ font-size: 50px; height: auto; position: relative; top: 0; left: 0; } #build_page .build_page_iconBox>img{ width: 30%; } #build_page .build_page_iconBox>p{ font-size: 40%; } } @media screen and (max-width: 550px){ #build_page .build_page_iconBox{ font-size: 55px; } } @media screen and (max-width: 480px){ #build_page .build_page_iconBox{ font-size: 48px; } } @media screen and (max-width: 414px){ #build_page .build_page_iconBox{ font-size: 41.4px; } } @media screen and (max-width: 375px){ #build_page .build_page_iconBox{ font-size: 37.5px; } } /* 建设中页面结束 */ /* 趋势洞察集合页面样式开始 */ /* 该部分使用的 关于我们-公司概况 页面的模板样式，所以一下样式层级必须高于默认样式 */ .secondDiv #trend_insight li .SMBsolutionListImg{float: left;} .secondDiv #trend_insight li .SMBsolutionListText{padding-left: 432px;padding-right: 0;padding-top: 3.9%;} .secondDiv #trend_insight li .SMBsolutionListText h3 a{ -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical;} @media screen and (max-width: 768px){ .secondDiv #trend_insight li .SMBsolutionListText{ width: 100%; padding: 5.2% 4% 6.7%; } } /* 趋势洞察集合页面样式结束 */ /* 公共搜索页面开始 */ #BaseSearch .crumbsBox{padding-top: 30px;background: #f5f5f5;} #BaseSearch .crumbsBox #crumbs.colmunPc{margin-top: 0;} #BaseSearch .baseSearchTop{background: #f5f5f5;padding-top: 30px;position:relative;z-index:2;} #BaseSearch .basesearchInput{width:100%;height:48px;border: 1px solid #d8d8d8;position:relative;} #BaseSearch #txtSearch{width: 100%;height:100%;line-height:48px;border:none;background-color:none;padding-left:20px;padding-right:60px;font-size:16px;color:#333333;position:absolute;top:0;left:0;} #BaseSearch .baseBtnSearchicon{width:60px;height:48px;position: absolute;top:-1px;right:-1px;background-color: #e60012;} #BaseSearch .baseBtnSearchicon>img{display: block;width: 24px;position:absolute;top:12px;left:16px;} #BaseSearch #baseBtnSearch{display:block;width:60px;height:48px;position: absolute;top:-1px;right:-1px;background:none;border:none;} #BaseSearch .searchdrapList{position:absolute;top:47px;left:-1px;right:-1px;border:1px solid #d8d8d8;border-top:0;background:#fff;padding:5px 0;display:none;} #BaseSearch .searchdrapList li{width:100%;padding-left: 2%;height:32px;line-height:32px;font-size:14px;color:#333333;} #BaseSearch .searchdrapList li:hover{ color:#2266af; background: #f5f5f5; } /* 选择搜索形式样式开始 */ #BaseSearch .baseSearchTypeRad{width: 100%;padding: 14px 0 20px;overflow: hidden;} #BaseSearch .baseSearchTypeLeft{width:50%;height:18px;list-style: height 18px;float: left;} #BaseSearch .baseSearchTypeLeft>input{display:inline-block;width: 18px;height:18px;-webkit-appearance: radio;background-color: #f5f5f5;border:1px solid #b9b9b9;} body.ie8 #BaseSearch .baseSearchTypeLeft>input{border:none;} #BaseSearch .baseSearchTypeLeft>span{display:inline-block;height:18px;line-height:18px;font-size:14px;color:#666666;vertical-align: top;} #BaseSearch .Research{margin-right: 30px;} #BaseSearch .baseSearchTypeRight{height:18px;list-style: height 18px;float: right;color:#b8b8b8; font-size: 14px;} #BaseSearch .baseSearchTypeRight>a{display: inline-block;color: #2266af;font-size: 14px;padding-right:8px;padding-left:4px;} #BaseSearch .baseSearchTypeRight>a:hover{color:#e60012;} #BaseSearch .baseSearchTypeRight>a.searchProblem{padding-right: 0;} /* 选择搜索形式样式结束 */ /* 搜索结果列表样式开始 */ #BaseSearch .baseSearchList .secondWrapBox{overflow: hidden;} #BaseSearch .baseSearchListCon{width:72%;float:left;} #BaseSearch .baseSearchListConTime{padding: 20px 0 14px;line-height: 14px;position:relative;border-bottom: 1px solid #e6e6e6;} #BaseSearch .ListConTimeDes{width:70%;font-size: 14px;line-height:1.5;color:#666;} #BaseSearch .ListConTimeType{float: right;position:absolute;right:0;top:20px;font-size: 14px;line-height:1.5;color:#b8b8b8;} #BaseSearch .ListConTimeType span{color:#2266af;padding-left: 4px;cursor:pointer;} #BaseSearch .TypeDegree{padding-right: 8px;} #BaseSearch .ListConTimeType span.TypeAvtive{color: #e60012;} /* 搜索结果中红色着重样式 */ #BaseSearch .searchResult .highlight{color: #e60012;} #BaseSearch .searchResultList li{margin-top: 20px;} #BaseSearch .searchResultList li .searchResultListTit{color: #2266af;font-size: 16px;height:16px;line-height: 1;} #BaseSearch .searchResultList li .searchResultListTit a{display:inline-block;max-width:100%;height:100%;color: #2266af; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #BaseSearch .searchResultList li .searchResultListTex{color:#666666;font-size: 14px;margin-top:10px;line-height:1.6;} #BaseSearch .searchResultListUrl{font-size:14px;color:#333;margin-top:6px;} #BaseSearch .searchResultListUrl>a{display: inline-block;padding-left:8px;padding-right:8px;border-left: 1px solid #9d9d9d;font-size:14px;color:#95add1;} #BaseSearch .searchResultListUrl>a:first-child{padding-left:8px;border-left:none;} #BaseSearch .searchResultListlabel{font-size: 14px;color: #666;margin-top: 6px;word-wrap:break-word} /* 相关搜索开始 */ #BaseSearch #relatedSearch{width: 100%;margin-top: 30px;padding-bottom:30px;border-bottom:1px solid #e6e6e6;} #BaseSearch .rsTit{font-size: 16px;color:#333333;} #BaseSearch #relatedSearch table{width:100%;margin-top: 14px;} #BaseSearch #relatedSearch table th{text-align: left;vertical-align: top;padding-left:10px;line-height:24px;} #BaseSearch #relatedSearch table th:first-child{padding-left:0;} #BaseSearch #relatedSearch table th a{color: #2266af;font-size:14px;} /* 相关搜索结束 */ /* 页码样式开始 */ .secondDiv .pageNumber{padding: 20px 130px 20px 0;text-align:right;position:relative;font-size:0;overflow:hidden;} .secondDiv .pageNumber a{box-sizing:content-box;display:inline-block;font-size:16px;min-width:14px;padding: 0 10px;height:34px;line-height:34px;text-align:center;color:#666666;} .secondDiv .pageNumber a span{display:inline-block;height:100%;} .secondDiv .pageNumber a.pageActive{color:#fff;background: #e60012;border:1px solid #e60012;} .secondDiv .pageellipis{display:inline-block;height:100%;font-size:14px;line-height:34px;margin-right:10px;color:#666;} .secondDiv .selectSearch{width:130px;height:34px;line-height:34px;position:absolute;top:20px;right:0;color:#666666;font-size:14px;} .secondDiv .pageLing{font-size:12px;margin:0 2px;vertical-align:top;color:#000;} .secondDiv .pagesNumBox{display:inline-block;color:#666;padding:0 10px;font-size:14px;height:34px;line-height:35px;} .secondDiv .selectSearch #searchselect{text-align:center;min-width:45px;padding:4px 0;line-height:34px;-webkit-appearance:menulist;border-width:1px;border-color:#e6e6e6;font-size:14px;} .secondDiv .pageInput{border:1px solid #e6e6e6;height:30px;font-size:14px;padding:0 4px;width:50px;color:#333;height:30px;} .pageInputBtn{border:0;height:30px;font-size:14px;color:#fff;height:30px;padding:0 10px;font-size:14px;background:#e60012;} /* 页码样式结束 */ /* 搜索结果列表样式结束 */ /* 搜索结果右侧关键词列表样式开始 */ #BaseSearch .baseSearchListExt{width:25%;float:right;padding-top:20px;} #BaseSearch .SearchListExtTit{width:100%;height:36px;line-height:36px;padding-left:16px;font-size:16px;color:#666666;background-color:#f5f5f5;} #BaseSearch .extList{padding:10px 0;} #BaseSearch .extList a{display:block;width:100%;font-size:14px;color:#2266af;height:24px;line-height:24px;padding-left:16px; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #BaseSearch .extListMore{padding:15px 0 15px 16px;border-bottom:1px solid #ebebeb;} #BaseSearch .extListMoreTop{height:14px;line-height:14px;position:relative;font-size:14px;} #BaseSearch .extListMoreIcon{position:absolute;top:0;right:0;height:14px;font-size:12px;line-height:14px;color:#333333;padding-left:16px;cursor:pointer;} #BaseSearch .extListMoreIcon.redactive{color:#e60012;} #BaseSearch .extListMoreIcon img{display:block;position:absolute;top:1px;left:0;} #BaseSearch .extListMoreIcon .moreIconslice{display:none;} #BaseSearch .extListMoreList{height:165px;overflow: hidden;} #BaseSearch .extListMoreList a{display: block;color: #2266af;font-size: 14px;margin-top:14px; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #BaseSearch .extListMoreList a:before{ content:'>'; color:#b6b6b6; margin-right:8px; } /* 搜索结果右侧关键词列表样式结束 */ @media screen and (max-width: 768px){ #BaseSearch .crumbsBox{ display: none; } #BaseSearch .baseSearchCon{font-size:50px;} /* 右侧盒子消失 */ #BaseSearch .baseSearchListExt{display:none;} #BaseSearch .baseSearchTypeRight{display: none;} #BaseSearch .ListConTimeType{display: none;} #BaseSearch .ListConTimeDes,#BaseSearch .baseSearchListCon{width:100%;} #BaseSearch .ListConTimeDes{font-size:42%;} #BaseSearch .baseSearchTypeLeft{width:100%;} #BaseSearch .baseSearchTypeLeft{line-height:0;} #BaseSearch .baseSearchTypeLeft>span{margin-right:1%;font-size:42%;} #BaseSearch .baseSearchTypeLeft>input{width:5%;} #BaseSearch .searchResultList li .searchResultListTit{font-size:50%;height:auto;} #BaseSearch .searchResultList li .searchResultListTex,#BaseSearch .searchResultListUrl,#BaseSearch .searchResultListlabel{font-size:40%;} #BaseSearch .searchResultList li{margin-top:4.66%;} #BaseSearch .searchResultListUrl>a{font-size:100%;} .secondDiv .pageNumber{font-size:100%;} .secondDiv .pageNumber a.pagedot,.secondDiv .pageellipis{display:none;} #BaseSearch #relatedSearch table th{display:block;padding:0;} #BaseSearch #relatedSearch table{margin-top: 2%;} .secondDiv .pageNumber a{font-size:40%;padding:0;} .secondDiv .pageNumber{padding: 6% 0;line-height: 0;overflow: hidden;text-align: center;} .secondDiv .selectSearch{width:auto;margin:2% auto 0;height:50%;line-height:0;text-align:center;font-size:40%;position:relative;top:0;left:0;} .secondDiv .selectSearch span{font-size:80%;} .secondDiv .selectSearch #searchselect{font-size:100%;padding:1% 0;background:#fff;} .secondDiv .pageNumber a span{font-size:100%;} .secondDiv .pageNumber a span .pageLing{font-size:70%;} .secondDiv .pagesNumBox{font-size:40%;} } @media screen and (max-width: 640px){ #BaseSearch .baseSearchCon{ font-size: 64px; } } @media screen and (max-width: 550px){ #BaseSearch .baseSearchCon{ font-size: 55px; } } @media screen and (max-width: 480px){ #BaseSearch .baseSearchCon{ font-size: 48px; } } @media screen and (max-width: 414px){ #BaseSearch .baseSearchCon{ font-size: 41.4px; } } @media screen and (max-width: 375px){ #BaseSearch .baseSearchCon{ font-size: 37.5px; } } /* 搜索无结果页面 默认是隐藏*/ #BaseSearch .errResult{width: 72%;float: left;padding-top:18px;display:none;} #BaseSearch .errResultTit{font-size:16px;color:#666666;} #BaseSearch .errResultTit span{color:#2266af;} #BaseSearch .errsoluteList p{font-size:14px;height:14px;line-height:1;color:#666666;margin-top:14px;} #BaseSearch .errsoluteList p.suggestdot:before{ content:'>'; margin-right:5px; color:#b6b6b6; } #BaseSearch .baseSearchListConNo{padding: 10px 0 30px;line-height: 1;position: relative;border-bottom: 1px solid #e6e6e6;} @media screen and (max-width: 768px){ #BaseSearch .errResult{padding-bottom: 5%;} #BaseSearch .errResult{width:100%;} #BaseSearch .baseSearchListConNo span{font-size:50%;} } /* 公共搜索页面结束 */ /* 高级搜索页面样式开始 */ #BaseSearch.advancedsearch .crumbsBox{background:#fff;} #BaseSearch.advancedsearch .advancesearchCon{margin-top:30px;} #BaseSearch.advancedsearch .advancedTit{height:35px;line-height:35px;font-size:16px;color:#666666;background:#f5f5f5;padding-left:12px;} #BaseSearch.advancedsearch .advanceBox{padding-left:12px;margin-top:20px;overflow: hidden;} #BaseSearch.advancedsearch .advancesearchName{width:146px;float:left;height:34px;line-height:34px;font-size:14px;color:#666666;} #BaseSearch.advancedsearch .inputTextBox{width:100%;padding-left:146px;} #BaseSearch.advancedsearch .inputTextBox .inputText{width:100%;height:34px;line-height:34px;border:1px solid #d8d8d8;font-size:14px;color:#333333;padding-left:10px;} #BaseSearch.advancedsearch .inputTextBox p{font-size:14px;color:#999999;margin-top:10px;} #BaseSearch.advancedsearch .inputRadio{display:inline-block;width: 18px;height:18px;-webkit-appearance: radio;vertical-align: middle;background-color: #f5f5f5;border:1px solid #b9b9b9;} body.ie8 #BaseSearch.advancedsearch .inputRadio{border:none;} #BaseSearch.advancedsearch .advanRangeSpan{margin-right:30px;font-size:14px;color:#666;} #BaseSearch.advancedsearch .RangeBox{height:34px;line-height:34px;} #BaseSearch.advancedsearch .inputTextBox span{font-size:14px;color:#666;} #BaseSearch.advancedsearch .baseSearchListExt{padding-top:0;} #BaseSearch.advancedsearch .SelectBox select{ text-align: center; min-width:45px; padding:4px 0; border-width: 1px; -webkit-appearance: menulist; border-color: #d8d8d8; color:#666; font-size:14px; } #BaseSearch.advancedsearch .chineseInput>input{ display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; vertical-align: middle; background-color: #f5f5f5; border:1px solid #b9b9b9; } body.ie8 #BaseSearch.advancedsearch .chineseInput>input{border:none;} #BaseSearch.advancedsearch .cheseListOne{padding-top:5px;} #BaseSearch.advancedsearch .cheseListOne:after{content:'';display:block;clear:both;} #BaseSearch.advancedsearch .cheseListOneBox{float:left;width:25%;height:14px;line-height:0;margin-bottom:15px;} #BaseSearch.advancedsearch .cheseListOneBox input{ vertical-align: middle; width: 18px; -webkit-appearance: checkbox; border-color: #d8d8d8; } .chineseInput{margin-bottom:10px;} #BaseSearch.advancedsearch .cheseListTwo{padding-top:10px;display:none;} #BaseSearch.advancedsearch .cheseListTwo input{ display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; vertical-align: middle; background-color: #f5f5f5; border:1px solid #b9b9b9; } #BaseSearch.advancedsearch .advancedSubmit{padding-left: 146px;padding-bottom:40px;margin-top:20px;overflow:hidden;} #BaseSearch.advancedsearch .advancedSubmit>input{display:block;width:90px;height:32px;border:none;background:#999;color:#fff;float:left;} #BaseSearch.advancedsearch #advancedSearch{background:#e60012;margin-right:40px;} @media screen and (max-width: 768px){ #BaseSearch.advancedsearch .advancesearchCon{margin-top:0;} #BaseSearch.advancedsearch .baseSearchListCon{padding-top:35px;} #BaseSearch.advancedsearch .advancedTit{width:100%;position:absolute;top:0;left:0;} #BaseSearch.advancedsearch .advanceBox{padding-left:0;margin-top:2%;} #BaseSearch.advancedsearch .advancesearchName{float:none;} #BaseSearch.advancedsearch .inputTextBox{padding-left:0;} #BaseSearch.advancedsearch .advancedSubmit{padding-left:0;width:70%;margin:5% auto 0;} #BaseSearch.advancedsearch #advancedSearch{float:left;margin-right:0;} #BaseSearch.advancedsearch #advancedBtn{float:right;} #BaseSearch.advancedsearch .SelectBoxAdvan .advancesearchName{float:left;} #BaseSearch.advancedsearch .cheseListOneBox{width:40%;} } @media screen and (max-width: 320px){ #BaseSearch.advancedsearch .advancedSubmit{width:80%;} } /* 高级搜索页面样式结束 */ /* 三级页面样式开始 */ /* 关于我们>联系我们>办事处开始 */ .secondDiv.threeDiv .officeCon{font-size:32px;padding-top:40px;padding-bottom:40px;} .secondDiv.threeDiv .officeConBox{width:100%;} .secondDiv.threeDiv .officeConBox .secondWrapBox:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .officeRegion{width:72%;float:left;border:1px solid #f5f5f5;position:relative;padding-top:48px;} .secondDiv.threeDiv .officeRight{width:25%;float:right;} .secondDiv.threeDiv .officeNav{height:48px;border-bottom:2px solid #e60012;position:absolute;top:-1px;left:-1px;right:-1px;} .secondDiv.threeDiv .officeNav li{width:25%;float:left;height:100%;text-align: center;line-height:48px;font-size:18px;color:#666666;position:relative;cursor:pointer;} .secondDiv.threeDiv .officeNav li>i{display:block;width:1px;height:14px;background-color:#d5d5d5;position:absolute;top:17px;right:0;} .secondDiv.threeDiv .officeNav li.officeAct{background:#e60012;color:#fff;} .secondDiv.threeDiv .officeNav li.officeAct>i{display:none;} /* 地区列表开始 */ .secondDiv.threeDiv .officeListCon{padding:0 30px;} .secondDiv.threeDiv .officeListUl{width:100%;display:none;} .secondDiv.threeDiv .offlisUlShow{display:block;} .secondDiv.threeDiv .officeListUl li{padding:20px 0 0;border-bottom:1px solid #f5f5f5;} .secondDiv.threeDiv .officelistTit{font-size:14px;color:#333333;} .secondDiv.threeDiv .officelistAdd{font-size:16px;color:#333333;margin-top:6px;} .secondDiv.threeDiv .officelistPhone{font-size:16px;color:#999999;margin-top:6px;} .secondDiv.threeDiv .officelistPhone:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .officelistPhone span{display:block;float:left;margin-right:20px;margin-bottom:20px;} /* 地区列表结束 */ /* 右侧盒子开始 */ .secondDiv.threeDiv .ContactusBox{border:1px solid #f5f5f5;} .secondDiv.threeDiv .ContactusBox h2{width:100%;height:50px;line-height:50px;padding-left:20px;font-size:18px;color:#333333;background-color:#ececec;} .secondDiv.threeDiv .ContactusList{padding:10px 20px;} .secondDiv.threeDiv .ContactusList li{width:100%;height:40px;font-size:16px;line-height:40px;} .secondDiv.threeDiv .ContactusList li.rightAct a{color:#e60012;} .secondDiv.threeDiv .ContactusList li a{display:inline-block;color:#666666;} .secondDiv.threeDiv .ContactusList li a:hover{color:#e60012;} .secondDiv.threeDiv .officeNav li.officeAct{border-color:#e60012;} /* 右侧盒子结束 */ @media screen and (max-width: 768px) { /* 取消顶部paddint-top */ .secondDiv.threeDiv .officeCon{padding-top:0;font-size:64px;padding-bottom:4.83%;} /* 右侧内容消失 */ .secondDiv.threeDiv .officeRight{display:none;} /* 宽度变化 */ .secondDiv.threeDiv .officeRegion{width:100%;border:none;padding-top:0;} /* 取消padding (单独样式) */ #Office.secondDiv.threeDiv .secondWrapBox{padding:0;} .secondDiv.threeDiv .officeNav{border-bottom:none;position:relative;top:0;left:0;right:0;height:auto;overflow:hidden;zoom:1; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } .secondDiv.threeDiv .officeNav:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .officeNav li{border-top:1px solid #f5f5f5;padding:3.38% 0;border-bottom:1px solid #f5f5f5;line-height:1;font-size:40.625%;} .secondDiv.threeDiv .officeListCon{padding:0 16px;} .secondDiv.threeDiv .officeNav li>i{height:30%;top:35%;} .secondDiv.threeDiv .officeListUl li{padding:3.14% 0 1.2%;} .secondDiv.threeDiv .officelistTit{font-size:37.5%;} .secondDiv.threeDiv .officelistAdd{font-size:43.75%;margin-top:2.5%;} .secondDiv.threeDiv .officelistPhone{font-size:37.5%;margin-top:2.5%;} .secondDiv.threeDiv .officelistPhone span{margin-bottom:2%;} } @media screen and (max-width: 640px){ .secondDiv.threeDiv .officeCon{ font-size: 64px; } } @media screen and (max-width: 550px){ .secondDiv.threeDiv .officeCon{ font-size: 55px; } } @media screen and (max-width: 480px){ .secondDiv.threeDiv .officeCon{ font-size: 48px; } } @media screen and (max-width: 414px){ .secondDiv.threeDiv .officeCon{ font-size: 41.4px; } } @media screen and (max-width: 375px){ .secondDiv.threeDiv .officeCon{ font-size: 37.5px; } } /* 关于我们>联系我们>办事处结束 */ /* 关于我们>联系我们>采购公示开始 */ #ProAnn.threeDiv .ProAnnList{width:72%;float:left;} /* 公司动态部分banner广告图开始 */ #ProAnn.threeDiv .ProAnnListBanner{padding:25px 0;border-top:1px solid #ececec;} #ProAnn.threeDiv .ProAnnListBanner:after{content:'';display:block;clear:both;} #ProAnn.threeDiv .ProAnnListBannerImg{display:block;width:180px;float:left;} #ProAnn.threeDiv .ProAnnListBannerImg>img{display:block;width:100%;} #ProAnn.threeDiv .ProAnnListBannerTxt{width:100%;padding-left:200px;} #ProAnn.threeDiv .ProBannerTxth3{font-size:16px;color:#333333;} #ProAnn.threeDiv .ProBannerTxtTime{font-size:12px;color:#999999;margin-top:8px;} #ProAnn.threeDiv .ProBannerTxtTxt{font-size:14px;color:#666666;margin-top:10px;line-height:1.6;} /* 公司动态部分banner广告图结束 */ #ProAnn.threeDiv .ProAnnListCon{border-top:1px solid #ececec;} #ProAnn.threeDiv .ProAnnListCon li{padding:15px 0;border-bottom:1px solid #f5f5f5; -webkit-transition: padding-left .3s ease; -moz-transition: padding-left .3s ease; -ms-transition: padding-left .3s ease; -o-transition: padding-left .3s ease; transition: padding-left .3s ease; } #ProAnn.threeDiv .ProAnnListCon li:hover{background-color:#f5f5f5;padding-left:20px;} #ProAnn.threeDiv .ProAnnListCon li a{display:inline-block;height:100%;padding-left:15px;position:relative;} #ProAnn.threeDiv .proannIcon{display:block;width:6px;position: absolute;top:5px;left:0px;} #ProAnn.threeDiv .ProAnnListCon li .ProAnnListConTit{font-size:16px;color:#333333;} #ProAnn.threeDiv .ProAnnListCon li .ProAnnListTime{font-size:12px;color:#999999;margin-top:8px;} @media screen and (max-width: 1000px) { #ProAnn.threeDiv .ProAnnListBannerImg{width:100%;float:none;} #ProAnn.threeDiv .ProAnnListBannerTxt{padding:25px 0 0 0;} } @media screen and (max-width: 768px) { #ProAnn.threeDiv .ProAnnListBanner{padding:3.75% 0;} #ProAnn.threeDiv .ProAnnList{width:100%;} #ProAnn.threeDiv .ProAnnListBannerTxt{padding-top:4.6%;} #ProAnn.threeDiv .ProBannerTxth3{font-size:46.875%;} #ProAnn.threeDiv .ProBannerTxtTime{font-size:31.25%;} #ProAnn.threeDiv .ProBannerTxtTxt{font-size:37.5%;} #ProAnn.threeDiv .ProAnnListCon li .ProAnnListConTit{font-size:43.75%;} #ProAnn.threeDiv .ProAnnListCon li .ProAnnListTime{font-size:31.25%;} #ProAnn.threeDiv .proannIcon{top:16px;} } @media screen and (max-width: 550px){ .secondDiv.threeDiv .officeCon{ font-size: 55px; } #ProAnn.threeDiv .proannIcon{top:12px;} } @media screen and (max-width: 480px){ .secondDiv.threeDiv .officeCon{ font-size: 48px; } #ProAnn.threeDiv .proannIcon{top:6px;} } @media screen and (max-width: 414px){ .secondDiv.threeDiv .officeCon{ font-size: 41.4px; } } @media screen and (max-width: 375px){ .secondDiv.threeDiv .officeCon{ font-size: 37.5px; } } /* 关于我们>联系我们>采购公示结束 */ /* 公司总部开始 */ #Headquarters.threeDiv .HeadquartersCon{font-size:28px;padding-top:40px;} #Headquarters.threeDiv .HeadquartersBox{width:48%;} #Headquarters.threeDiv .HeadquartersT .secondWrapBox:after{content:'';display:block;clear:both;} #Headquarters.threeDiv .HeadquartersTL{float:left;} #Headquarters.threeDiv .HeadquartersTR{float:right;} #Headquarters.threeDiv .BoxCaddressImg{width:100%;} #Headquarters.threeDiv .BoxCaddressImg>img{display:block;width:100%;} #Headquarters.threeDiv .addressText{font-size:16px;color:#333333;margin-top:16px;padding-left:28px;position:relative;} #Headquarters.threeDiv .addressText img{display:block;height:16px;position:absolute;top:4px;left:0;} #Headquarters.threeDiv .codeText img{display:block;height:16px;position:absolute;top:4px;left:0;} #Headquarters.threeDiv .codeText{font-size:16px;color:#333333;margin-top:10px;padding-left:28px;position:relative;} #Headquarters.threeDiv #BJmap,#Headquarters.threeDiv #HZmap{width:100%;height:300px;margin-top:30px;} #Headquarters.threeDiv .customerService{padding-top:40px;font-size:20px;padding-bottom:40px;} #Headquarters.threeDiv .customerServiceCon{width:100%;height:300px;} #Headquarters.threeDiv .customerBg{width:100%;height:100%;background-color:#f5f5f5;overflow:hidden;zoom:1;} #Headquarters.threeDiv .customerBg img{display:block;height:100%;float:right;} #Headquarters.threeDiv .customerText{padding: 35px 0 16px 60px;position: absolute;top:0;left:0;} #Headquarters.threeDiv .customerTextTwo{top:0;left:320px;} #Headquarters.threeDiv .customerText p{font-size:16px;color:#333333;margin-bottom:16px;padding-left:24px;position:relative;} #Headquarters.threeDiv .customerText p>img{display:block;width:16px;position:absolute;left:0;top:4px;} #Headquarters.threeDiv .customerTextBt{width:100%;padding-top:2px;} #Headquarters.threeDiv .customerTextBt a{padding:4px 10px;height:34px;font-size:14px;background:#e60012;color:#fff;text-align: center;line-height:34px;border-radius:6px;-webkit-border-radius:6px;} /* 隐藏百度地图图标 */ .anchorBL{display:none;} @media screen and (max-width: 1100px) { #Headquarters.threeDiv .customerServiceCon{height:400px;} #Headquarters.threeDiv .customerBg img{margin-right:-200px;} #Headquarters.threeDiv .customerText p{font-size:12px;} #Headquarters.threeDiv .customerTextTwo{left:0;top:160px;} #Headquarters.threeDiv.secondDiv .customerService .secondEntH3{margin-bottom:10px;} } @media screen and (max-width: 768px) { #Headquarters.threeDiv .HeadquartersCon{padding-top:0;font-size:75px;} #Headquarters.threeDiv .HeadquartersBox{width:100%;float:none;} #Headquarters.threeDiv .addressText{margin-top:4%;} #Headquarters.threeDiv .codeText{margin-top:4%;} #Headquarters.threeDiv #BJmap,#Headquarters.threeDiv #HZmap{margin-top:5.3%;} #Headquarters.threeDiv .customerService{padding-top:0;font-size:75px;background:#f5f5f5;margin-top:7%;padding-bottom:6.25%;} #Headquarters.threeDiv .customerText{position:relative;top:0;left:0;padding:0;padding-bottom:6.25%;} #Headquarters.threeDiv .customerBg img{margin:0;width:100%;} #Headquarters.threeDiv .customerText p{text-align: center;margin-bottom:4.6%;font-size: 37.5%;padding:0;} #Headquarters.threeDiv .customerText p img{width:6.25%;position:relative;top:0;left:0;margin:0 auto 2%;} #Headquarters.threeDiv .customerTextBt a{font-size:37.5%;height:auto;padding:2.9% 3%;line-height:1;} #Headquarters.threeDiv .customerServiceCon{height:auto;} #Headquarters.threeDiv .headquartersBr{display:block;margin-top:3%;} #Headquarters.threeDiv .customerTextBt{line-height:0;text-align:center;} } @media screen and (max-width: 640px){ #Headquarters.threeDiv .HeadquartersCon,#Headquarters.threeDiv .customerService{ font-size: 64px; } } @media screen and (max-width: 550px){ #Headquarters.threeDiv .HeadquartersCon,#Headquarters.threeDiv .customerService{ font-size: 55px; } } @media screen and (max-width: 480px){ #Headquarters.threeDiv .HeadquartersCon,#Headquarters.threeDiv .customerService{ font-size: 48px; } } @media screen and (max-width: 414px){ #Headquarters.threeDiv .HeadquartersCon,#Headquarters.threeDiv .customerService{ font-size: 41.4px; } } @media screen and (max-width: 375px){ #Headquarters.threeDiv .HeadquartersCon,#Headquarters.threeDiv .customerService{ font-size: 37.5px; } } /* 公司总部结束 */ /* 媒体联络页面开始（提交表单公共样式） */ .secondDiv.threeDiv .MediaContact{width:72%;float:left;} .secondDiv.threeDiv .secondWrapBox:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .MediaContact .MediaContactP{font-size:16px;color:#999999;line-height:1.5;padding-left:20px;} .secondDiv.threeDiv .MediaContact .secondEntH3{margin-bottom:20px;} .secondDiv.threeDiv .MediaList{padding-left:20px;padding-top:30px;} .secondDiv.threeDiv .MediaListBox{width:100%;margin-bottom:20px;} .secondDiv.threeDiv .MediaListBoxName{width:100px;font-size:16px;height:36px;line-height:36px;color:#666666;float:left;position:relative;} .secondDiv.threeDiv .MediaListBoxName:after{content:'*';display:block;position:absolute;right:14px;top:0;height:36px;line-height:44px;color:#e60012;} .secondDiv.threeDiv .MediaListBoxinput{width:100%;padding-left:100px;position:relative;} .secondDiv.threeDiv .MediaListBoxinput .textInput{display:block;width:100%;height:36px;line-height:36px;font-size:16px;border:1px solid #d8d8d8;color:#333333;padding-left:12px;} .secondDiv.threeDiv .MediaListBox.textInputSit{width:65%;} .secondDiv.threeDiv .inputErr{display:block;height:36px;line-height:36px;font-size:16px;position:absolute;top:0;right:12px;color:#e60012;} .secondDiv.threeDiv #textArea{display:block;width:100%;height:158px;border:1px solid #d8d8d8;resize: none;font-size:16px;color:#333333;padding:12px;} .secondDiv.threeDiv .MediaListBoxinput.verCode:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .MediaListBoxinput.verCode input{width:100px;float:left;margin-right:10px;text-align: center;padding-left:0;} .secondDiv.threeDiv .codeImgparse{height:36px;float:left;margin-right:20px;} .secondDiv.threeDiv .codeImgparse img{display:block;width:100%;} .secondDiv.threeDiv .MediaListBoxinput.verCode .inputErr{display:block;height:36px;position:relative;top:0;right:0;float:left;} .secondDiv.threeDiv .MediaSubmit{padding-left:100px;padding-top: 10px;} .secondDiv.threeDiv .MediaSubmit input{display:block;border:0;width:220px;height:44px;background:#e60012;text-align: center;line-height:44px;color:#fff;font-size:16px;} @media screen and (max-width: 768px) { .secondDiv.threeDiv .MediaContact{width:100%;} .secondDiv.threeDiv .MediaListBoxName{float:none;width:100%;font-size:37.5%;} .secondDiv.threeDiv .MediaListBoxinput{padding:0;width:100%;margin-top:1%;} .secondDiv.threeDiv .MediaListBoxinput.verCode{margin-top:10px;} .secondDiv.threeDiv .MediaListBox{margin-top:3.1%;margin-bottom:0;} .secondDiv.threeDiv .MediaListBox.textInputSit{width:100%;margin-bottom:0;} .secondDiv.threeDiv .MediaContact .secondEntH3{margin-bottom:0;} .secondDiv.threeDiv .MediaContact .MediaContactP{padding:0;font-size:37.5%;} .secondDiv.threeDiv .MediaList{padding:0;} .secondDiv.threeDiv .MediaSubmit{padding:0;margin-top:6.25%;} .secondDiv.threeDiv .MediaSubmit input{width:100%;font-size:37.5%;} .secondDiv.threeDiv .MediaListBoxName:after{ content: '*'; display:inline-block; position: relative; top:3px; right:0; line-height:1; height:auto; color: #e60012; } .secondDiv.threeDiv .MediaListBoxinput.verCode .inputErr{position:absolute;top:-45px;right:0;font-size:37.5%;} .secondDiv.threeDiv .inputErr,.secondDiv.threeDiv .MediaListBoxinput .textInput,.secondDiv.threeDiv #textArea{font-size:37.5%;} } /* 媒体联络页面结束 */ /* 意见反馈开始 */ .secondDiv.threeDiv #MediaListBoxSel{display:block;width:100%;border:1px solid #d8d8d8;font-size:16px;padding:8px 0;padding-left:12px;color:#666666;background:#f6f6f6;float:left; -moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;} .secondDiv.threeDiv #MediaListBoxSel::-ms-expand { display: none; } body.ie7 .secondDiv.threeDiv .MediaListBoxinput .selectArrow,body.ie8 .secondDiv.threeDiv .MediaListBoxinput .selectArrow,body.ie9 .secondDiv.threeDiv .MediaListBoxinput .selectArrow{display:none;} .secondDiv.threeDiv .selectArrow{display:block;position:absolute;right:12px;top:0;padding-top:16px;} .secondDiv.threeDiv .selectArrow img{display:block;} .secondDiv.threeDiv .selectBox:after{content:'';display:block;clear:both;} @media screen and (max-width: 768px) { .secondDiv.threeDiv #MediaListBoxSel{font-size:37.5%;} } /* 意见反馈结束 */ /* 公司简介开始 */ /* 新华三集团 */ #Company_Introduce.threeDiv .XinhuaThree{padding-top:40px;font-size:32px;} #Company_Introduce.threeDiv .XinhuaThreeT{font-size:14px;color:#666666;line-height:2;padding-bottom:48px;} /* 添加VR场景样式开始 */ #Company_Introduce.threeDiv .h3cVRImg{display:block;width:482px;margin-left:40px;float:right;} #Company_Introduce.threeDiv .h3cVRImg img{display:block;width:100%;} #Company_Introduce.threeDiv .h3cVRTxt{margin-top:20px;line-height:1.8;} /* 添加VR场景样式结束 */ #Company_Introduce.threeDiv .CompanyStrength{font-size:32px;background-color:#f9f9f9;padding-top:40px;} #Company_Introduce.threeDiv .innovation{background: #f9f9f9;} #Company_Introduce.threeDiv .innovationTit{width: 100%;padding: 2.5% 0 2.5%;line-height: 1;text-align: center;font-size: 68.75%;color: #3c3c3c;} #Company_Introduce.threeDiv .noPadding{padding-top:0;} #Company_Introduce.threeDiv .innovationList{width: 100%;height: 190px;border: 1px solid #e6e6e6;position:relative;background-color:#fff; } #Company_Introduce.threeDiv .innovationArrow{display: block;width: 20px;position:absolute;top: -1px;left: 50%;margin-left: -10px;} #Company_Introduce.threeDiv .innovationArrow img{display: block;width: 100%;} #Company_Introduce.threeDiv .innlistBox{width:86%;height:70px;margin:70px auto 0;position:relative;} #Company_Introduce.threeDiv .innlistBox li{height: 70px;} #Company_Introduce.threeDiv .innlistBoxone{position:absolute;top:0;left: 0%;} #Company_Introduce.threeDiv .innlistBoxtwo{width: 240px;margin:0 auto;} #Company_Introduce.threeDiv .innlistBoxthree{width: 300px;position:absolute;top:0;left: 74%;} #Company_Introduce.threeDiv .innlistBoxImg{display: block;width: 70px;height: 70px;float: left;} #Company_Introduce.threeDiv .innlistBoxImg img{display: block;width: 100%;} #Company_Introduce.threeDiv .innlistBoxLine{display: block;width: 0px;height: 100%;float: left;margin:0 18px 0 14px;border-right: 1px dashed #b2b0a8;} #Company_Introduce.threeDiv .innlistBoxText{display: block;float: left;line-height: 1;} #Company_Introduce.threeDiv .innlistBoxTextTit{display:block;color:#e60012;font-size: 22px;margin-bottom: 14px;} #Company_Introduce.threeDiv .innlistBoxTextTit span{font-size: 38px;} #Company_Introduce.threeDiv .innlistBoxTextp{display:block;line-height:1.5;font-size: 16px;color:#3c3c3c;} #Company_Introduce.threeDiv .innovationBott{padding-bottom: 50px;} #Company_Introduce.threeDiv .brandConcept{position:relative;height: 545px;font-size: 32px;} #Company_Introduce.threeDiv .brandConcept img{display: block;width: 100%;height: 100%;} #Company_Introduce.threeDiv .brandConcept .columWrapBox {padding-top: 40px;} #Company_Introduce.threeDiv .brandConceptCon{position:relative;padding-bottom: 10%;} #Company_Introduce.threeDiv .brandConceptCon>img{display: block;width: 100%;height:100%;position:absolute;top:0;left:0;} #Company_Introduce.threeDiv .brandConceptConText{width: 100%;padding-left: 13%;overflow: hidden;} #Company_Introduce.threeDiv .brandConceptCon .brandConceptConTextT{font-size: 75%;color: #3c3c3c;} #Company_Introduce.threeDiv .brandConceptList{width: 100%;margin-top: 2.5%;} #Company_Introduce.threeDiv .brandConceptList:after{content: '';display: block;clear:both;} #Company_Introduce.threeDiv .brandConceptList li{padding-right: 5.8%;padding-left:15px;float: left;border-left: 2px solid #f17975;} #Company_Introduce.threeDiv .brandConceptList li h6{font-size: 22px;color: #3c3c3c;line-height: 1;} #Company_Introduce.threeDiv .brandConceptList li p{font-size: 14px;color: #666666;line-height: 1;margin-top: 10px;} #Company_Introduce.threeDiv .brandLine{width: 100%;border-bottom: 2px solid #fff;margin: 3% 0;} #Company_Introduce.threeDiv .brandText{font-size: 16px;color: #3c3c3c;line-height: 1.625;margin-top: 2.3%;} @media screen and (max-width: 1100px) { #Company_Introduce.threeDiv .innlistBoxTextp{ font-size:14px; } } @media screen and (max-width: 1000px) { #Company_Introduce.threeDiv .secondEntH3{ font-size: 32px; } #Company_Introduce.threeDiv .CompanyStrength{font-size:60px;} #Company_Introduce.threeDiv .innovationTit{ font-size: 37.33%; padding: 5.4% 0 3.57%; } #Company_Introduce.threeDiv .innovationList{ height: auto; padding: 6.28% 1.7% 4.57%; } #Company_Introduce.threeDiv .innovationArrow{ width: 3.6%; left: 48.2%; } #Company_Introduce.threeDiv .innlistBox{ width: 100%; height: 100%; margin: 0; } #Company_Introduce.threeDiv .innlistBox:after{ content: ''; display: block; clear: both; } #Company_Introduce.threeDiv .innlistBox li{ width: 30%; height: auto; padding-bottom: 3%; } #Company_Introduce.threeDiv .innlistBox li>span{ height: auto; float: none; } #Company_Introduce.threeDiv .innlistBox li .innlistBoxImg{ width: 36.45%; margin: auto; } #Company_Introduce.threeDiv .innlistBoxLine{ width: 100%; border-right: 0; border-bottom: 1px dashed #b2b0a8; margin: 10% 0; } #Company_Introduce.threeDiv .innlistBoxtwo{ margin: 0 auto; } #Company_Introduce.threeDiv .innlistBoxthree{ width: auto; right:0; left: auto; } #Company_Introduce.threeDiv .innlistBoxText span{ text-align: center; } #Company_Introduce.threeDiv .innlistBoxText{ font-size: 75px; } #Company_Introduce.threeDiv .innlistBoxTextTit{ font-size: 29.33%; } #Company_Introduce.threeDiv .innlistBoxTextTit span{ font-size: 176%; } #Company_Introduce.threeDiv .innlistBoxTextp{ font-size: 28%; } /* 品牌理念样式1000修改 */ #Company_Introduce.threeDiv .brandConceptConText .brandConceptConTextT{ text-align: center; } #Company_Introduce.threeDiv .brandConceptConText{ padding-left: 0; } #Company_Introduce.threeDiv .brandConceptCon .brandConceptConTextT{ font-size: 37.33%; } } @media screen and (max-width: 768px){ #Company_Introduce.threeDiv .XinhuaThree{padding-top:0;font-size:75px;} #Company_Introduce.threeDiv .XinhuaThreeT{margin-top:3%;padding-bottom:3%;font-size:37.5%;} #Company_Introduce.threeDiv .secondEntH3{padding-bottom:0;font-size:59.4%;} #Company_Introduce.threeDiv .CompanyStrength{padding-top:0;font-size:75px;} #Company_Introduce.threeDiv .brandConcept .aboutUsWrapBox{ position:relative; } #Company_Introduce.threeDiv .brandConcept{ height: auto; } #Company_Introduce.threeDiv .brandConceptConText{ width: 82.66%; margin:0 auto; position:relative; } #Company_Introduce.threeDiv .brandConceptConTextT{ margin-top: 5%; margin-bottom: 4%; } #Company_Introduce.threeDiv .brandConceptList li{ padding-left: 3%; } #Company_Introduce.threeDiv .brandConceptList li h6{ font-size: 28%; } #Company_Introduce.threeDiv .brandConceptList li p,#Company_Introduce.threeDiv .brandText{ font-size: 28%; } #Company_Introduce.threeDiv .h5brspan{ display: block; text-align: center; } #Company_Introduce.threeDiv .h3cVRImg{width:100%;margin:0 0 3%;} #Company_Introduce.threeDiv .h3cVRTxt{margin-bottom:3%;} } @media screen and (max-width:700px){ #Company_Introduce.threeDiv .CompanyStrength,#Company_Introduce.threeDiv .innlistBoxText,#Company_Introduce.threeDiv .XinhuaThree{ font-size: 60px; } } @media screen and (max-width:640px){ #Company_Introduce.threeDiv .CompanyStrength,#Company_Introduce.threeDiv .innlistBoxText,#Company_Introduce.threeDiv .XinhuaThree{ font-size: 50px; } } @media screen and (max-width:414px){ #Company_Introduce.threeDiv .CompanyStrength,#Company_Introduce.threeDiv .innlistBoxText,#Company_Introduce.threeDiv .XinhuaThree{ font-size: 44px; } } @media screen and (max-width:375px){ #Company_Introduce.threeDiv .CompanyStrength,#Company_Introduce.threeDiv .innlistBoxText,#Company_Introduce.threeDiv .XinhuaThree{ font-size: 37.5px; } } /* 公司简介结束 */ /* 焦点时刻开始 */ #Focus_Moment.threeDiv .newRecommend{padding-top:40px;font-size:32px;} #Focus_Moment.threeDiv .secondPictureTextL{border-left:3px solid #e60012;padding-left:12px;} #Focus_Moment.threeDiv .TextLTime{font-size:14px;color:#666666;} #Focus_Moment.threeDiv .TextLTit{font-size:26px; color:#3c3c3c;margin-top:16px;line-height:1.5;} #Focus_Moment.threeDiv .focusList .secondWrapBox{padding:0;} #Focus_Moment.threeDiv .focusList{padding-top:40px;padding-bottom:20px;font-size:32px;} #Focus_Moment.threeDiv .focusListBox:after{content:'';display:block;clear:both;} #Focus_Moment.threeDiv .focusListBox li{width:33.3333%;float:left;padding:0 16px;margin-bottom:10px;} #Focus_Moment.threeDiv .focusListBoxImg{cursor:pointer;display:block;width:100%;position:relative;} #Focus_Moment.threeDiv .focusListBoxImg>img{display:block;width:100%;} #Focus_Moment.threeDiv .focusListBoxTime{font-size:14px;color:#666666;padding-left:20px;margin-top:10px;} #Focus_Moment.threeDiv .focusListBoxH6{font-size:18px; color:#000000;padding-left:20px;padding-right:20px;margin-top:10px;line-height:1.2;} @media screen and (max-width: 768px) { #Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{font-size:75px;padding-top:0;} #Focus_Moment.threeDiv .focusListBox li{float:none;width:100%;} #Focus_Moment.threeDiv .TextLTit{margin-top:0;font-size:40%;} #Focus_Moment.threeDiv .focusListBoxTime{font-size:31.25%;margin-top:2.5%;} #Focus_Moment.threeDiv .focusListBox li a{padding-bottom:2.5%;} #Focus_Moment.threeDiv .focusListBoxH6{margin-top:2%;} #Focus_Moment.threeDiv .focusListBoxH6{font-size:40%;line-height:1.5;} } @media screen and (max-width:700px){ #Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{ font-size: 60px; } } @media screen and (max-width:640px){ #Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{ font-size: 50px; } } @media screen and (max-width:414px){ #Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{ font-size: 44px; } } @media screen and (max-width:375px){ #Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{ font-size: 37.5px; } } /* 焦点时刻结束 */ /* 公司视频开始 */ #Focus_Moment.threeDiv .secondPictureImgFocu{cursor:pointer;position:relative;width: 500px;float: left;overflow: hidden;} #Focus_Moment.threeDiv .secondPictureImgFocu .PictureImgFocu{display:block;width:100%;height:100%;} #Focus_Moment.threeDiv .secondPictureImgFocu .PictureImgFocu>img{display:block;width:100%;} #Focus_Moment.threeDiv .secondPictureImgFocu .blackBg{display:block;width:100%;height:100%;} #Focus_Moment.threeDiv .focusListBoxImgBlack{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #Focus_Moment.threeDiv .focusListBoxImgBlack .blackBg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;} #Focus_Moment.threeDiv .focusListBoxImgBlack .playBg{display:block;width:10%;position:absolute;left:45%;top:42%;} @media screen and (max-width: 900px) { #Focus_Moment.threeDiv .secondPictureImgFocu{width: 100%;float: none;} } /* 公司视频结束 */ /* 品牌理念开始 */ .secondDiv.threeDiv .swiper-culture{overflow:hidden;} .secondDiv.threeDiv .swiper-culture{position:relative;} .secondDiv.threeDiv .swiper-culture a{display:block;width:100%;height:100%;} #Company_culture.threeDiv .cultureMission{padding-top:40px;font-size:32px;} #Company_culture.threeDiv .secondPictureImg{width:380px;} #Company_culture.threeDiv .secondPictureText{padding-left:500px;padding-top:90px;} #Company_culture.threeDiv .SenseWorth{font-size:32px;padding-top:40px;} #Company_culture.threeDiv .cultureBannT{display:inline-block;background:#fff;font-size:22px;color:#583456;margin-left:12px;padding:0 4px;} .secondDiv.threeDiv .Company_culturebtn{width:100%;text-align: center;position:absolute;bottom:5%;left:0;z-index: 99;line-height:0;} .secondDiv.threeDiv .Company_culturebtn span{display:inline-block;width:10px;height:10px;margin:0 14px;background:#fff;opacity: 1;} .secondDiv.threeDiv .Company_culturebtn .swiper-pagination-bullet-active{background:#e60213;} body.ie8 .secondDiv.threeDiv .swiper-wrapper{width:200%;height:100%;overflow:hidden;} body.ie8 .secondDiv.threeDiv .swiper-wrapper .swiper-slide{width:50%;float:left;} body.ie8 .secondDiv.threeDiv .Company_culturebtn{width:100%;} #Company_culture.threeDiv .SenseWorthBanner img{display:block;width:100%;} #Company_culture.threeDiv .SenseWorthList{margin-top:34px;} #Company_culture.threeDiv .SenseWorthList:after{content:'';display:block;clear:both;} #Company_culture.threeDiv .SenseWorthList li{width:44%;height:230px;float:left;} #Company_culture.threeDiv .SenseWorthList .ListTitRight{float:right;} #Company_culture.threeDiv .SenseWorthList .lastListLi{width:100%;height:200px;} #Company_culture.threeDiv .SenseWorthListTit{width:100%;height:88px;border-bottom:1px solid #bcbcbc;position:relative;} #Company_culture.threeDiv .SenseWorthListTit>img{display:block;width:60px;position:absolute;left:0;top:8px;} #Company_culture.threeDiv .SenseWorthListTitS{display:block;height:100%;padding:42px 0 0 80px;font-size:22px;color:#333333;line-height:1;} #Company_culture.threeDiv .SenseWorthListTxt{margin-top:20px;font-size:14px;color:#666666;line-height:1.6;} #Company_culture.threeDiv .techH5SuccText p{margin-top:0;} /* 企业社会责任开始 */ #Company_culture.threeDiv .SenRespon{padding-top:40px;font-size:32px;background:#f5f5f5;} #Company_culture.threeDiv .SenResponList{margin-bottom:20px;} #Company_culture.threeDiv .SenResponList:after{content:'';display:block;clear:both;} #Company_culture.threeDiv .SenResponList li{width:32%;float:left;margin-left:2%;} #Company_culture.threeDiv .SenResponList li:first-child{margin-left:0;} #Company_culture.threeDiv .SenResponListImg{display:block;width:100%;position:relative;} #Company_culture.threeDiv .SenResponListImg img{display:block;width:100%;} #Company_culture.threeDiv .SenResponListImgbg{display:block;width:100%;height:50px;line-height:50px;position:absolute;bottom:0;left:0;font-size:20px;color:#fff;} #Company_culture.threeDiv .SenResponListImgbg img{width:100%;height:100%;position:absolute;top:0;left:0;} #Company_culture.threeDiv .ListImgbgText{display:block;width:100%;height:100%;position:relative;padding-left:20px;} #Company_culture.threeDiv .SenResponBox{background:#e2e2e2;display:none;} #Company_culture.threeDiv .SenResponBTex{width:100%;padding:40px 0 30px;position:relative;font-size:14px;color:#404143;} #Company_culture.threeDiv .SenResponBTexIcon{display:block;width:14px;height:8px;position:absolute;top:-8px;line-height:1.5;} #Company_culture.threeDiv .SenResponBTexIcon img{display:block;width:100%;} #Company_culture.threeDiv .BTex_01 .SenResponBTexIcon{left:15%;} #Company_culture.threeDiv .BTex_02 .SenResponBTexIcon{left:49%;} #Company_culture.threeDiv .BTex_03 .SenResponBTexIcon{right:15%;} #Company_culture.threeDiv .SenRespoClose{width:18px;height:18px;text-align: center;line-height:30px;color:#fff;position:absolute;top:0;right:16px;cursor:pointer;} #Company_culture.threeDiv .qualityH3c .secondWrapBox:after{content:'';display:block;clear:both;} #Company_culture.threeDiv .qualityH3cLi{width:44%;float:left;padding-top:50px;} #Company_culture.threeDiv .qualityH3cRight{float:right;} #Company_culture.threeDiv .qualityH3cLi h5{text-align: center;font-size:28px;color:#404143;} #Company_culture.threeDiv .qualityH3cLi p{font-size:14px;color:#404143;text-align: center;line-height:1.5;margin-top:30px;} #Company_culture.threeDiv .qualityH3cImg{display:block;width:76.8%;margin:50px auto 0;} #Company_culture.threeDiv .understandBox{width:100%;padding:50px 0;text-align:center;line-height:1;} #Company_culture.threeDiv .understandBox .fontRed{color:#e60213;} #Company_culture.threeDiv .understand{display:inline-block;color:#333333;width:50%;font-size:14px;text-align:center;} #Company_culture.threeDiv .understand img{display:inline-block;min-width:16px;width:8%;vertical-align: middle;margin-left:10px;margin-top:-2px;} /* 底部模块 */ @media screen and (max-width: 900px) { #Company_culture.threeDiv .secondPictureImg{ width: 100%; float: none; } #Company_culture.threeDiv .secondPictureText{ float: none; padding: 4.1% 3.34%; } #Company_culture.threeDiv .secondPictureText p{ font-size: 60%; color: #666666; margin-top: 0; } } @media screen and (max-width: 768px) { #Company_culture.threeDiv .SenRespon{display:none;} #Company_culture.threeDiv .secondPictureImg{width:100%;} #Company_culture.threeDiv .secondPictureText{padding:3.75%;} #Company_culture.threeDiv .cultureBannT{font-size:45%;} #Company_culture.threeDiv .cultureMission{padding-top:0;font-size:60px;} #Company_culture.threeDiv .SenseWorth{padding-top:0;font-size:60px;} #Company_culture.threeDiv .secondPictureText p{font-size:40.625%;margin-top:0;} #Company_culture.threeDiv .SenseWorthList li{float:none;width:100%;height:auto;padding-bottom:6.25%;} #Company_culture.threeDiv .SenseWorthList .ListTitRight{float:none;} #Company_culture.threeDiv .SenseWorthListTxt{font-size:40.625%;margin-top:4%;} #Company_culture.threeDiv .SenseWorthListTit>img{width:14%;position:relative;top:0;left:0;float:left;} #Company_culture.threeDiv .SenseWorthListTit{height:auto;padding:1.5% 0;overflow:hidden;} #Company_culture.threeDiv .SenseWorthListTitS{padding:9.375% 0 0 16.5%;font-size:48%;} #Company_culture.threeDiv .SenseWorthList .lastListLi{height:auto;} #Company_culture.threeDiv #succWrapH5.techH5Succ{background:#f5f5f5;} #Company_culture.threeDiv .protechH5Tit,#Company_culture.threeDiv #succWrapH5 .techH5SuccCon,#Company_culture.threeDiv #succWrapH5 .techH5SuccBtn{background:#f5f5f5;} #Company_culture.threeDiv .qualityH3c{font-size:60px;} #Company_culture.threeDiv .qualityH3cLi h5{font-size:46.875%;} #Company_culture.threeDiv .qualityH3cLi{width:100%;float:none;padding-top:6.25%;} #Company_culture.threeDiv .qualityH3cLi p{font-size:40.625%;margin-top:4.6%;} #Company_culture.threeDiv .qualityH3cImg{margin-top:4.6%;} #Company_culture.threeDiv .understandBox{padding: 4.6% 0;} #Company_culture.threeDiv .understand{font-size:40.625%;} #Company_culture.threeDiv .understand img{margin-left:4%;margin-top:-1px;} } @media screen and (max-width:640px){ #Company_culture.threeDiv .cultureMission,#Company_culture.threeDiv .SenseWorth,#Company_culture.threeDiv .qualityH3c{ font-size: 50px; } } @media screen and (max-width:414px){ #Company_culture.threeDiv .cultureMission,#Company_culture.threeDiv .SenseWorth,#Company_culture.threeDiv .qualityH3c{ font-size: 44px; } } @media screen and (max-width:375px){ #Company_culture.threeDiv .cultureMission,#Company_culture.threeDiv .SenseWorth,#Company_culture.threeDiv .qualityH3c{ font-size: 37.5px; } } /* 品牌理念结束 */ /* 管理团队开始 */ #Management.threeDiv .f5Background{background:#f5f5f5;padding-top:30px;height:290px;} #Management.threeDiv .colmunPc#crumbs{margin-top:0;} #Management.threeDiv .MisterDiv .secondWrapBox{height:180px;position:relative;} #Management.threeDiv .MisterSection{font-size:32px;position:absolute;top:-200px;left:16px;right:16px;} #Management.threeDiv .MisterBox{width:100%;height:273px;} #Management.threeDiv .YuYinTao.MisterBox{ background:#fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } body.ie8 #Management.threeDiv .YuYinTao.MisterBox{border:1px solid #f5f5f5;} #Management.threeDiv .MisterBoxWrap{width:100%;height:100%;} #Management.threeDiv .MisterBoxImg{height:100%;float:left;} #Management.threeDiv .MisterBoxImg img{display:block;height:100%;} #Management.threeDiv .MisterBoxText{padding-left:288px;padding-top:40px;padding-right:40px;background:#fff;} #Management.threeDiv .MisterBoxTextH2{font-size:30px;color:#333333;} #Management.threeDiv .MisterBoxTextSpan{font-size:14px;color:#e60012;margin-top:10px;} #Management.threeDiv .MisterBoxTextP{font-size:14px;color:#666666;margin-top: 18px;line-height:1.5;} #Management.threeDiv .MisterBoxTextTxt{height:84px;overflow:hidden;font-size:14px;color:#666666;margin-top:5px;line-height:1.5;} #Management.threeDiv .Chen.MisterBox{background:none;margin-top:50px;} #Management.threeDiv .Chen.MisterBox .MisterBoxImg{float:right;} #Management.threeDiv .Chen.MisterBox .MisterBoxText{padding-right:288px;padding-left:0;} /* 团队成员样式 */ #Management.threeDiv .TeamMemberList:after{content:'';display:block;clear:both;} #Management.threeDiv .TeamMemberList{padding:50px 0 46px;} #Management.threeDiv .TeamMember.ffBack{background:#f5f5f5;} #Management.threeDiv .TeamMemberList li{float:left;cursor:pointer;width:16%;margin-left:5%;margin-bottom:10px;box-sizing: content-box;} #Management.threeDiv .TeamMemberList li a{display:block;width:100%;height:100%;} #Management.threeDiv .TeamMemberList li:first-child{margin-left:0;} #Management.threeDiv .TeamMemberList li img{display:block;width:90%;margin:0 auto;} #Management.threeDiv .TeamMemberList li h6{font-size:22px;color:#333333;text-align: center;margin-top:28px;} #Management.threeDiv .TeamMemberList li h6 span{display:block;width:20%;height:3px;background:#e60012;margin:10px auto 0;} #Management.threeDiv .TeamMemberList li p{text-align: center;font-size:14px;color:#666666;margin-top:10px;line-height:1.5;} #Management.threeDiv .ViewDetails{display:none;} #Management.threeDiv .detailsTxt .positionBox br{display:inline;} #Management.threeDiv .ViewDetailsBox{z-index:9999;width:100%;height:100%;position:fixed;top:0;padding-top:100px;overflow:auto;left:0;right:0;bottom:0;background:#fff;display:none;} #Management.threeDiv .ViewDetailsBox .secondWrapBox{padding-top:40px;} #Management.threeDiv .ViewDetailsClose{width:30px;position:absolute;top:10px;right:0;cursor:pointer;} #Management.threeDiv .detailsImg{width:180px;float:left;} #Management.threeDiv .detailsImg img{display:block;width:100%;} #Management.threeDiv .detailsTxt{padding-left:200px;} #Management.threeDiv .nameBox{text-align:center;font-size:36px;color:#333;} #Management.threeDiv .positionBox{display:none;font-size:16px;color:#333;text-align:center;line-height:30px;} #Management.threeDiv .ViewDetailsTxt{font-size:16px;color:#333;line-height:1.6;margin-top:14px;padding-bottom:20px;} #Management.threeDiv .ViewDetailsTxt p{margin-bottom:10px;} @media screen and (max-width:860px) { #Management.threeDiv .TeamMemberList li p{font-size:12px;} } @media screen and (max-width:768px) { #Management.threeDiv .TeamMemberList li{width:38%;margin:0;padding:0 6% 4.6%;} #Management.threeDiv .TeamMemberList{padding:6.25% 0 0;} #Management.threeDiv .MisterBoxTextTxt{display:none;} #Management.threeDiv .TeamMember{font-size:60px;} #Management.threeDiv .TeamMemberList li h6{font-size:37.5%;margin-top:4.68%;} #Management.threeDiv .TeamMemberList li h6 span{margin-top:1.5;} #Management.threeDiv .TeamMemberList li p{margin-top:3%;font-size:31.25%;} #Management.threeDiv .TeamMember .secondWrapBox{padding:0;} #Management.threeDiv .f5Background{display:none;} #Management.threeDiv .MisterSection{position:relative;top:0;left:0;font-size:60px;} #Management.threeDiv .MisterDiv .secondWrapBox{padding:0;} #Management.threeDiv .MisterBoxWrap{background:#fff;} #Management.threeDiv .MisterBoxWrap:after{content:'';display:block;clear:both;} #Management.threeDiv .YuYinTao.MisterBox{background:#f5f5f5;padding:4.6875% 16px;-webkit-box-shadow:none;box-shadow:none;height:auto;} #Management.threeDiv .MisterBoxImg{width:36%;} #Management.threeDiv .MisterBoxImg img{width:100%;height:auto;} #Management.threeDiv .MisterBoxText{padding:4% 1% 1% 3%;float:left;width:64%;height:194px;overflow: hidden;} #Management.threeDiv .MisterBoxTextH2{font-size:46.875%;} #Management.threeDiv .MisterBoxTextSpan{font-size:31.25%;margin-top:2%;} #Management.threeDiv .MisterBoxTextP{font-size:31.25%;margin-top:3.4%;} #Management.threeDiv .Chen.MisterBox{margin-top:0;} #Management.threeDiv .Chen.MisterBox .MisterBoxText{padding:8% 1% 1%;} #Management.threeDiv .MisterBox,#Management.threeDiv .MisterDiv .secondWrapBox{height:auto;} #Management.threeDiv .Chen.MisterBox{padding:4.6875% 16px;-webkit-box-shadow:none;box-shadow:none;height:auto;} /* 弹出部分 */ #Management.threeDiv .ViewDetailsBox{padding-top:45px;} #Management.threeDiv .detailsImg{float:none;margin:0 auto;} #Management.threeDiv .detailsTxt{padding:0;margin-top:3%;} #Management.threeDiv .ViewDetailsClose{right:16px;} } @media screen and (max-width:640px){ #Management.threeDiv .TeamMember,#Management.threeDiv .MisterSection{ font-size: 50px; } #Management.threeDiv .MisterBoxText{ height: 158px; } } @media screen and (max-width:414px){ #Management.threeDiv .TeamMember,#Management.threeDiv .MisterSection{ font-size: 44px; } #Management.threeDiv .MisterBoxText{ height: 145px; } } @media screen and (max-width:375px){ #Management.threeDiv .TeamMember,#Management.threeDiv .MisterSection{ font-size: 37.5px; } #Management.threeDiv .MisterBoxText{ height: 130px; } } /* 管理团队结束 */ /* 发展历程开始 */ #Company_history.threeDiv .development{padding-top:40px;font-size:32px;padding-bottom:50px;} #Company_history.threeDiv .history_box{width:100%;} #Company_history.threeDiv .hist_box{position:relative;height:1140px;} #Company_history.threeDiv .hist_box_time{width:100px;height:100px;text-align:center;line-height:100px;color:#666666;font-size:28px;position:absolute;top:0;left:50%;margin-left:-50px;cursor:pointer;} #Company_history.threeDiv .hist_box_time.timeAct .hist_box_timeT{color:#e60012;} #Company_history.threeDiv .hist_box_time img{display:block;width:100%;} #Company_history.threeDiv .hist_box_time>img{display:block;width:100%;position:absolute;top:0;left:0;} #Company_history.threeDiv .hist_box_timeT{display:block;width:100%;height:100%;position:absolute;top:0;left:0;color:#666666;} #Company_history.threeDiv .hist_box_line{width:2px;height:100%;background:#eee;margin:0 auto;} #Company_history.threeDiv .hist_boxList{width:100%;display:none;} #Company_history.threeDiv .hist_boxList:after{content:'';display:block;clear:both;} /* 包含内容列表样式 */ #Company_history.threeDiv .hist_boxList{width:100%;position:absolute;top:0;left:0;} #Company_history.threeDiv .hist_boxList li{width:50%;height:500px;padding-top:60px;position:relative;} /* 奇偶数样式排列 */ #Company_history.threeDiv .hist_boxList li.numberO{float:left;} #Company_history.threeDiv .hist_boxList li.numberO .hist_boxListBox{padding-right:20%;} #Company_history.threeDiv .hist_boxList li.numberQ{float:right;padding-top:140px;height:560px;} #Company_history.threeDiv .hist_boxList li.numberQ .hist_boxListBox{padding-left:20%;} #Company_history.threeDiv .histListImg{display:block;width:100%;position:relative;z-index:9;margin-top:3%;} #Company_history.threeDiv .histListImg:first-child{margin-top:0;} #Company_history.threeDiv .histListImg>img{display:block;width:100%;position:relative;z-index:2;} #Company_history.threeDiv .histListImg_span{display:block;width:100%;height:40px;position:absolute;bottom:0;left:0;z-index:3;} #Company_history.threeDiv .histListImg_span>img{display:block;width:100%;height:100%;} #Company_history.threeDiv .histListImg_span span{display:block;width:90%;height:100%;line-height:40px;position:absolute;top:0;left:2%;font-size:16px;color:#fff; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #Company_history.threeDiv .histDot{font-size:14px;color:#333333;margin-top:20px;padding-left:12px;position:relative;line-height:1.5;} #Company_history.threeDiv .histDot:before{content:'';display:block;width:5px;height:5px;background:#e60012;position: absolute;top:8px;left:0;} #Company_history.threeDiv .mouth_span{width:10%;height:30px;cursor:pointer;z-index:3;} #Company_history.threeDiv .hist_boxList li.gotoNew{padding-top:150px;} .gotoNewHistory{position:relative;padding-left:12px;color:#e60012;font-size:20px;z-index:9;background:#fff;} .gotoNewHistory:before{content:'';display:block;width:5px;height:5px;background:#e60012;position: absolute;top:10px;left:0;} .gotoNewHistory a{color:#e60012;border-bottom:1px solid #e60012;} /* 月份标志 */ #Company_history.threeDiv .hist_boxList li.numberO .mouth_span{width:60px;height:30px;position:absolute;top:150px;right:-30px;} #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span{width:60px;height:30px;position:absolute;top:250px;left:-30px;} #Company_history.threeDiv .mouth_span img{display:block;width:100%;} #Company_history.threeDiv .mouth_spanYu{display:block;width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;text-align:center;line-height:30px;font-size:14px;} #Company_history.threeDiv .hist_boxList li.numberO .histListImgLine{width:144px;height:2px;background:#f5f5f5;position:absolute;top:50%;left:-144px;} #Company_history.threeDiv .hist_boxList li.numberQ .histListImgLine{width:144px;height:2px;background:#f5f5f5;position:absolute;top:50%;right:-144px;} /* 控制高度显示开始 */ #Company_history.threeDiv .hist_boxList.histAct{display:block;} /* 控制高度显示结束 */ #Company_history.threeDiv .history_new_Title{display:block;width:80%;margin:0 auto;} #Company_history.threeDiv .history_newList li{overflow:hidden;zoom:1;padding:2.2% 0;position:relative;} #Company_history.threeDiv .history_newList li .hist_box_time{top:50px;} #Company_history.threeDiv .history_newList li .hist_box_time .hist_box_timeT{color:#e60012;} #Company_history.threeDiv .histBox{width:40%;} #Company_history.threeDiv .histBox.leftHist{float:left;} #Company_history.threeDiv .histBox.rightHist{float:right;} #Company_history.threeDiv .newBoxCon{position:relative;} #Company_history.threeDiv .newBoxCon .hist_box_line{position:absolute;top:0;left:50%;} @media screen and (max-width:768px) { #Company_history.threeDiv .development{padding-top:0;font-size:60px;padding-bottom:5%;} #Company_history.threeDiv .hist_box_time{width:50px;height:50px;line-height:50px;font-size:16px;left:0;margin-left:0;} #Company_history.threeDiv .hist_box_line{position:absolute;left:25px;} #Company_history.threeDiv .hist_boxList li{width:100%;padding-left:50px;} #Company_history.threeDiv .hist_boxList li.active .hist_boxListBox{padding:0 0 0 5%;} #Company_history.threeDiv .hist_boxList li.numberO{float:none;padding-top:5%;} #Company_history.threeDiv .hist_boxList li.numberQ{float:none;} #Company_history.threeDiv .hist_boxList li.numberO .mouth_span{left:10px;} #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span{left:10px;} #Company_history.threeDiv .hist_boxList li.numberO .mouth_span,#Company_history.threeDiv .hist_boxList li.numberQ .mouth_span{width:30px;height:15px;line-height:15px;top:70px;} #Company_history.threeDiv .mouth_spanYu{line-height:15px;font-size:12px;} #Company_history.threeDiv .hist_boxList li.numberO .histListImgLine{width:50px;left:30px;} #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span{top:70px;} #Company_history.threeDiv .hist_boxList li.numberQ{padding-top:5%;height:450px;} #Company_history.threeDiv .hist_boxList li{height:450px;} #Company_history.threeDiv .hist_boxList{position:relative;} #Company_history.threeDiv .history_box{min-height:80px;} #Company_history.threeDiv .histListImg{max-width:400px;} #Company_history.threeDiv .hist_boxList li.numberO .hist_boxListBox,#Company_history.threeDiv .hist_boxList li.numberQ .hist_boxListBox{padding:0;} #Company_history.threeDiv .histDot{margin-top:4%;} #Company_history.threeDiv .hist_boxList li.gotoNew{padding-top:64px;} #Company_history.threeDiv .newBoxCon .hist_box_line{position:absolute;top:0;left:50%;} #Company_history.threeDiv .history_newList li .hist_box_time{left:50%;top:20px;margin-left:-25px;} #Company_history.threeDiv .history_newList li{padding-top:80px;} #Company_history.threeDiv .histBox{width:45%;} #Company_history.threeDiv .histListImg_span span{font-size:37.5%;} #Company_history.threeDiv .history_new_Title{width:100%;} } @media screen and (max-width:640px){ #Company_history.threeDiv .development{ font-size: 50px; } } @media screen and (max-width:414px){ #Company_history.threeDiv .development{ font-size: 44px; } } @media screen and (max-width:375px){ #Company_history.threeDiv .development{ font-size: 37.5px; } } /* 发展历程结束 */ /* 维保服务合同客户条款及服务标准开始 */ #Terms_of_service.threeDiv .TermsService{padding-top:40px;font-size:32px;} #Terms_of_service.threeDiv .TermsServiceBox{width:800px;margin:0 auto;} #Terms_of_service.threeDiv .TermsList{width:100%;margin-bottom:30px;} #Terms_of_service.threeDiv .TermsListTit{width:100%;height:46px;line-height:46px;font-size:22px;color:#fff;background:#e60012;padding-left:12px;} #Terms_of_service.threeDiv .TermsListCon{border:1px solid #e6e6e6;} #Terms_of_service.threeDiv .TermsListCon li{height:34px;line-height:34px;font-size:14px;color:#666666;padding-left:12px;border-top:1px solid #e6e6e6;} #Terms_of_service.threeDiv .TermsListCon li:first-child{border-top:none;} #Terms_of_service.threeDiv .TermsListCon li.backf5terms{background:#f5f5f5;} #Terms_of_service.threeDiv .TermsListConText{width:87%;float:left;} #Terms_of_service.threeDiv .gotoDown{display:block;width:13%;height:100%;float:right;} #Terms_of_service.threeDiv .gotoDown a{color:#333333;} #Terms_of_service.threeDiv .gotoDown a.fontRed{color:#e60012;} #Terms_of_service.threeDiv .gotoDown a img{width:16%;min-width:16px;vertical-align: middle;margin-top:-1.5%;margin-left:6px;} @media screen and (max-width:836px) { #Terms_of_service.threeDiv .TermsServiceBox{width:100%;} } @media screen and (max-width:768px) { #Terms_of_service.threeDiv.secondDiv .secondEntH3{padding:6.6% 10% 4%;;} #Terms_of_service.threeDiv .TermsService{font-size:60px;} #Terms_of_service.threeDiv .TermsServiceBox{width:100%;} #Terms_of_service.threeDiv .TermsService{padding-top:0;} #Terms_of_service.threeDiv .TermsListConText{line-height:1.2;width:100%;padding-right:85px;padding-left:2%;} #Terms_of_service.threeDiv .TermsListCon li{height:auto;padding:10px 0;overflow:hidden;position:relative;} #Terms_of_service.threeDiv .gotoDown{width:80px;height:auto;line-height:1.2;padding:10px 0;float:left;position:absolute;top:0;right:0;} #Terms_of_service.threeDiv .TermsList{margin-bottom:10%;} } @media screen and (max-width:640px){ #Terms_of_service.threeDiv .TermsService{ font-size: 50px; } } @media screen and (max-width:414px){ #Terms_of_service.threeDiv .TermsService{ font-size: 44px; } } @media screen and (max-width:375px){ #Terms_of_service.threeDiv .TermsService{ font-size: 37.5px; } } /* 维保服务合同客户条款及服务标准结束 */ /* ComwareV7开始 */ #ComwareV7.threeDiv .ComwareV7Con{padding-top:40px;font-size:32px;} #ComwareV7.threeDiv .MsoNormal{font-size:14px;color:#666666;line-height:1.78;margin-bottom:32px;} #ComwareV7.threeDiv .MsoNormalDot{font-size:14px;color:#666666;line-height:1.78;margin-bottom:36px;} #ComwareV7.threeDiv .MsoNormalDot:before{content:'·';margin-right:6px;} #ComwareV7.threeDiv .ComwareV7ConTxt h2{font-size:30px;color:#333333;margin-bottom:30px;} #ComwareV7.threeDiv .ComwareV7ConTxt h3{font-size:24px;color:#333333;margin-bottom:26px;} #ComwareV7.threeDiv .Figure{text-align:center;margin-bottom:16px;} #ComwareV7.threeDiv .figure_span{text-align:center;margin-bottom:20px;font-size:14px;color:#666666;} #ComwareV7.threeDiv .ComwareV7List{background:#f5f5f5;} #ComwareV7.threeDiv .ComwareV7List .secondWrapBox{padding-top:40px;} #ComwareV7.threeDiv .ComwareV7List .secondWrapBox:after{content:'';display:block;clear:both;} #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a{display:block;width:16%;float:left;margin:0 8% 36px;color:#333333;font-size:16px;} #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a:hover{color:#e60012;} #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a:before{content:'>';color:#e60012;margin-right:10px;} #ComwareV7.threeDiv .ComwareV7Gomore{width:100%;height:30px;text-align:right;line-height:30px;margin-bottom:40px;} #ComwareV7.threeDiv .ComwareV7Gomore>span{font-size:14px;color:#e60012;cursor:pointer;} #ComwareV7.threeDiv .ComwareV7Gomore>span img{width:16px;vertical-align: middle;margin-top:-2px;margin-left:6px;} #ComwareV7.threeDiv .ComwareV7Gomore>span>span{display:inline-block;} #ComwareV7.threeDiv .ComwareV7ConTxt{height:48px;overflow:hidden;} #ComwareV7.threeDiv .goupImg{display:none;} @media screen and (max-width:768px) { #ComwareV7.threeDiv .ComwareV7Con,#ComwareV7.threeDiv .ComwareV7List{font-size:60px;} #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a{width:40%;margin:0 5% 5%;} #ComwareV7.threeDiv .ComwareV7List .secondWrapBox{padding:10% 0 5%;} #ComwareV7.threeDiv .ComwareV7Con{padding-top:0;} #ComwareV7.threeDiv .MsoNormal{margin-bottom:5%;font-size:37.5%;} #ComwareV7.threeDiv .MsoNormalDot{margin-bottom:5%;font-size:37.5%;} #ComwareV7.threeDiv .Figure img{width:80%;} #ComwareV7.threeDiv .Figure{margin-bottom:2%;} #ComwareV7.threeDiv .figure_span{margin-bottom:5%;font-size:31.5%;} #ComwareV7.threeDiv .ComwareV7ConTxt h2{margin-bottom:5%;font-size:45%;} #ComwareV7.threeDiv .ComwareV7ConTxt h3{margin-bottom:5%;font-size:40%;} #ComwareV7.threeDiv .ComwareV7Gomore>span{font-size:37.5%;} #ComwareV7.threeDiv .ComwareV7Gomore>span img{width:5%;min-width:16px;} #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a{font-size:40%;} #ComwareV7.threeDiv .ComwareV7Gomore{height:auto;line-height:1;margin-bottom:5%;} } @media screen and (max-width:640px){ #ComwareV7.threeDiv .ComwareV7Con,#ComwareV7.threeDiv .ComwareV7List{ font-size: 50px; } } @media screen and (max-width:414px){ #ComwareV7.threeDiv .ComwareV7Con,#ComwareV7.threeDiv .ComwareV7List{ font-size: 44px; } } @media screen and (max-width:375px){ #ComwareV7.threeDiv .ComwareV7Con,#ComwareV7.threeDiv .ComwareV7List{ font-size: 37.5px; } } /* ComwareV7结束 */ /* DDQ页面整合样式开始 */ /* DDQApprove开始 */ #DDQApprove.threeDiv .DDQApproveCon{padding-top:40px;font-size:32px;} #DDQApprove.threeDiv .DDQRequired{width:100%;font-size:16px;color:#666666;} #DDQApprove.threeDiv .DDQRequired span{color:#e60012;margin:0 4px;} /* 第一部分样式 */ #DDQApprove.threeDiv .DDQApproveBox{margin-top:30px;} #DDQApprove.threeDiv .liaisonClassOne{margin-top:12px;} #DDQApprove.threeDiv .liaisonClassOne:after{content:'';display:block;clear:both;} #DDQApprove.threeDiv .ClassOneName{width:198px;padding-left:12px;float:left;font-size:14px;color:#666666;height:36px;line-height:36px;} #DDQApprove.threeDiv .ClassOneName span:before{content:'*';color:#e60012;} #DDQApprove.threeDiv .ClassOneName span img{display:none;} #DDQApprove.threeDiv .ClassOneList{width:100%;padding-left:198px;} #DDQApprove.threeDiv .ClassOneList:after{content:'';display:block;clear:both;} #DDQApprove.threeDiv .ClassOneList li{float:left;margin-left:1.4%;font-size:14px;color:#666666;min-height:36px;line-height:36px;} #DDQApprove.threeDiv .ClassOneList li:first-child{margin-left:0;} #DDQApprove.threeDiv .Class-cn-1{width:12%;} #DDQApprove.threeDiv .Class-cn-2{width:18%;} #DDQApprove.threeDiv .Class-cn-3{width:21%;} #DDQApprove.threeDiv .Class-cn-4{width:34.4%;} #DDQApprove.threeDiv .ClassOneList li input{display:block;width:100%;height:36px;line-height:36px;font-size:14px;padding-left:12px;color:#666666;border:1px solid #d8d8d8;} #DDQApprove.threeDiv .ClassOneList li .OneListName{display:none;} /* 表单标签标题公共样式 */ .secondDiv.threeDiv .ApproveH2{width:100%;border-bottom:1px solid #d8d8d8;line-height:0;} .secondDiv.threeDiv .ApproveH2 span{display:inline-block;padding:15px 20px;line-height:1;font-size:16px;color:#333333;border: 1px solid #d8d8d8; border-bottom:none;background:#f7f7f7;position:relative;} .secondDiv.threeDiv .ApproveH2 span img{display:none;height:50%;position:absolute;right:2%;top:25.5%;} /* 第二部分样式开始 */ #DDQApprove.threeDiv .DDQAppChoice{margin-top:30px;} #DDQApprove.threeDiv .problem{position:relative;} #DDQApprove.threeDiv .Required{display:block;width:10px;color:#e60012;font-size:16px;position:absolute;top:0;left:0;line-height:1.5;} #DDQApprove.threeDiv .Serial{display:block;width:20px;font-size:16px;color:#333333;position:absolute;top:0;left:10px;line-height:1.5;} #DDQApprove.threeDiv .problemTit{display:block;width:100%;padding-right:170px;padding-left:30px;font-size:16px;color:#333333;line-height:1.5;} #DDQApprove.threeDiv .problemChoice{width:140px;position:absolute;top:0;right:0;text-align:right;line-height:1.5;font-size:16px;color:#333333;border-left:1px solid #d8d8d8;} #DDQApprove.threeDiv .ChoiceI{display:inline-block;} #DDQApprove.threeDiv .problemChoice input{-webkit-appearance:radio;width:16px;margin-left:30px;} #DDQApprove.threeDiv .problemCon{padding-left:30px;} #DDQApprove.threeDiv .problemCon p{font-size:16px;color:#333333;margin-top:14px;line-height:1;} #DDQApprove.threeDiv .problemCon .problemDot:before{content:'·';margin-right:8px;} #DDQApprove.threeDiv .problemCon textarea{width:560px;height:120px;resize:none;margin-top:12px;border:1px solid #d8d8d8;padding:10px;font-size:16px;color:#333333;} /* 反复声明开始 */ #DDQApprove.threeDiv .anti-corruption{margin-top:30px;} #DDQApprove.threeDiv .anti-corruption>.secondWrapBox{border-top:1px solid #d8d8d8;padding-top:6px;border-bottom:0;} #DDQApprove.threeDiv .anti-corruption .ApproveH2{border-bottom:none;} #DDQApprove.threeDiv .anti-corruption .ApproveH2 span{background:none;border:none;font-weight:bold;} #DDQApprove.threeDiv .corruptionCo p{font-size:16px;color:#333333;margin-top:20px;line-height:1.5;} /* 提交表单部分样式 */ #DDQApprove.secondDiv.threeDiv .secondWrapBox .MediaList{padding:0;} #DDQApprove.secondDiv.threeDiv .secondWrapBox .MediaListBox.textInputSit{width:580px;} #DDQApprove.threeDiv .submitter{margin-top:30px;padding-bottom:40px;} #DDQApprove.threeDiv .submitter .ApproveH2{margin-bottom:20px;} #DDQApprove.threeDiv .submitter .MediaListBoxinput{font-size:16px;color:#666666;line-height:36px;} #DDQApprove.threeDiv .Auterror { display: block; width: 100%; height: 14px; line-height: 1; font-size: 14px; color: #e60012; margin-top: 10px; } #DDQApprove.threeDiv .submitter .SitMediaListBox{width: 100px;font-size: 16px;height: 36px;line-height: 36px;color: #666666;float: left;position: relative;} #DDQApprove.threeDiv .DDQSubmit {padding-left:100px;} #DDQApprove.threeDiv .DDQSubmitText{color:#e60012;font-size:14px;} #DDQApprove.threeDiv .submitddqBox{margin-top:30px;} #DDQApprove.threeDiv .submitddqBox:after{content:'';display:block;clear:both;} #DDQApprove.threeDiv .submitddqBox input{display:block;float:left;} #DDQApprove.threeDiv .submitter .MediaListBoxinput>.timeSpan{display:block;font-size:16px;} @media screen and (max-width:768px) { #DDQApprove.threeDiv .DDQApproveCon{padding-top:0;font-size:60px;} #DDQApprove.threeDiv .DDQRequired{text-align:center;} /* 表单第一部分样式修改 */ .secondDiv.threeDiv .ApproveH2Wrap{padding:0;} .secondDiv.threeDiv .ApproveH2{padding:0 16px;margin-top:0;font-size:37.5%;} #DDQApprove.threeDiv .ClassListWrap{display:none;} #DDQApprove.threeDiv .ClassOneName{width:100%;height:auto;float:none;padding:0;font-size:37.5%;} #DDQApprove.threeDiv .ClassOneName .detailsShow{display:block;} #DDQApprove.threeDiv .ClassOneName>span{display:block;padding:3% 2%;line-height:1;font-size:100%;color:#333333;border: 1px solid #d8d8d8; background:#f7f7f7;position:relative;} #DDQApprove.threeDiv .ClassOneName>span img{height: 50%;position: absolute;right: 2%;top: 25.5%;} #DDQApprove.threeDiv .ClassOneList{padding:0;} #DDQApprove.threeDiv .ClassOneList li{width:100%;float:none;margin:2% auto 0;font-size:100%;} #DDQApprove.threeDiv .ClassOneList li .OneListName{display:block;font-size:37.5%;} #DDQApprove.threeDiv .ClassOneList li .OneListName{display:block;} #DDQApprove.threeDiv .ClassOneList li input{font-size:37.5%;} #DDQApprove.threeDiv .liaisonWrap{display:none;} #DDQApprove.threeDiv .canClick .ClassOneList{display:none;} #DDQApprove.threeDiv .liaisonSpan{font-size:37.5%;text-align:left;line-height:1.5;} /* 表单标签标题公共样式 */ .secondDiv.threeDiv .ApproveH2 span{width:100%;padding:3% 2%;font-size:100%;} .secondDiv.threeDiv .ApproveH2 span img.detailsShow{display:block;} #DDQApprove.threeDiv .ApproveBoxList{display:none;} #DDQApprove.threeDiv .DDQApproveBox{margin-top:4%;cursor:pointer;} #DDQApprove.threeDiv .ListConInput li>input{font-size:37.5%;} /* 第二部分样式调整 */ #DDQApprove.threeDiv .problemTit{padding-right:0;font-size:37.5%;} #DDQApprove.threeDiv .problemCon{padding-left:0;} #DDQApprove.threeDiv .problemCon textarea{width:100%;font-size:37.5%;} #DDQApprove.threeDiv .problemChoice{border-left:0;width:100%;border:1px solid #d8d8d8;position:relative;margin-top:3%;font-size:37.5%;} #DDQApprove.threeDiv .problemChoice:after{content:'';display:block;clear:both;} #DDQApprove.threeDiv .problemChoice .ChoiceI input{margin:0;vertical-align: middle;} #DDQApprove.threeDiv .problemChoice .ChoiceI{display:block;width:50%;float:left;text-align:center;padding:2% 0;} #DDQApprove.threeDiv .problemChoice .ChoiceI:first-child{border-right:1px solid #d8d8d8;} #DDQApprove.threeDiv .problemCon p{line-height:1.5;margin-top:3%;font-size:37.5%;} #DDQApprove.threeDiv .Serial{font-size:37.5%;} /* 反复声明开始 */ #DDQApprove.threeDiv .anti-corruption .ApproveH2 span{border:1px solid #d8d8d8;background:#f7f7f7;border-bottom:none;} #DDQApprove.threeDiv .anti-corruption .ApproveH2{border-bottom:1px solid #d8d8d8;cursor:pointer;} #DDQApprove.threeDiv .anti-corruption .secondWrapBox{border-top:none;} #DDQApprove.threeDiv .anti-corruption{margin-top:4.68%;} #DDQApprove.threeDiv .corruptionCo{display:none;} #DDQApprove.threeDiv .corruptionCo p{font-size:37.5%;margin-top:2%;} /* 提交表单部分修改 */ #DDQApprove.threeDiv .DDQSubmit{padding:0;margin-top:3%;} #DDQApprove.threeDiv .DDQSubmitText{width:90%;margin:0 auto;text-align:center;font-size:37.5%;} #DDQApprove.threeDiv .submitddqBox{width:90%;margin:3% auto 0;} #DDQApprove.threeDiv .submitddqBox .ddqSubmit{float:left;} #DDQApprove.threeDiv .submitddqBox .ddqReset{float:right;} #DDQApprove.secondDiv.threeDiv .secondWrapBox .MediaListBox.textInputSit{width:100%;} #DDQApprove.threeDiv .submitter .SitMediaListBox{font-size:37.5%;} #DDQApprove.threeDiv .MediaList{display:none;} #DDQApprove.threeDiv .anti-corruption>.secondWrapBox{padding-top:0;} #DDQApprove.threeDiv .submitter{margin-top:4.68%;} #DDQApprove.threeDiv .submitter .MediaListBoxinput{font-size:100%;} } /* DDQApprove结束 */ @media screen and (max-width:640px){ #DDQApprove.threeDiv .DDQApproveCon{ font-size: 50px; } } @media screen and (max-width:414px){ #DDQApprove.threeDiv .DDQApproveCon{ font-size: 44px; } } @media screen and (max-width:375px){ #DDQApprove.threeDiv .DDQApproveCon{ font-size: 37.5px; } } /* DDQ页面整合样式结束 */ /* 公共button样式开始 */ /* 提交按钮 */ .secondDiv.threeDiv .ddqSubmit{margin-right:30px;} /* 刷新按钮背景色 */ .secondDiv.threeDiv .threeDivButton{width:160px;height:40px;border:none;text-align:center;line-height:40px;font-size:14px;color:#fff;} @media screen and (max-width:768px) { .secondDiv.threeDiv .threeDivButton{width:40%;font-size:37.5%;} } /* 公共button样式结束 */ /* 栏目概述样式开始 */ .secondDiv.threeDiv .oneOverflow{ -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #Servers.threeDiv .serversCon{padding-top:40px;font-size:32px;} #Servers.threeDiv .serversConBox{background:#f5f5f5;padding:40px 0;} #Servers.threeDiv .serversConBox .secondWrapBox:after{content:'';display:block;clear:both;} #Servers.threeDiv .serversConImg{width:500px;float:left;margin-right:70px;margin-bottom:30px;cursor:pointer;position:relative;} #Servers.threeDiv .serversConImg img{display:block;width:100%;} #Servers.threeDiv .serversConText .serversConTextBox{height:250px;overflow:hidden;} #Servers.threeDiv .serversConText p{font-size:14px;color:#666666;margin-bottom:36px;line-height:1.5;} #Servers.threeDiv .proVidConImgBlock{display:block;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;} #Servers.threeDiv .proVidConImgBlock img{display:block;width:100%;height:100%;} #Servers.threeDiv .proVidConImgBtn{display: block;width: 14%;position: absolute;top: 36%;left: 42.1%;} #Servers.threeDiv .serverClick{text-align:right;margin-top:24px;font-size:14px;color:#e60012;} #Servers.threeDiv .serverClick img{display:inline-block;vertical-align: middle;margin-left:4px;} #Servers.threeDiv .serverClick.activeC{margin-top:20px;} #Servers.threeDiv .serverClick .closeListS{display:none;} #Servers.threeDiv .serverClikBtn{display:inline-block;cursor:pointer;} #Servers.threeDiv .serverClikBtn span{display:inline-block;} #Servers.threeDiv .serverClick.activeC .openListS{display:none;} #Servers.threeDiv .serverClick.activeC .closeListS{display:inline-block;} /* 产品分类开始 */ #Servers.threeDiv .classList li{width:48%;float:left;margin-left:4%;} #Servers.threeDiv .classList li:first-child{margin-left:0;} #Servers.threeDiv .classList:after{content:'';display:block;clear:both;} #Servers.threeDiv .classification{font-size:32px;padding-top:40px;padding-bottom:40px;} #Servers.threeDiv .classListImg{display:block;} #Servers.threeDiv .classListImg>img{display:block;width:100%;} #Servers.threeDiv .classListTxt{width:100%;padding:3.75%;} #Servers.threeDiv .classListTxt h2{font-size:24px;color:#333333;} #Servers.threeDiv .classListTxt p{font-size:14px;color:#333333;margin-top:20px;} #Servers.threeDiv .classListGoTo{margin-top:20px;text-align:right;line-height:0;} #Servers.threeDiv .classListGoTo a{font-size:14px;color:#333333;} #Servers.threeDiv .classListGoTo a.fontRed{color:#e60012;} #Servers.threeDiv .classListGoTo a img{width:16px;vertical-align: middle;margin-top:-2px;margin-left:4px;} body.ie8 #Servers.threeDiv .classList li{border:1px solid #e8e8e8;} @media screen and (max-width:768px) { #Servers.threeDiv .serversCon{padding-top:0;font-size:60px;} #Servers.threeDiv .serversConImg{float:none;width:100%;margin:0;} #Servers.threeDiv .serversConText{background:#fff;padding:3.75%; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #Servers.threeDiv .serverClick{text-align:center;margin-top:5.625%;} #Servers.threeDiv .serversConBox{padding:5.625% 0;} /* 产品分类 */ #Servers.threeDiv .classification{padding-top:0;font-size:60px;} #Servers.threeDiv .classList li{float:none;width:100%;margin:0;} #Servers.threeDiv .classList li:first-child{margin-bottom:3.75%;} #Servers.threeDiv .classListTxt h2{font-size:46.875%;} #Servers.threeDiv .classListTxt p{font-size:37.5%;margin-top:3%;} #Servers.threeDiv .classListGoTo{margin-top:3%;} #Servers.threeDiv .classListTxt p{overflow:visible;white-space:normal;line-height:1.5;} #Servers.threeDiv .serversConText p{margin-bottom:20px;} } @media screen and (max-width:640px){ #Servers.threeDiv .serversCon,#Servers.threeDiv .classification{ font-size: 50px; } } @media screen and (max-width:414px){ #Servers.threeDiv .serversCon,#Servers.threeDiv .classification{ font-size: 44px; } } @media screen and (max-width:375px){ #Servers.threeDiv .serversCon,#Servers.threeDiv .classification{ font-size: 37.5px; } } /* 栏目概述样式结束 */ /* 星级服务资质认证标准开始 */ #Technic_Service_Attestation .AttestationCon{font-size:32px;padding-top:40px;padding-bottom:40px;} #Technic_Service_Attestation .AttestationCon .secondWrapBox:after{content:'';display:block;clear:both;} #Technic_Service_Attestation .AttestationLeft{width:75%;float:left;} #Technic_Service_Attestation .AttestationRight{width:23%;float:right;} #Technic_Service_Attestation .standardList li{padding:40px 20px;} #Technic_Service_Attestation .standardList li:after{content:'';display:block;clear:both;} #Technic_Service_Attestation .standardImg{display:block;width:304px;overflow:hidden;} #Technic_Service_Attestation .standardImg>img{display:block;width:100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01); transform:scale(1.01); } #Technic_Service_Attestation .standardImg>img:hover{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } #Technic_Service_Attestation .standardF5{background:#f5f5f5;} #Technic_Service_Attestation .standardF5 .standardImg{float:left;} #Technic_Service_Attestation .standardFF .standardImg{float:right;} #Technic_Service_Attestation .standardTxt{width:100%;} #Technic_Service_Attestation .standardF5 .standardTxt{padding-left:340px;padding-top:20px;} #Technic_Service_Attestation .standardFF .standardTxt{padding-right:340px;} #Technic_Service_Attestation .standardTxt h2{font-size:28px;color:#333333;} #Technic_Service_Attestation .standardTxt p{font-size:14px;color:#333333;margin-top:14px;line-height:1.5;} #Technic_Service_Attestation .standardGoto{margin-top:30px;text-align:right;line-height:0;} #Technic_Service_Attestation .standardGoto a{font-size:14px;color:#333333;} #Technic_Service_Attestation .standardGoto a.fontRed{color:#e60012;} #Technic_Service_Attestation .standardGoto a img{width:16px;vertical-align: middle;margin-top:-2px;} #Technic_Service_Attestation .AttestatBox{padding-top:40px;} #Technic_Service_Attestation .AttestatBoxTxt{padding:0 20px;} #Technic_Service_Attestation .AttestatBoxTxt .standardGoto{line-height:0;} #Technic_Service_Attestation .AttestatBoxTxt p{font-size:14px;color:#666666;} #Technic_Service_Attestation .backgroundF5F5{background:#f5f5f5;padding:30px 20px;} #Technic_Service_Attestation .AttestatImg{width:120px;height:120px;float:left;} #Technic_Service_Attestation .AttestatImg>img{display:block;width:100%;} #Technic_Service_Attestation .AttestatTxt{width:100%;padding-left:158px;} #Technic_Service_Attestation .AttestatTxt h2{font-size:22px;color:#333333;} #Technic_Service_Attestation .AttestatTxt p{font-size:14px;color:#333333;margin-top:12px;line-height:1.5;} #Technic_Service_Attestation .installBox .AttestatTxt:after{content:'';display:block;clear:both;} #Technic_Service_Attestation #Technic_Service_Attestation .AttestatBoxTxt.installBox{padding:0;} #Technic_Service_Attestation .installBtn{width:100px;height:36px;background:#e60012;border-radius:4px;font-size:16px;text-align:center;line-height:36px;margin:-36px 0 0 158px;} #Technic_Service_Attestation .installBtn a{display:block;width:100%;height:100%;color:#fff;} #Technic_Service_Attestation .AttestationRight{padding-top:62px;} #Technic_Service_Attestation .AtRightBox{width:100%;border:1px solid #ececec;} #Technic_Service_Attestation .AtRightBox h2{height:50px;line-height:50px;padding-left:20px;font-size:18px;color:#333333;background:#ececec;} #Technic_Service_Attestation .AtRightList{padding:12px 20px;} #Technic_Service_Attestation .AtRightList li{width:100%;padding:10px 0;line-height:1;} #Technic_Service_Attestation .AtRightList li a{display:block;width:100%;font-size:16px;color:#666666;} #Technic_Service_Attestation .AtRightList li a:hover{color:#e60012;} #Technic_Service_Attestation .AtRightList li.active a{color: #e60012;} @media screen and (max-width:800px) { #Technic_Service_Attestation .installBtn{margin: -10px 0 0 158px;} } @media screen and (max-width:768px) { #Technic_Service_Attestation .AttestationRight{display:none;} #Technic_Service_Attestation .AttestationCon{padding-top:0;font-size:60px;padding-bottom:0;} #Technic_Service_Attestation .AttestationLeft{width:100%;} #Technic_Service_Attestation .standardList li{padding:0;background:#fff;margin-bottom:3.75%; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } body.ie8 #Technic_Service_Attestation .standardList li{border:1px solid #ececec;} #Technic_Service_Attestation .standardF5 .standardImg{float:none;width:100%;} #Technic_Service_Attestation .standardF5 .standardTxt,#Technic_Service_Attestation .standardFF .standardTxt{padding:3.75%;} #Technic_Service_Attestation .standardGoto{margin-top:3.75%;} #Technic_Service_Attestation .standardTxt h2{font-size:40%;} #Technic_Service_Attestation .standardTxt p{font-size:31.5%;} #Technic_Service_Attestation .standardFF .standardImg{float:none;width:100%;} #Technic_Service_Attestation .AttestatBox{padding-top:0;} #Technic_Service_Attestation .secondWrapBox{padding:0;} #Technic_Service_Attestation .AttestationBox{padding:0 16px;} #Technic_Service_Attestation .AttestatBoxAuth{background:#f5f5f5;padding-bottom:3.75%;} #Technic_Service_Attestation .AttestatBoxTxt p{font-size:37.5%;} #Technic_Service_Attestation .backgroundF5F5{background:#fff;} #Technic_Service_Attestation .installBtn{margin:6% auto 0;width:100%;height:auto;} #Technic_Service_Attestation .AttestatImg{width:18.75%;height:auto;} #Technic_Service_Attestation .AttestatTxt{padding-left:22%;} #Technic_Service_Attestation .AttestatTxt h2{font-size:46.5%;} #Technic_Service_Attestation .AttestatTxt p{font-size:37.5%;margin-top:2%;} } @media screen and (max-width:640px){ #Technic_Service_Attestation .AttestationCon{ font-size: 50px; } } @media screen and (max-width:414px){ #Technic_Service_Attestation .AttestationCon{ font-size: 44px; } } @media screen and (max-width:375px){ #Technic_Service_Attestation .AttestationCon{ font-size: 37.5px; } } /* 星级服务资质认证标准结束 */ /* 存储页面样式开始 */ /* bannner样式变化 */ #Storage.threeDiv .secondBannerText{top:20%;} #Storage.threeDiv .StorageTit{font-size:50px;line-height:1;} #Storage.threeDiv .StorageSpan{font-size:40px;margin-top:35px;line-height:1;} #Storage.threeDiv .StorageP{font-size:16px;width:380px;} #Storage.threeDiv .UnderstandMore{display:block;width:130px;height:40px;border:2px solid #fff;text-align:center;line-height:40px;font-size:14px;margin-top:35px;} #Storage.threeDiv .UnderstandMore a{display:block;width:100%;height:100%;color:#fff;} @media screen and (max-width:1550px) { #Storage.threeDiv .secondBannerText{top:10%;width:90%;} } @media screen and (max-width:1200px) { #Storage.threeDiv .StorageTit{font-size:40px;} #Storage.threeDiv .StorageSpan{font-size:30px;margin-top:25px;} #Storage.threeDiv .StorageP{width:100%;font-size:15px;} #Storage.threeDiv .UnderstandMore{margin-top:25px;} } @media screen and (max-width:768px) { #Storage.threeDiv .secondBannerText p{border-left:none;padding-left:0;} #Storage.threeDiv .StorageTit{font-size:78%;} #Storage.threeDiv .StorageSpan{font-size:50%;margin-top:3%;} #Storage.threeDiv .StorageP{font-size:31.5%;} #Storage.threeDiv .UnderstandMore{margin-top:2%;height:auto;padding:3% 0;line-height:1;} } #Storage.threeDiv .summaryColum{padding-top:40px;font-size:32px;padding-bottom:20px;} #Storage.threeDiv .summaryConTit{font-size:28px;color:#3c3c3c;text-align:center;} #Storage.threeDiv .summaryConTxt{width:70%;margin:0 auto;font-size:16px;color:#666666;text-align:center;line-height:1.5;margin-top:18px;} #Storage.threeDiv .summaryConPclist{margin-top:10px;} #Storage.threeDiv .summaryConPclist:after{content:'';display:block;clear:both;} #Storage.threeDiv .summaryConPclist li{width:20%;float:left;} #Storage.threeDiv .summaryConPclist li a{display:block;width:100%;height:100%;padding:20px 10px;} #Storage.threeDiv .summaryConPclist li:hover{background:#f5f5f5;} #Storage.threeDiv .summaryConPclist li .summaryListImg{display:block;width:60px;margin:0 auto;} #Storage.threeDiv .summaryConPclist li .summaryListImg>img{display:block;width:100%;} #Storage.threeDiv .summaryListTit{font-size:20px;color:#242424;text-align:center;margin-top:12px;} #Storage.threeDiv .summaryListP{font-size:14px;color:#666666;text-align:center;margin-top:10px;} #Storage.threeDiv .Swiper-summaryCon{display:none;} #Storage.threeDiv .Swiper-summaryCon .swiper-slide ul:after{content:'';display:block;clear:both;} #Storage.threeDiv .Swiper-summaryCon .swiper-slide li{width:30%;float:left;margin-left:5%;background:#fff;} body.ie8 #Storage.threeDiv .Swiper-summaryCon .swiper-slide li{margin-bottom:20px;} #Storage.threeDiv .Swiper-summaryCon .swiper-slide li .summaryListImg{display:block;width:40%;margin:0 auto;} #Storage.threeDiv .Swiper-summaryCon .swiper-slide li .summaryListImg img{display:block;width:100%;} #Storage.threeDiv .Swiper-summaryCon .swiper-slide li a{display:block;width:100%;height:100%;padding:20% 5%;} #Storage.threeDiv .Swiper-summaryCon .swiper-slide li:first-child{margin-left:0;} #Storage.threeDiv .summaryEnterBtn{margin-top:3%;} /* 推荐产品开始 */ #Storage.threeDiv .sumProducts{padding-top:40px;padding-bottom:40px;font-size:32px;background:#f5f5f5;} #Storage.threeDiv .sumProductsC .sumProductSlide{width:32%;float:left;margin-left:2%;} #Storage.threeDiv .sumProductsC .sumProductSlide a{display:block;width:100%;height:100%;} #Storage.threeDiv .sumProductsC .sumProductSlide:first-child{margin-left:0;} #Storage.threeDiv .sumProductImg{display:block;width:100%;} #Storage.threeDiv .sumProductImg>img{display:block;width:100%;} #Storage.threeDiv .sumProductTxt{font-size:18px;color:#333333;padding:20px;background:#fff;line-height:1;} #Storage.threeDiv .swiper-sumProductsC{display:none;overflow:hidden;} body.ie8 #Storage.threeDiv .swiper-sumProductsC li{margin-bottom:20px;} #Storage.threeDiv .ProducEnterBtn{display:none;} /* 产品分类 */ #Storage.threeDiv .classification{padding-top:40px;font-size:32px;padding-bottom:40px;} #Storage.threeDiv .classifiList:after{content:'';display:block;clear:both;} #Storage.threeDiv .classifiList .fiListBox{width:49%;float:left;height:380px;margin-left:2%;position:relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #Storage.threeDiv .classifiList .fiListBox:hover{ -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.2); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.2); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.2); box-shadow: 0 3px 8px rgba(0,0,0,0.2); } #Storage.threeDiv .classifiList .fiListBox>img{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;} body.ie8 .classifiList .fiListBox{border:1px solid #ececec;} #Storage.threeDiv .fiListBoxTxt{width:100%;height:100%;position:relative;padding:40px;} #Storage.threeDiv .classifiList .fiListBox:first-child{margin-left:0;} #Storage.threeDiv .fiListBoxTxtLogo{width:40%;} #Storage.threeDiv .fiListBoxTxtLogo>img{display:block;width:100%;} #Storage.threeDiv .greenText{display:inline-block;height:50px;line-height:50px;border-bottom:2px solid #01a982;font-size:26px;color:#01a982;} #Storage.threeDiv .redText{display:inline-block;height:50px;line-height:50px;border-bottom:2px solid #e60012;font-size:26px;color:#e60012;} #Storage.threeDiv .fiListBoxList{margin-top:46px;} #Storage.threeDiv .fiListBoxList:after{content:'';display:block;clear:both;} #Storage.threeDiv .fiListBoxList a{display:block;width:33%;height:35px;float:left;font-size:14px;color:#333333;line-height:1.3;} #Storage.threeDiv .greenT a:before{content:'>';color:#01a982;margin-right:4px;} #Storage.threeDiv .redT a:before{content:'>';color:#e60012;margin-right:4px;} #Storage.threeDiv .classifiList img.secondH5{display:none;} /* */ #Storage.threeDiv .storgSolve{font-size:32px;padding-top:40px;background:#f5f5f5;padding-bottom:40px;} #Storage.threeDiv .storgSolveList:after{content:'';display:block;clear:both;} #Storage.threeDiv .storgSolveList li{width:19.2%;float:left;margin-left:1%;position:relative;} #Storage.threeDiv .storgSolveList li:first-child{margin-left:0;} #Storage.threeDiv .storgSolveList li a{display:block;width:100%;height:100%;} #Storage.threeDiv .storgSolveList li a>img{display:block;width:100%;} #Storage.threeDiv .SolveListTxt{width:100%;height:100%;position:absolute;top:0;left:0;padding-top:50%;} #Storage.threeDiv .SolveListTxt h2{width:90%;padding:4px 0;background:#fff;line-height:1.5;font-size:20px;color:#333333;margin: 0 auto;color:#333;text-align:center;} #Storage.threeDiv .SolveListTxt p{width:90%;margin:18px auto 0;line-height:1.5;font-size:16px;color:#fff;text-align:center;} /* 成功案例开始 */ #Storage.threeDiv .storgSuccess{padding-top:40px;font-size:32px;} #Storage.threeDiv .storgSuccessText{font-size:16px;color:#666666;} #Storage.threeDiv .storgSuccessCNav{margin-top:30px;width:100%;background:#f5f5f5;border:1px solid #e8e8e8;} #Storage.threeDiv .storgSuccessCNav .navList:after{content:'';display:block;clear:both;} #Storage.threeDiv .storgSuccessCNav li{width:16%;float:left;cursor:pointer;text-align:center;font-size:20px;color:#999999;border-right:1px solid #e8e8e8;} #Storage.threeDiv .storgSuccessCNav li span{display:block;width:100%;padding:10px 0;} #Storage.threeDiv .storgSuccessCNav li.active{background:#fff;position:relative;bottom:-1px;} #Storage.threeDiv .storgSuccessWrap{margin-top:20px;padding-bottom:20px;} #Storage.threeDiv .SuccessWrapList{padding-bottom:10px;} #Storage.threeDiv .SuccessWrapList:after{content:'';display:block;clear:both;} #Storage.threeDiv .SuccessWrapList li{width:32%;float:left;background:#fff;margin-left:2%;} body.ie8 #Storage.threeDiv .SuccessWrapList li{border:1px solid #ececec;} #Storage.threeDiv .SuccessWrapList li a{display:block;width:100%;height:100%;} #Storage.threeDiv .SuccessWrapList li a .WrapListImg{display:block;width:100%;overflow:hidden;} #Storage.threeDiv .SuccessWrapList li a .WrapListImg img{display:block;width:100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01); transform:scale(1.01); } #Storage.threeDiv .SuccessWrapList li a .WrapListImg:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } #Storage.threeDiv .SuccessWrapList li:first-child{margin-left:0;} #Storage.threeDiv .WrapListText{padding:20px;} #Storage.threeDiv .WrapListText h2{font-size:24px;color:#333333;} #Storage.threeDiv .WrapListText p{font-size:14px;color:#333333;margin-top:15px;} #Storage.threeDiv .storgSuccesW{display:none;overflow:hidden;} #Storage.threeDiv .storgSuccesW.active{display:block;} #Storage.threeDiv .SuccH5{display:none;} #Storage.threeDiv .SuccH5 .swiper-wrapper:after{content:'';display:block;clear:both;} #Storage.threeDiv .SuccH5 .swiper-wrapper li{float:left;padding:0 16px;} #Storage.threeDiv .SuccH5 .swiper-wrapper li a{display:block;width:100%;height:100%;padding-bottom:3%; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } body.ie8 #Storage.threeDiv .SuccH5 .swiper-wrapper li a{border:1px solid #ececec;} body.ie8 #Storage.threeDiv .SuccH5 .swiper-wrapper li{margin-bottom:20px;} #Storage.threeDiv .SuccH5 .swiper-wrapper li a .WrapListImg{display:block;width:100%;} #Storage.threeDiv .SuccH5 .swiper-wrapper li a .WrapListImg img{display:block;width:100%;} #Storage.threeDiv .storgSuccess .swiper-btn-box{padding:5% 0;} #Storage.threeDiv .protechVideo{background:#f5f5f5;} @media screen and (max-width:768px) { #Storage.threeDiv .summaryColum{padding-top:0;font-size:60px;padding-bottom:0;} #Storage.threeDiv .summaryCon{background:#f5f5f5;padding:4% 0;} #Storage.threeDiv .summaryConTit{font-size:46.785%;} #Storage.threeDiv .summaryConTxt{width:90%;font-size:31.25%;} /* PC端列表消失 */ #Storage.threeDiv .summaryConPclist{display:none;} /* 移动端列表 */ #Storage.threeDiv .Swiper-summaryCon{display:block;margin-top:4%;overflow:hidden;} #Storage.threeDiv .summaryListTit{font-size:37.5%;} #Storage.threeDiv .summaryListP{font-size:31.25%;} /* 推荐产品调整 */ #Storage.threeDiv .sumProducts{padding-top:0;font-size:60px;background:#fff;padding-bottom:0;} #Storage.threeDiv .sumProductsC{background:#f5f5f5;padding:4% 0;} #Storage.threeDiv .ProducEnterBtn{display:block;margin-top:3%;} body.ie8 #Storage.threeDiv .ProducEnterBtn{display:none;} #Storage.threeDiv .swiper-sumProductsC{display:block;} #Storage.threeDiv .sumProductUl{display:none;} /* 产品分类 */ #Storage.threeDiv .classification{padding-top:0;font-size:60px;padding-bottom:3%;} #Storage.threeDiv .classifiList .fiListBox{float:none;width:100%;height:auto;margin:0;margin-bottom:3%;} #Storage.threeDiv .fiListBoxTxt{padding:5%;} #Storage.threeDiv .classifiList img.secondPC{display:none;} #Storage.threeDiv .classifiList img.secondH5{display:block;} #Storage.threeDiv .greenText{font-size:37.5%;} #Storage.threeDiv .fiListBoxList a{width:50%;} /* 解决方案 */ #Storage.threeDiv .storgSolve .secondWrapBox{padding:0 10px;} #Storage.threeDiv .storgSolveList li{width:50%;padding:0 6px;margin:0 0 2%;} #Storage.threeDiv .SolveListTxt h2{width:80%;font-size:40%;} #Storage.threeDiv .storgSolve{padding-top:0;padding-bottom:3%;font-size:60px;} #Storage.threeDiv .SolveListTxt p{width:80%;font-size:37.5%;} #Storage.threeDiv .SolveListTxt{padding-top:40%;} /* 成功案例 */ #Storage.threeDiv .SuccPc{display:none;} #Storage.threeDiv .SuccH5{display:block;} #Storage.threeDiv .SuccessWrapList li{width:100%;margin:0;} #Storage.threeDiv .storgSuccessCNav li{width:20%;font-size:31.25%;} #Storage.threeDiv .storgSuccess{padding-top:0;font-size:60px;} #Storage.threeDiv .storgSuccessText{font-size:37.5%;} #Storage.threeDiv .storgSuccessC .secondWrapBox{padding:0;} #Storage.threeDiv .WrapListText{padding:3%;} #Storage.threeDiv .WrapListText h2{font-size:46%;} #Storage.threeDiv .WrapListText p{font-size:37.5%;margin-top:2%;} #Storage.threeDiv .storgSuccessCNav{border-right:0;} #Storage.threeDiv .storgSuccessWrap{padding-bottom:0;} /* 视频部分调节 */ #Storage.threeDiv #videoWrapH5,#Storage.threeDiv #videoWrapH5 .protechH5Tit,#Storage.threeDiv #videoWrapH5 .protechH5VidBtn{background:#f5f5f5;} #Storage.threeDiv #videoWrapH5 .protechH5VidBtn{padding-top:2%;} } @media screen and (max-width:640px){ #Storage.threeDiv .summaryColum,#Storage.threeDiv .storgSolve,#Storage.threeDiv .storgSuccess{ font-size: 50px; } } @media screen and (max-width:414px){ #Storage.threeDiv .summaryColum,#Storage.threeDiv .storgSolve,#Storage.threeDiv .storgSuccess{ font-size: 44px; } } @media screen and (max-width:375px){ #Storage.threeDiv .summaryColum,#Storage.threeDiv .storgSolve,#Storage.threeDiv .storgSuccess{ font-size: 37.5px; } } /* 存储页面样式结束 */ /* 认证代理商开始 */ /* 步骤部分样式开始 */ .secondDiv.threeDiv .Authentication{padding-top:40px;font-size:32px;} .secondDiv.threeDiv .secondEntH3Txt{font-size:14px;color:#e60012;margin-left:18px;} .secondDiv.threeDiv .AuthenNav ul:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .AuthenNav ul li{width:13.9%;height:130px;background:#f5f5f5;float:left;margin-left:0.45%;} .secondDiv.threeDiv .AuthenNav ul li:first-child{margin-left:0;} .secondDiv.threeDiv .AuthenNav ul li .navListNum{display:block;width:40px;height:40px;margin:25px auto 0;position:relative;text-align:center;line-height:40px;font-size:24px;color:#666666;} .secondDiv.threeDiv .AuthenNav ul li .navListNum img{display:block;width:100%;position:absolute;top:0;left:0;} .secondDiv.threeDiv .AuthenNav ul li .navListNum .navListNufff{display:none;} .secondDiv.threeDiv .navListTxt{width:90%;margin:5% auto 0;font-size:12px;color:#666666;text-align:center;line-height:1.5;padding-bottom:3%;} .secondDiv.threeDiv .AuthenNav ul li.backRed .navListNumNo{display:none;} .secondDiv.threeDiv .AuthenNav ul li.backRed .navListNufff{display:block;} .secondDiv.threeDiv .AuthenNav ul li.backRed .navListTxt{color:#fff;} .secondDiv.threeDiv .AuthenNav ul li.backRed .navListNum{color:#fff;} .secondDiv.threeDiv .AuthenNavTxt{font-size:14px;color:#666666;margin-bottom:15px;line-height:1.5;} .secondDiv.threeDiv .AuthenNavTxt a{color:#333333;font-weight: 700;} .secondDiv.threeDiv .strongRed{color:#e60012;} .secondDiv.threeDiv .NavTxtBox{padding-top:15px;margin-top:40px;padding-bottom:20px;} .secondDiv.threeDiv .swiper-navlist{display:none;} .secondDiv.threeDiv .AuthenNav .swiper-slide li{width:32%;float:left;margin-left:2%;} body.ie8 .secondDiv.threeDiv .AuthenNav .swiper-slide li{margin-bottom:2%;} .secondDiv.threeDiv .AuthenNav .swiper-slide li:first-child{margin-left:0;} .secondDiv.threeDiv .swiper-navlist{overflow:hidden;} .secondDiv.threeDiv .SuccesNavlist{padding:3% 0;} /* 步骤部分样式结束 */ /* 表单部分开始 */ /* 第一部分公司基本情况 */ .secondDiv.threeDiv .ApproveH2Wrap{margin-top:20px;} .secondDiv.threeDiv .companyWrap{padding-top:20px;} .secondDiv.threeDiv select{-webkit-appearance: menulist;} .secondDiv.threeDiv .companyBox{overflow:hidden;zoom:1;} .secondDiv.threeDiv .companyBox{padding-bottom:20px;} .secondDiv.threeDiv .companyBoxName{width:198px;padding-left:12px;float:left;font-size:14px;color:#666666;height:36px;line-height:36px;} .secondDiv.threeDiv .companyBoxName:before{content:'*';color:#e60012;} .secondDiv.threeDiv .companyBoxInput{width:100%;padding-left:198px;} .secondDiv.threeDiv .companyBoxInput .textInput{display:block;width:100%;height:36px;line-height:36px;font-size:14px;padding-left:12px;color:#666666;border:1px solid #d8d8d8;} .secondDiv.threeDiv .Auterror{display:block;width:100%;height:14px;line-height:1;font-size:14px;color:#e60012;margin-top:10px;} .secondDiv.threeDiv .InputBox:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .select_box{width:180px;color:#666666;float:left;margin-right:10px;} .secondDiv.threeDiv .select_box:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .selectBoxach{display:block;width:100%;font-size:14px;padding:8px 0;border:1px solid #d8d8d8;} .secondDiv.threeDiv .select_span{height:36px;line-height:36px;font-size:14px;color:#7d7d7d;float:left;} .secondDiv.threeDiv .selectBoxWidth{display:block;width:100%;padding:8px;font-size:14px;color:#666666;border:1px solid #d8d8d8;} .secondDiv.threeDiv .companyText{display:block;padding:10px;resize:none;width:100%;height:150px;border:1px solid #d8d8d8;font-size:14px;color:#666666;} /* 第二部分公司联络信息 */ .secondDiv.threeDiv .liaisonClassOne{margin-top:12px;} .secondDiv.threeDiv .liaisonClassOne:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .ClassOneName{width:198px;padding-left:12px;float:left;font-size:14px;color:#666666;height:36px;line-height:36px;} .secondDiv.threeDiv .ClassOneName span:before{content:'*';color:#e60012;} .secondDiv.threeDiv .ClassOneName span img{display:none;} .secondDiv.threeDiv .ClassOneList{width:100%;padding-left:198px;} .secondDiv.threeDiv .ClassOneList:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .ClassOneList li{float:left;margin-left:2.5%;font-size:14px;color:#666666;min-height:36px;line-height:36px;} .secondDiv.threeDiv .ClassOneList li:first-child{margin-left:0;} .secondDiv.threeDiv .Class-cn-1{width:18%;} .secondDiv.threeDiv .Class-cn-2{width:38.5%;} .secondDiv.threeDiv .ClassOneList li input{display:block;width:100%;height:36px;line-height:36px;font-size:14px;padding-left:12px;color:#666666;border:1px solid #d8d8d8;} .secondDiv.threeDiv .ClassOneList li .OneListName{display:none;} /* 分割线 */ .secondDiv.threeDiv .liaisonLine{width:100%;height:1px;background:#d8d8d8;margin-top:30px;} /* 提示部分 */ .secondDiv.threeDiv .liaisonSpan{font-size:14px;margin-top:20px;color:#666666;text-align:right;} .secondDiv.threeDiv .liaisonSpan a{color:#0b7ed7;} .secondDiv.threeDiv .ExpandWrapList:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .ExpandWrapList li{width:15.12%;float:left;margin-left:2%;} .secondDiv.threeDiv .ExpandWrapList li:first-child{width:31.5%;margin-left:0;} .secondDiv.threeDiv .ExpandWrapList li select,.ExpandWrapList li input{padding:8px;display:block;width:100%;line-height:1;font-size:14px;color:#666666;border:1px solid #d8d8d8;} .secondDiv.threeDiv .ExpandWrapName{width:100%;height:44px;line-height:44px;font-size:14px;color:#666666;text-align:center;} .secondDiv.threeDiv .ExpandWrapName:before{content:'*';color:#e60012;} .secondDiv.threeDiv .uploadTextP{font-size:14px;color:#666666;padding-left:12px;line-height:1.5;padding-top:26px;} .secondDiv.threeDiv .uploadTextP a{font-weight:700;color:#333;} .secondDiv.threeDiv .uploadTextP span{color:#e60012;} .secondDiv.threeDiv .uploadTextP:before{content:'*';color:#e60012;} .secondDiv.threeDiv .uploadBox{margin-top:22px;overflow:hidden;zoom:1;} /* .secondDiv.threeDiv .uploadBox:after{content:'';display:block;clear:both;} */ .secondDiv.threeDiv .uploadName{width:230px;padding-left:12px;float:left;font-size:14px;color:#666666;height:36px;line-height:36px;} .secondDiv.threeDiv .uploadName:before{content:'*';color:#e60012;} .secondDiv.threeDiv .uploadinput{padding-left:230px;} .secondDiv.threeDiv .uploadinput:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .uploadText{display:block;width:60%;height:36px;line-height:36px;padding:0 12px;border:1px solid #d8d8d8;float:left;font-size:14px;color:#666666;margin-right:16px;} .secondDiv.threeDiv .uploadButton{display:block;width:90px;height:36px;float:left;border:none;color:#fff;font-size:14px;text-align:center;margin-right:16px;} .secondDiv.threeDiv .uploadSpan{font-size:14px;color:#666666;float:left;height:36px;line-height:36px;} .secondDiv.threeDiv .uploadClassOne{border-bottom:1px solid #d8d8d8;overflow:hidden;zoom:1;} /* .secondDiv.threeDiv .uploadClassOne:after{content:'';display:block;clear:both;} */ .secondDiv.threeDiv .uploadOneName{width:230px;padding-left:12px;float:left;font-size:14px;color:#666666;height:36px;line-height:36px;border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;} .secondDiv.threeDiv .uploadOneName span img{display:none;} .secondDiv.threeDiv .uploadOneList li .OneListNameTxt a{display:block;width:100%;height:100%;color:#e60012;} .secondDiv.threeDiv .uploadOneList{width:100%;padding-left:230px;} .secondDiv.threeDiv .uploadOneList:after{content:'';display:block;clear:both;} .secondDiv.threeDiv .uploadOneList li{float:left;width:28%;padding-left:10px;border-right:1px solid #d8d8d8;font-size:14px;color:#666666;min-height:36px;line-height:36px;} .secondDiv.threeDiv .uploadOneList li:first-child{margin-left:0;} .secondDiv.threeDiv .uploadOneList li.last-child{padding-left:0;width:16%;} .secondDiv.threeDiv .uploadOneList li input{display:block;width:100%;height:36px;line-height:36px;font-size:14px;padding-left:12px;color:#666666;border:1px solid #d8d8d8;} .secondDiv.threeDiv .uploadOneList li.last-child input{display:block;margin:0 auto;border:none;text-align:center;line-height:36px;color:#fff;} .secondDiv.threeDiv .uploadOneList li .OneListName{display:none;} .secondDiv.threeDiv .center{text-align:center;} .secondDiv.threeDiv .center .uploadOneList li{text-align:center;} .secondDiv.threeDiv .registerSubmit{padding:30px 0;} .secondDiv.threeDiv .registerSubmit input{display:block;border:none;width:109px;padding:10px 0;line-height:1;font-size:16px;color:#fff;text-align:center;margin:0 auto;} .secondDiv.threeDiv .OneListNameTxt{display:block;width:100%;height:100%;} /* 表单部分结束 */ @media screen and (max-width:768px){ .secondDiv.threeDiv .Authentication{font-size:60px;padding-top:0;} .secondDiv.threeDiv .secondEntH3Txt{ display:block; width:80%; font-size: 45%; line-height:1.5; margin:2% auto 0; } .secondDiv.threeDiv .OneListNameTxt{height:auto;padding:2%;font-size:37.5%;color:#333;} .secondDiv.threeDiv .NavTxtBox{padding:0 16px;margin-top:0;} .secondDiv.threeDiv .AuthenNav .secondWrapBox{padding:0;} .secondDiv.threeDiv .AuthenPC{display:none;} .secondDiv.threeDiv .AuthenH5{display:block;} .secondDiv.threeDiv .navListTxt{font-size:37.5%;} .secondDiv.threeDiv .swiper-slide li{padding-top:0;} .secondDiv.threeDiv .AuthenNav ul li .navListNum{margin:8% auto 0;} .secondDiv.threeDiv .navListTxt{padding-bottom:5%;} .secondDiv.threeDiv .AuthenNavTxt{font-size:37.5%;} .secondDiv.threeDiv .AuthenNav .AuthenNavList li{width:32%;margin-right:2%;margin-left:0;margin-bottom:2%;} .secondDiv.threeDiv .AuthenNavList li.NavListMargin{margin-right:0;} /* 表单部分 贵公司基本情况 移动端调整 */ .secondDiv.threeDiv .ApproveH2Wrap{margin-top:3%;} .secondDiv.threeDiv .companyWrap{padding-top:2%;} .secondDiv.threeDiv .companyBoxName{width:100%;float:none;padding-left:0;font-size:37.5%;} .secondDiv.threeDiv .companyBoxInput{padding:0;} .secondDiv.threeDiv .Auterror{font-size:31.25%;margin-top:2%;height:auto;} .secondDiv.threeDiv .companyBox{padding-bottom:2%;} .secondDiv.threeDiv .select_span{font-size:37.5%;} .secondDiv.threeDiv .select_box{width:48%;margin:0;} .secondDiv.threeDiv .select_box:first-child{margin-right:4%;} .secondDiv.threeDiv .companyBoxInput .textInput{font-size:37.5%;} .secondDiv.threeDiv .companyBoxInput select{font-size:37.5%;} .secondDiv.threeDiv .companyText{font-size:37.5%;} /* 在移动端公司内容会收起 */ .secondDiv.threeDiv .companyWrap{display:none;} /* 公司联络方式移动端调整开始 */ .secondDiv.threeDiv .ClassListWrap{display:none;} .secondDiv.threeDiv .ClassOneName{width:100%;height:auto;float:none;padding:0;font-size:37.5%;} .secondDiv.threeDiv .ClassOneName .detailsShow{display:block;} .secondDiv.threeDiv .ClassOneName>span{display:block;padding:3% 2%;line-height:1;font-size:100%;color:#333333;border: 1px solid #d8d8d8; background:#f7f7f7;position:relative;} .secondDiv.threeDiv .ClassOneName>span img{height: 50%;position: absolute;right: 2%;top: 25.5%;} .secondDiv.threeDiv .ClassOneList{padding:0;} .secondDiv.threeDiv .ClassOneList li{width:100%;float:none;margin:2% auto 0;font-size:100%;} .secondDiv.threeDiv .ClassOneList li .OneListName{display:block;font-size:37.5%;} .secondDiv.threeDiv .ClassOneList li .OneListName{display:block;} .secondDiv.threeDiv .ClassOneList li input{font-size:37.5%;} /* 在移动端公司联络方式内容会收起 */ .secondDiv.threeDiv .liaisonWrap{display:none;} .secondDiv.threeDiv .canClick .ClassOneList{display:none;} .secondDiv.threeDiv .liaisonSpan{font-size:37.5%;text-align:left;line-height:1.5;} /* H3C负责与贵公司联系的员工(H3C拓展人) */ .secondDiv.threeDiv .ExpandWrapList li,.secondDiv.threeDiv .ExpandWrapList li:first-child{float:none;width:100%;margin:2% 0 0 0;} .secondDiv.threeDiv .ExpandWrapName{text-align:left;font-size:37.5%;} .secondDiv.threeDiv .ExpandWrapList li select, .ExpandWrapList li input{font-size:37.5%;} /* 上传申请资料样式 */ .secondDiv.threeDiv .uploadName{padding:0;float:none;width:100%;font-size:37.5%;} .secondDiv.threeDiv .uploadinput{padding:0;width:100%;} .secondDiv.threeDiv .uploadText{width:70%;margin-right:2%;font-size:37.5%;} .secondDiv.threeDiv .uploadButton{width:28%;float:right;margin:0;font-size:31.25%;} .secondDiv.threeDiv .uploadTextP{font-size:37.5%;padding-top:2%;padding-left:0;} .secondDiv.threeDiv .uploadSpan{font-size:37.5%;} .secondDiv.threeDiv .uploadOneName{width:100%;float:none;text-align:left;font-size:37.5%;} .secondDiv.threeDiv .center.uploadOneList{display:none;} .secondDiv.threeDiv .uploadOneList li{font-size:100%;} .secondDiv.threeDiv .uploadOneList li .OneListName{display:block;font-size:37.5%;color:#666;} .secondDiv.threeDiv .uploadOneList{padding:0;} .secondDiv.threeDiv .uploadOneList li{float:none;width:100%;margin:2% 0 0 0;border-right:none;border-bottom:1px solid #d8d8d8;} .secondDiv.threeDiv .uploadOneName{width:100%;height:auto;border:none;float:none;padding:0;font-size:37.5%;} .secondDiv.threeDiv .uploadOneName .detailsShow{display:block;} .secondDiv.threeDiv .uploadOneName>span{display:block;padding:3% 2%;line-height:1;font-size:100%;color:#333333;border: 1px solid #d8d8d8; background:#f7f7f7;position:relative;} .secondDiv.threeDiv .uploadOneName>span img{height: 50%;position: absolute;right: 2%;top: 25.5%;} .secondDiv.threeDiv .uploadOneList li.last-child{width:100%;border-bottom:none;} .secondDiv.threeDiv .uploadOneList li.last-child .OneListName{float:left;} .secondDiv.threeDiv .uploadOneList li.last-child input{width:20%;float:right;} .secondDiv.threeDiv .uploadOneList li input{font-size:37.5%;} /* 在移动端上传部分内容会收起 */ .secondDiv.threeDiv .uploadWrap .canClick .uploadOneList{display:none;} .secondDiv.threeDiv .uploadWrap{display:none;} .secondDiv.threeDiv .registerSubmit{padding:5% 0;} .secondDiv.threeDiv .registerSubmit input{width:30%;font-size:37.5%;} .secondDiv.threeDiv .uploadClassOne{border:none;margin-top:2%;} .secondDiv.threeDiv .ExpandWrap{display:none;} } @media screen and (max-width:640px){ .secondDiv.threeDiv .Authentication{ font-size: 50px; } } @media screen and (max-width:414px){ .secondDiv.threeDiv .Authentication{ font-size: 44px; } } @media screen and (max-width:375px){ .secondDiv.threeDiv .Authentication{ font-size: 37.5px; } } /* 认证代理商结束 */ /* 提交成功页面开始 */ #RegisterDealer.threeDiv .top_span{font-size:14px;color:#e60012;text-align:right;} #RegisterDealer.threeDiv .Submission{padding:90px 0 170px;} #RegisterDealer.threeDiv .SubmissionBg{display:block;width:80px;margin:0 auto;} #RegisterDealer.threeDiv .SubmissionTxt{font-size:30px;color:#333333;text-align:center;margin-top:20px;} #RegisterDealer.threeDiv .SubmissionF5{padding:20px;line-height:1;font-size:16px;color:#666666;text-align:center;background:#f5f5f5;margin-top:40px;line-height:1.5;} #RegisterDealer.threeDiv .telsuccess{font-size:14px;color:#666666;text-align:center;margin-top:30px;} #RegisterDealer.threeDiv .telsuccess a{font-weight:700;color:#333333;} #RegisterDealer.threeDiv .Submissiontxt_01{font-size:14px;color:#666666;text-align:center;margin-top:35px;line-height:1.5;} #RegisterDealer.threeDiv .Submissiontxt_02{font-size:14px;color:#666666;text-align:center;margin-top:15px;line-height:1.5;padding:0 10%;} #RegisterDealer.threeDiv .Submissiontxt_02 span{color:#e60012;} @media screen and (max-width:768px) { #RegisterDealer.threeDiv .Submission{font-size:60px;} #RegisterDealer.threeDiv .Submission{padding:5% 0;} #RegisterDealer.threeDiv .SubmissionBg{width:18.75%;} #RegisterDealer.threeDiv .SubmissionTxt{font-size:46.875%;} #RegisterDealer.threeDiv .SubmissionF5{font-size:37.5%;} #RegisterDealer.threeDiv .telsuccess{font-size:37.5%;padding:0 16px;text-align:left;} #RegisterDealer.threeDiv .Submissiontxt_01{font-size:37.5%;padding: 0 16px;text-align:left;} #RegisterDealer.threeDiv .Submissiontxt_02{font-size:37.5%;padding: 0 16px;margin-top:5%;text-align:left;} #RegisterDealer.threeDiv .top_span{padding:5% 0 0;font-size:14px;} } @media screen and (max-width:640px){ #RegisterDealer.threeDiv .Submission{ font-size: 50px; } } @media screen and (max-width:414px){ #RegisterDealer.threeDiv .Submission{ font-size: 44px; } } @media screen and (max-width:375px){ #RegisterDealer.threeDiv .Submission{ font-size: 37.5px; } } /* 提交成功页面结束 */ /*技术服务产品 开始*/ .secondDiv.threeDiv .oneOverflow{ -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #IT_application.threeDiv .serversCon{padding-top:40px;font-size:32px;} #IT_application.threeDiv .serversConBox{background:#f5f5f5;padding:30px 0 0;} #IT_application.threeDiv .serversConBox .secondWrapBox:after{content:'';display:block;clear:both;} #IT_application.threeDiv .serversConImg{width:500px;float:left;margin-right:70px;margin-bottom:30px;cursor:pointer;position:relative;} #IT_application.threeDiv .serversConImg img{display:block;width:100%;} #IT_application.threeDiv .serversConText .serversConTextBox{height:auto;padding-top: 15px} #IT_application.threeDiv .serversConText p{font-size:14px;color:#666666;margin-bottom:15px;margin-top:15px;line-height:1.5;} #IT_application.threeDiv .proVidConImgBlock{display:block;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;} #IT_application.threeDiv .proVidConImgBlock img{display:block;width:100%;height:100%;} #IT_application.threeDiv .proVidConImgBtn{display: block;width: 14%;position: absolute;top: 36%;left: 42.1%;} #IT_application.threeDiv .serverClick{text-align:right;margin-top:110px;font-size:14px;color:#e60012;} #IT_application.threeDiv .serverClick img{display:inline-block;vertical-align: middle;margin-left:4px;} #IT_application.threeDiv .serverClick.activeC{margin-top:20px;} #IT_application.threeDiv .serverClick .closeListS{display:none;} #IT_application.threeDiv .serverClikBtn{display:inline-block;cursor:pointer;} #IT_application.threeDiv .serverClikBtn span{display:inline-block;} #IT_application.threeDiv .serverClick.activeC .openListS{display:none;} #IT_application.threeDiv .serverClick.activeC .closeListS{display:inline-block;} body.ie8 #IT_application.threeDiv .classList li{border:1px solid #e8e8e8;} #IT_application.threeDiv .protechSolveGoMore{ height: 20px; float: right; font-size: 14px; cursor: pointer; } #IT_application.threeDiv .protechSolveGoMore a{ display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #IT_application.threeDiv .protechSolveGoMore a img{ position:absolute; top: 0; right: 0; } #IT_application.threeDiv .protechVideoCon{ width: 100%; height: auto; } #IT_application.threeDiv .applicationMenu{ width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); box-shadow: 0px 2px 8px rgba(0,0,0,0.1) } #IT_application.threeDiv .applicationMenuAct{ border-right: 1px solid #e60012; } #IT_application.threeDiv .applicationMenuList{ width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color:#666; border-bottom: 1px solid #e6e6e6; cursor: pointer; } #IT_application.threeDiv .applicationMenuListAct{ background: #e60012; color: #fff; } #IT_application.threeDiv .applicationMainBody{ width: 75%; height: 601px; float: left; } #IT_application.threeDiv .applicationMainOut{ width: 100%; height: auto; display: none; } #IT_application.threeDiv .applicationMainOutAct{ display: block; } #IT_application.threeDiv .applicationMainOutGrey{ background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; } #IT_application.threeDiv .applicationMainOutInner{ width: 23%; height:290px; margin-left: 2%; float: left; margin-bottom: 19px; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); box-shadow: 0px 2px 8px rgba(0,0,0,0.1) } #IT_application.threeDiv .applicationMainOutInner a{display:block;width:100%;height:100%;color:#333;} #IT_application.threeDiv .applicationMainOutInner img{ width: 100%; } #IT_application.threeDiv .applicationMainOutInner h2{ font-weight: 700; font-size: 14px; color: #333; margin: 6px 0 6px; box-sizing: border-box; padding: 0 12px; } #IT_application.threeDiv .applicationMainOutInner p{ font-size: 12px; padding: 0 12px; line-height: 1.6; } #IT_application.threeDiv .applicationMainOutTextBox{ width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; } #IT_application.threeDiv .applicationMainOutTextLastBox{ width: 100%; padding: 0; } #IT_application.threeDiv .applicationMainOutTextBox h2{ font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; } #IT_application.threeDiv .applicationMainOutTextBox li{ font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; margin: 10px 0; } #IT_application.threeDiv .applicationMainOutTextBox li:last-child{ margin-bottom: 0; } #IT_application.threeDiv .applicationMainOutTextBox li a{ color: #333; } #IT_application.threeDiv .applicationMainOutTextBox li a:hover{ color: #e60012; } #IT_application.threeDiv .applicationMblTextBox{ padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #IT_application.threeDiv .applicationMblTextBox a{ display:block; width:100%; height:100%; color:#333; } #IT_application.threeDiv .applicationMblTextBox img{ width: 100%; float: left; } #IT_application.threeDiv .applicationMblTextBox h2{ font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; } #IT_application.threeDiv .applicationMblTextBox p{ font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; } #IT_application.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; } .mblMenuListOutBox{ width: 100%; box-sizing: border-box; padding: 0 20px; margin-bottom: -1px; } .mblMenuListBox{ width: 100%; } .mblMenuListBox:first-child{ border-top: 1px solid #e6e6e6; } .mblMenuListBox:last-child .mblMenuListBody{ border: 0; } .mblMenuListHead{ width: 100%; height: 50px; border: 1px solid #e6e6e6; border-top: 1px solid transparent; font-size: 15px; line-height: 48px; padding: 0 12px; } .mblMenuListHeadAct{ background: #e60012; color: #fff; } .isGrey{ display: block; } .isWhite{ display: none; } .mblMenuListHeadAct .isGrey{ display: none; } .mblMenuListHeadAct .isWhite{ display: block; } .closeListmoreGrey{ width: 15px; float: right; margin-top: 17.5px; } .mblMenuListBody{ width: 100%; border-bottom: 1px solid #e6e6e6; display: none; overflow: hidden; } .mblMenuListInner{ margin-bottom: 30px; } .mblMenuListInner h2{ font-size: 15px; line-height: 1; padding: 0 12px; margin: 14px 0; } .mblMenuListInner ul{ font-size: 13px; padding: 0 12px; } .mblMenuListInner li{ line-height: 1; margin: 15px 0; padding-left: 10px; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px; } .mblMenuListInner li a{ color: #000; } .serversConTextBot{ font-size: 13px; color: #e60012; text-align: center; margin-top: 15px; display: none; } .moreBtn{ width: 13px; vertical-align: middle; } .isZhan{ display: inline-block; } .isShou{ display: none; } .zhanClickAct .isZhan{ display: none; } .zhanClickAct .isShou{ display: inline-block; } #IT_application.threeDiv div.serversConTextBoxAct p{ display: block; } div#IT_application .technicalGrey{ background-color: #f9f9f9; } #IT_application.threeDiv #videoWrapH5 .technicalGrey{ background-color: #f9f9f9; } .secondDiv .secondWrapBoxAdd_2{ width: 48%; float: right; } .secondDiv .secondWrapBoxAdd_2:first-child{ float: left; } .secondDiv .secondWrapBoxAdd_2 .secondEntH3{ margin-bottom: 15px; } #IT_application.threeDiv .applicationMainOutTextLastBox li{ margin: 12px 0; } #IT_application.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore{ margin: 20px 0 40px; } @media screen and (max-width:965px) { #IT_application.threeDiv .applicationMainOutInner h2{ font-size: 12px; margin: 3px 0 3px; } #IT_application.threeDiv .applicationMainOutInner p{ line-height: 1.4; } } @media screen and (max-width:768px) { #IT_application.threeDiv .columGoMore{ display: block; margin-top: 6.6%; } #IT_application.threeDiv .columGoMore a img{ width: 16px; margin-top: 2px; } #IT_application.threeDiv .columGoMore a{ padding-right: 20px } #IT_application.threeDiv .columGoMore{ display: block; } .secondDiv .secondWrapBoxAdd_2{ width: 100%; padding: 0 13px; } .secondDiv .secondWrapBoxAdd_2{ margin-bottom: 20px } .secondDiv .secondWrapBoxAdd_2:first-child{ margin-bottom: 0px } #IT_application.threeDiv .serversConText .serversConTextBox{ padding-top: 0; } .secondDiv .secondWrapBoxAdd_2 .secondEntH3{ margin-bottom: 0; } #IT_application.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore{ margin: 20px 0 0; } .serversConTextBot{ display: block; } #Operational .serversConText .serversConTextBox p,#IT_application .serversConText .serversConTextBox p{ display: none; } #IT_application.threeDiv .serversConText .serversConTextBox p:first-child{ display: block; } #IT_application.threeDiv .serversCon{padding-top:0;font-size:60px;} #IT_application.threeDiv .serversConImg{float:none;width:100%;margin:0;} #IT_application.threeDiv .serversConText{background:#fff;padding:3.75%; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #IT_application.threeDiv .serverClick{text-align:center;margin-top:5.625%;} #IT_application.threeDiv .serversConBox{padding:5.625% 0;} /* 产品分类 */ #IT_application.threeDiv .classification{padding-top:0;font-size:60px;} #IT_application.threeDiv .classList li{float:none;width:100%;margin:0;} #IT_application.threeDiv .classList li:first-child{margin-bottom:3.75%;} #IT_application.threeDiv .classListTxt h2{font-size:46.875%;} #IT_application.threeDiv .classListTxt p{font-size:37.5%;margin-top:3%;} #IT_application.threeDiv .classListGoTo{margin-top:3%;} #IT_application.threeDiv .classListTxt p{overflow:visible;white-space:normal;line-height:1.5;} } @media screen and (max-width:640px){ #IT_application.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 50px; } #IT_application.threeDiv .serversCon{font-size:50px;} } @media screen and (max-width:414px){ #IT_application.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 44px; } #IT_application.threeDiv .serversCon{font-size:44px;} } @media screen and (max-width:375px){ #IT_application.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 37.5px; } #IT_application.threeDiv .serversCon{font-size:37.5px;} } /*技术服务产品 结束*/ /*运营商开始*/ #Operational.threeDiv .serversCon{padding-top:40px;font-size:32px;padding-bottom:40px;} #Operational.threeDiv .serversConBox{background:#f5f5f5;padding:30px 0 0;} #Operational.threeDiv .serversConBox .secondWrapBox:after{content:'';display:block;clear:both;} #Operational.threeDiv .serversConImg{width:500px;float:left;margin-right:70px;margin-bottom:30px;cursor:pointer;position:relative;} #Operational.threeDiv .serversConImg img{display:block;width:100%;} #Operational.threeDiv .serversConText .serversConTextBox{height:auto;overflow:hidden;} #Operational.threeDiv .serversConText p{font-size:14px;color:#666666;margin-bottom:15px;margin-top:15px;line-height:1.5;} #Operational.threeDiv .serversConText h2{font-size:27px;color:#333;margin-bottom:15px;line-height:28px;} #Operational.threeDiv .proVidConImgBlock{display:block;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;} #Operational.threeDiv .proVidConImgBlock img{display:block;width:100%;height:100%;} #Operational.threeDiv .proVidConImgBtn{display: block;width: 14%;position: absolute;top: 36%;left: 42.1%;} #Operational.threeDiv .serverClick{text-align:right;margin-top:110px;font-size:14px;color:#e60012;} #Operational.threeDiv .serverClick img{display:inline-block;vertical-align: middle;margin-left:4px;} #Operational.threeDiv .serverClick.activeC{margin-top:20px;} #Operational.threeDiv .serverClick .closeListS{display:none;} #Operational.threeDiv .serverClikBtn{display:inline-block;cursor:pointer;} #Operational.threeDiv .serverClikBtn span{display:inline-block;} #Operational.threeDiv .serverClick.activeC .openListS{display:none;} #Operational.threeDiv .serverClick.activeC .closeListS{display:inline-block;} body.ie8 #Operational.threeDiv .classList li{border:1px solid #e8e8e8;} .Operational{ position: relative; } #Operational.threeDiv .OperationalTab{ max-width: 1232px; width: 100%; height: 100%; padding: 0 16px; margin: 0 auto } #Operational.threeDiv .OperationalTabHead{ width: 100%; height: 60px; border:1px solid #e6e6e6; border-bottom: 1px solid #e60012; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.1); -o-box-shadow: 0 0 8px rgba(0,0,0,0.1); box-shadow: 0 0 8px rgba(0,0,0,0.1) } #Operational.threeDiv .OperationalTabHead_4{ width: 25%; height: 100%; font-size: 20px; line-height: 60px; text-align: center; float: left; color: #666666; cursor: pointer; position: relative; } #Operational.threeDiv .OperationalTabHead_4:before{ position: absolute; content: ""; width: 1px; height: 30px; background: #e6e6e6; top: 15px; left: 0; } #Operational.threeDiv .OperationalTabHead_4:first-child:before{ width: 0px; } #Operational.threeDiv .OperationalTabHeadAct{ background: #e60012; color: #fff; } #Operational.threeDiv .OperationalTabBody{ width: 100%; padding: 30px 0; } #Operational.threeDiv .OperationalTabBody_4{ display: none; font-size: 14px; color: #666666; } #Operational.threeDiv .OperationalTabBody_4 p{ margin-bottom: 15px; font-size: 14px; } #Operational.threeDiv .OperationalTabBodyAct{ display: block; } #Operational.threeDiv .protechSolveGoMore{ height: 20px; float: right; font-size: 14px; cursor: pointer; } #Operational.threeDiv .columGoMoreAdd{ margin: 0 auto; float: inherit; width: 78px; position: inherit; bottom: 0px; right: 0; display: none; } #Operational.threeDiv .protechSolveGoMore a{ display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #Operational.threeDiv .secondBannerText{ color: #fff; } #Operational.threeDiv .secondBannerText p{ padding: 0; border: 0; } #Operational.threeDiv .protechSolveGoMore a img{ position:absolute; top: 0; right: 0; } #Operational.threeDiv .protechVideoCon{ width: 100%; height: auto; } #Operational.threeDiv .applicationMenu{ width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); box-shadow: 0px 2px 8px rgba(0,0,0,0.1) } #Operational.threeDiv .applicationMenuAct{ border-right: 1px solid #e60012; } #Operational.threeDiv .applicationMenuList{ width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color:#666; border-bottom: 1px solid #e6e6e6; cursor: pointer; } #Operational.threeDiv .applicationMenuListAct{ background: #e60012; color: #fff; } #Operational.threeDiv .applicationMainBody{ width: 75%; height: 601px; float: left; } #Operational.threeDiv .applicationMainOut{ width: 100%; height: auto; display: none; } #Operational.threeDiv .applicationMainOutAct{ display: block; } #Operational.threeDiv .applicationMainOutGrey{ background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; } #Operational.threeDiv .applicationMainOutInner{ width: 23%; height:290px; margin-left: 2%; float: left; margin-bottom: 19px; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); box-shadow: 0px 2px 8px rgba(0,0,0,0.1) } #Operational.threeDiv .applicationMainOutInner img{ width: 100%; } #Operational.threeDiv .applicationMainOutInner h2{ font-weight: 700; font-size: 14px; color: #333; margin: 6px 0 6px; box-sizing: border-box; padding: 0 12px; } #Operational.threeDiv .applicationMainOutInner p{ font-size: 12px; padding: 0 12px; line-height: 1.6; } #Operational.threeDiv .applicationMainOutTextBox{ width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; } #Operational.threeDiv .applicationMainOutTextLastBox{ width: 100%; padding: 0; } #Operational.threeDiv .applicationMainOutTextBox h2{ font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; } #Operational.threeDiv .applicationMainOutTextBox li{ font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; margin: 10px 0; } #Operational.threeDiv .applicationMainOutTextBox li:last-child{ margin-bottom: 0; } #Operational.threeDiv .applicationMainOutTextBox li a{ color: #333; } #Operational.threeDiv .applicationMainOutTextBox li a:hover{ color: #e60012; } #Operational.threeDiv .applicationMblTextBox{ padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #Operational.threeDiv .applicationMblTextBox img{ width: 100%; float: left; } #Operational.threeDiv .applicationMblTextBox h2{ font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; } #Operational.threeDiv .applicationMblTextBox p{ font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; } #Operational.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; } #Operational.threeDiv div.serversConTextBoxAct p{ display: block; } div#Operational .technicalGrey{ background-color: #f9f9f9; } #Operational.threeDiv #videoWrapH5 .technicalGrey{ background-color: #f9f9f9; } #Operational.threeDiv .applicationMainOutTextLastBox li{ margin: 12px 0; } #Operational.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore{ margin: 20px 0 0px; } #Operational.threeDiv .OperationalLastImgBox{ width: 38%; float: left; } #Operational.threeDiv .OperationalLastImg{ width: 100%; } #Operational.threeDiv .OperationalLastTextBox{ width: 62%; float: left; box-sizing: border-box; padding-left: 28px; } #Operational.threeDiv .OperationalLastTextBox h2{ font-size: 24px; color: #333; } #Operational.threeDiv .OperationalLastTextBox p{ font-size: 14px; color: #333; line-height: 1.5; margin: 16px 0 16px; } #Operational.threeDiv .OperationalLastTextBox li{ font-size: 14px; float: left; padding-left: 16px; cursor: pointer; margin-right: 35px; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; } #Operational.threeDiv .OperationalLastTextBox li a{ color: #333; } #Operational.threeDiv .OperationalLastTextBox li a:hover{ color: #e60012; } #Operational.threeDiv .technicalSolve{ padding-top: 0; } /* 查看全部调整样式 */ #Operational.threeDiv .techSolveCon .columGoMore{position:absolute;top:-62px;right:0;} /* 切换部分调整 */ #Operational.threeDiv .technicalSolve .techSolveCon{display:none;position:relative;} #Operational.threeDiv .technicalSolve .techSolveCon.active{display:block;} #Operational.threeDiv .techH5Succ .techH5SuccConBox{display:none;} #Operational.threeDiv .techH5Succ .techH5SuccConBox.active{display:none;} @media screen and (max-width:965px) { #Operational.threeDiv .applicationMainOutInner h2{ font-size: 12px; margin: 3px 0 3px; } #Operational.threeDiv .applicationMainOutInner p{ line-height: 1.4; } } @media screen and (max-width:768px) { #Operational.threeDiv .techH5Succ .techH5SuccConBox.active{display:block;} .Operational .gotoFontred{ position: absolute; bottom: 4.3%; right: 4.635%; } #Operational.threeDiv .OperationalTabBody_4 p{ margin-bottom: 15px; font-size: 12px; color: #666666; line-height: 1.5; } #Operational.threeDiv .OperationalTabBody{ padding: 15px 20px; } #Operational.threeDiv .OperationalTab{ padding: 0; margin-top: -6.6%; } #Operational.threeDiv .OperationalTabHead{ height: 35px; } #Operational.threeDiv .OperationalTabHead_4{ font-size: 12px; line-height: 34px; } #Operational.threeDiv .OperationalTabHead_4:before{ top: 10px; height: 15px; } #Operational.threeDiv .columGoMore{ display: block; margin-top: 6.6%; } #Operational.threeDiv .columGoMoreAdd{ display: block; } #Operational.threeDiv .columGoMore a img{ width: 16px; margin-top: 2px; } #Operational.threeDiv .columGoMore a{ padding-right: 20px } #Operational.threeDiv .serversConText h2{ font-size:15px;color:#333;margin-bottom:15px;margin-top:15px;line-height:1; } #Operational.threeDiv .pdBot0{ padding-bottom: 0; } .secondDiv .secondWrapBoxAdd_2{ width: 100%; padding: 0 13px; } #Operational.threeDiv .serversCon { padding-bottom: 6.6%; } #Operational.threeDiv .OperationalLastImgBox{ width: 100%; } #Operational.threeDiv .protechSolveGoMore{ display: block; } #Operational.threeDiv .technicalGrey .columGoMore{ display:none; } #Operational.threeDiv .OperationalTab{ padding: 0; } #Operational.threeDiv .OperationalTabBody .protechSolveGoMore{ display: block; } #Operational.threeDiv .OperationalLastTextBox{ width: 100%; padding: 0; } #Operational.threeDiv .OperationalLastTextBox h2{ font-size: 15px; text-align: center; margin: 16px 0; } #Operational.threeDiv .OperationalLastTextBox p{ color: #666666; } #Operational.threeDiv .OperationalLastImg{ width: 70%; display: block; margin: 0 auto; } #Operational.threeDiv .serversConText .serversConTextBox{ padding-top: 0; } .secondDiv .secondWrapBoxAdd_2 .secondEntH3{ margin-bottom: 0; } #Operational.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore{ margin: 20px 0 0; } .serversConTextBot{ display: block; } #Operational.threeDiv .serversConText .serversConTextBox p{ display: block; } #Operational.threeDiv .serversCon{padding-top:0;font-size:60px;} #Operational.threeDiv .serversConImg{float:none;width:100%;margin:0;} #Operational.threeDiv .serversConText{background:#fff;padding:3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #Operational.threeDiv .serverClick{text-align:center;margin-top:5.625%;} #Operational.threeDiv .serversConBox{padding:5.625% 0;} /* 产品分类 */ #Operational.threeDiv .classification{padding-top:0;font-size:60px;} #Operational.threeDiv .classList li{float:none;width:100%;margin:0;} #Operational.threeDiv .classList li:first-child{margin-bottom:3.75%;} #Operational.threeDiv .classListTxt h2{font-size:46.875%;} #Operational.threeDiv .classListTxt p{font-size:37.5%;margin-top:3%;} #Operational.threeDiv .classListGoTo{margin-top:3%;} #Operational.threeDiv .classListTxt p{overflow:visible;white-space:normal;line-height:1.5;} #Operational.threeDiv .secondWrapBox .secondWrapBoxAdd_2{display:none;} #Operational.threeDiv .secondWrapBox .secondWrapBoxAdd_2:first-child{display:block;} } @media screen and (max-width:640px){ #Operational.threeDiv .serversCon,#Operational.threeDiv .classification{ font-size: 50px; } #Operational.threeDiv .serversCon{font-size:50px;} } @media screen and (max-width:414px){ #Operational.threeDiv .serversCon,#Operational.threeDiv .classification{ font-size: 44px; } #Operational.threeDiv .serversCon{font-size:44px;} } @media screen and (max-width:375px){ #Operational.threeDiv .serversCon,#Operational.threeDiv .classification{ font-size: 37.5px; } #Operational.threeDiv .serversCon{font-size:37.5px;} } /*运营商结束*/ /* 总裁寄语开始 */ #Messagwfrompresident.threeDiv .MessagwfromCon{font-size:32px;padding-top:40px;padding-bottom:60px;} #Messagwfrompresident.threeDiv .ConTxtText{font-size:14px;color:#666666;line-height:1.785;margin-bottom:40px;} #Messagwfrompresident.threeDiv .MessagwfromConIcon{width:100%;text-align:right;padding-top:30px;line-height:0;} #Messagwfrompresident.threeDiv .MessagwfromConIcon img{display:inline-block;} @media screen and (max-width:768px) { #Messagwfrompresident.threeDiv .MessagwfromCon{padding-top:0;padding-bottom:5%;font-size:60px;} #Messagwfrompresident.threeDiv .ConTxtText{font-size:37.5%;margin-bottom:3%;} #Messagwfrompresident.threeDiv .MessagwfromConIcon{padding-top:2%;} } @media screen and (max-width:640px){ #Messagwfrompresident.threeDiv .MessagwfromCon{ font-size: 50px; } } @media screen and (max-width:414px){ #Messagwfrompresident.threeDiv .MessagwfromCon{ font-size: 44px; } } @media screen and (max-width:375px){ #Messagwfrompresident.threeDiv .MessagwfromCon{ font-size: 37.5px; } } /* 总裁寄语结束 */ /* 渠道服务开始 */ @media screen and (max-width:768px){ #partner_resource_centre.Channel_Service .SMBsolution .SMBsolutionPC{ padding-bottom:0; } } /* 渠道服务结束 */ /* 合作伙伴查询结果页面开始 */ #PartnerAgentSearch.threeDiv .partnerQuery{font-size:32px;padding-top:40px;padding-bottom:58px;} #PartnerAgentSearch.threeDiv .partRequired{width:100%;height:45px;line-height:1;font-size:16px;color:#666666;border-bottom:1px solid #d8d8d8;} #PartnerAgentSearch.threeDiv .partRequired span{color:#e60012;} #PartnerAgentSearch.threeDiv .partnerQueryCon{width:680px;margin:0 auto;} #PartnerAgentSearch.threeDiv .QueryConBox{margin-top:20px;} #PartnerAgentSearch.threeDiv .QueryConBox:after{content:'';display:block;clear:both;} #PartnerAgentSearch.threeDiv .ConBoxName{width:120px;height:36px;line-height:36px;float:left;padding-right:10px;text-align:right;font-size:14px;color:#666666;} #PartnerAgentSearch.threeDiv .reqBox:before{content:'*';color:#e60213;} #PartnerAgentSearch.threeDiv .ConBoxInput{width:100%;line-height:36px;padding-left:120px;font-size:14px;color:#666666;} #PartnerAgentSearch.threeDiv .ConBoxInput>span{margin-right:40px;} #PartnerAgentSearch.threeDiv .ConBoxInput .Auterror{width:100%;text-align:left;color:#e60213;border:none;} #PartnerAgentSearch.threeDiv .ConBoxInput .radio{-webkit-appearance:radio;vertical-align:middle;margin-top:-2px;} #PartnerAgentSearch.threeDiv .textInput{display:block;width:100%;height:100%;height:36px;line-height:36px;border:1px solid #d8d8d8;font-size:14px;color:#333;padding-left:10px;} #PartnerAgentSearch.threeDiv .selectInput{display:block;width:100%;-webkit-appearance:menulist;border:1px solid #d8d8d8;padding:6px 0;} #PartnerAgentSearch.threeDiv .QueryConBox p{font-size:14px;} #PartnerAgentSearch.threeDiv .PromptText{padding-left:120px;} #PartnerAgentSearch.threeDiv .PromptText p{font-size:14px;margin-top:8px;color:#999999;} #PartnerAgentSearch.threeDiv .PromptText p a{color:#2266af;} #PartnerAgentSearch.threeDiv .querySubBox{padding-left:120px;margin-top:20px;} #PartnerAgentSearch.threeDiv .querySubBox .querySubmit{display:block;width:160px;height:40px;border:none;text-align:center;line-height:40px;color:#fff;font-size:14px;} #PartnerAgentSearch.threeDiv .serversChan{display:none;} /* 查询结果 */ #PartnerAgentSearch.threeDiv .QueryTitle{font-size:18px;color:#000000;font-weight:700;margin-bottom:20px;} #PartnerAgentSearch.threeDiv .QueryList li{border-top:1px solid #d8d8d8;padding:20px 0 10px;} #PartnerAgentSearch.threeDiv .QueryList li .QueryListTxt{width:100%;margin-bottom:20px;font-size:14px;} #PartnerAgentSearch.threeDiv .QueryList li .QueryListTxt:after{content:'';display:block;clear:both;} #PartnerAgentSearch.threeDiv .QueryListTxtName{display:block;width:110px;float:left;} #PartnerAgentSearch.threeDiv .QueryListTxtNtxt{display:block;padding-left:110px;} @media screen and (max-width:768px) { #PartnerAgentSearch.threeDiv .partnerQuery{padding-top:0;font-size:60px;padding-bottom:5%;} #PartnerAgentSearch.threeDiv .partnerQuery .secondWrapBox:first-child{padding:0;} #PartnerAgentSearch.threeDiv .partRequired{padding:0 16px 4%;height:auto;} #PartnerAgentSearch.threeDiv .QueryConBox{margin-top:3%;padding:0;} #PartnerAgentSearch.threeDiv .ConBoxName{float:none;text-align:left;} #PartnerAgentSearch.threeDiv .ConBoxInput{padding:0;height:auto;} #PartnerAgentSearch.threeDiv .QueryConBox .chanceInput{border:1px solid #e8e8e8;border-right:none;} #PartnerAgentSearch.threeDiv .ConBoxInput:after{content:'';display:block;clear:both;} #PartnerAgentSearch.threeDiv .ConBoxInput>span{display:block;float:left;margin:0;text-align:center;width:50%;border-right:1px solid #e8e8e8;} #PartnerAgentSearch.threeDiv .partnerQueryCon{width:100%;} #PartnerAgentSearch.threeDiv .querySubBox{padding:0;} #PartnerAgentSearch.threeDiv .querySubBox .querySubmit{width:100%;} #PartnerAgentSearch.threeDiv .QueryTitle{text-align:center;} #PartnerAgentSearch.threeDiv .QueryListTxtName{text-align:right;} #PartnerAgentSearch.threeDiv .QueryList li .QueryListTxt{font-size:37.5%;} #PartnerAgentSearch.threeDiv .QueryEndCon{font-size:40px;} #PartnerAgentSearch.threeDiv .QueryEndCon .secondWrapBox{padding:0;} #PartnerAgentSearch.threeDiv .QueryList li{padding: 3% 16px 0;} } @media screen and (max-width:640px){ #PartnerAgentSearch.threeDiv .partnerQuery{ font-size: 50px; } } @media screen and (max-width:414px){ #PartnerAgentSearch.threeDiv .partnerQuery{ font-size: 44px; } } @media screen and (max-width:375px){ #PartnerAgentSearch.threeDiv .partnerQuery,#PartnerAgentSearch.threeDiv .QueryEndCon{ font-size: 37.5px; } } /* 合作伙伴查询结果页面结束 */ /* 渠道业务管理样式开始(包含五个表单模板) */ #AgentServiceStarQuer .AgentServiceStarQuer{padding-top:40px;font-size:32px;padding-bottom:40px;} #AgentServiceStarQuer .secondWrapBox:after{content:'';display:block;clear:both;} #AgentServiceStarQuer .AgentSerLeft{width:270px;float:left;} #AgentServiceStarQuer .AgentSerLeftTit{width:100%;height:50px;line-height:50px;font-size:16px;color:#fff;padding-left:20px;} #AgentServiceStarQuer .SerListTit{padding-left:20px;font-size:14px;color:#333333;height:49px;line-height:49px;background:#f5f5f5;border-bottom:1px solid #eaeaea;margin-top:1px;cursor:pointer;} #AgentServiceStarQuer .SerListTitA{padding-left:20px;font-size:14px;height:49px;line-height:49px;background:#f5f5f5;border-bottom:1px solid #eaeaea;margin-top:1px;cursor:pointer;} #AgentServiceStarQuer .SerListTitA a:before{content:'+';display:inline-block;width:10px;font-size:16px;text-align:center;font-weight:700;margin-right:10px;color:#333333;} #AgentServiceStarQuer .AgentSerBox.active .SerListTitA a{color:#e60213;} #AgentServiceStarQuer .AgentSerBox.active .SerListTitA a:before{content:'-';display:inline-block;text-align:center;font-size:18px;font-weight:700;margin-right:10px;color:#e60213;} #AgentServiceStarQuer .SerListTitA a{display:block;color:#333333;width:100%;height:100%;} #AgentServiceStarQuer .SerListTit:before{content:'+';display:inline-block;width:10px;font-size:16px;text-align:center;font-weight:700;margin-right:10px;color:#333333;} #AgentServiceStarQuer .AgentSerBox.active .SerListTit{color:#e60213;} #AgentServiceStarQuer .AgentSerBox.active .SerListTit:before{content:'-';display:inline-block;text-align:center;font-size:18px;font-weight:700;margin-right:10px;color:#e60213;} #AgentServiceStarQuer .SerListCon{display:none;} #AgentServiceStarQuer .SerListCon>li{width:100%;min-height:49px;line-height:49px;background:#fff;border-bottom:1px solid #eaeaea;padding-left:20px;font-size:14px;} #AgentServiceStarQuer .SerListCon>li>a{display:block;width:100%;height:100%;color:#333333;} #AgentServiceStarQuer .SerListCon>li>a:hover{color:#e60213;} #AgentServiceStarQuer .SerListCon>li.active>a{color:#e60213;} #AgentServiceStarQuer .fontIcon{margin-right:10px;} #AgentServiceStarQuer select{-webkit-appearance:menulist;} #AgentServiceStarQuer .AgentSerRight{width:100%;padding-left:300px;} /* 三级栏目 */ .threeNav{width:100%;display:none;} .threeNav li{height:48px;line-height:48px;} .threeNav li a{color:#333;} .threeNav li a:hover{color:#e60213;} .threeNav li.active a{color:#e60213;} .threeNav li a{display:block;width:100%;height:100%;padding-left:24px;} /* 星级认证管理开始 */ #AgentServiceStarQuer .StarRatTxt{padding:8px 0 28px;line-height:1;font-size:14px;color:#666666;line-height:1.5;} #AgentServiceStarQuer .StarRatTxt span{color:#e60213;margin-right:10px;} #AgentServiceStarQuer .StarRatTxt a{color:#e60213;} #AgentServiceStarQuer .secondEntH3{margin-bottom:20px;} #AgentServiceStarQuer .StarRaCon{border-top:1px solid #e8e8e8;} #AgentServiceStarQuer .StarRaCon .BoxCon{margin-top:20px;overflow:hidden;} #AgentServiceStarQuer .fifty{width:45%;float:left;margin-left: 10%;} #AgentServiceStarQuer .fifty:first-child{margin-left:0;} #AgentServiceStarQuer .fifty:after{content:'';display:block;clear:both;} #AgentServiceStarQuer .fifty .className{width:100px;float:left;height:36px;line-height:36px;font-size:14px;color:#666666;} #AgentServiceStarQuer .fifty .classInput{width:100%;padding-left:100px;position:relative} .timeIcon{display:block;width:18px;position:absolute;top:10px;right:10px;} .timeIcon img{display:block;} #AgentServiceStarQuer .fifty .classInput>select{display:block;width:100%;border:1px solid #d8d8d8;padding:4px 0;font-size:14px;color:#666666;} #AgentServiceStarQuer .textInput{display:block;width:100%;height:36px;line-height:36px;font-size:14px;color:#666666;border:1px solid #d8d8d8;padding-left:10px;} #AgentServiceStarQuer .fifty .lineHeight{line-height:20px;} #AgentServiceStarQuer .inputBoxCon{border-bottom:1px solid #d8d8d8;padding-bottom:30px;} #AgentServiceStarQuer .submitB{padding:30px 0 40px;} #AgentServiceStarQuer .submitB input{display:block;margin:auto;width:180px;height:40px;border:none;text-align:center;line-height:40px;font-size:14px;color:#fff;} #AgentServiceStarQuer .AgentListUl li.cl-0{width:5%;} #AgentServiceStarQuer .AgentListUl li.cl-1{width:10%;} #AgentServiceStarQuer .AgentListUl li.cl-2{width:15%;} #AgentServiceStarQuer .AgentListUl li.cl-3{width:20%;} #AgentServiceStarQuer .listTit ul{overflow:hidden;} #AgentServiceStarQuer .listTit ul li{float:left;height:100%;border-right:1px solid #e8e8e8;font-size:14px;color:#666666;background:#f5f5f5;padding:6px 8px;} /* table样式 开始*/ #AgentServiceStarQuer #AgentSerList{width:100%;border:1px solid #e8e8e8;} #AgentServiceStarQuer #AgentSerList thead td{background: #f5f5f5;} #AgentServiceStarQuer #AgentSerList td{padding:4px;font-size:14px;color:#666666;border-right:1px solid #e8e8e8;text-align: center;} #AgentServiceStarQuer #AgentSerList tr{border-bottom:1px solid #e8e8e8;} /* table样式 结束*/ #AgentServiceStarQuer .AgentSerList{border:1px solid #e8e8e8;border-right:none;} #AgentServiceStarQuer .AgentListTxt li{float:left;border-right:1px solid #e8e8e8;font-size:14px;color:#666666;border-top:1px solid #e8e8e8;} #AgentServiceStarQuer .AgentListTxt{overflow:hidden;} #AgentServiceStarQuer .spanName{display:none;} #AgentServiceStarQuer .pageNumber{text-align:right;} #AgentServiceStarQuer.secondDiv .pageNumber a{margin-right:0;margin-left:10px;} #AgentServiceStarQuer.secondDiv .pageellipis{margin-right:0;margin-left:10px;} #AgentServiceStarQuer .checkInput{width:13px;height:13px;-webkit-appearance:checkbox;display:block;margin:0 auto;} #AgentServiceStarQuer .spanText{display:block;width:100%;height:100%;padding:6px 8px;} #AgentServiceStarQuer .AgentListUl .cl-0{padding-top:10px;} #AgentServiceStarQuer .buttonStar{padding:20px 0 0 0;text-align:right;line-height:0;} #AgentServiceStarQuer .buttonStar .StarButn{display:inline-block;width:100px;height:40px;color:#fff;font-size:14px;text-align:center;border:0;margin-left:5px;} @media screen and (max-width:768px) { #AgentServiceStarQuer .AgentSerLeft{float:none;width:100%;} #AgentServiceStarQuer .pageNumber{text-align:center;padding:3% 0;} #AgentServiceStarQuer .AgentServiceStarQuer{padding-top:3%;font-size:60px;padding-bottom:3%;} #AgentServiceStarQuer .selectSearch{display:inline-block;} #AgentServiceStarQuer .AgentSerRight{padding:3% 0 0 0;} #AgentServiceStarQuer .StarRatTxt{padding:3%;background:#f5f5f5;} #AgentServiceStarQuer .fifty{width:100%;float:none;margin:0;padding-top:2%;} #AgentServiceStarQuer .StarRaCon .BoxCon{margin-top:0;} #AgentServiceStarQuer .fifty .className{float:none;width:100%;} #AgentServiceStarQuer .fifty .classInput{padding:0;} #AgentServiceStarQuer .fifty .lineHeight{margin-bottom:10px;} #AgentServiceStarQuer .buttonStar{text-align:center;overflow:hidden;} #AgentServiceStarQuer .buttonStar .StarButn{display:block;float:left;width:28%;margin-left:8%;} #AgentServiceStarQuer .buttonStar .StarButn:first-child{margin-left:0;} #AgentServiceStarQuer .listTit{display:none;} #AgentServiceStarQuer .AgentSerList .AgentListTxt.AgentListUl li{float:none;width:100%;overflow:hidden;} #AgentServiceStarQuer .spanName{display:block;width:40%;height:100%;float:left;padding:1%;border-right:1px solid #e8e8e8;} #AgentServiceStarQuer .spanText{width:60%;float:left;padding:1%;} #AgentServiceStarQuer .AgentListUl li.cl-0{padding-top:1%;text-align:right;padding-right:2%;background:#f5f5f5;} #AgentServiceStarQuer .checkInput{display:inline-block;} #AgentServiceStarQuer #AgentSerList{border:none;} #AgentServiceStarQuer #AgentSerList tr{border:1px solid #e8e8e8;display:block;margin-bottom:10px;border-bottom:none;} #AgentServiceStarQuer #AgentSerList thead{ display: none; } #AgentServiceStarQuer #AgentSerList td{display:block;border-right:none;border-bottom:1px solid #e8e8e8;overflow: hidden;} #AgentServiceStarQuer #AgentSerList td:first-child{text-align: right;} } @media screen and (max-width:640px){ #AgentServiceStarQuer .AgentServiceStarQuer{ font-size: 50px; } } @media screen and (max-width:414px){ #AgentServiceStarQuer .AgentServiceStarQuer{ font-size: 44px; } } @media screen and (max-width:375px){ #AgentServiceStarQuer .AgentServiceStarQuer{ font-size: 37.5px; } } /* 渠道业务管理样式结束 */ /* 代理商协议签订 */ #AgentServiceStarQuer.threeDiv .protocolDown{padding-top:20px;border-top:1px solid #e8e8e8;padding-bottom:40px;} #AgentServiceStarQuer.threeDiv .documentDown{font-size:16px;color:#999999;} #AgentServiceStarQuer.threeDiv .proDownH5{display:none;} #AgentServiceStarQuer.threeDiv .documentDown .protocolDownIcon{vertical-align: middle;margin-right:5px;margin-top:-2px;} #AgentServiceStarQuer.threeDiv .documentDown a{color:#0b7ed7;} #AgentServiceStarQuer.threeDiv .DownTxt{font-size:14px;color:#333333;margin-top:14px;} #AgentServiceStarQuer.threeDiv .information{border-top:1px solid #e8e8e8;} #AgentServiceStarQuer.threeDiv .informaTit{font-size:16px;color:#666666;line-height:1;padding:20px 0 15px;} #AgentServiceStarQuer.threeDiv .informationText{width:100%;height:400px;border:1px solid #e8e8e8;overflow-y:scroll;padding:20px;} #AgentServiceStarQuer.threeDiv .Texth2Tit{font-size:16px;color:#333333;text-align:center;font-weight:600;line-height:1;padding:10px 0;line-height:1.5;} #AgentServiceStarQuer.threeDiv .informationText p{font-size:14px;color:#333333;margin-top:18px;line-height:1.5;} #AgentServiceStarQuer.threeDiv .infoPrompt{font-size:14px;color:#666666;line-height:1.5;padding:20px 0 14px;} #AgentServiceStarQuer.threeDiv .changeInput{font-size:14px;color:#666666;line-height:1.5;} #AgentServiceStarQuer.threeDiv .changeInput input{-webkit-appearance:checkbox;width:16px;vertical-align:middle;margin-top:-2px;} #AgentServiceStarQuer.threeDiv .submitBox{padding-top:30px;} #AgentServiceStarQuer.threeDiv .submitBox .submitBtn{display:block;width:180px;height:40px;text-align:center;line-height:40px;margin:0 auto;border:none;color:#fff;font-size:14px;} @media screen and (max-width:768px) { #AgentServiceStarQuer.threeDiv .proDownPC{display:none;} #AgentServiceStarQuer.threeDiv .proDownH5{display:inline-block;} #AgentServiceStarQuer.threeDiv .protocolDown{padding:3% 0 0;} } /* 代理商认证结果 */ #AgentServiceStarQuer.threeDiv .AlreadyH2{font-size:16px;color:#666666;padding:25px 0 16px;line-height:1;} .AlreadyObt{border-top:1px solid #e8e8e8;} #AgentServiceStarQuer.threeDiv .AlreadyObtList{border:1px solid #e8e8e8;} #AgentServiceStarQuer.threeDiv .obtListUl li{float:left;font-size:14px;color:#333333;border-left:1px solid #e8e8e8;} #AgentServiceStarQuer.threeDiv .obtListUl li:first-child{border-left:0;} #AgentServiceStarQuer.threeDiv .obtlistTit{background:#f5f5f5;} #AgentServiceStarQuer.threeDiv .obtlistTit li{color:#666666;} #AgentServiceStarQuer.threeDiv .obtListUl li.col-1{width:15%;} #AgentServiceStarQuer.threeDiv .obtListUl li.col-2{width:20%;} #AgentServiceStarQuer.threeDiv .obtListUl li.col-3{width:35%;} #AgentServiceStarQuer.threeDiv .obtListUl li.col-4{width:70%;} #AgentServiceStarQuer.threeDiv .obtListUl{overflow:hidden;zoom:1;} #AgentServiceStarQuer.threeDiv .ListUlSpan{display:block;width:100%;height:100%;padding:10px 10px;} #AgentServiceStarQuer.threeDiv .ListUlSpan a{color:#e60213;} #AgentServiceStarQuer.threeDiv .ListUlName{display:none;} #AgentServiceStarQuer.threeDiv .obtlistCon{border-top:1px solid #e8e8e8;} /* 切换部分样式 */ #AgentServiceStarQuer.threeDiv .navBoxList{width:100%;line-height:0;} #AgentServiceStarQuer.threeDiv .navBoxList li{display:inline-block;margin-right:10px;cursor:pointer;padding:18px 18px;font-size:14px;border:1px solid #e8e8e8;color:#666666;border-bottom:0;} #AgentServiceStarQuer.threeDiv .navBoxList li>span{display:block;width:100%;height:100%;} #AgentServiceStarQuer.threeDiv .navBoxList li.backRed{color:#fff;border:1px solid #e60213;border-bottom:0;} #AgentServiceStarQuer.threeDiv .BoxConList{border:1px solid #e8e8e8;} #AgentServiceStarQuer.threeDiv .BoxConList li{overflow:hidden;zoom:1;border-top:1px solid #e8e8e8;} #AgentServiceStarQuer.threeDiv .BoxConList li:first-child{border-top:0;} #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConName{display:block;width:128px;float:left;padding-left:20px;height:40px;padding-top:10px;line-height:1.5;font-size:14px;color:#333333;} #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConTxt{display:block;width:100%;padding-left:128px;font-size:14px;color:#333333;min-height:40px;padding-top:10px;line-height:1.5;} #AgentServiceStarQuer.threeDiv .BoxConBox{display:none;} #AgentServiceStarQuer.threeDiv .BoxConBox.active{display:block;} @media screen and (max-width: 768px) { #AgentServiceStarQuer .secondEntH3{margin-bottom:0;} #AgentServiceStarQuer.threeDiv .AlreadyH2{color:#333333;font-size:40%;} #AgentServiceStarQuer.threeDiv .obtlistTit{display:none;} #AgentServiceStarQuer.threeDiv .AlreadyObtList .obtListUl li{width:100%;overflow:hidden;float:none;border-top:1px solid #e8e8e8;border-left:0;} #AgentServiceStarQuer.threeDiv .AlreadyObtList .obtListUl li:first-child{border-top:0;} #AgentServiceStarQuer.threeDiv .AlreadyObtList{border-top:0;} #AgentServiceStarQuer.threeDiv .ListUlName{display:block;width:40%;font-size:37.5%;line-height:1;height:100%;float:left;padding:2% 1%;border-right:1px solid #e8e8e8;} #AgentServiceStarQuer.threeDiv .ListUlSpan{width:60%;float:left;line-height:1;padding:2% 1%;font-size:37.5%;} #AgentServiceStarQuer.threeDiv .obtlistCon{border-top:1px solid #666666;} #AgentServiceStarQuer.threeDiv .obtListUl li{font-size:100%;} #AgentServiceStarQuer.threeDiv .navBoxList{overflow:hidden;line-height:1.5;} #AgentServiceStarQuer.threeDiv .navBoxList li{display:block;float:left;width:33.33%;padding:0;font-size:37.5%;text-align:center;margin:0;} #AgentServiceStarQuer.threeDiv .navBoxList li>span{padding:2% 1%;} #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConName{width:40%;font-size:37.5%;padding:2%;} #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConTxt{font-size:37.5%;padding:2% 2% 2% 40%;} } /* 基本信息维护样式 */ #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxName,#AgentServiceStarQuer.secondDiv.threeDiv .ClassOneName{width:160px;} #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxInput,#AgentServiceStarQuer.secondDiv.threeDiv .ClassOneList{padding-left:160px;} #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Border{border:1px solid #e8e8e8;border-top:0;padding:10px 10px 20px;} /* #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Wrap{margin-top:0;} */ #AgentServiceStarQuer.secondDiv.threeDiv .registerSubmit{padding-bottom:0;overflow:hidden;line-height:0;text-align:center;zoom:1;} #AgentServiceStarQuer.secondDiv.threeDiv .noRequired:before{content:'';} @media screen and (max-width: 768px) { #AgentServiceStarQuer.secondDiv.threeDiv .liaisonWrap{display:block;} #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxName, #AgentServiceStarQuer.secondDiv.threeDiv .ClassOneName{width:100%;} #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2{padding:0;} #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Wrap{margin-top:3%;} #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Border{padding:0;border:0;} #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxInput, #AgentServiceStarQuer.secondDiv.threeDiv .ClassOneList{padding:0;} } /* 代理商业绩合并申请 */ #AgentServiceStarQuer.secondDiv.threeDiv .AgentOaLine{font-size:16px;color:#666666;line-height:1;padding:20px 0;border-top:1px solid #e8e8e8;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadWrap{border:1px solid #e8e8e8;border-top:0;padding:0 10px 10px;} .uploadTxt{font-size:14px;color:#999;margin-top:25px;} .agentOaList{overflow:hidden;zoom:1;} #AgentServiceStarQuer.secondDiv.threeDiv .AuthenNav ul li{width:23.5%;float:left;margin-left:2%;} #AgentServiceStarQuer.secondDiv.threeDiv .AuthenNav ul li:first-child{margin-left:0;} .AuthenNavList{overflow:hidden;zoom:1;} #AgentServiceStarQuer.secondDiv.threeDiv .NavTxtBox{margin-top:0;padding-bottom:0;} #AgentServiceStarQuer.secondDiv.threeDiv .AuthenNavTxt{margin-bottom:0;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadName{width:200px;padding-left:0;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadinput{padding-left:200px;} #AgentServiceStarQuer.secondDiv.threeDiv .baseInfoWrap{border:1px solid #e8e8e8;border-top:0;padding:10px;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadTextP{padding-left:0;} #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapTxt{font-size:14px;color:#333333;} #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio{overflow:hidden;zoom:1;padding-top:20px;} #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio span input{-webkit-appearance: radio;width:16px;vertical-align:middle;margin-top:-2px;margin-right:4px;} #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio span{display:block;float:left;margin-bottom:10px;width:240px;line-height:1;font-size:14px;color:#e60012;} #AgentServiceStarQuer.secondDiv.threeDiv .baseInfoWrap .noFloat input{width:78%;float:none;} #AgentServiceStarQuer.secondDiv.threeDiv .lineheiLi{line-height:1.3;} #AgentServiceStarQuer.secondDiv.threeDiv .lineheiLi a{color:#e60012;margin-left:5px;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName{width:20%;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName>span{display:block;height:100%;width:100%;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneList{padding-left:20%;} #AgentServiceStarQuer.secondDiv.threeDiv .registerSubmit input{display:inline-block;margin:0 10px;} @media screen and (max-width: 768px){ #AgentServiceStarQuer.secondDiv.threeDiv .AuthenPC{display:block;} #AgentServiceStarQuer.secondDiv.threeDiv .AuthenNav ul li{height:auto;margin-right:0;} #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio span{width:100%;float:none;font-size:37.5%;margin-bottom:2%;} #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapTxt{font-size:37.5%;margin-top:2%;} #AgentServiceStarQuer.secondDiv.threeDiv .baseInfoWrap{display:none;border:0;padding:0;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName{width:100%;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName>span{width:100%;} #AgentServiceStarQuer.secondDiv.threeDiv .lineheiLi{width:100%;height:auto;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadName{width:100%;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneList{padding:0;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadWrap{border:0;padding:0;} #AgentServiceStarQuer.secondDiv.threeDiv .uploadinput{padding:0;} } /* 产业联盟样式开始 */ #New_IT_alliance.threeDiv .SMBsolutionListGo .fontRed{color:#e60012;} #New_IT_alliance.threeDiv .JoinAlliance{background:#f5f5f5;font-size:32px;padding-bottom:40px;padding-top:40px;} #New_IT_alliance.threeDiv .JoinAllianceText{width:100%;} #New_IT_alliance.threeDiv .JoinAllianceText p{font-size:14px;color:#666666;} #New_IT_alliance.threeDiv #newsWrap.protechJourn{background:#fff;} @media screen and (max-width: 900px) { #New_IT_alliance .secondEntH3{font-size:32px;} } @media screen and (max-width: 768px) { /* 该页面未变灰色 */ #New_IT_alliance .secondSolve{background:#fff;margin-top:0;} #New_IT_alliance.threeDiv .JoinAlliance{padding-top:0;padding-bottom:5%;font-size:60px;} #New_IT_alliance.threeDiv .JoinAllianceText p{font-size:37.5%;} #New_IT_alliance.threeDiv #newsWrap.protechJourn .columEntH3{background:#fff;} } @media screen and (max-width:640px){ #New_IT_alliance.threeDiv .JoinAlliance{ font-size: 50px; } } @media screen and (max-width:414px){ #New_IT_alliance.threeDiv .JoinAlliance{ font-size: 44px; } } @media screen and (max-width:375px){ #New_IT_alliance.threeDiv .JoinAlliance{ font-size: 37.5px; } } /* 产业联盟样式结束 */ /* 渠道政策 */ #ProAnn.threeDiv.Channel_policy .officeNav{height:auto;overflow:hidden;zoom:1;position:relative;top:0;right:0;bottom:0;left:0;} #ProAnn.threeDiv.Channel_policy .officeConBox .officeNav li{padding:0;line-height:1;} #ProAnn.threeDiv.Channel_policy .officeConBox .officeNav li>span{display:block;width:100%;height:100%;padding:5% 4px;} #ProAnn.threeDiv.Channel_policy .officeRegion{width:100%;float:none;} #ProAnn.threeDiv.Channel_policy .ProAnnListCon{border-top:0;} #ProAnn.threeDiv.Channel_policy .ProAnnListCon li{border-bottom:0;border-top:1px solid #f5f5f5;} #ProAnn.threeDiv.Channel_policy .ProAnnListCon li:first-child{border-top:0;} #ProAnn.threeDiv.Channel_policy .officeRegion{padding-top:0;} @media screen and (max-width: 768px) { #ProAnn.threeDiv.Channel_policy .secondWrapBox{padding:0;} #ProAnn.threeDiv.Channel_policy .pageNumber{padding:6% 16px;} #ProAnn.threeDiv.Channel_policy .ProAnnListCon li{border-top:0;} #ProAnn.threeDiv.Channel_policy .ProAnnListCon li{border-bottom:1px solid #f5f5f5;} } /*数据中心验证与运行 开始*/ #centerValidation.threeDiv .serversCon{padding-top:40px;font-size:32px;} #centerValidation.threeDiv .serversConBox{padding:0;} #centerValidation.threeDiv .serversConBoxGrey{ background:#f5f5f5; } #centerValidation.threeDiv .serversConBox .secondWrapBox:after{content:'';display:block;clear:both;} #centerValidation.threeDiv .serversConBox p.PorductMaintanInfo_bannerHeadP{font-size: 14px;color: #666666;padding: 0 18px} #centerValidation.threeDiv .serversConTextBot { display: block; float: right; position: absolute; right: 0; color: #333; bottom: 20px; cursor: pointer; } #centerValidation.threeDiv .pdTop0{ padding-top: 0 } #centerValidation.threeDiv .technicalGrey { background: #f5f5f5; } #centerValidation.threeDiv .zhanClickAct { color: #e60012; } #centerValidation.threeDiv .protechSolveGoMore{ height: 20px; float: right; font-size: 14px; cursor: pointer; } #centerValidation.threeDiv .protechSolveGoMore a{ display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #centerValidation.threeDiv .protechSolveGoMore a img{ position:absolute; top: 0; right: 0; } .centerValidation_headP{ padding: 38px 0; } .centerValidation_headP h2{ font-size: 28px; color: #333333; line-height: 1; } .centerValidation_headP p{ font-size: 14px; color: #666666; line-height: 26px; margin: 16px 0; } .centerValidation_Swiper{overflow:hidden;} .centerValidation_headPAdd{ height:20px; font-size: 16px; color: #666666; margin-top:-20px; } .centerValidation_serviceTab{ padding: 45px 22px 55px; } .centerValidation_serviceTab_4{ width: 20%; min-height:180px; padding: 0 22px 20px; float: left } .centerValidation_serviceTab_headImgBox{ width: 100%; height: 75px; } .centerValidation_serviceTab_headImg{ display: block; margin: 0 auto; } .centerValidation_serviceTab_h2{ font-size: 20px; color: #242424; text-align: center; margin-bottom: 12px } .centerValidation_serviceTab_p{ font-size: 14px; color: #666; text-align: center; line-height: 22px } #centerValidation #succWrapPC .techSolveConListText { background: #fff; } #centerValidation.threeDiv #succWrapPC .techSolveConListText h3 { font-size: 18px; color: #333; } #centerValidation.threeDiv #succWrapH5 .techH5SuccText { background: #fff; } #centerValidation.threeDiv .WlanAdd_p { font-size: 18px; color: #333; } #centerValidation.threeDiv #succWrapH5 .swiper-containerSuccH5 .swiper-slide { padding-top: 5px; } #centerValidation.threeDiv .swiper-containerSuccOther{ overflow: hidden; } .centerValidation_ServieMbl{ display: none; } .centerValidation_ServiePc{ display: block; } .centerValidation_ServieMbl .swiper-btn-box{ height: 14px; margin: 0 auto 20px; width: auto; } .centerValidation_ServieMbl .swiper-pagination{ position: inherit; } #centerValidation{ overflow: hidden; } #centerValidation .secondBannerText{ width: 70%; } @media screen and (max-width:965px) { #centerValidation.threeDiv .applicationMainOutInner h2{ font-size: 12px; margin: 3px 0 3px; } #centerValidation.threeDiv .applicationMainOutInner p{ line-height: 1.4; } #centerValidation.threeDiv .serversConBox p.Green_OS_bannerHeadP{font-size: 14px;color: #666666;padding: 0} } @media screen and (max-width:768px) { #centerValidation .secondBannerText{ width: 90%; } .centerValidation_ServieMbl{ display: block; } .centerValidation_ServiePc{ display: none; } .centerValidation_headPAdd{ position: inherit; text-align: center; left: 0; font-size: 12px; margin-top:0; } .centerValidation_headP h2{ font-size:15px ; } .centerValidation_headP { padding: 18px 0; } .centerValidation_headP p{ font-size: 13px; margin: 12px 0; } .centerValidation_serviceTab_h2{ font-size: 12px; } .centerValidation_serviceTab_p{ font-size: 12px; } .centerValidation_serviceTab_headImgBox{ height: 65px; } .centerValidation_serviceTab_h2{ margin-bottom: 6px; } #centerValidation.threeDiv .protechSolveGoMore.gotoFontred{ display: block; } #centerValidation.threeDiv .addBox{ display: block; } .centerValidation_serviceTab_4{ width:33.33%; padding: 0; height: 100%; } .centerValidation_serviceTab{ padding: 25px 0px; } #centerValidation.threeDiv .serversCon{padding-top:0px;font-size:32px;} #centerValidation.threeDiv .columGoMore{ display: block; margin-top: 6.6%; } #centerValidation.threeDiv .serversConText .serversConTextBox{ padding-top: 0; } #centerValidation.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; } } @media screen and (max-width:640px){ #centerValidation.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 50px; } #centerValidation.threeDiv .serversCon{font-size:50px;} } @media screen and (max-width:414px){ #centerValidation.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 44px; } #centerValidation.threeDiv .serversCon{font-size:44px;} } @media screen and (max-width:375px){ #centerValidation.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 37.5px; } #centerValidation.threeDiv .serversCon{font-size:37.5px;} } /*数据中心验证与运行 结束*/ /*绿洲os 开始*/ #Green_OS.threeDiv .serversCon{padding-top:40px;font-size:32px;} #Green_OS.threeDiv .serversConBox{padding:25px 0 0;} #Green_OS.threeDiv .serversConBoxGrey{ background:#f5f5f5; } #Green_OS.threeDiv .serversConBox .secondWrapBox:after{content:'';display:block;clear:both;} #Green_OS.threeDiv .serversConBox p.Green_OS_bannerHeadP{font-size: 14px;color: #666666;padding: 0 18px} .Green_OS_bannerHeadImg{ display: block; margin: 35px auto; } .Green_OSInnerTabBox{ width: 885px; margin: 0 auto; padding-bottom: 45px; } .Green_OSInnerTabBox_3{ width: 33.33%; float: left; } .Green_OSInnerTabBox_imgBox{ width: 100px; height: 70px; margin: 0 auto; } .Green_OSInnerTabBox_imgBox img{ margin: 0 auto; display: block; } .Green_OSInnerTabBox_3 h2{ font-size: 20px; color: #242424; text-align: center; } .Green_OSInnerTabBox_3 p{ font-size: 14px; color: #666666; text-align: center; margin-top: 12px; line-height: 22px; } .Green_OS_bannerBotImg{ width: 33%; float: left; margin: 0 0.165%; } .secondDiv .secondWrapImgBox{ margin-bottom: 35px; } .Green_OSInnerMainBox{ width: 100%; height: auto; padding-bottom: 45px; } .Green_OSInnerMainTab_6{ width: 33.33%; float: left; } .Green_OSInnerMainTab_6 h2{ font-size: 20px; color: #242424; text-align: center; } .Green_OSInnerMainTab_6 p{ width: 286px; display: block; margin: 0 auto; font-size: 14px; color: #666666; text-align: center; margin-top: 12px; line-height: 22px; } .Green_OS_bannerLastImg{ width: 100%; } @media screen and (max-width:965px) { #Green_OS.threeDiv .applicationMainOutInner h2{ font-size: 12px; margin: 3px 0 3px; } .Green_OSInnerMainTab_6 p{ width: 90%; } .Green_OSInnerTabBox{ width: 768px; } #Green_OS.threeDiv .applicationMainOutInner p{ line-height: 1.4; } .Green_OS_bannerHeadImg{ width: 100%; margin: 15px auto; } #Green_OS.threeDiv .serversConBox p.Green_OS_bannerHeadP{font-size: 14px;color: #666666;padding: 0} } @media screen and (max-width:768px) { .Green_OSInnerTabBox{ width: 100%; padding-bottom: 15px; } .Green_OSInnerTabBox_imgBox{ width: 100%; } .Green_OSInnerTabBox_3 h2{ font-size: 14px; } .Green_OSInnerTabBox_3 p{ font-size: 12px; } .Green_OS_bannerBotImg{ width: 100%; margin-bottom: 15px; } .secondDiv .secondWrapImgBox{ margin-bottom: 0; padding: 0 } #Green_OS.threeDiv .serversCon{padding-top:0px;font-size:32px;} #Green_OS.threeDiv .columGoMore{ display: block; margin-top: 6.6%; } #Green_OS.threeDiv .serversConText .serversConTextBox{ padding-top: 0; } } @media screen and (max-width:640px){ #Green_OS.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 50px; } #Green_OS.threeDiv .serversCon{font-size:50px;} } @media screen and (max-width:414px){ #Green_OS.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 44px; } #Green_OS.threeDiv .serversCon{font-size:44px;} } @media screen and (max-width:375px){ #Green_OS.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 37.5px; } #Green_OS.threeDiv .serversCon{font-size:37.5px;} } /*绿洲os 结束*/ /*文档中心 开始*/ /* 设置高度隐藏 */ #PorductMaintanInfo.threeDiv .maintanBoxCon{height:20px;overflow:hidden;} #PorductMaintanInfo.threeDiv .serversCon{padding-top:40px;font-size:32px;padding-bottom:30px;} #PorductMaintanInfo.threeDiv .serversConBox{padding:0;} #PorductMaintanInfo.threeDiv .serversConBoxGrey{ background:#f5f5f5; } #PorductMaintanInfo.threeDiv .serversCon p{ font-size: 14px; color:#666666; margin-bottom: 40px; } #PorductMaintanInfo.threeDiv .serversCon .maintanBoxCon img{ display:block; margin:0 auto; } .PorductMaintanInfo_p{ font-size: 14px; color:#666666; margin-bottom: 40px; } .PorductMaintanInfo_pAct{ margin-bottom: 50px; } .PorductMaintanInfo_img{ /* display: none; */ margin: 0 auto 50px; } #PorductMaintanInfo.threeDiv .serversConBox .secondWrapBox:after{content:'';display:block;clear:both;} #PorductMaintanInfo.threeDiv .serversConBox p.PorductMaintanInfo_bannerHeadP{font-size: 14px;color: #666666;padding: 0 18px} #PorductMaintanInfo.threeDiv .serversConTextBot { display: block; float: right; color: #333; cursor: pointer; } #PorductMaintanInfo.threeDiv .pdTop0{ padding-top: 0 } #PorductMaintanInfo.threeDiv .technicalGrey { background: #f5f5f5; } #PorductMaintanInfo.threeDiv .zhanClickAct { color: #e60012; } .PorductMaintanInfo_searchBox{ width: 885px; height: auto; margin: 0 auto; } .PorductMaintanInfo_search{ width: 100%; height: 50px; padding-right: 120px; position: relative; margin-bottom: 30px; } .PorductMaintanInfo_searchInput{ width: 100%; height: 50px; border: 1px solid #d2d2d2; padding: 0 22px; font-size: 16px; float: left } .PorductMaintanInfo_searchBtnBox{ width: 120px; height: 50px; line-height: 40px; background: #e60012; color: #fff; position: absolute; top: 0; right: 0; text-align: center; } .PorductMaintanInfo_searchImg{ vertical-align: middle; margin-right: 9px; position: relative; top: 2px; } .PorductMaintanInfo_searchBtnBox span{ font-size: 18px } .PorductMaintanInfo_searchBtn{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 0; background: transparent } .PorductMaintanInfo_hot{ width: 100%; margin-bottom: 22px; } .PorductMaintanInfo_hot_h2{ font-size: 24px; color: #333333; margin-bottom: 20px; } .PorductMaintanInfo_hot li{ font-size: 16px; float: left; width: 50%; box-sizing: border-box; padding-right: 10px; margin-bottom: 18px; color: #333; padding-left: 15px; background: url(../images/threeAll/redArrow.png) no-repeat; background-position: 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .PorductMaintanInfo_hot li a{ color: #333 } .PorductMaintanInfo_hot li a:hover{ color: #e60012; } .PorductMaintanInfo_searchLineBox{ width: 100%; height: 32px; border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; margin-bottom: 32px; } .PorductMaintanInfo_centerArrow{ width: 2.5%; height: 100%; float: left; } .PorductMaintanInfo_searchLine{ width: 18%; font-size: 14px; height: 32px; line-height: 30px; text-align: center; background: #fcfcfc; float: left; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; } .PorductMaintanInfo_searchLineAct{ background: #e60012; color: #fff; border-top: 1px solid #e60012; border-bottom: 1px solid #e60012; } .PorductMaintanInfo_searchBodyBox{ margin: 0 -18px; } .PorductMaintanInfo_searchChooseBox{ width: 25%; height: 50px; float: left; padding: 0 18px; box-sizing: border-box; margin-bottom: 36px; } .PorductMaintanInfo_searchChoose{ width: 100%; height: 50px; font-size: 16px; line-height:48px; text-align: center; background: #fcfcfc; border: 1px solid #f7f6f6; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .PorductMaintanInfo_searchChoose a{ display:block; width:100%; height:100%; color: #333; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } .PorductMaintanInfo_searchChoose a:hover{ color: #fff; background:#e60012; } #PorductMaintanInfo.threeDiv .addBox{ display: none; padding-top: 15px; float: left; width: 100%; } @media screen and (max-width:965px) { .PorductMaintanInfo_searchBox{ width: 100%; } #PorductMaintanInfo.threeDiv .applicationMainOutInner h2{ font-size: 12px; margin: 3px 0 3px; } .PorductMaintanInfo_img{ width: 100%; } #PorductMaintanInfo.threeDiv .applicationMainOutInner p{ line-height: 1.4; } #PorductMaintanInfo.threeDiv .serversConBox p.Green_OS_bannerHeadP{font-size: 14px;color: #666666;padding: 0} } @media screen and (max-width:768px) { /* 修改图片大小 */ #PorductMaintanInfo.threeDiv .serversCon .maintanBoxCon img{ width: 80%; } #PorductMaintanInfo.threeDiv .serversCon p img{ display: block; width: 80%; margin: 0 auto; } .PorductMaintanInfo_searchChooseBox{ padding: 0 9px; height: 25px; margin-bottom: 15px; font-size: 12px; } .PorductMaintanInfo_searchChoose{ height: 25px; line-height: 23px; font-size: 12px; word-break: break-all; padding: 0 2px; } .PorductMaintanInfo_search{ padding-right: 90px; margin-bottom: 15px; } .PorductMaintanInfo_searchLineBox{ height: auto; border-left: 1px solid #e60012; border-right: 0; } .PorductMaintanInfo_searchBodyBox{ display: none; } #PorductMaintanInfo.threeDiv .addBox{ display: block; } .PorductMaintanInfo_searchLine{ width: 100% ; height: 35px; border: 0; line-height: 35px; text-align: left; padding-left: 12px; font-size: 15px; background: url(../images/threeAll/bigWhiteArrow.png) no-repeat; background-size:100% 100%; } .PorductMaintanInfo_searchLineAct{ background: url(../images/threeAll/bigRedArrow.jpg) no-repeat; background-size:100% 100%; } .PorductMaintanInfo_centerArrow{ display: none } .PorductMaintanInfo_hot_h2{ font-size: 15px; margin-bottom: 15px } .PorductMaintanInfo_hot li{ width: 100%; font-size: 14px; } .PorductMaintanInfo_searchBtnBox{ width: 90px; line-height: 50px; font-size: 16px; margin-right: 5px; } .PorductMaintanInfo_searchImg{ width: 14px; top: 0; } .PorductMaintanInfo_searchBtnBox span{ font-size: 14px; } #PorductMaintanInfo.threeDiv .serversCon{padding-top:0px;font-size:32px;} #PorductMaintanInfo.threeDiv .columGoMore{ display: block; margin-top: 6.6%; } .PorductMaintanInfo_p{ margin-bottom: 50px; } #PorductMaintanInfo.threeDiv .serversConText .serversConTextBox{ padding-top: 0; } #PorductMaintanInfo.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; } } @media screen and (max-width:640px){ #PorductMaintanInfo.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 50px; } #PorductMaintanInfo.threeDiv .serversCon{font-size:50px;} } @media screen and (max-width:414px){ #PorductMaintanInfo.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 44px; } #PorductMaintanInfo.threeDiv .serversCon{font-size:44px;} } @media screen and (max-width:375px){ #PorductMaintanInfo.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 37.5px; } #PorductMaintanInfo.threeDiv .serversCon{font-size:37.5px;} } /*文档中心 结束*/ /*无线 开始*/ #Wlan.threeDiv .serversCon{padding-top:40px;font-size:32px;} #Wlan.threeDiv .serversConBoxGrey{ background:#f5f5f5; } #Wlan.threeDiv .serversConBox{background:#fff;padding:0;} #Wlan.threeDiv .serversConBox .secondWrapBox:after{content:'';display:block;clear:both;} #Wlan.threeDiv .serversConImg{width:500px;float:left;margin-right:70px;margin-bottom:30px;cursor:pointer;position:relative;} #Wlan.threeDiv .serversConImg img{display:block;width:100%;} #Wlan.threeDiv .serversConText .serversConTextBox{height:250px;overflow:hidden;padding-top: 0px;padding-bottom: 40px;} #Wlan.threeDiv .serversConText p{font-size:14px;color:#666666;margin-bottom:25px;margin-top:0px;line-height:26px;} #Wlan.threeDiv .proVidConImgBlock{display:block;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;} #Wlan.threeDiv .proVidConImgBlock img{display:block;width:100%;height:100%;} #Wlan.threeDiv .proVidConImgBtn{display: block;width: 14%;position: absolute;top: 36%;left: 42.1%;} #Wlan.threeDiv .serverClick{text-align:right;margin-top:110px;font-size:14px;color:#e60012;} #Wlan.threeDiv .serverClick img{display:inline-block;vertical-align: middle;margin-left:4px;} #Wlan.threeDiv .serverClick.activeC{margin-top:20px;} #Wlan.threeDiv .serverClick .closeListS{display:none;} #Wlan.threeDiv .serverClikBtn{display:inline-block;cursor:pointer;} #Wlan.threeDiv .serverClikBtn span{display:inline-block;} #Wlan.threeDiv .serverClick.activeC .openListS{display:none;} #Wlan.threeDiv .serverClick.activeC .closeListS{display:inline-block;} body.ie8 #Wlan.threeDiv .classList li{border:1px solid #e8e8e8;} #Wlan.threeDiv .padding0 { padding: 0; } #Wlan.threeDiv .serversConTextBot{ display: block; float: right; position: absolute; right: 0; color: #e60012; bottom: 20px; padding-right:16px; cursor: pointer; } #Wlan.threeDiv .serversConTextBot img{ width:20px; } #Wlan.threeDiv .zhanClickAct{ color: #e60012; } #Wlan.threeDiv .moreBtn { position: relative; top:-2px; } #Wlan #succWrapPC .techSolveConListText{ background: #fff; } #Wlan.threeDiv #succWrapPC .techSolveConListText h3{ font-size: 18px; color: #333; } #Wlan.threeDiv .WlanAdd_p{ font-size: 18px; color: #333; } #Wlan.threeDiv #succWrapH5 .succSysBox{ -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.1); -o-box-shadow: 0 0 8px rgba(0,0,0,0.1); box-shadow: 0 0 8px rgba(0,0,0,0.1); } #Wlan.threeDiv #succWrapH5 .swiper-containerSuccH5 .swiper-slide{ padding-top: 5px; } #Wlan.threeDiv #videoWrapH5 .protechH5VidTxt{ background: #fff; } #videoWrapPC .proVidConTextAdd { width: 100%; padding: 5%; font-size: 22px; line-height: 1.3; background: #fff; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } @media screen and (max-width: 1200px){ #videoWrapPC .proVidConTextAdd { font-size: 18px; } } #Wlan.threeDiv .protechSolveGoMore{ height: 20px; float: right; font-size: 14px; cursor: pointer; } #Wlan.threeDiv .protechSolveGoMore a{ display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #Wlan.threeDiv .protechSolveGoMore a img{ position:absolute; top: 0; right: 0; } #Wlan.threeDiv .protechVideoCon{ width: 100%; height: auto; } #Wlan.threeDiv .applicationMenu{ width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); box-shadow: 0px 2px 8px rgba(0,0,0,0.1) } #Wlan.threeDiv .applicationMenuAct{ border-right: 1px solid #e60012; } #Wlan.threeDiv .applicationMenuList{ width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color:#666; border-bottom: 1px solid #e6e6e6; cursor: pointer; } #Wlan.threeDiv .applicationMenuListAct{ background: #e60012; color: #fff; } #Wlan.threeDiv .applicationMainBody{ width: 75%; height: 601px; float: left; } #Wlan.threeDiv .applicationMainOut{ width: 100%; height: auto; display: none; } #Wlan.threeDiv .applicationMainOutAct{ display: block; } #Wlan.threeDiv .applicationMainOutGrey{ background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; } #Wlan.threeDiv .applicationMainOutInner{ width: 23%; height:290px; margin-left: 2%; float: left; margin-bottom: 19px; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); box-shadow: 0px 2px 8px rgba(0,0,0,0.1) } #Wlan.threeDiv .applicationMainOutInner a{display:block;width:100%;height:100%;color:#333;} #Wlan.threeDiv .applicationMainOutInner img{ width: 100%; } #Wlan.threeDiv .applicationMainOutInner h2{ font-weight: 700; font-size: 14px; color: #333; margin: 6px 0 6px; box-sizing: border-box; padding: 0 12px; } #Wlan.threeDiv .applicationMainOutInner p{ font-size: 12px; padding: 0 12px; line-height: 1.6; } #Wlan.threeDiv .applicationMainOutTextBox{ width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; } #Wlan.threeDiv .applicationMainOutTextLastBox{ width: 100%; padding: 0; } #Wlan.threeDiv .applicationMainOutTextBox h2{ font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; } #Wlan.threeDiv .applicationMainOutTextBox li{ font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; margin: 10px 0; } /*#Wlan.threeDiv .applicationMainOutTextBox li:last-child{ margin-bottom: 0; }*/ #Wlan.threeDiv .applicationMainOutTextBox li a{ color: #333; } #Wlan.threeDiv .applicationMainOutTextBox li a:hover{ color: #e60012; } #Wlan.threeDiv .applicationMblTextBox{ padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #Wlan.threeDiv .applicationMblTextBox a{ display:block; width:100%; height:100%; color:#333; } #Wlan.threeDiv .applicationMblTextBox img{ width: 100%; float: left; } #Wlan.threeDiv .applicationMblTextBox h2{ font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; } #Wlan.threeDiv .applicationMblTextBox p{ font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; } #Wlan.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; } #Wlan.threeDiv div.serversConTextBoxAct p{ display: block; } div#Wlan .technicalGrey{ background-color: #f9f9f9; } #Wlan.threeDiv #videoWrapH5 .technicalGrey{ background-color: #f9f9f9; } #Wlan.threeDiv .applicationMainOutTextLastBox li{ margin: 12px 0; } #Wlan.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore{ margin: 0 0 40px; } #Wlan.threeDiv .OperationalTab{ max-width: 1232px; width: 100%; height: 100%; padding: 0 16px; margin: 0 auto } #Wlan.threeDiv .OperationalTabHead{ width: 100%; height: 60px; border:1px solid #e6e6e6; border-bottom: 1px solid #e60012; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.1); -o-box-shadow: 0 0 8px rgba(0,0,0,0.1); box-shadow: 0 0 8px rgba(0,0,0,0.1) } #Wlan.threeDiv .OperationalTabHead_4{ width: 25%; height: 100%; font-size: 20px; line-height: 60px; text-align: center; float: left; color: #666666; cursor: pointer; position: relative; } #Wlan.threeDiv .OperationalTabHead_4:before{ position: absolute; content: ""; width: 1px; height: 30px; background: #e6e6e6; top: 15px; left: 0; } #Wlan.threeDiv .OperationalTabHead_4:first-child:before{ width: 0px; } #Wlan.threeDiv .OperationalTabHeadAct{ background: #e60012; color: #fff; } #Wlan.threeDiv .OperationalTabBody{ width: 100%; padding:0; margin-bottom: 40px; border: 1px solid #e6e6e6; border-top: 0; } #Wlan.threeDiv .OperationalTabBody_4{ display: none; font-size: 14px; color: #666666; height: 555px; } #Wlan.threeDiv .OperationalTabBodyShort{ height: 118px } #Wlan.threeDiv .OperationalTabRightUl li{ padding-left: 16px; margin-right: 40px; float: left; background: url(../images/threeAll/threearrow.png) no-repeat; background-position: 0 6px; } #Wlan.threeDiv .OperationalTabRightUl a{ color: #333; font-size: 16px; } #Wlan.threeDiv .OperationalTabRightUl a:hover{ color: #e60012; } #Wlan.threeDiv .OperationalTabBody_4 p{ margin-bottom: 15px; font-size: 14px; } #Wlan.threeDiv .OperationalTabBodyAct{ display: block; } #Wlan.threeDiv .OperationalTabLeft{ width: 25%; height: 100%; float: left; background: #f5f5f5; border-right: 1px solid #e6e6e6; } #Wlan.threeDiv .OperationalTabLeft ul{ padding:10px 30px; } #Wlan.threeDiv .OperationalTabLeft li{ font-size: 16px; color: #333333; position: relative; padding-left: 32px; cursor: pointer; word-break: break-all; margin: 15px 0; } #Wlan.threeDiv .OperationalTabLeft li:hover .chooseWlan_text{ color: #e60012; } #Wlan.threeDiv .chooseWlanLiAct .chooseWlan_text{ color: #e60012; } #Wlan.threeDiv .chooseWlan{ position: absolute; top: 2px; left: 0; display: block; } #Wlan.threeDiv .chooseWlanAct{ position: absolute; top: 2px; left: 0; display: none; } #Wlan.threeDiv .chooseWlanLiAct .chooseWlan{ display: none; } #Wlan.threeDiv .chooseWlanLiAct .chooseWlanAct{ display: block; } #Wlan.threeDiv .OperationalTabRight{ width: 75%; height: 100%; float: left; padding-top: 30px; padding-left: 1.25%; padding-right: 1.25%; overflow-y:scroll ; } #Wlan.threeDiv .OperationalTabRightInner{ width: 30.7%; height: 236px; cursor: pointer; float: left; margin-left: 1.25%; margin-right: 1.25%; margin-bottom:22px; border: 1px solid #ececec; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.05); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.05); -ms-box-shadow: 0 3px 6px rgba(0,0,0,0.05); -o-box-shadow: 0 3px 6px rgba(0,0,0,0.05); box-shadow: 0 3px 6px rgba(0,0,0,0.05); } #Wlan.threeDiv .OperationalTabRightInner a{ display:block; width:100%; height:100%; } #Wlan.threeDiv .OperationalTabRightInner:hover{ -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #Wlan.threeDiv .OperationalTabRightInner_img{ width: 100%; } #Wlan.threeDiv .OperationalTabRightInnerBox{ width: 100%; height: auto; } #Wlan.threeDiv .OperationalTabRightInner_text{ font-size: 16px; line-height: 24px; width: 90%; color:#666; margin: 15px auto 0; } #Wlan .serversConText .serversConTextBox p{ /* display: none; */ } #Wlan.threeDiv .serversConText .serversConTextBox p:first-child{ display: block; } #Wlan.threeDiv .paddingTop0{ padding-top: 0; } #Wlan.threeDiv #succWrapH5 .techH5SuccText{ background: #fff; } .pdTop100{ padding-top: 100px; } /* 无线部分添加资源中心样式开始 */ #Wlan.threeDiv .SetTemplateInnerTab_4{ width: 25%; height: 120px; padding: 3px 13px; float: left; } #Wlan.threeDiv .SetTemplateInner{ width: 100%; height: 100%; background:#fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); font-size: 18px; color: #333333; } #Wlan.threeDiv .SetTemplateInnerText{ padding-left: 32px; padding-top: 28px; box-sizing: border-box; } #Wlan.threeDiv .SetTemplateInner_img{ vertical-align: middle; margin-right: 20px; } #Wlan.threeDiv .goPC{ display: block; } #Wlan.threeDiv .goMBL{ display: none } #Wlan.threeDiv .serversCon.Operational{padding-bottom: 40px;} /* 无线部分添加资源中心样式结束 */ @media screen and (max-width:965px) { #Wlan.threeDiv .applicationMainOutInner h2{ font-size: 12px; margin: 3px 0 3px; } #Wlan.threeDiv .applicationMainOutInner p{ line-height: 1.4; } } @media screen and (max-width:768px) { #Wlan.threeDiv .goMBL{display:block;} #Wlan.threeDiv .goPC{display:none;} #Wlan.threeDiv .greyMBL{ background: #f5f5f5; } #Wlan.threeDiv .OperationalTabBodyShort .OperationalTabRight{ height: auto; } #Wlan.threeDiv .protechSolveGoMore.gotoFontred{ display: block; } #Wlan.threeDiv .OperationalTabLeft{ width: 100%; height: auto; } #Wlan.threeDiv .OperationalTabRight{ width: 100%; padding: 10px; } #Wlan.threeDiv .OperationalTabRightInner{ width: 47.5%; height: auto; padding-bottom:10px; margin-bottom: 10px; overflow: hidden; } #Wlan.threeDiv .OperationalTabRightInner_text{ font-size: 12px; line-height: 1.2; margin: 0 auto; } #Wlan.threeDiv .OperationalTabLeft ul{ padding: 10px; } #Wlan.threeDiv .OperationalTabLeft li{ float: none; padding-left: 24px; margin: 8px 0; margin-right: 35px; } #Wlan.threeDiv .chooseWlan{ width: 18px; top: 1px; } #Wlan.threeDiv .OperationalTabBody_4 p{ margin-bottom: 15px; font-size: 12px; color: #666666; line-height: 1.5; } #Wlan.threeDiv .OperationalTabBody{ padding: 0px; } #Wlan.threeDiv .OperationalTab{ padding: 0; margin-top: -6.6%; } #Wlan.threeDiv .OperationalTabHead{ height: 35px; } #Wlan.threeDiv .OperationalTabHead_4{ font-size: 12px; line-height: 34px; } #Wlan.threeDiv .OperationalTabHead_4:before{ top: 10px; height: 15px; } #Wlan.threeDiv .columGoMore{ display: block; margin-top: 6.6%; } #Wlan.threeDiv .secondWrapBoxAdd{ padding:0 } #Wlan.threeDiv .serversConTextBot{ display: block; float: inherit; position: inherit; bottom: 0; } #Wlan.threeDiv .columGoMore a img{ width: 16px; margin-top: 2px; } #Wlan.threeDiv .columGoMore a{ padding-right: 20px } #Wlan.threeDiv .columGoMore{ display: block; } #Wlan.threeDiv .serversConText .serversConTextBox{ padding-top: 20px; padding-bottom: 0px; } #Wlan.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore{ margin: 20px 0 0; } #Operational .serversConText .serversConTextBox p,#Wlan .serversConText .serversConTextBox p{ /* display: none; */ margin-bottom:22px; } #Wlan.threeDiv .serversConText .serversConTextBox p:first-child{ display: block; } #Wlan.threeDiv .serversCon{padding-top:0;font-size:60px;} #Wlan.threeDiv .serversConImg{float:none;width:100%;margin:0;} #Wlan.threeDiv .serversConText{background:#fff;padding:3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #Wlan.threeDiv .serverClick{text-align:center;margin-top:5.625%;} #Wlan.threeDiv .serversConBox{padding:5.625% 0;} #Wlan.threeDiv .paddingTop0{ padding-top: 0; } /* 产品分类 */ #Wlan.threeDiv .classification{padding-top:0;font-size:60px;} #Wlan.threeDiv .classList li{float:none;width:100%;margin:0;} #Wlan.threeDiv .classList li:first-child{margin-bottom:3.75%;} #Wlan.threeDiv .classListTxt h2{font-size:46.875%;} #Wlan.threeDiv .classListTxt p{font-size:37.5%;margin-top:3%;} #Wlan.threeDiv .classListGoTo{margin-top:3%;} #Wlan.threeDiv .classListTxt p{overflow:visible;white-space:normal;line-height:1.5;} #Wlan.threeDiv .SetTemplateInnerTab_4{ width: 33.33%; padding: 3px 6px; height: 90px; } #Wlan.threeDiv .SetTemplateInnerBox{ padding: 0; overflow: hidden; } #Wlan.threeDiv .SetTemplateInner_img{ margin: 15px auto 12px; display: block; height: 29px; } #Wlan.threeDiv .SetTemplateInner{ font-size: 12px; text-align: center; } #Wlan.threeDiv .proSer_Btn{ margin-top:3%; } } @media screen and (max-width:640px){ #Wlan.threeDiv .serversCon,#Wlan.threeDiv .classification{ font-size: 50px; } #Wlan.threeDiv .serversCon{font-size:50px;} } @media screen and (max-width:414px){ #Wlan.threeDiv .serversCon,#Wlan.threeDiv .classification{ font-size: 44px; } #Wlan.threeDiv .serversCon{font-size:44px;} } @media screen and (max-width:375px){ #Wlan.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 37.5px; } #Wlan.threeDiv .serversCon{font-size:37.5px;} } /*无线 结束*/ /* 三级页面公共滑动按钮样式 */ .secondDiv.threeDiv .swiper-btn-box span.swiper-pagination-bullet-active{background:#e60213;} /* 公共背景色类名 */ .secondDiv.threeDiv .backRed{background:#e60012!important;} .secondDiv.threeDiv .backBlue{background:#2266af!important;} /* 大模板页面模块样式开始 */ /* 模板背景色设置 */ .ParityBlack,.ParityBlack section,.ParityBlack#newsWrap.protechJourn .columEntH3,.ParityBlack .protechH5Tit{background:#f5f5f5!important;} .ParityWhite,.ParityWhite section,.ParityWhite#newsWrap.protechJourn .columEntH3,.ParityWhite .protechH5Tit{background:#fff!important;} .ParityBlack .techH5Succ.succTechH5 .techH5SuccBtn{background:#f5f5f5!important;} .ParityWhite .techH5Succ.succTechH5 .techH5SuccBtn{background:#fff!important;} .ParityWhite #videoWrapH5 .technicalGrey{background:#fff!important;} .ParityBlack .techH5Succ.succTechH5 .techH5SuccCon{background:#f5f5f5!important;} .ParityBlack .techH5Succ.succTechH5 .succSysBox{background:#fff!important;} .ParityBlack #videoWrapH5 .protechH5VidBtn{background:#f5f5f5!important;} .ParityWhite .techH5Succ.succTechH5 .techH5SuccCon{background:#fff!important;} #SetTemplate.threeDiv .serversCon{padding-top:40px;font-size:32px;} #SetTemplate.threeDiv .serversConBox{background:#f5f5f5;padding:40px 0;} #SetTemplate.threeDiv .serversConBox .secondWrapBox:after{content:'';display:block;clear:both;} #SetTemplate.threeDiv .serversConImg{width:500px;float:left;margin-right:70px;margin-bottom:10px;cursor:pointer;position:relative;} #SetTemplate.threeDiv .serversConImg img{display:block;width:100%;} #SetTemplate.threeDiv .serversConText .serversConTextBox{height:auto;max-height:250px;overflow:hidden;} .secondDiv.threeDiv .serversConText .serversConTextBox .serversTitle{color:#333333;font-size:27px;height:28px;line-height:1;margin-bottom:16px;} #SetTemplate.threeDiv .serversConText p{font-size:14px;color:#666666;margin-bottom:25px;line-height:26px;} #SetTemplate.threeDiv .proVidConImgBlock{display:block;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;} #SetTemplate.threeDiv .proVidConImgBlock img{display:block;width:100%;height:100%;} #SetTemplate.threeDiv .proVidConImgBtn{display: block;width: 14%;position: absolute;top: 36%;left: 42.1%;} #SetTemplate.threeDiv .serverClick{text-align:right;margin-top:24px;font-size:14px;color:#e60012;} #SetTemplate.threeDiv .serverClick img{display:inline-block;vertical-align: middle;margin-left:4px;} #SetTemplate.threeDiv .serverClick.activeC{margin-top:20px;} #SetTemplate.threeDiv .serverClick .closeListS{display:none;} #SetTemplate.threeDiv .serverClikBtn{display:inline-block;cursor:pointer;} #SetTemplate.threeDiv .serverClikBtn span{display:inline-block;} #SetTemplate.threeDiv .serverClick.activeC .openListS{display:none;} #SetTemplate.threeDiv .serverClick.activeC .closeListS{display:inline-block;} /* 产品列表样式开始 */ #SetTemplate.threeDiv .protechListNav{border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #SetTemplate.threeDiv .protechList{font-size:32px;padding-top:40px;padding-bottom:30px;} #SetTemplate.threeDiv .protechListNav .ListNavList{overflow:hidden;zoom:1;border-bottom:1px solid #e60012;} #SetTemplate.threeDiv .ListNavList li{width:25%;float:left;padding:20px 0;background:#fff;border-top:1px solid #e6e6e6;cursor:pointer;} #SetTemplate.threeDiv .ListNavList li.backRed{border-top:1px solid #e60012;} #SetTemplate.threeDiv .ListNavList li.backRed span{color:#fff;border-right:none;} #SetTemplate.threeDiv .ListNavList li span{display:block;width:100%;padding:0 10px;line-height:1;font-size:20px;text-align:center;color:#666666;} #SetTemplate.threeDiv .ListNavList li .borderLeft{border-left:1px solid #e6e6e6;} #SetTemplate.threeDiv .ListNavList li:first-child .borderLeft{border-left:0;} #SetTemplate.threeDiv .setListCon{overflow:hidden;zoom:1;display:none;} #SetTemplate.threeDiv .setListCon.setListShow{display:block;} #SetTemplate.threeDiv .setListCon .cls-4{width:33.33%;float:left;} #SetTemplate.threeDiv .setListBox{width:100%;padding:30px 0 4px;} #SetTemplate.threeDiv .listBoxTit{font-size:18px;color:#333333;} #SetTemplate.threeDiv .listUrlBox a{display:block;color:#0b7ed7;margin-top:15px;line-height:1.2;font-size:14px;} #SetTemplate.threeDiv .listUrlBox a:hover{color:#e60012;} #SetTemplate.threeDiv .listUrlBox a:before{content:'>';color:#e60012;margin-right:10px;} /* 控制填充数据 */ .detailDate{width:0;height:0;display:none;} /* */ #SetTemplate.threeDiv .servProList{overflow:hidden;zoom:1;margin-top:20px;} #SetTemplate.threeDiv .servProList li{width:25%;float:left;font-size:16px;margin-bottom:24px;} #SetTemplate.threeDiv .servProList li a{color:#333;} #SetTemplate.threeDiv .servProList li a:hover{color:#e60012;} #SetTemplate.threeDiv .servProList li:before{ content:'>'; margin-right:10px; color:#e60012; } /* 移动端导航样式 */ #SetTemplate.threeDiv .setLisH5Box{display:none;position:relative;cursor:pointer;padding:3% 8% 3% 2%;background:#fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); border-bottom:1px solid #e6e6e6; } #SetTemplate.threeDiv .setLisH5Box span{display:block;width:100%;height:100%;font-size:16px;color:#333333;} #SetTemplate.threeDiv .setLisH5Box img{display:block;height:50%;position:absolute;right:2%;top:25%;} #SetTemplate.threeDiv .setLisH5Box img.setUp{display:none;} #SetTemplate.threeDiv .setLisH5Box.detailsShow{background:#e60012;color:#fff;} #SetTemplate.threeDiv .setLisH5Box.detailsShow span{color:#fff;} #SetTemplate.threeDiv .setLisH5Box.detailsShow img.setUp{display:block;} #SetTemplate.threeDiv .setLisH5Box.detailsShow img.setDown{display:none;} /* 第二种解决方案样式 */ #SetTemplate.threeDiv .techSolveConTwo .techSolveConList li{margin-bottom:30px;} /* */ #SetTemplate.threeDiv .education{padding-top:40px;padding-bottom:40px;} #SetTemplate.threeDiv .educationNav{overflow:hidden;height:60px;zoom:1;border-top:1px solid #e6e6e6;border-bottom:1px solid #e60012;} #SetTemplate.threeDiv .educationNav li{width:50%;height:100%;float:left;cursor:pointer;text-align:center;line-height:60px;background:#fff;border-right:1px solid #e6e6e6;} #SetTemplate.threeDiv .educationNav li:first-child{border-right:0;border-left:1px solid #e6e6e6;} #SetTemplate.threeDiv .educationNav li.active{background:#e60012;color:#fff;} /* */ #SetTemplate.threeDiv .educatTxt{display:none;padding-top:30px;} #SetTemplate.threeDiv .educatTxt p{font-size:14px;color:#666666;} #SetTemplate.threeDiv .educatTxt.Txtshow{display:block;} #SetTemplate .education .columGoMore{margin-top:-56px;} #SetTemplate.threeDiv .education .technicalSolve .techSolveCon{display:none;} #SetTemplate.threeDiv .education .technicalSolve .techSolveCon.active{display:block;} #SetTemplate.threeDiv .education .techH5Succ .techH5SuccConBox{display:none;} #SetTemplate.threeDiv .education .techH5Succ .techH5SuccConBox.active{display:block;} #SetTemplate.threeDiv .education .technicalSolve{padding-bottom:0;} #SetTemplate.threeDiv #newsWrap #MobileSeeMore>a, .paddingMore>a{padding:0 4.5%;} /* 没有图片的栏目概述 */ #SetTemplate.threeDiv .thisNoImg.serversConBox .serverClick{margin-top:20px;} /* 新解决方案模块样式(从上到下排列) */ #SetTemplate.threeDiv .newSloveBox .techSolveConList li{float:none;width:100%;overflow:hidden;zoom:1;margin:30px 0 0; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); -ms-box-shadow: 0 0 0 rgba(0,0,0,0); -o-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); } #SetTemplate.threeDiv .newSloveBox .techSolveConList li:first-child{margin:0;} #SetTemplate.threeDiv .newSloveBox .techSolveConList li .techSolveConListImg{width:240px;float:left;} #SetTemplate.threeDiv .newSloveBox.technicalSolve .techSolveConListText{padding-left:260px;} #SetTemplate.threeDiv .newSloveBox.technicalSolve .techSolveConListText p{margin-top:18px;} /* */ #SetTemplate.threeDiv .introduction{font-size:32px;padding-top:40px;} #SetTemplate.threeDiv .introduction .proEntBtn{ float: right; vertical-align: middle; cursor: pointer; } #SetTemplate.threeDiv .introduction .proEntBtnLeft{ float: left; margin-right: 10px; width: 28px; height: 28px; border: 1px solid #b0b0b0; position: relative; border-radius: 50%; background: url(../images/onestyleimg/lookArrow.png) no-repeat; background-position:45% 50%; } #SetTemplate.threeDiv .introduction .proEntBtnLeft.hover{ border: 0; background: #e60012 url(../images/onestyleimg/lookArrowHover.png) no-repeat; background-position:45% 50%; } #SetTemplate.threeDiv .introduction .proEntBtnRight{ float: left; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #b0b0b0; position: relative; background: url(../images/onestyleimg/lookArrowRight.png) no-repeat; background-position:55% 50%; } #SetTemplate.threeDiv .introduction .proEntBtnRight.hover{ border: 0; background: #e60012 url(../images/onestyleimg/lookArrowRightHover.png) no-repeat; background-position:55% 50%; } #SetTemplate.threeDiv .introdBox{width:100%;overflow:hidden;zoom:1;} #SetTemplate.threeDiv .introdBoxAnima{width:200%;position:relative;top:0;left:0;overflow:hidden;padding-bottom:10px;} #SetTemplate.threeDiv .introdBoxAnima .introdBoxList{width:100%;float:left;} @media screen and (max-width:768px) { #SetTemplate.threeDiv .thisNoImg.serversConBox .serversConText{ background:none; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); -ms-box-shadow: 0 0 0 rgba(0,0,0,0); -o-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); } #SetTemplate.threeDiv .serversCon{padding-top:0;font-size:60px;} #SetTemplate.threeDiv .serversConImg{float:none;width:100%;margin:0;} #SetTemplate.threeDiv .serversConText{background:#fff;padding:3.75%; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #SetTemplate.threeDiv .serverClick{text-align:center;margin-top:5.625%;} #SetTemplate.threeDiv .serversConBox{padding:5.625% 0;} #SetTemplate.threeDiv .protechList{padding-top:0;font-size:60px;} #SetTemplate.threeDiv .protechListNav{display:none;} #SetTemplate.threeDiv .setLisH5Box{display:block;} #SetTemplate.threeDiv .setListCon .cls-4{width:100%;float:none;} #SetTemplate.threeDiv .listBoxTit{font-size:40%;} #SetTemplate.threeDiv .listUrlBox a{font-size:37.5%;margin-top:2%;} #SetTemplate.threeDiv .setListBox{padding:5% 0 2%;} #SetTemplate.threeDiv .servProList{background:#fff;padding:3%; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #SetTemplate.threeDiv .servProList li{width:100%;float:none;margin-bottom:3%;font-size:37.5%;} #SetTemplate.threeDiv .navWrap{padding:0;} #SetTemplate.threeDiv .educationNav li{border:none;font-size:37.5%;} #SetTemplate.threeDiv .education{padding:5% 0;} #SetTemplate.threeDiv .education .techH5Succ.succTechH5{border-top:1px solid #e8e8e8;margin-top:5%;} .secondDiv.threeDiv .serversConText .serversConTextBox .serversTitle{font-size:18px;height:20px;line-height:20px;} #SetTemplate.threeDiv .serversConText p{margin-bottom:22px;line-height:28px;} #SetTemplate.threeDiv .serversConText p img{width:80%;display:block;margin:0 auto;} } @media screen and (max-width:640px){ #SetTemplate.threeDiv .serversCon,#SetTemplate.threeDiv .protechList,#SetTemplate.threeDiv .education{ font-size: 50px; } } @media screen and (max-width:414px){ #SetTemplate.threeDiv .serversCon,#SetTemplate.threeDiv .protechList,#SetTemplate.threeDiv .education{ font-size: 44px; } } @media screen and (max-width:375px){ #SetTemplate.threeDiv .serversCon,#SetTemplate.threeDiv .protechList,#SetTemplate.threeDiv .education{ font-size: 37.5px; } } /* 大模板页面模块样式结束 */ /* 勇辉大模板部分样式 */ /*大模板开始*/ #SetTemplate.threeDiv .swiper-serCon{overflow:hidden;} #SetTemplate.threeDiv .serversCon{padding-top:40px;font-size:32px;} #SetTemplate.threeDiv .serversCon.Operational{padding-bottom: 40px;} #SetTemplate.threeDiv .serversCon.havepadding{padding-bottom: 40px;} body.ie8 #SetTemplate.threeDiv .classList li{border:1px solid #e8e8e8;} #SetTemplate.threeDiv .padding0 { padding: 0; } #SetTemplate.threeDiv .serversConTextBot{ display: block; float: right; position: absolute; right: 0; color: #333; bottom: 40px; cursor: pointer; } #SetTemplate.threeDiv .zhanClickAct{ color: #e60012; } #SetTemplate.threeDiv .moreBtn { position: relative; top:-2px; } #SetTemplate #succWrapPC .techSolveConListText{ background: #fff; } #SetTemplate.threeDiv #succWrapPC .techSolveConListText h3{ font-size: 18px; color: #333; } #SetTemplate.threeDiv .WlanAdd_p{ font-size: 18px; color: #333; } #SetTemplate.threeDiv #succWrapH5 .succSysBox{ -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.1); -o-box-shadow: 0 0 8px rgba(0,0,0,0.1); box-shadow: 0 0 8px rgba(0,0,0,0.1); } #SetTemplate.threeDiv #succWrapH5 .swiper-containerSuccH5 .swiper-slide{ padding-top: 5px; } #SetTemplate.threeDiv #videoWrapH5 .protechH5VidTxt{ background: #fff; } #SetTemplate.threeDiv #videoWrapPC .proVidConTextAdd { width: 100%; padding: 5%; font-size: 22px; height: 95px; line-height: 1.3; background: #fff; } #SetTemplate.threeDiv .protechSolveGoMore{ height: 20px; float: right; font-size: 14px; cursor: pointer; } #SetTemplate.threeDiv .protechSolveGoMore a{ display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #SetTemplate.threeDiv .protechSolveGoMore a img{ position:absolute; top: 0; right: 0; } #SetTemplate.threeDiv .protechVideoCon{ width: 100%; height: auto; } #SetTemplate.threeDiv .applicationMenu{ width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.1); box-shadow: 0px 2px 8px rgba(0,0,0,0.1) } #SetTemplate.threeDiv .applicationMenuAct{ border-right: 1px solid #e60012; } #SetTemplate.threeDiv .applicationMenuList{ width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color:#666; border-bottom: 1px solid #e6e6e6; cursor: pointer; } #SetTemplate.threeDiv .applicationMenuListAct{ background: #e60012; color: #fff; } #SetTemplate.threeDiv .applicationMainBody{ width: 75%; height: 601px; float: left; } #SetTemplate.threeDiv .applicationMainOut{ width: 100%; height: auto; display: none; } #SetTemplate.threeDiv .applicationMainOutAct{ display: block; } #SetTemplate.threeDiv .applicationMainOutGrey{ background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; } #SetTemplate.threeDiv .applicationMainOutTextBox{ width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; } #SetTemplate.threeDiv .applicationMainOutTextLastBox{ width: 100%; padding: 0; } #SetTemplate.threeDiv .applicationMainOutTextBox h2{ font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; } #SetTemplate.threeDiv .applicationMainOutTextBox li{ font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; margin: 10px 0; } #SetTemplate.threeDiv .applicationMainOutTextBox li a{ color: #333; } #SetTemplate.threeDiv .applicationMainOutTextBox li a:hover{ color: #e60012; } #SetTemplate.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; } #SetTemplate.threeDiv div.serversConTextBoxAct p{ display: block; } div#SetTemplate .technicalGrey{ background-color: #f9f9f9; } #SetTemplate.threeDiv #videoWrapH5 .technicalGrey{ background-color: #f9f9f9; } #SetTemplate.threeDiv .applicationMainOutTextLastBox li{ margin: 12px 0; } #SetTemplate.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore{ margin: 0 0 40px; } #SetTemplate .serversConText .serversConTextBox p{ /* display: none; */ } #SetTemplate.threeDiv .serversConText .serversConTextBox p:first-child{ display: block; } #SetTemplate.threeDiv .paddingTop0{ padding-top: 0; } #SetTemplate.threeDiv #succWrapH5 .techH5SuccText{ background: #fff; } #SetTemplate.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore{ margin: 20px 0 0px; } #SetTemplate.threeDiv .OperationalLastImgBox{ width: 38%; float: left; } #SetTemplate.threeDiv .OperationalLastImg{ width: 100%; } #SetTemplate.threeDiv .OperationalLastTextBox{ width: 62%; float: left; box-sizing: border-box; padding-left: 28px; } #SetTemplate.threeDiv .OperationalLastTextBox h2{ font-size: 24px; color: #333; } #SetTemplate.threeDiv .OperationalLastTextBox p{ font-size: 14px; color: #333; line-height: 1.5; margin: 16px 0 16px; } #SetTemplate.threeDiv .OperationalLastTextBox li{ font-size: 14px; float: left; padding-left: 16px; cursor: pointer; margin-right: 35px; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; } #SetTemplate.threeDiv .OperationalLastTextBox li a{ color: #333; } #SetTemplate.threeDiv .OperationalLastTextBox li a:hover{ color: #e60012; } #SetTemplate.threeDiv .SetTemplateInnerBox{ } #SetTemplate.threeDiv .SetTemplateInnerTab_4{ width: 25%; height: 120px; padding: 3px 13px; float: left; } #SetTemplate.threeDiv .SetTemplateInner{ width: 100%; height: 100%; background:#fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); font-size: 18px; color: #333333; } #SetTemplate.threeDiv .SetTemplateInnerText{ padding-left: 32px; padding-top: 28px; box-sizing: border-box; } #SetTemplate.threeDiv .SetTemplateInner_img{ vertical-align: middle; margin-right: 20px; } #SetTemplate.threeDiv .goPC{ display: block; } #SetTemplate.threeDiv .goMBL{ display: none } @media screen and (max-width:965px) { #SetTemplate.threeDiv .applicationMainOutInner h2{ font-size: 12px; margin: 3px 0 3px; } #SetTemplate.threeDiv .applicationMainOutInner p{ line-height: 1.4; } } @media screen and (max-width:768px) { #SetTemplate.threeDiv .serversCon.Operational{ padding-bottom:1px; } #SetTemplate.threeDiv .goPC{ display: none; } #SetTemplate.threeDiv .ProtechBtn.swiper-btn-box,#SetTemplate.threeDiv .swiper-btn-box.proSer_Btn{ margin: 26px 0 40px; } #SetTemplate.threeDiv .SetTemplateInnerTab_4{ width: 33.33%; padding: 3px 6px; height: 90px; } #SetTemplate.threeDiv .SetTemplateInnerBox{ padding: 0; overflow: hidden; } #SetTemplate.threeDiv .SetTemplateInner_img{ margin: 15px auto 12px; display: block; height: 29px; } #SetTemplate.threeDiv .SetTemplateInner{ font-size: 12px; text-align: center; } #SetTemplate.threeDiv .goMBL{ display: block } #SetTemplate.threeDiv .greyMBL{ background: #f5f5f5; } #SetTemplate.threeDiv .goMBL .secondWrapBox{ padding: 0 6px; } #SetTemplate.threeDiv .protechSolveGoMore.gotoFontred{ display: block; } #SetTemplate.threeDiv .secondWrapBoxAdd{ padding:0 } #SetTemplate.threeDiv .serversConTextBot{ display: block; float: inherit; position: inherit; bottom: 0; } #SetTemplate.threeDiv .OperationalLastImgBox{ width: 100%; } #SetTemplate.threeDiv .OperationalLastImg { width: 70%; display: block; margin: 0 auto; } #SetTemplate.threeDiv .OperationalLastTextBox { width: 100%; padding: 0; } #SetTemplate.threeDiv .technicalGrey .columGoMore { display: none; } #SetTemplate.threeDiv .OperationalLastTextBox h2 { font-size: 15px; text-align: center; margin: 16px 0; } #SetTemplate.threeDiv .Operational .secondWrapBoxAdd_2{display:none;} #SetTemplate.threeDiv .Operational .secondWrapBoxAdd_2:first-child{display:block;} #SetTemplate.threeDiv .serversConText .serversConTextBox{ padding-top: 20px; padding-bottom: 0px; } #SetTemplate.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore{ margin: 20px 0 0; } #SetTemplate .serversConText .serversConTextBox p{ /* display: none; */ } #SetTemplate.threeDiv .serversConText .serversConTextBox p:first-child{ display: block; } #SetTemplate.threeDiv .serversCon{padding-top:0;font-size:60px;padding-bottom: 0;} #SetTemplate.threeDiv .serversConImg{float:none;width:100%;margin:0;} #SetTemplate.threeDiv .serversConText{background:#fff;padding:3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1); box-shadow: 0 3px 8px rgba(0,0,0,0.1); } #SetTemplate.threeDiv .serverClick{text-align:center;margin-top:5.625%;} #SetTemplate.threeDiv .serversConBox{padding:5.625% 0;} #SetTemplate.threeDiv .paddingTop0{ padding-top: 0; } } @media screen and (max-width:640px){ #SetTemplate.threeDiv .serversCon,#Wlan.threeDiv .classification{ font-size: 50px; } #SetTemplate.threeDiv .serversCon{font-size:50px;} } @media screen and (max-width:414px){ #SetTemplate.threeDiv .serversCon,#Wlan.threeDiv .classification{ font-size: 44px; } #SetTemplate.threeDiv .serversCon{font-size:44px;} } @media screen and (max-width:375px){ #SetTemplate.threeDiv .serversCon,#IT_application.threeDiv .classification{ font-size: 37.5px; } #SetTemplate.threeDiv .serversCon{font-size:37.5px;} } /* 切换部分 */ #SetTemplate.threeDiv .SDNPCNav{height:48px;border:1px solid #e8e8e8;border-top:0;border-bottom:0;} #SetTemplate.threeDiv .SDNPCNav li{width:20%;background:#fff;float:left;height:100%;text-align: center;line-height:48px;font-size:18px;color:#666666;position:relative;cursor:pointer;border-top:1px solid #e8e8e8;border-bottom:2px solid #e60012;} #SetTemplate.threeDiv .SDNPCNav li>i{display:block;width:1px;height:14px;background-color:#d5d5d5;position:absolute;top:17px;right:0;} #SetTemplate.threeDiv .SDNPCNav li.SDNPCAct{border-top:1px solid #e60012;background:#e60012;color:#fff;} #SetTemplate.threeDiv .SDNPCNav li.SDNPCAct>i{display:none;} #SetTemplate.threeDiv .SDNProtech{padding-top:40px;} #SetTemplate.threeDiv .setListTxt{font-size:14px;color:#666666;padding:26px 0 10px;line-height:1.5;} #SetTemplate.threeDiv .setListTxt p{margin-bottom:4px;} #SetTemplate.threeDiv .topLine{border-top:1px solid #e8e8e8;} @media screen and (max-width:768px) { #SetTemplate.threeDiv .SDNPCNav{display:none;} #SetTemplate.threeDiv .setListtxtBox{padding-bottom:5%;margin-bottom:6%;} #SetTemplate.threeDiv .SDNProtech .techH5Succ.succTechH5 .succSysBox{width:100%;} #SetTemplate.threeDiv .SDNProtech .paddingMore{padding:1% 0 4%;} #SetTemplate.threeDiv .SDNProtech .paddingMore a{padding:0;} #SetTemplate.threeDiv .SDNProtech{padding:5% 0;} } /*大模板结束*/ /* 没有展开全部部分样式添加 */ #SetTemplate.threeDiv.secondDiv .serversConTextBox.isNoMoreBox{height:auto;max-height:none;} #SetTemplate.threeDiv.secondDiv .serversConTextBox.isNoMoreBox img{max-width:80%;display:block;margin:0 auto;} /* 该部分为原网站样式分离开始 */ /*面包屑*/ div.crumbs { width: 100%; font-size: 12px; color: #666; margin-top: 100px;/* background-color: #fafafa; */ z-index: 10; } div.crumbs .nowpage {/*height: 100%; */padding: 23px 0; font-size: 14px;/* font-size: 18px;*//*position: absolute;right: 0;*/width: 20%; float: right; text-align: right; } div.crumbs .nowpage.to-stat-wrap { width: 50%; position: absolute; right: 0; text-align: right; z-index: 5; } div.crumbs .nolink { color: #e60012 !important; } .pro_right .pro_rela ul { padding: 18px 0px 30px; background-color: #fff; position: relative; overflow: hidden; border: solid 1px #ececec; } .pro_right .pro_rela ul li a { line-height: 30px; display: block; padding-left: 34px; padding-right: 18px; font-size: 14px; background: url(/cn/tres/WebUI/images/sj_solve.png) no-repeat 16px top; width: 100%; } .pro_right .pro_rela ul li a:hover { background: url(/cn/tres/WebUI/images/sj_solve.png) #EDEDED no-repeat 16px top; } .pro_right .pro_rela ul li.on a { background: url(/cn/tres/WebUI/images/sj_solve.png) #EDEDED no-repeat 16px top; } .pro_right .ab_eigh ul { padding: 18px 18px 30px; background-color: #f7f7f7; position: relative; overflow: hidden; } .pro_right .ab_eigh ul li { height: 30px; line-height: 30px; display: block; float: left; padding-left: 16px; font-size: 14px; background: url(/cn/tres/WebUI/images/sj_about.png) no-repeat left; width: 100%; } .pro_right .ab_eigh ul li:hover { background: url(/cn/tres/WebUI/images/sj_solve.png) no-repeat left; } .pro_right .ab_eigh ul li a { color: #666; } .pro_right .ab_eigh ul li:hover a { color: #0b7fd7; } .pro_right .pro_fast { margin-top: 20px; } .pro_right .pro_fast ul { border: solid 1px #ececec; } .pro_right .pro_fast ul li { height: 40px; line-height: 40px; border-bottom: 1px solid #ededed; background: url(/cn/tres/WebUI/images/pro_fast.png) right no-repeat; padding-left: 20px; padding-right: 8px; color: #666666; font-size: 14px; } .pro_right .pro_fast ul li:hover { background: url(/cn/tres/WebUI/images/pro_fast.png) right no-repeat #ededed } .pro_right .pro_fast ul li a { color: #666; display: block; } .pro_right .pro_fast ul li:hover a { color: #4894dd; } .pro_right .pro_add { margin-top: 20px; } .pro_right .pro_add img { width: 100%; height: auto; } .pro_right .pro_add p { color: #0075c8; font-size: 14px; text-align: left; margin-top: 5px; } .pro_detail .title { height: 50px; text-align: center; font-size: 24px; color: #333; } .acontent .btn_list { width: 100%; overflow: hidden; margin: 20px 0px; position: relative; } .acontent .btn_list ul li { display: block; float: right; width: 85px; line-height: 30px; font-size: 14px; color: #666; text-align: left; height: 30px; } .acontent .btn_list ul li a { display: block; line-height: 30px; padding-left: 40px; background: url(/cn/tres/WebUI/images/btn_pro_detail.png) #f7f7f7 no-repeat; margin-left: 2px; } .acontent .btn_list ul li a:hover { background-color: #eee; } .acontent .btn_list ul li.download a { background-position: 0 -90px; } .acontent .btn_list ul li.collect a { background-position: 0 -60px; } .acontent .btn_list ul li.print a { background-position: 0 -30px; } .acontent .btn_list ul li.good a { background-position: 0 0; margin-left: 0px; } .acontent .btn_list span.time { display: block; width: 150px; height: 30px; line-height: 30px; position: absolute; left: 50%; top: 0; margin-left: -75px; text-align: center; font-size: 14px; color: #b2b2b2; } .acontent h3 { font-size: 24px; color: #333; margin-top: 5px; } .acontent h4 { font-size: 18px; padding-top: 100px; margin-top: -65px; margin-bottom: 5px; } .acontent h4 a { color: #333; } .acontent .list_title { font-size: 14px; color: #666; margin-top: 15px; } .acontent p { display: block; line-height: 28px; font-size: 14px; line-height: 28px; } .acontent .list { margin-top: 5px; } .acontent .list p { margin-top: 0; line-height: 28px; } .acontent div.img { margin: 45px 0; } /*新闻翻页*/ .news-page { padding: 30px 0px; height: 30px; width: 100%; overflow: hidden; } .news-page img { display: block; height: 30px; line-height: 30px; width: 30px; float: left;/*background-color:#f2f2f2;*/ margin-right: 2px; } .news-page p { float: left; height: 30px; background: url(../../images/pagebar_line.png) no-repeat center; overflow: hidden; } .news-page p span { display: block; float: left; line-height: 30px; height: 30px; padding: 0px 10px; } .news-page .form { float: left; margin-left: 0px; overflow: hidden; height: 30px; } .news-page .form .page-text { height: 30px; line-height: 30px; border: 1px solid #dedede; width: 100px; padding: 0px 10px; float: left; display: block; *height: 28px; *line-height: 28px; } .news-page .form .page-button { background: #0b7fd7; color: #fff; font-size: 14px; line-height: 1em; width: 80px; margin-left: 10px; left: left; border: none; height: 30px; } /*合作伙伴*/ .par_left .passage h2 { font-size: 24px; color: #333; padding-bottom: 20px; } .par_left .passage h3 { font-size: 20px; color: #333; padding-bottom: 25px; } .par_left .passage h4 { font-size: 18px; color: #333; margin-top: 20px; padding-bottom: 5px; } .par_left .passage p { font-size: 14px; color: #666; line-height: 24px; } .par_left .passage .more a { border: solid 1px #d3d3d3; padding: 0 15px; line-height: 30px; display: inline-block; } .par_left .passage .more a:hover {/* color:#248fd1; */background: #e60012; color: #fff !important; } .par_left .passage p span { color: #0b7fd7; } .par_left .passage .normal_table { border-left: 1px solid #e5e4e4; border-top: 1px solid #e5e4e4; margin-top: 30px; } .par_left .passage .normal_table th, .par_left .passage .normal_table td { border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; height: 65px; font-size: 14px; color: #666; } .par_left .passage .normal_table th { font-size: 18px; background: #e60012; } .par_left .passage .normal_table .left { text-align: center; width: 200px; } .par_left .passage .normal_table .right { text-align: left; padding-left: 30px; padding-right: 10px; } .par_left .passage .MsoNormalTable { border-left: 1px solid #e5e4e4; border-top: 1px solid #e5e4e4; margin-top: 30px; width: 100%; } .par_left .passage .MsoNormalTable th, .par_left .passage .MsoNormalTable td { border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; height: 65px; font-size: 14px; color: #666; vertical-align: middle; } .par_left .passage .MsoNormalTable th, .par_left .passage .MsoNormalTable tr:first-child td { font-size: 18px; background: #f8f8f8; } .par_left .passage .MsoNormalTable p { text-align: left; padding-left: 30px; padding-right: 10px; font-size: 14px; color: #666; } .par_left .passage .MsoNormalTable p b { font-size: 18px; font-weight: normal; } .par_left .passage .MsoNormalTable td:first-child p { text-align: center; padding-left: 0; padding-right: 0; } .step_table > tbody > tr > td { border: 1px solid #fff; background: #f2f2f2; text-align: center; } .step_table > tbody > tr > td.active { background: #0b7fd7; } .step_table > tbody > tr > td.active a p { color: #fff; } .step_table > tbody > tr > td.active a p:first-child { color: #fff; } .step_table > tbody > tr > td.active a .inner { background: url(/cn/tres/WebUI/images/num_w.png) no-repeat top center; } .step_table > tbody > tr > td.blank { background: #fff; } .step_seven > tbody > tr > td { width: 14.28%; } .step_five > tbody > tr > td { width: 20%; } .step_six > tbody > tr > td { width: 16.6%; } .step_table > tbody > tr > td a p { margin-top: 10px; padding: 0; } .step_table > tbody > tr > td a p:first-child { padding-top: 20px; margin-top: -10px; font-weight: bold; color: #999; } .step_table > tbody > tr > td a .inner { background: url(/cn/tres/WebUI/images/num_g.png) no-repeat top center; } .par_left .daili h3 { font-size: 24px; padding-bottom: 20px; margin-top: 45px; color: #333; } .par_left .daili h4 { color: #666; padding-bottom: 20px; } .par_left .daili p.daili { color: #999; } .m20 { margin: 20px 0 !important; } .m30 { margin: 30px 0 !important; } .m40 { margin: 40px 0 !important; } .normal_form .aline { overflow: visible; clear: both; width: 100%; line-height: 40px; padding: 10px 0; font-size: 14px; } .normal_form .aline label { height: 100%; margin-bottom: 0; padding-left: 12px; background: url(/cn/tres/WebUI/images/star_red.png) no-repeat left top; font-weight: normal; color: #666; display: block; cursor: auto; } .normal_form .aline label.nostar { background: none; } .normal_form .aline input { height: 40px; border-radius: 0; border-color: #ccc; float: left; } .normal_form .aline .btn-group { height: 40px; position: relative; padding: 0; width: 100%; } .normal_form .aline button { height: 100%; border-radius: 0; background-image: none; color: #666; } .normal_form .aline button.show-result { width: 100%; text-align: left; position: relative; z-index: 0; } .normal_form .aline button.show-result:hover, .normal_form .aline button.show-result:focus { background: none; } .normal_form .aline button.dropdown-toggle { width: 40px; text-align: center; position: absolute; right: 0; top: 0; z-index: 1 } .normal_form .aline ul.dropdown-menu { border-radius: 0; min-width: 100%; border: 1px solid #ccc; left: 0px; } .normal_form .aline ul.dropdown-menu li a { color: #666; } .normal_form .aline .tip { width: auto; height: 100%; } .normal_form .aline .doubleinline { margin-right: 1%; } .normal_form .bline { height: auto; overflow: hidden; } .normal_form .aline textarea { float: left; width: 100%; border-radius: 0; } .normal_form .aline input[type="button"], .normal_form .aline input[type='submit'] { width: 100%; height: 100%; border: none; border-radius: 0; background: #0b7fd7; font-size: 18px; color: #fff; text-align: center; cursor: pointer; } .normal_form .aline .left { padding-left: 0; } .normal_form .aline .right { padding-right: 0; } .normal_form .mline { text-align: center; width: 100%; } .normal_form .mline .checkbox { position: relative; display: block; text-align: center; margin: 0; height: 100%; padding-left: 22px; } .normal_form .mline input[type="checkbox"] { float: none; width: auto; margin-top: 0; outline: none; } .normal_form .mline input[type="radio"] { float: left; margin-left: -20px; margin-right: 5px; width: auto; outline: none; margin-top: 0; } .normal_form .mline input[type="submit"] { float: none; width: 170px; } .normal_form .mline img { color: #d12424; font-size: 18px; margin-left: 10px; } .normal_form .tline button.dropdown-toggle { right: 0; } .normal_form { padding: 0 15px; } .normal_form .lline input { width: 70%; } .normal_form .word { height: auto; padding: 10px 0 10px 12px; font-size: 14px; color: #666; } .normal_form .word span { color: #0b7ed7; } .normal_form .aline .file { height: 100%; background: #0b7fd7; color: #fff; font-size: 14px; text-align: center; float: left; position: relative; } .normal_form .aline .file input[type="file"] { width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 1; top: 0; left: 0; cursor: pointer; } .normal_form .check .random_num { height: 40px; padding-left: 0; } .normal_form .check .random_num .img { border: 1px solid #ccc; height: 100%; } .normal_form .check .random_num .img img { width: 100%; height: 100%; } .normal_form .mline .aleft { text-align: left; } .tline { position: relative; z-index: 1; } .tline .aline { overflow: visible; } .tline .aline label { padding-left: 0; } .tline .aline .btn-group { padding-right: 0; } .tline .aline .righttip { background: none; text-align: left; } .passage .celltable tr { height: 40px; font-size: 14px; color: #666; } .passage .celltable th { background: #f8f8f8; } .passage .celltable td { } .celltable > tbody > tr > th, .celltable > tbody > tr > td { height: 40px; line-height: 40px; border: 2px solid #fff; padding: 0; text-align: center; } .celltable > tbody > tr > th.left, .celltable > tbody > tr > td.left { width: 24%; } .celltable > tbody > tr > th > div, .celltable > tbody > tr > td > div { border: 1px solid #ddd; width: 100%; height: 100%; } .celltable > tbody > tr > th.left > div, .celltable > tbody > tr > td.left > div { text-align: left; padding-left: 10px; width: 100%; } .celltable > tbody > tr > th.left > div.star, .celltable > tbody > tr > td.left > div.star { padding-left: 22px; background: url(/cn/tres/WebUI/images/star_red.png) no-repeat 10px top; } .celltable input { width: 100%; height: 100%; border: none; text-align: center; } .par_fj { padding: 0 -15px; width: 100%; padding-top: 0; padding-bottom: 0; } .par_fj h3 { padding-left: 15px; } .par_left .daili .apply { text-align: center; width: 100%; } .par_left .daili .apply h3, .par_left .daili .apply p { text-align: center; } .par_left .daili .apply input[type="button"] { padding: 10px 95px; background: #0b7fd7; font-size: 18px; color: #fff; border: 0; margin-top: 25px; } div.par_main { padding: 0; } .par_main h2, .par_main h3 { color: #333; } .par_main .login { padding: 0 15px; } .par_main .apart { margin-top: 25px; } .par_main .left_part { padding: 25px 0; } .par_main .left_part ul { margin-top: 15px; } .par_main .left_part ul li { height: 80px; width: 100%; padding-left: 70px; line-height: 80px; font-size: 18px; } .par_main .left_part ul li.first { background: url(/cn/tres/WebUI/images/s_21.png) no-repeat left center; } .par_main .left_part ul li.second { background: url(/cn/tres/WebUI/images/s_23.png) no-repeat left center; } .par_main .left_part ul li.third { background: url(/cn/tres/WebUI/images/s_24.png) no-repeat left center; } .par_main .left_part ul li.fourth { background: url(/cn/tres/WebUI/images/s_25.png) no-repeat left center; } .par_main .left_part ul li a { color: #666; } .par_main .left_part p { font-size: 14px; color: #666; line-height: 24px; width: 85%; margin-top: 5px; } .par_main .apart .login_box { width: 100%; height: auto; border: 1px solid #e3e3e3; background: #f5f5f5; padding: 25px 0; } .par_main .right_part h3 { text-align: center; padding: 0 15px 20px; } .login_form .aline label { background: none; text-align: right; } .login_form .aline a.button { height: 40px; width: 100%; display: block; text-align: center; background: none; border: 1px solid #ccc; font-size: 18px; color: #333; } .login_form .aline .tip a { color: #0b7fd7; text-decoration: underline; } .bundling_form .aline .tip { } .bundling_form .aline .tip a { color: #0b7fd7; text-decoration: none; } .par_left .cpps h3 { padding: 10px 0 20px 0; color: #666; } .par_left .cpps h4 { color: #666; margin-top: 0; padding-bottom: 5px; } .par_left .cpps p { line-height: 26px; } .par_left div.blank { width: 100%; height: 30px; } .relive_form .aline .nostar { padding-left: 0; } .passage .relive_form h4 { padding-bottom: 20px; } .window .title { height: 50px; width: 100%; background: #3c99df; color: #fff; font-size: 20px; line-height: 50px; padding-left: 20px; } .par_left .check h2 { padding-bottom: 40px; } .par_left .check h3 { padding: 0 0 20px 0; } .check_table > tbody > tr > th.left > div { text-align: center; } .check_table > tbody > tr > th.left > div.star, .check_table > tbody > tr > td.left > div.star { background: none; } .check .line { margin-top: 40px; margin-bottom: 20px; } .passage .status p { font-size: 18px; line-height: 30px; } .passage .status p span.red { color: #ff0000 } .passage .status p span.blue { color: #0b7fd7 } .passage .door { padding-top: 20px; padding-bottom: 20px; overflow: hidden; } .passage .door h3 { color: #0b7fd7; } .passage .door .inner { padding-top: 160px; text-align: center; } .passage .door .door_left { background: url(/cn/tres/WebUI/images/s_27.png) no-repeat center 30px; } .passage .door .door_right { background: url(/cn/tres/WebUI/images/s_28.png) no-repeat center 30px; border-left: 1px solid #e6e6e6; } .passage .door .inner p { font-size: 16px; } .passage .door .inner p span { color: #0b7fd7; } .channel-tag-bd .list { margin-top: 30px; } div.top0, .top0 { margin-top: 0 !important; padding-top: 0 !important; } .channel-tag-bd .list p { background: url(/cn/tres/WebUI/images/pro_link.png) no-repeat scroll 0 5px rgba(0, 0, 0, 0); padding-left: 15px; line-height: 26px; } .passage .more { text-align: right; font-size: 14px; margin-top: 12px; padding-left: 0 !important; background: none !important; } .passage .more a { margin-left: 30px; } .passage .more a.download { background: url(/cn/tres/WebUI/images/download_small.png) no-repeat left top; padding-left: 24px; } .passage .more a.read { background: url(/cn/tres/WebUI/images/btn_solve01.png) no-repeat left top; padding-left: 24px; } .channel-tag-ul li .black { margin-bottom: 12px; } .channel-tag-ul li .black a { color: #333; font-size: 18px; } .timeline li dl { display: none; background: url(/cn/tres/WebUI/images/month-bg0.png) repeat-y left top; } .timeline li.on dl { display: block; } .timeline dl dd { display: block; height: auto; position: relative; } .timeline dl dd a.month { display: block; width: 150px; padding-left: 90px; line-height: 60px; font-size: 26px; color: #666; background: url(/cn/tres/WebUI/images/month-on.png) no-repeat left top; } .timeline dl dd .monthnp ul { margin-top: -40px; padding-left: 160px; padding-right: 10px; font-size: 14px; color: #808080; line-height: 24px; padding-bottom: 20px; } .timeline dl dd .monthnp li { font-size: 14px; color: #808080; line-height: 24px; padding-bottom: 10px; } .about_top .hard-sketch h1 { text-align: left; } .about_top .hard-sketch h1, .about_top .hard-sketch h2 { padding-bottom: 10px; } .about_top .hard-sketch p { padding-top: 20px; } .wrap_line { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .about_content h2 { padding: 50px 0 40px; text-align: left; color: #262626; font-size: 24px; } .about_content .channel-tag-ul li .black a { color: #248fd1; font-size: 18px; } .about_solve .channel-tag-ul li .black a { color: #248fd1; font-size: 18px; } .about_solve .channel-tag-ul { padding-bottom: 30px; } .channel-tag-ul li .icon { text-align: center; } .channel-tag-ul li .icon img { width: auto; height: auto; } .about_icon { padding-bottom: 30px; } .about_icon .channel-tag-ul li .des { padding-left: 0 !important; } /*智能广域网解决方案 顶部*/ .about_box2 { padding-bottom: 20px; } .about_box2 .title { font-size: 18px; color: #0b7fd7; } .about_box3 h2 { font-size: 32px; color: #333; text-align: center; } .about_box3 .acontent p { color: #666; } .about_box3 .acontent .img { width: 100%; padding: 30px 0; margin: 0; } .about_box3 .acontent .img img { width: 100%; } .about_box3 .acontent .img label { width: 100%; margin-top: 25px; text-align: center; font-size: 14px; color: #666; font-weight: normal; } .about_box4 .title { font-size: 18px; color: #0b7fd7; } .about_box4 li { padding-top: 50px; } .about_box4 p.more { font-size: 14px; padding: 25px 0 50px; text-align: right; } .about_box4 p.more a { display: block; float: right; height: 16px; line-height: 16px; padding-left: 28px; background: url("/cn/tres/WebUI/images/btn_solve01.png") no-repeat scroll 0 -15px rgba(0, 0, 0, 0) } .aline .tit_tip { padding: 0; font-size: 16px; } .many_mag { margin-top: 30px; } .solve_box4 .icon a.download { background: url(/cn/tres/WebUI/images/download_small.png) no-repeat left; } .about_box5 { padding-bottom: 50px; } .about_box6 { margin-top: 50px; } .box6-left { padding-left: 0; } .box6-left .paper { border: 1px solid #d8d8da; } .about_box6 h4 { color: #c9282d; font-size: 16px; border-bottom: 1px solid #d8d8da; height: 36px; line-height: 36px; padding-left: 15px; } .about_box6 .img { padding: 3px; } .about_box6 .img img { width: 100%; } .about_box6 .edi { overflow: hidden; } .about_box6 .passage .download { display: block; float: right; padding-left: 28px; padding-right: 15px; font-size: 14px; color: #b2b2b2; margin-top: 10px; } .about_box6 .passage .download a { float: right; display: block; padding-left: 25px; background: url(/cn/tres/WebUI/images/download_small.png) no-repeat left; text-align: right; } .about_box6 .passage .ver { text-align: center; float: left; color: #000; font-size: 16px; height: 40px; line-height: 40px; } .about_box6 .passage .ver a { background: #f2f2f2; display: block; } .about_box6 .passage div.on a { color: #fff; background: #0075c8; } .about_box6 .passage ul { margin-top: 20px; } .about_box6 .passage li { display: block; min-height: 24px; font-size: 14px; line-height: 24px; padding-left: 20px; background: url(/cn/tres/WebUI/images/nav08.png) no-repeat left 6px; } .about_box6 .passage li.on { color: #238bdb; background: url(/cn/tres/WebUI/images/nav09.png) no-repeat left center; } .about_box6 .passage li.on a { color: #239bdb; } .article h3 { font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px; } .article p.auther { font-size: 14px; color: #b2b2b2; text-align: center; } .article p.auther span { margin-left: 20px; } .article p { font-size: 14px; color: #666; padding-bottom: 24px; line-height: 24px; } .booklist .title { height: 24px; width: 100%; line-height: 24px; font-size: 20px; color: #333; } .booklist .title span { width: 5px; height: 100%; display: block; background: #0b7fd7; float: left; margin-right: 10px; } .booklist li { padding-left: 30px; } .booklist label { height: 100%; line-height: 60px; width: 100%; color: #333; font-size: 18px; margin: 0; font-weight: normal; } /*.booklist li a{font-size: 14px; color: #808080; margin-right: 5px;}*/ ul.change-color a { color: #666; } ul.change-color li:hover a, ul.change-color li.on a { color: #e60012; } p.ab-corner a { background: url(/cn/tres/WebUI/images/ch_11.png) no-repeat left center; padding-left: 18px; } .par_left .passage .ab_table { width: 100%; } .par_left .passage .ab_table th, .par_left .passage .ab_table td { height: 40px; line-height: 40px; text-align: center; } .par_left .passage .ab_table span { color: #000; font-size: 16px; } .par_left .map img { width: 100%; height: auto; } .par_left h2 { color: #333; } .ab_form { margin-top: 20px; } .ab_form .normal_form .aline label { } .thial .title { height: 60px; width: 100%; background: #f7f7f7; border: 1px solid #f2f2f2; font-size: 24px; color: #333; text-align: center; line-height: 60px; } .thial .title img { margin-right: 10px; } .thial .abox { width: 100%; height: auto; padding: 25px 20px; border: 1px solid #e6e6e6; border-top: none; } .thial .abox p { color: #808080; font-size: 16px; line-height: 26px; } .thial .abox p span { color: #0075c8; cursor: pointer; } .thial .abox p span:hover { color: #248fd1; } .thial .tag { height: 30px; line-height: 30px; font-size: 16px; color: #666; overflow: hidden; } .thial .tag label { padding: 0 17px 0 8px; background: url(/cn/tres/WebUI/images/bg-tag.jpg) no-repeat right center #e6e6e6; height: 100%; line-height: 30px; font-weight: normal; margin-right: 10px; } .thial .list { margin-top: 30px; } .thial .list_ { margin-top: 0; margin-bottom: 40px; } .thial .list label { color: #666; font-weight: normal; font-size: 16px; line-height: 26px; } .thial .list ul li { line-height: 26px; font-size: 16px; padding-left: 20px; background: url(/cn/tres/WebUI/images/nav09.png) no-repeat left center } .aphone { padding-left: 0; } .aphone img { width: 100%; } .aphone-des { padding-left: 45px; } .aphone-des h2 { font-size: 22px; margin-top: 50px; color: #333; } .aphone-des p { font-size: 16px; color: #333; margin-top: 20px; line-height: 30px; } .aphone-des .black { color: #000; } .aphone-des .ewm { margin-top: 30px; width: 100%; overflow: hidden; } .aphone-des .ewm img { width: 100%; } .aphone-des .ewm p { font-size: 14px; color: #000; text-align: center; margin-top: 5px; } .aphone-des .tip { font-size: 14px; margin-top: 10px; } .aphone-des .buttons { overflow: hidden; margin-top: 10px; } .aphone-des .buttons a { float: left; width: 96px; height: 36px; margin-right: 32px; background: #0075C8; line-height: 36px; text-align: center; color: #fff; font-size: 16px; } .aphone-des .buttons a:hover { background-color: #489CDC } .about_box7 { overflow: hidden; } .about_box7 h1 { padding: 50px 0; text-align: center; font-weight: normal; font-size: 24px; color: #333; } .about_box7 h3 { padding: 5px 0 25px; text-align: left; font-weight: normal; font-size: 20px; color: #333; } .about_box7 .img { width: 96px; height: 96px; border: 2px solid #e6e6e6; border-radius: 3px; text-align: center; } .about_box7 .img img { width: 100%; } .about_box7 .abox { margin-top: 50px; overflow: hidden; min-height: 200px; } .left0 { padding-left: 0; } .right0 { padding-right: 0; } .right1 { border-right: 1px solid #e6e6e6; } .about_box7 a.button { display: block; height: 40px; line-height: 40px; color: #666; text-align: center; font-size: 18px; background: #e6e6e6; } .about_box7 a.button:hover { background: #248fd1; color: #fff; } .about_box7 p { width: 100%; margin-top: 25px; font-size: 14px; color: #808080; line-height: 26px; } .about_box8 h3 { color: #333; padding-bottom: 18px; } .about_box8 h4 { color: #0b7fd7; font-size: 18px; padding-bottom: 18px; } .about_box8 p { font-size: 14px; color: #666; line-height: 26px; text-align: justify; } .about_box8 .img img { width: 100%; } .about_box8 .abox { padding: 20px; border: 1px solid #e6e6e6; } .about_box8 ul { overflow: hidden; } .about_box8 li { margin-bottom: 30px; } .about_box8 a.btn-more { display: block; margin: 0 15px; height: 40px; line-height: 40px; color: #0b7fd7; text-align: center; background: #e6e6e6; } .about_box8 a.btn-more img { margin-left: 10px; } .about_box8 .ewm { margin-bottom: 20px; } .about_box8 .ewm img { width: 100%; } .about_box9 h3 { color: #333; line-height: 40px; } .about_box9 a.ppt { width: 100px; height: 30px; margin-top: 5px; display: block; background: #fafafa; border: 1px solid #e6e6e6; float: right; color: #666; padding-left: 20px; text-align: center; line-height: 30px; background: url(/cn/tres/WebUI/images/icon-ppt.png) no-repeat 20px center; } .about_box9 a.ppt.pauseState { background-image: url(/cn/tres/WebUI/images/icon-ppt.png); } div.about_container { padding: 40px 0; overflow: hidden; } /*轮播*/ .slide_box { padding-bottom: 50px; } .slide_box .tFocus { position: relative; } .slide_box .tips { height: 100px; line-height: 100px; } .tFocus .tFocus-pic a { display: block; padding: 0; } .tFocus .tFocus-pic img { width: 100%; } .tFocus .prev, .tFocus .next { position: absolute; display: block; width: 30px; height: 70px; top: 40%; z-index: 1; } .tFocus .prev { left: 0; background: url(/cn/tres/WebUI/images/b-prev.png) no-repeat left center; } .tFocus .next { right: 0; background: url(/cn/tres/WebUI/images/b-next.png) no-repeat right center; } .slide_box .tips .left { text-align: left; font-size: 24px; color: #666; } .slide_box .tips .now { font-size: 32px; color: #409be0; } .slide_box .tips .all { font-size: 24px; color: #666; } .slide_box .tips .time { margin-right: 10px; } .slide_box .tips .right { text-align: right; font-size: 14px; color: #666; } .tFocusBtn { position: relative; overflow: hidden; height: 120px; width: 100%; border: 1px solid #e6e6e6; } .tFocusBtn .prev, .tFocusBtn .next { position: absolute; width: 40px; height: 120px; top: 0; z-index: 1; } .tFocusBtn .prev { left: 0; border-right: 1px solid #e6e6e6; background: url(/cn/tres/WebUI/images/g-prev.png) no-repeat center center #fafafa; } .tFocusBtn .next { right: 0; border-left: 1px solid #e6e6e6; background: url(/cn/tres/WebUI/images/g-next.png) no-repeat center center #fafafa; } .tFocusBtn .tFocus-btn { position: relative; float: left; margin: 14px 40px 0; width: 100%; } .tFocus-btn ul { height: 100%; position: absolute; width: 9999px; left: 40px; } .tFocus-btn li { width: 151px; float: left; padding: 7px; } .tFocus-btn li.active { background: url(/cn/tres/WebUI/images/slide-on.png) top center no-repeat; } .tFocus-btn li a { display: block; } .tFocus-btn li.active a { border: 3px solid #0b7fd7; border-radius: 3px; } .tFocus-btn li img { width: 100%; } .train-wrap .t-box { padding-top: 50px; padding-bottom: 45px; overflow: hidden; } .train-wrap .t-box_ { padding-top: 0; padding-bottom: 45px; overflow: hidden; } .t-box h2 { font-size: 32px; color: #333; padding-bottom: 30px; } .t-box h3 { font-size: 24px; color: #333; padding-bottom: 30px; } .t-box h4 { font-size: 18px; color: #000; padding-bottom: 5px; line-height: 28px; } .t-box ul .img img { width: 100%; } .t-box ul .des .title { font-size: 18px; } .t-box ul .des .word { margin-top: 20px; color: #666; font-size: 14px; line-height: 24px; } .t-box ul .des .more { display: block; position: absolute; right: 15px; bottom: 3px; font-size: 14px; } /*.t-box ul .des p{width: 100%;}*/ .t-box ul li { margin-top: 45px; overflow: hidden; } .t-box ul li:first-child { margin-top: 0; } .t-box ul.step li { margin-top: 35px; } .t-box ul.step li:first-child { margin-top: 0; } .t-box p { font-size: 14px; color: #666; line-height: 24px; } .t-box_ p { font-size: 14px; color: #666; line-height: 24px; } /*查询结果*/ .t-box .result { margin-top: 50px; overflow: hidden; } .t-box .result table { width: 100%; overflow: hidden; border-top: 1px solid #e5e4e4; border-left: 1px solid #e5e4e4; } .t-box .result table th, .t-box .result table td { color: #666; text-align: center; border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; } .t-box .result table th { height: 65px; line-height: 65px; background: #f8f8f8; font-size: 18px; } .t-box .result table td { height: 40px; line-height: 40px; background: #fff; font-size: 14px; } .t-box .step { margin-top: 45px; } .t-box .step table td { height: 180px; } .t-box .step table td a { display: block; height: 100%; width: 100%; } .t-box .step table .inner { padding: 0 10%; text-align: center; } .t-box .step table img { margin-top: 0; } .t-box .step table p { font-size: 18px; color: #242424; line-height: 28px; margin-top: 10px; } /*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding-top: 40px !important; }*/ .center-img { width: 100%; text-align: center; } .center-img img { max-width: 100%; } .jt-ul { overflow: hidden; } .jt-ul p { background: url("/cn/tres/WebUI/images/pro_link_26.png") no-repeat scroll 0 top rgba(0, 0, 0, 0); line-height: 26px; padding-left: 15px; font-size: 14px; } .jt-ul p span { display: block; float: right; font-size: 12px; } .jt-ul #historyDownload li { background: url("/cn/tres/WebUI/images/pro_link_26.png") no-repeat scroll 0 top rgba(0, 0, 0, 0); line-height: 26px; padding-left: 15px; font-size: 14px; } .jt-ul h3 { color: #333 !important; font-size: 16px; } .jt-ul .lock { margin-top: -3px; margin-left: 5px; } .jt-ul .more { display: block; float: right; margin-top: 20px; background-image: none; } .train-top h2 { text-align: center; color: #333 !important; padding-bottom: 35px; } .train-top .prodetail-sixwarp h2 { text-align: center; color: #333 !important; padding: 0px; } .train-top .img img { width: 100%; } .train-top p { padding-top: 0 !important; text-align: justify; } .t-box .step-fix { padding: 20px 30px 0; color: #fff; font-size: 14px; } .t-box .step-fix .astep { width: 9.4%; font-size: 12px; padding: 12px 18px 0; height: 70px; position: relative; float: left; background: #e60012; text-align: center; color: #fff; } .t-box .step-fix .astep .num { width: 26px; height: 26px; position: absolute; bottom: -13px; left: 50%; margin-left: -13px; border: 1px solid #fff; border-radius: 13px; color: #666; } .t-box .step-fix .astep .num span { width: 24px; height: 24px; border: 2px solid #e60012; display: block; border-radius: 12px; background: #fff; margin-left: 0px; margin-top: 0px; color: #666; } .t-box .step-fix .step-jt { width: 5.3%; height: 70px; float: left; background: url(/cn/tres/WebUI/images/step-right.png) no-repeat center center; } .liner-box { width: 100%; height: auto; overflow: hidden; position: relative; border: 1px solid #e6e6e6; padding-bottom: 28px; } .liner-box h2 { background: #f2f2f2; border-bottom: 1px solid #e6e6e6; line-height: 50px; color: #333; font-size: 24px; padding: 0 0 0 20px; } .liner-box h3 { font-size: 18px; color: #666; padding-bottom: 10px; } .liner-box h4 { font-size: } .liner-box .abox { padding: 28px 20px 0; overflow: hidden; } .liner-box .line { width: 96%; margin-left: 2%; } .liner-box p { text-align: justify; } .liner-box .bbox { padding: 35px 0 30px; text-align: center; } .liner-box .bbox .title { font-size: 18px; } .liner-box .bbox p { font-size: 14px; margin-top: 15px; line-height: 26px; text-align: center; padding: 0 40px; } .liner-box .more { text-align: right; line-height: 26px; } .liner-box .more a { border: solid 0px #d3d3d3; padding: 0 15px; line-height: 30px; display: inline-block; } .liner-box .more a:hover {/* color:#248fd1; */background: #e60012; color: #fff !important; } .liner-box .list-box { overflow: hidden; } .liner-box .list-box h3 { color: #333; font-size: 16px; padding-bottom: 12px; } .liner-box .list-box li { background: url("/cn/tres/WebUI/images/pro_link.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0); line-height: 26px; padding-left: 15px; font-size: 14px; margin-top: 0; } .liner-box .blank { overflow: hidden; height: 30px; width: 100%; } .t-box .cbox { margin-top: 20px; } .t-box .cbox.first { margin-top: 0; } .t-box .cbox p { line-height: 26px; font-size: 14px; color: #666; } .t-box .cbox p.title { color: #0b7fd7 } .t-box .dbox { padding: 25px 0; text-align: center; } .t-box .dbox .title { font-size: 18px; color: #248fd1; margin-top: 20px; } .t-box .dbox p { font-size: 14px; margin-top: 10px; line-height: 26px; text-align: center; } .t-box .dbox h3 { padding: 30px 0 0; } .t-box .dbox h3 a { color: #333; } .t-box .dbox.col-md-3 { padding: 25px 25px; height: 285px; } .t-box .border-right { border-right: 1px solid #e6e6e6; } .computer { border-bottom: 1px solid #e6e6e6; overflow: hidden; } .btn-normal { max-width: 100% !important; height: 40px; background: url(/cn/tres/WebUI/images/btn-bg.png) repeat-x 0 bottom; color: #808080; text-align: center; line-height: 40px; font-size: 16px; border-radius: 5px; } .btn-normal:hover { background-position: 0 top; color: #fff; } .btn-normal.left { float: right; } .btn-normal.right { float: left; } .btn-150 { width: 150px; } .btn-200 { width: 200px; } .btn-270 { width: 270px; } .ko404{min-height: 600px;} /*带slide的videobox*/ .slide-video .matchbox { overflow: hidden; position: relative; margin-bottom: 30px; } .slide-video .matchbox img { width: 100%; } .slide-video .shadow { background: url(/cn/tres/WebUI/images/opacity03.png); display: block; position: absolute; top: 80%; left: 0; width: 100%; height: 100%; z-index: 1; } .slide-video h4 { height: 20%; line-height: 200%; text-indent: 15px; font-size: 14px; color: #fff; } .slide-video p { padding: 0 15px; color: #d6d5d3; font-size: 12px; } .slide-video .play-icon { width: 35px; height: 35px; position: absolute; background: url(/cn/tres/WebUI/images/ico-07.png); background-size: 100%; right: 10px; bottom: 10px; } /*service内页*/ .service-wrap { padding: 50px 0; overflow: hidden; } .service-wrap-top { padding: 50px 0 0; } .service-wrap-bottom { padding: 0 0 50px; } .service-wrap-middle { padding: 0; } .service-wrap p { font-size: 14px; color: #666; line-height: 20px; padding-top: 3px; padding-bottom: 3px; } .service-wrap p label { color: #333; font-weight: normal; cursor: default; } .service-wrap h3 { font-size: 24px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; } .service-wrap h4 { font-size: 18px; color: #666; line-height: 32px; margin-top: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; } .service-wrap a.download { font-size: 14px; color: #666; display: block; } .service-wrap p.title { font-size: 16px; color: #666; padding-bottom: 10px; } .service-wrap .input-row { height: auto; overflow: hidden; } .input-row input { height: 38px; line-height: 38px; font-size: 14px; text-indent: 15px; width: 100%; border: 1px solid #e6e6e6; margin-bottom: 16px; } .input-row input[type="submit"] { background: #e60012; font-size: 18px; text-align: center; text-indent: 0; color: #fff; } .service-wrap .hot-search { font-size: 14px; } .hot-search a { margin-right: 60px; } .service-wrap div.blank { width: 100%; height: 30px; overflow: hidden; } .service-wrap .ser-nav { height: 30px; width: auto; } .ser-nav li { width: 176px; height: 30px; display: block; float: left; background: url(../images/ser-nav.png) no-repeat 0 -30px; overflow: hidden; padding-right: 30px; text-align: center; line-height: 30px; color: #666; font-size: 14px; } .ser-nav li a { color: #666; } .ser-nav li.first { width: 191px; background-position: 0 0; color: #fff; } .ser-nav li.first a { color: #fff; } .ser-nav li.last { width: 150px; padding-right: 15px; } .service-wrap .boxes .box { height: 40px; line-height: 40px; text-align: center; font-size: 18px; margin-top: 30px; } .boxes .box a { color: #333; display: block; border: 1px solid #e6e6e6; } .boxes .box a:hover { background: #e60012; color: #fff; } .boxes_ .box a { border: 1px solid #ccc; } .boxes_ .box a:hover { background: #e60012; color: #fff; } .service-wrap .liner-box h3 { font-size: 18px; padding-bottom: 30px; } .service-wrap.h3pb15 .liner-box h3 { padding-bottom: 15px; } .hot-search h4 { font-size: 18px; color: #666; padding: 10px 0; } .hot-search label { margin-bottom: 0; } .service-wrap.h3pb15 .liner-box { margin-bottom: 30px; } .guide .guide-step { position: relative; height: 70px; line-height: 70px; width: 100%; border: 1px solid #ebebeb; background: #f5f5f5; color: #0b7fd7; font-size: 24px; text-indent: 15px; } .guide .guide-step .not-last { position: absolute; width: 21px; height: 70px; background: url(/cn/tres/WebUI/images/guide-step.jpg) no-repeat; right: -1px; top: -1px; } .guide ul li { background: url(/cn/tres/WebUI/images/listicon-squ.png) no-repeat left center; text-indent: 16px; color: #666; font-size: 14px; height: 26px; line-height: 26px; } .guide ul li a { color: #666; } .stat-bg-inner { height: auto; background: #f2f2f2; overflow: hidden; padding-left: 0; } .stat-bg-inner .stat-tabs li { height: 55px; margin-top: 15px; padding-right: 0; line-height: 55px; } .stat-bg-inner .stat-tabs li.active { background: none; } .stat-bg-inner .stat-tabs li a { display: block; text-indent: 15px; text-align: left; font-size: 18px; height: 100%; color: #666 !important; background: url(/cn/tres/WebUI/images/in-down.png) no-repeat right center #fff; } .stat-bg-inner .stat-tabs li a:hover { color: #0b7ed7 !important; } .stat-bg-inner .stat-tabs li.active a { color: #0b7ed7 !important; background: url(/cn/tres/WebUI/images/in-up.png) no-repeat right center #fff; } .accordion .prod-list-link { background: url('/cn/tres/WebUI/images/pro_link_26.png') no-repeat 0px top; padding-left: 15px; } .accordion .prod-list-link.switch { font-size: 14px; background: url(/cn/tres/WebUI/images/aqu-open.png) no-repeat left 8px; cursor: pointer; } .accordion .prod-list-link.switch.on { background: url(/cn/tres/WebUI/images/aqu-close.png) no-repeat left 8px; } .accordion .jt-ul { display: none; } .accordion .open { display: block; } .table-normal { border-color: #e6e6e6; } .table-normal th, .table-normal td { padding: 24px; text-align: center; border-color: #e6e6e6; } .table-normal th { font-size: 16px; color: #333; background: #f8f8f8; } .table-normal td { font-size: 14px; color: #666; } .table-normal td span { color: #0b7ed7 } .table-normal p { text-align: left; } .table-normal p label { font-weight: normal; font-size: 16px; color: #000; } .catalogue h3 { border-left: 4px solid #0b7ed7; letter-spacing: 15px; text-indent: 13px; } .catalogue p { display: block; width: 100%; height: 26px; line-height: 32px; border-bottom: dotted 1px #7a7a7a; } .catalogue p.first { color: #333; font-size: 16px; height: 36px; line-height: 42px; } .catalogue p.first a { color: #333; } .catalogue p.second { color: #666; font-size: 14px; } .catalogue p.second a { color: #666; } .catalogue p span { margin-top: 1px; height: 100%; border-bottom: 1px solid #fff; } .catalogue p span.name { float: left; display: block; } .catalogue p span.num { color: #666; font-size: 14px; display: block; float: right; } .catalogue p span.num a { color: #666; } .service-wrap .download-line { color: #bfbfbf; text-align: center; } .service-wrap .download-line p, .service-wrap .download-line a { font-size: 18px; color: #bfbfbf; } .service-wrap .ser-passage { border-left: 1px solid #e6e6e6; padding-left: 30px; } /*2014-12-02 文章*/ .acontent { } .acontent .MsoHyperlink a { color: #0075C8; } .acontent .MsoHyperlink a:hover { color: #248fd1; } .acontent h1, .acontent h2, .acontent h3, .acontent h4, .acontent h5, .acontent h6 { font-size: 18px; padding-top: 100px; margin-top: -65px; margin-bottom: 5px; color: #333; } .acontent h1 a, .acontent h2 a, .acontent h3 a, .acontent h4 a, .acontent h5 a, .acontent h6 a { color: #333; } .acontent p { display: block; font-size: 14px; line-height: 28px; } .acontent .attachslist_down h1, .acontent .attachslist_down h2, .acontent .attachslist_down h3, .acontent .attachslist_down h4, .acontent .attachslist_down h5, .acontent .attachslist_down h6 { border-top: 2px solid #EEE; padding-top: 20px; margin-top: 15px; } .acontent .attachslist_down ul a { padding-left: 28px; background: url('/cn/tres/WebUI/images/download_small.png') no-repeat scroll left center transparent; color: #0075C8; } .acontent .attachslist_down ul a:hover { color: #248fd1; } .acontent .attachslist_down ul li { color: #0075C8; font-size: 14px; padding-top: 8px; padding-left: 10px; } .acontent .attachslist_down ul li:hover { color: #248fd1; } .article .attachslist_down ul a { padding-left: 28px; background: url('/cn/tres/WebUI/images/download_small.png') no-repeat scroll left center transparent; color: #0075C8; } .article .attachslist_down ul a:hover { color: #248fd1; } .article .attachslist_down ul li { color: #0075C8; font-size: 14px; padding-top: 8px; padding-left: 10px; } .article .attachslist_down ul li:hover { color: #248fd1; } .subNewsTitle .btn_list { width: 100%; overflow: hidden; margin: 20px 0px; position: relative; } .subNewsTitle .btn_list ul li { display: block; float: right; width: 85px; line-height: 30px; font-size: 14px; color: #666; text-align: left; height: 30px; } .subNewsTitle .btn_list ul li a { color:#7f7f7f;display: block; line-height: 30px; padding-left: 40px; background: url(/cn/tres/WebUI/images/btn_pro_detail.png) #f7f7f7 no-repeat; margin-left: 2px; } .subNewsTitle .btn_list ul li a:hover { background-color: #eee; } .subNewsTitle .btn_list ul li.download a { background-position: 0 -90px; } .subNewsTitle .btn_list ul li.collect a { background-position: 0 -60px; } .subNewsTitle .btn_list ul li.print a { background-position: 0 -30px; } .subNewsTitle .btn_list ul li.good a { background-position: 0 0; margin-left: 0px; } .subNewsTitle .btn_list span.time { display: block; width: 150px; height: 30px; line-height: 30px; position: absolute; left: 50%; top: 0; margin-left: -75px; text-align: center; font-size: 14px; color: #b2b2b2; } .subNewsTitle h1, .subNewsTitle h2, .subNewsTitle h3, .subNewsTitle h4, .subNewsTitle h5, .subNewsTitle h6 { font-size: 18px; padding-top: 100px; margin-top: -65px; margin-bottom: 5px; color: #333; } .subNewsTitle h3:first-child { font-size: 24px; color: #333; margin-top: 0px; padding: 10px 0px 30px; border-bottom: 2px solid #EEE; } .article .detailBody a { color: #e60012; } .article .detailBody a:hover { color: #e60012; } .article .MsoNormalTable { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .article .MsoNormalTable td { border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding: 12px; font-size: 14px; vertical-align: middle; } .article .MsoNormalTable td p { padding-bottom: 0; } /*2014-12-11*/ .bsc table { border-collapse: separate; border-spacing: 2px; width: 100%; margin-top: 20px; } .bsc td { padding: 10px; border: 1px solid #BCD0E8; font-size: 14px; } .bsc .tableBlue td { background: #DAE8F1; } .passage .channel-tag-ul li { padding-bottom: 15px; } .channel-tag-ul li .desimg img { width: 100%; } @media (max-width:1199px) { .bundling_form .aline .tip { display: block; } .login_form .aline .tip { display:; } .celltable > tbody > tr > th, .celltable > tbody > tr > td { height: 60px; line-height: 20px; } .celltable > tbody > tr > th > div, .celltable > tbody > tr > td > div { padding-top: 10px; } .acontent .btn_list span.time { position: relative; margin-bottom: 10px; } .about_box7 .abox { min-height: 230px; } .t-box .step-fix { padding: 10px 0 0; } .t-box .step-fix .astep, .t-box .step-fix .step-jt { height: 60px; } .liner-box .bbox p { padding: 0 20px; } } @media (min-width:768px) and (max-width:991px) { .anchor .carousel-inner .carousel-caption ul li { padding-left: 30px; background-position: 15px 0; } .pro_wrap .pro_content { padding-left: 40px; } .anchor ol.carousel-indicators { margin-left: 65px; } .solve_box4 .icon a.second { margin-left: 0; margin-top: 15px; } .pro_right .pro_fast ul li { background: #f7f7f7; overflow: hidden; } .celltable > tbody > tr > th, .celltable > tbody > tr > td { height: 60px; line-height: 20px; } .celltable > tbody > tr > th > div, .celltable > tbody > tr > td > div { padding-top: 10px; } .t-box .step-fix .astep, .t-box .step-fix .step-jt { height: 140px; } } @media (max-width:991px) { .about_box6 .passage .download { width: 100%; text-align: right; padding-bottom: 20px; } .ko0414F img { width: 450px; position: absolute; top: 50%; left: 50%; margin-left: -225px; margin-top: -225px; } } @media (max-width:767px) { .kobanner { padding-top: 60px; } .tFocusBtn .prev, .tFocusBtn .next { display: none; } .tFocusBtn .tFocus-btn { margin: 18px 0px; } .tFocusBtn { height: auto; overflow: hidden; } .tFocus-btn ul { width: 100%; position: relative; } .tFocus-btn li { width: 50%; position: relative; } .tFocus-btn li.active { background: none; overflow: hidden; } .tFocus-btn li:nth-child(odd).active a { margin-top: -3px; } .pro_top .hard-sketch { padding-top: 100px; padding-bottom: 0; } .pro_top .hard-sketch h1 { padding-bottom: 20px; } .pro_wrap .stat-wrap { margin-top: 40px; } .anchor { margin-top: 32px; } .service-wrap .anchor { margin-top: 0; } .anchor .carousel-inner .carousel-caption ul li { border: 1px solid #e6e6e6; margin-top: 3px; } .anchor .carousel-inner .item { position: relative; } .anchor .carousel-inner h3 { text-indent: 0; } .pro_wrap .carousel-inner > .item { display: block; } .pro_wrap .pro_content { border-left: none; margin-top: 30px; padding-left: 0 !important; min-height: 1px; } .pro_wrap .pro_content div.download { position: relative; } .pro_wrap .pro_content h3 { margin-top: 40px; } .pro_wrap .pro_content .acontent { padding-bottom: 40px; } .pro_wrap .pro_content h4 { padding-top: 0; margin-top: 35px; } .container .left_none { padding: 0px !important; } .pro_wrap .pro_content div.img img { width: 100%; } .solve_box2 { padding-top: 40px; } .aboutus-con .video_box { padding-bottom: 0 !important; } .aboutus-con .video_box .text { padding-bottom: 0 !important; } .solve_container .title_box { padding-top: 40px; } .solve_container .con_box { padding-bottom: 40px; } .solve_container .con_box ul li .img { padding-right: 0 !important; } .solve_container .con_box ul li .des { padding-left: 0 !important; padding-top: 20px; } .solve_container .con_box ul li .des.noabdes { padding-top: 0; } .pro_wrap .stat-wrap { padding-bottom: 40px; } .solve_box3 .solut-slide .carousel-inner { width: auto; margin-left: 0; padding: 0; } .mobie_near { padding-top: 0 !important; } .solve_box3 .solut-slide .col { padding-top: 40px; } .solve_box4 { padding-top: 40px; padding-bottom: 40px; } .solve_box4 .col, .solve_box4 a.img { padding-right: 0 !important; } .solve_box4 a.img { width: 60%; margin-left: 20%; } .solve_box4 .des { padding-top: 30px; padding-left: 0 !important; padding-right: 0 !important; } .solve_box4 .second_book { padding-top: 50px; } .prolist_container { padding-top: 0px; padding-bottom: 48px; } .aus-vdetail { padding-top: 100px; } .page_common { margin-top: 30px; } .pro_right .pro_rela ul { padding: 18px 0px 20px; } .pro_right .pro_fast { margin-top: 0; } .acontent .btn_list ul li { width: 25%; overflow: hidden; } .acontent .btn_list ul li a { text-align: center; padding-left: 20px; background-color: #f7f7f7; } .solve_box4 .col { padding-bottom: 30px; } .solve_box4 .col:nth-of-type(2) { padding-bottom: 0px; } .solve_box4 { padding-bottom: 20px; } .news-fax .solvedetail-list { padding-bottom: 30px; } .news-page .form .page-text { width: 60px; } .news-page .form .page-button { width: 50px; } .news_fj { padding-bottom: 0px; } .news-detail .acontent { padding-bottom: 30px; } .normal_form .aline .btn-group, .tline .aline .btn-group, .normal_form .aline label.nostar, .normal_form .aline div { padding: 0; } .normal_form .aline button.dropdown-toggle { right: 0 } .normal_form .aline ul.dropdown-menu { left: 0; } .normal_form .word { padding-left: 0; } .normal_form .aline .file, .normal_form .aline .doublelast { margin-top: 10px; } .login_form .aline label { text-align: left; } .par_main .right_part { padding-left: 0; padding-right: 0; } .passage .door .door_right { border-left: 0; } .about_content h2 { padding-bottom: 0; } .about_box1 .des { padding-top: 20px; } .gap { padding: 10px 0 !important; } .box6-left { padding-top: 70px; margin-top: 0; } .about_box6 { margin-top: 30px; } .about_box4 { padding-top: 50px; } .about_box5 { padding-top: 30px; } /* .ab-left{padding-top: 20px;}*/ .about_top { padding-top: 60px; } .abt30 { margin-top: 0; padding-top: 30px; } .aphone-des { padding-left: 0; } .aphone-des h2 { margin-top: 30px; } .aphone-des .ewm { padding-left: 30px; } .left0 { padding-right: 0; } .right0 { padding-left: 0; } .about_box8 a.btn-more { margin-bottom: 30px; } .right1 { border-right: 0; } .about_box9 a.ppt { float: left; margin-top: 20px; } div.about_container { padding-top: 100px; } .service-wrap { padding-top: 100px; } .nottop .service-wrap { padding-top: 50px; } .t-box ul .des .title { margin-top: 10px; } .t-box ul .des .word { margin-top: 10px; } .t-box ul .des .more { position: relative; right: auto; bottom: auto; margin-top: 10px; } .t-box .step-fix .astep { width: 100%; height: 70px; } .t-box .step-fix .step-jt { width: 100%; background: url(/cn/tres/WebUI/images/step-down.png) center center no-repeat; } .t-box .step-fix { padding-bottom: 40px; } .liner-box .bbox p { padding: 0 10px; } .t-box .border-right { border-right: 0; } .t-box .dbox.col-md-3 { padding: 25px 0; height: auto; } .service-wrap .ser-passage { border-left: 0; padding-left: 0; } .service-wrap .ser-passage h4 { margin-top: 20px; } .btn-normal.left, .btn-normal.right { float: auto; width: 100% } .btn-normal { margin-top: 10px; } .service-wrap .stat-phone-tit { margin: 0; } .service-wrap .tab-content h4 { margin-top: 0; } .service-wrap .tab-content div.blank { height: 0; } .service-wrap .tab-content .tab-pane { padding: 10px 0 20px 15px; } .service-wrap .boxes .box { margin-top: 10px; } .ser-nav li, .ser-nav li.first, .ser-nav li.last { width: 100%; background: none; padding: 0; margin-bottom: 10px; background: #F2F2F2; } .ser-nav li.first { background: #0b7fd7; } .istop { padding-top: 50px !important; } .train-top { padding-top: 100px; } .liner-box .list-box h3 { margin-top: 10px; padding-bottom: 5px; } .t-box h3 { padding-bottom: 10px; } .ab-right ul { padding-bottom: 0; } .t-box .step table img { max-width: 100%; } .t-box ul li { margin-top: 20px; } .service_wrap.top070 { margin-top: 0; } .aus-vdetail h1 { padding-top: 0; } .bq20top { padding-top: 60px; } .about_box6.box6-left { padding-left: 15px; } .about_box6.box6-left .paper .img { display: none; } .about_box5 .about_box6 .normal_form.row { display: none; } .passage .edi .download { display: none; } .pro_product { padding-top: 0px; } } @media (max-width:660px) { .celltable > tbody > tr > th, .celltable > tbody > tr > td { height: 60px; line-height: 20px; } .celltable > tbody > tr > th > div, .celltable > tbody > tr > td > div { padding-top: 10px; } .subNewsTitle img { width: 100%; height: auto; } .acontent img { width: 100%; height: auto; } .acontent .NotesHeading img { width: auto; height: auto; } .subNewsTitle .btn_list ul { display: none; } .article p { font-size: 16px; } .acontent p { font-size: 16px; } .ko0414F img { width: 320px; position: absolute; top: 50%; left: 50%; margin-left: -160px; margin-top: -160px; } .ko0415t { margin-left: 0; } .ko0415 { position: relative; margin-bottom: 0; text-align: center; } } /*IE/7/6*/ .clear { clear: both; height: 0; font-size: 0; overflow: hidden; } @media (min-width:1024px) and (max-width:1199px) { .kan-info { width: 960px; } .kan-title { font-size: 30px; } .kan-txtc { line-height: 1.5em; } .kan-btn { width: 90px; line-height: 2.2em; } .kan-mt-18 { margin-top: 15%; } .kan-mt-3 { margin-top: 2%; } } @media (max-width:768px) { .kan-info { max-width: 1080px\9; *max-width: 1080px; _max-width: 1080px; max-width: 1080px; padding: 3% 0; } .kan-box { border-bottom: 1px solid #f4f4f4; box-sizing: border-box; padding: 8% 0; } .kan-box:last-child { border: none; } .kan-box-c { width: 88%; } .kan-bg { background-image: none; } .kan1-img, .kan2-img { width: 60%; margin: 5% auto 0 auto; padding: 0; } .kan1-txt { width: 100%; } .kan-title { font-size: 26px; text-align: center; } .kan-btn { width: 45%; float: left; line-height: 2.5em; margin-right: 10%; } .last { margin-right: 0; } .float-left, .float-right { float: none; } .kan1-icon, .kan2-icon { display: none; } .kan-mt-18 { margin-top: 0; } .kan-mt-3 { margin-top: 5%; } .kan-pc-btn { display: none } .kan-phone-btn { width: 60%; display: block; margin: 6% auto 0 auto; padding: 0; box-sizing: border-box; text-align: center; } } /* 该部分为原网站样式分离结束 */ /* 覆盖列表页面页码样式开始 */ .news-page img { display: block; height: 30px; line-height: 30px; width: 30px; float: left; margin-right: 2px; } .news-page p { float: left; height: 30px; background: url(../../images/pagebar_line.png) no-repeat center; overflow: hidden; } .news-page p span { display: block; float: left; line-height: 30px; height: 30px; padding: 0px 10px; font-size: 14px; color:#666; } .news-page .form { float: left; margin-left: 0px; overflow: hidden; height: 32px; } .news-page{width:410px;float:right;overflow:visible;padding: 30px 0px;height: 30px;margin-bottom:20px;} .news-page .form .page-text{font-size:14px;color:#666; height: 30px; line-height: 30px; border: 1px solid #dedede; width: 100px; padding: 0px 10px; float: left; display: block; } .news-page .form .page-button{background:#e60012;display:block;float:left; color: #fff; font-size: 14px; line-height: 1em; width: 80px; margin-left: 10px; border: none; height: 30px; } @media screen and (max-width:768px) { .news-page{width:100%;height:auto;text-align:center;} .news-page p{display:inline-block;float:none;} .news-page .form .page-button{width:auto;padding:0 5%;} .news-page .form{display:block;width:125px;float:none;margin:3% auto 0;height:auto;} .news-page img{display:inline-block;float:none;} .news-page a{display:inline-block;height:30px;} .news-page .form .page-text{width:60px;} } /* 大互联四级模板部分修改 */ .Resources{display:none;padding-bottom:20px;} .ResourcesShow{display:block;} /* 覆盖四级页面列表样式(有图/无图) */ /* 有图片部分 */ div.crumbs .nowpage{ /* height: 100%; */ padding: 23px 0; font-size: 14px; /* font-size: 18px; */ width: 20%; float: right; padding-right:16px; text-align: right; } div.crumbs .nolink { color: #e60012 !important; font-size:16px; } div.crumbs{width: 100%;font-size: 12px;color: #666;margin-top: 100px;z-index: 10;} div.crumbs a{text-decoration:none;} div.crumbs ul.container {display: block;width:1200px;margin:0 auto;height: 100%;position: relative;} div.crumbs ul.container .koli{font-size:16px;color:#666;padding-top:30px;margin-bottom:10px;} div.crumbs ul.container .koli a{color:#666;} div.crumbs ul.container .koli a:hover{color:#e60012!important;} div.crumbs .nolink{font-size:16px;} .par_left{width:72%;float:left;} .prolist_container{width:100%;overflow:hidden;padding-bottom:30px;} .pro_right{width: 25%;float: right;padding-top:20px;} .pro_right .title { padding: 10px 0; line-height: 28px; color: #242424; font-size: 20px; padding-left: 20px; background-color: #ececec; } .ab-right ul { margin-top:0; margin-bottom: 20px; border: solid 1px #ececec; padding-left:0; } .ab-right ul li { padding-left: 20px; display: block; line-height: 25px; font-size: 16px; cursor: pointer; margin-top: 0 !important; } .ab-right ul li a { display: block; color: #7f7f7f; padding: 10px 10px 10px 0; text-decoration:none; } ul.change-color li:hover a,ul.change-color li.on a { color: #e60012; } .container{padding-left:0;} body{margin:0;} .channel-tag-ul{padding-left:0;} .channel-tag-ul a{text-decoration:none;} .channel-tag-ul li{overflow:hidden;padding:20px 0;border-bottom: 1px solid #ececec;} .channel-tag-ul li .img{display:block;width:180px;float:left;} .channel-tag-ul li .img img{display:block;width:100%;} .passage .channel-tag-ul li>.des{padding-left:200px!important;float:none!important;} .channel-tag-ul li .title{font-size: 16px;color: #333333;} .channel-tag-ul li .title a{color: #333333!important;} .channel-tag-ul li .word{font-size: 14px;color: #666666;margin-top: 10px;line-height: 1.6;} .channel-tag-ul li .title a:hover{color:#e60012!important;} .container-fluid{margin:0 auto;} .container-fluid.testbanner1{padding-top:100px!important;} .container-fluid.stat-bg-inner.hidden-xs{width:100%;} @media screen and (max-width:1320px) { div.crumbs ul.container .koli{padding:30px 16px 0;} .container-fluid{padding:0 16px;} } @media screen and (max-width:1200px) { div.crumbs ul.container{width:100%;} } @media screen and (max-width:768px) { div.crumbs{display:none;} .pro_right{display:none;} .news-page>div{width:100%;} .par_left{width:100%;} .pro_right .pro_add{display:none;} .channel-tag-ul li .img{float:none;width:100%;} .channel-tag-ul li .des{padding:2% 0 0!important;} .prolist_container{padding-bottom:0;} .passage .channel-tag-ul li>.des{padding:0!important;} } /* 无图片部分 */ .pro_left_wrap{margin-top:20px;padding-top:0!important;} .big_sj{ padding: 15px 0; border-bottom: 1px solid #f5f5f5; -webkit-transition: padding-left .3s ease; -moz-transition: padding-left .3s ease; -ms-transition: padding-left .3s ease; -o-transition: padding-left .3s ease; transition: padding-left .3s ease; } .big_sj:hover{ background-color: #f5f5f5; padding-left: 20px; } .big_sj>a{ display:block; text-decoration:none; font-size: 16px; width: 100%!important; color: #333333!important; } .big_sj>a:hover{ color: #333333!important; } .big_sj>span{ display:block; font-size: 12px; color: #999999; margin-top: 8px; float: left!important; } .prolist_container div.big_sj{ background: url(../images/threeAll/threearrow.png) no-repeat; background-size: 6px auto; background-position: 0 25px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .prolist_container div.big_sj:hover{ background-position: 4px 25px; background-color: #f5f5f5; } .popup.hidden-xs{ display:none; } /* 去掉线条 */ .prolist_container .line{ background: none; } /* 字体样式颜色修改 */ header a:link, header a:visited{ color: #333; text-decoration: none; } header h3 a:link, header h3 a:visited { color: #e60010; } header a:link:hover{ color: #e60010; } .footerInnerBox a:link { color: #939392; text-decoration: none; } .footerInnerBox a:link:hover { color: #fff; } .footerInnerBox a:visited:hover { color: #fff; } .footerInnerBox a:visited { color: #939392; } header a:link.act, header a:link.acthover{ color: #e60010; } header a:visited:hover{ color: #e60010; } /* 头部样式修改 */ .footerInnerBox h2{ margin-top: 0!important; margin-left: 0!important; } .quickTabContent h3{ margin-bottom: 0!important; margin-left: 0!important; } /* 搜索框调整 */ header .searchBox input[type=text].inputSearch{ height: 28px; } input[type=text].headMblSearchInnerBtn{ border: none; height: 24px; } .product-entry .big_sj{ padding: 0; padding-left: 16px; } /* 2018.02.02 添加用户注册页面样式 */ #Media_Contact.register .registerTxt{font-size:16px;color:#666;margin-top:-20px;padding-bottom:30px;border-bottom:1px solid #e8e8e8;} #Media_Contact.register .registerTxt span{color:#e60010;} /* 右侧文字部分 */ #Media_Contact.register .registerBox h3{font-size:14px;color:#333333;font-weight: 700;margin-bottom:35px;} #Media_Contact.register .registerBox p{font-size:14px;color:#999999;line-height:1.5;} #Media_Contact.register .registerBox p a{color:#e60010;} #Media_Contact.register .registerRight{width:26%;float:right;margin-top:80px;} /* 左侧内容部分 */ #Media_Contact.register .registerTitle{font-size:16px;color:#333333;font-weight:700;margin-top:40px;} #Media_Contact.register .registTab{width:100%;overflow:hidden;margin-top:20px;} #Media_Contact.register .tabName{display:block;width:130px;height:36px;line-height:36px;float:left;text-align: right;font-size:14px;color:#666666;margin-right:5px;} #Media_Contact.register .required:before{ content: '*'; color: #e60010; } #Media_Contact.register .registSelect{ display: block; width: 400px; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; float: left; } #Media_Contact.register .tabInput{overflow: hidden;} #Media_Contact.register .tabSpan{display:block;height:36px;line-height:36px;float:left;font-size:14px;color:#333333;margin-left:20px;} #Media_Contact.register .tabSpan .verifiImg{display:block;width:100px;} #Media_Contact.register .tabSpan a{color:#333;} #Media_Contact.register .tabSpan img{width:16px;vertical-align: middle;} #Media_Contact.register .registerBtn{display:block;width:124px;height:100%;background:#e60012;border:none;color:#fff;font-size:14px;} #Media_Contact.register .registerText{ display: block; width: 400px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; float: left; padding-left: 12px; } #Media_Contact.register .Auterror{display:block;width:100%;float:left;} #Media_Contact.register .registerRadiot{-webkit-appearance: radio;margin-left:20px;} #Media_Contact.register .radioBox{font-size:14px;height:36px;line-height:36px;} #Media_Contact.register .birstBox{width:102px;height:36px;border:1px solid #d8d8d8;margin:0 10px;} #Media_Contact.register .birstCon{font-size:14px;height:36px;line-height:36px;} #Media_Contact.register .verification{width:100px;height:36px;float:left;border:1px solid #d8d8d8;} /* */ #Media_Contact.register .regSubmitBtn{width:165px;height:36px;font-size:14px;color:#fff;margin-left:135px;} @media screen and (max-width:1000px){ #Media_Contact.register .registerRight{ float: none; width: 100%; margin-top: ; } #Media_Contact.register .MediaContact{ width: 100%; float: none; } #Media_Contact.register .registerTxt{margin-top:0;padding-bottom:3%;} } @media screen and (max-width:768px) { #Media_Contact.register .tabName{width:70px;} #Media_Contact.register .registSelect{width:100%;margin-right:100px;float:none;} #Media_Contact.register .tabSpan{float:none;margin-left:0;margin-top:10px;} #Media_Contact.register .registerText{width:100%;float:none;} #Media_Contact.register .veriSpan{float:left;margin-top:0;margin-left:20px;} #Media_Contact.register .birstCon{height:auto;} #Media_Contact.register .birstBox{margin:10px 0px;} #Media_Contact.register .birstName{height:56px;line-height:56px;} #Media_Contact.register .verification{width:80px;} } /* 登录后文字变红 */ .rigiHead .red{color: #e60213;font-weight: 700;} /* 添加语言切换部分 */ .languageSel{width:17%;margin-right:2%;height:100%;font-size:16px;float:right;color:#a7a7a7;text-align: center;position:relative;} .languageList{width:100%;height:80px;background:#fff;display:none;position:absolute;left:0;top:100%;} .languageBox{width:100%;height:100%;} .languageBox span{display:block;height:100%;line-height:45px;text-align: left;padding-left:10px;} .languageBox img{width:10px;position: absolute;top:21px;right:6px;} .languageList li{width:100%;height:40px;text-align: center;font-size:16px;line-height:40px;} .languageList li{border-top:1px solid #eaeaea;} .languageList li a{color:#a7a7a7;} @media screen and (max-width:375px) { .languageBox span{line-height:40px;} .languageBox img{top:18px;} } /* 回到顶部添加 */ .gotoTopBtn{width:50px;height:50px;position:fixed;bottom:40px;right:30px;display: none;z-index: 999;} .gotoTopBtn>img{display:block;width:100%;cursor:pointer;} @media screen and (max-width:768px) { .gotoTopBtn{width:40px;height:40px;bottom:20px;right:16px;} /* 添加排版问题修改 */ .stat-col-6 .stat-tabs li{ width:33.33%;} .service-wrap .tab-content .jt-ul{width:100%;padding:0;} } /* 2018-3-19 删除无banner页面顶部高度 http://www.h3c.com/cn/Partner/Business___SMB_Area/Products_Introduction/Switches/*/ @media screen and (max-width:768px) { .container-fluid.testbanner1{ padding-top: 0!important; height: 0px; min-height: 0px; } } /*右侧咨询*/ .righthelp { position: fixed; z-index: 1000; height: 200px; width: 282px; top: 160px; right: -240px; } .righthelp .tabhelp { background: #404143; width: 42px; height: 100%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; cursor: pointer; position: absolute; top: 0; left: 0; } .righthelp .tabhelp img { margin-top: 32px; margin-left: 7px; } .righthelp .pophelp { border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 240px; height: 100%; background: #fff; padding: 20px; position: absolute; top: 0; left: 42px; } .righthelp .pophelp .lih1 { font-size: 18px; font-weight: bold; color: #3e3e3e; } .righthelp .pophelp .lih2 { font-size: 14px; color: #3e3e3e; padding: 5px 0; } .righthelp .pophelp .lirow { font-size: 14px; line-height: 24px; padding: 3px 0; overflow: hidden; } .righthelp .pophelp .lirow img { width: 29px; margin-right: 10px; float: left; } .righthelp .pophelp .lirow a { font-size: 14px; line-height: 24px; } .righthelp .pophelp .lirow span { font-size: 14px; line-height: 24px; color: #3e3e3e; } .righthelp .pophelp .lirow p { float: left; width: 150px; } .righthelp .pophelp .liline { width: 100%; height: 1px; background: #d1d1d1; margin: 5px 0 8px; overflow: hidden; } .product-about-t { text-align: center; color: #323232; font-size: 24px; } /*咨询文字样式*/ .blueA a{color:#248fd1!important;text-decoration: none!important;} .blueA a:hover{color:#248fd1!important;text-decoration: none!important;} /* 2018.02.09 添加页面样式_bylxc */ .com-select400{ display: block; width: 400px; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; float: left; } .com-select600{ display: block; width: 600px; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; float: left; } .com-inputbox400{ display: block; width: 400px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; float: left; padding-left: 12px; } .com-inputbox600{ display: block; width: 600px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; float: left; padding-left: 12px; } .com-lblTitle{display:block;width:130px;height:36px;line-height:36px;float:left;text-align: right;font-size:14px;color:#666666;margin-right:5px;} @media screen and (max-width:768px) { .com-select400{width:100%;margin-right:100px;float:none;} .com-select600{width:100%;margin-right:100px;float:none;} .com-inputbox400{width:100%;float:none;} .com-inputbox600{width:100%;float:none;} .com-lblTitle{width:100%;float:none;padding-left:0;font-size:37.5%;text-align:left;} }