@CHARSET "utf-8"; /*rest css*/ @charset "utf-8"; html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset, img{border:0;} img{vertical-align:top; border:none;} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;} li{list-style-type:none;} html{width:100%;min-width:1300px;} body{width:100%;min-width:1300px;font:12px/1.5 "Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",arial,helvetica,sans-serif;color:#333333;background:#F5F5F5;} *:focus{outline: none;} textarea{resize:none;} input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:none; padding:0;} input::-ms-clear{display:none;} a:focus, *:focus{noFocusLine: expression(this.onFocus=this.blur());} .clear{clear: both;} a, object{outline:none;} a{cursor:pointer;color:#333;} a:link{text-decoration:none;} a:hover{color:#000;} *:hover{transition:all 0.3s ease 0s;} li{vertical-align:top;} li{vertical-align:bottom;} .clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden} .clearfix{*+height:1%;} .blockbox{width:1200px;*+height:1%;margin:0 auto;} .blockbox:after{content:"";display:block;height:0;clear:both;visibility:hidden} .oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /****************页面公共样式*************************/ /**tops**/ .btops{ width:100%; height:auto;background:#fff;} .tops{ width:100%; height:auto; height:77px;} .tops .topsleft{ float:left; overflow:hidden;} .tops .topsleft .topsl1{ float:left;} .tops .topsleft .topsl1 img{ width:111px; height:41px; margin:17px 22px 0 22px;} .tops .topsleft .topsl2{ float:left; height:77px; background:url(../images/xian1.jpg) 0 50% no-repeat; padding-left:20px;} .tops .topsleft .topsl2 p{ font-size:20px; color:#000; padding-top:11px; font-style:italic;} .tops .topsleft .topsl2 span{ font-size:14px; color:#606060;} .tops .topsright{ float:right; height:77px;} .topsr1{ float:left;} .topsr1 ul{ height:60px;} .topsr1 ul li{ float:left; margin-right:30px; position:relative;} .topsr1 ul li a.ra{ display:block;height:60px; border-bottom:2px solid #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .topsr1 ul li a.ra span{ display:block; height:58px; font-size:14px; color:#404040; line-height:58px;float:left;} .topsr1 ul li a.ra img{ vertical-align:middle; margin:27px 0 0 4px;transition:all 0.3s;} .topsr1 ul li a.ra.curr,.topsr1 ul li a.ra:hover{ border-bottom:2px solid #02ACE6; } /*.topsr1 ul li a.ra.curr span,.topsr1 ul li a.ra:hover span{ border-bottom:2px solid #02ACE6; }*/ .topsr1 ul li a.ra:hover img{-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg);} .topsr1 ul li .xlas{ background:#02ADE5; opacity:1; width:150%; z-index:99; top:60px; display:none; position:absolute;left: 50%;transform: translateX(-50%);} .topsr1 ul li .xlas a{ display:block; text-align:center; font-size:14px; color:#fff; line-height:40px; border-bottom:1px solid #eee;} .topsr1 ul li .xlas a:hover{font-weight: bolder;background: #009fd3} .topsr2{ float:right;} .topsr2 .seas{ width:77px; text-align:center; height:60px; background:#F5F5F5;} .topsr2 .seas img{ margin-top:31px; cursor:pointer;} /**首页top**/ .itops{ width:100%; height:auto; height:125px;background:#fff;} .itops .itopleft{ float:left; height:125px;} .itops .itopleft .itopl1{ float:left;} .itops .itopleft .itopl1 img{ width:240px; height:85px; margin:24.5px 40px;margin-bottom:23px;} .itops .itopleft .itopl2{ float:left; height:125px; background:url(../images/xian3.jpg) 0 50% no-repeat; padding-left:40px;} .itops .itopleft .itopl2 p{ font-size:30px; color:#000; padding-top:30px; text-indent:29px; background:url(../images/tel.png) 0 74% no-repeat; font-style:italic;} .itops .itopleft .itopl2 span{ font-size:20px; color:#606060; display:block; line-height:26px;} .itops .itopright{ float:right;} .itops .itopright .itopsea{ overflow:hidden; padding:31px 15px 0 0; text-align:right;} .itops .itopright .itopsea .itext{ width:258px; font-size:12px; color:#999999; text-indent:10px; padding:8px 0; border:1px solid #BEBEBE; border-right:none;} .itops .itopright .itopsea a{ display:inline-block; width:75px; height:32px; text-align:center; background:#14A0D0; float:right;} .itops .itopright .itopsea a img{ margin-top:10px;} .itops .itopright .itopnav{ padding-right:15px;} .itops .itopright .itopnav .topsr1 ul li{ margin:0 0 0 30px;} /**footer1**/ .footers1{ background:#282828; border-bottom:1px solid #191919;} .footer1{ width:1200px; margin:0 auto; overflow:hidden;} .footer1 .foot1{ float:left; overflow:hidden;} .footer1 .foot1 ul{ overflow:hidden; float:left; margin-right:50px; max-width:211px;} .footer1 .foot1 ul p{ font-size:14px; padding:60px 0 20px;color:#c0c0c0;} .footer1 .foot1 ul li{ line-height:30px;} .footer1 .foot1 ul.footul2{ margin-right:0;} .footer1 .foot1 ul.footul2 li{ width:102px; float:left;} .footer1 .foot1 ul li a{ font-size:12px; color:#c0c0c0;} .footer1 .foot1 ul li a:hover{ color:#0cb5e5;} .footer1 .foot2{float:left; padding:71px 0 0 60px;} .footer1 .foot2 .ewm{ width:134px; height:134px; border:1px solid #595959;} .footer1 .foot2 p{ text-align:center; font-size:14px; line-height:48px; color:#c0c0c0;} .footer1 .foot3{float:right; padding-bottom:35px; width:430px;} .footer1 .foot3 .fot3img{ display:block; padding:70px 0 10px;} .footer1 .foot3 p.fp1{ font-size:14px; color:#c0c0c0; padding-bottom:5px;} .footer1 .foot3 ul li{ font-size:13px; color:#909090; padding:4px 0;} .footer1 .foot3 ul li em{ font-size:24px; color:#00b6f6;} .footer1 .foot3 ul li span{ color:#fff; padding-left:10px;} /**footer2**/ .footers2{ width:100%; background:#282828; border-top:1px solid #3B3B3B;} .footer2{ width:1200px; margin:0 auto; overflow:hidden; font-size:12px; color:#c0c0c0;} .footer2 .footer2left{ float:left; padding:12px 0;} .footer2 .footer2right{ float:right; padding:12px 0;} /**内页banner**/ .nbanner{ width:100%; height:301px;} /**titlebox**/ .titlebox{text-align:center; margin:0 auto;} .titlebox h1{ color:#333;background:url(../images/xian2.jpg) 50% 100% no-repeat;padding:0 0 12px 0;font-weight:normal;} /*map*/ .map{height:33px;line-height:33px;padding:0 20px;} .map{color:#999999;} .map a{color:#999999;} .map a:last-child{color:#01ABE5;} /*small_nav_box*/ .small_nav{width:1200px;margin:10px auto;text-align: center;} .small_nav .box{display:inline-block;overflow:hidden;height:33px;} .small_nav a{padding:4px 10px;background: #FFF;margin: 0;border:1px solid #8C8C8C;font-size: 14px;float:left;display:block;border-right:none;} .small_nav a:last-child{border-right:1px solid #8C8C8C;} .small_nav a:hover{background:#f5f5f5;} .small_nav a.on{border-color:#434343;color:#fff;background:#434343;} /*分页*/ .page{width:100%;line-height:50px;text-align:center;border-top:none;margin:20px 0;overflow:hidden;} .page a{padding:6px 10px;color:#666;margin:0 6px;border:1px solid #f1f1f1;background:#fff;border-radius:3px;} .page a:hover{border:1px solid #f1f1f1;background:#03ACF1;color:#fff;} .page span{padding:6px 10px;color:#666;margin:0 6px;border:1px solid #f1f1f1;background:#03ACF1;color:#fff;border-radius:3px;} .page font{color:#000;} /**公用头部类**/ .commTop2{ width:100%; text-align:center; margin:0 auto;} .commTop2 h1{ color:#333; line-height:65px; background:url(../images/xian2.jpg) 50% 100% no-repeat;} .commTop3{ width:100%; max-width:1200px; margin:0 auto; padding:50px 0; text-align:center;} .commTop3 p{ font-size:36px; color:#02ace6; font-family:Arial;} .commTop3 span{ display:block; font-size:24px; color:#404040; padding:5px 0;} .commTop3 em{ display:block; font-size:14px; color:#909090;} /*kefu*/ .kefu{width:160px;background:#fff;position:fixed;right:10px;top:50%;border-radius:3px;overflow:hidden;margin-top:-260px;} .kefu{right: -10px;transform: scale(0.8);} .kefu .head{padding:20px 0 10px 0;} .kefu .head img{display:block;margin:0 auto;} .kefu dl.dl1{margin:0 6px;border-bottom:1px solid #DADADA;} .kefu dl.dl1 dt img{display:block;margin:0 auto;} .kefu dl.dl1 dd{line-height:26px;font-size:14px;color:#5F5F5F;text-align:center;padding-bottom:5px;} .kefu dl.dl2{padding:10px 0;border-bottom:1px solid #DADADA;margin:0 6px;} .kefu dl.dl2 dt{color:#5F5F5F;font-size:16px;text-align:center;} .kefu dl.dl2 dd{font-size:20px;font-family:Arial;text-align:center; font-style:italic;} .kefu ul{padding:15px 0;} .kefu em{display:block;height:32px;line-height:32px;width:117px;font-size:14px;color:#5F5F5F;background:#03ACF1 url(../images/kf.png) no-repeat 10px center;text-indent:40px;margin:0 auto;border-radius:3px;color:#fff;} .kefu a{display:block;height:32px;line-height:32px;width:117px;font-size:14px;color:#5F5F5F;background:url(../images/qq.gif) #F7F7F7 no-repeat 10px center;text-indent:40px;margin:0 auto;border-radius:3px;margin-top:5px;} .kefu .kfbottom{height:40px;background:#E6E6E6 url(../images/top.png) no-repeat 50px center;line-height:40px;text-align:center;text-indent:30px;font-size:12px;cursor:pointer; display:none;} .kefu .kfbottom:hover{color:#03ACF1;background:#E6E6E6 url(../images/top2.png) no-repeat 50px center; } /*detailed*/ .detailed{line-height:180%;font-size:16px;border-bottom:1px solid #DEDEDE;padding:45px;background: #fff} .detailed img{max-width:100%;} .detailed a{color: #02ACE6;text-decoration: underline;} .detailed2{line-height:180%;font-size:16px;border-bottom:1px solid #eee;padding:20px 0;} .detailed2 img{max-width:100%;} .detailed2 a{color: #02ACE6;text-decoration: underline;} /*.detailedbottom*/ .detailedbottom{position:relative;} .detailedbottom .prevnext{line-height:24px;padding:15px 0;width:800px;} .detailedbottom .prevnext a{display:block;height:30px;line-height:24px;width:800px;font-size:14px;color:#5F5F5F;} .detailedbottom .prevnext a:hover font{color:#01ABE5;} .detailedbottom .goback{color:#5F5F5F;position:absolute;right:0;top:50%;margin-left:-10px;line-height:20px;font-size:14px;padding-left:26px;background:url(../images/goback.png) no-repeat left center;transform: translateY(-50%);} .detailed+.detailedbottom{background: #fff;padding: 0 45px;} .detailed+.detailedbottom .goback{right: 45px;} /**相关问答**/ .wdtuijian{} .wdtuijian li{ width:375px !important; padding:20px 25px; background:#fff; } .wdtuijian li .wdtit{ font-size:18px; color:#404040;} .wdtuijian li .wdtim{ font-size:12px; color:#909090; padding:8px 0 12px;} .wdtuijian li .wdint{ font-size:14px; color:#909090; height:80px; line-height:24px;} .wdtuijian li:hover a{ background:none !important;} .wdtuijian li:hover a .wdtit{ color:#02ACE6;} .wdtuijians .hd .prev, .wdtuijians .hd .next{ margin-top:-22px !important;} /**index**/ /*幻灯片*/ .islider{ width:100%; height:auto; overflow:hidden; position:relative; } .islider .hd{ overflow:hidden; position:absolute; bottom:50px; z-index:1; width:100%; text-align:center;} .islider .hd ul{ overflow:hidden; zoom:1; } .islider .hd ul li{ display:inline-block;margin-right:5px; border-radius:999px; width:9px; height:9px; background:#fff; cursor:pointer; } .islider .hd ul li.on{ background:#01B6EF; } .islider .bd{ position:relative; height:100%; z-index:0; } .islider .bd li{ zoom:1; vertical-align:middle; } .islider .bd img{ width:100%; height:auto; display:block; } /**作品展示**/ .zuoplist{ width:100%; background:#fff; padding-bottom:27px;} .zuoplist .small_nav{ width:100%; overflow:hidden; padding:0px 0; margin:0; } .zuoplist .small_nav .box{float:right;} .zuoplist .zplist{ width:100%; height:auto;} .zuoplist .zplist ul{ overflow:hidden; padding:25px 0;} .zuoplist .zplist ul li{ width:33.125%; margin:0.048125%; float:left; overflow:hidden; position:relative;} .zuoplist .zplist ul li .zpimg{ height:100%;} .zuoplist .zplist ul li .zpimg,.zuoplist .zplist ul li .zpimg img{ width:100%;} .zuoplist .zplist ul li .zpint{ position:absolute; width:100%; height:100%; top:100%; background:url(../images/hebg2.png) repeat;transition:all 0.3s} .zuoplist .zplist ul li .zpint .zpi{ text-align:right; margin:20px;} .zuoplist .zplist ul li .zpint p{ font-size:20px; color:#fff; padding-top:18%; width:85.7%; margin:0 auto;} .zuoplist .zplist ul li .zpint span{ display:block; width:85.7%; margin:0 auto; height:53px; line-height:24px; padding-top:15px; font-size:14px; color:#fff;} .zuoplist .zplist ul li:hover .zpint{ top:0;} .zuoplist .zplist ul li:hover img{transition:all 1s;-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} .xunjia{ display:block; width:291px; height:41px; text-align:center; line-height:41px; border:1px solid #DDDDDD; font-size:18px; color:#404040; margin:25px auto;} .xunjia:hover,.xunjia.on{ background:#00B5EC; color:#fff; border:1px solid #00B5EC;} .whyxkws{ width:100%; height:580px; background:url(../images/wxk.jpg) center no-repeat;} .whyxkws .whyxkwtop{ text-align:center;} .whyxkws .whyxkwtop p{ font-size:48px; color:#fff; padding-top:82px;} .whyxkws .whyxkwtop p i{ color:#00b5ec; font-style:normal;} .whyxkws .whyxkwtop span{ font-size:24px; color:#909090;} .whyxkws .whyxkwbot{ overflow:hidden; width:81.25%; min-width:1300px; margin:0 auto; text-align:center;} .whyxkws .whyxkwbot .wxkw{ width:33.3%; float:left;} .whyxkws .whyxkwbot .wxkw p{ font-size:100px; color:#fff; padding-top:50px;} .whyxkws .whyxkwbot .wxkw p i{ font-size:24px;font-style:normal;} .whyxkws .whyxkwbot .wxkw span{ font-size:24px; display:block; color:#fff;} .whyxkws .whyxkwbot .wxkw em{ font-size:48px; color:#00b5ec; display:block;} /**多媒体解决方案**/ .idmt{ width:100%; background:#fff; padding:50px 0;} .idmt .idmttop{ text-align:center;} .idmt .idmttop span{ display:inline-block; font-size:24px; color:#404040; border-bottom:3px solid #02ACE6; padding:10px 0;} .idmt .idmtlist{} .idmt .idmtlist ul{ overflow:hidden; padding:50px 0 25px;} .idmt .idmtlist ul li{ width:24.74%;margin:0.048125%; float:left; overflow:hidden; position:relative;} .idmt .idmtlist ul li .zpimg{ height:100%;} .idmt .idmtlist ul li .zpimg,.idmt .idmtlist ul li .zpimg img{ width:100%;} .idmt .idmtlist ul li .zpint{ position:absolute; width:100%; height:100%; top:100%; background:url(../images/hebg2.png) repeat;transition:all 0.3s} .idmt .idmtlist ul li .zpint .zpi{ text-align:right; margin:20px;} .idmt .idmtlist ul li .zpint p{ font-size:16px; color:#fff; padding-top:23%; width:85.7%; margin:0 auto;} .idmt .idmtlist ul li .zpint span{ display:block; width:65.26%; margin-left:7.6%; height:53px; line-height:24px; padding-top:15px; font-size:12px; color:#fff;} .idmt .idmtlist ul li:hover .zpint{ top:0;} .idmt .idmtlist ul li:hover img{transition:all 1s;-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} /**专业团队**/ .iteams{ width:100%; height:600px; background:url(../images/iteambg.jpg) center no-repeat;background-size:cover;} .iteams .iteamtop{ text-align:left; width:1200px; margin:0 auto; padding:37px 0 0 5px;} .iteams .iteamtop span{ display:inline-block;font-size:24px; color:#404040; border-bottom:3px solid #02ACE6; padding:10px 0; color:#fff;} .iteams .iteamlist{ padding:54px 0 0 0;} .iteams .iteamlist ul{ height:302px; overflow:inherit;} .iteams .iteamlist ul li{ float:left; height:302px; overflow:inherit;} .iteams .iteamlist ul li .team2{ top:0; display:none;transition:all 0.2s} .xian4{ position:absolute; top: -150px;left: 116px; display:none;transition:all 0.2s} .iteams .iteamlist ul li:hover .team2,.iteams .iteamlist ul li:hover .xian4{ display:block;} /**新闻展示**/ .inews{ width:100%; background:url(../images/inew.png) 85.73% 0 no-repeat; padding:52px 0 121px} .inewlist{ width:1221px; margin:0 auto; overflow:hidden;} .inewlist .inew{ width:373px; background:#fff; float:left; margin:0 17px;} .inewlist .inew .inewtop{ overflow:hidden;padding:29px 0 22px; background:#F5F5F5;} .inewlist .inew .inewtop span{ display:block; float:left; font-size:24px; color:#404040; text-indent:14px; background:url(../images/xian5.jpg) 0 50% no-repeat;} .inewlist .inew .inewtop a{ display:block; float:right; font-size:12px; color:#606060; line-height:36px;} .inewlist .inew .inewtop a:hover{ color:#02ACE6;} .inewlist .inew .inewbot{ width:335px; padding:0 19px; background:#fff;} .inewlist .inew .inewbot .inewa{ border-bottom:1px solid #DBDBDB;padding-bottom: 18px;} .inewlist .inew .inewbot .inewa .inimg{ width:335px; height:225px; margin-top:21px; overflow:hidden;} .inewlist .inew .inewbot .inewa .inimg img{ width:100%;transition: all 0.2s;} .inewlist .inew .inewbot .inewa .inimg:hover img{transform: scale(1.2);} .inewlist .inew .inewbot .inewa .intit{ font-size:18px; color:#404040; padding:16px 0 18px;font-weight: bolder;} .inewlist .inew .inewbot .inewa .inint{ font-size:12px; color:#606060;height: 38px;overflow: hidden;text-overflow: ellipsis;} .inewlist .inew .inewbot ul{ padding:18px 0 35px;} .inewlist .inew .inewbot ul li{ border-bottom:1px dashed #BFBFBF; overflow:hidden; height:35px; line-height:35px;} .inewlist .inew .inewbot ul li a{ display:block; width:247px; float:left; font-size:14px; color:#404040;overflow: hidden;} .inewlist .inew .inewbot ul li span{ display:block; float:right; font-size:12px; color:#bdbdbd;} .inewlist .inew .inewbot ul li a:hover{ color:#02ACE6;} /**合作伙伴**/ .parlists{ width:100%; height:auto; background:url(../images/pabg.jpg) center no-repeat;} .parlist{ width:100%;} .parlist .parlisttop{ text-align:center; color:#fff;} .parlist .parlisttop p{ font-size:24px; padding-top:65px;} .parlist .parlisttop span{ font-size:14px; padding-top:11px;} .parlist .parlistbot{ padding:33px 0;} .parlist .parlistbot ul{ overflow:hidden;} .parlist .parlistbot ul li{ width:9.6875%; height:auto; float:left; margin:0.155% 0.155%;overflow: hidden;} /* .parlist .parlistbot ul li a{width: 185px;height: 90px;overflow: hidden;display: block;} */ .parlist .parlistbot ul li img{width:100%; height:auto;transition: all 0.2s;} .parlist .parlistbot ul li img:hover{/* -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/transform: scale(1.2);} /**报价**/ .ibaojias{ width:100%; height:auto; background:url(../images/abg.jpg) center no-repeat; height:707px; padding-top:99px;} .ibaojia{ width:1200px; margin:0 auto; height:598px; background:url(../images/babg.png) repeat; border-radius:5px;} .ibaojia .ibaojiatop{ text-align:center;} .ibaojia .ibaojiatop p{ font-size:30px; color:#404040; padding-top:55px;} .ibaojia .ibaojiatop span{ display:block; font-size:14px; color:#606060; padding-top:10px;} .ibaojia .ibaojiatop span i{ color:#2ba4f6; font-style:normal;} .ibaojia .ibaojiabot{ } .ibaojia .ibaojiabot ul{ overflow:hidden;padding:30px 0 10px 245px;} .ibaojia .ibaojiabot ul li{ width:331px; margin:13px 47px 0 0; float:left;} .ibaojia .ibaojiabot ul li p{ font-size:14px; line-height:24px; color:#404040;} .ibaojia .ibaojiabot ul li p span{ color:#f62b2b;} .ibaojia .ibaojiabot ul li input{ width:329px; border:1px solid #DCDCDC; border-radius:5px; font-size:14px; color:#333; text-indent:10px; padding:7px 0;} .ibaojia .ibaojiabot ul li.lastli{ width:100%;} .ibaojia .ibaojiabot ul li textarea{border:1px solid #DCDCDC; padding:10px; width:699px; height:50px;border-radius:5px; font-size:14px; color:#333; font-family:"microsoft yahei";} /**友情链接**/ .ilinks{ width:100%; background:#fff;} .ilinks .ilink{ width:1200px; margin:0 auto; overflow:hidden;} .ilinks .ilink .ilinkleft{ font-size:14px; color:#404040; line-height:62px; float:left; width:70px;} .ilinks .ilink .ilinkright{ float:left; width:1130px;} .ilinks .ilink .ilinkright a{ display:inline-block; font-size:12px; color:#606060; padding:22px 22px 5px 0;} .ilinks .ilink .ilinkright a:hover{ color:#00B5EC;} /*sreachbox*/ .sreachbox{padding:14px 0;background:#fff;} .sreachbox .txt{float:left;} .sreachbox .txt span,.sreachbox .txt a{color:#5F5F5F;} .sreachbox .txt a{margin-right:5px;line-height:33px;} .sreachbox .txt a:hover{color:#01ABE5;} .sreachbox .searchlv{ float:right !important;overflow:hidden;margin-right:20px;} .sreachbox .searchlv input[type="text"]{height: 31px;font-size: 12px;padding-left: 10px;width:200px;border-radius: 2px;float:left;border:none;border:1px solid #CDCDCD;border-right:none;} .sreachbox .searchlv a{display:inline-block;height: 33px;line-height:33px;padding: 0 15px;color: #fff;background:#14A0D0;border-radius: 0 2px 2px 0;float:right;} /**多媒体解决方案列表**/ .caselists{ width:100%; background:#F5F5F5;} .caselist{ width:1216px; margin:0 auto;} .caselist ul{ overflow:hidden; padding:45px 0 0;} .caselist ul li{ width:546px; height:151px; background:#fff; padding:20px 19px; float:left; margin:0 12px 20px 12px;} .caselist ul li .caleft{ width:245px; height:147px; float:left; position:relative; overflow:hidden;} .caselist ul li .caleft img{ max-height:100%; max-width:100%; transition: all 0.2s;} .caselist ul li .caright{ width:279px; margin-left:20px; float:left;} .caselist ul li .caright p{ font-size:18px; color:#000;} .caselist ul li .caright span{ font-size:14px; color:#606060; display:block; height:120px; padding-top:10px;} .caselist ul li:hover .caleft img{transform: scale(1.2);} .caselists .page{margin-bottom:90px;} /*多媒体解决方案详情页*/ .detailedbox1{padding-bottom:50px;} .detailedbox1 .intro{background:#fff; padding:45px;margin:45px 0 50px 0;overflow:hidden;} .detailedbox1 .intro .caleft{ width:500px; height:300px; float:left; position:relative;} .detailedbox1 .intro .caleft img{ max-height:100%; max-width:100%;} .detailedbox1 .intro .caright{ width:565px; margin-left:20px; float:left;} .detailedbox1 .intro .caright h2{ font-size:24px; color:#000;} .detailedbox1 .intro .caright .txt{ font-size:14px; color:#606060; display:block; padding-top:10px;} /*展台案例列表*/ .blockbox1{margin-top:20px;padding-bottom:80px;} .blockbox1 ul{overflow:hidden;margin:50px 0 80px 0;} .blockbox1 ul li{width:33.33333%;float:left;overflow:hidden;position:relative;margin-bottom:15px;padding:0 7.5px;box-sizing:border-box;} .blockbox1 ul li a{display:block;background:#fff;} .blockbox1 ul li .img{width:100%; overflow:hidden;} .blockbox1 ul li .img img{width:100%;transition: all 0.2s;} .blockbox1 ul li .txt{padding:18px 20px;position:relative;} .blockbox1 ul li .txt h3{font-size:24px;color:#3F3F3F;font-weight:400;line-height:26px;margin-bottom:8px;height:26px;overflow:hidden;} .blockbox1 ul li .txt p.p1{font-size:16px;color:#5F5F5F;line-height:24px;height:48px;overflow:hidden} .blockbox1 ul li .txt .size{font-size:24px;color:#01ABE5;position:absolute;right:20px;top:10px;} .blockbox1 ul li:hover a{background:#02ACE6;} .blockbox1 ul li:hover h3,.blockbox1 ul li:hover .size,.blockbox1 ul li:hover .p1{color:#fff !important;} .blockbox1 ul li:hover .img img{transform: scale(1.2);} /*展台案例详情页*/ .detailedbox2_1{background:#fff;padding:20px 100px;margin:20px auto;} .detailedbox2_1 .t{font-size:24px;line-height:30px;padding:20px 0;font-weight:normal;text-align:center;} .detailedbox2_1 .intro{padding:20px 0;overflow:hidden;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;margin-top:20px;} .detailedbox2_1 .li{width:300px;border-right:1px solid #ddd;float:left;} /*.detailedbox2_1 .li span{display:block;height:24px;line-height:24px;color:#8F8F8F;}*/ .detailedbox2_1 .li span{display:block;height:30px;line-height:24px;color:#5F5F5F;font-size: 14px;} .detailedbox2_1 .li span font{color:#5F5F5F;font-size: 14px;} .detailedbox2_1 .li1{width:345px;} .detailedbox2_1 .li2{width:160px;padding:0 40px;} .detailedbox2_1 .li3{width:150px;padding:0 40px;} .detailedbox2_1 dl.dl2{float:inherit;} .detailedbox2_1 dl.dl2 dt{color:#5F5F5F;font-size:16px;text-align:center;} .detailedbox2_1 dl.dl2 dd{font-size:20px;font-family:Arial;text-align:center; font-style:italic;} .detailedbox2_1 .imgbpx{height:640px;margin-top:30px;} .detailedbox2_1 .imgbpx .bd{height:555px;overflow:hidden;} .detailedbox2_1 .imgbpx .bd li{width:1000px;height:555px;overflow:hidden;} .detailedbox2_1 .imgbpx .bd li img{width:100%;height:100%;} .detailedbox2_1 .imgbpx .hd{margin-top:13px;} .detailedbox2_1 .imgbpx .hd ul{width:120%;} .detailedbox2_1 .imgbpx .hd li{width:122px;height:70px;float:left;margin-right:3px;cursor:pointer;} .detailedbox2_1 .imgbpx .hd li img{width:100%;height:100%;} .detailedbox2_1 .imgbpx .hd li.on{border-bottom:3px solid #03ACE6} .detailedbox2_1 .hd{position:relative;} .detailedbox2_1 .hd .prev,.detailedbox2_1 .hd .next{ display:block; position:absolute; top:-300px; width:14px; height:24px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%);background-color:#fff !important;width:26px;height:59px;border-radius:3px;} .detailedbox2_1 .hd .prev:hover,.detailedbox2_1 .hd .next:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter:grayscale(0%);} .detailedbox2_1 .hd .prev{ background:url(../images/sle.png) no-repeat center; left:-42px;} .detailedbox2_1 .hd .next{ background:url(../images/sre.png) no-repeat center; right:-42px;} .tuijianbox{margin-top:20px;margin-bottom:80px;} .tuijianbox h4{height:40px;font-size:24px;color:#3F3F3F;text-align:center;font-weight:normal;position:relative;padding:20px 0;width:380px;margin:0 auto;} .tuijianbox h4:before{height:1px;width:100%;position:absolute;left:0;top:50%;margin-top:-0.5px;background:#D6D6D6;content:'';} .tuijianbox h4 span{background:#F5F5F5;position:relative;z-index:1;padding:0 10px;} .tuijianbox .bd{overflow:hidden;height:257px;} .tuijianbox ul{margin:10px 0 0 0;overflow:hidden;width:1300px;} .tuijianbox ul li{width:380px;float:left;overflow:hidden;position:relative;margin-right:30px;box-sizing:border-box;} .tuijianbox ul li a{display:block;background:#fff;} .tuijianbox ul li .img{width:100%;height:195px;overflow:hidden;} .tuijianbox ul li .img img{width:100%;} .tuijianbox ul li .txt{padding:18px 20px;position:relative;} .tuijianbox ul li .txt h3{font-size:18px;color:#3F3F3F;font-weight:400;line-height:26px;height:26px;overflow:hidden;} .tuijianbox ul li .txt .size{font-size:24px;color:#01ABE5;position:absolute;right:20px;top:15px;} .tuijianbox ul li:hover a{background:#02ACE6;} .tuijianbox ul li:hover h3,.tuijianbox ul li:hover .size{color:#fff !important;} .tuijianbox .hd{position:relative;} .tuijianbox .hd .prev,.tuijianbox .hd .next{ display:block; position:absolute; top:84px; width:14px; height:24px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%);background-color:#fff !important;width:26px;height:59px;border-radius:3px;} .tuijianbox .hd .prev:hover,.tuijianbox .hd .next:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter:grayscale(0%);} .tuijianbox .hd .prev{ background:url(../images/sle.png) no-repeat center; left:-42px;} .tuijianbox .hd .next{ background:url(../images/sre.png) no-repeat center; right:-42px;} /*新闻资讯列表*/ .blockbox2 .page{padding:50px 0 90px 0;} .blockbox2 ul{padding:80px 80px 50px 80px;background:#fff;margin-top:40px;border:1px solid #EEEEEE;border-radius:2px;} .blockbox2 li:first-child{padding-top:0 !important;} .blockbox2 li{overflow:hidden;margin-bottom:40px;padding-bottom: 40px;border-bottom: 1px solid #CCCCCC;} .blockbox2 li .boxtext{overflow:hidden;} .blockbox2 li .boxtext h2{font-size:18px;line-height:20px;color:#353535;} .blockbox2 li .boxtext p{color:#656565;line-height:24px;font-size:14px;max-height:52px;overflow:hidden;margin:10px 0 0 0;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2; /* 设置行数 */ -webkit-box-orient: vertical;} .blockbox2 li .other{color:#656565;font-size:12px;margin-top:10px;} .blockbox2 li .other span{padding-right:10px;} .blockbox2 li .other span.s1{color:#2888E2;} .blockbox2 li .other font.f1{color:#2787E1;} .blockbox2 li .other font.f2{color:#FF5A5A;} .blockbox2 li .boxtext{float:left;width:760px;float:right;} .blockbox2 li .boximg{width:225px;height:150px;float:left; overflow:hidden;} .blockbox2 li .boximg img{width:100%;height:100%; transition: all 0.2s;} .blockbox2 li:hover .boximg img{transform: scale(1.2);} /*detailedbox3*/ .detailedbox3{padding:30px 80px 30px 80px;background:#fff;margin-top:40px;border:1px solid #EEEEEE;border-radius:2px;} .detailedbox3 h1{font-size:24px;font-weight:normal;color:#353535;text-align:center;} .detailedbox3 .intro{color:#656565;font-size:12px;text-align:center;padding:10px 0;} .detailedbox3 .intro span{padding-right:10px;} .detailedbox3 .intro font.f1{color:#444;} .detailedbox3 .intro font.f2{color:#FF5A5A;} .detailedbox3 .intro font.f3{color:#2787E1;} .detailedbox3 .detailed4{border-bottom:1px solid #eee;padding:10px 0;border-top:1px solid #eee;margin:10px 0;line-height:180%;color: #606060;font-family: "Microsoft YaHei";font-size: 16px;color: #333;} .detailedbox3 .detailed4 a{color: #02ACE6;text-decoration: underline;} .detailedbox3 .detailed4 img{max-width:100%;padding: 10px 0;} .tuijianbox2{margin-top:20px;margin-bottom:60px;} .tuijianbox2 h4{height:40px;font-size:24px;color:#3F3F3F;text-align:center;font-weight:normal;position:relative;padding:20px 0;width:380px;margin:0 auto;} .tuijianbox2 h4:before{height:1px;width:100%;position:absolute;left:0;top:50%;margin-top:-0.5px;background:#D6D6D6;content:'';} .tuijianbox2 h4 span{background:#F5F5F5;position:relative;z-index:1;padding:0 10px;} .tuijianbox2 ul{margin:10px 0 0 0;overflow:hidden;width:110%;} .tuijianbox2 ul li{padding:20px;background:#fff;width:333px;float:left;margin-right:40px;} .tuijianbox2 ul li a{display:block;background:#fff;} .tuijianbox2 ul li .img{width:100%;} .tuijianbox2 ul li .img img{width:100%;} .tuijianbox2 ul li .txt{padding:18px 20px;position:relative;} .tuijianbox2 ul li .txt h3{font-size:18px;color:#3F3F3F;font-weight:400;line-height:26px;height:26px;overflow:hidden;} .tuijianbox2 ul li .txt .size{font-size:24px;color:#01ABE5;position:absolute;right:20px;top:15px;} .tuijianbox2 ul li:hover a{background:#02ACE6;} .tuijianbox2 ul li:hover h3,.tuijianbox2 ul li:hover p{color:#fff !important;} .tuijianbox2 ul li p{line-height:22px;color:#666;margin-top:10px;height:44px;} .tuijianbox2 ul li .other{padding-top: 10px;} .tuijianbox2 ul li .other span{color:#666;} .tuijianbox2 ul li .other span:last-child{float: right;} .tuijianbox2 ul li .other font.f1{color:#2787E1;} .tuijianbox2 ul li .other font.f2{color:#FF5A5A;} .tuijianbox2 ul li:hover .other span{color:#fff;} .tuijianbox2 .hd{position:relative;} .tuijianbox2 .hd .prev,.tuijianbox2 .hd .next{ display:block; position:absolute; top:165px; width:14px; height:24px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%);background-color:#fff !important;width:26px;height:59px;border-radius:3px;} .tuijianbox2 .hd .prev:hover,.tuijianbox2 .hd .next:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter:grayscale(0%);} .tuijianbox2 .hd .prev{ background:url(../images/sle.png) no-repeat center; left:-42px;} .tuijianbox2 .hd .next{ background:url(../images/sre.png) no-repeat center; right:-42px;} /**关于9001aa金沙登录页面**/ .compintros{ width:100%; height:auto; background:#F4F4F4;} .compintro{ width:1200px; margin:0 auto; padding-top:50px;} .compTop{ text-align:center;} .compTop p{ font-size:48px; color:#404040; font-family:"Arial"; line-height:50px;} .compTop span{ font-size:24px; color:#02ace6;} .compintro .compimg{ width:100%; height:273px; position:relative; margin-top:50px;} .compintro .compimg img{ width:100%; height:273px;} .compintro .compints{ width:1100px; position:relative; background:#fff; border-radius:5px; margin:-137px 0 0 50px;box-sizing: border-box;padding: 45px;line-height: 180%;font-size: 16px;margin-bottom: 45px;} .compintro .compints .compint1{ text-align:center; padding:45px 0;} .compintro .compints .compint2{ width:983px; margin:0 auto 35px; color:#404040;} .compintro .compints .compint2 .gs1{ font-size:16px;} .compintro .compints .compint2 .gs2{ font-size:14px; line-height:30px; padding-top:10px;} .compintro .compints .compint3{ margin:0 auto; max-width:983px; text-align:center;} .compintro .compints .compint3 img{ max-width:100%;} .compintro .compints .compint4{ color:#000; padding:60px 0; text-align:center;} .compintro .compints .compint4 p{ font-size:30px;font-style:italic;font-family:宋体;} .compintro .compints .compint4 span{ font-size:14px;} .gscultures{ width:100%; background:#fff;} .gsculture{ width:1190px; margin:0 auto; padding-bottom:145px;} .gsculture ul{ overflow:hidden;} .gsculture ul li{ width:593px; height:193px; float:left; margin:0 1px 3px} .gsculture ul li.whul1 .gscul1,.gsculture ul li.whul2 .gscul1{ float:right;} .gsculture ul li.whul1 .gscul2,.gsculture ul li.whul2 .gscul2{ float:left;} .gsculture ul li.whul3 .gscul1,.gsculture ul li.whul4 .gscul1{ float:left;} .gsculture ul li.whul3 .gscul2,.gsculture ul li.whul4 .gscul2{ float:right;} .gsculture ul li .gscul1{width:295px; height:193px; border-radius:4px;} .gsculture ul li .gscul2{ background:#03ACF1; width:295px; height:193px; border-radius:4px; text-align:center; color:#fff;} .gsculture ul li .gscul2 p{ font-size:30px; padding-top:53px;} .gsculture ul li .gscul2 span{ display:inline-block; font-size:14px; padding-top:5px; } .gscations{ width:100%; background:#F4F4F4;} .gsservices{ width:100%; background:#fff;} .gsservice{ width:1152px; margin:0 auto;} .gsservice ul{ overflow:hidden; padding-bottom:111px;} .gsservice ul li{ float:left; width:365px; padding:16px 0; height:186px; border-bottom:1px solid #EAEAEA;} .gsservice ul li.gser2,.gsservice ul li.gser5{ width:420px; } .gsservice ul li.gser2 .gserleft,.gsservice ul li.gser5 .gserleft{border-left:1px solid #EAEAEA;} .gsservice ul li.gser2 .gserright,.gsservice ul li.gser5 .gserright{border-right:1px solid #EAEAEA;} .gsservice ul li .gserleft{ width:87px; float:left;text-align:center;height:186px; font-size:120px;color:#03acf1; font-style:italic; font-family:"Aparajita"; } .gsservice ul li .gserleft span{ display:block; padding-top:41px;} .gsservice ul li .gserright{height:186px; color:#606060; float:;} .gsservice ul li .gserright p{ font-size:18px; padding-bottom:5px;} .gsservice ul li .gserright span{ display:block; font-size:14px; line-height:32px;} .gsservice ul li.gser1 .gserright,.gsservice ul li.gser3 .gserright,.gsservice ul li.gser4 .gserright{ padding-top:24px; line-height:36px;} .gsservice ul li.gser4 .gserleft span,.gsservice ul li.gser5 .gserleft span,.gsservice ul li.gser6 .gserleft span{ padding-top:76px;} .gsservice ul li.gser4 .gserright{ padding-top:60px;} .gsservice ul li.gser5 .gserright,.gsservice ul li.gser6 .gserright{ padding-top:34px;} .gsservice ul li.gser4,.gsservice ul li.gser5,.gsservice ul li.gser6{ border-bottom:none;} .gsteams{ width:100%; background:url(../images/tmbg.png) #f4f4f4 center no-repeat;} .gsteam{ width:1200px; margin:0 auto; padding:0px 0 168px; position:relative;} .gsteam ul{ overflow:hidden;zoom:1;} .gsteam ul li{ width:232px; height:302px; margin:0 4px; background:#fff; border-radius:4px; position:relative; overflow:hidden;} .gsteam ul li .team1{ padding-top:4px;} .gsteam ul li .team1 .team1top{ width:224px; height:224px; margin:0 4px;} .gsteam ul li .team1 .team1top img{ max-width:100%;} .gsteam ul li .team1 .team1bot{ text-align:center;} .gsteam ul li .team1 .team1bot p{ font-size:18px; color:#404040; padding:14px 0 2px;} .gsteam ul li .team1 .team1bot span{ font-size:14px; color:#606060;} .gsteam ul li .team2{ text-align:center; position:absolute; border-radius:4px; width:100%; height:100%; background:url(../images/hebg.png) repeat; top:302px; left:0;} .gsteam ul li .team2 .tmint{ color:#fff; width:160px; margin:0 auto;} .gsteam ul li .team2 .tmint p{ font-size:18px;padding-top:40px} .gsteam ul li .team2 .tmint span{ display:block; font-size:14px;} .gsteam ul li .team2 .tmint em{ display:block; line-height:26px; padding-top:20px; font-size:14px;} .gsteam ul li .team2 .tmina{ padding-top:33px;} .gsteam ul li .team2 .tmina a{ display:inline-block; width:93px; height:32px; line-height:32px; text-align:center; background:#03ACF1; border-radius:4px; font-size:14px; color:#fff;} .gsteam ul li .team2 .tmins{ padding-top:23px;} .gsteam ul li .team2 .tmins a{ font-size:12px; color:#fff; text-decoration:underline;} .gsteam .hd .prev,.gsteam .hd .next{ display:block; position:absolute; top:130px; width:14px; height:24px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%);} .gsteam .hd .prev:hover,.gsteam .hd .next:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter:grayscale(0%);} .gsteam .hd .prev{ background:url(../images/sle.png) no-repeat; left:-32px;} .gsteam .hd .next{ background:url(../images/sre.png) no-repeat; right:-32px;} /**团队弹出层**/ .teamdets{ width:100%; height:100%; top:0; left:0; position:fixed; background:url(../images/hebg.png) repeat;} .teamdet{ width:1037px; height:527px; background:#070707; position:fixed; margin:auto; left:0; right:0; top:0; bottom:0; border-radius:5px;} .teamdet .teamd1{} .teamdet .teamd1 a{font-size:14px; color:#b6b6b6; display:inline-block; position:absolute; margin-top:252px; height:24px; line-height:24px;} .teamdet .teamd1 a img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%); } .teamdet .teamd1 a:hover{ color:#02ace6;} .teamdet .teamd1 a:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter:grayscale(0%);} .teamdet .teamd1 a.prev{ left:-95px;} .teamdet .teamd1 a.prev img{ margin-right:18px; float:left;} .teamdet .teamd1 a.next{ right:-95px;} .teamdet .teamd1 a.next img{ margin-left:18px; float:right;} .teamdet .teamd2{} .teamdet .teamd2 .teamd2top{ text-align:right; padding:15px 18px;} .teamdet .teamd2 .teamd2top a{ font-size:12px; color:#b6b6b6;} .teamdet .teamd2 .teamd2top a img{ vertical-align:middle; margin:-2px 0 0 9px;} .teamdet .teamd2 .teamd2bot{width:845px;margin:60px auto;overflow:hidden;height:258px;} .teamdet .teamd2 .teamd2bot li{overflow:hidden;} .teamdet .teamd2 .teamd2bot .teamd2botleft{ width:219px; height:224px; border:1px solid #999; float:left; position:relative;margin-top:32px;} .teamdet .teamd2 .teamd2bot .teamd2botleft .tear{width:219px; height:224px; position:absolute;margin:-11px 0 0 -9px;} .teamdet .teamd2 .teamd2bot .teamd2botleft img{ max-width:100%; } .teamdet .teamd2 .teamd2bot .teamd2botright{ width:580px; float:right;} .teamdet .teamd2 .teamd2bot .teamd2botright .teambot1{ font-size:36px; color:#fff; position:relative;} .teamdet .teamd2 .teamd2bot .teamd2botright .teambot2{ font-size:14px; color:#909090; padding:8px 0;} .teamdet .teamd2 .teamd2bot .teamd2botright .teambot3{font-size:14px; color:#909090; line-height:36px; height:108px;} .teamdet .teamd2 .teamd2bot .teamd2botright .teambot4{ padding-top:20px;} .teamdet .teamd2 .teamd2bot .teamd2botright .teambot4 a{ display:block; width:129px; height:35px; line-height:35px; text-align:center; background:#00B5EC; border-radius:4px; font-size:16px; color:#fff;} .catiul{ width:1200px; margin:0 auto; padding-bottom:60px; position:relative;} .catiul ul{ overflow:hidden;} .catiul ul li{ width:291px; height:198px; position:relative; margin:0 4px;float: left;} .catiul ul li .caimg img{width:100%;height:100%;} .catiul ul li .caimg{width:291px; height:198px;} .catiul ul li .caint{ display:none; position:absolute;width:291px; height:198px; background:url(../images/hebg2.png) repeat; top:0; left:0; text-align:center;} .catiul ul li .caint img{ margin-top:80px;} .catiul ul li:hover .caint{ display:block;} .catiul .hd .prev,.catiul .hd .next{ display:block; position:absolute; top:82px; width:14px; height:24px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%);} .catiul .hd .prev:hover,.catiul .hd .next:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter:grayscale(0%);} .catiul .hd .prev{ background:url(../images/sle.png) no-repeat; left:-32px;} .catiul .hd .next{ background:url(../images/sre.png) no-repeat; right:-32px;} /*常见问题列表*/ .blockbox3 .page{padding:50px 0;} .blockbox3 ul{margin-top:45px;} .blockbox3 li{overflow:hidden;margin-bottom:10px;padding:30px 20px;background:#fff;border:1px solid #EEEEEE;border-radius:2px;} .blockbox3 li .boxtext{overflow:hidden;} .blockbox3 li .boxtext h2{font-size:18px;line-height:20px;color:#353535;font-weight:normal;margin-bottom:5px;} .blockbox3 li .time{color:#8F8F8F;} .blockbox3 li .boxtext p{color:#656565;line-height:24px;font-size:14px;height:48px;overflow:hidden;margin:20px 0;} .blockbox3 li .other{color:#656565;font-size:12px;margin-top:10px;} .blockbox3 li .other span{padding-right:10px;} .blockbox3 li .other span.s1{color:#2888E2;} .blockbox3 li .other font.f1{color:#2787E1;} .blockbox3 li .other font.f2{color:#FF5A5A;} .blockbox3 li .boxtext{float:left;width:890px;float:right;} .blockbox3 li .boximg{width:225px;height:150px;float:left;border-right:1px solid #eee;} .blockbox3 li .boximg img{width:100%;height:100%;} .blockbox3 li .alink{display:block;padding:3px 10px;border:1px solid #aaa;float:left;} .blockbox3 li .num{padding-left:20px;background:url(../images/zan.png) no-repeat left center;display:block;float:left;line-height:28px;margin-left:10px;} /*常见问题详情*/ .detailedbox4_1{background:#fff;padding:60px 100px;margin:20px auto;} .detailed4_1{overflow:hidden;margin-bottom:10px;background:#fff;border-radius:2px;} .detailed4_1 .boxtext{overflow:hidden;} .detailed4_1 .boxtext h2{font-size:30px;line-height:30px;color:#01ABE5;font-weight:normal;margin-bottom:5px;} .detailed4_1 .time{color:#8F8F8F;} .detailed4_1 .boxtext p{color:#656565;line-height:24px;font-size:14px;height:72px;overflow:hidden;margin:20px 0;} .detailed4_1 .other{color:#656565;font-size:12px;margin-top:10px;} .detailed4_1 .other span{padding-right:10px;} .detailed4_1 .other span.s1{color:#2888E2;} .detailed4_1 .other font.f1{color:#2787E1;} .detailed4_1 .other font.f2{color:#FF5A5A;} .detailed4_1 .boxtext{float:left;width:835px;float:right;} .detailed4_1 .boximg{width:125px;height:70px;float:left;border-right:1px solid #eee;} .detailed4_1 .boximg img{width:100%;height:100%;} .detailed4_1 .alink{display:block;padding:5px 0;float:left;} .detailed4_1 .num{padding-left:20px;background:url(../images/zan.png) no-repeat left center;display:block;float:left;line-height:28px;margin-left:10px;} .detailed4_2{border-top:1px solid #eee;border-bottom:1px solid #eee;margin-top:30px;} .detailed4_2_1{margin:40px 0;background:url(../images/d.png) no-repeat 20px 5px;min-height:80px;} .detailed4_2_1_1{border-left:1px solid #eee;margin-left:125px;padding-left:40px;font-size:16px;line-height:180%;color:#5F5F5F;} .detailed4_2_1_1 a{color: #02ACE6;text-decoration: underline;} /**联系我们**/ .contacts{ width:1200px; margin:55px auto 0; background:#fff; padding:75px 0 15px;} .contact1{ overflow:hidden; text-align:center; margin-top:48px;} .contact1 .contactm{ width:340px; display:inline-block; margin:0 20px; text-align:center;border-bottom:1px solid #D3D3D3;} .contact1 .contactm .conimg{ display:table-cell; height:50px; width:340px; } .contact1 .contactm .conimg img{ vertical-align:middle;} .contact1 .contactm p{ font-size:16px; color:#606060; padding:20px 0;} .contact2{ width:1180px; height:318px; margin:80px auto 0;} .branch{ width:1234px; margin:0 auto; padding-bottom:82px;} .branch ul{ overflow:hidden;} .branch ul li{ float:left; width:581px; height:206px; background:#fff; margin:33px 18px 0;} .branch ul li .braleft{ width:240px;height:206px; float:left; position:relative;} .branch ul li .braleft img{ margin-left:42px;position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);} .branch ul li .braright{ width:325px; float:left;} .branch ul li .braright p{ font-size:18px; color:#02ace6; padding:42px 0 5px;} .branch ul li .braright span{ display:block; font-size:14px; color:#606060; padding:5px 0;} .branch ul li .braint{ text-align:center; font-size:18px; color:#02ace6; padding-top:60px;} .branch ul li .bratel{text-align:center; font-size:40px; color:#000; font-style:italic; padding-top:5px;} /*ydbox*/ .ydbox{background:url(../images/yd.jpg) no-repeat center;margin-top:50px;padding:85px 0;} .ydbox .ydboxinput{width:1200px;height:600px;background:#fff;margin:0 auto;border-radius:5px;} .ydbox .ydboxinput h2{font-size:30px;color:#3F3F3F;line-height:40px;font-weight:normal;text-align:center;padding-top:50px;} .ydbox .ydboxinput p{color:#5F5F5F;margin-top:5px;text-align:center;font-size: 14px;} .ydbox .ydboxinput p em{color:#2BA3F5;} .ydbox .ydboxinput dl dt{line-height:20px;margin-bottom:5px;font-size: 14px} .ydbox .ydboxinput dl dt em{color:#F52B2B;} .ydbox .ydboxinput dl dd input.text{width:310px;height:30px;border:1px solid #ccc;border-radius:3px;padding:0 10px;} .ydbox .dlbox{width:784px;margin:0 auto;overflow:hidden;margin-top:30px;} .ydbox .dlbox dl{float:left;margin:10px 30px;} .ydbox .long{width:800px;} .ydbox .dlbox textarea{border:1px solid #ccc;width:704px;padding:10px;line-height:24px;border-radius:3px;font-family:微软雅黑;font-size:12px;} .ydbox .submit{width:360px;display:block;height:40px;margin:20px auto;background:#00B5EC;border-radius:5px;text-align:center;font-size:16px;color:#fff;line-height:40px;background-size:auto 100%;cursor:pointer;} @media screen and (max-width: 1680px){ .zuoplist .zplist ul li .zpint p{ padding-top:15%;} .whyxkws .whyxkwbot .wxkw span{ font-size:20px;} .whyxkws .whyxkwbot .wxkw em{ font-size:40px;} .idmt .idmtlist ul li .zpint p{ padding-top:20%;} } @media screen and (max-width: 1440px){ .zuoplist .zplist ul li .zpint p{ padding-top:10%;} .whyxkws .whyxkwbot .wxkw span{ font-size:20px;} .whyxkws .whyxkwbot .wxkw em{ font-size:40px;} .idmt .idmtlist ul li .zpint p{ padding-top:18%;} } .picwrapper{width:1000px; display:block;margin-top:40px;} .picwrapper .content_tit { position:absolute; left:0; bottom:168px; z-index: 12;} .picwrapper .content_tit .tit_cont { background:rgba(180,59,4,0.8); width:180px; height:120px; text-align:center; font-size:50px; color:#fff; line-height:120px;} .picwrapper .content_tit .tit_cont span{ font-size:60px; color:#fff; line-height:50px; font-family:arial;} .picwrapper .imgnav{ position:relative; width:1000px; height:648px;border-bottom: 1px solid #eee;} .picwrapper .picimg{ z-index:10; position:relative; text-align:center; background:#474646; width:1000px; height:550px; overflow:hidden;} .picwrapper .picimg .img1{width: 100%;height: 100%;} .picwrapper .picimg li { display:none; width: 100%;height: 100%;} .picwrapper .picimg li img{width:100%;height:100%;display: block;} .picwrapper .picimg li p { position:absolute; bottom:0; right:0; z-index: 11; padding:42px 25px 42px 81px; background: rgba(0,0,0,0.40); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#40000000, endColorstr=#40000000); text-align:left; width:694px; } .picwrapper .picimg li p span { display:block; height:36px; overflow:hidden; color:#dcdddd; font-size:14px; line-height:18px;line-height:36px;overflow:hidden;} .picwrapper .front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer; width:50px; height:50px;} .picwrapper .front a{ position:absolute; left:16px; top:224px;display:block; background:url(../images/q1.png) no-repeat; width:70px; height:70px; } .picwrapper .nextxx{ position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:50px; height:50px;} .picwrapper .nextxx a{ position:absolute; right:16px; top:224px; display:block; background:url(../images/q2.png) no-repeat; width:70px; height:70px; } .picwrapper .cbtn{position:relative;margin:10px 0;} .picwrapper .cbtn ul{position:relative; width:10000px;height:75px;overflow:hidden;} .picwrapper .cbtn ul li{ float:left; width:100px; height:73px; cursor:pointer; text-align:center; position:relative; background:#000000; border:1px solid #595757;margin-right:5px;} .picwrapper .cbtn ul li img{ width:100%; height:100%; display:block;} .picwrapper .cbtn li.hov{ border:1px solid #CC3629;} .picwrapper .ctrl div{ clear:both;} .picwrapper .cSlideUl{width:960px;overflow:hidden; position:relative; margin:0 auto; } .picwrapper i{display:block;width:14px;height:24px;} .picwrapper .picSildeLeft{cursor:pointer; position:absolute; top:30px; left:0; z-index:9;background:url(../images/sle.png) no-repeat center;} .picwrapper .picSildeRight{cursor:pointer; position:absolute; top:30px; right:0; z-index:9;background:url(../images/sre.png) no-repeat center;} .close-kefu-btn{position: absolute;top: 5px;right: 5px;display: block;max-width: 100%;height: auto;cursor: pointer;} .the404{height: 500px;border-top: 1px solid #f1f1f1;background: #fff} .the404 .box .fl{width: 50%;box-sizing: border-box;float: left;} .the404 .box .fl .fr{float: right;} .the404 .box .fl:first-child{padding-top: 112.5px;} .the404 .box .fl:last-child{padding-top: 162.5px;} .the404 .box .fl:last-child h2{font-size: 20px;line-height: 1;font-weight: normal;margin-bottom: 15px;} .the404 .box .fl:last-child .time{color: #5e5e5e;font-size: 14px;line-height: 1;margin-bottom: 30px;} .the404 .box .fl:last-child .adda{margin-bottom: 30px;} .the404 .box .fl:last-child .adda a{font-size: 14px;color: #fff;box-sizing: border-box;padding: 7px 21px;border-radius: 3px;background: #008cd6;margin-right: 22px;border: 1px solid #008cd6} .the404 .box .fl:last-child .adda a:hover{background: #fff;color: #008cd6} .the404 .box .fl:last-child .other{color: #5e5e5e;font-size: 14px;line-height: 1;margin-bottom: 15px;} .the404 .box .fl:last-child .lista a{margin-right: 35px;font-size: 14px;line-height: 1;color: #008cd6}