/* CSS Document */ /*通用*/ *{ box-sizing:border-box;} *::before, *::after{ box-sizing:border-box;} *:focus{ outline:none;} input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;} html{ -ms-touch-action: none; /* 阻止windows Phone 的默认触摸事件 */} /*兼容iphone去除默认input表单默认设置*/ input{ caret-color:#4371ea;} input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;} /*图片默认样式*/ img{border:0;vertical-align: middle;} .m-center {text-align: center;font-size:0;} .m-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%; } .m100 img{display: inline-block;width:100%;height: 100% !important;} .imgobj{} .imgobj img{object-fit: cover;width: 100%; height: 100%} /*动画效果*/ *{transition-property:all;} .solPROG-img img,.com-img img{ transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;} .solPROG-img:hover img,.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .fl{float:left;} .fr{float:right;} /* .cl{clear:both;} */ .clearfix:after,.cl:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; } .clearfix,.cl{ zoom:1; } .show{display:block;} .hide{display:none;} .f18{font-size:18px !important;} .f16{font-size:16px !important;} .f14{font-size:14px !important;} .f12{font-size:12px !important;} .mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .ml5{margin-left:5px;} .taC{text-align:center;} .taL{text-align:left;} .taR{text-align:right;} .ttU{text-transform:uppercase;} .ofH{overflow:hidden;} .ofA{overflow:visible !important;} .fwB{font-weight:600;} .vaM{vertical-align:middle;} .pr{position:relative;} /*字体*/ @font-face { font-family:'DINCond-Bold'; src: url('http://www.dxyic.cn/en/fonts/DINCond-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*flex*/ .flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;} .flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} .flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;} .flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;} .flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;} .flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;} .flex-1 {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;} .vertical-container {display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} /*限制行数 -- 一行*/ .line1, .Ipro-box .t1, .Ipro-box .t2, .Icase-box .name, .Inews-list li .t, .Inews-list li .c, .solCMM-box .t1, .solCMM-box .t2, .solTech-list li a, .solDload-tbody dd .td.td-name .t1, .solDload-tbody dd .td.td-name .t2, .nlist-box .t, .comIR-name, .comIR-about, .comEP-box .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/ .line2, .Icase-box .con, .solCMM-box .c {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;} .line3, .Ipro-box .con, .nlist-box .c {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;} .comEP-box .con {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-moz-line-clamp:4;-o-line-clamp:4;-webkit-box-orient:vertical;} /*动画*/ a:hover, .comHist-swiper .swiper-slide {-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .animation, .Icase-more span, .Isrv-list li img, .Isrv-list li .type, .solCMM-more .btn, .comMedia-btn span, .pTableWeb-top:after {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .comCul-list li img, .comCul-list li .type, .comCul-list li .split, .comCul-list li .con, .sPolicy-box img, .sPolicy-box .con{transition:all 1s cubic-bezier(.19,1,.22,1);-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);} /*通用img*/ .srvlist-box .icon img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;} .Ipro-img img, .solPROG-img img, .nlist-img img{width:100%;height:100%;object-fit:cover;} .aa{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);} .com-media .cMedia-bg{width:100%;height:100%;position:absolute;top:0px;left:0px;} .sol-bnr, .com-media, .pro-top, .com-media .cMedia-bg{background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;} article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video { margin: 0; padding: 0; border: 0 } a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul { border: 0; vertical-align: baseline; margin: 0; padding: 0 } article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video { display: block } table { border-collapse: separate; border-spacing: 0 } table caption, table td, table th { text-align: left; vertical-align: middle } a img { border: 0 } em{font-style:normal;} :focus { outline: 0 } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) } 50% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5) } } @keyframes bounce { 0%, 100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) } 50% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5) } } body { background-color: #ffffff;/*整体背景颜色*/ -webkit-touch-callout: none; /*-webkit-user-select: none;*//*禁止复制*/ -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(255,255,255,0);/*点击高亮效果*/ } body, button, input, pre, select, textarea { font-size: 14px; font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial; } input, textarea { -webkit-appearance: none; border-radius: 0 } ol, ul { list-style: none } /*a, a:active, a:visited {*/ a, a:active{ color: inherit; text-decoration: none; cursor:pointer; } h1, h2, h3, h4, h5, p, span { overflow: visible } /*滚动条*/ .viewport { overflow: hidden; position: relative;/}/*内容可视区域的宽高*/ .overview { list-style: none; position: absolute; left: 0; top: 0;} /*内容可视区域的宽高*/ .scrollbar{position: relative; float: right; position:relative; display:inline; z-index:400; z-index:2}/*滚动条的宽高颜色*/ .track{ position: relative; }/*滚动条的宽*/ .thumb{cursor: pointer; position: absolute; top:0; left:0px; z-index:400;} .disable{ display: none; } .noSelect { user-select:none;} /* 内页公用菜单 */ .listMenu{height:44px;text-align:center;margin-top:-44px;position:relative;z-index:3;font-size:0;line-height:0;background: url(../image/tm-b-7.png);} .listMenu .menuWrap{text-align: left;} .listMenu .menuWrap a{display:inline-block;color:#fff;line-height:44px;height:44px;font-size:14px;border-right:1px solid #ccc;padding: 0 20px;} .listMenu .menuWrap a:last-child{border-right: 0;} .listMenu .menuWrap a:hover,.listMenu .menuWrap .current{background-color:#4371ea;border-color: #4371ea;color: #fff;} /*分页*/ .pagination{width:100%;height:auto;text-align:center;font-size:0px;position:relative;overflow:hidden;margin:45px 0 0;}/*分页*/ .pagination a,.pagination span{display:inline-block;padding:0 18px;line-height:48px;font-size:14px;color:#666666;border:1px solid #e5e5e5;margin:0 8px;} .pagination span.current, .pagination a:hover{color:#fff;border-color:#4371ea;background:#4371ea;} .contins{ position: absolute;right:-400px;top: 160px; } .contins p{ font-size: 22px; line-height: 75px; color: #666; } /*-----whole-----*/ html{font-size:100px;overflow-x: hidden;} body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden;} body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;} .contain{width:1200px;margin:0 auto;} /*clearfix*/ .clearfix{*zoom:1} .clearfix:before, .clearfix:after{display:table;content:""} .clearfix:after{clear:both} /*初始化按钮*/ .btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;} .btn span{display:inline-block;} input.text, textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;} /*--- Header ---*/ .Header-wrapper{z-index:99;} .Header-wrapper .Header-cl{height:72px;position:relative;} .header-container{padding:0 2.5%;width:100%;background:#fff;box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:0px;left:0px;z-index:90;} /*logo*/ .Hlogo{height:72px;line-height:72px;font-size:0px;float:left;overflow:hidden;position:relative;z-index:5;} .Hlogo img {width: 100%;height: 100%;} .H-intro{padding:0 0 0 10px;line-height:17px;font-family:'微软雅黑';color:#444444;border-left:1px solid #d9d9d9;float:left;margin:19px 0 0 10px;} .H-intro .num{font-size:16px;} /*language*/ .Hlang{padding:0 0 0 34px;border-left:1px solid #e5e5e5;position:relative;float:right;} .Hlang-menu{display:block;height:72px;line-height:72px;padding:0 0 0 28px;font-size:16px;color:#666666;background:url(../image/icon-Hlang.png) no-repeat left center;} .Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:68px;right:0px;display:none;padding:20px 0px;} .Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;right:0;} .Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;} .Hlang-box a:hover{color:#fff;background:#4293F4;} .Hlang-box a.CN{background-image:url(../image/icon-CN.png);} .Hlang-box a.HW{background-image: url(../picture/hw.png);} .Hlang-box a.EN{background-image:url(../image/icon-EN.png);} /*srch*/ .Hsrch{padding:0 20px;border-left:1px solid #e5e5e5;float:right;} .Hsrch-menu{display:block;width:43px;height:72px;background:url(../image/icon-Hsrch.png) no-repeat center center;} .Hsrch-box{width:100%;height:72px;background:#fff;position:absolute;top:0px;left:0px;display:none;z-index:3;} .Hsrch-block{padding:0 0 0 4rem !important;width:12rem !important;height:32px;margin:20px 4% 0;float:right;} .Hsrch-block .btn{width:24px;height:32px;background:url(../image/icon-Hsrch.png) no-repeat center center;float:left;} .Hsrch-block .close{display:block;width:24px;height:32px;background:url(../image/icon-close.png) no-repeat center center;float:right;} .Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;border-bottom:1px solid #eeeeee;} .Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;} /*nav*/ .Hnav{position:relative;float:right;margin:0 15px 0 0;} .Hnav>li{padding:0 32px;position:relative;float:left;z-index:2;} .Hnav>li.Hnav-cur{padding:0px;height:3px;background:#4371ea;position:absolute;bottom:0px;float:none;z-index:0;} .Hnav .Hname{display:block;height:72px;line-height:72px;font-size:18px;position:relative;overflow:hidden;} .Hnav .Hname i{display:block;width:50px;height:50px;background:url(../image/icon-dd1.png) no-repeat center center / 12px auto;position:absolute;right:0px;top:0px;z-index:2;display:none;} .Hn2nd-box{padding:23px 0 0;width:178px;position:absolute;top:70px;left:22px;display:none;} .Hn2nd-box:after{content:"";display:block;border-bottom:9px solid #e7e8ec;border-left:8px solid transparent;border-right:8px solid transparent;position:absolute;top:14px;left:20px;} .Hn2nd-box a{display:block;padding:10px 0 10px 27px;line-height:26px;color:#666666;border-bottom:1px solid #c7d2df;background:#e7e9ec;} .Hn2nd-box a.cur, .Hn2nd-box a:hover{color:#4371ea;} .Hnav>li.cur .Hname{color:#4371ea;} @media all and (min-width:980px){ .Hnav>li:hover .Hn2nd-box{display:block;animation:HnavDD .6s ease-in-out;-webkit-animation:HnavDD .6s ease-in-out;} .Hlang:hover .Hlang-box{display:block;} } @keyframes HnavDD{ from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;} top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;} } @-webkit-keyframes HnavDD{ from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;} top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;} } /*--- Footer ---*/ .Footer-wrapper{} .F-cr{padding:20px 0;line-height:20px;color:#888888;} .footer-container{padding:53px 0 55px;background:#f4f4f4;} .Fnav{width:13.5%;float:left;} .Fnav dt{line-height:28px;font-size:16px;font-weight:600;} .Fnav dd{margin:15px 0 0;} .Fnav dd a{display:block;padding:5px 0;line-height:22px;color:#666666;} .Fnav dd a:last-of-type{border: none;} .Fnav dd a:hover{color:#4371ea;text-decoration:underline;} .Fct{width:42%;float:right;} .Fct .FoCon-btn{width:158px;height:45px;line-height:41px;font-size:16px;color:#4371ea;border-radius:45px;border:2px solid #4371ea;float:right;margin:6px 0 0;} .FoCon-btn:hover{color:#fff;background:#4371ea;} .Fct .tel{line-height:32px;font-size:26px;font-family:'华文细黑';} .Fct .work-time{line-height:22px;color:#666666;margin:5px 0 0;} .Fcon{padding:9px 0 13px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;margin:13px 0 0;} .Fcon .con{padding:0 0 0 25px;line-height:28px;color:#666666;} .Fcon .con.adr{background:url(../image/icon-Fadr.png) no-repeat left top;} .Fcon .con.post{background:url(../image/icon-Fpost.png) no-repeat left top;} .Fcode{margin:21px 0 0;} .Fcode li{text-align:center;float:left;margin:0 0 0 10%;} .Fcode li:first-child{margin:0px;} .Fcode li img{width:170px;height:170px;} .Fcode li .name{line-height:24px;color:#666666;margin:10px 0 0;} .Footer-wrapper.on .Fnav dd{display:block !important;} .yaweb-title-xq { border-bottom: 1px solid #4371ea; height: 27px; margin-bottom: 15px; font-size: 16px; } .yaweb-title-xq span { display: inline-block; border-bottom: 6px solid #4371ea; color: #ffffff; line-height: 27px; height: 27px; padding: 0 10px; background-color: #4371ea; } /*底部*/ .foot{width:100%;height:240px; background-color: rgb(57, 87, 159);border-bottom: 1px solid #898a87;overflow:hidden; clear: both; } .foot .foot_con{ width:1100px; height:240px;margin:auto; position: relative;} .foot .foot_con ul{ width: 177px;float: left;margin-top: 40px;} .foot .foot_con ul li {margin-bottom: 10px;} .foot .foot_con ul li a{ color: #fff; font-size: 13px;} .foot .foot_con ul li a:hover{ color: #4371ea;} .foot .foot_con ul li p{color:#fff; font-size: 16px;} .foot img{width:96px;height: 96px;float: left; margin-right:65px;margin-top: 40px;} .foot .message{margin-top: 34px;width: 334px; float: left; color: #f0f0f0; font-size: 13px; line-height: 25px; margin-bottom: 10px;margin-left: 60px; font: bold italic 15px/30px "Adobe 宋体 Std L";text-shadow: -3px -3px 10px white, 3px 3px 10px black;}{margin-top: 34px;width: 334px; float: left; color: #f0f0f0; font-size: 13px; line-height: 25px; margin-bottom: 10px;margin-left: 60px; font: bold italic 15px/30px "Adobe 宋体 Std L";text-shadow: -3px -3px 10px white, 3px 3px 10px black;} .gz{position: absolute; font-size: 13px; color: #fff;top: 143px;left:546px;} .message .ge_p1{ font-size: 16px;margin-bottom: 5px;} .message .ge_p2{font-size: 13px;color: #fff;} .message .ge_p2 a{font-size: 13px;color: #fff;} .message .ge_p2 a:hover{color: #fff ;} .message .ge_p3 a{font-size: 13px;color: #fff;} .message .ge_p3 a:hover{color: #fff ;} /*//////*/ .copy{ width: 100%; height: 50px;background-color: #4371ea; } .copy_box{width:1100px;height: 50px; margin:0 auto; line-height: 50px;} .copy_box p.py {font-size: 14px; color:#fff ; text-align: center;height: 50px;line-height: 50px; } .copy_box p a{ font-size: 14px; color:#fff; } .copy_box p a:hover{ color: #fff; } /*--- Banner ---*/ .bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;} #index-bnr .swiper-slide{overflow:hidden;} #index-bnr .bnr-img{height:600px;width:100%;overflow:hidden;} #index-bnr .bnr-img .bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;} #index-bnr .swiper-slide.swiper-slide-active .bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;} #index-bnr .bnr-img span{width:82px;height:82px;background:rgba(255,255,255,0.1);border-radius:50%;position:absolute;left:0px;top:0px;font-size:18px;color:#fff;padding:15px 0px;text-align:center;transition:all 0.1s ease-in-out 0.1s;opacity:0;transition-delay:0.2s;-webkit-transition-delay:0.2s;} #index-bnr .bnr-img span.bnr-ic1{left:23%;top:40px;transition-delay:.5s;} #index-bnr .bnr-img span.bnr-ic2{left:30%;top:60px;transition-delay:1s;} #index-bnr .bnr-img span.bnr-ic3{left:35%;top:40px;transition-delay:1.2s;} #index-bnr .bnr-img span.bnr-ic4{left:41%;top:120px;transition-delay:1.5s;} #index-bnr .bnr-img span.bnr-ic5{left:41%;top:auto;bottom:140px;transition-delay:1.8s;} #index-bnr .bnr-img span.bnr-ic6{left:25%;top:auto;bottom:225px;transition-delay:2s;} #index-bnr .bnr-img span.bnr-ic7{left:19%;top:auto;bottom:120px;transition-delay:2.2s;} #index-bnr .bnr-img span.bnr-ic8{left:14%;top:auto;bottom:210px;transition-delay:2.4s;} #index-bnr .bnr-img span.bnr-ic9{left:13%;top:auto;bottom:310px;transition-delay:2.6s;} #index-bnr .swiper-slide.swiper-slide-active .bnr-img span{opacity:1;} #index-bnr .bnr-img span:hover{background:rgba(255,255,255,0.3);color:#4371ea;transition-delay:0.1s!important;-webkit-transition-delay:0.1s!important;} /*Bnr1*/ .iBnr-1{width:1200px;position:absolute;left:50%;top:50%;margin-left:-600px;margin-top:-80px;height:160px;text-align:left;color:#fff;z-index:2;} .iBnr-2{width:1200px;position:absolute;left:50%;top:50%;margin-left:-600px;margin-top:-200px;height:160px;text-align:right;color:#fff;z-index:2;} .iBnr-3{width:1200px;position:absolute;left:50%;top:50%;margin-left:-600px;margin-top:-210px;height:160px;text-align:left;color:#fff;z-index:2;} .bnr-img .t1{line-height:80px;font-size:40px;font-weight:bold;} .bnr-img .t2{font-size:32px;font-weight:lighter;font-family:'微软雅黑';} .bnr-img .t1,.t1-tit,.t2-tit, .bnr-img .t2{transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition-delay:.4s;-webkit-transition-delay:.4s;opacity:0;} .bnr-img .t1,.t1-tit{transform:translateX(-50px);-webkit-transform:translateX(-50px);} .bnr-img .t2,.t2-tit{transform:translateX(50px);-webkit-transform:translateX(50px);} .swiper-slide.swiper-slide-active .t1,.active .t1-tit,.active .t2-tit, .swiper-slide.swiper-slide-active .t2{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} #index-bnr .swiper-pagination{font-size:0px;bottom:24px !important;} #index-bnr .swiper-pagination-bullet{width:12px;height:12px;background:none;border:1px solid rgba(255,255,255,.6);border-radius:100%;opacity:1;margin:0 8px;} #index-bnr .swiper-pagination-bullet-active{background:#4371ea;border:0px;} .bnr-img.page-bnr{height:400px;} #index-webBnr{display:none;} #index-webBnr .bnr-img{height:12rem;line-height: 12rem;} #index-webBnr img{width:100%;height:auto;background:url() center center no-repeat;} #index-webBnr .swiper-pagination{font-size:0px;bottom:10px !important;} #index-webBnr .swiper-pagination-bullet{width:8px;height:8px;background:none;border:1px solid rgba(255,255,255,.6);border-radius:100%;opacity:1;margin:0 3px;} #index-webBnr .swiper-pagination-bullet-active{background:#4371ea;border:0px;} @media all and (max-width:980px){ #index-bnr{display:none;} #index-webBnr{display:block;} } .yaweb-pro-in {margin:5px;display:none } .yaweb-pro-in .btn{width:100%;} .yaweb-pro-in .btn span {float:left;width:50%;} .yaweb-pro-in .btn a {display: block;margin: 5px;text-align: center;color: #fff;background-color: #4371ea;line-height: 40px;border-radius: 8px;} /*--- Container ---*/ .location{padding-left: 20px;color: #333 } .breadCrumb{height: 50px;line-height: 50px;border-bottom: 1px #ccc dashed;background: #fff;} .breadCrumb p{background: url(../image/home_icon.png) no-repeat left center;padding-left: 20px;} .breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#4371ea;color:#fff;margin-top:10px;} .breadCrumb .back:hover{background:#c52515;transition:all 0.3s;} /*-- 首页 --*/ .I-title{text-align:center} .I-title .t1{line-height:56px;font-size:36px;} .I-title.It2 .t1{color:#fff;} /*首页标题*/ .index-title {margin-bottom: 25px; padding-top: 0px;} .index-title .tit-en {display: inline-block;} .index-title .tit-cn {position: relative;top: 14px;display: inline-block;font-size: 24px;color: #333;margin-left: 8px;padding-left: 20px;} .index-title .tit-cn:before {content: "/";position: absolute;left: 0;top: -3px;font-size: 30px;} .index-title .com-more {top: 14px;} .index-title h2{text-transform: uppercase; font-size:35px; color:#4371ea;text-align: center;margin-bottom:18px;font-weight: normal;} .index-title h3{font-size: 20px;margin-top:5px; color: #1da736;text-transform: uppercase;text-align: center;font-weight: normal;} /*按钮*/ .com-more{position: relative;z-index: 1;display: inline-block;width: 130px;height: 30px;line-height: 30px;border-radius: 15px;text-align: center;color:#4371ea;border: 1px solid #4371ea;font-size: 16px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;} .com-more .sp-r {margin-left: 5px;width: 32px;height: 18px;background-position: 0 -57px;vertical-align: text-bottom;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;} .com-more:hover .sp-r, .more:hover .com-more .sp-r {background-position: -32px -57px;} .com-more:hover, .more:hover .com-more {color: #fff;background: #4371ea;} .pic {position: relative;} .pic .cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .sp {position: relative;display: inline-block;background-image: url(../image/sprite_1.png);background-repeat: no-repeat;vertical-align: sub;} /*产品*/ .index-pro{padding:36px 0;} .Ipro-swiper{position:relative;margin:27px 0 0;} .Ipro-box{display:block;padding:0 0 6px;border:1px solid #c7c7c7;position:relative;margin: 6px;} .Ipro-box .Ipro-img{width:100%;height:300px;overflow:hidden;line-height: 300px;} .Ipro-box .t1{padding:0 7.853403141361257%;line-height:30px;font-size:26px;margin:20px 0 0;} .Ipro-box .t2{padding:0 7.853403141361257%;line-height:27px;font-size:18px;margin:10px 0 0;} .Ipro-box .con{padding:0 7.853403141361257%;line-height:24px;height:72px;color:#666666;margin:10px 0 0;} .Ipro-box .btn{width:100px;height:36px;line-height:36px;font-size:13px;font-weight:600;color:#fff;background:#4371ea;margin:23px 0 0;float:right;} .Ipro-box .btn span{padding:0 22px 0 0;background:url(../image/icon-go.png) no-repeat right center;} .indexProSwiper-prev, .indexProSwiper-next{display:block;width:70px;height:70px;position:absolute;top:50%;margin:-35px 0 0;z-index:2;} .indexProSwiper-prev{background:url(../image/swiper1-l.png) no-repeat center center / cover;left:-1.28rem;} .indexProSwiper-next{background:url(../image/swiper1-r.png) no-repeat center center / cover;right:-1.28rem;} .indexProSwiper-prev:hover{background-image:url(../image/swiper1-l2.png);} .indexProSwiper-next:hover{background-image:url(../image/swiper1-r2.png);} .Ipro-box{transition:all .3s cubic-bezier(.55,0,.1,1);-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);} .Ipro-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);} @media all and (max-width:1400px){ .indexProSwiper-prev{left:0px;} .indexProSwiper-next{right:0px;} } .homePartner .bd{overflow: hidden;} .homePartner ul{} .homePartner li{width:30%;height:300px;float: left;margin-right:3.33%;overflow: hidden;border:1px solid #d7d7d7;margin-bottom:32px;} .homePartner li a{display: block;width: 100%;height:100%;position: relative;overflow: hidden;} .homePartner li a img{position: absolute;z-index: 2;transform:rotateY(0deg);transition: all 0.7s ease 0s;backface-visibility: hidden;transition: all 0.5s ease 0s;left:0;top:0;right: 0;bottom: 0;width: 100%;height: 100%;} .homePartner li a span{position: absolute;text-align: center;line-height:300px;background-color:#4371ea;transform:rotateY(-180deg);color: #fff;font-size: 20px;font-weight: 600;transition: all 0.7s ease 0s;backface-visibility: hidden;left:0;top:0;right: 0;bottom: 0;} /*.homePartner li a:hover img{transform: rotateY(180deg);}*/ /*.homePartner li a:hover span{transform: rotateY(0deg);}*/ .homePartner li:nth-of-type(3n){margin-right: 0;} /*首页关于*/ .index-about-box{padding:60px 0 20px;width: 100%;background-color: #fcfcfc;} .index-about {padding-bottom: 30px;} .index-about-content .pic {width:46%;height:400px;padding-bottom: 20px;margin-right:3%;position: relative;margin-bottom: 28px;} .index-about-content .pic:before {content: "";position: absolute;left:24px;top:16px;width:100%;height:385px;border: 3px solid #eee;z-index: 1;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;} .index-about-content .pic:hover:before {border-color: #4371ea;} .index-about-content .pic img {-webkit-transition: .5s;-o-transition: .5s;transition: .5s;position: relative;z-index: 2;} .index-about-content .pic:hover img { /* -webkit-transform: translate3d(13px,13px,0);-ms-transform: translate3d(13px,13px,0);-o-transform: translate3d(13px,13px,0);transform: translate3d(13px,13px,0);*/ } .index-about-content .cont {padding-left: 25px;padding-right: 115px;overflow: hidden;} .index-about-content .tit {font-size:27px;color: #4371ea;line-height: 1.2;padding-top: 15px;margin-bottom:10px;font-weight: normal;} .index-about-content .des {line-height: 1.8;margin-bottom:12px;max-height: 400px;} .index-about-content .des p{display: -webkit-box;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:14;-webkit-box-orient: vertical;} .index-about-content .about-other li {float: left;margin-top:25px;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;width:580px;height: 230px;text-align: center; } .index-about-content .about-other li:hover {opacity: .8;} .index-about-content .about-other li:first-child {margin-right: 10px;} /* 首页公司图片滚动 */ .yaweb-album-in {padding: 0 50px;position: relative;} .yaweb-album-in .bd {overflow: hidden;} .yaweb-album-in .bd li {float: left;margin-right: 20px;} .yaweb-album-in .bd li a {display: block;width: 258px;height:320px;border: 1px solid #eee;line-height: 160px;text-align: center;font-size: 0;position: relative;} .yaweb-album-in .bd li p {position: absolute;bottom: 0;left: 0;margin: 0;text-align: center;color: #fff;line-height: 30px;background:#00000086 ;font-size: 14px;width: 100%;} .yaweb-album-in .prev,.yaweb-album-in .next {position: absolute;top: 50%;width: 35px;height: 35px;background: no-repeat center;margin-top: -17px;} .yaweb-album-in .prev {background-image: url(../image/prev.jpg);left: 0;} .yaweb-album-in .next {background-image: url(../image/next.jpg);right: 0;} /* 免费使用 */ .mfsy{background: #4371ea;} .mfsy ul{background: #4371ea;padding: 20px 0 0 33px;border-radius: 5px;height: 154px;} .mfsy li{float: left;width: 188px;height: 128px;border-right: 1px dotted #e1e2df; text-align: center;font-size:18px;color: #fff;font-weight: bold;} .mfsy li em{display: block;width: 82px;margin: 0 auto;transition: all 0.3s linear 0s;} .mfsy li:hover em{transform: rotateY(180deg); } .mfsy li i{display: block;font-weight: normal;font-size: 12px;color: #e0e0e0;font-style: normal;} .mfsy li:last-child{border-right: none;} /* 尚品牌•重信誉• */ .hzpp_t{padding: 45px 0;} .hzpp_t dl{float: left;width:24%;margin-right:1%;box-shadow: 1px 2px 8px #ccc;transition: all 0.3s linear 0s;} .hzpp_t dl:hover{transform: translateY(-10px);} .hzpp_t .lastdl{margin-right: 0} .hzpp_t dt{width: 100%;height: 196px;overflow: hidden;} .hzpp_t dt img{width: 100%;height: 196px;display: block;transition: all 0.3s linear 0s;} .hzpp_t dt:hover img{transform: scale(1.1);} .hzpp_t dd{background: #fff; padding: 30px 0 0 0; height: 140px; width: 100%;} .hzpp_t .h3{width:200px;height: 35px;line-height: 32px;border: 2px solid #4371ea;margin: 0 auto 8px;text-align: center;font-size: 22px;color: #4371ea;font-weight: normal;} .hzpp_t h4{font-size: 12px;font-weight: normal;color: #bebebe;text-align: center;height: 30px;padding-top: 3px;} .hzpp_t p{font-size: 14px;line-height: 18px;color: #909090;text-align: center;width: 98%;padding: 0 1%;text-align: left;} .hzpp_t .dl01 p{padding: 0 15px;} .hzpp_t dl:hover dd{background: #4371ea;color: #fff;} .hzpp_t dl:hover .h3{color: #fff;border: 2px solid #fff;} .hzpp_t dl:hover h4{color: #fff;} .hzpp_t dl:hover p{color: #fff;} /* 合作伙伴 图片 */ .hzhb{background: url(../image/hzhb.jpg) no-repeat top center;height:175px;background-size: cover;} .yaweb-section-title{color: #fff;padding-top: 40px; text-align: center;font-size: 36px;margin-bottom: 40px;} .yaweb-section-title small{color: #fff; text-transform: uppercase;font-size: 18px; margin-top: 14px; display: block; padding-bottom: 8px;} .yaweb-section-title:after{background: #fff; height: 3px;margin-top: 10px;width: 70px;} .yaweb-section-title:after { background: #fff; height: 3px; margin-top: 10px; width: 70px; content: ''; display: block; margin: 2px auto 0; } .homeProd-ban{width: 1200px;margin: 20px auto;padding-bottom: 60px;} /*解决方案*/ .mc_index_jjfa{display: none;} .index-case{height: 200px;padding-top:20px;background:url(../image/Icase-bg.jpg) no-repeat center center / cover;} /* 品牌控制 */ .letter-nav { padding: 25px 10px; text-align: center; clear: both; } .letter-nav li { margin-left: 4px; height: 25px; float: left; font-size: 16px; color: #4371ea; text-align: center; line-height: 25px; position: relative; -ms-border-radius: 2px; border-radius: 2px; } .letter-nav li:first-of-type{color: #888;} .letter-nav li a { padding: 0 5px; height: 25px; float: left; line-height: 28px; border-radius: 2px; position: relative; text-transform: uppercase; width: 30px; display: block; } .letter-nav li a.cur,.letter-nav li:hover a{background-color: #4371ea;color: #fff;} .ppk{border: 1px solid #e4e4e4;margin: 12px auto;border-radius: 5px;-webkit-border-radius: 5px;} .ppk h3{background-color: #e4e4e4;line-height:36px;padding-left: 16px;color:#4371ea ;} .ppk .picBox{padding: 28px 32px;display: inline-block;width: 100%;} .ppk .picLi{} .ppk .picLi li{width: 18.4%;float: left;margin-left: 2%;overflow: hidden;height: 120px;margin-bottom: 16px;} .ppk .picLi li:nth-of-type(5n+1){margin-left: 0;} .ppk .picLi li a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;} .ppk .picLi li a img{position: absolute;z-index: 2;transform:rotateY(0deg);transition: all 0.7s ease 0s;backface-visibility: hidden;left:0;top:0;right: 0;bottom: 0;width: 100%;height: 100%;} .ppk .picLi li a span{position: absolute;text-align: center;line-height:120px;background-color:#4371ea;transform:rotateY(-180deg);color: #fff;font-size: 18px;font-weight: 600;transition: all 0.7s ease 0s;backface-visibility: hidden;left:0;top:0;right: 0;bottom: 0;} .ppk .picLi li a:hover img{transform: rotateY(180deg);} .ppk .picLi li a:hover span{transform: rotateY(0deg);} .gypp{border-left: 5px solid #4371ea;padding-left: 10px;font-size: 20px;color: #555;margin-bottom: 8px;} .produc_xq{} .produc_xq_l{width:78%;float: left;} .produc_xq_r{width:20%;;float: right;} .produc_xq_r>div{width: 100%;height: 210px;border: 1px solid #ccc;line-height: 210px;margin: 0 auto;padding: 1px;} .produc_xq_r h4{line-height: 32px;text-align: center;} /* 品牌库存 */ .ppkc_name{height:72px;line-height:72px;text-align: center;background-color:#4371ea;color: #fff;margin-bottom: 12px;font-size: 21px;} .ppkc_table{margin: 12px auto; width: 100%; clear: both; border-collapse: separate; border-spacing: 0;} .ppkc_table, .ppkc_table *{ box-sizing: content-box;text-align: center;} .ppkc_table tr:nth-child(2n-1) { background: #f4f4f4;} .ppkc_table thead.thead tr{background: #d0d0d0;border-bottom: 1px solid #111;font-size: 16px;} .ppkc_table tr { height: 50px; text-align: center; border: 1px solid #d8d8d8;} .ppkc_table tbody tr {background-color: #ffffff;} .ppkc_table tr:nth-child(2n-1) { background: #f4f4f4;} .ppkc_table tbody tr:hover{background-color:#4371ea;cursor: pointer;} .ppkc_table tbody tr:hover td{color: #fff} .ppkc_table tbody tr td a{display: block;margin: -8px -10px;} .ppkc_table th { border: 1px solid #d8d8d8;} .ppkc_table td {color: #666666;padding: 4px;border: 1px solid #d8d8d8;} .ppkc_ss{height: 36px;margin: 28px auto;} .ppkc_ss form{} .ppkc_ss input{border: 1px solid #ccc;padding: 2px 4px;height:36px;line-height:36px;width: 250px;border-radius: 3px;position: relative;float: right; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;} .ppkc_ss button{background: url(../image/icon-Hsrch.png) no-repeat center center;height: 36px; width: 36px;border: 1px solid #ccc;float: right;border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;margin-left: 4px;cursor: pointer;} .ppkcBox{} .ppkcBox .pagination{margin: 32px auto;} .ppkcBox .pagination a,.ppkcBox .pagination span {padding: 0 12px;line-height:36px; margin:0 4px 6px;} /*服务*/ .index-srv{padding:50px 0 62px;text-align:center;color:#fff;background:url(../image/Isrv-bg.jpg) no-repeat center center / cover;} .index-srv .top{line-height:46px;font-size:30px;} .Isrv-list{} .Isrv-list li{width:25%;float:left;margin:30px 0 0;} .Isrv-list li .type{line-height:32px;font-size:18px;font-weight:600;margin:15px 0 0;} .Isrv-list li:hover img{transform:translateY(-10px);-webkit-transform:translateY(-10px);} /*-- 解决方案 --*/ .sol-title{line-height:44px;text-align:center;font-size:32px;} /*文档下载*/ /*-- 关于我们 --*/ .page-nav{} .page-nav a{display:block;padding:20px 1.55%;line-height:32px;text-align:center;font-size:18px;position:relative;float:left;margin:0 0 0 2%;border-bottom: 2px solid #e5e5e5;} .page-nav a:first-child{margin:0px;} .page-nav a:after{content: "";position: absolute;width: 0;left: 0;bottom: -2px;height: 2px;background-color: #4371ea;transition: all .5s;color: #4371ea;;} .list_top li a{display: block;position: relative;} .page-nav a:hover:after{width: 100%;} .page-nav a.cur{display: block;border-bottom:2px solid #4371ea; color: #4371ea;} /* 关于我们 */ .pageAbout{padding: 5px 0; margin-bottom:30px;overflow: hidden;} .pageAbout .fl{width:43%;} .pageAbout .font{width:55%;line-height:28px;} .pageAbout .font h3{font-size:30px;color:#333;height:60px;font-weight:normal;} .pageTopic{font-size:30px;font-weight:normal;color:#333;text-align:center;margin-bottom:30px;line-height:30px;} .pageTopic span{font-size:12px;color:#888;font-family:Arial;text-transform: uppercase;display:block;} /* 内页关于我们展示 */ .aboutusList{ overflow: hidden;} .aboutusList li{width:24%;float:left;margin-right:1%;margin-bottom:25px;text-align:center;} .aboutusList li img{display:block;width:98%;padding:1%;border:1px solid #e3e3e3;background:#fff;height: 185px;} .aboutusList li img.pic{height:320px;} .aboutusList li img:hover{border:1px solid #4371ea;} .aboutus_nr,.pro_nr{padding:1px; margin-bottom:20px;line-height: 2.2; overflow-wrap: break-word; word-wrap: break-word;font-size: 16px;} .aboutus_nr img {display: inline-block;width: auto;height: auto;max-width:100%;max-height: 98%;vertical-align: middle;} .abtname{line-height: 36px;color: #4371ea; font-size: 16px;border: 1px solid #ddd;padding-left: 10px;border-left: 5px solid #4293F4;display: none; } /*简介*/ .com-pro{padding:60px 0 10px;} .comPro-data{margin:44px 0 0;} .comPro-data li{padding:0 1.75% 7px;width:20%;text-align:center;position:relative;float:left;} .comPro-data li .num{line-height:65px;font-family:'DINCond-Bold';font-size:60px;color:#4371ea;} .comPro-data li .con{line-height:22px;height:44px;color:#666;margin:10px 0 0;} .comPro-data li:after{content:"";display:block;width:1px;height:82.53968253968254%;background:#e5e5e5;position:absolute;left:0px;top:8.73015873015873%;} .comPro-data li:first-child:after{display:none;} .comPro-box{line-height:32px;text-align:center;color:#666666;margin:39px 0 0;} .com-media{padding:131px 0 214px;text-align:center;background:#000;position:relative;overflow:hidden;width: 100%;} .com-media .contain{position:relative;z-index:2;} .com-media .cMedia-bg{transform:scale(1.1);-webkit-transform:scale(1.1);opacity:.1;transition:all 3s linear;-webkit-transition:all 3s linear;} .com-media.active .cMedia-bg{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .sztd {text-align: center; margin:30px;padding: 15px 0;} .sztd li {float: left;width: 33.333333%;text-align: center;margin-bottom: 8px; font-size:14px;} .sztd li strong {color: #4371ea;display: block;font-size: 44px;margin-bottom: 18px;} .pageHonor{padding:50px 0;overflow:hidden;} .honorSlide {overflow: hidden;} .honorSlide ul{} .pageHonor li{float:left;width:280px;height:245px;text-align:center;margin-right:25px;} .pageHonor li .pic{display: block;height:195px;background:#eee;} .pageHonor li img{width:100%;height:100%;transition:all 0.5s;} .pageHonor li span{display:block;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background:#fff;} .pageHonor li:hover img{transform:scale(.95);} .pageSetting{padding:50px 0;overflow:hidden;background:#f5f5f5;} .pageSetting ul{position:relative;overflow:hidden;} .pageSetting li{float:left;width:25%;height:192px;overflow:hidden;margin-bottom:2px;} .pageSetting li img{width:100%;height:100%;transition:all 0.5s;} .pageSetting li:nth-child(2n){float:right;margin-left:50%;} .pageSetting li.s1{position:absolute;left:25%;top:0;width:50%;height:386px;} .pageSetting li span{background: url(../image/opc2.png);height:40px;line-height:40px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;text-align:center;transition:all 0.3s;display:block;} .pageSetting li:hover span{margin-top:-40px;} .pageSetting li:hover img{transform:scale(1.1,1.1);} /*新闻列表*/ .news-container{padding:41px 0 100px;} .news-container .hot{margin-bottom: 30px; } /* .news-container .hot *,.news-container .hot{box-sizing: content-box;} */ .news-container .hot ul{width: 100%; overflow: hidden; padding: 8px 12px;} .news-container .hot li{width:31.733%; height:240px;float: left;border-bottom: 2px solid #e5e5e5;position: relative;margin-right: 2.2%;box-shadow:0 0 10px 4px rgba(0,0,0,0.1);overflow: hidden;} .news-container .hot li:first-of-type{margin-left:0.4%;} .news-container .hot li:last-of-type { margin-right: 0;} .news-container .hot li:after{content: "";position: absolute;width: 0;left: 0;bottom: -2px;height: 2px;background-color: #4371ea;transition: all .5s;} .news-container .hot li a{display: block;width: 100%;height: 100%;position: relative;} .news-container .hot li .pic{display: block;height: 240px;overflow: hidden;background-color: #fff;position: relative;} .news-container .hot li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;} .news-container .hot li .time{position: absolute;bottom: 20px; left:20px;font-size: 20px;} .indexNews {width: 100%;padding-bottom: 0px !important;} .news-container .hot li .txt{ height:100%;overflow:hidden;padding:2%;color: #5a5a5a;transition: all .5s;position: absolute;top: 0;width:100%;} .news-container .hot li .txt.cz{background: #0f0f0f73;color: rgb(216, 216, 216);} .news-container .hot li .txt.cz h5{color: #fff;} .news-container .hot li .txt h5{font-size: 18px;color: #232323;font-weight: normal;margin: 12px 0;font-weight: bold;} .news-container .hot li .txt .jj{line-height: 28px;font-size: 15px;} .news-container .hot li .txt.cz .jj{display: none;} .news-container .hot li:hover img{transform: scale(1.2);} .news-container .hot li:hover:after{width: 100%;} .news-container .hot li:hover .txt{} .news-container .hot li:hover .txt h5{color: #4371ea} .news-list li{padding: 10px 8px;background:#fff;border:1px solid #d8d8d8;margin: 0px 9px 20px 9px;} .nlist-img{display:block;width:20.4167%;height:150px;overflow:hidden;float:left;margin:3px 0 0;} .nlist-box{width:74.6667%;float:left;margin:0 0 0 4.1667%;} .nlist-box .t{line-height:32px;font-size:18px;font-weight:600;} .nlist-box .c{height:72px;line-height:24px;color:#666666;margin:10px 0 0;} .nlist-box .btn{padding:0 22px 0 0;line-height:26px;font-size:13px;font-weight:600;color:#4371ea; /* background:url(../images/icon-go3.png) no-repeat right center; */ margin:20px 0 0;float: right;} .list-date{text-align: center;font: normal 30px Arial;color:#82c424;border-right: 1px solid #ccc;padding: 28px 20px 30px 0px;} .list-date b{font-size: 48px;color:#4371ea;} .news-list li:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)} .news-list li:hover .nlist-box .t{color:#4371ea;} .nlist-box span{color: #5b5757;} .nlist-img img{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .yaweb-Honor{width:100%;height:220px;border: 1px solid #ccc;margin-bottom: 20px;display: none;} .yaweb-Honor li{float: left;width: 100%;height:220px;position: relative;} .yaweb-Honor li .pic{width: 100%;height: 100%;} .yaweb-Honor li .bhh-dh{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;bottom: 0;z-index: 3;height: 30px;background: rgba(0,0,0,.3);color: #fff;line-height: 30px;text-align: center;} .viewXqL{float: left;width: 75%;} .viewXqR{float: right;width: 23%;border-radius: 5px;padding-bottom: 20px;} /*新闻详细*/ .news-info{padding:54px 0 99px;} .nInfo-title{line-height:44px;text-align:center;font-size:26px;color:#2b2b2b;} .nInfo-about{line-height:25px;text-align:center;font-size:16px;color:#666666;margin:15px 0 0;} .nInfo-con{padding:38px 0 98px;line-height:28px;font-size:16px;color:#4c4c4c;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;position:relative;overflow:hidden;margin:28px 0 0;} .nInfo-page{float:left;margin:23px 0 0;} .nInfo-page .btn{line-height:48px;font-size:16px;color:#4c4c4c;border:1px solid #e5e5e5;float:left;} .nInfo-page .btn.rtn-btn{width:160px;border:1px solid #4371ea;color:#4371ea;} .nInfo-page .btn.prev-btn, .nInfo-page .btn.next-btn{width:160px;font-size:18px;font-family:'宋体';} .nInfo-page .btn.prev-btn{border-right:0px;margin:0 0 0 240px;} .nInfo-page .btn:hover{color:#fff;background:#4371ea;border-color:#4371ea;} .nInfo-share{float:right;margin:23px 0 0;} .nInfo-share .bds_tsina{background:#b0b0b0 url(../image/nInfo-share1.png) no-repeat center center !important;} .nInfo-share .bds_weixin{background:#b0b0b0 url(../image/nInfo-share2.png) no-repeat center center !important;} .nInfo-share .bds_sqq{background:#b0b0b0 url(../image/nInfo-share3.png) no-repeat center center !important;} .nInfo-share .bds_more{background:#b0b0b0 url(../image/nInfo-share4.png) no-repeat center center !important;} .nInfo-share a{display:inline-block !important;width:30px !important;height:30px !important;line-height:30px !important;text-align:center !important;font-size:0px !important;border-radius:100% !important;background:#b0b0b0 !important;margin:0 3px !important;} .nInfo-share a:hover{background-color:#4371ea !important;} .nInfo-fx{position: relative;display: none;} .nInfo-fx::before,.nInfo-fx::after{content: "";height: 1px;background: #cccc;width:300%;position: absolute;top: 50%;right: 120%;} .nInfo-fx::after{top: 50%;left: 120%;} .nBox {margin:20px auto;text-align:center; background-color: #fff;} .nBox p{display: inline-block; font-size: 14px; height: 24px; line-height: 24px; color: #848484; padding-left: 36px;text-align: left;} .nBox p:nth-child(1){ background: url(../image/show_case_ico1.png) no-repeat left center; } .nBox p:nth-child(2){ background: url(../image/show_case_ico2.png) no-repeat left center; } .nBox p:nth-child(3){ background: url(../image/show_case_ico3.png) no-repeat left center; } .nBox p span{ display: inline-block; color: #848484; margin: 0 28px; } .curFont{color:#0180d4;} .fontResizer a { padding: 0 5px;} .review{background:#f0f0f0 url(../image/nShow_icon.png) no-repeat left top;padding:15px 15px 10px 15px;text-indent:2em;font-size:14px;color:#333;} .article_key { background: #f0f0f0 url(../image/nShow_icon2.png) no-repeat 15px 7px; color: #adadad;margin-bottom: 20px;padding-left: 35px; line-height: 28px;} .fontResizer a{padding:0 5px;} /* 右侧 */ .side-title { font: 16px/30px "Microsoft Yahei"; color: #333; font-weight: 700; margin-bottom: 12px; line-height: 32px; border-bottom: 1px solid #ccc; } .Hot-list {padding-left: 0;margin-top: 16px;} .Hot-list li {background: none;border-bottom: 1px solid #E8E9EF;padding:4px 2px;margin-bottom: 15px;border-bottom: 1px solid #d3dae0;font-size: 14px;color: #6e7375;overflow: hidden;} .Hot-list li:hover{ box-shadow: 0 0 8px 2px #ccc;-webkit-box-shadow: 0 0 8px 2px #ccc;-ms-box-shadow: 0 0 5px 2px #ccc; -moz-box-shadow: 0 0 5px 2px #ccc;-o-box-shadow: 0 0 5px 2px #ccc; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;} .Hot-list li a{color: #666;} .Hot-list li a:hover{color: #b0315e;} .Hot-list li figure {margin-right: 15px;float: left;margin-bottom: 0;} .Hot-list li figure img {width: 106px; height: auto;height: 70px;} .Hot ul li .s-desc {margin-bottom: 8px; line-height: 1.5;} .Hot-list li .comments {background: none;margin-right: 0;padding-left: 0;padding-top: 3px;margin-bottom: 0;display: inline-block;font-size: 12px;text-transform: uppercase;} /*联系我们*/ .ctUs-container{padding:71px 0 129px;text-align:center;} .ctUs-name{line-height:56px;font-size:32px;} .ctUs-list{padding:0 1.5%} .ctUs-list li{width:25%;padding:0 1.2%;float:left;margin:61px 0 0;} .ctUs-list .culist-icon{width:136px;height:136px;line-height:134px;font-size:0px;border-radius:100%;border:1px solid #cfcfcf;margin:0 auto;} .ctUs-list .culist-type{line-height:23px;font-size:16px;color:#666666;margin:30px 0 0;} .ctUs-list .culist-con{line-height:24px;font-size:16px;margin:15px 0 0;} .ctUs-list .culist-icon img{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .ctUs-list li:hover .culist-icon img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);} .ctUs-list li:nth-child:hover .culist-icon img{transform:translateY(-10px) rotateY(0deg);-webkit-transform:translateY(-10px) rotateY(0deg);} .ctUs-map{position:relative;overflow:hidden;height:500px;} /*-- 服务支持 --*/ .srv-top{text-align:center;} .srv-top .t1{line-height:53px;font-size:32px;} .srv-top .t2{line-height:25px;font-size:16px;margin:10px 0 0;color:#666;} .srv-top .t2 .hint{color:#4371ea;} .srv-top.srv-top2 .t1, .srv-top.srv-top2 .t2{color:#fff;} /*服务*/ .service-container{padding:203px 0 211px;text-align:center;background:url(../image/srv-bg.jpg) no-repeat center center / cover;} .service-container .t1{line-height:66px;font-size:48px;font-weight:600;color:#fff;} .service-container .t2{line-height:37px;font-size:20px;color:#fff;} .srv-list{width:100.8889%;margin:92px 0 0 -0.8889%;} .srv-list li{width:20%;padding:0 0 0 0.8810681849043849%;float:left;} .srv-list .srvlist-box{display:block;padding:46px 0;background:#fff;} .srvlist-box .type{line-height:28px;font-size:18px;} .srvlist-box .con{line-height:22px;color:#888888;} .srvlist-box .icon{width:70px;height:70px;position:relative;margin:27px auto 0;} .srvlist-box .icon img{width:100%;} .srvlist-box, .srvlist-box .icon img, .srvlist-box .type, .srvlist-box .con, .srvlist-box .icon{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .srvlist-box:hover{background:#4371ea;} .srvlist-box:hover .type{color:#fff;transform:translateY(-15px);-webkit-transform:translateY(-15px);} .srvlist-box:hover .con{color:#fff;transform:translateY(-10px);-webkit-transform:translateY(-10px);} .srvlist-box:hover .icon{transform:translateY(-10px);-webkit-transform:translateY(-10px);} .srvlist-box:hover .icon img{opacity:0;} .srvlist-box:hover .icon img.rollover{opacity:1;} /*在线留言*/ .online-msg{padding:91px 0 99px;} .oMsg-form{margin:29px 0 0;} .oMsgForm-list{width:46.6667%;float:left;} .oMsgForm-list li{padding:0 0 0 23px;border-bottom:1px solid #cccccc;position:relative;margin:26px 0 0;} .oMsgForm-list li:first-child{margin:0px;} .oMsgForm-list li .hint{display:block;line-height:65px;font-size:16px;color:#4371ea;position:absolute;left:0px;top:0px;} .oMsgForm-list li .text{height:65px;line-height:65px;font-size:16px;} .oMsgForm-list li .text::-webkit-input-placeholder{color:#999999;} .oMsgForm-box{width:49.1667%;float:right;margin:22px 0 0;} .oMsgForm-box .type{line-height:34px;font-size:16px;color:#999999;} .oMsgForm-box .text{padding:10px;height:278px;border:1px solid #cccccc;margin:9px 0 0;} .oMsgForm-sub{display:block;width:240px;height:54px;line-height:54px;color:#fff;font-size:20px;background:#4371ea;margin:56px auto 0;clear:both;} /*联系我们*/ .srv-ctUs{padding:109px 0 92px;text-align:center;color:#fff;background:url(../image/srv-bg2.jpg) no-repeat center center / cover fixed;} .srv-ctUs .btn{display:block;width:240px;height:54px;line-height:54px;font-size:18px;color:#4371ea;background:#fff;margin:33px auto 0;} .srv-ctUs .btn span{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .srv-ctUs .btn:hover{color:#fff;background:#4371ea;} .srv-ctUs .btn:hover span{transform:translateY(-5px);-webkit-transform:translateY(-5px);} /*服务政策*/ .srv-policy{padding:52px 0 122px;} .sPolicy-list{width:101.875%;margin:26px 0 0 -1.875%;} .sPolicy-list li{width:33.3334%;padding:19px 0 0 1.840490797546012%;float:left;} .sPolicy-list .sPolicy-box{padding:.4rem 6.233766233766234% 0 135px;height:165px;border:1px solid #e5e5e5;position:relative;} .sPolicy-box img{display:block;position:absolute;left:41px;top:40px;} .sPolicy-box .con{line-height:28px;font-size:16px;color:#666666;} .sPolicy-list li:hover .sPolicy-box img{transform:translateX(10px);-webkit-transform:translateX(10px);} .sPolicy-list li:hover .sPolicy-box .con{transform:translateX(-10px);-webkit-transform:translateX(-10px);} /*-- 产品中心 --*/ .product-container{} .product-container .contain{padding:48px 0 100px;} .pro-line{width:1px;height:100%;background:#e6e6e6;position:absolute;top:0px;left:21.66666666666667%;} /*左侧*/ .pro-left{width:20%;/*width:240px;*/float:left;background-color: #eee;} .pro-left h3{text-align: center; border-left:5px solid #188a2d; line-height: 48px;background:#0b9024;color: #fff;} .pro-nav{} .pro-nav .pn-1st{display:block;padding:0 0 0 8.75%;line-height:40px;font-weight:600;border-bottom:1px solid #e6e6e6;} .pro-nav .pn-2nd{border-bottom:1px solid #e6e6e6;display:none;} .pn-2nd dl{margin:5px 0 0;} .pn-2nd dl dt{padding:5px 0 5px 8.75%;line-height:24px;} .pn-2nd dl dd{padding:0 0 0 8.75%;} .pn-2nd dl dd a{display:block;padding:10px 0 11px 14px;line-height:20px;background:url(../image/icon-dd5.png) no-repeat left center;color:#999;} .pro-nav li>a:hover, .pro-nav .pn-1st.cur{color:#4371ea; color: #ffffff;background: #4371ea;} .pn-2nd dl dt a.cur, .pn-2nd dl dd a.cur{color:#4371ea; } .pn-2nd dl dd a.cur{background-image:url(../image/icon-dd5-2.png);} .pro-nav .pn-1st.cur + .pn-2nd{display:block;} .pn-cur{height:50px;line-height:50px;text-align:center;border:1px solid #ccc;background:url(../image/icon-dd1.png) no-repeat 4% center;cursor:pointer;display:none;} .pn-rtn{width:100%;height:50px;padding:5px 0 0;background:#fff;position:absolute;left:0px;bottom:0px;z-index:2;display:none;} .pn-rtn .btn{display:block;width:180px;height:40px;line-height:38px;border:1px solid #ccc;margin:0 auto;} /*右侧*/ .pro-right{width:78%;/*width:900px;*/float:right;} .pro-top{padding:55px 0 64px 11.5556%;color:#fff;} .pro-top .t1{line-height:35px;font-size:20px;} .pro-top .t2{line-height:26px;} .bhh {overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;} .bhh-dh {overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .m-center {text-align: center;font-size:0;} .m-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%; } .m100 img{display: inline-block;width:100%;height: 100% !important;} .pro-right ul{overflow: hidden;} .pro-right.prodbox li{width: 31.5%;border: 1px solid #c6c6c6;position: relative;float: left;margin-right: 1.83333%;margin-bottom:25px;} .pro-right.prodbox li a{display: block;width: 100%;height: 100%;} .pro-right.prodbox li a:before,.pro-right.prodbox li a:after{content: "";position: absolute;z-index: 1;width: 0;height: 0;transition: all .5s;} .pro-right.prodbox li a:before{border-top: 1px solid #4371ea;border-left: 1px solid #4371ea;left: -1px;top: -1px;} .pro-right.prodbox li a:after{border-bottom: 1px solid #4371ea;border-right: 1px solid #4371ea;right: -1px;bottom: -1px;} .pro-right.prodbox li .pic{display: block;height:4rem;line-height:4rem;text-align: center;overflow: hidden;} .pro-right.prodbox li .pic img{transition: all .5s;} .pro-right.prodbox li h4{font-size: 14px;color: #777777;font-weight: normal;text-align: center;height: 40px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;line-height: 40px;} .pro-right.prodbox li i{position: absolute;right: 0;bottom:0;color:#fff;width: 0;height: 0;border-bottom: 40px solid #999;border-left: 40px solid transparent;} .pro-right.prodbox li i:after{content: "+";position: absolute;font-size: 16px;color: #fff;right: 5px;top: 12px;font-style: normal;} .pro-right.prodbox li:hover .pic img{transform: scale(1.1);} .pro-right.prodbox li:hover a:before,.pro-right.prodbox li:hover a:after{width: 100%;height: 100%;} .pro-right.prodbox li:hover i{border-bottom: 40px solid #4371ea;} .pro-right.prodbox li:hover h4{color: #4371ea} .yaweb-pnext {margin-bottom: 20px; display: none;} .yaweb-pnext li {line-height: 20px;margin-bottom: 15px;} .yaweb-pnext li span {background-color: #A2A2A2;color: #fff;padding: 0 5px;font-size: 12px;float: left;} .yaweb-pnext li a {display: block; color:#4293F4;margin-left: 65px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} /*详细*/ .yaweb-title-2 { text-align: center; line-height: 48px; display: none; border-bottom: 1px solid #4371ea; background: url(../image/m11-icon2.jpg) no-repeat center; background-size: cover; font-size: 18px; } /* 产品详情*//*图片放大镜样式*/ .product-show-pic{width:55%;height:5.3rem;} .jqzoom{ float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;} .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} /*图片小图预览列表*/ .spec-preview{width:90%;height:4.8rem;border:1px solid #ccc; } .spec-scroll{margin-top:10px;width:93%;height:80px;overflow:hidden;position:relative;} .spec-scroll .prev{float:left;margin-right:4px;} .spec-scroll .next{float:right;} .spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:15px;height:78px; line-height:78px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;} .spec-scroll .items{position:relative;width:4.4rem;height:80px;margin:0 auto;overflow:hidden;} .spec-scroll .items ul{position:absolute;width:999999px;height:80px;} .spec-scroll .items ul li{float:left;width:86px;height:80px;float:left;} .spec-scroll .items ul li img{width:80px;height:78px;cursor:pointer;border:1px solid #ccc;} .spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #4371ea;} .yaweb-showpro {margin: 15px 0;display: none;} .yaweb-swiper img {display: block;width: 100%;height: auto; margin-bottom:30px;} .yaweb-infocontent-body {line-height:25px;margin:6px auto 16px; border:1px dashed #ddd; padding:6px;} .yaweb-infocontent-body img { max-width: 100%} /* 产品简介 */ .proshow_synopsis{width:42%;color: #aaa;font-size: 14px;line-height: 30px; height:auto;border-radius:3px;} .proshow_synopsis .title{font-size:20px; color:#4371ea;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px} .proshow_synopsis strong{color: #333;font-weight: normal; } .proshow_synopsis .font{line-height:24px;overflow: hidden;margin-bottom:20px;color: #666;} .proshow_synopsis .font strong{float: left;width: 45px;} .proshow_synopsis .font div{float: right;width:355px;} .prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url(../image/p_icon.png) no-repeat left 8px; } .prodcut-tel span{font-family:arial; font-size:24px; color:#4371ea;display: block; } .proshow_synopsis .btn a{display: inline-block; width: 150px; height: 40px; line-height: 40px;text-align: center; background:#4371ea url(../image/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;} .proshow_synopsis .btn .a02{background:#c52515 url(../image/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;} .proshow_synopsis .btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;} /* 产品说明标签切换样式 */ .gr-tab-list{overflow:hidden; margin-top:60px; margin-bottom:20px;} .gr-tab-list .pro_nr img {display: inline-block;width: auto;height: auto;max-width:100%;max-height: 98%;vertical-align: middle;} /* 相关产品样式 */ .related-product {overflow:hidden;} .related-product .title,.relatedTitle{background:#eee;height:35px;line-height:35px;} .related-product .title span{display:inline-block;color:#fff;background:#4371ea;width:120px;height:35px;text-align:center;font-size:14px;} .relatedTitle span{display:inline-block;color:#fff;background:#4371ea;width:120px;height:35px;text-align:center;} .related-product ul{ margin-top:20px;} .related-product li{float:left;width:24%; height:270px;margin-bottom:20px;margin-right:0.8%;border:1px solid #ddd;background:#eee;text-align:center;transition: all .5s;} .related-product li a{display:block;transition: all .5s;} .related-product li .pic{display:block;height: 240px;line-height:240px;overflow: hidden; text-align: center;} .related-product li .pic img{background:#fff;transition: all .5s} .related-product li h4{height:30px;line-height:30px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;} .related-product li:hover{border:1px solid #4371ea;} .related-product li a:hover{background:#4371ea;color:#fff;} /*详细*/ .pIdtl-info{} .pIdtl-info dl{padding:23px 0 24px;border-bottom:1px solid #e5e5e5;position:relative;} .pIdtl-info dl dt{width:19.4444%;line-height:28px;text-align:center;font-weight:600;float:left;} .pIdtl-info dl dd{width:80.5556%;line-height:28px;color:#666666;float:left;} .pIdtl-info dl dd img{max-width:100%;} .pIdtl-box{display:none;} .pIdtl-info{margin:17px 0 0;} .pIdtl-Dload{margin:27px 0 0;} .pIdtl-Dload .solDload-tbody dt{background:#fff;} .pIdtl-Dload .solDload-tbody dt span{display:inline-block;border-bottom:1px solid #4371ea;margin:0 0 -1px;} /*右侧*/ .pTable-right dl{width:119px;float:left;word-break:break-all;word-wrap:break-word} .pTable-right dl:last-child dt, .pTable-right dl:last-child dd{border-right:0px;} .pTable-right.ps-container .ps-scrollbar-x-rail{display:block !important;height:10px;background:#eeeeee;border-radius:0px;opacity:1 !important;bottom:0px;} .pTable-right.ps-container .ps-scrollbar-x{height:10px;background:#d4d4d4;} /* 常见问题 */ .faqList{margin-top:24px;} .faqList li{position:relative;margin-bottom: 30px;border-left: 3px solid #4371ea;} .faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#4371ea;pointer-events:none;} .faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;} .faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;} .faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;} .faqList li h3{position:relative; padding:0 60px; background-color:#f0f0f0; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;color: #333;background-image:url(../image/faq.png); background-repeat:no-repeat; background-position:20px 0;} .faqList li div{display:none;padding:25px 60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;} .faqList li div{background:url(../image/faq.png) no-repeat 20px -155px;font-size:14px;} /* 人才招聘 */ .jobTop{overflow:hidden;padding-bottom:30px;margin:30px auto;border-bottom:1px solid #eee;} .jobTop .fl{width: 48%;} .jobTop .main{float:right;width:50%;} .jobTop .main .font{height:190px;overflow:hidden;line-height:28px;} .jobTop .main .p1{padding-top:15px;font-size:16px;color:#333;} .jobTop .main .p1 a{color:#4371ea;} .jobTop .main .p1 a:hover{text-decoration: underline;} .jobList li{overflow: hidden;position: relative;border-bottom: 1px solid #ddd;padding:30px 0 28px;} .jobList li .icon{display: block;width: 35px;color:#4371ea;height: 35px;background:#4343434d url(../image/gicon19.png) no-repeat center center;position: absolute;right: 28px;top: 36px;cursor: pointer; transition: .3s;-ms-transition: .3s;-moz-transition: .3s; -webkit-transition: .3s;-o-transition: .3s;border-radius: 50% } .jobList li h3{width: 158px;float: left;color: #333;font-size: 16px;font-weight: normal;background: url(../image/jobIcon1.png) no-repeat;padding-top:85px;} .jobList li .inner{padding-left: 158px;font-size: 14px;color: #888;line-height: 27px;} .jobList li .txt{padding-top: 30px;display: none;} .jobList li.on .txt{display: block;} .jobList li.on .icon{background:#e82513 url(../image/gicon18.png) no-repeat center center;border-radius: 50%} /* 内页联系我们留言样式 */ .ctUs-container .contain{overflow: hidden !important;} .page-ditu{background: #f0f0f0;height: 450px;margin-top:48px;} #dituContent{width:100%;height:450px;} .contactFont{overflow:hidden;margin-bottom:30px;float: right;width: 48%;height: 450px;padding: 20px 30px;} /* 在线客服样式 */ /* side */ .side{position:fixed;width:78px;right:0;top:50%; margin-top:-200px;z-index:100; border:1px solid #e0e0e0; background:#ffffff; border-bottom:0;} .side ul li{width:78px;height:78px;float:left;position:relative; border-bottom:1px solid #e0e0e0;color:#333; font-size:14px; line-height:38px; text-align:center;transition:all 0.3s; cursor:pointer;} .side ul li img{ } .side ul li:hover{background:#4371ea; color:#fff;} .side ul li:hover a{ color:#fff;} .side ul li i{height:25px; margin-bottom:1px; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 25px; margin-top:14px;transition:all 0.3s;} .side ul li i.bgs1{ background-image:url(../image/right_pic5.png);} .side ul li i.bgs2{ background-image:url(../image/right_pic7.png);} .side ul li i.bgs3{ background-image:url(../image/right_pic2.png);} .side ul li i.bgs4{ background-image:url(../image/right_pic1.png);} .side ul li i.bgs5{ background-image:url(../image/right_pic3.png);} .side ul li i.bgs6{ background-image:url(../image/right_pic6_on.png);} .side ul li:hover i.bgs1{background-image:url(../image/right_pic5_on.png);} .side ul li:hover i.bgs2{background-image:url(../image/right_pic7_on.png);} .side ul li:hover i.bgs3{background-image:url(../image/right_pic2_on.png);} .side ul li:hover i.bgs4{background-image:url(../image/right_pic1_on.png);} .side ul li:hover i.bgs5{background-image:url(../image/right_pic3_on.png);} .side ul li:hover i.bgs6{} .side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all 0.3s;overflow:hidden;} .side ul li.sidetop{background:#4371ea; color:#fff;} .side ul li.sidetop:hover{opacity:0.8;filter:Alpha(opacity=80);} .side ul li.sideewm .ewBox {display: none; color: #363636;text-align: center;padding-top: 235px; position: absolute;left: -240px;top: -79px;border:1px solid #e0e0e0; background-color:#fff;} .side ul li.sideewm.skyp{background: url(../image/skyp.png)no-repeat;background-size: cover;} .side ul li.sideewm.skyp a{display: block;width: 78px; height: 78px;line-height: 120PX;} .side ul li.sideewm.skyp:hover a{ color:#333;} .side ul li.sideetel .telBox {width: 240px;height:237px;display: none;color: #fff;text-align: left;position: absolute;left: -240px;top: -158px;background:#4371ea;} .side ul li.sideetel .telBox dd{ display:block; height:118.5px; overflow:hidden; padding-left:82px; line-height:24px; font-size:18px;} .side ul li.sideetel .telBox dd span{ display:block; line-height:28px; height:28px; overflow:hidden; margin-top:32px; font-size:18px;} .side ul li.sideetel .telBox dd.bgs1{ background:url(../image/right_pic8.png) 28px center no-repeat; background-color:rgb(57, 87, 159);} .side ul li.sideetel .telBox dd.bgs2{ background:url(../image/right_pic9.png) 28px center no-repeat;} .qqBox { display: none; width: 240px; height: 120px; color: #fff; text-align: left; font-size: 24px; position: absolute; left: -241px; top: -41px; background:#4371ea; } .side ul li:hover .qqBox{ display: block; } /* 手机底部 */ .mobiF{display: none;} .yaweb-footer-fix {position: fixed;bottom: 0;left: 0;width: 100%;background-color: rgb(57, 87, 159);z-index: 10;overflow: hidden;} .yaweb-footer-fix li {float: left;width: 25%; } .yaweb-footer-fix li.current{background-color: #4371ea;} .yaweb-footer-fix li a { color:#FFFFFF; display: block;text-align: center;font-size: 16px;line-height: 1;margin:3px auto 6px;} .yaweb-footer-fix li i {display: block;height:27px;background: no-repeat center;background-size: contain;margin:6px auto 6px;} .yaweb-footer-fix li i.i1 {background-image: url(../image/n_01.png);} .yaweb-footer-fix li i.i2 {background-image: url(../image/n_02.png);} .yaweb-footer-fix li i.i3 {background-image: url(../image/n_03.png);} .yaweb-footer-fix li i.i4 {background-image: url(../image/n_04.png);} .yaweb-footer-fix li i.i5 {background-image: url(../image/n_05.png);}