*{ margin:0px; padding:0px; font-family:'微软雅黑'; list-style:none; text-decoration:none; } .hidden{display: none;} /*导航下拉样式*/ .fuwuxiala,.chanpinxiala,.hangyexiala,.cailiaoxiala,.aboutxiala{ position: relative; } /*.fuwuyc{ width:1200px; height:100px; background:#f5f5f5; position:absolute; top:138px; z-index:9999; border-top:10px solid #0a66c2; display:none; } .sjx{ width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent #0a66c2 transparent; margin-top:-50px; margin-left:480px; } .fuwuyc ul{width:100%;padding-top:25px;} .fuwuyc ul li{ width:20%; float:left; padding-bottom:20px; } .fuwuyc ul li a{ display:block; width:100%; font-size:20px; color:#1e4167; text-align:center; }*/ .fuwuyc{ width:150px; background:#f5f5f5; position:absolute; z-index:9999; border-top:3px solid #052e45; display:none; left:-25px; } .sjx{ width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent #0a66c2 transparent; margin-top:-50px; margin-left:53px; z-index:9999; } .fuwuyc ul{width:100%;} .fuwuyc ul li{ width:100%; height:50px; line-height:50px; margin-left:0px; } .fuwuyc ul li a{ display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#1e4167; text-align:center; } /*材料下拉*/ .cailiaoyc{ width:150px; background:#f5f5f5; position:absolute; z-index:9999; border-top:3px solid #052e45; display:none; left:-25px; } .sjx{ width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent #0a66c2 transparent; margin-top:-50px; margin-left:53px; z-index:9999; } .cailiaoyc ul{width:100%;} .cailiaoyc ul li{ width:100%; height:50px; line-height:50px; margin-left:0px; } /*.cailiaoyc ul li:first-child{margin-top:8px;}*/ .cailiaoyc ul li a{ display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#1e4167; text-align:center; } /*行业应用*/ /*.hangyeyc{ width:1200px; height:100px; background:#f5f5f5; position:absolute; top:138px; z-index:9999; border-top:10px solid #0a66c2; display:none; } .sjx2{ width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent #0a66c2 transparent; margin-top:-50px; margin-left:770px; } .hangyeyc ul{width:100%;padding-top:25px;} .hangyeyc ul li{ width:20%; float:left; padding-bottom:20px; } .hangyeyc ul li a{ display:block; width:100%; font-size:20px; color:#1e4167; text-align:center; }*/ .hangyeyc{ width:150px; background:#f5f5f5; position:absolute; z-index:9999; border-top:3px solid #052e45; display:none; left:-35px; } .sjx2{ width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent #0a66c2 transparent; margin-top:-50px; margin-left:53px; } .hangyeyc ul{width:100%;} .hangyeyc ul li{ width:100%; height:50px; line-height:50px; } .hangyeyc ul li a{ display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:000; text-align:center; } /*关于我们*/ .aboutyc{ width:150px; background:#f5f5f5; position:absolute; z-index:9999; border-top:3px solid #052e45; display:none; left:-35px; } .sjx2{ width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent #0a66c2 transparent; margin-top:-50px; margin-left:53px; } .aboutyc ul{width:100%;} .aboutyc ul li{ width:100%; height:50px; line-height:50px; } .aboutyc ul li a{ display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#1e4167; text-align:center; } /*产品中心*/ .chanpinyc{ width:1200px; background:#f5f5f5; position:absolute; top:78px; z-index:9999; border-top:3px solid #052e45; display:none; } .sjx3{ width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent #0a66c2 transparent; margin-top:-50px; margin-left:660px; } .chanpinyc ul{width:100%;padding-top:25px;} .chanpinyc ul li{ width:10.33%; float:left; padding-bottom:20px; overflow:hidden; padding-left:26px; } .chanpinyc ul li a{ display:block; width:100%; font-size:14px; font-weight:bold; color:#000; } .chanpinyc ul li a:hover{color:#052e45;} .chanpinyc ul li .cpul{ width:100%; } .chanpinyc ul li .cpul li{ width:100%; padding-left:0px; } .chanpinyc ul li .cpul li a{ display:block; width:100%; font-size:12px; color:#000; text-align:left; font-weight:normal; } .chanpinyc ul li .cpul li a:hover{color:#052e45;} .chanpinyc ul li .cpul li a span{ color:#1e4066; } /* 二维码弹出 */ .head .headright .wx{ position: relative; z-index: 999999; /* width:48px; */ height:45px; overflow: hidden; } .head .headright .ewm{ position:absolute; opacity:0; transition:all 0.4s; width:135px; z-index: 99999999; } .head .headright .ewm_active{ position:absolute; top:45px; left:-55px; opacity:1; } /*头部*/ .head{ width:100%; max-width:2256px; height:45px; background:#3b3c3b; position:fixed; top:0; z-index:9999; } .con{ width:1200px; height:auto; margin:0 auto; } .headleft{ float:left; color:white; line-height:45px; font-size:17px; } .headright{ float:right; /*overflow:hidden;*/ } .headright ul li{ float:left; margin-left:20px; height:45px; line-height:45px; display:flex; align-items:center; } .headright ul li a img{ display:flex; align-items:center; } .headright ul li > a{ display:flex; align-items:center; } /*.headright ul li img{ display: table-cell;vertical-align: middle; }*/ .navbox{ width:100%; max-width:2256px; height:77px; position:fixed; top:47px; background:white; z-index:997; } .navright{ float:right; } .navright ul li{ float:left; color:#000; font-size:18px; line-height:77px; margin-left:40px; } .navright ul li a{color:#3b3c3b;} .navright ul li a:hover{color:#052e45;} .flexslider { margin: 0px auto; position: relative; width: 100%; height: 100%; overflow: hidden; zoom: 1; } .flexslider .slides > li { width: 100%; height: 100%; } #banner_tabs .slides > li{width:100%;height:100%;} #banner_tabs .slides > li >a{width:100%; background: #000; display: block;} #banner_tabs .slides > li >a img{width:100%;height:100%; /*opacity:0.7; filter: alpha(opacity=70);*/} #banner_tabs .slides > li .ban_wrap{ position:absolute; top:55%; left:21%; color:#fff; /*width:680px;*/ } #banner_tabs .slides > li .ban_wrap h1{font-size:40px;} #banner_tabs .slides > li .ban_wrap h4{font-size:26px; font-weight: normal; line-height: 1.8; margin-top:30px;} #banner_tabs .slides > li .ban_wrap p{font-size:21px; margin-top:15px; line-height: 1.8;} #banner_tabs .slides > li ul{ padding-top: 25px; display: flex; justify-content: start; } #banner_tabs .slides > li ul .btn{ width:160px; height:45px; line-height: 45px; /* border-radius: 12px; */ margin-left:0; margin-right:25px; text-align:center; background:#1e4066; color:white; } #banner_tabs .slides > li ul .btn a{ color:white; } /*#banner_tabs .slides > li ul .btn:hover{ background-color:#ff8400; }*/ .flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(/uploads/image/simages/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); transition: all .3s ease; border-radius: 35px; } .flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 10%; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(/uploads/image/simages/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active,.flex-control-paging li.active a { background-position: 0 0; } .flexslider .slides a img { width: 100%; height:100%; display: block; } .syxwbox{ width:100%; max-width:2256px; padding-bottom:40px; } .syxwleft{ width:807px; margin-top:40px; float:left; position:relative; } .syxwleft h1{ color:#1e4066; margin-bottom:20px; font-size:33px; } .syxwleft h2{ position:absolute; color:white; bottom:100px; font-size:25px; font-weight:normal; margin-left:20px; } .syxwleft p{ color:white; font-size:15px; line-height:20px; margin-top:20px; position:absolute; bottom:17px; margin-left:20px; } .syxwlefttp{ overflow:hidden; } .syxwlefttp img{ width:100%; height:454px; } .syxwright{ float:right; width:370px; } .syxwright ul{ margin-top:90px; width:100%; /* height:540px; */ } .syxwright ul li{ /* width:300px; */ height:64px; background:#e1e1e1; float:left; margin-left:7.5px; margin-top:14px; } .syxwrighttp img{ width:100%; height:205px; overflow:hidden; } .syxwright ul li p{ font-size:14px; color:#444852; margin-left:25px; margin-right:25px; margin-top:10px; } .syjjfabox{ width:100%; max-width:2256px; padding-bottom:40px; } .jjfatit{ margin:0 auto; padding-top:30px; padding-bottom:40px; } .jjfatit h1{ font-size:33px; color:#1e4066; text-align:center; } .syjjfanr{ width:100%; margin:0 auto; } .syjjfanr ul li{ width:529px; float:left; } .syjjfanr ul li:nth-child(2){float:right;} .hyyybox{ width:100%; max-width:2256px; padding-bottom:80px; } .hyyynr{ width:100%; margin-top:10px; } .hyyynr ul li{ width:31%; overflow:hidden; float:left; margin-left:3.5%; margin-bottom:20px; } .hyyynr ul li a img:hover{ transform:scale(1.1); } .hyyynr ul li h3{ font-size:20px; color:#444852; line-height:30px; padding-top:20px; padding-bottom:30px; padding-left:20px; width:95%; height:60px; text-align:center; } .hyyynr ul li p{ width:85%; padding-left:20px; font-size:15px; color:#444852; } .hyyynr ul li:first-child{margin-left:0px;} .hyyynr ul li:nth-child(4){margin-left:0px;} /*.hyyynr ul li img{border-radius:0.7rem;}*/ .foot{ width:100%; max-width:2256px; background:#3b3c3b; } .foot1{ width:100%; height:65px; background:#1e4066; } .an1{ width:50%; height:65px; text-align:right; float:left; } .an1 a{ font-size:28px; color:white; line-height:65px; padding-right:50px; } .an2{ width:50%; height:65px; text-align:left; float:right; } .an2 a{ font-size:28px; color:white; line-height:65px; padding-left:50px; } .foot2{ width:100%; padding-bottom:50px; } .foot2left{ width:490px; margin-top:40px; float:left; } .foot2left p{ line-height:30px; color:white; font-size:15px; } .foot2right{ /*width:620px;*/ float:right; margin-top:55px; } .foot2right ul li{ float:left; margin-left:87px; } .foot2right ul li:first-child{margin-left:0px;} .foot2right ul li h2{ color:white; font-size:20px; padding-bottom:20px; } .foot2right ul li p a{ font-size:15px; color:white; line-height:35px; } /*3d打印服务*/ .fuwubox1{ width:100%; max-width:2256px; padding-bottom:40px; } .ernav{ width:100%; height:auto; margin-top:10px; position:relative; z-index:995; max-width:1200px; background:white; } .ernav li{ width:19.93%; height:68px; /* background:#0b66c3; */ float:left; /* border-left:1px solid #56a3f1; */ } .ernav li a{ /* display:block; */ text-align:center; line-height:68px; color:#8495a3; font-size:16px; } .ernav li a:hover{ color:#1e4066; border-bottom:2px solid #1e4066; } .erjinavlist{ width:239px; height:auto; display:none; position:absolute; z-index:99999999; } .erjinavlist li{ width:100%; background:#f5f5f5; border-left:0px; } .erjinavlist li a:hover{ color:white; } .erjinavlist li:first-child{border-radius:1rem 0 0 0;} .erjinavlist li:last-child{border-radius:0 0 0 1rem;} .erjinavlist li a { color:#214368; } .fuwugundong{ width:100%; margin-top:40px; height:80px; } .fuwubox3{ width:100%; margin-top:50px; } .fuwubox3left{ width:470px; float:left; } .fuwubox3left h1{ font-size:33px; color:#1e4066; margin-bottom:40px; } .fuwubox3right{ float:right; margin-top:210px; } .fuwubox4{ width:100%; background:#0b66c3; padding-top:40px; padding-bottom:40px; } .fuwubox4nr1{ width:100%; margin:0 auto; } .fuwubox4nr1 li{ width:24.9333%; border-left:1px solid white; text-align:center; float:left; } .fuwubox4nr1 h2{ font-size:33px; color:white; padding-bottom:25px; text-align:center; } .fuwubox4nr1 p{ font-size:19px; color:white; text-align:center; line-height:30px; } .fuwubox4nr1 li:first-child{border:0px;} .fuwubox5{ width:100%; background:#eeeeee; padding-top:50px; padding-bottom:50px; } .fuwubox5 .con h2{ font-size:33px; color:#1e4167; float:left; } .fuwubox5ckgd{ font-size:20px; width:240px; height:45px; background:#1e4066; text-align:center; line-height:45px; float:right; color:white; border-radius:1rem; } .fuwubox5nr1{ margin-top:20px; width:100%; overflow:hidden; } .fuwubox5nr1 li{ width:31.1%; float:left; margin-left:40px; margin-top:40px; overflow:hidden; } .fuwubox5li{ width:100%; /* background:white; */ padding-bottom:40px; overflow:hidden; /*border-radius:1rem 1rem 0 0;*/ } .fuwubox5li img{ /*border-radius:1rem 1rem 0 0;*/ width:100%; display:block; padding-bottom:30px; overflow:hidden; height:266px; } .fuwubox5li p{ /* padding-left:20px; */ padding-right:20px; line-height:25px; } .fuwubox5nr1 li:first-child{margin-left:0px;} .fuwubox5nr1 li:nth-child(5){margin-left:0px; } .fuwubox5nr1 li:nth-child(9){margin-left:0px; } .fuwubox5nr1 li:nth-child(13){margin-left:0px; } .fuwubox6{ width:100%; padding-top:80px; /* padding-bottom:40px; */ } .fuwubox6 .con h2{ font-size:33px; color:#1e4066; text-align:center; } .fuwubox5ckgd{ font-size:20px; width:240px; height:45px; background:#1e4066; text-align:center; line-height:45px; float:right; color:white; border-radius:1rem; } .fuwubox6nr1{ width:100%; margin-top:40px; } .fuwubox6nr1 li{ float:left; width:22.50%; margin-left:40px; margin-top:40px; } .fuwubox6nr1 li img{ /*border-radius:1rem;*/ width:100%; margin-bottom:20px; } .fuwubox6nr1 li:first-child{margin-left:0px;} .fuwubox6nr1 li:nth-child(5),.fuwubox6nr1 li:nth-child(9){margin-left:0px;} .fuwubox7{ width:100%; max-width:2256px; padding-bottom:80px; } .fuwubox7 .con h2{ font-size:33px; color:#1e4066; } .fuwubox7nr1{ width:100%; margin-top:40px; } .fuwubox7nr1 li{ float:left; width:31.1%; margin-left:40px; } .fuwubox7nr1 li img{ /*border-radius:1rem;*/ width:100%; padding-bottom:20px; } .fuwubox7nr1 li:first-child{margin-left:0px;} /*3d打印材料*/ .weizhi .con p{ margin-top:30px; font-size:20px; color:#1e4066; } .weizhi .con p a{color:#1e4066;} .cailiaobaox1{ width:100%; max-width:2256px; margin-top:60px; } .cailiaobaox1left{ width:206px; overflow:hidden; float:left; } .cailiaoleftlanmu{ width:100%; height:68px; background:#0a66c2; padding-left:20px; line-height:68px; font-size:25px; color:white; } .cailiaobaox1left ul li{ width:100%; height:43px; line-height:43px; padding-left:20px; color:#344762; background:#f0f2f6; cursor:pointer; border-top:1px solid white; } .cailiaobaox1left ul li a{display:block;width:100%;height:43px;background:#f0f2f6;color:#344762;} .cailiaobaox1left ul li:hover,.cailiaobaox1left ul li a:hover{ background:white; } #gcsl > ul li.active, #gcsl > ul li:hover{ background-color: white; } #gcsl > ul li.active a,#gcsl > ul li:hover a{ background-color: white; } .cailiaobaox1left ul li:first-child{border:0px;} .cailiaobaox1right{ width:932px; float:right; padding-bottom:60px; } .cailiaobaox1righttp1{ display:block; width:100%; /*border-radius:1rem;*/ padding-bottom:20px; } .cailiaofgx{ width:130px; height:1px; background:#5d6680; margin-top:10px; } .cailiaozfx{ display:block; float:left; width:15px; height:15px; background:#444852; margin-right:10px; margin-top:5px; } .cailiaozxan{ display:block; width:165px; height:45px; background:#1e4066; border-radius:1.5rem; margin-top:40px; text-align:center; line-height:45px; color:white; font-weight:bold; } .cailiaobox2{ width:100%; padding-top:60px; } .cailiaobox2nr1{ width:100%; padding-top:40px; text-align: center; } .cailiaobox2nr1 li{ float:left; height:165px; width:140px; margin-right:50px; } .cailiaobox2nr1 li img{ display:block; margin:0 auto; padding-bottom:10px; } .cailiaobox2nr1 li p{ color:#444852; font-size:16px; text-align:center; } .clxn_ul li{width:25%; margin-right: 0; text-align: left; box-sizing: border-box;} .clrz_ul li{width:25%; margin-right: 0;} .clrz_ul li.rz_1{background: url(/uploads/image/siclrz/1.jpg) center center no-repeat;} .clrz_ul li.rz_2{background: url(/uploads/image/siclrz/2.jpg) center center no-repeat;} .clrz_ul li.rz_3{background: url(/uploads/image/siclrz/3.jpg) center center no-repeat;} .clrz_ul li.rz_4{background: url(/uploads/image/siclrz/4.jpg) center center no-repeat;} .clrz_ul li.rz_5{background: url(/uploads/image/siclrz/5.jpg) center center no-repeat;} .clrz_ul li.rz_6{background: url(/uploads/image/siclrz/6.jpg) center center no-repeat;} .clrz_ul li.rz_7{background: url(/uploads/image/siclrz/7.jpg) center center no-repeat;} .cailiaobox3{ width:100%; padding-top:60px; } .cailiaobox3nr1{ width:100%; padding-top:40px; } .cailiaobox3nr1 li{ width:30.47%; float:left; margin-left:40px; overflow:hidden; } .cailiaobox3nr1 li img{ display:block; margin:0 auto; padding-bottom:20px; /*border-radius:1rem;*/ } .cailiaobox3nr1 li p{ color:#444852; font-size:16px; text-align:center; line-height:30px; } .cailiaobox3nr1 li:first-child{margin-left:0px;} /*后处理服务工艺*/ .hclbox{ width:100%; max-width:2256px; padding-bottom:60px; } .hclboxnr1{ width:100%; margin-top:50px; } .hclnr1eft img{ /*border-radius:1rem;*/ display:block; float:left; } .hclnr1right{ float:right; width:644px; } .hclnr1right h2{ padding-top:50px; color:#1e4066; font-size:20px; padding-bottom:20px; } .hclnr1right p{ line-height:35px; font-size:16px; color:#444852; } .hclboxnr2{ width:100%; margin-top:50px; } .hclnr2right img{ /*border-radius:1rem;*/ display:block; float:right; } .hclnr2left{ float:left; width:644px; } .hclnr2left h2{ padding-top:50px; color:#1e4066; font-size:20px; padding-bottom:20px; } .hclnr2left p{ line-height:35px; font-size:16px; color:#444852; } .hclboxnr3{ width:100%; padding-top:50px; } .hclboxnr3 h2{ color:#1e4066; font-size:20px; } .hclnr3 li{ float:left; width:31.1%; margin-left:40px; margin-top:40px; overflow:hidden; } .hclnr3 li img{ display:block; /*border-radius:1rem;*/ } .hclnr3 li:first-child{margin-left:0px;} .hclnr3 li h2{ font-size:20px; color:#444852; text-align:center; padding-top:20px; padding-bottom:10px; } .hclnr3 li p{ font-size:14px; color:#444852; text-align:center; line-height:20px; } .hclnr3 li:nth-child(4){margin-left:0px; } /*3d打印技术-polyjet*/ .pjsbox1{ width:100%; } .pjsbox1left{ width:572px; float:left; } .pjsbox1left h2{ padding-top:20px; color:#1e4167; font-size:33px; padding-bottom:30px; } .pjsbox1left p{ font-size:19px; color:#444852; line-height:30px; } .pjsbox1right{ float:right; width:574px; overflow:hidden; } .pjsbox1right img{ width:100%; display:block; } .pjishubox2{ width:100%; height:235px; max-width:2256px; background:#0a66c2; margin-top:30px; margin-bottom:20px; padding-bottom:20px; } .pjishubox2nr1{ width:100%; } .pjishubox2nr1 li{ width:24.93%; height:235px; border-right:1px solid #2c79c9; float:left; padding-bottom:20px; } .pjishubox2nr1 li img{ padding-top:40px; display:block; margin:0 auto; } .pjishubox2nr1 li p{ padding-top:20px; text-align:center; color:white; font-size:19px; } .pjishubox2nr1 li:last-child{border:0px;} .pjishubox3{ width:100%; } .pjishu3nr1{ width:100%; } .pjishu3nr1 h2{ font-size:33px; color:#1e4066; } .sbss{ background-color: #fff; padding:40px 0 70px 0; max-width:1200px; background-color: #fff; margin:0 auto; } .sbss li{ padding:25px 25px; display: flex; align-items: center; } .sbss a{ font-size:19px; color:#545a66; width:320px; display: block; flex-shrink: 0; font-weight:bold; } .sbss span{ display:block; line-height: 1.8; font-size:19px; color:#545a66; } .sbss li:nth-child(odd){ background-color:#f9f9f9; } .sbss li:nth-child(even){ background-color:#e5e9ec; } /*3d打印机产品页面*/ .cpzxbox{ width:100%; /* background:#f7f7f7; */ padding-top:30px; padding-bottom:40px; } .cpzxnr1{ width:100%; } .cpzxnr1 h1{ font-size:33px; color:#1e4066; text-align:center; padding-bottom:20px; } .cpzxftit{ font-size:18px; color:#444852; text-align:center; } .cpzxnr1ul{ width:100%; padding-top:40px; } .cpzxnr1ul li{ width:24.06%; overflow:hidden; float:left; margin-left:15px; position:relative; height:275px; background:#efefef; margin-bottom:40px; } .cpzxnr1ul li:first-child{margin-left:0px;} .cpzxnr1ul li:nth-child(5),.cpzxnr1ul li:nth-child(9),.cpzxnr1ul li:nth-child(13){margin-left:0px;} .cpzxnr1ul li .zz { position: absolute; bottom: 0; left: 0; background-color:rgba(98,98,98,.7); width:100%; height:0%; box-sizing:border-box; z-index: 9999; cursor: pointer; } .cpzxnr1ul li:hover .zz { height:100%; transition: all .6s; } .cpzxnr1ul li div img{ width:100%; display:block; /*border-radius:1rem 1rem 0 0;*/ } .cpwzk{ width:99%; height:78px; /* border-bottom:1px solid #c2c2c2; */ /* border-left:1px solid #c2c2c2; */ /* border-right:1px solid #c2c2c2; */ } .cpwzk h2{ font-size:19px; color:#545a66; text-align:center; padding-top:10px; } .cppbox{ width:99%; height:118px; } .cppbox p{ font-size:16px; color:#545a66; text-align:center; padding-top:5px; color:white; } .gdan{ width:116px; height:27px; background:#0a66c2; color:white; display:block; text-align:center; line-height:27px; /* border-radius:1rem; */ font-size:15.36px; margin:0 auto; } /*产品详情页*/ .cpfuwubox1{ width:100%; max-width:2256px; padding-bottom:40px; } .cpernav{ width:100%; height:auto; margin-top:10px; position:relative; z-index:10000; max-width:1200px; } .cpernav li{ width:12.4%; height:68px; /* background:#0b66c3; */ float:left; /* border-left:1px solid #56a3f1; */ } .cpernav li a{ display:block; text-align:center; line-height:68px; color:#8495a3; font-size:16px; } .cpernav li a:hover{ color:#1e4066; border-bottom:2px solid #1e4066; } .cperjinavlist{ width:150.033px; height:auto; display:none; position:absolute; z-index:99999999; } .cperjinavlist li{ width:100%; background:#f5f5f5; border-left:0px; } .cperjinavlist li a:hover{ color:#1e4066; } /*.cperjinavlist li:first-child{border-radius:1rem 0 0 0;}*/ /* .cperjinavlist li:last-child{border-radius:0 0 1rem 1rem;} */ .cperjinavlist li a:hover{ color:#1e4066; } .cpxzbox{ width:100%; } .cpxzbox1{ width:100%; padding-top:50px; padding-bottom:40px; } .cpxzboxleft{ width:485px; height:388px; overflow:hidden; float:left; } .cpxzleft img{display:block;width:100%;overflow:hidden;border-radius:1rem;} .cpxzboxright{ width:615px; height:388px; float:right; overflow:hidden; } .cpxzboxright h2{ font-size:20px; color:#1e4066; } .cpxzboxright p{font-size:16px;color:#444852;line-height:35px;} .cpxzan{ display:block; width:127px; height:42px; background:#1e4066; line-height:42px; text-align:center; color:white; font-size:16px; border-radius:1rem; margin-top:20px; } .cpxzbox2{ width:100%; padding-top:50px; padding-bottom:40px; } .cpxzboxright{ width:485px; height:388px; overflow:hidden; float:right; } .cpxzright img{display:block;width:100%;overflow:hidden;border-radius:1rem;} .cpxzboxleft{ width:615px; height:388px; float:left; overflow:hidden; } .cpxzboxleft h2{ font-size:20px; color:#1e4066; } .cpxzboxleft p{font-size:16px;color:#444852;line-height:35px;} .cpxzan{ display:block; width:127px; height:42px; background:#1e4066; line-height:42px; text-align:center; color:white; font-size:16px; border-radius:1rem; margin-top:20px; } .cpxqybox{ width:100%; max-width:2256px; margin:0 auto; } .cpxqybox img{ width:100%; } .cpxqysbcs{ width:100%; max-width:2256px; margin:0 auto; padding-top:40px; } .cpxqysbcs h2{ font-size:33px; color:#1e4066; text-align:center; } .cpxqysbcs img{width:100%;display:block;margin:40px auto;} .cpxqyyylybox{width:100%;max-width:2256px;padding-bottom:40px;} .cpxqyyylyul{ width:100%; } .cpxqyyylyul li{ width:22.50%; float:left; margin-left:40px; } .cpxqyyylyul li img{ width:100%; display:block; border-radius:1rem; } .cpxqyyylyul li p{ font-size:19px; color:#444852; text-align:center; padding-top:20px; } .cpxqyyylyul li:first-child{margin-left:0px;} /*行业应用列表样式*/ .casebox{ width:100%; max-width:2256px; margin:0 auto; padding-top:50px; } .caselistnr{ width:100%; } .caselistnr li{ width:45%; float:left; padding-bottom:50px; margin-left:120px; } .caselistnr li:first-child{margin-left:0px;} .caselistnr li:nth-child(3){margin-left:0px; } .caselistnr li img{ width:251px; height:255px; display:block; float:left; } .casewznr{ width:248px; height:255px; padding-left:20px; float:left; } .casewznr h2{ font-size:25px; color:#1e4066; } .casewznr p{ font-size:12.96px; color:#444852; padding-top:20px; line-height:25px; } /*行业应用详情页样式*/ .casefuwubox1{ width:100%; max-width:2256px; padding-bottom:40px; } .caseernav{ width:100%; height:auto; margin-top:10px; position:relative; z-index:10000; max-width:1200px; } .caseernav li{ width:16.59%; height:68px; /* background:#0b66c3; */ float:left; /* border-left:1px solid #56a3f1; */ cursor: pointer; } .caseernav li a{ /* display:block; */ text-align:center; line-height:68px; color:#8495a3; font-size:16px; } .caseernav > li > a{ /* display: flex; */ height: 68px; width:100%; align-items: center; justify-content: center; } .caseernav > li > a > img{ margin-right:8px } .caseernav li a img{display: table-cell;vertical-align: middle;} .caseernav li a:hover{ color:#1e4066; border-bottom:2px solid #1e4066; } .caseerjinavlist{ width:199.066px; height:auto; display:none; position:absolute; z-index:99999999; } .caseerjinavlist li{ width:100%; background:#f5f5f5; border-left:0px; } .caseerjinavlist li a:hover{ color:white; } .caseerjinavlist li:first-child{border-radius:1rem 0 0 0;} .caseerjinavlist li:last-child{border-radius:0 0 0 1rem;} .caseerjinavlist li a { color:#214368; } .anlibox{ width:100%; max-width:2256px; padding-top:40px; padding-bottom:40px; } #slide .prev{ left: 490px; } #slide .next{ right: 495px; } /*轮播导航图标样式,这里的ul.page的page为调用插件时设置的page属性的值,根据需要修改自己想要的样式效果*/ #slide ul.page{ bottom: -70px; } /*此处page原理同上 ,轮播导航图标非当前图标样式,*/ #slide ul.page li{ cursor: pointer; color: #000; width: 20px; height: 20px; background: white; border:1px solid #626367; text-align: center; margin: 0 5px; border-radius:2rem; } /* 此处page原理同上 ,on为当前图片的图标样式*/ #slide ul.page li.on{ color: white; background: #1e4066; } .anlibox2{ width:100%; margin-top:80px; padding-bottom:50px; } .anlibox3{ width:100%; padding-bottom:80px; } .anlibox3 h1{ font-size:33px; color:#1e4066; float:left; } .caseckgd{ float:right; font-size:16px; color:#0a66c2; } .casexqnr2{width:100%;padding-top:40px;} .casexqnr2 li{ float:left; width:22.5%; margin-left:40px; overflow:hidden; } .casexqnr2 li:first-child{margin-left:0px;} .casexqnr2 li img{ width:100%; display:block; /*border-radius:1rem 1rem 0 0;*/ overflow:hidden; } .casewzk{width:99%;border-bottom:1px solid #e0dcdd;border-left:1px solid #e0dcdd;border-right:1px solid #e0dcdd;} .casewzk h2{ font-size:25px; color:#444852; text-align:center; padding-top:20px; } .casewzk p{ color:#444852; font-size:16px; text-align:center; line-height:50px; padding-bottom:20px; } /*新闻资讯列表页样式*/ .xwzxlistbox{ width:100%; padding-top:40px; padding-bottom:40px; } .xwzxlistul{ width:100%; } .xwzxlistul li{ float:left; width:32.77%; margin-left:10px; margin-bottom:30px; } .xwzxlistul li:first-child{margin-left:0px;} .xwzxlistul li:nth-child(4){margin-left:0px; } .xwzxlistul li:nth-child(7){margin-left:0px; } .xwzxlistul li:nth-child(10){margin-left:0px; } .xwzxslt{ display:block; width:100%; overflow:hidden; height:260px; } .xwzxwzk{ width:99.5%; border:1px solid #c5c5c5; height:222px; } .xwzxwzk .xwzxlbtit{ font-size:20px; color:#1e4066; margin:10px 20px 20px 20px; line-height:40px; height:80px; font-weight:normal; width:75%; } .xwzxms{font-size:15px;color:#545a66;margin:10px 20px 20px 20px;} .xwzxsj{ width:100%; height:20px; line-height:20px; margin:40px 20px 20px 20px; } .xwzxsj img{ /*display: table-cell;*/vertical-align: middle; } .xwzxsj span{ font-size:15.91px; color:#272b36; line-height:20px; } .yma{padding-top:40px;height:24px; line-height:24px; text-align:center; width:100%;margin:0 auto; clear:both; padding-bottom:40px;display: block;} .yma li{/*float:left;*/list-style-type: none; display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;} .yma li a{color: #555;} /*.yma li a:hover{display:block;width:100%;height:100%;background:#f5f5f5; color:#fc5300;}*/ .yma li.thisclass{background:#fc5300; color: #ffffff;} .yma li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4;} .yma .pageinfo strong{font-weight:normal;} /*新闻内容页样式*/ .xwnrbox{ width:100%; padding-top:80px; padding-bottom:60px; } .xwnrtit{font-size:30px;color:#545a66;text-align:center;} .xwnrzwnr{font-size:19px;color:#545a66;padding:20px;} .xwnrbox p span,.xwnrbox p span span{font-size:19px;color:#545a66;/*padding:20px;*/} .xwnrbox .prev,.xwnrbox .next{font-size:16.49px;padding-left:20px;color:#1e4066;line-height:40px;} /*关于我们页面样式*/ .aboutbox{ width:100%; padding-top:60px; background:#f8f9fb; padding-bottom:30px; } .aboutnr1left{ width:556px; float:left; } .aboutnr1left h1{ font-size:33px; color:#1e4066; } .aboutnr1leftp1,.aboutnr1leftp2{ font-size:16px; color:#444852; line-height:30px; } .aboutnr1leftp2{padding-top:25px;} .aboutnrright{ float:right; display:block; width:632px; } .aboutnr1ul{ width:100%; margin-top:30px; } .aboutnr1ul li{ width:24.834%; height:238px; overflow:hidden; border-left:1px solid #e6e7eb; border-right:1px solid #e6e7eb; float:left; } .aboutnr1ul li img{ display:block; width:71px; height:79px; margin:25px auto; } .aboutnr1ul li h2{ font-size:25px; color:#545a66; text-align:center; } .aboutnr1ul li p{ font-size:19px; color:#444852; text-align:center; padding-top:10px; } .aboutbox2{ width:100%; padding-bottom:20px; } .aboutnr2ul{ width:100%; } .aboutnr2ul li{ display: flex; justify-content: center; align-items: center; width:31.3%; height:320px; border:2px solid #f7f9f8; position:relative; text-align:center; float:left; margin-left:30px; } .aboutnr2ul li:first-child{margin-left:0px;} .aboutsp{ width:100%; } .aboutbox4{ width:100%; padding-bottom:40px; } .aboutnr4ul{ width:100%; } .aboutnr4ul li{ width:23.7%; float:left; margin-left:20px; } .aboutnr4ul li:first-child{margin-left:0px;} .aboutnr4ul li:nth-child(5){margin-left:0px; } .aboutnr4ul li img{ display:block; width:100%; height:220px; overflow:hidden; margin-bottom:25px; } .aboutnr4ul li p{ text-align:center; font-size:19px; color:#444852; padding-top:20px; padding-bottom:30px; } /*联系我们*/ .lxwmbox{ width:100%; padding-top:20px; background:#f8f9fb; padding-bottom:40px; } .lxwmnr1left{ width:590px; margin-top:20px; float:left; } .lxwmnr1left h2{ font-size:25px; color:#0a66c2; } .lxwmnr1leftul{ width:100%; padding-top:20px; } .lxwmnr1leftul li h3{ color:#444852; font-size:20px; float:left; padding-top:30px; } .lxwmnr1leftul li span{ color:#444852; font-size:18px; float:left; padding-top:34px; padding-left:30px; } .lxwmnr1right{ width:546px; height:260px; background:#0b66c3; float:right; margin-top:20px; } .lxwmnr1right p{ font-size:20px; color:white; margin:20px 130px; } .lxwmnr1right a{ width:172px; height:40px; background:white; color:#1e4167; display:block; line-height:40px; text-align:center; border-radius:1rem; margin:10px auto; font-size:19px; font-weight:bold; } .lxwmbox2{ width:100%; padding-top:30px; } .lxwmbox2 h1,.lxwmbox3 h1{ font-size:33px; color:#1e4066; } .lxwmnr2bt{ padding-top:20px; font-size:20px; color:#444852; line-height:50px; } .lxwmnr2ul{ width:95%; margin:30px auto; } .lxwmnr2ul li { float:left; margin-bottom:45px; } .lxwmnr2ul li:first-child{margin-left:0px;} .lxwmnr2ul li:nth-child(3){margin-left:0px; } .lxwmnr2ul li:nth-child(5){margin-left:0px; } .lxwmnr2ul li span{ font-size:19px; color:#444852; } .lxwmnr2ul li input{ width:400px; height:50px; border:1px solid #848685; border-radius:1rem; padding-left:20px; background:#f8f9fb; } .tjan{ width:187px; height:45px; background:#1e4066; color:white; line-height:45px; text-align:center; border:0px; border-radius:1rem; margin:0 auto; display:block; font-size:25px; } .lxwmbox3{ width:100%; padding-top:40px; padding-bottom:80px; } /*工业电子案例*/ /* gydz_al */ #gydz_al .al_top { display: flex; justify-content: space-between; } #gydz_al .al_top .left{ width:764px; } #gydz_al .al_top .left h2{ text-align: left; color:#1e4066; font-size:33px; padding-bottom:50px; } #gydz_al .al_top .left p span{ display: block; margin-bottom:36px; font-size:16px; color: #444852; } #gydz_al .al_top .right{ flex: 1; text-align: center; } #gydz_al .al_top .right img{ max-width:461px; margin-top:100px; } #gydz_al .aljj h2{ text-align: left; } .aljj{width:620px;} #gydz_al .aljj p { color:#444852; line-height:40px; font-size:16px; } .anlick{float:right;display:block;width:130px;height:30px;background:#1e4066;color:white;font-size:14px;border-radius:1rem;line-height:30px;text-align:center;} .alqh{ width:150px; float:right; display: flex; align-items: center; width:155px; justify-content: space-between; margin-right:20px; } .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.5; } /*行业应用上一篇下一篇*/ /* .alprev { width: 10px; height: 10px; border-top: 2px solid #0a66c2; border-right: 2px solid #0a66c2; transform: rotate(-135deg); margin-right:10px; float:right; } .alnext { width: 10px; height: 10px; border-top: 2px solid #0a66c2; border-right: 2px solid #0a66c2; transform: rotate(45deg); } */ .sycpzxbox{width:100%;max-width:2256px;background:#e1e1e1;height:460px;} .sycpzxbox h1{text-align:center;font-size:33px;padding:40px 0;color:#1e4066;} .sycpzxbox ul li{float:left;width:32.22%;margin-right:20px;} .sycpzxbox ul li a p:hover{color:#1e4066;} .sycpzxbox ul li img{width:100%;} .sycpzxbox ul li:nth-child(3){margin-right:0px;} .sycpzxbox ul li a p{font-size:25px;text-align:center;color:black;margin:20px 0;} section{padding:60px 0;} .row{display: -ms-flexbox; display: flex; -ms-flex: 1 0 100%; flex: 1 0 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;} .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .media { margin-bottom: 1rem; line-height: 1rem; min-height: 72px; display: flex; align-items: flex-start; margin-top: 20px; }.col-6 { -ms-flex: 0 0 50%; /* flex: 0 0 50%; */ /* max-width: 50%; */ }#advantages .media-left { padding-right: 10px; width: 50px; margin-right: 20px; }.item-img img { width: 100%; transition: 0.4s all; }.media-body { flex: 1; }.media-heading { font-size: 20px; font-weight: 700; line-height: 1.3; margin-bottom:0.5rem; }.media-body p{line-height:24px;color:#444852;}