@charset "utf-8"; @font-face { font-family: 'iconfont'; /* project id 2046812 */ src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg'); } .iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;} body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; background: #fff; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow-x: hidden} body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;} img{border:0; vertical-align: middle;} ul,li{list-style:none;} dl,dt,dd{display: block;} a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none;} input,textarea{ box-sizing: border-box; border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; } input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; } h2{font-weight:400;} i{ font-style:normal;} b{ font-weight:normal;} /*文本框默认颜色*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; opacity: 1} input:-moz-placeholder, textarea:-moz-placeholder {color: #999; opacity: 1} input::-moz-placeholder, textarea::-moz-placeholder {color: #999; opacity: 1} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; opacity: 1} /* clear 页头,页脚,内容区都不用再加清除样式 */ .cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table } .cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both } .cf, .header, .main, .footer, .wrap { *zoom: 1 } .contact_us_con{ padding:50px; font-size:16px; line-height:2; color:#333;} /*图片放大*/ @media screen and (max-width: 2000px) and (min-width: 1200px){ .tr_sc{ overflow:hidden; display:block;} .tr_sc img{transition:0.3s all;} .tr_sc:hover img{transform:scale(1.1,1.1);} } /*其他公用*/ .img{ line-height:0;} .img-responsive{display:block;max-width:100%;height:auto} .img img{ width:100%;} .in_wrap{width: 1280px; margin: 0 auto;} .wrap{width:1280px; margin: 0 auto;} .ty_title{ text-align:center;} .ty_title h1{ font-size:40px; font-weight:300;} .ty_title .zy{ font-size:16px; color:#666; padding:0 300px; padding-top:20px; display:block;} .ty_xiaobt{ font-size:24px; font-weight:300; line-height:26px;} .ty_more{ text-align:center;} .ty_more a{ color:#fff; display: inline-block; border:1px solid #fff; border-radius:3px; padding:10px 90px;} .ty_more a:hover{ color:#007ec3; background:#fff;} .ty_more_hei a{ color:#333; border:1px solid #bfbfbf;} .ty_more_hei a:hover{ color:#fff; background:#007ec3; border:1px solid #007ec3;} .ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .eps2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} /*公用头尾*/ .header{ position:fixed; left:0; top:0; width:100%; height: 90px; z-index:1000000; box-shadow:0 0 4px rgba(0,0,0,0.1);} .in_main, .main{ margin-top:90px;} .header .daoh{padding:0; position:relative; background:#fff; width:100%; box-shadow:0 0 4px rgba(0,0,0,0.1); box-sizing:border-box; } .header .daoh .dwrap{ width:1280px; margin:0 auto;} .header .daoh .logo{ float:left; padding-top:30px;} .header .daoh .logo a{ display: block; line-height: 0; width:310px;} .header .daoh .logo a img{ width:310px;} .header .daoh .daoh_r{ float: right;position:relative;} .header .daoh .show-searchbox {float:left;margin-left:10px;position:relative; margin-top:20px;} .header .daoh .show-searchbox a {width: 40px;height: 50px;display: block;text-align: center;line-height: 50px;} .header .daoh .show-searchbox a i {font-size:18px;color:#d1000f; font-weight:100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*.header .daoh .show-searchbox.active .fa-search::before {color: #d1000f;}*/ .header .daoh .toggle-searchbox { position: absolute; right: 0; top:0; width: 315px; opacity: 0; padding: 20px; visibility: hidden; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header .daoh .toggle-searchbox #searchform-all {position: relative;} .header .daoh .toggle-searchbox #searchform-all #keyword {margin-bottom:0;height:40px;font-size:14px;color: #d1000f;top: 6px;background-color: #fff;border-radius: 0;} .header .daoh .toggle-searchbox #searchform-all #subsearch {position: absolute;} .header .daoh .toggle-searchbox input[type="text"] {border: 1px solid #ddd6d9; text-indent:10px;} .header .daoh .toggle-searchbox.show {visibility: visible;opacity: 1;z-index: 2;top:91px;padding: 20px;background: #f4f4f4;border: 1px solid #d1000f;} .header .daoh .toggle-searchbox .input-box {position:absolute;right:12px;top:12px;} .header .daoh .toggle-searchbox .input-box i {color: #d1000f;font-size:18px;} .header .daoh .en {float:left;margin-left:10px;position:relative; margin-top:20px;} .header .daoh .en a{width: 40px;height: 50px;display: block;text-align:right;line-height: 50px; font-size:18px; color:#d1000f;} .header .daoh .main-menu{ float:right;} .header .daoh .main-menu ul li {display: inline-block;float:left; width:120px; line-height:90px;text-align: center; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .header .daoh .main-menu ul li a {color: #333;font-size:16px;} .header .daoh .main-menu ul li.has-sub.right-view ul {right:0;left: auto;} /*.header .daoh .main-menu ul li.has-sub > a::before { content: "\f107"; position: absolute; right:40px; top:15px; -moz-transform: translate(0, -13px); -o-transform: translate(0, -13px); -ms-transform: translate(0, -13px); -webkit-transform: translate(0, -13px); transform: translate(0, -13px); font-family: "FontAwesome"; font-size: 14px; font-weight: normal; }*/ .header .daoh .main-menu ul li:hover > a, .header .daoh .main-menu ul li a.active{color: #d1000f; } /*.header .daoh .main-menu ul li a.active:before{content:''; position:absolute;background-color:#d1000f;width:70%;height:2px;left:0;bottom:0;transition: 0.4s; -webkit-transition: 0.4s;}*/ .header .daoh .main-menu ul li .aone{position:relative; display:block;} .header .daoh .main-menu ul li .aone:before{content:''; position:absolute;background-color:#d1000f;width:0;height:2px;left:0;bottom:0;transition: 0.4s; -webkit-transition: 0.4s;} .header .daoh .main-menu ul li .aone:hover:before{width:100%;} .header .daoh .main-menu ul li:hover .aone:before{width:100%;} .header .daoh .main-menu ul li:hover ul.sub-menu { opacity: 1; visibility: visible; top:100%; line-height:40px; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); width:100%; text-align:center; } .header .daoh .main-menu ul li ul.sub-menu { position: absolute; width:100%; background: #f5f5f5; padding:20px 0; z-index: 2; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; opacity: 0; visibility: hidden; left: 0; transform-origin: top; top: 100%; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); } .header .daoh .main-menu ul li ul.sub-menu li{width:auto;display:inline-block;vertical-align: middle; list-style:none; float:none; line-height:20px;} .header .daoh .main-menu ul li ul.sub-menu li:before{} .header .daoh .main-menu ul li ul.sub-menu li:hover:before{ width:0;} .header .daoh .main-menu ul li ul.sub-menu li:last-child {border-bottom: none;} .header .daoh .main-menu ul li ul.sub-menu li a{display:inline-block; padding:0 15px;font-size:14px; text-align:center; width:auto; border-right:1px solid #ddd;} .header .daoh .main-menu ul li ul.sub-menu li:last-child a{border-right: none;} .header .daoh .main-menu ul li ul.sub-menu li:hover > a {color:#d1000f;} .header .daoh .main-menu ul li ul.sub-menu li:hover ul.sub-menu {opacity: 1;visibility: visible;} .header .daoh .main-menu ul li ul.sub-menu li ul.sub-menu {left: 100%;top: 0;opacity: 0;visibility: hidden;} .header .daoh .main-menu ul li ul.sub-menu li.has-sub-child > a::before {content:"\f105";position:absolute;right:10px;top:12px;transform:translateY(-12px);font-family: "FontAwesome";font-size:16px;} .header .daoh .main-menu ul li ul.sub-menu .menupro{ width:100%;} .header .daoh .main-menu ul li ul.sub-menu .menupro .bigc{ float:left; width:calc(22% - 120px); background-color:#ECF1F8; padding:30px 60px; min-height:560px;} .header .daoh .main-menu ul li ul.sub-menu .menupro .bigc li{ width:100%; line-height:45px; text-align:left;} .header .daoh .main-menu ul li ul.sub-menu .menupro .bigc li a{ font-size:16px; border:none; color:#333;position:relative; padding:0; text-align:left;} .header .daoh .main-menu ul li ul.sub-menu .menupro .bigc li a:hover{color:#d1000f;} .header .daoh .main-menu ul li ul.sub-menu .menupro .bigc li a:before{content:''; position:absolute;background-color:#d1000f;width:0;height:2px;left:0;bottom:0;transition: 0.4s; -webkit-transition: 0.4s;} .header .daoh .main-menu ul li ul.sub-menu .menupro .bigc li a:hover:before{width:100%;} .header .daoh .main-menu ul li ul.sub-menu .menupro .bigc .current a{ color:#d1000f;} .header .daoh .main-menu ul li ul.sub-menu .menupro .bigc .current a:before{content:''; position:absolute;background-color:#d1000f;width:100%;height:2px;left:0;bottom:0;} .header .daoh .main-menu ul li ul.sub-menu .menupro .biglist{ float:right; width:calc(78% - 60px); background-color:#f5f5f5; padding:30px 30px; overflow:hidden;} .header .daoh .main-menu ul li ul.sub-menu .menupro .biglist .listinfo{ width:100%;vertical-align: top;} .header .daoh .main-menu ul li ul.sub-menu .menupro .biglist .listinfo .sinfo{width:calc(20% - 30px); padding-right:30px;float:left; min-height:280px;} .header .daoh .main-menu ul li ul.sub-menu .menupro .biglist .listinfo .sinfo h3{ font-size:16px;color:#d1000f; line-height:40px; text-align:left; width:100%; font-weight:normal;} .header .daoh .main-menu ul li ul.sub-menu .menupro .biglist .listinfo .sinfo span{ font-size:12px;line-height:25px; text-align:left; width:100%; display:block;} .header .daoh .main-menu ul li ul.sub-menu .menupro .biglist .listinfo .sinfo span a{color:#333; font-size:12px;} .header .daoh .main-menu ul li ul.sub-menu .menupro .biglist .listinfo .sinfo span a:hover{color:#d1000f} @media screen and (max-width:1200px){ .header .daoh .main-menu ul li { width: 90px;} } /* .header .daoh .in_wrap, .header .daoh .wrap{ overflow:hidden;} */ .footer{ background-color:#303036; color:#999;} .footer .top{ margin:60px 0 40px 0;} .footer .top .in_wrap, .footer .top .wrap{ position:relative; min-height:240px;} .footer .left{ float:left;} .footer .left span{ display:block; line-height:16px; padding-bottom:20px;} .footer .left .logo{ line-height:0; padding-bottom:16px;} .footer .left .tel{ font-size:30px; color:#fff; padding:0 0;line-height:30px; font-family: 'Conv_COPYFONTS.COM_NETTO-OT' , 'Arial';} .footer .x_ion{ position:relative; margin-bottom:15px; font-size:16px; font-weight:bold; color:#fff;} .footer .x_ion:before{content:""; position:absolute; left:0; bottom:0; display:inline-block; width:30px; height:2px; background:#d1000f; border-radius:2px;} .footer .cent{ float:left; margin-left:110px;} .footer .cent ul > li{ float:left;} .footer .cent a{ color:#999;} .footer .cent .x_ion a{ color:#fff; padding:10px 0 15px 0; display:inline-block;} .footer .cent a:hover{ color:#fff;} .footer .cent ol{ width:180px;} .footer .cent ol li{ line-height:16px; padding-bottom:20px; width:100%; float:left;} .footer .cent ul > .li1 ol{ width:106px;} .footer .cent ul > .li1 ol li{ float:none; width:100%;} .footer .right{ float:right; width:220px;} .footer .right .x_ion{ padding:10px 0 15px 0; display:inline-block;} .footer .right ul{ margin:0;} .footer .right li{ float:left; text-align:center; width:92px;} .footer .right li:last-child{ margin-left:36px;} .footer .right li span{ display:block;} .footer .right li .pic{ line-height:0; width:92px;} .footer .right li .pic img{ width:92px;} .footer .right li .tet{ padding-top:12px;} .footer .f-w{width:100%;position:relative;margin-top:30px;} .footer .f-x{padding:10px;background-color:#eee;font-size:14px;color:#666;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;} .footer .f-x:after{content:"\f107";position:absolute;right:10px;top:12px;font-family:"FontAwesome";font-size:16px; color:#333; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer .f-x.show:after{transform:rotate(180deg);} .footer .f-y{display:none;width:100%;background-color:#f2f2f2;position:absolute;left:0;bottom:100%;z-index:999999999;} .footer .f-z{display:block;padding:10px;font-size:12px;color:#666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .footer .f-z:hover{color: #e62129; background-color:#fff;} .footer .bottom{ font-size:13px; line-height:14px; padding:15px 0; border-top:1px solid #3b3b40; text-align:center;} .footer .bottom a{color:#999; padding-left:10px;} .footer .bottom a:hover{color:#fff;} /* 返回顶部 */ #scrollUp { right: 36px; bottom: 42px; width: 42px; height: 42px; color: #fff; text-align: center; line-height: 40px; border-radius: 50%; z-index: 99; font-size: 22px; cursor: pointer; background-color: #d1000f; -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite; animation: white-shadow .8s infinite, red-shadow .8s infinite; -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); } @keyframes white-shadow { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); -webkit-transition: box-shadow .3s ease-in-out; -webkit-transition: -webkit-box-shadow .3s ease-in-out; -o-transition: box-shadow .3s ease-in-out; transition: box-shadow .3s ease-in-out; transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; } 100% { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: box-shadow .4s ease-in-out; -webkit-transition: -webkit-box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; transition: box-shadow .4s ease-in-out; transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out; } } @-webkit-keyframes red-shadow { 0% { -webkit-box-shadow: 0 0 0 0 rgba(209, 0, 15, 0.4); box-shadow: 0 0 0 0 rgba(209, 0, 15, 0.4); } 100% { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; } } @keyframes red-shadow { 0% { -webkit-box-shadow: 0 0 0 0 rgba(209, 0, 15, 0.4); box-shadow: 0 0 0 0 rgba(209, 0, 15, 0.4); } 100% { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; } } /*首页--Banner*/ .i_banner .ipn_lunb{ display:none;} .i_banner .li_box{ position: relative; width:100%; height:600px; background-position:center; background-size: cover; background-repeat: no-repeat; overflow:hidden;} .i_banner .li_box a{ display:block;} .i_banner .text{ position: absolute; top: 50%; margin-top:-130px; color: #fff;} .i_banner .text span{ display: block; } .i_banner .text .en{ font-size:46px; line-height:55px; text-transform:uppercase; font-weight:300;} .i_banner .text .en i{ border-bottom:1px solid rgba(255,255,255,0.2); font-family: 'microsoft Yahei' , 'Arial';} .i_banner .text .cn{ font-size:72px; font-weight:bold; line-height:80px; padding:10px 0; letter-spacing:2px;} .i_banner .text .pg{ font-size:14px; color:#00E4FF; padding:10px 0;} .i_banner .text .pg a{ color:#00E4FF;} .i_banner .text .zy{ font-size:18px; line-height:22px; font-weight:bold; background:url(../images/in_bg-1.png) no-repeat center; background-size:cover; padding:10px 15px; letter-spacing:2px; text-align:center;} .i_banner .swiper-container{ height:600px;} .i_banner .swiper-slide .text .en{ transition:1.3s 0.2s; transform: translateX(-30%); opacity: 0; } .i_banner .swiper-slide-active .text .en{transform: translateX(0px); opacity: 1;} .i_banner .swiper-slide .text .cn{ transition:1.3s 0.4s; transform: translateX(-40%); opacity: 0; } .i_banner .swiper-slide-active .text .cn{transform: translateX(0px); opacity: 1;} .i_banner .swiper-slide .text .pg{ transition:1.3s 0.6s; transform: translateX(-50%); opacity: 0; } .i_banner .swiper-slide-active .text .pg{transform: translateX(0px); opacity: 1;} .i_banner .swiper-slide .text .zy{ transition:1.3s 0.6s; transform: translateX(-50%); opacity: 0; } .i_banner .swiper-slide-active .text .zy{transform: translateX(0px); opacity: 1;} .i_banner .pagination{ position:absolute; bottom:30px; text-align:center; width:100%; z-index:999999;} .i_banner .pagination span{ background-color:#fff; width:50px;height:8px; border-radius:0px; display:inline-block; margin:0 5px; cursor:pointer;} .i_banner .pagination .swiper-pagination-bullet{background:#fff;opacity:.95} .i_banner .pagination .swiper-pagination-bullet-active{ background:#d1000f;opacity:1} .i_banner .inban_video {width: 100%; position: absolute; left: 0; top: 0;} @media screen and (min-width:1921px){ .i_banner .swiper-container, .i_banner .li_box{ height: 820px;} } /*首页--推荐产品*/ .i_product {padding:50px 0} .i_product .ty_title{ padding-bottom: 30px;} .swp-class {width:100%;transform: translate(0,40px);opacity: 0;transition: all 0.5s 0.3s ease-out; margin-bottom:20px;} .swp-class .swiper-slide{text-align:center;cursor: pointer;} .swp-class .swiper-slide .clapic{width:calc(100% - 2px);vertical-align:top;margin-bottom:5px; border:1px solid #ddd;border-radius:5px;} .swp-class .swiper-slide p{text-align: center;font-size:12px; color:#333; width:100%; line-height:1.2;} .swp-class .swiper-slide:hover .clapic{background-color:#f2f2f2;} .swp-class .swiper-slide:hover p{font-weight:bold;} .swp-class .selected .clapic, .swp-class .selected:hover .clapic{background-color:#ffdd00;border:1px solid #ffdd00;} .swp-class .selected p, .swp-class .selected:hover p{font-weight:bold;} .i_product.in_anm .swp-class {transform: translate(0,0);opacity: 1;} .swp-list {width: 100%;transform: translate(-100px,0);opacity: 0;transition: all 0.5s 0.3s ease-out;} .swp-list .swiper-slide {height:450px !important; background-color:#f5f5f5;} .i_product.in_anm .swp-list {transform: translate(0,0);opacity: 1;} @media(max-width: 500px){ .i_product .swp-list .swiper-slide{height:600px !important;} } .i_product .infobox{width:100%;overflow: hidden;} .i_product .clabox{ margin: 0 -10px 30px -10px; overflow: hidden;} .i_product .clali{ float: left;cursor: pointer; width: calc(11.111% - 20px); padding: 0 10px;} .i_product .clali:last-child{ margin-right:0;} .i_product .clali:nth-child(1){transform: translate(0,20px);opacity: 0;transition: all 0.5s 0.3s ease-out;} .i_product .clali:nth-child(2){transform: translate(0,40px);opacity: 0;transition: all 0.5s 0.3s ease-out;} .i_product .clali:nth-child(3){transform: translate(0,60px);opacity: 0;transition: all 0.5s 0.3s ease-out;} .i_product .clali:nth-child(4){transform: translate(0,80px);opacity: 0;transition: all 0.5s 0.3s ease-out;} .i_product .clali:nth-child(5){transform: translate(0,100px);opacity: 0;transition: all 0.5s 0.3s ease-out;} .i_product .clali:nth-child(6){transform: translate(0,120px);opacity: 0;transition: all 0.5s 0.3s ease-out;} .i_product .clali:nth-child(7){transform: translate(0,140px);opacity: 0;transition: all 0.5s 0.3s ease-out;} .i_product .clali:nth-child(8){transform: translate(0,160px);opacity: 0;transition: all 0.5s 0.3s ease-out;} .i_product .clali:nth-child(9){transform: translate(0,180px);opacity: 0;transition: all 0.5s 0.3s ease-out;} .i_product.in_anm .clali {transform: translate(0,0);opacity: 1;} .i_product .clapic{width:calc(100% - 2px);vertical-align:top;margin-bottom:5px; border:1px solid #ddd;border-radius:5px;} .i_product .clapicy{display: inline-block;} .i_product .clapicn{display: none;} .i_product .clali:hover .claname{color: #333; font-weight:bold;} .i_product .clali:hover .clapic{ background-color:#f2f2f2;} .i_product .clali.active .clapic{ background-color:#ffdd00;border:1px solid #ffdd00;} .i_product .clali:hover .clapicn, .i_product .clali.active .clapicn{display: inline-block;} .i_product .claname{text-align: center;font-size:12px; color:#333; width:100%; line-height:1.2;} .i_product .clali.active .claname{color: #333;font-weight:bold;} .i_product .probox{width:100%;margin:0 auto;display:none;transform: translate(-100px,0);opacity: 0;transition: all 0.5s 0.3s ease-out;position:relative; overflow: hidden;} .i_product .probox.show{display: block;} .i_product.in_anm .probox {transform: translate(0,0);opacity: 1;} .i_product .probox ul{ height:450px; background-color: #f5f5f5;} .i_product .probox ul li{ float: left; width:25%;} .i_product .probox .nr_box{ background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; padding-top:60px; position:relative; height:450px; box-sizing:border-box; overflow:hidden; transition: 0.4s; -webkit-transition: 0.4s;} .i_product .probox .pic{ line-height:0; text-align:center;} .i_product .probox .pic img{ max-width:100%; width:250px;} .i_product .probox .tet{ padding:30px 0 20px; transition: 0.4s; -webkit-transition: 0.4s;font-size:16px; color:#666;} .i_product .probox .tet span{ display:block; font-size:30px; transition: 0.4s; -webkit-transition: 0.4s; color:#000; margin-bottom:5px;} .i_product .probox .dis_no{padding:0 20px; position:absolute; bottom:-50px; width:calc(100% - 40px);opacity:0; transition: 0.4s; -webkit-transition: 0.4s;} .i_product .probox .dis_no .cf{ border-top:1px solid rgba(0,0,0,0.5); padding:20px 0;} .i_product .probox .dis_no span{ float:right; margin-top:8px; color:#000;} .i_product .probox .dis_no a{ font-size:18px; padding-left:20px; color:#000;} .i_product .probox .dis_no a.a1{ padding-right:20px;} .i_product .probox .dis_no a:hover{ color:#d1000f;} .i_product .probox .nr_box:hover {background-color: #ffdd00; padding-top:30px;} .i_product .probox .nr_box:hover .tet{ padding:20px 0 0px; color:#000;} .i_product .probox .nr_box:hover .tet span{ color:#000;} .i_product .probox .nr_box:hover .dis_no{ bottom:0; opacity:1;} .i_product .probox .arrow{ width:100%;} .i_product .probox .arrow > div{ width:40px; height:120px; cursor:pointer; position:absolute; top:50%; margin-top:-60px; z-index:10;} .i_product .probox .arrow .arrow-left{ left:0; background:url(../images/arrow-left.png) no-repeat center rgba(0,0,0,0); } .i_product .probox .arrow .arrow-right{ right:0; background:url(../images/arrow-right.png) no-repeat center rgba(0,0,0,0);} .i_product .probox .arrow > div:hover{background-color: rgba(0,0,0,0.1);} @media(max-width: 900px){ .i_product .clabox{ margin: 0 -5px 30px -5px;} .i_product .clali{width: calc(20% - 10px); padding: 0 5px;} .i_product .claname{ margin-bottom: 10px;} .i_product .probox{width: 100%;} } @media(max-width: 500px){ .i_product{ padding: 20px 0;} .i_product .ty_title{ padding-bottom:15px;} .i_product .clabox{ margin: 0 -5px 10px -5px;} .i_product .claname{ margin-bottom: 10px;} .i_product .clali{width: calc(20% - 10px); padding: 0 5px;} .i_product .probox ul{ height:300px; background-color: #f8f8f8;} .i_product .probox ul li{ float: left; width:50%;} .i_product .probox .nr_box{ height: 300px; padding-top:20px;background-color: #f8f8f8;} .i_product .probox .tet{ padding: 5px 0; font-size: 12px;} .i_product .probox .tet span{ font-size: 16px;} } /*首页--解决方案*/ .i_solution{ position:relative;} .i_solution .in_wrap{ position: relative;} .i_solution .sublist{ height:560px; background-repeat:no-repeat; background-position:center; background-size:cover; } .i_solution .sublist .txt{ position: absolute; padding:180px 30px; background-color: rgba(0,0,0,0.6); left:420px; top:0px; z-index: 10; width: 260px; height:200px; font-size: 16px; color: #fff; line-height: 200%; text-align: justify;} .i_solution .sublist .txt:after{content:"";position:absolute;left:30px;top:170px;display:inline-block;width:260px;height:2px;background-color:rgba(255,255,255,0.6);} .i_solution .sublist .txt a{ position: absolute; right: 30px; top: 130px; color: #fff; } .i_solution .sublist .txt a:hover{ color: #fd0;} .i_solution .ty_title{position:absolute;left:0;top:0;width:100%;z-index:2;color:#fff;font-size:40px;font-weight:300;text-align:left;line-height:60px;padding-top:24px;} .i_solution .ty_title h1{ padding:0 0 0 40px;} .i_solution .con_box{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;} .i_solution .con_box .box{ width:420px; height:560px; box-sizing:border-box; padding-top:104px;background-color: rgba(0,0,0,0.3);} .i_solution .tabbtn{ padding:0;} .i_solution .tabbtn li{ padding:0 15px; height:56px; position: relative; line-height:56px; border-bottom: 1px solid rgba(255,255,255,0.05); width:calc(50% - 30px); float:left; overflow:hidden;} .i_solution .tabbtn .current{ background:#ffdd00;} .i_solution .tabbtn span{padding-left:10px; display:inline-block; font-size:18px; color:#fff; font-weight:500;} .i_solution .tabbtn span i{ font-size: 24px; width:60px; text-align: center; display: inline-block;} .i_solution .tabbtn .current span{color: #000;} .i_solution .tabbtn li p{ color:#bee5fb; width:58px; height:30px; line-height:30px; text-align:center; position:absolute; top:50%; z-index:6;right:0; opacity:0; display:none;} .i_solution .tabbtn .current p{ right:40px; opacity:1; display:block;} .iph_i_solution{ display:none;} @media(max-width: 900px){ .i_solution .con_box .box{ width:420px;} .i_solution .sublist .txt{ left:420px;} } /*首页--应用案例*/ .i_case{ padding:50px 0 20px;} .i_case .in_wrap{ overflow:hidden;} .i_case .ty_title{ padding-bottom: 30px;} .i_case ul{margin:0 -10px; text-align:center;} .i_case ul > li{ float:left; width:calc(25% - 20px); margin-bottom:20px;position:relative; padding: 0 10px;} .i_case .nr_box{position:relative;width:100%; overflow:hidden; transition: 0.4s; -webkit-transition: 0.4s; } .i_case .pic{overflow: hidden;} .i_case .pic img{ width: 100%;} .i_case .tet{ position: absolute; left:0; top:30%; width:100%; transition: 0.4s; -webkit-transition: 0.4s;font-size:16px; color:#666;} .i_case .tet i{ width:80px; height:80px; background-color: #ffdd00; border-radius:50%; color:#000; display: block; line-height:80px; font-size:50px; margin: 0 auto;transition: 0.4s; -webkit-transition: 0.4s;} .i_case .tet span{ display:block; font-size:20px; transition: 0.4s; -webkit-transition: 0.4s; color:#fff; margin-top:10px;} .i_case .dis_no{text-align:justify; padding:10px 20px; position:absolute; bottom:-50px; width:100%; box-sizing:border-box; opacity:0; transition: 0.4s; -webkit-transition: 0.4s;} .i_case .dis_no .cf{ border-top:1px solid rgba(255,255,255,0.7); padding:10px 0;} .i_case .dis_no span{ color: rgba(255,255,255,0.9); line-height: 22px; font-size: 14px;} .i_case .li_box:hover .tet{ top:5%;} .i_case .li_box:hover .tet i{ width: 60px; height: 60px; line-height: 60px; font-size:36px; } .i_case .li_box:hover .tet span{ margin-top:0px;font-size:18px;} .i_case .li_box:hover .dis_no{ bottom:0; opacity:1;} .i_case .pic img { -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; } .i_case .li_box:hover img { -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } @media(max-width: 1200px){ /* .i_case .nr_box{ height:210px;} */ .i_case .tet{ top: 20%;} .i_case .tet i{ width: 60px; height: 60px; line-height: 60px; font-size: 40px;} .i_case .tet span{ margin-top: 10px; font-size: 20px;} .i_case .dis_no{ padding:8px 15px;} .i_case .dis_no span{ color: rgba(255,255,255,0.9); line-height:18px; font-size:12px;} .i_case .li_box:hover .tet{ top:8%;} .i_case .li_box:hover .tet i{ width: 40px; height: 40px; line-height: 40px; font-size:24px; } .i_case .li_box:hover .tet span{ margin-top:0px;font-size:16px;} } @media(max-width:992px){ .i_case{ padding:40px 0;} .i_case .ty_title{ padding-bottom:30px;} .i_case ul{margin:0 -10px; text-align:center;} .i_case ul > li{ float:left; width:calc(25% - 10px); margin-bottom:10px;position:relative; padding: 0 5px;} /* .i_case .nr_box{ height:180px;} */ .i_case .tet{ top:30%;} .i_case .tet i{ width:60px; height:60px; line-height:60px; font-size:40px;} .i_case .tet span{ margin-top:10px; font-size:18px;} .i_case .dis_no{ padding:8px 15px; } .i_case .dis_no span{ color: rgba(255,255,255,0.9); line-height:18px; font-size:12px;} .i_case .li_box:hover .tet{ top:20%;} .i_case .li_box:hover .tet i{ width:60px; height:60px; line-height:60px; font-size:40px; } .i_case .li_box:hover .tet span{ margin-top:10px;font-size:18px;} .i_case .li_box:hover .dis_no{ bottom:0; opacity:0;} } @media(max-width:768px){ .i_case{ padding: 20px 0;} .i_case .ty_title{ padding-bottom:15px;} .i_case ul{margin:0 -10px; text-align:center;} .i_case ul > li{ float:left; width:calc(25% - 10px); margin-bottom:10px;position:relative; padding: 0 5px;} /* .i_case .nr_box{ height:80px;} */ .i_case .tet{ top:20%;} .i_case .tet i{ width: 45px; height: 45px; line-height:45px; font-size:25px;} .i_case .tet span{ margin-top:10px; font-size:16px;} .i_case .dis_no{ padding:8px 15px; display: none;} .i_case .dis_no span{ color: rgba(255,255,255,0.9); line-height:18px; font-size:12px;} .i_case .li_box:hover .tet{ top:20%;} .i_case .li_box:hover .tet i{ width:45px; height:45px; line-height:45px; font-size:25px; } .i_case .li_box:hover .tet span{ margin-top:10px;font-size:16px;} .i_case .li_box:hover .dis_no{ bottom:0; opacity:0;} } /*首页--人才招聘*/ .i_job{ position:relative;} .i_job .in_wrap{ position: relative;} .i_job .job_bg{ height:500px; background-repeat:no-repeat; background-position:center; background-size:cover;background-image:url(../images/main_job.jpg);} @media(max-width: 1200px){ .i_job .job_bg{ height:350px;} } @media(max-width: 768px){ .i_job .job_bg{ height:180px;} } /*首页--新闻资讯*/ .i_news{ background:#efefef; padding:50px 0;} .i_news .in_wrap{ overflow:hidden;} .i_news .ty_title{ padding-bottom:30px;} .i_news .newlist{ margin: 0 -20px; } .i_news .vmore{ margin: 0 auto; text-align: center; padding: 12px 0;} .i_news .vmore a{ padding: 10px 40px; border: 1px solid #ccc; color: #666; font-size: 14px; border-radius:5px;} .i_news .vmore a:hover{ background-color: #ffdd00; color: #000;border: 1px solid #999;} .news-wrapper { float: left; width: calc(33.333% - 40px); padding: 0 20px; margin-bottom:40px;} .news-wrapper .news-thumb {position: relative;padding-bottom: 62.5%;width: 100%; overflow:hidden;} .news-wrapper .news-thumb img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -moz-transition: all 500ms ease-out 0s; -webkit-transition: all 500ms ease-out 0s; -ms-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; } .news-wrapper .news-thumb .news-top-meta { position: absolute; bottom: 0; left: 0; text-align: center; z-index: 1; padding: 4px 14px; background: #ffdd00; font-size: 14px; color: #000; -moz-transition: all 400ms ease-out 0s; -webkit-transition: all 400ms ease-out 0s; -ms-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .news-wrapper .news-thumb:after { position: absolute; content: ""; /* background: rgba(23, 48, 94, 0.6); */ height: 100%; width: 100%; left: 0; top: 0; opacity: 0; -moz-transition: all 400ms ease-out 0s; -webkit-transition: all 400ms ease-out 0s; -ms-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -moz-transform: perspective(3em) rotateY(-3deg); -o-transform: perspective(3em) rotateY(-3deg); -ms-transform: perspective(3em) rotateY(-3deg); -webkit-transform: perspective(3em) rotateY(-3deg); transform: perspective(3em) rotateY(-3deg); transform-origin: top; } .news-wrapper .news-details {background: #ffffff;padding:25px;} .news-wrapper .news-details .news-description h3{ font-size:16px;font-weight:600;line-height:24px;height:48px;margin-bottom:10px;text-align:justify;color:#666; overflow: hidden;} .news-wrapper .news-details .news-description .news-bottom-meta {color: #828c99;background: #f5f6fc;padding: 10px 10px;border-left: 3px solid #d1000f;} .news-wrapper .news-details .news-description .news-bottom-meta i{ color: #d1000f; margin-right: 5px;} .news-wrapper .news-details .news-description .news-bottom-meta .more{ float: right; position: relative;} .news-wrapper .news-details .news-description .news-bottom-meta .more:before { content: ''; width:0%; height: 2px; background: #d1000f; left: 0; position: absolute; bottom: -5px; -webkit-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .news-wrapper:hover .news-thumb img { -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .news-wrapper:hover .news-thumb .news-top-meta {left:25px;} .news-wrapper:hover .news-details .news-description h3 { color: #000;} .news-wrapper:hover .news-details .news-description .news-bottom-meta .more:before{width: 100%;} .news-wrapper:hover .news-thumb:after { opacity: 1; -moz-transform: perspective(0) rotateX(0); -o-transform: perspective(0) rotateX(0); -ms-transform: perspective(0) rotateX(0); -webkit-transform: perspective(0) rotateX(0); transform: perspective(0) rotateX(0); } @media(max-width:992px){ .i_news {padding:40px 0;} .i_news .ty_title{ padding-bottom:20px;} .newlist{ margin: 0 -10px;} .news-wrapper {width: calc(33.333% - 20px); padding: 0 10px; margin-bottom:40px;} .news-wrapper .news-details {background: #ffffff;padding:20px;} } @media(max-width:768px){ .i_news {padding:20px 0;} .i_news .ty_title{ padding-bottom:15px;} .newlist{ margin: 0 -20px;} .news-wrapper {width: calc(100% - 40px); padding: 0 20px; margin-bottom:20px;} .news-wrapper .news-details {background: #ffffff;padding:15px;} } @keyframes q1{ 0% {-webkit-transform: scale(0.8);transform: scale(0.8); opacity: 0; } 60% {opacity: 0.2;} 80% {-webkit-transform: scale(1);transform: scale(1); opacity: 0; } 100% {-webkit-transform: scale(1);transform: scale(1); opacity: 0; } } @keyframes q2{ 0% {-webkit-transform: scale(0.8);transform: scale(0.8);opacity: 0;} 40% {opacity: 0.3;} 80% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;} } @keyframes q3{ 0% {-webkit-transform: scale(0.8);transform: scale(0.8);opacity: 0;} 20% {opacity: 0.5;} 80% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;} } @keyframes guang{ 0% {-webkit-box-shadow:0 0 0 rgba(0,126,195,0.2);box-shadow:0 0 0 rgba(0,126,195,0.2);} 30% {-webkit-box-shadow:0 0 10px rgba(0,126,195,0.6);box-shadow:0 0 10px rgba(0,126,195,0.6);} 70% {-webkit-box-shadow:0 0 10px rgba(0,126,195,0.6);box-shadow:0 0 10px rgba(0,126,195,0.6);} 100% {-webkit-box-shadow:0 0 10px rgba(0,126,195,0.2);box-shadow:0 0 10px rgba(0,126,195,0.2);} } /* 首页进入效果 */ .ty_title h1{transform: translate(0,100px);opacity: 0;transition: all 0.7s ease-out;} .ty_title span{transform: translate(0,150px);opacity: 0;transition: all 0.8s ease-out;} .in_anm .ty_title h1, .in_anm .ty_title span{transform: translate(0,0);opacity: 1;} .i_case ul > li:nth-child(1){transform: translate(-300px,0);opacity: 0;transition: all 1s 0.3s ease-out;} .i_case ul > li:nth-child(2){transform: translate(-200px,0);opacity: 0;transition: all 0.9s 0.3s ease-out;} .i_case ul > li:nth-child(3){transform: translate(-100px,0);opacity: 0;transition: all 0.8s 0.3s ease-out; margin-right: 0;} .i_case ul > li:nth-child(4){transform: translate(300px,0);opacity: 0;transition: all 1s 0.3s ease-out;} .i_case ul > li:nth-child(5){transform: translate(200px,0);opacity: 0;transition: all 0.9s 0.3s ease-out;} .i_case ul > li:nth-child(6){transform: translate(100px,0);opacity: 0;transition: all 0.8s 0.3s ease-out;margin-right: 0;} .i_case ul > li:nth-child(7){transform: translate(-300px,0);opacity: 0;transition: all 0.8s 0.3s ease-out;} .i_case ul > li:nth-child(8){transform: translate(-200px,0);opacity: 0;transition: all 0.8s 0.3s ease-out;} .i_case ul > li:nth-child(9){transform: translate(-100px,0);opacity: 0;transition: all 0.8s 0.3s ease-out;margin-right: 0;} .i_case.in_anm ul > li{transform: translate(0,0);opacity: 1;} .iph_i_solution{ display:none;} .i_solution .ty_title h1{transform: translate(-100px,0);opacity: 0;transition: all 1s 0.3s ease-out;} .i_solution.in_anm .ty_title h1{transform: translate(0,0);opacity: 1;} .i_solution .con_box .box{transform: translate(-100px,0);opacity: 0;transition: all 1s 0.3s ease-out;} .i_solution.in_anm .con_box .box{transform: translate(0,0);opacity: 1;} .i_solution .sublist .txt{transform: translate(200px,0);opacity: 0;transition: all 1s 0.3s ease-out;} .i_solution.in_anm .sublist .txt{transform: translate(0,0);opacity: 1;} .i_solution .pic_box{opacity: 0;transition: all 1s 0.1s ease-out;} .i_solution.in_anm .pic_box{opacity: 1;} .i_job .job_bg{transform: translate(0,100px);opacity: 0;transition: all 1s 0.3s ease-out;} .i_job.in_anm .job_bg{transform: translate(0,0);opacity: 1;} .i_news .vmore{transform: translate(0,200px);opacity: 0;transition: all 1s 0.3s ease-out;} .i_news.in_anm .vmore{transform: translate(0,0);opacity: 1;} .i_news .newlist{transform: translate(0,150px);opacity: 0;transition: all 1.5s 0.3s ease-out;} .i_news.in_anm .newlist{transform: translate(0,0);opacity: 1;} .i_news .newlist > li:nth-child(1){transform: translate(0,140px);opacity: 0;transition: all 1.5s 0.4s ease-out;} .i_news .newlist > li:nth-child(2){transform: translate(0,160px);opacity: 0;transition: all 1.5s 0.6s ease-out;} .i_news .newlist > li:nth-child(3){transform: translate(0,180px);opacity: 0;transition: all 1.5s 0.8s ease-out;} .i_news.in_anm .newlist > li{transform: translate(0,0);opacity: 1;} /* 栏目通用 */ .lmbg_hui{ background:#f8f8f8;} .lm_ban{ height:450px; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; padding-top:120px; box-sizing:border-box;} .lm_ban .iph_img{ display:none;} .lm_ban h1{ font-size:36px; line-height:75px; font-weight:300;} .lm_ban h1 span{ border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:5px;} .lm_ban h2{ font-size:14px; line-height:24px; color:rgba(255,255,255,0.9); padding-top:10px; width:40%; text-align:justify;} @media(max-width: 768px){ .lm_ban h2{width:92%;} } .b-location{width:100%;height:50px; overflow: hidden;} .b-inner{width: 100%;background-color: #f4f4f4;position: relative;height:50px; line-height:50px;} .b-inner.fixed{position: fixed;left:0;top:90px;z-index:1000;box-shadow: 0 0 4px rgba(0,0,0,0.1);} .b-inner .left{float:left;font-size:14px; color:#999;line-height:50px;} .b-inner .left i{color:#999; font-size:16px; margin:0 10px;} .b-inner .left i:first-child{ margin: 0 0;} .b-inner .left a{ color:#666;} .b-inner .left a:last-child{color: #333;} .b-inner .right{float: right;font-size: 0;} .b-inner .right .b-h{display: inline-block;vertical-align:top;height:48px;line-height:48px;padding:0 30px;border-top:2px solid transparent;text-align:center;font-size:14px;color:#333;cursor:pointer;} .b-inner .right .b-h.active{color: #d1000f;border-top-color: #d1000f;background-color: #fff;} .b-back{display: inline-block;font-size:14px;color: #666;line-height:50px;position: absolute;right: 50%;top: 0;margin-right: -70px;cursor: pointer;} .b-back:hover{color: #d1000f;} .b-back2{color: #333;} .b-back2:before{content: "";display: inline-block;vertical-align: middle;position: relative;top: -1px;width: 12px;height: 12px;background-image: url(../images/112.png);background-size: 100% 100%;margin-right:10px;} @media screen and (max-width:1002px){ .b-inner.fixed{ top:50px;} } @media(max-width: 900px){ .b-inner .wrap{ overflow-x:scroll;} .b-inner .left{float: none;display: none;} .b-inner .right{float: none;text-align:center;} .b-inner .right .b-h{padding: 0 12px;} .b-back{position: relative;right: 0;margin-right: 0;padding: 0 10px;} .b-back2:before{top: -2px;} } /* 产品类别 */ .pro-class {width:100%;margin-bottom:20px;} .pro-class .swiper-slide{text-align:center;cursor: pointer;} .pro-class .swiper-slide .clapic{width:calc(100% - 2px);vertical-align:top;margin-bottom:5px; border:1px solid #ddd;border-radius:5px;} .pro-class .swiper-slide p{text-align: center;font-size:12px; color:#333; width:100%; line-height:1.2;} .pro-class .swiper-slide:hover .clapic{background-color:#f2f2f2;} .pro-class .swiper-slide:hover p{font-weight:bold;} .pro-class .selected .clapic, .pro-class .selected:hover .clapic{background-color:#ffdd00;border:1px solid #ffdd00;} .pro-class .selected p, .pro-class .selected:hover p{font-weight:bold;} .sub-class { overflow:hidden;} .sub-class .swiper-slide {height:auto !important; background-color:#fff;} .k-tabs{width:100%;text-align:center;font-size: 0;padding:20px 0; overflow:hidden; position: relative; display:block; height:} .k-tab{font-size:14px;color:#333;letter-spacing:2px;cursor: pointer;display: inline-block;vertical-align:top;height:40px;line-height:40px;padding:0 20px;border-radius:20px;margin: 0 10px 10px;background-color:#eee;} .k-tab.active{background-color:#ffdd00;} @media(max-width: 900px){ .k-tab{height: 30px;line-height:30px;} } /* 页码 */ .page{ text-align:center; font-size:12px;} .page a{ background-color:#fff; display:inline-block; color:#666; line-height:38px; margin:0 5px; padding:0 16px;} .page_radius a{ border-radius:3px;} .page a.active, .page a:hover{ background-color:#fd0; color:#333;} /* 产品列表 */ .products_list { padding:40px 0 0 0;} .cplb_list{ padding:40px 0 60px; width:100%;} .cplb_list ul{ margin:0 -12px;} .cplb_list li{ float:left; width:25%; padding:0 12px; margin-bottom:24px; box-sizing:border-box; text-align:center;} .cplb_list li a{ background:#fff;} .cplb_list li a, .cplb_list li span{ display:block;} .cplb_list .text{padding:0 20px 30px 20px; text-align: center; } .cplb_list .tit{color:#333; line-height:24px; font-size:18px; padding: 10px 0; font-weight: 600; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .cplb_list .more{ width:100%; box-sizing:border-box; border:1px solid #ccc; color:#999;line-height:38px; border-radius:20px; /* transform: translate(0,-30px);opacity: 0;transition: all 0.2s 0.1s ease-out; */} .cplb_list li a:hover{ box-shadow:2px 0 24px rgba(0,0,0,0.27);} .cplb_list li a:hover .tit{ font-weight: 700;} .cplb_list li a:hover .more{ background:#ffdd00; border-color:#ffdd00; color:#333;/* transform: translate(0,0);opacity: 1; */} .cplb_list .page{ margin-top:40px;} /* .cplb_list .more{padding:5px 0} */ /* .cplb_list .more{position:relative;display:inline-block;padding-left:20px;color:#999;font-size:14px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .cplb_list .more:before{pointer-events:none;content:"";position:absolute;top:50%;left:0;margin-top:-4px;width:9px;height:9px;border-right:1px solid #999;border-top:1px solid #999;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .cplb_list .more:after{pointer-events:none;content:"";position:absolute;top:50%;left:0;width:0;height:1px;background-color:#d1000f;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .cplb_list li a:hover .more{padding-left:74px;color:#d1000f} .cplb_list li a:hover .more:before{left:48px;border-color:#d1000f} .cplb_list li a:hover .more:after{width:50px} */ .cp_bottom{ background-color:#007ac2;} .cp_bottom .wrap{ overflow:hidden;} .cp_bottom ul{ margin:0 -102px;} .cp_bottom li{ float:left; width:25%; padding:0 102px; box-sizing:border-box; color:#fff; font-size:20px; line-height:24px; font-weight:300;} .cp_bottom li span{ display:inline-block; padding:30px 0 28px 35px; background-repeat:no-repeat; background-position: left center;} .text-edit{font-size:1rem;color:#444; line-height:1.8;} .text-edit:after,.text-edit:before{content:'';display:table} .text-edit:after{clear:both} .text-edit *{max-width:100%} .text-edit img{height:auto!important;max-width:100%} .no-data{font-size:1.125rem;color:#666;text-align:center;margin:100px 0} @media (max-width:767px){ .no-data{margin:60px 0;font-size:1rem} } /* 产品详情 */ #product-view{background:#f6f6f6} #product-view .info-top{padding:30px;background:#fff;margin:0 0 30px 0;font-size:0} #product-view .info-top .pic-slick{width:50%;display:inline-block;vertical-align:top} #product-view .info-top .pic-slick li{ margin:0 90px;} #product-view .info-top .pic-slick .slick-dots{width:100%;position:relative;text-align:center;margin:25px 0 0;padding:0} #product-view .info-top .pic-slick .slick-dots>li{display:inline-block;vertical-align:top;margin:0 5px;padding:0} #product-view .info-top .pic-slick .slick-dots>li>button{padding:0;display:block;border:none;background:#ccc;width:10px;height:10px;border-radius:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out; font-size:0;} #product-view .info-top .pic-slick .slick-dots>li.slick-active>button{background:#d1000f;border:none;} #product-view .info-top .txt-box{width:50%;display:inline-block;vertical-align:top} #product-view .info-top .txt-box .s-ti{margin:0;line-height:1.8;padding:30px 0 10px 0;font-size:2rem;color:#d1000f;background:url(../images/dots.jpg) repeat-x left bottom} #product-view .info-top .txt-box .features-box{padding:20px 0;background:url(../images/dots.jpg) repeat-x left bottom} #product-view .info-top .txt-box .features-box .ti{margin:0 0 5px;line-height:1.8;font-weight:700;font-size:1rem;color:#333} #product-view .info-top .txt-box .operat-box{margin:25px 0 0} #product-view .info-top .txt-box .btn-wrap{font-size:0;display:inline-block;vertical-align:middle;width:calc(100% - 170px)} #product-view .info-top .txt-box .btn-wrap>a{display:inline-block;vertical-align:top;position:relative;line-height:45px;border-radius:45px;color:#000;padding:0 30px;margin-right:20px;text-align:center;background-color:#ffdd00;font-size:1rem;} #product-view .info-top .txt-box .btn-wrap>a i{font-style:normal;position:relative;z-index:2} #product-view .info-top .txt-box .btn-wrap>a:before{content:'';position:absolute;width:100%;height:100%;border-radius:45px;background:#ffb400;left:0;top:0;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #product-view .info-top .txt-box .btn-wrap .back-btn{background:#ddd; color:#333;margin-right:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #product-view .info-top .txt-box .btn-wrap .back-btn:before{display:none} #product-view .info-top .txt-box .bshare-custom{display:inline-block;vertical-align:middle;padding:0;font-size:16px;} #product-view .info-top .txt-box .bshare-custom a{ cursor: pointer; margin-right:10px; color:#333; } #product-view .info-top .txt-box .bshare-custom a:hover{ color:#d1000f;} #product-view .info-top .txt-box .bshare-custom .weixincode{width:200px; height:200px; margin:90px auto; display:none;} #product-view .info-top .txt-box .bshare-custom:before{content:'分享至:';position:relative;display:inline-block;vertical-align:middle;font-size:14px;color:#333} @media (min-width:1025px){ #product-view .info-top .txt-box .btn-wrap>a:hover:before{opacity:1} #product-view .info-top .txt-box .btn-wrap .back-btn:hover{background:#ffb400;} } @media (max-width:1199px){ #product-view .info-top .txt-box .operat-box{margin:20px 0 0} #product-view .info-top .txt-box .btn-wrap{display:block;width:100%} #product-view .info-top .txt-box .bshare-custom{display:block;width:100%;margin:20px 0 0;text-align:right} } @media (max-width:991px){ #product-view .info-top{padding:35px} } @media (max-width:767px){ #product-view .info-top{padding:30px 5%} #product-view .info-top .pic-slick{width:100%;display:block} #product-view .info-top .pic-slick li{ margin:0 20px;} #product-view .info-top .txt-box{width:100%;padding:0;margin:20px 0 0} } @media (max-width:480px){ #product-view .info-top .pic-slick li{ margin:0 20px;} #product-view .info-top .txt-box .btn-wrap{text-align:center} #product-view .info-top .txt-box .btn-wrap>a{margin-right:10px;padding:0 25px} #product-view .info-top .txt-box .bshare-custom{text-align:center} } .menutop-h{ overflow:hidden; width:100%; height:0px;} .menutop{overflow:hidden; width:100%; border-top:2px solid #ffdd00; margin-bottom:0px;} .menutop .mtlist{float:left;display:inline-block;vertical-align:top;text-align:center; width:calc( 20% - 1px );border-bottom:0px solid #ddd;border-right:1px solid #ddd;background-color:#fbfbfb; font-size:16px; line-height:50px; cursor:pointer; color:#333;} .menutop .mtlist:last-child{border-right:none;width:20%;} .menutop .mtlist:hover{ color:#d1000f;} .menutop .active{border-bottom:1px solid #ffdd00;color:#000;background-color:#ffdd00;} .menutop2{ position:fixed;top:141px; z-index:9999;} @media (max-width:640px){ .menutop .mtlist{ font-size:14px;} .menutop2{ position:fixed;top:100px; z-index:9999;} } #pro_vd{background:#ffffff} #pro_vd .view-details{background:#fff;padding:0; margin-bottom:40px;} #pro_vd .view-details .scont{padding:0px;} #pro_vd .view-details .scont h3{ font-size:24px; color:#333; text-align:left; font-weight:bold; line-height:50px; margin:20px 0; border-bottom:1px solid #333;} #pro_vd .view-details .scont .text-edit{font-size:1rem;color:#444} #pro_vd .view-details .scont .text-edit li{ list-style:none; line-height:50px; border-bottom:1px dashed #ddd;} #pro_vd .view-details .scont .text-edit li a{ color:#333; text-decoration:none;} #pro_vd .view-details .scont .text-edit li a:hover{ color:#d1000f;} #pro_vd .view-details .scont .text-edit li span{ float:right; font-size:13px; color:#999;} #pro_vd .view-details .scont .text-edit:after,.text-edit:before{content:'';display:table} #pro_vd .view-details .scont .text-edit:after{clear:both} #pro_vd .view-details .scont .text-edit video{max-width:1280px;} #pro_vd .view-details .scont .text-edit *{max-width:100%} #pro_vd .view-details .scont .text-edit img{height:auto!important;max-width:100%} #pro_vd .view-details .scont .maxpic img{ width:100%;} #pro_vd .view-details .scont .text-edit h4{ font-size:1.1rem; font-weight:bold;} #pro_vd .view-details .scont .text-edit p{ margin-bottom:0px;} #pro_vd .view-details .scont .text-edit table{ width:100%;} #pro_vd .view-details .scont .text-edit table td{ padding:5px 0; font-size:0.9rem;} #pro_vd .view-details .scontx{padding:0px;} #pro_vd .view-details .scontx h3{ font-size:24px; color:#333; text-align:left; font-weight:bold; line-height:50px; margin:20px 0; border-bottom:1px solid #333;} #pro_vd .view-details .scontx .text-edit{font-size:1rem;color:#444} #pro_vd .view-details .scontx .text-edit li{ list-style:none; line-height:50px; border-bottom:1px dashed #ddd;} #pro_vd .view-details .scontx .text-edit li a{ color:#333; text-decoration:none;} #pro_vd .view-details .scontx .text-edit li a:hover{ color:#d1000f;} #pro_vd .view-details .scontx .text-edit li span{ float:right; font-size:13px; color:#999;} #pro_vd .view-details .scontx .text-edit:after,.text-edit:before{content:'';display:table} #pro_vd .view-details .scontx .text-edit:after{clear:both} #pro_vd .view-details .scontx .text-edit video{max-width:1280px;} #pro_vd .view-details .scontx .text-edit *{max-width:100%} #pro_vd .view-details .scontx .text-edit img{height:auto!important;max-width:100%} #pro_vd .view-details .scontx .text-edit h4{ font-size:1.1rem; font-weight:bold;} #pro_vd .view-details .scontx .text-edit p{ margin-bottom:0px;} #pro_vd .view-details .scontx .text-edit table{ width:100%;} #pro_vd .view-details .scontx .text-edit table td{ padding:5px 0; font-size:0.9rem;} #pro_vd .view-details .scont .case_list{ padding:20px 0; width:100%;} #pro_vd .view-details .scont .case_list ul{ margin:0 -10px;} #pro_vd .view-details .scont .case_list li{float:left; width:33.333%; margin-bottom:20px;box-sizing:border-box;border:none; padding:0 10px; text-align:center;} #pro_vd .view-details .scont .case_list li a, #pro_vd .view-details .scont .case_list li span{ display:block;} #pro_vd .view-details .scont .case_list li a{ position:relative;} #pro_vd .view-details .scont .case_list li img{ width:100%; } #pro_vd .view-details .scont .case_list li .txt{ line-height:24px; text-align:center; color:#fff; font-size:16px;} #pro_vd .view-details .scont .case_list li .txt span{ transition: 0.4s; -webkit-transition: 0.4s; box-sizing:border-box;} #pro_vd .view-details .scont .case_list li .stit{position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:16px; padding:15px 10px;background: rgba(0,0,0,0.5);} #pro_vd .view-details .scont .case_list li a:hover .stit{ bottom:-110px;} #pro_vd .view-details .scont .case_list li .stit2{ position:absolute;left:0;bottom:0;width:100%;height:0;background: rgba(0,0,0,0.5);overflow:hidden;font-size:16px; color:#fff;} #pro_vd .view-details .scont .case_list li a:hover .stit2{ height:100%; padding-top:33%;} #pro_vd .view-details .scont .pro_list{ padding:20px 0; width:100%;} #pro_vd .view-details .scont .pro_list ul{ margin:0 -10px;} #pro_vd .view-details .scont .pro_list li{ float:left; width:20%; padding:0 10px; margin-bottom:20px; box-sizing:border-box; text-align:center;} #pro_vd .view-details .scont .pro_list li a{ background:#fff;border:1px solid #ddd;} #pro_vd .view-details .scont .pro_list li a,#pro_vd .view-details .scont .pro_list li span{ display:block;} #pro_vd .view-details .scont .pro_list .text{padding:0 20px 20px 20px; text-align: center; } #pro_vd .view-details .scont .pro_list .tit{color:#333; line-height:24px; font-size:16px; padding:10px 0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #pro_vd .view-details .scont .pro_list .more{ width:100%; box-sizing:border-box; border:1px solid #ccc; color:#999;line-height:34px; border-radius:17px; font-size:14px;} #pro_vd .view-details .scont .pro_list li a:hover{ box-shadow:2px 0 15px rgba(0,0,0,0.27);} #pro_vd .view-details .scont .pro_list li a:hover .tit{ font-weight: 700;} #pro_vd .view-details .scont .pro_list li a:hover .more{ background:#ffdd00; border-color:#ffdd00; color:#333;} @media screen and (max-width: 1200px){ #pro_vd .view-details .scont .case_list li{ width:50%;} #pro_vd .view-details .scont .case_list li a { position: relative; overflow: hidden;} #pro_vd .view-details .scont .pro_list li{ width:50%;} #pro_vd .view-details .scont .text-edit video{max-width:100%;} #pro_vd .view-details .scontx .text-edit video{max-width:100%;} } @media screen and (max-width:758px){ #pro_vd .view-details .scont .case_list li{ width:50%;} #pro_vd .view-details .scont .case_list li .stit{ font-size:12px; padding:0 10px; line-height:30px; height:30px; overflow:hidden;} #pro_vd .view-details .scont .case_list li a { position: relative; overflow: hidden;} #pro_vd .view-details .scont .text-edit video{max-width:100%;} #pro_vd .view-details .scontx .text-edit video{max-width:100%;} } #product-view .view-more{background:#fff;padding:0; margin-bottom:40px;} #product-view .view-more .moretop{text-align:center;font-size:0} #product-view .view-more .moretop>li{display:inline-block;vertical-align:top;padding:0 20px} #product-view .view-more .moretop>li>a{display:block;font-size:1rem;color:#666;padding:15px 10px;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #product-view .view-more .moretop>li>a:before{content:'';position:absolute;width:100%;height:4px;top:0;left:50%;background-color:#007ebd;background:-webkit-linear-gradient(0deg,#007ebd 0,#69d2c7 100%);background:-moz-linear-gradient(0deg,#007ebd 0,#69d2c7 100%);background:-ms-linear-gradient(0deg,#007ebd 0,#69d2c7 100%);transform:translateX(-50%) scaleX(0);-ms-transform:translateX(-50%) scaleX(0);-moz-transform:translateX(-50%) scaleX(0);-webkit-transform:translateX(-50%) scaleX(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #product-view .view-more .moretop>li>a{color:#222} #product-view .view-more .moretop>li>a:before{transform:translateX(-50%) scaleX(1);-ms-transform:translateX(-50%) scaleX(1);-moz-transform:translateX(-50%) scaleX(1);-webkit-transform:translateX(-50%) scaleX(1)} #product-view .view-more .morecon{} #product-view .view-more .morecon #mview1{padding:10px 0;} #product-view .view-more .morecon #mview2{padding:10px 0; margin:0;} #product-view .view-more .morecon h4{ font-size:1rem;color:#007cbd; line-height:1.5; font-weight:bold;} #product-view .view-more2{ padding-top:80px;} #product-view .view-more2 .tab-head{ position:fixed;top:141px;} #product-view .view-more .tab-head{font-size:0; overflow:hidden; width:100%; border-top:2px solid #ffdd00;} #product-view .view-more .tab-head>li{float:left;display:inline-block;vertical-align:top;text-align:center; width:calc( 20% - 1px );border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#fbfbfb;} #product-view .view-more .tab-head>li:last-child{border-right:none;width:20%;} #product-view .view-more .tab-head>li>a{display:block;font-size:1rem;color:#000;padding:13px 10px;} #product-view .view-more .tab-head>li.active{border-bottom:1px solid #ffdd00;color:#000;} #product-view .view-more .tab-head>li.active>a{color:#000; background-color:#ffdd00;} #product-view .view-more .tab-head>li.active>a:hover{color:#000; background-color:#ffdd00;} .tab-content>.tab-pane{display:none;visibility:hidden} .tab-content>.active{display:block;visibility:visible} #product-view .view-more .tab-pane{padding:40px;} #product-view .view-more .tab-pane .text-edit{font-size:1rem;color:#444} #product-view .view-more .tab-pane .text-edit li{ list-style:none; line-height:50px; border-bottom:1px dashed #ddd;} #product-view .view-more .tab-pane .text-edit li a{ color:#333; text-decoration:none;} #product-view .view-more .tab-pane .text-edit li a:hover{ color:#d1000f;} #product-view .view-more .tab-pane .text-edit li span{ float:right; font-size:13px; color:#999;} #product-view .view-more .tab-pane .text-edit:after,.text-edit:before{content:'';display:table} #product-view .view-more .tab-pane .text-edit:after{clear:both} #product-view .view-more .tab-pane .text-edit *{max-width:100%} #product-view .view-more .tab-pane .text-edit img{height:auto!important;max-width:100%} #product-view .view-more .tab-pane .text-edit h4{ font-size:1.1rem; font-weight:bold;} #product-view .view-more .tab-pane .text-edit p{ margin-bottom:0px;} #product-view .view-more .tab-pane .text-edit table{ width:100%;} #product-view .view-more .tab-pane .text-edit table td{ padding:5px 0; font-size:0.9rem;} #product-view .view-more .tab-pane.case_list .list{ padding-top:10px; margin:0 -10px;} #product-view .view-more .tab-pane.case_list .list li{float:left; width:33.333%; margin-bottom:20px;box-sizing:border-box;border:none; padding:0 10px; text-align:center;} #product-view .view-more .tab-pane.case_list .list li a, #product-view .view-more .tab-pane.case_list .list li span{ display:block;} #product-view .view-more .tab-pane.case_list .list li a{ position:relative;} #product-view .view-more .tab-pane.case_list .list li img{ width:100%; } #product-view .view-more .tab-pane.case_list .list li .txt{ line-height:24px; text-align:center; color:#fff; font-size:16px;} #product-view .view-more .tab-pane.case_list .list li .txt span{ transition: 0.4s; -webkit-transition: 0.4s; box-sizing:border-box;} #product-view .view-more .tab-pane.case_list .list li .stit{position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:16px; padding:15px 10px;background: rgba(0,0,0,0.5);} #product-view .view-more .tab-pane.case_list .list li a:hover .stit{ bottom:-110px;} #product-view .view-more .tab-pane.case_list .list li .stit2{ position:absolute;left:0;bottom:0;width:100%;height:0;background: rgba(0,0,0,0.5);overflow:hidden;font-size:16px; color:#fff;} #product-view .view-more .tab-pane.case_list .list li a:hover .stit2{ height:100%; padding-top:33%;} @media screen and (max-width:758px){ #product-view .view-more .tab-pane.case_list{padding:20px 0;} #product-view .view-more .tab-pane.case_list .list li{ width:50%;} #product-view .view-more .tab-pane.case_list .list li .stit{ font-size:12px; padding:0 10px; line-height:30px; height:30px; overflow:hidden;} #product-view .view-more .tab-pane.case_list ul li a { position: relative; overflow: hidden;} } @media screen and (max-width: 1200px){ #product-view .view-more .tab-pane.case_list .list li{ width:50%;} #product-view .view-more .tab-pane.case_list ul li a { position: relative; overflow: hidden;} } #product-view .view-more .tab-pane .pro_list{ padding:30px 0; width:100%;} #product-view .view-more .tab-pane .pro_list ul{ margin:0 -10px;} #product-view .view-more .tab-pane .pro_list li{ float:left; width:20%; padding:0 10px; margin-bottom:20px; box-sizing:border-box; text-align:center;} #product-view .view-more .tab-pane .pro_list li a{ background:#fff;border:1px solid #ddd;} #product-view .view-more .tab-pane .pro_list li a,#product-view .view-more .tab-pane .pro_list li span{ display:block;} #product-view .view-more .tab-pane .pro_list .text{padding:0 20px 20px 20px; text-align: center; } #product-view .view-more .tab-pane .pro_list .tit{color:#333; line-height:24px; font-size:16px; padding:10px 0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #product-view .view-more .tab-pane .pro_list .more{ width:100%; box-sizing:border-box; border:1px solid #ccc; color:#999;line-height:34px; border-radius:17px; font-size:14px;} #product-view .view-more .tab-pane .pro_list li a:hover{ box-shadow:2px 0 15px rgba(0,0,0,0.27);} #product-view .view-more .tab-pane .pro_list li a:hover .tit{ font-weight: 700;} #product-view .view-more .tab-pane .pro_list li a:hover .more{ background:#ffdd00; border-color:#ffdd00; color:#333;} @media screen and (max-width: 1200px){ #product-view .view-more .tab-pane .pro_list li{ width:50%;} } #product-view .view-more #teach{background:#fff} @media (min-width:1025px){ #product-view .view-more .tab-head>li:hover>a{color:#d1000f} } @media (max-width:640px){ #product-view .view-more2{ padding-top:80px;} #product-view .view-more2 .tab-head{ position:fixed;top:100px;} #product-view .view-more .tab-pane{padding:15px;} #product-view .view-more .tab-pane .text-edit{font-size:.9rem;} #product-view .view-more .tab-pane .text-edit table td{ padding:5px 0; font-size:0.8rem;} #product-view .view-more .tab-head>li{padding:0} #product-view .view-more .tab-head>li>a{padding:10px 8px;font-size:.938rem} #product-view .view-more .tab-pane .text-edit li span{ display:none;} } @media (max-width:374px){ #product-view .view-more .tab-head>li>a{padding:10px 8px;font-size:.938rem} } /* 解决方案集成 */ .lm_ban_btn{ height:auto; padding:85px 0 102px;} .lm_ban_btn .btn{ width:160px; height:44px; background:url(../images/jjfajc_ion-1.jpg) repeat-y left top; display:block; text-align:center; line-height:44px; color:#fff; border-radius:3px; font-size:18px; font-weight:bold; margin-top:35px;} .jc_erji{ height:64px;} .jc_erji_box{ border-bottom:1px solid #dbdbdb; background:#fff;} .jc_erji_2 .jc_erji_box{ position:fixed; top:0; left:0; width:100%; z-index:100;} .jc_erji .wrap{ overflow:hidden;} .jc_erji ul{ margin:0 -37px; text-align:center;} .jc_erji li{ width:12.5%; float:left; display:inline-block; box-sizing:border-box; padding:0 32px;} .jc_erji li a{ display:inline-block; font-size:16px; line-height:18px; color:#666;} .jc_erji li a:hover, .jc_erji li a.one{ color:#007ac2;} .jc_erji li span{ display:block; padding:25px 0 20px; position:relative;} .jc_erji li span:before { position: absolute; bottom:-1px; left:0; width: 100%; height: 3px; content: ''; background:#007ac2; display:none; } .jc_erji li a:hover span:before, .jc_erji li a.one span:before{ display:block;} /* 新闻列表 */ .lb_erji{ height:65px;} .lb_erji .lb_erji_box{ background-color:#fff; border-bottom:1px solid #dbdbdb; padding:16px 0 14px;} .lb_erji_2 .lb_erji_box{ position:fixed; width:100%; left:0; top:0; z-index:100;} .lb_erji .bt{ position:relative; float:left; padding-right:35px; font-size:28px; color:#007ac2; line-height:30px;} .lb_erji .bt:before { display:block; position: absolute; right:0px; top:50% ; margin-top:-6px; width: 15px; height: 15px; content: ''; background: url(../images/cplb_ion-1.png) no-repeat center; } .lb_erji .bt i{ display:inline-block; padding-right:12px;} .lb_erji ul{ float:right;} .lb_erji li{ float:left; padding:7px 0 0 46px;} .lb_erji li a{ color:#666; font-size:16px; position:relative;} .lb_erji li a:before{ display:block; position: absolute; left:-23px; top:8px ; width: 1px; height: 9px; content: ''; background:#d6d6d6; } .lb_erji li .num1:before{ display:none;} .lb_erji li a.one, .lb_erji li a:hover{ color:#007ac2;} .xwlb_part1{ padding:45px 0 54px;} .xwlb_part1 dl{ background-color:#fff;} .xwlb_part1 dt{ float:left; width:763px; border-radius:5px 0 0 5px;} .xwlb_part1 dt a{ border-radius:5px 0 0 5px;} .xwlb_part1 dd{ margin-left:803px; padding:30px 40px 0 0;} .xwlb_part1 dd span, .xwlb_part1 .time i{ display:block;} .xwlb_part1 .time{ display:inline-block; text-align:center; color:#666; font-size:12px; line-height:14px; padding-bottom:20px;} .xwlb_part1 .time i{ font-size:40px; font-weight:300; line-height:42px; color:#333;} .xwlb_part1 .bt{ display:block; color:#333; font-size:24px; font-weight:300; line-height:34px; padding-bottom:25px;} .xwlb_part1 .bt:hover{ color:#007ac2;} .xwlb_part1 .txt{ line-height:24px; color:#666; padding-bottom:67px;} .xwlb_part1 .pagination{text-align: center; position:absolute; left:0; bottom:19px; width:100%; padding-left:803px; box-sizing:border-box;} .xwlb_part1 .pagination span{width: 7px; height: 7px; background: #c6c6c6; display: inline-block; margin: 0 5px; border-radius:7px; } .xwlb_part1 .pagination .swiper-active-switch{background: #007ec3;} .xwlb_more{ display:inline-block; font-size:16px; color:#999; padding:7px 16px 7px 0; position:relative; overflow:hidden; border-radius:3px;} .xwlb_more:hover{ padding:7px 30px; background-color:#007ec3; color:#fff;} .xwlb_more:before{ display:block; position: absolute; right:0; top:14px ; width: 8px; height: 11px; content: ''; background: url(../images/xwlb_ion-2.png) no-repeat center; transition: 0.4s; -webkit-transition: 0.4s;} .xwlb_more:hover:before{ right:-50px;} .xwlb_part2{ padding-bottom:96px;} .xwlb_part2 ul{ margin:0 -20px; padding-bottom:23px;} .xwlb_part2 li{ float:left; width:33.3%; padding:0 20px; margin-bottom:41px; box-sizing:border-box;} .xwlb_part2 .li_box{ transition: 0.4s; -webkit-transition: 0.4s; height:360px; background-color:#fff; border-radius:5px; position:relative;} .xwlb_part2 .li_box:hover{ box-shadow:2px 0 24px rgba(0,0,0,0.27);} .xwlb_part2 .tr_sc{ border-radius:5px 5px 0 0;} .xwlb_part2 .tr_sc img{ width:100%;} .xwlb_part2 .text{ box-sizing:border-box; padding:22px 22px 0; border-radius:0 0 5px 5px;} .xwlb_part2 .text .bot{ position:absolute; bottom:15px; width:100%; left:0; padding:0 22px; box-sizing:border-box;} .xwlb_part2 .text .bt{ display:block; font-size:18px; font-weight:300; color:#333;} .xwlb_part2 .text .bt:hover{ color:#007ac2;} .xwlb_part2 .text .time{ display:block; float:left; padding:7px 0; color:#666; font-weight:300;} .xwlb_part2 .text .xwlb_more{ display:block; float:right; font-size:14px;} .xwlb_part2 .text .xwlb_more::before{ top:12px;} .xwlb_part2 .text .xwlb_more:hover{ padding:7px 22px;} .xwlb_part2 .text .zhaiy{ line-height:24px; color:#999; padding-top:25px; display:block;} .xwlb_part2 .one .text{ padding-top:37px;} .xwlb_list{ width:90%; margin:0 auto;} .xwlb_list .box{ float:right; height:41px; text-align:right; padding-top:16px;} .xwlb_list .box span{ display: inline-block;} .xwlb_list .box span img{ padding-left:25px;} /* 新闻详情 */ .xwxq_wrap{ width:1120px; margin:0 auto;} .xwxq_part1{ background-color:#f5f5f5; border-top:1px solid #eaeaea; padding-bottom:24px;} .xwxq_part1 .mbx{ border-bottom:none; padding:15px 0 0;} .xwxq_part1 .mbx .sp2{ color:#999;} .xwxq_part1 .tit{ color:#333; font-size:36px; font-weight:300; line-height:44px; border-bottom:1px solid #dcdcdc; padding:45px 0 18px; margin-bottom:9px;} .xwxq_part1 .xx, .xwxq_part1 .fx{ color:#999;} .xwxq_part1 .xx{ float:left; padding-top:7px;} .xwxq_part1 .xx span{ padding-right:30px;} .xwxq_part1 .fx{ float:right;} .xwxq_part1 .fx span{ display:block; float:left; padding-top:7px;} .xwxq_part1 .fx .bdshare-button-style2-32{ float:left;} .xwxq_part1 .fx .bdshare-button-style2-32 a{ margin:0 0 0 6px; width:30px; height:30px;} .xwxq_part1 .fx .bdshare-button-style2-32 .bds_weixin{ background:url(../images/xwxq_ion-1.png);} .xwxq_part1 .fx .bdshare-button-style2-32 .bds_tsina{ background:url(../images/xwxq_ion-2.png);} .xwxq_part2{ border-top:1px solid #eaeaea; padding-bottom:75px;} .xwxq_part2 .con{ font-size:16px; line-height:26px; color:#666; font-weight:300; padding:47px 0 20px;} .xwxq_part2 .con img{ max-width:100%;} .xwxq_part2 .con p{padding-top:2px;padding-bottom:14px;} .xwxq_part2 .con strong{font-weight:bold;} .xwxq_part2 .btn{ border-top:1px solid #dcdcdc; padding-top:15px; font-size:16px; font-weight:300;} .xwxq_part2 .prev{ float:left; width:43%;} .xwxq_part2 .next{ float:right; width:43%;} .xwxq_part2 .btn span{ color:#999; display: block; float:left; padding-right:20px;} .xwxq_part2 .btn a{ display:block; color:#333;} .xwxq_part2 .btn a:hover{ color:#007ac2;} .xwxq_part3{ background:#f5f5f5; padding:40px 0 0 0;} .xwxq_part3 h3{ font-size:28px; line-height:34px; font-weight:300; position:relative; padding-bottom:12px;} .xwxq_part3 h3:before{ content: ''; position: absolute; left:0; bottom:0; width:54px; height:2px; background-color:#007ac2;} .xwxq_part3 ul{ padding:7px 0 37px;} .xwxq_part3 li{ position:relative; padding:10px 0;} .xwxq_part3 li:before{ content: ''; position: absolute; left:0; top:50%; margin-top:2px; width:100%; height:1px; background:#e2e2e2;} .xwxq_part3 li a{ display:block; float:left; position:relative; background:#f5f5f5; padding-right:14px; font-size:15px; color:#666;} .xwxq_part3 li a:hover{ color:#007ac2;} .xwxq_part3 li .time{ display:block; float:right; color:#999; padding-left:38px; position:relative; background:#f5f5f5;} .xwxq_part3 li .time:before{ content: ''; position: absolute; left:14px; top:2px; width:16px; height:16px; background:url(../images/xwxq_ion-3.png) no-repeat left center;} /* 新闻杂志 */ .xwzz_part1{ padding-bottom:96px;} .xwzz_part1 ul{ margin:0 -32px; padding:41px 0 13px;} .xwzz_part1 li{ width:25%; float:left; padding:0 32px; margin-bottom:37px; box-sizing:border-box;} .xwzz_part1 .li_box{ background-color:#fff; transition: 0.4s; -webkit-transition: 0.4s; overflow:hidden;} .xwzz_part1 .li_box:hover{ box-shadow:2px 0 24px rgba(0,0,0,0.27);} .xwzz_part1 .pic{ position:relative; display:block;} .xwzz_part1 .img img{ width:100%;} .xwzz_part1 .saom{ position:absolute; left:0; bottom:100px; width:100%; height:100%; background:url(../images/xwzz_bg-1.png) no-repeat left top; background-size:cover; opacity:0; transition: 0.4s; -webkit-transition: 0.4s; display:none\0;} .xwzz_part1 .saom span{ display:block; text-align:center; line-height:0;} .xwzz_part1 .saom .box{ position:absolute; left:0; top:50%; margin-top:-107px; width:100%;} .xwzz_part1 .saom .txt{ color:#fff; line-height:24px; font-size:16px; padding:26px 25px 0;} .xwzz_part1 .pic:hover .saom{ bottom:0; opacity:1; display:block\0;} .xwzz_part1 .text{ height:92px;} .xwzz_part1 .text span{ display:block; text-align:center;} .xwzz_part1 .text .bt{ font-size:16px; font-weight:300; line-height:48px; padding:0 15px; height:48px; border-bottom:1px solid #e0e0e0;} .xwzz_part1 .text .bt a{ color:#333;} .xwzz_part1 .text .bt a:hover{ color:#007ac2;} .xwzz_part1 .text .btn{ position: relative;} .xwzz_part1 .text .btn:before{ content: ''; position: absolute; left:50%; top:13px; width:1px; height:17px; background:#e0e0e0;} .xwzz_part1 .text .btn a{ width:50%; display:inline-block; height:43px; line-height:43px; color:#999; padding-left:20px; box-sizing:border-box; background-position:25% center; background-repeat:no-repeat;} .xwzz_part1 .text .btn a:hover{ color:#007ac2;} .xwzz_part1 .text .btn a.a1{ background-image:url(../images/xwzz_ion-1.png);} .xwzz_part1 .text .btn a.a2{ background-image:url(../images/xwzz_ion-2.png);} /* 核心技术 */ .hxjs_part1 .top{ padding:125px 0 30px;} .hxjs_part1 .left, .hxjs_part1 .right{ float:left; width:50%; box-sizing:border-box;} .hxjs_part1 .left{ position:relative;} .hxjs_part1 .left ul{ position:absolute; left:0; top:0; width:100%; padding:100px 30px; box-sizing:border-box;} .hxjs_part1 .left li{ font-size:16px; line-height:24px; padding:12px 0; color:#fff;} .hxjs_part1 .right{ padding-left:30px;} .hxjs_part1 .tit span{ display:block; color:#999;} .hxjs_part1 .tit span.sp1{ color:#333; font-size:30px; font-weight:300; padding-bottom:5px;} .hxjs_part1 .right ul{ padding-top:60px;} .hxjs_part1 .right li{ font-size:16px; line-height:24px; padding:15px 0 15px 35px; position:relative;} .hxjs_part1 .right li:before{ content: ''; position: absolute; left:0; top:50%; margin-top:-7px; width:14px; height:14px; border-radius:15px; background:#007ac2;} .hxjs_part1 .right li.li2:before{ background:#2e8d9f;} .hxjs_part1 .right li.li3:before{ background:#72ba47;} .hxjs_part1 .right li.li4:before{ background:#ee8e3a;} .hxjs_part1 .right li.li5:before{ background:#42617d;} .hxjs_part1 .bot{ color:#555; line-height:24px; padding-bottom:80px;} .hxjs_part1 .bot .left{ padding-right:30px;} .hxjs_part2{ padding:100px 0 90px; background-repeat:no-repeat; background-position:center; background-size:cover;} .hxjs_part2 .box{ width:50%; color:#fff;} .hxjs_txt dt{ padding-bottom:35px;} .hxjs_txt dt span{ display:block;} .hxjs_txt dt .sp1{ font-weight:300; font-size:30px; padding-bottom:5px;} .hxjs_txt dt .sp2{ color:#999; position:relative;} .hxjs_txt dt .sp2:before{ content: ''; position: absolute; top:50%; right:0; width:260px; height:1px; background:#999;} .hxjs_txt dt .sp3{ color:#999; position:relative;} .hxjs_txt dt .sp3:before{ content: ''; position: absolute; top:50%; right:0; width:33%; height:1px; background:#ccc;} .hxjs_txt dd{ line-height:24px;} .hxjs_part3{ padding:110px 0;} .hxjs_part3 .left, .hxjs_part3 .right{ float:left; width:50%; box-sizing:border-box;} .hxjs_part3 .left{ padding-right:30px;} .hxjs_part3 .right{ padding-left:30px;} .hxjs_part3 .left .pic{ border-radius:5px; overflow:hidden;} .hxjs_part3 .left img{ width:100%;} /* 解决方案 */ .solutions { padding:20px 0 0 0;} .solution_list{padding:40px 0;} .solution_list ul{ margin:0 -12px; padding-top:0px;} .solution_list li{ float:left; width:33.333333%; box-sizing:border-box; padding:0 12px; margin-bottom:24px;} .solution_list li a{ display:block; background-color:#fff; padding:40px 30px 0px 30px; height:270px; overflow:hidden; box-sizing:border-box; color:#999;text-align: center;} .solution_list li span{ display:block;} .solution_list .pic{ width:100px; height:100px;display:inline-block;background-color:#fd0; border-radius:100px;transition: 0.4s; -webkit-transition: 0.4s;} .solution_list .pic img{ width: 100%;border-radius:100px;} .solution_list .text{ padding-top:18px;} .solution_list .text .tit{ color:#333; font-size:18px; line-height:20px; padding-bottom:10px; transition: 0.4s; -webkit-transition: 0.4s;} .solution_list .text .txt{ color:#999; font-size: 14px;transition: 0.4s; -webkit-transition: 0.4s; line-height:25px; overflow:hidden; height:50px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; } .solution_list li a:hover{ background:#fd0;} .solution_list li a:hover .pic{background-color:#fff;} .solution_list li a:hover .text .tit{ color:#000;} .solution_list li a:hover .text .txt{ color:#666;} @media screen and (max-width:1002px){ .solution_list li{ width:50%;} } @media screen and (max-width:758px){ .solution_list{padding:20px 0;} .solution_list li{ width:100%; margin-bottom:15px;} .solution_list li a{ height:auto; padding:15px 10px;} .solution_list .pic{ width:65px; height:65px;} .solution_list .text{ padding-top:0;} .solution_list .text .tit{ font-size:16px; height:22px; overflow:hidden; padding-bottom:0;padding-top:5px; margin-bottom:10px;} } /* 方案详情 */ #solution-view{background:#f6f6f6} #solution-view .info-top{padding:30px;background:#fff;margin:0 0 30px 0;font-size:0} #solution-view .info-top .pic-slick{width:50%;display:inline-block;vertical-align:top} #solution-view .info-top .pic-slick li{ margin:0 0 0 30px;} #solution-view .info-top .pic-slick .slick-dots{width:100%;position:relative;text-align:center;margin:25px 0 0;padding:0} #solution-view .info-top .pic-slick .slick-dots>li{display:inline-block;vertical-align:top;margin:0 5px;padding:0} #solution-view .info-top .pic-slick .slick-dots>li>button{padding:0;display:block;border:none;background:#ccc;width:10px;height:10px;border-radius:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out; font-size:0;} #solution-view .info-top .pic-slick .slick-dots>li.slick-active>button{background:#d1000f;border:none;} #solution-view .info-top .txt-box{width:50%;display:inline-block;vertical-align:top} #solution-view .info-top .txt-box .s-ti{margin:0;line-height:1.5;padding:10px 0 10px 0;font-size:2rem;color:#d1000f;background:url(../images/dots.jpg) repeat-x left bottom} #solution-view .info-top .txt-box .features-box{padding:20px 0;background:url(../images/dots.jpg) repeat-x left bottom} #solution-view .info-top .txt-box .features-box .ti{margin:0 0 5px;line-height:1.8;font-weight:700;font-size:1rem;color:#333} #solution-view .info-top .txt-box .operat-box{margin:25px 0 0} #solution-view .info-top .txt-box .btn-wrap{font-size:0;display:inline-block;vertical-align:middle;width:calc(100% - 170px)} #solution-view .info-top .txt-box .btn-wrap>a{display:inline-block;vertical-align:top;position:relative;line-height:45px;border-radius:45px;color:#000;padding:0 30px;margin-right:20px;text-align:center;background-color:#ffdd00;font-size:1rem;} #solution-view .info-top .txt-box .btn-wrap>a i{font-style:normal;position:relative;z-index:2} #solution-view .info-top .txt-box .btn-wrap>a:before{content:'';position:absolute;width:100%;height:100%;border-radius:45px;background:#ffb400;left:0;top:0;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #solution-view .info-top .txt-box .btn-wrap .back-btn{background:#ddd; color:#333;margin-right:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #solution-view .info-top .txt-box .btn-wrap .back-btn:before{display:none} #solution-view .info-top .txt-box .bshare-custom{display:inline-block;vertical-align:middle;padding:0;} #solution-view .info-top .txt-box .bshare-custom:before{content:'分享至:';position:relative;display:inline-block;vertical-align:middle;font-size:.8rem;color:#666} @media (min-width:1025px){ #solution-view .info-top .txt-box .btn-wrap>a:hover:before{opacity:1} #solution-view .info-top .txt-box .btn-wrap .back-btn:hover{background:#ffb400;} } @media (max-width:1199px){ #solution-view .info-top .txt-box .operat-box{margin:20px 0 0} #solution-view .info-top .txt-box .btn-wrap{display:block;width:100%} #solution-view .info-top .txt-box .bshare-custom{display:block;width:100%;margin:20px 0 0;text-align:right} } @media (max-width:991px){ #solution-view .info-top{padding:35px} } @media (max-width:767px){ #solution-view .info-top{padding:30px 5%} #solution-view .info-top .pic-slick{width:100%;display:block} #solution-view .info-top .pic-slick li{ margin:0 0px;} #solution-view .info-top .txt-box{width:100%;padding:0;margin:20px 0 0} #solution-view .info-top .txt-box .operat-box{ display:none;} } @media (max-width:480px){ #solution-view .info-top .pic-slick li{ margin:0 0px;} #solution-view .info-top .txt-box .btn-wrap{text-align:center} #solution-view .info-top .txt-box .btn-wrap>a{margin-right:10px;padding:0 25px} #solution-view .info-top .txt-box .bshare-custom{text-align:center} #solution-view .info-top .txt-box .operat-box{ display:none;} } #solution-view .view-more{background:#fff;padding:0; margin-bottom:40px;} #solution-view .view-more2{ padding-top:80px;} #solution-view .view-more2 .view-head{ position:fixed;top:141px;z-index:999;} #solution-view .view-more .view-head{font-size:0; overflow:hidden; width:100%; border-top:2px solid #d1000f;} #solution-view .view-more .view-head>li{float:left;display:inline-block;vertical-align:top;text-align:center; width:calc( 20% - 1px );border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#fbfbfb;} #solution-view .view-more .view-head>li:last-child{border-right:none;width:20%;} #solution-view .view-more .view-head>li>a{display:block;font-size:1rem;color:#000;padding:13px 10px;} #solution-view .view-more .view-head>li.active{color:#d1000f;} #solution-view .view-more .view-head>li.active>a{color:#d1000f;} #solution-view .view-more .view-head>li.active>a:hover{color:#000;} #solution-view .view-more .view-content{ overflow:hidden; display:block;} #solution-view .view-more .view-pane{padding:40px; overflow:hidden; height:auto; display:block;} #solution-view .view-more .view-pane .text-edit{font-size:1rem;color:#444;} #solution-view .view-more .view-pane .text-edit .tit{ font-size:30px; position:relative; text-align:center; margin:10px 0 20px 0;} #solution-view .view-more .view-pane .text-edit .tit span{ padding:0 20px; background:#fff; display:inline-block; position:relative; z-index:3; color:#333;} #solution-view .view-more .view-pane .text-edit .tit:before{ content: ''; position: absolute; top:50%; right:0; width:100%; height:1px; background:#ccc;} #solution-view .view-more .view-pane .text-edit li{ list-style:none; line-height:50px; border-bottom:1px dashed #ddd;} #solution-view .view-more .view-pane .text-edit li a{ color:#333; text-decoration:none;} #solution-view .view-more .view-pane .text-edit li a:hover{ color:#d1000f;} #solution-view .view-more .view-pane .text-edit li span{ float:right; font-size:13px; color:#999;} #solution-view .view-more .view-pane .text-edit:after,.text-edit:before{content:'';display:table} #solution-view .view-more .view-pane .text-edit:after{clear:both} #solution-view .view-more .view-pane .text-edit *{max-width:100%} #solution-view .view-more .view-pane .text-edit img{height:auto!important;max-width:100%} #solution-view .view-more .view-pane .text-edit h4{ font-size:1.1rem; font-weight:bold;} #solution-view .view-more .view-pane .text-edit p{ margin-bottom:0px;} #solution-view .view-more .view-pane .text-edit table{ width:100%;} #solution-view .view-more .view-pane .text-edit table td{ padding:5px 0; font-size:0.9rem;} #solution-view .view-more .view-pane .list{ padding-top:10px; margin:0 -10px;} #solution-view .view-more .view-pane .list li{float:left; width:33.333%; margin-bottom:20px;box-sizing:border-box;border:none; padding:0 10px; text-align:center;} #solution-view .view-more .view-pane .list li a, #solution-view .view-more .view-pane .list li span{ display:block;} #solution-view .view-more .view-pane .list li a{ position:relative;} #solution-view .view-more .view-pane .list li img{ width:100%; } #solution-view .view-more .view-pane .list li .txt{ line-height:24px; text-align:center; color:#fff; font-size:16px;} #solution-view .view-more .view-pane .list li .txt span{ transition: 0.4s; -webkit-transition: 0.4s; box-sizing:border-box;} #solution-view .view-more .view-pane .list li .stit{position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:16px; padding:15px 10px;background: rgba(0,0,0,0.5);} #solution-view .view-more .view-pane .list li a:hover .stit{ bottom:-110px;} #solution-view .view-more .view-pane .list li .stit2{ position:absolute;left:0;bottom:0;width:100%;height:0;background: rgba(0,0,0,0.5);overflow:hidden;font-size:16px; color:#fff;} #solution-view .view-more .view-pane .list li a:hover .stit2{ height:100%; padding-top:33%;} @media (min-width:1025px){ #solution-view .view-more .view-head>li:hover>a{color:#d1000f} } @media (max-width:640px){ #solution-view .view-more2{ padding-top:80px;} #solution-view .view-more2 .view-head{ position:fixed;top:100px;} #solution-view .view-more .view-pane{padding:15px;} #solution-view .view-more .view-pane .text-edit{font-size:.9rem;} #solution-view .view-more .view-pane .text-edit table td{ padding:5px 0; font-size:0.8rem;} #solution-view .view-more .view-head>li{padding:0} #solution-view .view-more .view-head>li>a{padding:10px 8px;font-size:.938rem} #solution-view .view-more .view-pane .text-edit li span{ display:none;} #solution-view .view-more .view-pane .list li{ width:50%;} } @media (max-width:374px){ #solution-view .view-more .view-head>li>a{padding:10px 8px;font-size:.938rem} } #solution-view .view-more .view-pane .pro_list{ padding:30px 0; width:100%;} #solution-view .view-more .view-pane .pro_list ul{ margin:0 -10px;} #solution-view .view-more .view-pane .pro_list li{ float:left; width:20%; padding:0 10px; margin-bottom:20px; box-sizing:border-box; text-align:center;} #solution-view .view-more .view-pane .pro_list li a{ background:#fff;border:1px solid #ddd;} #solution-view .view-more .view-pane .pro_list li a,#solution-view .view-more .view-pane .pro_list li span{ display:block;} #solution-view .view-more .view-pane .pro_list .text{padding:0 20px 20px 20px; text-align: center; } #solution-view .view-more .view-pane .pro_list .tit{color:#333; line-height:24px; font-size:16px; padding:10px 0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #solution-view .view-more .view-pane .pro_list .more{ width:100%; box-sizing:border-box; border:1px solid #ccc; color:#999;line-height:34px; border-radius:17px; font-size:14px;} #solution-view .view-more .view-pane .pro_list li a:hover{ box-shadow:2px 0 15px rgba(0,0,0,0.27);} #solution-view .view-more .view-pane .pro_list li a:hover .tit{ font-weight: 700;} #solution-view .view-more .view-pane .pro_list li a:hover .more{ background:#ffdd00; border-color:#ffdd00; color:#333;} @media screen and (max-width: 1200px){ #solution-view .view-more .view-pane .pro_list li{ width:50%;} } /* 应用案例 */ .cases { padding:20px 0 0 0;} .cases_list{padding:40px 0;} .cases_list ul{ margin:0 -12px; padding-top:0px;} .cases_list ul li{float:left; width:33.333%; margin-bottom:20px;box-sizing:border-box;border:none; padding:0 10px; text-align:center;} .cases_list ul li a, .cases_list ul li span{ display:block;} .cases_list ul li a{ position:relative; overflow:hidden;} .cases_list ul li img{ width:100%; } .cases_list ul li .txt{ line-height:24px; text-align:center; color:#fff; font-size:16px;} .cases_list ul li .txt span{ transition: 0.4s; -webkit-transition: 0.4s; box-sizing:border-box;} .cases_list ul li .stit{position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:16px; height:45px; line-height:45px; background: rgba(0,0,0,0.5);overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;padding:0 15px;} .cases_list ul li a:hover .stit{ bottom:-50px;} .cases_list ul li .stit2{ position:absolute;left:0;bottom:0;width:100%;height:0;background: rgba(0,0,0,0.5);overflow:hidden;font-size:16px; color:#fff;padding:0 15px;} .cases_list ul li a:hover .stit2{ height:100%; padding-top:30%;} @media screen and (max-width:1002px){ .cases_list ul li{ width:50%;} } @media screen and (max-width:758px){ .cases_list{padding:20px 0;} .cases_list ul li{ width:50%;} .cases_list ul li .stit{ font-size:12px; padding:0 10px; line-height:30px; height:30px; overflow:hidden;} } /* 应用案例详情 */ .list-details {background-color:#fff;padding:40px; margin-bottom:40px; overflow: hidden;} .list-details .list-con {width:100%;margin:0 auto;font-size:0;} .list-details .list-con .con-left {float:left;width:70%;vertical-align:top;} .list-details .list-con .con-left .left-title {font-size:24px;font-weight:bold;line-height:2;color:#333;margin-bottom:15px;width:100%;} .list-details .list-con .con-left .date-share {padding:15px 0;width:100%;font-size:14px;border-bottom:1px dashed #d9d9d9;} .list-details .list-con .con-left .date-share .date-browse {display:inline-block;vertical-align:middle;} .list-details .list-con .con-left .date-share .date-browse .browse {display:inline-block;font-size:14px;color:#666;vertical-align:middle;margin-right:15px;} .list-details .list-con .con-left .date-share .share {display:inline-block;vertical-align:middle;margin-left:50px;} .list-details .list-con .con-left .date-share .share span {display:inline-block;font-size:14px;color:#000000;vertical-align:middle;} .list-details .list-con .con-left .date-share .share a{display:inline-block;vertical-align:middle;margin:0 8px;cursor:pointer; font-size:16px; color:#333;} .list-details .list-con .con-left .date-share .share a:hover{ color:#d1000f;} .list-details .list-con .con-left .date-share .share .weixincode{ width:200px; height:200px; margin:90px auto; display:none;} .list-details .list-con .con-left .left-content {width:100%;font-size:16px;padding:20px 0; text-align:justify;} .list-details .list-con .con-left .left-content p{font-size:16px;line-height:2;color:#333; margin-bottom:10px;} .list-details .list-con .con-left .left-content p img{ max-width:100%;} .list-details .list-con .con-left .left-content p video{ max-width:100%;} .list-details .list-con .con-left .pro_list{ padding:30px 0; width:100%;} .list-details .list-con .con-left .pro_list .pro-title {font-size:20px;font-weight:bold;color:#333;margin-bottom:15px;width:100%; line-height:2;} .list-details .list-con .con-left .pro_list ul{ margin:0 -10px;} .list-details .list-con .con-left .pro_list li{ float:left; width:25%; padding:0 10px; margin-bottom:20px; box-sizing:border-box; text-align:center;} .list-details .list-con .con-left .pro_list li a{ background:#fff;border:1px solid #ddd;} .list-details .list-con .con-left .pro_list li a, .list-details .list-con .con-left .pro_list li span{ display:block;} .list-details .list-con .con-left .pro_list .text{padding:0 20px 20px 20px; text-align: center; } .list-details .list-con .con-left .pro_list .tit{color:#333; line-height:24px; font-size:16px; padding:10px 0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .list-details .list-con .con-left .pro_list .more{ width:100%; box-sizing:border-box; border:1px solid #ccc; color:#999;line-height:34px; border-radius:17px; font-size:14px;} .list-details .list-con .con-left .pro_list li a:hover{ box-shadow:2px 0 15px rgba(0,0,0,0.27);} .list-details .list-con .con-left .pro_list li a:hover .tit{ font-weight: 700;} .list-details .list-con .con-left .pro_list li a:hover .more{ background:#ffdd00; border-color:#ffdd00; color:#333;} .list-details .list-con .con-left .left-article-list {width:100%;font-size:0;padding-top:20px;border-top:1px solid #dee2e8;} .list-details .list-con .con-left .left-article-list .article-box {float:left;width:70%;} .list-details .list-con .con-left .left-article-list .article-box .article {font-size:14px;line-height:2;color:#666666;display:block;cursor:pointer;width:100%;} .list-details .list-con .con-left .left-article-list .article-box .article:hover span {color:#e50112;} .list-details .list-con .con-left .left-article-list .article-box .article.active span {color:#e50112;} .list-details .list-con .con-left .left-article-list .list-box {float:right;display:block;cursor:pointer;font-size:0;width:150px;height:50px;line-height:50px;text-align:center;background-color:#d1000f;border-radius:50px;} .list-details .list-con .con-left .left-article-list .list-box .list {display:inline-block;font-size:14px;color:#ffffff;vertical-align:middle;} .list-details .list-con .con-right { float:right;width:25%;vertical-align:top;} .list-details .list-con .con-right .right-title {font-size:24px;font-weight:bold;color:#333;margin-bottom:15px;width:100%; line-height:2;} .list-details .list-con .con-right ul{ margin:0 0px;} .list-details .list-con .con-right li{width:100%;margin-bottom:20px;} .list-details .list-con .con-right .pic {width:100%; margin-bottom:5px; display:block; overflow:hidden;} .list-details .list-con .con-right .pic img{ width:100%;} .list-details .list-con .con-right .title {width:100%;font-size:16px;line-height:1.5;color:#333;} .list-details .list-con .con-right li:hover .title {color:#d1000f;} @media (max-width:1200px) { .list-details{ padding:30px;} .list-details .list-con .con-left .date-share .date-browse {width:100%;display:block;} .list-details .list-con .con-left .date-share .date-browse .browse {vertical-align:middle;} .list-details .list-con .con-left .date-share .share {display:block;margin-left:0; margin-top:15px;} .list-details .list-con .con-left .pro_list li{width:33.333%;} } @media (max-width:900px) { .list-details{ padding:20px;} .list-details .list-con .con-left .left-title {margin-bottom:0px; line-height:1.5;} .list-details .list-con .con-left {display:block;width:100%;margin-bottom:30px;float:none;} .list-details .list-con .con-right {display:block;width:100%;float:none;} .list-details .list-con .con-right ul{ margin:0 -10px;} .list-details .list-con .con-right li{ float:left; width:50%; padding:0 10px; box-sizing:border-box;} .list-details .list-con .con-left .left-article-list .article-box {width:100%;display:block;float:none;} .list-details .list-con .con-left .left-article-list .list-box {float:none;display:block;margin:20px auto 0 auto;} } @media (max-width:768px) { .list-details{ padding:15px;} .list-details .list-con .con-left .pro_list li{width:50%;} } @media (max-width:400px) { .list-details .list-con .con-left {display:block;width:100%;margin-bottom:30px;} .list-details .list-con .con-left .date-share .date-browse {width:100%;display:block;} .list-details .list-con .con-left .date-share .share {width:100%;display:inline-block;margin-left:0;} } #cases-view{background:#f6f6f6} #cases-view .info-top{padding:30px;background:#fff;margin:0 0 30px 0;font-size:0} #cases-view .info-top .pic-slick{width:50%;display:inline-block;vertical-align:top} #cases-view .info-top .pic-slick li{ margin:0 0 0 30px;} #cases-view .info-top .pic-slick .slick-dots{width:100%;position:relative;text-align:center;margin:25px 0 0;padding:0} #cases-view .info-top .pic-slick .slick-dots>li{display:inline-block;vertical-align:top;margin:0 5px;padding:0} #cases-view .info-top .pic-slick .slick-dots>li>button{padding:0;display:block;border:none;background:#ccc;width:10px;height:10px;border-radius:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out; font-size:0;} #solution-view .info-top .pic-slick .slick-dots>li.slick-active>button{background:#d1000f;border:none;} #solution-view .info-top .txt-box{width:50%;display:inline-block;vertical-align:top} #solution-view .info-top .txt-box .s-ti{margin:0;line-height:1.5;padding:10px 0 10px 0;font-size:2rem;color:#d1000f;background:url(../images/dots.jpg) repeat-x left bottom} #solution-view .info-top .txt-box .features-box{padding:20px 0;background:url(../images/dots.jpg) repeat-x left bottom} #solution-view .info-top .txt-box .features-box .ti{margin:0 0 5px;line-height:1.8;font-weight:700;font-size:1rem;color:#333} #solution-view .info-top .txt-box .operat-box{margin:25px 0 0} #solution-view .info-top .txt-box .btn-wrap{font-size:0;display:inline-block;vertical-align:middle;width:calc(100% - 170px)} #solution-view .info-top .txt-box .btn-wrap>a{display:inline-block;vertical-align:top;position:relative;line-height:45px;border-radius:45px;color:#000;padding:0 30px;margin-right:20px;text-align:center;background-color:#ffdd00;font-size:1rem;} #solution-view .info-top .txt-box .btn-wrap>a i{font-style:normal;position:relative;z-index:2} #solution-view .info-top .txt-box .btn-wrap>a:before{content:'';position:absolute;width:100%;height:100%;border-radius:45px;background:#ffb400;left:0;top:0;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #solution-view .info-top .txt-box .btn-wrap .back-btn{background:#ddd; color:#333;margin-right:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #solution-view .info-top .txt-box .btn-wrap .back-btn:before{display:none} #solution-view .info-top .txt-box .bshare-custom{display:inline-block;vertical-align:middle;padding:0;} #solution-view .info-top .txt-box .bshare-custom:before{content:'分享至:';position:relative;display:inline-block;vertical-align:middle;font-size:.8rem;color:#666} @media (min-width:1025px){ #solution-view .info-top .txt-box .btn-wrap>a:hover:before{opacity:1} #solution-view .info-top .txt-box .btn-wrap .back-btn:hover{background:#ffb400;} } @media (max-width:1199px){ #solution-view .info-top .txt-box .operat-box{margin:20px 0 0} #solution-view .info-top .txt-box .btn-wrap{display:block;width:100%} #solution-view .info-top .txt-box .bshare-custom{display:block;width:100%;margin:20px 0 0;text-align:right} } @media (max-width:991px){ #solution-view .info-top{padding:35px} } @media (max-width:767px){ #solution-view .info-top{padding:30px 5%} #solution-view .info-top .pic-slick{width:100%;display:block} #solution-view .info-top .pic-slick li{ margin:0 0px;} #solution-view .info-top .txt-box{width:100%;padding:0;margin:20px 0 0} #solution-view .info-top .txt-box .operat-box{ display:none;} } @media (max-width:480px){ #solution-view .info-top .pic-slick li{ margin:0 0px;} #solution-view .info-top .txt-box .btn-wrap{text-align:center} #solution-view .info-top .txt-box .btn-wrap>a{margin-right:10px;padding:0 25px} #solution-view .info-top .txt-box .bshare-custom{text-align:center} #solution-view .info-top .txt-box .operat-box{ display:none;} } #solution-view .view-more{background:#fff;padding:0; margin-bottom:40px;} #solution-view .view-more2{ padding-top:80px;} #solution-view .view-more2 .view-head{ position:fixed;top:141px;z-index:999;} #solution-view .view-more .view-head{font-size:0; overflow:hidden; width:100%; border-top:2px solid #d1000f;} #solution-view .view-more .view-head>li{float:left;display:inline-block;vertical-align:top;text-align:center; width:calc( 25% - 1px );border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#fbfbfb;} #solution-view .view-more .view-head>li:last-child{border-right:none;width:25%;} #solution-view .view-more .view-head>li>a{display:block;font-size:1rem;color:#000;padding:13px 10px;} #solution-view .view-more .view-head>li.active{color:#d1000f;} #solution-view .view-more .view-head>li.active>a{color:#d1000f;} #solution-view .view-more .view-head>li.active>a:hover{color:#000;} #solution-view .view-more .view-content{ overflow:hidden; display:block;} #solution-view .view-more .view-pane{padding:40px; overflow:hidden; height:auto; display:block;} #solution-view .view-more .view-pane .text-edit{font-size:1rem;color:#444;} #solution-view .view-more .view-pane .text-edit .tit{ font-size:30px; position:relative; text-align:center; margin:10px 0 20px 0;} #solution-view .view-more .view-pane .text-edit .tit span{ padding:0 20px; background:#fff; display:inline-block; position:relative; z-index:3; color:#333;} #solution-view .view-more .view-pane .text-edit .tit:before{ content: ''; position: absolute; top:50%; right:0; width:100%; height:1px; background:#ccc;} #solution-view .view-more .view-pane .text-edit li{ list-style:none; line-height:50px; border-bottom:1px dashed #ddd;} #solution-view .view-more .view-pane .text-edit li a{ color:#333; text-decoration:none;} #solution-view .view-more .view-pane .text-edit li a:hover{ color:#d1000f;} #solution-view .view-more .view-pane .text-edit li span{ float:right; font-size:13px; color:#999;} #solution-view .view-more .view-pane .text-edit:after,.text-edit:before{content:'';display:table} #solution-view .view-more .view-pane .text-edit:after{clear:both} #solution-view .view-more .view-pane .text-edit *{max-width:100%} #solution-view .view-more .view-pane .text-edit img{height:auto!important;max-width:100%} #solution-view .view-more .view-pane .text-edit h4{ font-size:1.1rem; font-weight:bold;} #solution-view .view-more .view-pane .text-edit p{ margin-bottom:0px;} #solution-view .view-more .view-pane .text-edit table{ width:100%;} #solution-view .view-more .view-pane .text-edit table td{ padding:5px 0; font-size:0.9rem;} #solution-view .view-more .view-pane .list{ padding-top:10px; margin:0 -10px;} #solution-view .view-more .view-pane .list li{float:left; width:33.333%; margin-bottom:20px;box-sizing:border-box;border:none; padding:0 10px; text-align:center;} #solution-view .view-more .view-pane .list li a, #solution-view .view-more .view-pane .list li span{ display:block;} #solution-view .view-more .view-pane .list li a{ position:relative;} #solution-view .view-more .view-pane .list li img{ width:100%; } #solution-view .view-more .view-pane .list li .txt{ line-height:24px; text-align:center; color:#fff; font-size:16px;} #solution-view .view-more .view-pane .list li .txt span{ transition: 0.4s; -webkit-transition: 0.4s; box-sizing:border-box;} #solution-view .view-more .view-pane .list li .stit{position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:16px; padding:15px 10px;background: rgba(0,0,0,0.5);} #solution-view .view-more .view-pane .list li a:hover .stit{ bottom:-110px;} #solution-view .view-more .view-pane .list li .stit2{ position:absolute;left:0;bottom:0;width:100%;height:0;background: rgba(0,0,0,0.5);overflow:hidden;font-size:16px; color:#fff;} #solution-view .view-more .view-pane .list li a:hover .stit2{ height:100%; padding-top:33%;} @media (min-width:1025px){ #solution-view .view-more .view-head>li:hover>a{color:#d1000f} } @media (max-width:1200px){ #solution-view .view-more .view-pane .list li .stit{ font-size:12px; padding:0 10px; line-height:30px; height:30px; overflow:hidden;} } @media (max-width:640px){ #solution-view .view-more2{ padding-top:80px;} #solution-view .view-more2 .view-head{ position:fixed;top:100px;} #solution-view .view-more .view-pane{padding:15px;} #solution-view .view-more .view-pane .text-edit{font-size:.9rem;} #solution-view .view-more .view-pane .text-edit table td{ padding:5px 0; font-size:0.8rem;} #solution-view .view-more .view-head>li{padding:0} #solution-view .view-more .view-head>li>a{padding:10px 8px;font-size:.938rem} #solution-view .view-more .view-pane .text-edit li span{ display:none;} #solution-view .view-more .view-pane .list li{ width:50%;} } @media (max-width:374px){ #solution-view .view-more .view-head>li>a{padding:10px 8px;font-size:.938rem} } .jjfl_p1{ padding:100px 0;} .jjfl_p1 .wrap{ border-radius:10px; background:#fff;} .jjfl_p1 .pic{ float:right; width:485px;} .jjfl_p1 .pic img{ width:100%; border-radius:0 10px 10px 0;} .jjfl_p1 .txt{ margin-right:485px; padding:48px 50px;} .jjfl_p1 dt{ font-size:30px; font-weight:300; color:#007ec3;} .jjfl_p1 dt span{ display:inline-block; border-bottom:1px solid rgba(0,126,195,0.3); padding-bottom:5px;} .jjfl_p1 dd{ font-size:16px; line-height:24px; color:#666; padding-top:15px;} .jjfl_p2{ padding:40px 0;} .jjfl_tit{ font-size:30px; position:relative; text-align:center;} .jjfl_p2 .jjfajc_part .jjfl_tit span, .jjfl_tit span{ padding:0 20px; background:#fff; display:inline-block; position:relative; z-index:3; color:#333;} .jjfl_tit.jjfl_tit_hui span{ background:#f8f8f8;} .jjfl_tit:before{ content: ''; position: absolute; top:50%; right:0; width:100%; height:1px; background:#ccc;} .jjfl_p2 .jjfajc_part{ border-bottom:none; padding:0;} .jjfl_p2 .jjfajc_part li a{ box-shadow:2px 0 24px rgba(0,0,0,0.1); text-align:center; height:275px; padding-top:40px;} .jjfl_p2 .jjfajc_part .pic{ width:100px; height:100px; float:none; display:inline-block; background-position: center bottom; background-color:#007ac2; border-radius:100px;} .jjfl_p2 .jjfajc_part a:hover .pic{ background-color:#fff; background-position: center top;} .jjfl_p2 .jjfajc_part .text{ margin-left:0;} .jjfajc_part{ padding:0;} .jjfajc_part dt{ text-align:center;} .jjfajc_part dt h3{ font-size:36px; font-weight:300; padding-bottom:15px;} .jjfajc_part dt span{ display:block; padding:0 270px; color:#999;} .jjfajc_part dt a{ font-size:12px; color:#007ac2; padding-left:10px;} .jjfajc_part ul{ margin:0 -12px; padding-top:0px;} .jjfajc_part li{ float:left; width:33.3%; box-sizing:border-box; padding:0 12px; margin-bottom:24px;} .jjfajc_part li a{ display:block; background-color:#fff; padding:18px 40px 0px 30px; height:140px; overflow:hidden; box-sizing:border-box; color:#999; border-radius:5px;} .jjfajc_part li span{ display:block;} .jjfajc_part .pic{ width:100px; height:100px; background-repeat:no-repeat; background-position:left top; float:left; transition: 0.4s; -webkit-transition: 0.4s;} .jjfajc_part .text{ margin-left:110px; padding-top:18px;} .jjfajc_part .text .tit{ color:#333; font-size:18px; line-height:20px; padding-bottom:10px; transition: 0.4s; -webkit-transition: 0.4s;} .jjfajc_part li a:hover{ background:#007ac2; color:#fff; box-shadow:2px 0 24px rgba(0,0,0,0.27);} .jjfajc_part li a:hover .pic{ background-position:left bottom;} .jjfajc_part li a:hover .text .tit{ color:#fff;} .jjfajc_part.last{ border-bottom:none; padding-bottom:120px;} .jjfl_p3{ padding:100px 0 80px;} .jjfl_p3 ul{ padding-top:50px; margin:0 -10px;} .jjfl_p3 li{ padding:0 10px; float:left; width:33.3%; box-sizing:border-box; margin-bottom:20px; overflow:hidden;} .jjfl_p3 li a, .jjfl_p3 li span{ display:block;} .jjfl_p3 li a{ position:relative;} .jjfl_p3 li img{ width:100%;} .jjfl_p3 li .txt{ line-height:24px; text-align:center; color:#fff; font-size:16px;} .jjfl_p3 li .txt span{ transition: 0.4s; -webkit-transition: 0.4s; box-sizing:border-box;} .jjfl_p3 li .tit{ background:url(../images/jjfl_ion-1.png) repeat-x left bottom; padding:40px 20px 13px; position:absolute; left:0; bottom:0; width:100%;} .jjfl_p3 li a:hover .tit{ bottom:-110px;} .jjfl_p3 li .tit2{ position:absolute; left:0; top:0; width:100%; height:0; background: rgba(0,0,0,0.5); overflow:hidden; padding:0 20px;} .jjfl_p3 li a:hover .tit2{ height:100%; padding-top:100px;} .jjfl_p4{ padding:100px 0 60px;} .jjfl_p4 .swiper-container{ padding:40px 0; margin:0 -10px;} .jjcp_list{ float:left; width:25%; padding:10px; box-sizing:border-box;} .jjcp_list a, .jjcp_list span{ display:block;} .jjcp_list a{ background-color:#fff; text-align:center;} .jjcp_list a:hover{ box-shadow:2px 0 20px rgba(0,0,0,0.2);} .jjcp_list .text{ height: 62px; padding: 0 18px 0 19px;} .jjcp_list .text .tit{ color: #666; line-height: 24px; padding: 3px 0 15px; } .jjfl_p4 .pagination{ text-align:center; padding-top:30px;} .jjfl_p4 .pagination span{ display:inline-block; width:10px; height:10px; background:#bababa; border-radius:10px; margin:0 7px; cursor:pointer;} .jjfl_p4 .pagination .swiper-active-switch{ background:#007ec3;} .jjfl_p5{ padding-bottom:50px;} .jjfl_p5 .swiper-container{ margin:0 42px;} .jjfl_p5 .li_box{ padding:0 8px;} .jjfl_p5 .li_box a, .jjfl_p5 .li_box span, .jjfl_p5 .li_box span i{ display:block;} .jjfl_p5 .img{ overflow:hidden; position:relative;} .jjfl_p5 .img i{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/jjfl_ion-2.png) no-repeat center rgba(0,0,0,0.4);} .jjfl_p5 .tit{ font-size:16px; color:#666; text-align:center; padding:20px; transition: 0.4s; -webkit-transition: 0.4s;} .jjfl_p5 a:hover .tit{ background:#007ec3; color:#fff;} .jjfl_p5 .lbt_box{ position:relative; padding:33px 0;} .jjfl_p5 .arrow > div{ position:absolute; width:12px; height:21px; top:50%; margin-top:-10px; cursor:pointer;} .jjfl_p5 .arrow-left{ background:url(../images/jjfl_ion-3.png) no-repeat center; left:0;} .jjfl_p5 .arrow-right{ background:url(../images/jjfl_ion-4.png) no-repeat center; right:0;} /* 解决方案详情 */ .jjxq_p1{ padding:80px 0;} .jjxq_p1 .left, .jjxq_p1 .right{ float:left; width:50%; box-sizing:border-box;} .jjxq_p1 .left{ padding-right:50px; height:300px;} .jjxq_p1 .left .tit{ font-size:30px; font-weight:300; padding-bottom:27px;} .jjxq_p1 .left .txt{ font-size:16px; line-height:30px;} .jjxq_p1 .cf{ position:relative;} .jjxq_p1 .left .btn{ position:absolute; bottom:0; left:0;} .jjxq_p1 .left .btn a{ display:inline-block; width:176px; height:44px; text-align:center; line-height:44px; background:#e94820; color:#fff; font-size:16px; border-radius:3px; margin-right:10px;} .jjxq_p1 .left .btn a.a2{ background:#007ec3;} .jjxq_p1 .right{ padding-left:10px;} .jjxq_p1 .r_1{ position:relative;} .jjxq_p1 .tr_sc{ position:relative; display:block;} .jjxq_p1 .tr_sc span, .jjxq_p1 .tr_sc b{ display:block;} .jjxq_p1 .tr_sc b{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/jjfl_ion-2.png) no-repeat center rgba(0,0,0,0.4);} .jjxq_p1 .arrow > div{ position:absolute; z-index:2; width:12px; height:21px; top:50%; margin-top:-10px; cursor:pointer;} .jjxq_p1 .arrow-left{ background:url(../images/jjxq_ion-1.png) no-repeat center; left:20px;} .jjxq_p1 .arrow-right{ background:url(../images/jjxq_ion-2.png) no-repeat center; right:20px;} .jjxq_p1 .r_2{ padding-top:30px; overflow:hidden;} .jjxq_p1 .r_2 ol{ margin:0 -6px;} .jjxq_p1 .r_2 li{ float:left; margin:0 6px;} .jjxq_p1 .r_2 li a{ display:block; color:#333; padding:8px 52px 8px 30px; border:1px solid #999; position:relative; border-radius:3px;} .jjxq_p1 .r_2 li a:before{ content: ''; position: absolute; top:50%; margin-top:-8px; right:25px; width:14px; height:17px; background:url(../images/jjxq_ion-3.png) no-repeat center;} .jjxq_p1 .r_2 li a:hover{ border:1px solid #007ac2;} .jjxq_p1 .r_2 li a:hover::before{ background:url(../images/jjxq_ion-4.png) no-repeat center;} .jjxq_p2{ height:69px;} .jjxq_p2_box{ background:#fff; box-shadow:2px 5px 10px rgba(0,0,0,0.1);} .jjxq_p2_2 .jjxq_p2_box{ position:fixed; top:300px; left:0; width:100%; z-index:999999;} .jjxq_p2 ul{ padding:0 100px; text-align:center;} .jjxq_p2 li{ display:inline-block; padding:28px 57px 20px; position:relative;} .jjxq_p2 li:before{ content: ''; position: absolute; top:50%; margin-top:-4px; right:0; width:2px; height:17px; background:#666;} .jjxq_p2 li.last:before{ display:none;} .jjxq_p2 li a{ font-size:16px; color:#666;} .jjxq_p2 li a:hover{ color:#007ec3;} .jjxq_p3{ padding:60px 0 0 0;} .jjxq_p3 .cont{ padding-top:20px; font-size:16px; line-height:30px; color:#555;} .jjxq_p3 .cont img{ max-width:100%;} .jjxq_p3 .cont p{ padding-top:2px; padding-bottom:14px;} .jjxq_p3 .left, .jjxq_p3 .right{ float:left; width:50%; box-sizing:border-box;} .jjxq_p3 .left{ text-align:center;} .jjxq_p3 .right{ padding-top:90px;} .jjxq_p3 .right li{ font-size:16px; line-height:28px; padding:10px 0;} .jjxq_p3 .right li i, .jjxq_p3 .right li span{ display:block;} .jjxq_p3 .right li i{ float:left; width:22px; height:22px; background:#007ec3; color:#fff; border-radius:22px; line-height:22px; text-align:center; font-size:12px; font-family:"Arial"; margin-top:5px;} .jjxq_p3 .right li span{ margin-left:30px;} .jjxq_p4{ padding-top:70px;} .jjxq_p4 .cont{ padding-top:20px; font-size:16px; line-height:30px; color:#555;} .jjxq_p4 .cont img{ max-width:100%;} .jjxq_p4 .cont p{ padding-top:2px; padding-bottom:14px;} .jjfl_zy{ text-align:center; padding:48px 20px 25px;} .jjxq_p4 ul{ background:url(../images/jjxq_ion-5.png) no-repeat center 123px; height:650px; position:relative;} .jjxq_p4 li{ width:546px; background-color:#f1f1f1; position:absolute; box-sizing:border-box; padding:20px 30px;} .jjxq_p4 li:before{ content: ''; position: absolute;} .jjxq_p4 li.li1{ left:0; top:0;} .jjxq_p4 li.li2{ right:0; top:0;} .jjxq_p4 li.li3{ right:0; top:198px;} .jjxq_p4 li.li4{ left:50%; margin-left:-273px; top:462px;} .jjxq_p4 li.li5{ left:0; top:230px;} .jjxq_p4 li.li1:before{ right:-50px; top:13px; width:77px; height:134px; background:url(../images/jjxq_ion-6.png) no-repeat left top;} .jjxq_p4 li.li2:before{ left:-78px; top:13px; width:98px; height:117px; background:url(../images/jjxq_ion-7.png) no-repeat left top;} .jjxq_p4 li.li3:before{ left:-40px; bottom:13px; width:62px; height:148px; background:url(../images/jjxq_ion-8.png) no-repeat left bottom;} .jjxq_p4 li.li4:before{ left:50%; top:-185px; margin-left:10px; width:280px; height:200px; background:url(../images/jjxq_ion-9.png) no-repeat left top;} .jjxq_p4 li.li5:before{ right:-45px; bottom:13px; width:66px; height:125px; background:url(../images/jjxq_ion-10.png) no-repeat left bottom;} .jjxq_p4 li span{ display:block; line-height:24px; color:#666;} .jjxq_p4 li .bt{ font-size:26px; color:#007ec3; line-height:40px; padding-bottom:8px;} .jjxq_p4 li .bt i{ font-family:"Arial"; font-size:40px; display:block; float:left; padding-right:15px;} .jjxq_p5{ padding-top:70px;} .jjxq_p5 .cont{ padding-top:20px; font-size:16px; line-height:30px; color:#555;} .jjxq_p5 .cont img{ max-width:100%;} .jjxq_p5 .cont p{ padding-top:2px; padding-bottom:14px;} .jjxq_p5 li{ float:left; width:20%;} .jjxq_p5 li a, .jjxq_p5 li span{ display:block;} .jjxq_p5 li a{ position:relative;} .jjxq_p5 li .txt{ position:absolute; width:100%; height:100%; left:0; bottom:0; background:rgba(0,0,0,0.4); font-size:24px; color:#fff;} .jjxq_p5 li .txt i{ display:table; height:100%; width:100%; text-align:center;} .jjxq_p5 li .txt i b{ display:table-cell; vertical-align:middle; font-weight:bold;} .jjxq_p6{ padding-bottom:100px;} .jjxq_p6 .dfsrk_cont{ margin-top:48px; background:#fff; box-shadow:2px 0 10px rgba(0,0,0,0.1); padding:50px;} .jjxq_p6 .dfsrk_cont .left{ float:left; width:430px; padding-top:13px;} .dfsrk_cont li{ border-bottom:1px solid #ccc; margin-bottom:20px;} .dfsrk_cont li span{ display:block;} .dfsrk_cont li .sp1{ float:left; width:85px; padding-top:10px; font-size:16px;} .dfsrk_cont li .sp2{ margin-left:85px; height:40px;} .dfsrk_cont li .sp2 input{ width:100%; height:100%;} .dfsrk_cont li .sp2 select{ margin-top:7px; padding-top:1px; padding-bottom:5px; width:180px; } .dfsrk_cont .demo-list{ padding:12px 12px 0 0;} .dfsrk_cont .demo-list li{ float:left; font-size:14px; color:#666; border-bottom:0px solid;} .dfsrk_cont .demo-list li input{ width:15px; height:15px;} .dfsrk_cont .right{ margin-left:464px; padding-top:13px;} .dfsrk_cont .wbk{ padding:15px 20px; box-sizing:border-box; border:1px solid #ccc; height:171px;} .dfsrk_cont .wbk span{ display:block;} .dfsrk_cont .wbk .sp1{ float:left; width:60px; font-size:16px;} .dfsrk_cont .wbk .sp2{ margin-left:60px; height:100%;} .dfsrk_cont .wbk .sp2 textarea{ width:100%; height:100%;} .dfsrk_cont .tij{ text-align:right; padding-top:20px;} .dfsrk_cont .tij input{ background:#007ec3; width:176px; height:44px; border-radius:3px; font-size:16px; color:#fff; cursor:pointer;} .jjxq_p7{ background:#0069ab; text-align:center; color:#fff; font-size:16px; padding:15px 0;} .jjxq_p7 .wrap > div{ padding:8px 0;} .jjxq_p7 span{ display: inline-block; padding:5px 0; background-repeat:no-repeat; background-position:left center; padding-left:35px;} .jjxq_p7 span a{ font-weight:bold; color:#fff; border:1px solid #fff; padding:5px 10px; margin:0 5px;} .jjxq_p7 span a:hover{ background:#fff; color:#0069ab;} /* 服务与支持-下载中心 NEW*/ .download{ background: #f9f9f9;} .download .down_con{ background: #fff; padding:40px;} .download .down_con .tab{ border-bottom:1px solid #e1e1e1;} .download .down_con #tab_a { text-align: center; width: 100%;} .download .down_con #tab_a a{ font-size:18px; padding: 15px 50px; background-color:#eee; color:#333; display:inline-block; border:1px solid #eee;} .download .down_con #tab_a a:first-child{ margin-left:0px;} .download .down_con #tab_a a.selected{ background-color:#fff; position:relative; color: #D1000F; border-bottom: 1px solid #e1e1e1 !important;} .download .down_con #tab_a a.selected:before{ content: ''; position: absolute; left:0; bottom:-2px; width:100%; height:2px; background:#fff;} .download .down_con #tab_a a i{ margin-right: 10px;} .download .down_con .searchBox {padding:40px 0; font-size:14px; margin-bottom:40px;} .download .down_con .searchBox .sb1 { float:left;width:30%; margin-right:10px;} .download .down_con .searchBox .sb1 input{line-height:43px; width:100%; outline: none; text-indent:15px;border:1px solid #ccc; height:43px;} .download .down_con .searchBox .sb2 {float:left;width:20%; margin-right:10px;} .download .down_con .searchBox .sb2 select{ width:100%; height:43px; outline:none;} .download .down_con .searchBox .sb2 .chosen-container-single .chosen-single{ line-height:41px; background:none;border:1px solid #ccc; outline:none;} .download .down_con .searchBox .sb2 .chosen-container-single .chosen-single div{ border:none;} .download .down_con .searchBox .sb2 .chosen-container-single .chosen-single div b{ background:url(../images/fwxz_ion-1.png) no-repeat center;} .download .down_con .searchBox .btn { float:left; width:120px;} .download .down_con .searchBox .btn a { display:block; width:100%; text-align:center; font-size:16px;color:#000; background: #ffdd00; line-height:43px; height:43px;cursor: pointer;} .download .down_con .item_box .item_box_head { width:100%; text-align: center; color:#666; line-height:24px; position: relative; overflow: hidden;} .download .down_con .item_box .item_box_head div {text-align:center;line-height:40px;background:#eee; font-weight:bold; float:left;font-size:14px;color:#333; border-right:2px solid #fff; box-sizing:border-box;} .download .down_con .item_box .item_box_head div:nth-last-child(1){border-right:none;} .download .down_con .item_box .item_box_head .t1 { width: 30%;} .download .down_con .item_box .item_box_head .t2 { width: 48%;} .download .down_con .item_box .item_box_head .t4 { width: 12%;} .download .down_con .item_box .item_box_head .t5 { width: 10%;} .download .down_con .item_box .item_box_body {width: 100%; text-align: center; position: relative;} .download .down_con .item_box .item_box_body a { text-decoration: none; color: #666; padding: 10px 0;} .download .down_con .item_box .item_box_body .item {width: 100%; border-bottom:1px solid #e5e5e5; overflow: hidden; padding:15px 0; height: auto;} .download .down_con .item_box .item_box_body .item div { line-height:25px;float:left; vertical-align: middle;font-size:14px; color:#666;} .download .down_con .item_box .item_box_body .item .tb1 { text-align:left; width: calc(30% - 20px); padding:0 10px;font-size:15px;font-weight:500;line-height:25px; color:#333;} .download .down_con .item_box .item_box_body .item .hid1 {overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space:nowrap;} .download .down_con .item_box .item_box_body .item .tb2 { text-align:left; width: calc(48% - 20px); white-space:pre-wrap; line-height:25px; padding:0 10px;cursor: pointer;} .download .down_con .item_box .item_box_body .item .tb2 a{color:#06F; text-decoration:underline;} .download .down_con .item_box .item_box_body .item .tb2 a:hover{color:#00C;} .download .down_con .item_box .item_box_body .item .hid2 {overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:25px;} .download .down_con .item_box .item_box_body .item .tb4 { text-align:center; width:12%;} .download .down_con .item_box .item_box_body .item .tb5 { text-align:center; width:10%;} .download .down_con .item_box .item_box_body .item .tb5 i { font-size: 20px;} .download .down_con .item_box .item_box_body .item .tb5 a:hover i { color: #D1000F;} .download .page { margin:40px 0; overflow: hidden;} @media screen and (max-width:1200px) and (min-width:759px){ .download .down_con #tab_a { text-align: center; width: 100%;} .download .down_con #tab_a a:first-child{ margin-left:0px;} .download .down_con #tab_a a{ font-size:14px; padding:10px 20px;} } @media screen and (max-width:758px){ .download .down_con{ background: #fff; padding: 20px 15px;} .download .down_con #tab_a { text-align: center; width: 100%;} .download .down_con #tab_a a:first-child{ margin-left:0px;} .download .down_con #tab_a a{ font-size:14px; padding:10px 0;width: 23%;} .download .down_con #tab_a a i{ display: none;} .download .down_con .searchBox {padding:20px 0;} .download .down_con .searchBox .sb1 { float:left;width:calc(40% - 10px); margin-right:10px;} .download .down_con .searchBox .sb1 input{line-height:36px;height:36px; text-indent:7px;} .download .down_con .searchBox .sb2 {float:left;width:calc(40% - 10px); margin-right:10px;} .download .down_con .searchBox .sb2 select{ width:100%; height:36px; outline:none;} .download .down_con .searchBox .sb2 .chosen-container-single .chosen-single{ line-height:34px; background:none;border:1px solid #ccc; outline:none;} .download .down_con .searchBox .sb2 .chosen-container-single .chosen-single div{ border:none;} .download .down_con .searchBox .sb2 .chosen-container-single .chosen-single div b{ background:url(../images/fwxz_ion-1.png) no-repeat center;} .download .down_con .searchBox .btn { float:right; width:20%;} .download .down_con .searchBox .btn a {font-size:14px;line-height:36px; height:36px;} .download .down_con .item_box .item_box_head div { line-height: 40px; } .download .down_con .item_box .item_box_head .t1 { width: 50%; } .download .down_con .item_box .item_box_head .t2 { display: none; } .download .down_con .item_box .item_box_head .t3 { display: none;} .download .down_con .item_box .item_box_head .t4 { width: 30%; } .download .down_con .item_box .item_box_head .t5 { width: 20%; } .download .down_con .item_box .item_box_body div { line-height: 30px; } .download .down_con .item_box .item_box_body .item .tb1{width: calc(50% - 20px); font-size: 13px;} .download .down_con .item_box .item_box_body .item .tb2{display: none !important;} .download .down_con .item_box .item_box_body .item .tb3{display: none;} .download .down_con .item_box .item_box_body .item .tb4{width: 30%; font-size: 12px;} .download .down_con .item_box .item_box_body .item .tb5{width: 20%;} .download .page a{display: inline-flex;} } /* 服务与支持-常见问题 NEW*/ .question{ background: #f9f9f9;} .question .qt_con{ background: #fff; padding:40px;} .question .qt_con .tab{ border-bottom:1px solid #e1e1e1;} .question .qt_con #tab_a { text-align: center; width: 100%;} .question .qt_con #tab_a a{ font-size:18px; padding: 15px 50px; background-color:#eee; color:#333; display:inline-block; border:1px solid #eee;} .question .qt_con #tab_a a:first-child{ margin-left:0px;} .question .qt_con #tab_a a.selected{ background-color:#fff; position:relative; color: #D1000F; border-bottom: 1px solid #e1e1e1 !important;} .question .qt_con #tab_a a.selected:before{ content: ''; position: absolute; left:0; bottom:-2px; width:100%; height:2px; background:#fff;} .question .qt_con #tab_a a i{ margin-right: 10px;} .question .qt_con .ssfaq {padding:40px 0; font-size:14px; margin-bottom:40px;} .question .qt_con .ssfaq .sf1 { float:left;width:40%; margin-right:10px;} .question .qt_con .ssfaq .sf1 input{line-height:43px; width:100%; outline: none; text-indent:15px;border:1px solid #ccc; height:43px;} .question .qt_con .ssfaq .sb2 {float:left;width:20%; margin-right:10px;} .question .qt_con .ssfaq .btn { float:left; width:120px;} .question .qt_con .ssfaq .btn a { display:block; width:100%; text-align:center; font-size:16px;color:#000; background: #ffdd00; line-height:43px; height:43px;cursor: pointer;} .question .qt_con .listbox { padding-top: 0; margin-bottom: 0;} .question .qt_con .listbox ul li{ border-bottom:1px solid #e5e5e5;} .question .qt_con .listbox .faq_list dt {padding:15px 10px; line-height:1.8; color: #333; font-size:18px;cursor: pointer; text-align:justify;} .question .qt_con .listbox .faq_list dt i { width: 30px; display: inline-block;} .question .qt_con .listbox .faq_list dd { padding:0 40px 20px 40px; display:none; font-size:14px; color:#333; line-height:1.8;text-align:justify;} .question .qt_con .listbox .faq_list .one dt { color: #D1000F;} .question .page { margin: 40px 0; overflow: hidden; } @media screen and (max-width:1200px) and (min-width:759px){ .question .qt_con #tab_a { text-align: center; width: 100%;} .question .qt_con #tab_a a:first-child{ margin-left:0px;} .question .qt_con #tab_a a{ font-size:14px; padding:10px 20px;} } @media screen and (max-width:758px){ .question .qt_con{ background: #fff; padding:20px 15px;} .question .qt_con #tab_a { text-align: center; width: 100%;} .question .qt_con #tab_a a:first-child{ margin-left:0px;} .question .qt_con #tab_a a{ font-size:14px; padding:10px 0;width: 23%;} .question .qt_con #tab_a a i{ display: none;} .question .qt_con .ssfaq {padding:20px 0;} .question .qt_con .ssfaq .sf1 { float:left;width:calc(80% - 10px); margin-right:10px;} .question .qt_con .ssfaq .sf1 input{line-height:36px;height:36px; text-indent:7px;} .question .qt_con .ssfaq .btn { float:right; width:20%;} .question .qt_con .ssfaq .btn a {font-size:14px;line-height:36px; height:36px;} .question .qt_con .listbox .faq_list dt {padding:10px;font-size:16px;} .question .qt_con .listbox .faq_list dt i { width:20px;} .question .qt_con .listbox .faq_list dd { padding:0 20px 20px 30px;} .question .page a{display: inline-flex;} } /* 服务与支持-服务网络 */ .network{background:#f9f9f9; padding-bottom:40px;} .network .nk_con{padding:40px; background:#fff;} .network .fwwl_head_p{ color: #777777;font-size: 13px;font-weight: 400;margin-bottom: 20px;} .network #provinces{ overflow: hidden;} .network .pro-btn{ background-color:#EEEEEE;margin-bottom:16px;padding:4px 8px;font-size:14px;line-height:1.5;border-radius:3.2px;border-color:#f8f9fa;display:inline-block;font-weight:400;text-align:center;vertical-align:middle;border:1px solid transparent;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; cursor: pointer;} .network .pro-btn.active{ background-color: #dc3545; color: #FFFFFF;border-color: #dc3545;} .network .pro-btn:hover{ color:initial;background-color:#BBBBBB;border-color: #dae0e5;} .network .pro-btn.active:hover{ color:#FFFFFF;background-color:#c82333;border-color: #bd2130;} .network .pro-btn:focus{ outline:none;box-shadow:none;} .network #gradient { width:100%;background:url() repeat-x;position:absolute;bottom:0;left:0;} .network #read-more { padding:5px;border-top:2px solid #ddd;background:#fff;color:#333;text-align:center;} .network #read-more a { background:url() no-repeat 100% 50%;text-decoration:none;font-size:12px;font-weight:normal;color:#000;} .network #read-more a:hover { text-decoration:none;color:#000;} .network #companylist {margin: 0 -15px;box-sizing: border-box; overflow:hidden;} .network #companylist li{float: left; width: 33.333%; padding: 0 15px;box-sizing: border-box; margin-bottom: 40px;} .network #companylist li h2{ width:calc(100% - 30px); font-size: 20px; color: #d1000f; font-weight: bold; line-height: 50px; padding: 0 15px;border-bottom: 1px solid #ddd;} .network #companylist li p{ width: calc(100% - 30px); font-size: 14px; color: #212529; line-height: 40px; display: block; padding: 0 15px;border-bottom: 1px solid #ddd; overflow: hidden;} .network #companylist li p:hover{background-color: rgba(0, 0, 0, .025);} .network #companylist li p span{float: left;display: block;} .network #companylist li p span:nth-child(1){ width: 60px;} .network #companylist li p span:nth-child(2){width:calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} @media screen and (max-width:1200px) and (min-width:759px){ .network #provinces{ padding: 0;} .network #companylist li{float: left; width: 50%; padding: 0 15px;box-sizing: border-box; margin-bottom: 40px;} } @media screen and (max-width:758px){ .network .nk_con{padding:20px;} .network #provinces{ padding: 0;} .network #companylist li{float: left; width: 100%; padding: 0 15px;box-sizing: border-box; margin-bottom: 40px;} .network #companylist li p span:nth-child(2){display: initial ; overflow: initial; white-space: initial;} } /* 服务与支持-新闻资讯 NEW*/ .snews{ background: #f9f9f9;} .snews .news_con{ background: #fff; padding:40px;} .snews .news_con .tab{ border-bottom:1px solid #e1e1e1; margin-bottom:40px;} .snews .news_con #tab_a { text-align: center; width: 100%;} .snews .news_con #tab_a a{ font-size:18px; padding: 15px 50px; background-color:#eee; color:#333; display:inline-block; border:1px solid #eee;} .snews .news_con #tab_a a:first-child{ margin-left:0px;} .snews .news_con #tab_a a.selected{ background-color:#fff; position:relative; color: #D1000F; border-bottom: 1px solid #e1e1e1 !important;} .snews .news_con #tab_a a.selected:before{ content: ''; position: absolute; left:0; bottom:-2px; width:100%; height:2px; background:#fff;} .snews .news_con #tab_a a i{ margin-right: 10px;} .snews .news_con .newlist{ margin:0 -20px;} .snews .news_con .news-details{ border:1px solid #ddd; border-top:none;} .snews .page {margin: 40px 0; overflow: hidden; } @media screen and (max-width:1200px) and (min-width:759px){ .snews .news_con #tab_a { text-align: center; width: 100%;} .snews .news_con #tab_a a:first-child{ margin-left:0px;} .snews .news_con #tab_a a{ font-size:14px; padding:10px 20px;} } @media screen and (max-width:758px){ .snews .news_con{ background: #fff; padding:20px 15px;} .snews .news_con #tab_a { text-align: center; width: 100%;} .snews .news_con #tab_a a:first-child{ margin-left:0px;} .snews .news_con #tab_a a{ font-size:14px; padding:10px 0;width: 23%;} .snews .news_con #tab_a a i{ display: none;} .snews .page a{display: inline-flex;} } /* 服务与支持-其他信息*/ .otherinfo{ background: #f9f9f9;} .otherinfo .info_con{ background: #fff; padding:40px;} .otherinfo .info_con .tab{ border-bottom:1px solid #e1e1e1;} .otherinfo .info_con #tab_a { text-align: center; width: 100%;} .otherinfo .info_con #tab_a a{ font-size:18px; padding: 15px 50px; background-color:#eee; color:#333; display:inline-block; border:1px solid #eee;} .otherinfo .info_con #tab_a a:first-child{ margin-left:0px;} .otherinfo .info_con #tab_a a.selected{ background-color:#fff; position:relative; color: #D1000F; border-bottom: 1px solid #e1e1e1 !important;} .otherinfo .info_con #tab_a a.selected:before{ content: ''; position: absolute; left:0; bottom:-2px; width:100%; height:2px; background:#fff;} .otherinfo .info_con #tab_a a i{ margin-right: 10px;} .otherinfo .info_con .searchBox {padding:40px 0; font-size:14px; margin-bottom:40px;} .otherinfo .info_con .searchBox .sb1 { float:left;width:30%; margin-right:10px;} .otherinfo .info_con .searchBox .sb1 input{line-height:43px; width:100%; outline: none; text-indent:15px;border:1px solid #ccc; height:43px;} .otherinfo .info_con .searchBox .sb2 {float:left;width:20%; margin-right:10px;} .otherinfo .info_con .searchBox .sb2 select{ width:100%; height:43px; outline:none;} .otherinfo .info_con .searchBox .sb2 .chosen-container-single .chosen-single{ line-height:41px; background:none;border:1px solid #ccc; outline:none;} .otherinfo .info_con .searchBox .sb2 .chosen-container-single .chosen-single div{ border:none;} .otherinfo .info_con .searchBox .sb2 .chosen-container-single .chosen-single div b{ background:url(../images/fwxz_ion-1.png) no-repeat center;} .otherinfo .info_con .searchBox .btn { float:left; width:120px;} .otherinfo .info_con .searchBox .btn a { display:block; width:100%; text-align:center; font-size:16px;color:#000; background: #ffdd00; line-height:43px; height:43px;cursor: pointer;} .otherinfo .info_con .item_box .item_box_head { width:100%; text-align: center; color:#666; line-height:24px; position: relative; overflow: hidden;} .otherinfo .info_con .item_box .item_box_head div {text-align:center;line-height:40px;background:#eee; font-weight:bold; float:left;font-size:14px;color:#333; border-right:2px solid #fff; box-sizing:border-box;} .otherinfo .info_con .item_box .item_box_head div:nth-last-child(1){border-right:none;} .otherinfo .info_con .item_box .item_box_head .t1 { width: 75%;} .otherinfo .info_con .item_box .item_box_head .t2 { width: 25%;} .otherinfo .info_con .item_box .item_box_body {width: 100%; text-align: center; position: relative;} .otherinfo .info_con .item_box .item_box_body .item {width: 100%; border-bottom:1px solid #e5e5e5; overflow: hidden; padding:15px 0; height: auto;} .otherinfo .info_con .item_box .item_box_body .item div { line-height:25px;float:left; vertical-align: middle;font-size:14px; color:#666;} .otherinfo .info_con .item_box .item_box_body .item .tb1 { text-align:left; width: calc(75% - 20px); padding:0 10px;font-size:15px;font-weight:500;line-height:25px; color:#333;} .otherinfo .info_con .item_box .item_box_body .item .hid1 {overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space:nowrap;} .otherinfo .info_con .item_box .item_box_body .item .tb2 { text-align: center; width: calc(25% - 20px); white-space:pre-wrap; line-height:25px; padding:0 10px;cursor: pointer;} .otherinfo .info_con .item_box .item_box_body .item .hid2 {overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:25px;} .otherinfo .info_con .item_box .item_box_body .item .tb1 i { font-size:18px; margin-right:10px;} .otherinfo .info_con .item_box .item_box_body .item a:hover .tb1{color: #D1000F;} .otherinfo .info_con .item_box .item_box_body .item a:hover i { color: #D1000F;} .otherinfo .page { margin:40px 0; overflow: hidden;} @media screen and (max-width:1200px) and (min-width:759px){ .otherinfo .info_con #tab_a { text-align: center; width: 100%;} .otherinfo .info_con #tab_a a:first-child{ margin-left:0px;} .otherinfo .info_con #tab_a a{ font-size:14px; padding:10px 20px;} } @media screen and (max-width:758px){ .otherinfo .info_con{ background: #fff; padding: 20px 15px;} .otherinfo .info_con #tab_a { text-align: center; width: 100%;} .otherinfo .info_con #tab_a a:first-child{ margin-left:0px;} .otherinfo .info_con #tab_a a{ font-size:14px; padding:10px 0;width: 23%;} .otherinfo .info_con #tab_a a i{ display: none;} .otherinfo .info_con .searchBox {padding:20px 0;} .otherinfo .info_con .searchBox .sb1 { float:left;width:calc(40% - 10px); margin-right:10px;} .otherinfo .info_con .searchBox .sb1 input{line-height:36px;height:36px; text-indent:7px;} .otherinfo .info_con .searchBox .sb2 {float:left;width:calc(40% - 10px); margin-right:10px;} .otherinfo .info_con .searchBox .sb2 select{ width:100%; height:36px; outline:none;} .otherinfo .info_con .searchBox .sb2 .chosen-container-single .chosen-single{ line-height:34px; background:none;border:1px solid #ccc; outline:none;} .otherinfo .info_con .searchBox .sb2 .chosen-container-single .chosen-single div{ border:none;} .otherinfo .info_con .searchBox .sb2 .chosen-container-single .chosen-single div b{ background:url(../images/fwxz_ion-1.png) no-repeat center;} .otherinfo .info_con .searchBox .btn { float:right; width:20%;} .otherinfo .info_con .searchBox .btn a {font-size:14px;line-height:36px; height:36px;} .otherinfo .info_con .item_box .item_box_head div { line-height: 40px; } .otherinfo .info_con .item_box .item_box_head .t1 { width: 80%; } .otherinfo .info_con .item_box .item_box_head .t2 { width: 20%; } .otherinfo .info_con .item_box .item_box_body div { line-height: 30px; } .otherinfo .info_con .item_box .item_box_body .item .tb1{width: calc(80% - 20px); font-size: 13px;} .otherinfo .info_con .item_box .item_box_body .item .tb2{width: 20%;} .otherinfo .page a{display: inline-flex;} } /*服务支持-国内详情*/ .fwwl_xqp1{ text-align:center; font-size:24px; font-weight:300; padding:50px 20px 40px;} .fwwl_xqp2{ background-color:#fff; border:1px solid #e0e0e0;} .fwwl_xqp2 .left{ float:left; width:50%;} .fwwl_xqp2 .left img{ width:100%;} .fwwl_xqp2 .right{ float:left; width:50%; box-sizing:border-box; padding:50px 40px 0;} .fwwl_xqp2 .right .top{ margin-bottom:30px;} .fwwl_xqp2 .right .top span{ display:block; color:#666;} .fwwl_xqp2 .right .top .tit{ font-size:24px; line-height:30px; margin-bottom:10px;} .fwwl_xqp2 .right .top .zy i{ color:#007ac2;} .fwwl_xqxx .xx{ background:url(../images/fwwl_xqion-9.png) no-repeat left top; display:block; width:174px; height:24px;} .fwwl_xqxx .xx1{ background-position:left -34px;} .fwwl_xqxx .xx2{ background-position:left -68px;} .fwwl_xqxx .xx3{ background-position:left -102px;} .fwwl_xqxx .xx4{ background-position:left -136px;} .fwwl_xqxx .xx5{ background-position:left bottom;} .fwwl_xqp2 li{ min-height:20px; margin-bottom:30px; color:#666; font-size:16px;} .fwwl_xqp2 li span{ display:block;} .fwwl_xqp2 .sp1{ width:80px; text-align:left; float:left;} .fwwl_xqp2 .sp2{ margin-left:95px;} .ty_xx .sp2 i{ display:block; width:94px; height:13px; background:url(../images/fwwl_xqion-1.png) no-repeat left center;} .ty_xx .sp2 i.i1{ background-image:url(../images/fwwl_xqion-4.png);} .ty_xx .sp2 i.i2{ background-image:url(../images/fwwl_xqion-5.png);} .ty_xx .sp2 i.i3{ background-image:url(../images/fwwl_xqion-6.png);} .ty_xx .sp2 i.i4{ background-image:url(../images/fwwl_xqion-7.png);} .ty_xx .sp2 i.i5{ background-image:url(../images/fwwl_xqion-8.png);} .fwwl_xqp2 .ty_xx .sp2{ display:inline-block;} .fwwl_xqp2 .ty_xx .sp2{ margin-left:15px;} .fwwl_xqp3{ margin:20px 0 108px; background:#fff; border:1px solid #e0e0e0; padding:40px 40px 45px;} .fwwl_xqp3 .bt{ font-size:24px; color:#007ac2; font-weight:300; padding-bottom:30px;} .fwwl_xqp3 .left, .fwwl_xqp3 .right{ width:50%; float:left; box-sizing:border-box;} .fwwl_xqp3 .left{ padding-right:40px;} .fwwl_xqp3 li{ margin-bottom:28px; min-height:21px;} .fwwl_xqp3 span{ display:block; font-size:16px; line-height:24px; color:#666;} .fwwl_xqp3 .left .sp1{ float:left;} .fwwl_xqp3 .left .sp2{ margin-left:100px;} .fwwl_xqp3 .right .sp1{ color:#000; font-size:18px; padding-bottom:10px;} .fwwl_xqp3 .sp2 i{ display:block; width:94px; height:13px; background:url(../images/fwwl_xqion-1.png) no-repeat left center;} .fwwl_xqp3 .sp2 textarea{ width:100%; max-width:100%; min-width:100%; height:143px; max-height:143px; min-height:143px; border:1px solid #e0e0e0; box-sizing:border-box; padding:15px 20px;} .fwwl_xqp3 .sp2 textarea::-webkit-input-placeholder {color: #000; opacity: 1} .fwwl_xqp3 .sp2 textarea:-moz-placeholder {color: #000; font-size:12px; font-weight:300; opacity: 1} .fwwl_xqp3 .sp2 textarea::-moz-placeholder {color: #000; font-size:12px; font-weight:300; opacity: 1} .fwwl_xqp3 .sp2 textarea:-ms-input-placeholder {color: #000; font-size:12px; font-weight:300; opacity: 1} .fwwl_xqp3 .sp3{ font-size:12px; font-weight:300; padding-top:10px;} .fwwl_xqp3 .btn input{ width:176px; height:44px; background-color:#007ec3; border-radius:5px; color:#fff; font-size:16px; cursor:pointer;} /*服务支持-常见问题*/ .fwwt_js .xl{ width:60%;} .fwwt_js .xl > ul > li{ width:100%;} .fwwt_js .xl > ul > li .sp2{ float:left; width:50%; padding-right:10px; box-sizing:border-box;} .fwwt_p1{ border-bottom:1px solid #e5e5e5; padding-bottom:10px;} .fwwt_p1 .bt{ font-size:24px; float:left;} .fwwt_p1 .right{ float:right; padding-top:5px; font-size:12px;} .fwwt_p1 .right a{ font-size:14px; color:#007ac2; padding-right:15px;} .fwwt_p1 .right i{ color:#007ac2;} .fwwt_list ul li{ border-bottom:1px solid #e5e5e5;} .fwwt_list dt{ cursor:pointer; padding:30px 0 30px 40px; font-size:18px; color:#005ca4; background:url(../images/fwwt_list-1.jpg) no-repeat left 31px;} .fwwt_list dd{ padding:0 0 30px 40px; display:none; background:url(../images/fwwt_list-2.jpg) no-repeat left top;} .fwwt_p3{ border:1px solid #e5e5e5; margin-top:40px; padding:37px 20px 40px;} .fwwt_p3 .top{ padding:0 20px 20px;} .fwwt_p3 .top .txt{ font-size:16px; font-weight:bold; padding-bottom:15px;} .fwwt_p3 .top .danx { display:none;} .dfsrk_cont .bitian{ color:#ff0000; font-size:16px; font-weight:bold; padding-right:5px;} .dfsrk_cont .danx label{ float:left; margin-right:24px; padding-left:10px;} .fwwt_p3 .top .tet{ padding-top:15px;} .fwwt_p3 .left, .fwwt_p3 .right{ float:left; width:50%; box-sizing:border-box; padding:0 20px;} .fwwt_p3 .dfsrk_cont .right{ margin-left:0;} .fwwt_p3 .dfsrk_cont li .sp1{ width:65px;} .fwwt_p3 .dfsrk_cont li .sp2{ margin-left:65px;} .dfsrk_cont .tet{ border-bottom:none;} .fwwt_p3 .dfsrk_cont .wbk{ height:110px; padding:10px;} .fwwt_p3 .dfsrk_cont .wbk .sp1{ padding-top:0;} .fwwt_p3 .dfsrk_cont .yanzm{ position:relative;} .fwwt_p3 .dfsrk_cont .yanzm .sp1{ width:85px;} .fwwt_p3 .dfsrk_cont .yanzm .sp2{ margin-left:85px;} .fwwt_p3 .dfsrk_cont .yanzm .sp3{ position:absolute; bottom:3px; right:0;} .fwwt_p3 .btn a, .fwwt_p3 .btn input{ width:176px; height:44px; background:#007ec3; display:block; float:left; color:#fff; font-size:16px; text-align:center; line-height:44px; margin-right:10px; cursor:pointer; border-radius:5px;} /*登录*/ .dl_box{ height:620px; position:relative;} .dl_part{ width:420px; height:480px; margin:-240px 0 0 -210px; border-radius:10px; position:absolute; left:50%; top:50%; background:#fff; box-sizing:border-box; padding:0 40px;} .dl_part .logo{ text-align:center; padding:28px 0 20px;} .dl_part .logo span{ width:155px; padding-left:25px; display:inline-block;} .dl_part .guanbi{ float:right; padding:3px; background:#0077BD;} .dl_part .tit{ background:url(../images/dl_ion-1.png) no-repeat 38px center #007ac2; height:60px; line-height:60px; font-size:24px; font-weight:300; color:#fff; padding-left:80px; margin-left:-58px; width:398px; box-sizing:border-box; position:relative;} .dl_part .tit:before{content:""; position:absolute; left:0; bottom:-10px; display:inline-block; width:18px; height:10px; background: url(../images/dl_ion-5.png) no-repeat center;} .dl_part ul{ padding:20px 0 0;} .dl_part li{ margin-top:10px;} .dl_part .li_box{ border:1px solid #e0e0e0; height:42px; border-radius:5px;} .dl_part li span{ display:block;} .dl_part li .sp1{ float:left; width:50px; height:100%; background-repeat:no-repeat; background-position:19px center;} .dl_part li .sp2{ margin-left:50px; padding:3px 10px; height:100%; box-sizing:border-box;} .dl_part li .sp2 input{ height:100%;} .dl_part li .sp2 input::-webkit-input-placeholder {color: #555; opacity: 1} .dl_part li .sp2 input:-moz-placeholder {color: #555; opacity: 1} .dl_part li .sp2 input::-moz-placeholder {color: #555; opacity: 1} .dl_part li .sp2 input:-ms-input-placeholder {color: #555; opacity: 1} .dl_part .li3 .li_box{ float:left; width:207px;} .dl_part .li3 .yzm{ display:block;} .dl_part .li4{ margin-top:15px;} .dl_part .li4 a{ display:block; height:50px; line-height:50px; text-align:center; background:#007ec3; border-radius:5px;} .dl_part .tips{ padding-top:22px;} .dl_part .tips .demo-list{ float:left;} .dl_part .tips .right{ float:right; color:#666;} .dl_part .tips .right .a1{ color:#007ac2;} .dl_part .tips .right .a2{ color:#ff0000;} .dl_part .tips .right a:hover{ color:#f60;} /*会员登录*/ .dl_register{ width:600px; padding:50px 0; margin:auto;} .dl_register .kuang{ background:#fff; width:100%; height:460px; text-align:center; border:1px solid #d8d8d8; padding-bottom:50px;} .dl_register .kuang2{ background:#fff; width:100%; height:360px; text-align:center; border:1px solid #d8d8d8; padding-bottom:50px;} .dl_register .bt{ height:40px; font-size:18px; padding-top:18px; color:#666666; background:url(../images/login_reg_tbg.png); border-bottom:1px solid #d8d8d8;} .dl_register ul{ padding:30px 100px;} .dl_register li{ margin-top:10px;} .dl_register .li_box{ border:1px solid #e0e0e0; height:42px; border-radius:5px;} .dl_register li span{ display:block;} .dl_register li .sp1{ float:left; width:50px; height:100%; background-repeat:no-repeat; background-position:19px center;} .dl_register li .sp2{ margin-left:50px; padding:3px 10px; height:100%; box-sizing:border-box;} .dl_register li .sp2 input{ height:100%;} .dl_register li .sp2 input::-webkit-input-placeholder {color: #999; opacity: 1} .dl_register li .sp2 input:-moz-placeholder {color: #999; opacity: 1} .dl_register li .sp2 input::-moz-placeholder {color: #999; opacity: 1} .dl_register li .sp2 input:-ms-input-placeholder {color: #999; opacity: 1} .dl_register .li3 .li_box{ float:left; width:65%;} .dl_register .li3 .yzm{ display:block;} .dl_register .li4{ margin-top:15px;} .dl_register .li4 a{ display:block; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; background:#007ec3; border-radius:5px;} .dl_register .tips{ padding-top:0px;} .dl_register .tips .txcon{ float:inherit; color:#666;} .dl_register .tips .txcon .a1{ color:#007ac2;} .dl_register .tips .txcon .a2{ color:#ff0000;} .dl_register .tips .txcon a:hover{ color:#f60;} /*会员中心-首页*/ .user_box{ width:1200px; margin:30px 0 60px 0;} .user_left{ float:left; width:198px; background:#fff; margin-bottom:60px; border:1px solid #e0e0e0;} .user_left .tit{ float:left; width:168px; padding:10px 0 0 30px; height:26px; font-size:15px; color:#555; font-weight:bold; background:url(../images/login_reg_tbg.png); border-bottom:1px solid #e0e0e0;} .user_left .nav{ float:left; width:100%; padding:15px 0; border-bottom:1px solid #e0e0e0;} .user_left .nav .nr{ padding-left:40px;} .user_left .nav .nr a{ float:left; width:100%; font-size:14px; color:#666; padding:3px 0;} .user_left .nav .nr a:hover{ color:#0077bd;} .user_left .dft{ float:left; width:100%; padding:10px 0; font-size:14px; text-align:center;} .user_left .dft a{ color:#666;} .user_left .dft a:hover{ color:#0077bd;} .user_right{ float:right; width:980px; margin-bottom:60px;} .user_right .r_top{ width:100%; height:200px; background:#fff; border:1px solid #EEE;} .user_right .r_top .hybox_lf{ float:left; width:260px; height:200px; background:#0088BD;} .user_right .r_top .hybox_lf .userpic{ width:260px; padding:20px 0; text-align:center;} .user_right .r_top .hybox_lf .userpic img{ width:120px; height:120px; border:1px solid #DDD; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .user_right .r_top .hybox_lf .username{ width:260px; height:30px; background:#555; padding-top:8px; color:#fff; font-size:15px; font-weight:bold; text-align:center;} .user_right .r_top .hybox_rt{ float:left; width:718px; height:200px;} .user_right .r_top .hybox_rt .toptx{ width:690px; padding:16px 0 13px 20px; color:#555; font-size:15px; font-weight:bold; border-bottom:1px solid #EEE;} .user_right .r_top .hybox_rt .sp_con{ width:690px; padding-left:20px;} .user_right .r_top .hybox_rt .sp_con .hyxx_nav{ float:left; width:160px;} .user_right .r_top .hybox_rt .sp_con .hyxx_nav .hy_tx1{ color:#555; font-size:15px; padding:24px 0 12px 0; text-align:center;} .user_right .r_top .hybox_rt .sp_con .hyxx_nav .hy_tx2{ color:#666; font-size:18px; padding-bottom:20px; font-weight:bold; text-align:center;} .user_right .r_top .hybox_rt .sp_con .hyxx_nav .hy_tx3{ color:#0077BD; font-size:13px; text-align:center;} .user_right .r_top .hybox_rt .sp_con .hyxx_nav .hy_tx3 a{ color:#0077BD;} .user_right .r_top .hybox_rt .sp_con .hyxx_nav .hy_tx3 a:hover{ color:#F26521;} .user_right .r_lft{ float:left; width:670px; margin-top:20px;} .user_right .r_lft .sp1{ width:100%; background:#fff; margin-bottom:20px;} .user_right .r_lft .sp2{ width:100%; background:#fff;} .user_right .r_lft .sp3{ width:100%; background:#fff; margin-top:20px;} .user_right .r_lft .toptx{ padding:16px 0 13px 20px; color:#333; font-size:15px; font-weight:bold; border-bottom:1px solid #EEE;} .user_right .r_lft .toptx .morelk{ float:right; padding-right:30px; font-size:14px;} .user_right .r_lft .toptx .morelk a{ color:#888; font-size:13px;} .user_right .r_lft .toptx .morelk a:hover{ color:#0077BD; font-size:13px;} .user_right .r_lft .cptjbox{ margin:20px 11px;} .user_right .r_lft .cptjbox .cp_con{ width:214px; float:left;} .user_right .r_lft .cptjbox .cp_con .cpname{ padding:0 8px 10px 8px; color:#555; font-size:14px; font-weight:bold; text-align:center;} .user_right .r_lft .cptjbox .cp_con .cpname a{ color:#777;} .user_right .r_lft .cptjbox .cp_con .cpname a:hover{ color:#0077BD;} .user_right .r_lft .cptjbox .cp_con .cppic{ text-align:center;} .user_right .r_lft .cptjbox .cp_con .cppic img{ width:160; height:160px;} .user_right .r_lft .cptjbox .cp_con .buttom{ padding:8px 0 40px 0; text-align:center; font-size:12px;} .user_right .r_lft .cptjbox .cp_con .buttom a{ color:#fff; display:inline-block; background:#0077BD; border-radius:3px; padding:5px 56px;} .user_right .r_lft .cptjbox .cp_con .buttom a:hover{color:#fff; background:#F26521;} .user_right .r_lft .cptjbox .cp_con .btshc{ padding:8px 0 40px 0; text-align:center; font-size:12px;} .user_right .r_lft .cptjbox .cp_con .btshc a{ color:#fff; display:inline-block; background:#888; border-radius:3px; padding:5px 56px;} .user_right .r_lft .cptjbox .cp_con .btshc a:hover{color:#fff; background:#F26521;} .user_right .r_lft .wdwtbox{ margin:20px;} .user_right .r_lft .wdwtbox .wt_con{ width:100%; float:left; border-bottom:1px dashed #DDD; margin-bottom:12px;} .user_right .r_lft .wdwtbox .wt_con .wt_tital{ width:330px; float:left; font-size:13px; color:#0077BD; padding-left:5px; padding-bottom:6px;} .user_right .r_lft .wdwtbox .wt_con .wt_leibie{ float:left; font-size:13px; color:#666; padding:0 20px 6px 20px;} .user_right .r_lft .wdwtbox .wt_con .wt_time{ float:left; font-size:12px; color:#888; padding:0 15px 6px 15px;} .user_right .r_lft .wdwtbox .wt_con .wt_yes{ float:left; font-size:13px; color:#D53D3D; padding:0 15px 6px 15px;} .user_right .r_lft .wdwtbox .wt_con .wt_no{ float:left; font-size:13px; color:#777; padding:0 15px 6px 15px;} .user_right .r_lft .wdwtbox .wt_con .wt_chak{ float:left; font-size:13px; padding-bottom:6px;} .user_right .r_lft .wdwtbox .wt_con .wt_chak a{ color:#0077BD;} .user_right .r_lft .wdwtbox .wt_con .wt_chak a:hover{ color:#F26521;} .user_right .r_lft .quest{ margin:38px;} .user_right .r_lft .quest .wt_sm{ width:100%; float:left; line-height:24px;} .user_right .r_lft .quest .wt_sm b{ font-size:16px; font-weight:bold;} .user_right .r_lft .quest .wt_tj{ width:100%; float:left;} .user_right .r_lft .quest .wt_tj ul li{ width:65%; padding-top:14px; padding-bottom:6px; border-bottom:1px solid #e5e5e5;} .user_right .r_lft .quest .wt_tj .bitian{ color:#ff0000; font-size:16px; font-weight:bold; padding-right:5px; padding-left:20px;} .user_right .r_lft .quest .wt_tj li .sp1{ font-size:16px;} .user_right .r_lft .quest .wt_tj li .sp2{ margin-left:0px;} .user_right .r_lft .quest .wt_tj li .sp2 input{ width:300px; height:24px;} .user_right .r_lft .quest .wt_tj .wbk{ width:62%; padding:10px; border:1px solid #e5e5e5;margin-top:10px; } .user_right .r_lft .quest .wt_tj .wbk .sp2{height:110px;} .user_right .r_lft .quest .wt_tj .yanzm{ position:relative;width:65%; padding-top:14px; padding-bottom:6px;margin-bottom:20px; border-bottom:1px solid #e5e5e5;} .user_right .r_lft .quest .wt_tj .yanzm .sp1{ font-size:16px;} .user_right .r_lft .quest .wt_tj .yanzm .sp2{ margin-left:0px;} .user_right .r_lft .quest .wt_tj .yanzm .sp2 input{ width:150px; height:24px;} .user_right .r_lft .quest .wt_tj .yanzm .sp3{ width:150px;float:right;position:absolute; bottom:6px;margin-left:20px;} .user_right .r_lft .quest .wt_tj .btn a, .user_right .r_lft .quest .wt_tj .btn input{ width:176px; height:44px; background:#007ec3; display:block; float:left; color:#fff; font-size:16px; text-align:center; line-height:44px; margin-right:10px; margin-bottom:30px;cursor:pointer; border-radius:5px;} .user_right .r_lft .hezuo{ margin:38px; background:#FFF;} .user_right .r_lft .hezuo ul li{ width:100%; margin-top:22px; padding-bottom:6px; border-bottom:1px solid #e5e5e5;} .user_right .r_lft .hezuo li sp1{ padding-left:12px; font-size:16px;} .user_right .r_lft .hezuo li sp2 input{ width:400px; height:24px;} .user_right .r_lft .hezuo li sp2 select{ padding-top:1px; padding-bottom:4px; width:180px; } .user_right .r_lft .hezuo li sp3 { width:400px;} .user_right .r_lft .hezuo li sp3 input{ width:15px; height:15px;} .user_right .r_lft .hezuo li sp3 tx{ font-size:14px; padding:0 12px 0 6px; color:#666;} .user_right .r_lft .hezuo li sp4{ font-size:15px; color:#0077BD;} .user_right .r_lft .hezuo .wbk{ margin-top:22px; padding:15px 20px; box-sizing:border-box; border:1px solid #e5e5e5; height:171px;} .user_right .r_lft .hezuo .wbk span{ display:block;} .user_right .r_lft .hezuo .wbk .sp1{ float:left; width:60px; font-size:16px;} .user_right .r_lft .hezuo .wbk .sp2{ margin-left:60px; width:495px; height:100%;} .user_right .r_lft .hezuo .wbk .sp2 textarea{ height:100%;} .user_right .r_lft .hezuo .tij{ text-align:left; padding-top:20px;} .user_right .r_lft .hezuo .tij input{ background:#007ec3; width:176px; height:44px; border-radius:3px; font-size:16px; color:#fff; cursor:pointer;} .user_right .r_rgh{ float:right; width:290px; margin-top:20px;} .user_right .r_rgh .sp1{ width:100%; background:#fff; border:1px solid #EEE;} .user_right .r_rgh .sp2{ width:100%; background:#fff; margin-top:20px; border:1px solid #EEE;} .user_right .r_rgh .sp3{ width:100%; background:#fff; margin-top:20px; border:1px solid #EEE; padding:25px 0;} .user_right .r_rgh .sp3 .t1{ text-align:center;} .user_right .r_rgh .sp3 .t2{ text-align:center; font-size:26px; color:#007ac2; font-family:'Conv_COPYFONTS.COM_NETTO-OT' , 'Arial'; padding:14px 0 10px;} .user_right .r_rgh .sp3 .t3{ text-align:center; font-size:13px; color:#666;} .user_right .r_rgh .toptx{ padding:16px 0 13px 20px; color:#333; font-size:15px; font-weight:bold; border-bottom:1px solid #EEE;} .user_right .r_rgh .toptx .morelk{ float:right; padding-right:20px; font-size:14px;} .user_right .r_rgh .toptx .morelk a{ color:#888; font-size:13px;} .user_right .r_rgh .toptx .morelk a:hover{ color:#0077BD; font-size:13px;} .user_right .r_rgh ul{ margin:20px;} .user_right .r_rgh li{ padding-bottom:14px; font-size:14px;} .user_right .r_rgh li a{ color:#888;} .user_right .r_rgh li a:hover{ color:#0077BD;} /*会员中心-会员资料*/ .user_right .r_box{ width:100%; background:#fff; border:1px solid #DFDFDF;} .user_right .toptitle{ margin:12px 12px; padding:0px 12px 8px 12px; color:#0077BD; font-size:15px; font-weight:bold; border-bottom:1px solid #EEE;} .user_right .zc_cont{ margin:20px 30px;} .user_right .zc_cont .left{ float:left; width:500px;} .user_right .zc_cont .left li{ margin-bottom:20px;} .user_right .zc_cont .left li span{ display:block;} .user_right .zc_cont .left li .sp1{ float:left; width:120px; padding-top:8px; font-size:15px; text-align:right;} .user_right .zc_cont .left li .sp2{ margin-left:125px; height:35px;} .user_right .zc_cont .left li .sp2 input{ width:100%; height:100%; color:#666; padding-left:10px; border:1px solid #DFDFDF;} .user_right .zc_cont .left li .sp2 select{ margin-top:7px; padding-top:1px; padding-bottom:5px; width:180px;} .user_right .zc_cont .left li .sp3{ padding-top:8px; font-size:15px; color:#777;} .user_right .zc_cont .left .user_yzm{ margin-left:125px; height:35px;} .user_right .zc_cont .left .demo-list{ padding:12px 12px 0 0;} .user_right .zc_cont .left .demo-list li{ float:left; font-size:14px; color:#777;} .user_right .zc_cont .left .demo-list li input{ width:15px; height:15px;} .user_right .zc_cont .list{ padding-bottom:20px;} .user_right .zc_cont .list li{ border-bottom:1px solid #e0e0e0; padding:12px 0; font-size:15px; font-weight:300;} .user_right .zc_cont .list span{ display: inline-block;} .user_right .zc_cont .list a{ float:left; width:83%; color:#333;} .user_right .zc_cont .list a:hover{ color:#007ac2;} .user_right .zc_cont .list span{ float:right; width:17%; text-align:right; color:#888;} .user_right .zc_cont .ggtitle{ padding:12px 0px; font-size:20px; color:#555; font-weight:bold; text-align:center; border-bottom:1px solid #e0e0e0;} .user_right .zc_cont .ggtime{ padding:8px 0px; font-size:12px; color:#999; text-align:center;} .user_right .zc_cont .ggxx{ padding:15px 20px 20px; font-size:14px; color:#555;} .user_right .zc_cont .ggxx p{ padding-bottom:15px;} .user_right .user_hysm{ float:left; margin-left:50px; font-size:13px; color:#444; line-height:22px;} .user_right .user_hysm .hyqxtx{ padding-bottom:50px; font-size:15px; font-weight:bold;} .user_right .user_hysm p{ padding-bottom:15px;} .user_right .hyan_box{ width:500px; margin-left:20px; margin-bottom:40px;} .user_right .hyan_box .hy_buttom{ float:left; text-align:center; font-size:16px; padding-left:90px;} .user_right .hyan_box .hy_buttom a{ color:#FFF; display:inline-block; background:#0077BD; border-radius:5px; padding:8px 50px; text-decoration:none;} .user_right .hyan_box .hy_buttom a:hover{color:#fff; background:#F26521; text-decoration:none;} .user_right .zc_cont .right{ float:right; width:340px; margin-top:20px; margin-right:20px; background:#F5F5F5; border:1px solid #CCC;} .user_right .zc_cont .right .user_pic{ float:left; margin:20px;} .user_right .zc_cont .right .user_pic img{ width:110px; height:110px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:1px solid #CCC;} .user_right .zc_cont .right .tx_box{ float:left; margin-top:32px; width:160px;} .user_right .zc_cont .right .tx_box .usertx1{ padding-bottom:12px; font-size:13px; font-weight:bold;} .user_right .zc_cont .right .tx_box .usertx2{ padding-bottom:5px; font-size:13px;} .user_right .zc_cont .right .tx_box .usertx3{ font-size:13px; color:#0066CC;} .user_right .zc_cont .right .tx_box a{ color:#0066CC;} .user_right .zc_cont .right .tx_box a:hover{ color:#F26521;} .user_right .dfsrk_cont .right{ margin-left:464px; padding-top:13px;} .user_right .dfsrk_cont .wbk{ padding:15px 20px; box-sizing:border-box; border:1px solid #ccc; height:171px;} .user_right .dfsrk_cont .wbk span{ display:block;} .user_right .dfsrk_cont .wbk .sp1{ float:left; width:60px; font-size:16px;} .user_right .dfsrk_cont .wbk .sp2{ margin-left:60px; height:100%;} .user_right .dfsrk_cont .wbk .sp2 textarea{ width:100%; height:100%;} .user_right .dfsrk_cont .tij{ text-align:right; padding-top:20px;} .user_right .dfsrk_cont .tij input{ background:#007ec3; width:176px; height:44px; border-radius:3px; font-size:16px; color:#fff; cursor:pointer;} /*会员登录*/ .hygg_p{ padding:50px 0 0; overflow:hidden;} .hygg_p .jjfl_tit{ font-size:30px; position:relative; text-align:center;} .hygg_p .jjfl_tit span{ padding:0 20px; background:#fff; display:inline-block; position:relative; z-index:3; color:#333;} .hygg_p .jjfl_tit.jjfl_tit_hui span{ background:#f8f8f8;} .hygg_cont{ padding:5px 0 26px;} .hygg_cont .box{ background:#fff; padding:20px 60px 20px;} .hygg_cont .list li{ border-bottom:1px solid #e0e0e0; padding:12px 0; font-size:15px; font-weight:300;} .hygg_cont .list span{ display: inline-block;} .hygg_cont .list a{ float:left; width:85%; color:#333;} .hygg_cont .list a:hover{ color:#007ac2;} .hygg_cont .list span{ float:right; width:15%; text-align:right;} .hygg_cont .more{ padding-top:20px; text-align:center;} .hygg_cont .more span{ display:inline-block; color:#007ec3; border:1px solid #007ec3; border-radius:5px; padding:8px 35px; cursor:pointer;} .hygg_cont.last{ padding-bottom:80px;} .hygg_xq{ width:100%; padding-top:20px;} .hygg_xq .cont{ font-size:15px; line-height:28px; color:#555;} .hygg_xq .cont p{ padding-top:2px; padding-bottom:14px;} .hygg_xq .cont p span, .hygg_xq .cont img{ max-width:100%;} /*搜索结果*/ .ss_ban{ background:url(../images/ban-search.jpg?v=3) no-repeat center; background-size: cover;color:#fff; padding:50px 0 20px; height:220px; box-sizing:border-box;} .ss_ban .jians_2{ position:fixed; width:100%; left:0; top:80px; padding:15px 0; z-index:10;} .ss_ban .bt{ font-size:40px; line-height:50px; font-weight:300; padding-bottom:25px;} .ss_ban .ssk span{ display:block;} .ss_ban .ssk .sp1, .ss_ban .ssk .sp2{ float:left;} .ss_ban .ssk .sp1{ padding:12px 20px 0 0;} .ss_ban .ssk .sp2{ width:400px; height:45px; background:#fff; box-sizing:border-box;} .ss_ban .ssk .sp2 input{ width:100%; height:100%; border:none; padding:0 15px; line-height:45px; outline:none; font-size:15px;} .ss_ban .ssk .sp2 input::-webkit-input-placeholder {color:#666; opacity: 1} .ss_ban .ssk .sp2 input:-moz-placeholder {color: #666; opacity: 1} .ss_ban .ssk .sp2 input::-moz-placeholder {color: #666; opacity: 1} .ss_ban .ssk .sp2 input:-ms-input-placeholder {color: #666; opacity: 1} .ss_ban .demo-list{ padding:12px 0 0 30px;} .ss_ban .demo-list, .ss_ban .demo-list li{ float:left;} .ss_ban .demo-list li{ margin-right:30px; font-size:16px;} .ss_ban .demo-list label:hover{ color:#fff;} .ss_ban .btn{ float:left;} .ss_ban .btn a{ display:block; width:150px; height:45px; background:#ffdd00; color:#000; font-size:18px; font-weight:500; text-align:center; line-height:45px;} .ss_ban .iph{ display:none;} .ss_cont{ padding:40px 0 40px;} .ss_cont .box{ background:#fff;padding:40px 60px 40px 60px;} .ss_cont .top-1 .left{ float:left;} .ss_cont .top-1 .right{ float: right;} .ss_cont .top-1 i{ color:#cc0000;} .ss_cont .top-2{ padding:20px 0 0 0;} .ss_cont .top-2 li{ float:left; margin-left:-1px;} .ss_cont .top-2 a{ display:block; padding:10px 50px; font-size:16px; color:#333; background:#f5f5f5; border:1px solid #e0e0e0;} .ss_cont .top-2 a:hover, .ss_cont .top-2 .one{ background:#ffdd00; color:#000; border:1px solid #ffdd00;} .ss_cont .list li{ border-bottom:1px solid #e0e0e0; padding:15px 0; font-size:16px; font-weight:300;} .ss_cont .list a, .ss_cont .list span{ display: inline-block;} .ss_cont .list a{ float:left; width:85%; color:#333;} .ss_cont .list a:hover{ color:#d1000f;} .ss_cont .list span{ float:right; width:15%; text-align:right;} .ss_cont .cplb_list{ padding:0 0 40px; margin-top:20px;} .ss_cont .box:nth-child(2){ padding-top:0;} /*新闻列表-专题新闻*/ .xwzt_bt{ font-size:30px; line-height:32px; padding:35px 0 30px;} .xwzt_list{ padding-bottom:100px;} .xwzt_list li{ background:#fff; margin-bottom:40px; border-radius:5px;} .xwzt_list li:hover{ transition: 0.4s; -webkit-transition: 0.4s; background:#007ac2;} .xwzt_list .img, .xwzt_list .text{ float:left; width:50%; box-sizing:border-box;} .xwzt_list .img{ border-radius:5px 0 0 5px; overflow:hidden;} .xwzt_list .text{ padding:25px 40px 0;} .xwzt_list .text a, .xwzt_list .text span{ display:block; transition: 0.4s; -webkit-transition: 0.4s;} .xwzt_list .bt a{ font-size:24px; font-weight:300; color:#333;} .xwzt_list .time{ font-size:12px; color:#999; padding-top:11px;} .xwzt_list .tet{ line-height:22px; color:#555; padding-top:15px;} .xwzt_list .btn{ text-align:right; padding-top:20px;} .xwzt_list .btn a{ display:inline-block; border-radius:3px; padding:5px 25px; color:#666; border:1px solid #bfbfbf;} .xwzt_list li:hover .bt a, .xwzt_list li:hover .time, .xwzt_list li:hover .tet{ color:#fff;} .xwzt_list li:hover .btn a{ border:1px solid #99cae7; color:#fff;} /*新闻列表-展会活动*/ .xwzh_p1{ padding:30px 0 20px;} .xwzh_p1 .fw_js .xl > ul > li{ width:50%;} .xwzh_p1 .fw_js .ss{ width:45%;} .xwzh_p1 .fw_js .xl{ width:48%;} .xwzh_p2{ padding-bottom:94px;} .xwzh_p2 .list{ background:#fff; margin-bottom:59px; padding:76px 65px 59px;} .xwzh_p2 .th{ background:#f2f7fb;} .xwzh_p2 .th li{ float:left; font-size:16px; line-height:52px; text-align:center; box-sizing:border-box; padding:0 10px;} .xwzh_p2 .th li.li1{ width:45%; text-align:left; padding-left:60px;} .xwzh_p2 .th li.li2{ width:35%;} .xwzh_p2 .th li.li3{ width:10%;} .xwzh_p2 .th li.li4{ width:10%;} .xwzh_p2 .xwzh_list dl{ border-bottom:1px solid #ebebeb;} .xwzh_p2 .xwzh_list dt{ cursor:pointer; padding:30px 0;} .xwzh_p2 .xwzh_list dt span{ display:block; float:left; box-sizing:border-box; text-align:center; padding:0 10px;} .xwzh_p2 .xwzh_list dt .sp1{ width:45%; text-align:left; padding-left:60px; font-size:16px;} .xwzh_p2 .xwzh_list dt .sp2{ width:35%; color:#666;} .xwzh_p2 .xwzh_list dt .sp2 i{ display:inline-block; position:relative; padding-left:23px;} .xwzh_p2 .xwzh_list dt .sp2 i:before{ content: ''; position: absolute; left:0; top:50%; margin-top:-8px; width:16px; height:16px; background:url(../images/xwzh_ion-1.png) no-repeat center;} .xwzh_p2 .xwzh_list dt .sp3{ width:10%;} .xwzh_p2 .xwzh_list dt .sp3 i{ display:inline-block; position:relative; padding-left:20px;} .xwzh_p2 .xwzh_list dt .sp3 i:before{ content: ''; position: absolute; left:0px; top:50%; margin-top:-8px; width:14px; height:16px; background:url(../images/xwzh_ion-2.png) no-repeat center;} .xwzh_p2 .xwzh_list dt .sp4{ width:10%; background:url(../images/xwzh_ion-3.png) no-repeat center; min-height:20px;} .xwzh_p2 .xwzh_list dd{ padding:28px 50px 30px 60px; display:none;} .xwzh_p2 .xwzh_list dd .img{ width:425px; float:left;} .xwzh_p2 .xwzh_list dd .list_a{ margin-left:425px; padding-left:36px; padding-top:5px;} .xwzh_p2 .xwzh_list dd .list_a span, .xwzh_p2 .xwzh_list dd .list_a a, .xwzh_p2 .xwzh_list dd .list_a i{ display:block;} .xwzh_p2 .xwzh_list dd .list_a span{ position:relative; height:31px; line-height:30px; margin:15px 0;} .xwzh_p2 .xwzh_list dd .list_a span:before{ content: ''; position: absolute; left:0; top:50%; width:100%; height:1px; background:#ececec;} .xwzh_p2 .xwzh_list dd .list_a a{ font-size:16px; color:#666; float:left; background:#fff; position:relative; padding-right:5px;} .xwzh_p2 .xwzh_list dd .list_a a:hover{ color:#007ec3;} .xwzh_p2 .xwzh_list dd .list_a i{ float:right; color:#999; padding-top:2px; background:#fff; position:relative; padding-left:5px;} .xwzh_p2 .xwzh_list .one{ border-bottom:none;} .xwzh_p2 .xwzh_list .one dt, .xwzh_p2 .xwzh_list dt:hover{ background-color:#fafafa;} .xwzh_p2 .xwzh_list .one dt .sp4{ background-image:url(../images/xwzh_ion-4.png);} /*服务支持-国际网络*/ .fwwl_btn{ padding:20px 0;} .fwwl_btn a{ display:inline-block; border:1px solid #e0e0e0; line-height:42px; padding:0 60px; font-size:18px; color:#333;} .fwwl_btn a.one{ background:#007ac2; border:1px solid #007ac2; color:#fff;} .fwgj{ margin-bottom:100px; background:#fff; padding:0 50px;} .fwgj_part{ position:relative;} .fwgj_part li{ width:16px; height:16px; position:absolute; z-index:5;} .fwgj_part li span{ display:block;} .fwgj_part .dian{ background:#ff6600; border:2px solid #fff; width:100%; height:100%; box-sizing:border-box; border-radius:16px; cursor:pointer;} .fwgj_part .nr{ width:280px; height:170px; position:absolute; left:50%; margin-left:-135px; top:25px; border:1px solid #007ac2; background-color:#fff; text-align:center; border-radius:5px;} .fwgj_part .nr .bt{ color:#888; padding:12px 0;} .fwgj_part .nr .bt b{ font-weight:bold;} .fwgj_part .nr a{ display:inline-block; width:110px; line-height:36px; border:1px solid #007ac2; border-radius:5px; color:#666;} .fwgj_iph{ display:none;} /*服务支持-国内网络*/ .fwgn_p1{ padding-bottom:29px;} .fwgn_p1 .cf > li{ float:left;} .fwgn_p1 .cf > li span{ display:block;} .fwgn_p1 .sp1{ float:left; line-height:38px; color:#666;} .fwgn_p1 .li1{ margin-right:27px;} .fwgn_p1 .li1 .sp2{ margin-left:45px; width:260px; height:38px; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff;} .fwgn_p1 .li1 .sp2 select{ height:100%;} .fwgn_p1 .li1 .sp2s{ margin-left:45px; width:180px; height:38px;} .fwgn_p1 .li1 .sp2s select{ width:100%; height:100%;} .fwgn_p1 .chosen-container-single .chosen-single{ line-height:36px;} .fwgn_p1 .chosen-container-single .chosen-single div b{ background:url(../images/fwxz_ion-1.png) no-repeat center;} .fwgn_p1 .li2{ margin-right:10px;} .fwgn_p1 .li2 .sp2{ margin-left:84px; width:430px; height:38px; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff; padding:3px 10px;} .fwgn_p1 .li2 .sp2 input{ width:100%; height:100%;} .fwgn_p1 .li3{ margin-right:23px;} .fwgn_p1 .li3 a{ display:block; width:108px; line-height:36px; color:#666; border:1px solid #007ac2; text-align:center; border-radius:5px;} .fwgn_p1 .li3 a:hover{ background:#007ac2; color:#fff;} .fwgn_p1 .li4{ line-height:38px;} .fwgn_p2{ margin-bottom:100px; height:602px; background:#fff; box-sizing:border-box; border:1px solid #e0e0e0;} .fwgn_p2 .left{ float:left; width:70%; height:100%;} .fwgn_p2 .map_con{ width:100%; height:100%; box-sizing:border-box; border-right:1px solid #e0e0e0;} .fwgn_p2 .right{ float:left; width:30%; height:100%; box-sizing:border-box; padding-bottom:34px; position:relative;} .fwgn_p2 li{ padding:0 30px; transition: 0.4s; -webkit-transition: 0.4s; cursor:pointer;} .fwgn_p2 li:hover{ background:#f5f5f5;} .fwgn_p2 li .li_box{ padding:19px 0; border-bottom:1px solid #e0e0e0;} .fwgn_p2 li.last .li_box{ border-bottom:0;} .fwgn_p2 li span, .fwgn_p2 li i, .fwgn_p2 li b{ display:block; color:#666;} .fwgn_p2 li span{ padding:3px 0;} .fwgn_p2 li .bt{ font-size:18px; font-weight:300; color:#333;} .fwgn_p2 li i{ float:left; width:50px;} .fwgn_p2 li .sp1{ margin-left:50px;} .fwgn_p2 li .xq{ padding-top:10px;} .fwgn_p2 li .xq a{ display: inline-block; border-radius:5px; color:#666; line-height:36px; padding:0 30px; border:1px solid #007ac2;} .fwgn_p2 .right .feny{ width:100%; height:33px; line-height:33px; position:absolute; left:0; bottom:0; background:#f8f8f8; border-top:1px solid #e0e0e0; padding:0 20px; box-sizing:border-box;} .fwgn_p2 .right .l{ float:left;} .fwgn_p2 .right .l a{ display:inline-block; height:33px; width:30px;} .fwgn_p2 .right .l a.a1{ background:url(../images/fwgn_ion-1.png) no-repeat center;} .fwgn_p2 .right .l a.a2{ background:url(../images/fwgn_ion-2.png) no-repeat center;} .fwgn_p2 .right .r{ float:right; font-size:18px; font-weight:300;} .fwgn_p2 .right .r i{ color:#999;} /*服务支持-视频宣传*/ .fwsp_p{ padding-top:78px; overflow:hidden;} .fwsp_p ul{ margin:0 -15px; padding-top:50px;} .fwsp_p li{ float:left; width:33.3%; padding:0 15px; box-sizing:border-box; margin-bottom:32px;} .fwsp_p dt{ width:242px; border-radius:5px; overflow:hidden; float:left; position:relative;} .fwsp_p dt a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/jjfl_ion-2.png) no-repeat center rgba(0,0,0,0.4);} .fwsp_p dd{ margin-left:252px; padding-top:12px;} .fwsp_p dd span, .fwsp_p dd a{ display:block;} .fwsp_p dd a{ font-size:16px; color:#333; line-height:24px;} .fwsp_p dd a:hover{ color:#007ec3;} .fwsp_p dd span{ font-size:12px; color:#666; padding-top:35px;} .fwsp_p .more{ text-align:center;} .fwsp_p .more span{ display:inline-block; color:#007ec3; border:1px solid #007ec3; border-radius:5px; padding:8px 35px; cursor:pointer;} .fwsp_p.last{ padding-bottom:100px;} /*服务支持-服务公告*/ .fwgg_p{ padding:50px 0 0; overflow:hidden;} .fwgg_p .jjfl_tit{ font-size:30px; position:relative; text-align:center;} .fwgg_p .jjfl_tit span{ padding:0 20px; background:#fff; display:inline-block; position:relative; z-index:3; color:#333;} .fwgg_p .jjfl_tit.jjfl_tit_hui span{ background:#f8f8f8;} .fwgg_cont{ padding:5px 0 26px;} .fwgg_cont .box{ background:#fff; padding:20px 60px 20px;} .fwgg_cont .list li{ border-bottom:1px solid #e0e0e0; padding:12px 0; font-size:15px; font-weight:300;} .fwgg_cont .list span{ display: inline-block;} .fwgg_cont .list a{ float:left; width:85%; color:#333;} .fwgg_cont .list a:hover{ color:#007ac2;} .fwgg_cont .list span{ float:right; width:15%; text-align:right;} .fwgg_cont .more{ padding-top:20px; text-align:center;} .fwgg_cont .more span{ display:inline-block; color:#007ec3; border:1px solid #007ec3; border-radius:5px; padding:8px 35px; cursor:pointer;} .fwgg_cont.last{ padding-bottom:80px;} .fwgg_xq{ width:100%; padding-top:20px;} .fwgg_xq .cont{ font-size:15px; line-height:28px; color:#555;} .fwgg_xq .cont p{ padding-top:2px; padding-bottom:14px;} .fwgg_xq .cont p span, .fwgg_xq .cont img{ max-width:100%;} /*关于我们-公司介绍*/ .about-con{ padding:40px 0;background:#f9f9f9;} .gyjs_tit{ font-size:24px; font-weight:500; text-align:left; margin-bottom:10px;} .gyjs_p1{ background:#f9f9f9; padding:0 0 40px 0} .gyjs_p1 .cont{background: #fff;} .gyjs_p1 .left, .gyjs_p1 .right{ width:50%; box-sizing:border-box; float:left;} .gyjs_p1 .left{ padding:0;} .gyjs_p1 .left img{ width:100%;} .gyjs_p1 .right{ padding:40px 40px 0 40px ; line-height:28px; color:#333; text-align:justify;} .gyjs_p1 .right h2{ font-size:30px;font-weight:500; color:#333; margin-bottom:20px;} .gyjs_p1 .right p{ margin-bottom:10px; font-size:15px;} .gyjs_p1 .right .btn{ width:100%; margin-top:40px;} .gyjs_p1 .right .btn a{padding:10px 20px; background:#d1000f; font-size:16px; color:#fff;} .gyjs_p2{ background:#f9f9f9; padding:0 0 40px 0} .gyjs_p2 .cont{background: #eee; padding:0px;} .gyjs_p2 .left{ width:50%; box-sizing:border-box; float:left;} .gyjs_p2 .right{ width:50%; box-sizing:border-box; float:left;} .gyjs_p2 .right{ padding:0;} .gyjs_p2 .right img{ width:100%;} .gyjs_p2 .left{ padding:40px 40px 0 40px ; line-height:28px; color:#333; text-align:justify;} .gyjs_p2 .left h2{ font-size:30px;font-weight:500; color:#333; margin-bottom:20px;} .gyjs_p2 .left p{ margin-bottom:10px; font-size:15px;} .gyjs_p2 .left p img{ width:100%; margin-top:20px;} .gyjs_p3{ padding:0 0 40px 0;background:#f9f9f9;} .gyjs_p3 .cont{ padding:0; color:#333; line-height:28px;text-align:justify;} .gyjs_p3 .cont p{ margin-bottom:10px; font-size:15px;} .gyjs_p4{ background:#f9f9f9; padding:0 0 40px 0} .gyjs_p4 .cont{background: #eee; padding:0px;} .gyjs_p4 .left{ width:50%; box-sizing:border-box; float:left;padding:40px;line-height:28px; color:#333; text-align:justify;} .gyjs_p4 .right{ width:50%; box-sizing:border-box; float:left; padding:40px; line-height:28px; color:#333; text-align:justify;} .gyjs_p4 p{ margin-bottom:10px; font-size:15px;} .gyjs_p4 p img{ width:100%;} .jobs-con{background:#f9f9f9; padding-bottom:40px;} .jobs-con .cont{ padding:40px; background-color:#fff;} .jobs-con .cont p{ line-height:2;} .jobs-con table{ border:none;cellspacing:0;cellpadding:0;border-collapse:collapse; margin-bottom:20px; width:100%;} /*.jobs-con table tr:nth-child(even){background:#eee;}*/ /*偶数行背景*/ .jobs-con table tr:nth-child(odd){background:#eee;} /*奇数行背景*/ .jobs-con table tr:hover{ background:#fffad8;} .jobs-con table td{ border:1px solid #ddd; padding:5px 0; font-size:14px; line-height:1.5; color:#666; text-align:center;} .jobs-con table .firstRow{ background:#daeef3;} .jobs-con table .firstRow td{ padding:10px 0; color:#333; background:#daeef3;} @media (max-width: 700px) { .jobs-con table td{ font-size:12px;} .jobs-con .cont{ padding:20px 0 0 0;background:#f9f9f9;} } .jt_checkx{ background: #fff; padding:20px 0;} .jt_checkx .tabx{ border-bottom:1px solid #ccc;} .jt_checkx #tab_checkx { text-align: center; width: 100%;} .jt_checkx #tab_checkx a{ font-size:18px; padding: 15px 40px; background-color:#eee; color:#333; display:inline-block; border:1px solid #eee;} .jt_checkx #tab_checkx a:first-child{ margin-left:0px;} .jt_checkx #tab_checkx a.selected{ background-color:#fff; position:relative; color: #D1000F; border-bottom: 1px solid #e1e1e1 !important;border:1px solid #ccc;} .jt_checkx #tab_checkx a.selected:before{ content: ''; position: absolute; left:0; bottom:-2px; width:100%; height:2px; background:#fff;} .jt_checkx #tab_checkx a i{ margin-right: 10px;} @media screen and (max-width:1200px) and (min-width:759px){ .jt_checkx #tab_checkx { text-align: center; width: 100%;} .jt_checkx #tab_checkx a:first-child{ margin-left:0px;} .jt_checkx #tab_checkx a{ font-size:14px; padding:10px 20px;} } @media screen and (max-width:758px){ .jt_checkx{ background: #fff; padding: 20px 0px;} .jt_checkx #tab_checkx { text-align: center; width: 100%;} .jt_checkx #tab_checkx a:first-child{ margin-left:0px;} .jt_checkx #tab_checkx a{ font-size:14px; padding:10px 9px;} .jt_checkx #tab_checkx a i{ display: none;} } .jt_checkxa{ background: #fff; padding:20px 0;} .jt_checkxa .tabxa{text-align: center;} .jt_checkxa #tab_checkxa { text-align: center; width: 100%;} .jt_checkxa span{ font-size:18px; padding:0 30px; background-color:#eee; color:#333; display:inline-block; line-height:60px; margin:0 10px; border-radius:30px; cursor:pointer;} .jt_checkxa .selected{ background-color:#ffdd00; color: #000;} @media screen and (max-width:1200px) and (min-width:759px){ .jt_checkxa #tab_checkxa { text-align: center; width: 100%;} .jt_checkxa #tab_checkxa a:first-child{ margin-left:0px;} .jt_checkxa #tab_checkxa a{ font-size:14px; padding:10px 20px;} } @media screen and (max-width:758px){ .jt_checkxa{ background: #fff; padding: 20px 0px;} .jt_checkxa #tab_checkxa { text-align: center; width: 100%;} .jt_checkxa #tab_checkxa a:first-child{ margin-left:0px;} .jt_checkxa #tab_checkxa a{ font-size:14px; padding:10px 9px;} .jt_checkxa #tab_checkxa a i{ display: none;} } /* 加入我们 NEW*/ .jobsnew{ background: #fff;} .jobsnew .ck_con{ background: #fff; padding:60px 0 20px 0; text-align:center;} .jobsnew .ck_con li{display: inline-block; padding:0;margin:0 10px; list-style:none; height:52px; line-height:52px;overflow:hidden;} .jobsnew .ck_con li a{font-size:18px; padding:0 30px; background-color:#eee; color:#333;border-radius:26px; cursor:pointer;height:52px; line-height:52px; display:block;} .jobsnew .ck_con .selected{ background-color:#ffdd00; color: #000;} .jobsnew .jobsearch {width:400px;height:52px;position:relative;} .jobsnew .jobsearch input{line-height:50px; width:100%; outline: none; font-size:16px;text-indent:20px;height:50px;border:1px solid #FFCE00; border-radius:25px; padding:0; } .jobsnew .jobsearch .btn { position:absolute;width:44px; height:44px;top:3px; right:3px;} .jobsnew .jobsearch #btnPC{ display:block; width:100%; text-align:center; font-size:20px;color:#000; background:#ffdd00; line-height:44px;height:44px;cursor:pointer;border-radius:23px; padding:0;} @media screen and (max-width:758px){ .jobsnew .ck_con li{ margin-bottom:30px;} .jobsnew .ck_con li:last-child{ margin-bottom:0;} .jobsnew .jobsearch { width:90%; margin:0 auto;} } .qt_con2{ padding:40px 0; overflow:hidden;background: #fff; } .qt_con2 ul{margin:0 -10px; text-align:center;} .qt_con2 ul > li{ float:left; width:calc(16.66% - 20px); margin-bottom:20px;position:relative; padding: 0 10px;} .qt_con2 .nr_box{position:relative;width:100%; overflow:hidden; margin-bottom:20px;} .qt_con2 .tet{font-size:16px; color:#666;} .qt_con2 .tet i{ width:110px; height:110px; border-radius:50%; color:#000; display: block; line-height:110px; font-size:60px; margin: 0 auto; border:1px solid #333;} .qt_con2 .tet span{ display:block; font-size:20px;color:#333; margin-top:10px;} .qt_con2 .li_box:hover .tet i{background-color:#ffdd00;border:1px solid #ffdd00;} @media(max-width: 1200px){ .qt_con2 .tet i{ width: 90px; height: 90px; line-height: 90px; font-size: 50px;} } @media(max-width:992px){ .qt_con2 ul > li{ float:left; width:calc(33.33% - 10px); margin-bottom:10px;position:relative; padding: 0 5px;} .qt_con2 .tet i{ width:70px; height:70px; line-height:70px; font-size:40px;} .qt_con2 .tet span{ margin-top:10px; font-size:18px;} } @media(max-width:768px){ .qt_con2{ padding:20px 0;} .qt_con2 ul > li{ float:left; width:calc(33.33% - 10px); margin-bottom:10px;position:relative; padding: 0 5px;} .qt_con2 .tet i{ width: 50px; height: 50px; line-height:50px; font-size:25px;} .qt_con2 .tet span{ margin-top:0px; font-size:14px;} } /*人才招聘*/ .gyzp_p2{ background:#f9f9f9; padding-bottom:40px;} .gyzp_p2 .cont{padding:40px; background:#fff;} .gyzp_p2 .tab{ padding-bottom:30px; width:500px; margin:0 auto;} .gyzp_p2 .tab li{float:left;width:50%; list-style:none;} .gyzp_p2 .tab a{ width:100px; height:130px; margin:0 auto;text-align:center;font-size:18px; font-weight:bold;color:#333;display:block; } .gyzp_p2 .tab a i{width:100px; height:100px;border:1px solid #999; border-radius:50%;display:block; overflow:hidden; line-height:100px; text-align:center;} .gyzp_p2 .tab a i img{ width:80px; height:80px;} .gyzp_p2 .tab a span{ width:100px; line-height:30px; text-align:center;} .gyzp_p2 .tab a.selected i{ background:#ffdd00; color:#000;border:1px solid #ffdd00;} @media(max-width:768px){ .gyzp_p2 .tab{ width:100%;padding-bottom:20px;} .gyzp_p2 .tab a{ width:80px; height:100px;} .gyzp_p2 .tab a i{width:80px; height:80px;line-height:80px; } .gyzp_p2 .tab a i img{ width:60px; height:60px;} .gyzp_p2 .tab a span{ width:80px; line-height:20px; text-align:center;} } .gyzp_p2 .tit_box{font-size:14px; color:#333; font-weight:bold;position:relative; padding:10px 0; border-bottom:1px solid #ccc;} .gyzp_p2 .tit_box span{ display:block; float:left; box-sizing:border-box; width:25%; padding:0 40px;} .gyzp_p2 .tab_main dt{ cursor:pointer;} .gyzp_p2 .tab_main dt .dt_box{font-size:16px;position:relative; padding:20px 0; border-bottom:1px solid #ededed;} .gyzp_p2 .tab_main dt span{ display:block; float:left; box-sizing:border-box; width:25%; padding:0 40px;} .gyzp_p2 .tab_main dt .more{ position:absolute;right:40px;bottom:22px;width:19px; height:20px; background:url(../images/xwzh_ion-3.png) no-repeat center; padding:0;} .gyzp_p2 .tab_main .one dt{ background:#f5f5f5; font-weight:bold;} .gyzp_p2 .tab_main .one dt .dt_box{ border-bottom:1px solid #ddd;} .gyzp_p2 .tab_main .one dt .more{ background-image:url(../images/xwzh_ion-4.png);} .gyzp_p2 .tab_main dd{ display:none; background:#f5f5f5; color:#333; padding:30px 40px;} .gyzp_p2 .tab_main .dd_box span{ display:block;} .gyzp_p2 .tab_main .dd_box{ margin:0 -40px;} .gyzp_p2 .tab_main .dd_box > span{ float:left; box-sizing:border-box; width:33%; padding:0 20px 0 40px; text-align:justify; font-size:14px;} .gyzp_p2 .tab_main .dd_box .sp1{} .gyzp_p2 .tab_main .dd_box .sp2{position:relative;} .gyzp_p2 .tab_main .dd_box .sp2:before{ content:''; position: absolute; left:10px; top:38px; width:1px; height:100px; background:#ccc;} .gyzp_p2 .tab_main .dd_box .sp3{padding-top:35px; position:relative;} .gyzp_p2 .tab_main .dd_box .sp3:before{ content:''; position: absolute; left:10px; top:38px; width:1px; height:100px; background:#ccc;} .gyzp_p2 .tab_main .dd_box .bt{ font-size:14px; font-weight:bold;padding-bottom:10px;} .gyzp_p2 .tab_main .dd_box p{line-height:24px;} .gyzp_p2 .tab_main .dd_box .lx{color:#d1000f; padding:10px 15px; border:1px solid #d1000f; border-radius:10px;} /*关于我们-企业文化*/ .wenhua{ margin-top:60px;} .wenhua .iline{ overflow:hidden; padding:0; margin-bottom:100px;} .wenhua .iline:nth-child(odd) .text{float:left;} .wenhua .iline:nth-child(odd) .imgs{float:right;} .wenhua .iline:nth-child(even) .text{float:right;} .wenhua .iline:nth-child(even) .imgs{float:left;} .wenhua .iline .text{ width:36%; text-align:left;} .wenhua .iline .text h4{ font-size:24px; color:#333; line-height:1.8; padding-bottom:25px; margin-bottom:30px; border-bottom:1px solid #ddd;} .wenhua .iline .text p{ font-size:15px; color:#666; line-height:1.8; margin-bottom:10px; text-align:justify;} .wenhua .iline .imgs{ width:58%; text-align:left;height:400px;position:relative;} .wenhua .iline .imgs .pic-slick{width:100%;display:inline-block;vertical-align:left; background:#FFBA00;} .wenhua .iline:nth-child(odd) .imgs .pic-slick{border-bottom-left-radius:20px;border-top-left-radius:20px;} .wenhua .iline:nth-child(even) .imgs .pic-slick{border-bottom-right-radius:20px;border-top-right-radius:20px;} .wenhua .iline .imgs .pic-slick li{width:100%;height:100%;} .wenhua .iline .imgs .pic-slick li img{width:100%;height:400px;} .wenhua .iline:nth-child(odd) .imgs .pic-slick li img{border-bottom-left-radius:20px;border-top-left-radius:20px;} .wenhua .iline:nth-child(even) .imgs .pic-slick li img{ border-bottom-right-radius:20px;border-top-right-radius:20px;} .wenhua .iline .imgs .pic-slick .slick-dots{width:20px;position:absolute;bottom:20px;text-align:center;padding:0} .wenhua .iline:nth-child(odd) .imgs .pic-slick .slick-dots{left:20px;} .wenhua .iline:nth-child(even) .imgs .pic-slick .slick-dots{right:20px;} .wenhua .iline .imgs .pic-slick .slick-dots>li{display:inline-block;vertical-align:top;margin:5px;padding:0;text-align:center; width:20px;} .wenhua .iline .imgs .pic-slick .slick-dots>li>button{display:block;border:none;background:#ccc;width:10px;height:10px;border-radius:50%;font-size:0; padding:0; margin:0 auto; outline:none;} .wenhua .iline .imgs .pic-slick .slick-dots>li.slick-active>button{background:#fff; width:14px; height:14px;} @media (max-width: 1200px) { .wenhua .iline .imgs{height:300px;} .wenhua .iline .imgs .pic-slick li img{height:300px;} } @media (max-width: 768px) { .wenhua .iline .text{ width:100%; text-align: center;} .wenhua .iline .text p{ margin-bottom:10px;} .wenhua .iline .imgs{ width:100%; text-align:center;height:100%;} .wenhua .iline .imgs .pic-slick li img{width:100%;height:100%;} } /* 进入效果 */ .iline .text{transform: translate(0,60px);opacity:0;transition: all 0.7s ease-out; } .in_anm.iline .text{transform: translate(0,0);opacity: 1;} .iline .imgs:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#f1f3f6;transition:.5s ease-in-out 0s; z-index:2;opacity:0.85;} .in_anm.iline .imgs:before{left:100%; opacity:0; width:0;} /*关于我们-资质荣誉*/ .honor-container { margin:0 0;} .honor-container .item { float:left;width:25%;box-sizing:border-box; padding:0 10px; margin-bottom:20px;} .honor-container .item .ibox{ width:100%;background-color:#ffffff;border: solid 1px #ddd; height:450px;vertical-align: top;} .honor-container .item .item-img {width:90%;line-height:400px;text-align: center;margin: 0 auto;} .honor-container .item .item-img img {max-width: 100%;max-height: 100%;} .honor-container .item .item-text {width:100%;margin: 0 auto; font-size:14px;color:#666;text-align: center;line-height: 1.5;} @media (max-width: 1280px) { .honor-container .item {width: 25%;} } @media (max-width: 700px) { .honor-container .item {width:33.333%;} } @media (max-width: 500px) { .honor-container .item {width:50%;} .honor-container .item .ibox{ height:280px;} .honor-container .item .item-img{ line-height:250px;} .honor-container .item .item-text{ font-size:12px;} } @media (max-width: 350px) { .honor-container .item {width:100%;} } .honor-container .h_advimg{ margin-bottom:40px;} .honor-container .h_advimg img{ width:100%;} .honor-container .list {float:left; width:50%;} .honor-container .list ul li{text-align:left; list-style:none; padding:0;} .honor-container .title{cursor:pointer;line-height:40px;font-size:16px; padding-left:30px; color:#666;} .honor-container .imgDiv{display:none;padding-left:30px; padding-bottom:20px;} .honor-container .imgDiv img{ width:300px;} .honor-container .title:hover{ font-weight:bold; color:#333; background:url(../images/icon-h.png) no-repeat left;} .honor-container .on{ font-weight:bold; color:#333; background:url(../images/icon-h.png) no-repeat left;} @media (max-width: 768px) { .honor-container .h_advimg{ margin-bottom:20px;} .honor-container .list {width:100%;} } .pswp {z-index:999999999999999 !important;} .pswp .pswp__bg {opacity: 0.5 !important;} .pswp .pswp__button--arrow--left:before { width: 60px; height: 60px; background: none; background-image: url(../images/177.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; } .pswp .pswp__button--arrow--right:before { width: 60px; height: 60px; background: none; background-image: url(../images/178.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; } /*关于我们-大事记*/ .timeline {list-style: none;position: relative;max-width: 1200px;padding: 20px;padding-top: 40px;margin: 0 auto;overflow: hidden;} .timeline:after {content: "";position: absolute;top: 0;left: 49.7%;margin-left: 8px;background-color: rgba(0, 0, 0, 0.2);height: 100%;width: 4px;border-radius: 2px;display: block;} .timeline .timeline-row {padding-left: 55.5%;position: relative;z-index: 10;margin-bottom: 20px;} .timeline .timeline-row .timeline-time {position: absolute;right: 55%;top: 38px;text-align: right;margin-right: 40px;font-size: 22px;line-height: 1.3;font-weight: bold;color: #D61518;} .timeline .timeline-row .timeline-time small {display: block;color: white;text-transform: uppercase;opacity: 0.75;font-size: 11px;font-weight: 400;} .timeline .timeline-row .timeline-icon {position: absolute;top: 3px;left: 48%;margin-left: -25px;width: 100px;height: 100px;border-radius: 50%;background-color: white;text-align: center;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);overflow: hidden;padding: 3px;color: white;font-size: 14px;z-index: 100;} .timeline .timeline-row:nth-child(odd) .timeline-icon {top: -4px;} @media only screen and (max-width: 576px) { .timeline .timeline-row .timeline-icon {width: 60px;height: 60px;left: -3% !important;top: 5px !important;} .timeline:after {left: 21px !important;} } @media only screen and (min-width: 577px) and (max-width: 1140px) { .timeline .timeline-row .timeline-content h2 {font-size: 20px !important;} .timeline.animated .timeline-row.active .timeline-content {left: 28px !important;} .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {left: 28px !important;} .timeline .timeline-row .timeline-icon {width: 80px;height: 80px;left: 3.3% !important;top: 0px !important;} .timeline:after {left: 59px !important;} } .timeline .timeline-row .timeline-icon>div {border-radius: 50%;line-height: 34px;font-size: 16px;} .timeline .timeline-row .timeline-icon>div img{ width:100%;} .timeline .timeline-row .timeline-content {margin-left: 40px;position: relative;background-color: white;color: #333333;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); margin-top:20px;} .timeline .timeline-row .timeline-content:after {content: "";position: absolute;top: 48px;left:-41px;height: 4px;width: 40px;background-color: rgba(0, 0, 0, 0.2);z-index: -1;} .timeline .timeline-row .timeline-content .panel-body {padding: 15px 30px 2px;position: relative;z-index: 199;color: #666666;} .timeline .timeline-row .timeline-content h2 {font-size: 22px;margin-bottom: 12px;margin-top: 0;line-height: 1.2;font-weight: bold; color:#d1000f;} .timeline .timeline-row .timeline-content .bigCon {margin-bottom: 15px;z-index: 999;} .timeline .timeline-row .timeline-content img {margin-bottom: 15px;} .timeline .timeline-row .timeline-content blockquote {border-color: #eeeeee;} .timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {color: #999999;} .timeline .timeline-row .timeline-content .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;margin-bottom: 15px;overflow: hidden;} .timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .timeline .timeline-row:nth-child(odd) {padding-left: 0;padding-right: 56%;} .timeline .timeline-row:nth-child(odd) .timeline-content {box-shadow: -7px 7px 20px rgba(0, 0, 0, 0.1);} .timeline .timeline-row:nth-child(odd) .timeline-time {right: auto;left: 55%;text-align: right;margin-right: 0;margin-left: 40px;} .timeline .timeline-row:nth-child(odd) .timeline-content {margin-right: 40px;margin-left: 0;} .timeline .timeline-row:nth-child(odd) .timeline-content:after {left: auto;right: -41px;} .timeline .timeline-row:nth-child(odd) .yearKw {text-align: right;} .timeline .timeline-row:nth-child(odd) .bigCon {text-align: right;} .timeline.animated .timeline-row .timeline-content {opacity: 0;left: 20px;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;} .timeline.animated .timeline-row .timeline-content .panel-body {background-color: #FFFFFF;} .timeline.animated .timeline-row .timeline-content .panel-body p {line-height: 150%;font-size: 14px !important;text-align: justify;} .timeline.animated .timeline-row:nth-child(odd) .timeline-content {left: -20px;} .timeline.animated .timeline-row.active .timeline-content {opacity: 1;left: 0;} .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {left: 21px;} @media (max-width: 1200px) { .timeline {padding: 15px 10px;} .timeline:after {left: 28px;} .timeline .timeline-row {padding-left: 0;margin-bottom: 16px;} .timeline .timeline-row .timeline-time {position: relative;right: auto;top: 0;text-align: left;margin: 0 0 6px 56px;} .timeline .timeline-row .timeline-time strong {display: inline-block;margin-right: 10px;} .timeline .timeline-row .timeline-icon {top: 52px;left: -2px;margin-left: 0;} .timeline .timeline-row .timeline-content {margin-left: 56px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);position: relative;} .timeline .timeline-row .timeline-content .panel-body {z-index: 19;} .timeline .timeline-row:nth-child(odd) .timeline-content {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .timeline .timeline-row .timeline-content:after {right: auto !important;left: -20px !important;top: 32px;z-index: -1;} .timeline .timeline-row:nth-child(odd) .yearKw {text-align: left;} .timeline .timeline-row:nth-child(odd) .bigCon {text-align: left;} .timeline .timeline-row:nth-child(odd) {padding-right: 0;} .timeline .timeline-row:nth-child(odd) .timeline-time {position: relative;right: auto;left: auto;top: 0;text-align: left;margin: 0 0 6px 56px;} .timeline .timeline-row:nth-child(odd) .timeline-content {margin-right: 0;margin-left: 55px;} .timeline.animated .timeline-row:nth-child(odd) .timeline-content {left: 20px;} .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {left: 0;} } /*关于我们-联系我们new*/ .contact-us-container {width:100%;margin: 0 auto;} .contact-us-container .map {width: 100%; height:500px;} .contact-us-container .map img {width: 100%;} .contact-us-container .container {width: 100%;border: solid 1px #dddddd;font-size: 0;padding:50px 0;background-color:#fff;} .contact-us-container .container .content {margin-bottom:60px; overflow:hidden;} .contact-us-container .container .content .item { float:left;width: calc(33.3% - 60px); padding:0 30px;position: relative;} .contact-us-container .container .content .item .item-a {width: 100%;font-size:16px;color: #666;margin-bottom: 10px;} .contact-us-container .container .content .item .item-b {font-size:24px;font-weight: bold;color:#333;width: 100%;} .contact-us-container .container .content .item:after {content: '';display: inline-block;border-right: 1px solid #e9e9e9;height: 100%;position: absolute;top:0;right:0;} .contact-us-container .container .content .item:last-child:after {display: none;} .contact-us-container .container .address {padding:0 30px; overflow:hidden;} .contact-us-container .container .address .address-a {width: 100%;font-size:24px;font-weight: bold;color:#333;margin-bottom:10px;} .contact-us-container .container .address .address-b {width: 100%;font-size:16px;color:#666;} @media (max-width: 900px) { .contact-us-container {width:100%;} } @media (max-width: 700px) { .contact-us-container .container .content .item {width: 100%;height: auto;margin-bottom:20px;} .contact-us-container .container .content .item:after {display: none;} .contact-us-container .container .content .item .item-a {margin-bottom:10px;} } /*新闻列表-电子季刊*/ .xwjk_p1{ padding:30px 0 45px; height:400px;} .xwjk_p1 .left, .xwjk_p1 .right{ float:left; box-sizing:border-box; height:100%;} .xwjk_p1 .left{ width:240px; padding:30px 0; background:#007ac2; color:#fff; position:relative;} .xwjk_p1 .left .arrow > a{ display:block; position:absolute; left:0; width:100%; height:29px; z-index:5;} .xwjk_p1 .left .arrow-left{ top:0; background:url(../images/xwjl_ion-3.png) no-repeat center; } .xwjk_p1 .left .arrow-right{ bottom:0; background:url(../images/xwjl_ion-4.png) no-repeat center; border-top:1px solid #43afed;} .xwjk_p1 .left dl{ border-top:1px solid #43afed;} .xwjk_p1 .left dt{ height:55px; padding:0 30px; font-size:20px; font-weight:300; line-height:55px; cursor:pointer;} .xwjk_p1 .left dd{ display:none; padding:8px 20px 8px 60px; background:#278fcc;} .xwjk_p1 .left .one dd{ display:block;} .xwjk_p1 .left dd a{ color:#fff; display:block; padding:10px 0;} .xwjk_p1 .left dd a:hover, .xwjk_p1 .left dd a.a{ font-weight:bold;} .xwjk_p1 .left .one dt{ background:#1689cc;} .xwjk_p1 .left .swiper-container, .xwjk_p1 .left .li_box, .xwjk_p1 .left .swiper-wrapper{ height:341px; width:240px;} .xwjk_p1 .right{ width:1060px; position:relative;} .xwjk_p1 .right .swiper-container, .xwjk_p1 .right .swiper-wrapper, .xwjk_p1 .right .li_box{ height:400px; width:100%;} .xwjk_p1 .right a, .xwjk_p1 .right .tet{ display:block;} .xwjk_p1 .right a{ height:100%; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;} .xwjk_p1 .right .tet{ font-size:18px; color:#fff; padding:45px 110px 0; line-height:30px; width:100%; box-sizing:border-box;} .xwjk_p1 .right .pagination{ text-align:center; position:absolute; left:0; bottom:30px; width:100%; z-index:2;} .xwjk_p1 .right .pagination span{ width:7px; height:7px; border-radius:7px; background-color:#fff; display:inline-block; margin:0 7px;} .xwjk_p1 .right .pagination .swiper-active-switch{ background:#007ac2;} .xwjk_p1 .right .arrow > div{ position:absolute; top:50%; z-index:3; width:25px; height:47px; margin-top:-23px; cursor:pointer;} .xwjk_p1 .right .arrow .arrow-left{ left:40px; background:url(../images/xwjl_ion-1.png) no-repeat center;} .xwjk_p1 .right .arrow .arrow-right{ right:40px; background:url(../images/xwjl_ion-2.png) no-repeat center;} .xwjk_p1 .iph_nav{ display:none;} .xwjk_p2{ padding-bottom:60px;} .xwjk_p2 .tit{ font-size:24px; color:#007ac2; text-align:center; position:relative; margin-bottom:20px;} .xwjk_p2 .tit:before{ content: ''; position: absolute; left:0; top:50%; width:100%; height:1px; background:#007ac2;} .xwjk_p2 .tit span{ background:#f8f8f8; position:relative; padding:0 20px;} .xwjk_p2 dl{ margin-bottom:20px;} .xwjk_p2 dt{ font-size:24px; padding-bottom:20px;} .xwjk_p2 dd{ overflow:hidden;} .xwjk_p2 ul{ margin:0 -20px;} .xwjk_p2 li{ width:50%; float:left; box-sizing:border-box; padding:0 20px; margin-bottom:20px;} .xwjk_p2 li .li_box{ background:#fff;} .xwjk_p2 li a, .xwjk_p2 li span{ display:block;} .xwjk_p2 li .img{ overflow:hidden; width:220px; float:left;} .xwjk_p2 li .text{ margin-left:220px; padding:27px 20px 0;} .xwjk_p2 li .text .bt{ font-size:20px; color:#333; font-weight:300; margin-bottom:15px;} .xwjk_p2 li .text .bt:hover{ color:#007ec3;} .xwjk_p2 li .text .zy{ color:#555; line-height:20px; margin-bottom:10px;} .xwjk_p2 li .text .time{ color:#555; padding-bottom:5px;} .xwjk_p2 li .text .btn{ text-align:right;} .xwjk_p2 li .text .btn a{ display:inline-block; width:110px; height:35px; box-sizing:border-box; border:1px solid #dcdcdc; text-align:center; line-height:34px; color:#999; border-radius:3px;} .xwjk_p2 li .text .btn a:hover{ color:#007ec3; border:1px solid #007ec3;} /*通用 右侧*/ .tr_right{ position:fixed; bottom:35%; right:0; z-index:9999;} .tr_right .open{ position:absolute; display:block; background: url(../images/ty_ion-1.jpg) no-repeat center; width:25px; height:45px; left:-26px; top:50%; margin-top:-22px; cursor:pointer;transform:rotate(180deg);-webkit-transform:rotate(180deg);} .tr_right_on .open{transform:rotate(0deg);-webkit-transform:rotate(0deg);} .tr_right ul{ max-width:0; transition:all 1s ease;} .tr_right_on ul{ max-width:45px;} .tr_right li{ position:relative; cursor:pointer; width:45px; height:45px; background-color:#999; background-repeat:no-repeat; background-position:center; margin-bottom:1px;} .tr_right li:hover{ background-color:#007ec3;} .tr_right li.li1{ background-image:url(../images/trr_ion-1.png);} .tr_right li.li2{ background-image:url(../images/trr_ion-2.png);} .tr_right li.li3{ background-image:url(../images/trr_ion-3.png);} .tr_right li.li4{ background-image:url(../images/trr_ion-4.png);} .tr_right li.li5{ background-image:url(../images/trr_ion-5.png);} .tr_right li.li6{ background-image:url(../images/trr_ion-6.png);} .tr_right li.li1 a{ display:block; width:100%; height:100%;} .tr_right li.li1 i{ position:absolute; top:1px; right:1px; background:#fff; color:#007ec3; font-size:11px; line-height:12px; padding:1px 4px;} .tr_right li .cont{ position:absolute; right:46px; top:0; background:#fff; z-index:10000; box-sizing:border-box; border:1px solid #a0a0a0; display:none;} .tr_right li:hover .cont{ display:block;} .tr_right li.li2 .cont{ width:227px; padding:25px 35px;} .tr_right li.li2 .cont span{ display:block; padding:4px 0;} .tr_right li.li2 .cont i{ font-family: 'DIN-REGULAR'; font-size:18px;} .tr_right li.li2 .cont i.i3{ font-size:14px;} .tr_right li.li3 .cont, .tr_right li.li4 .cont{ width:227px; border-bottom:none; text-align:center;} .tr_right li.li3 .cont > div, .tr_right li.li4 .cont > div{ border-bottom:1px solid #a0a0a0; padding:10px 0;} .tr_right li.li3 .cont span, .tr_right li.li4 .cont span{ display:block; font-size:11px; color:#666; font-weight:bold;} .tr_right li.li3 .cont span.img, .tr_right li.li4 .cont span.img{ display:inline-block; width:140px; padding-bottom:3px;} .tr_right li.li5 .cont{ border-bottom:none;} .tr_right li.li5 .cont .bdshare-button-style2-32 a{ width:36px; height:36px; margin:0; border-bottom:1px solid #a0a0a0;} .tr_right li.li5 .cont .bdshare-button-style2-32 .bds_weixin{ background:url(../images/trr_ion-7.png) no-repeat left top;} .tr_right li.li5 .cont .bdshare-button-style2-32 .bds_tsina{ background:url(../images/trr_ion-9.png) no-repeat left top;} .tr_right li.li5 .cont .bdshare-button-style2-32 .bds_sqq{ background:url(../images/trr_ion-10.png) no-repeat left top;} .tr_right li.li5 .cont .bdshare-button-style2-32 .bds_qzone{ background:url(../images/trr_ion-11.png) no-repeat left top;} .tr_right li.li5 .cont .bdshare-button-style2-32 a:hover{ opacity:1; background-color:#007ec3; background-position:left bottom;} /*关于我们-荣誉资质*/ .ryzz{ padding:60px 0 98px; background:#efefef;} .ryzz .ryzz_p1 .tab span{color:#007ec3; font-size:18px; width:33.3%; text-align:center; display:block; float:left; line-height:42px; border-right:1px solid #007ac2; box-sizing:border-box; cursor:pointer; border:1px solid #007ac2; border-right:none;} .ryzz .ryzz_p1 .tab .a1{ border-radius:3px 0 0 3px;} .ryzz .ryzz_p1 .tab .a3{ border-right:1px solid #007ac2; border-radius:0 3px 3px 0;} .ryzz .ryzz_p1 .tab .selected{ background:#007ac2; color:#fff;} .tab_main main{ display:none;} .tab_main main1{ display:block;} .ryzz_p2{ padding:77px 0 60px;} .ryzz_p2 .box{ width:100%; overflow:hidden;} .ryzz_p2 .swiper-container{ width:200%; margin-left:-50%; padding:10px 0;} .ryzz_p2 li{ background:#007ac2; box-shadow:3px 3px 10px rgba(0,0,0,0.3);} .ryzz_p2 li .pic{ line-height:0; padding:10px 10px 0;} .ryzz_p2 li .pic img{ max-width:100%; width:500px; height:350px;} .ryzz_p2 li .txt{ text-align:center; color:#fff; font-size:20px; line-height:24px; padding:15px 10px;} .ryzz_p3{ overflow:hidden;} .ryzz_p3 ul{ margin:0 -70px;} .ryzz_p3 li{ float:left; width:33.3%; padding:5px 70px; box-sizing:border-box; font-size:15px; font-weight:300; line-height:24px;} .ryzz_p3 li a{ color:#555;} .ryzz_p3 li a:hover{ color:#0077BD;} /*弹出-登录*/ .tc_dl{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:1000001;} @media screen and (max-width:1400px){ /*其他公用*/ .in_wrap, .wrap{width: 1280px;} /*公用头尾*/ .header .daoh{ padding:0 20px;} .header .daoh .logo a{ width:150px;} .footer .cent{ margin-right:10px;} .footer .cent ol{ width:140px;} /*首页*/ .ty_title .zy{ padding:20px 200px 0;} .i_banner .swiper-container, .i_banner .li_box{ height:400px;} /* 产品列表 */ .cp_bottom ul{ margin:0;} .cp_bottom li{ padding:0; text-align:center;} /* 产品详情 */ .cpxq_top .right{ width:510px;} .cpxq_top .price{ padding-top:10px;} .gr_num .num{ width:46px;} .cpxq_top .shul li{ width:33%;} .cpxq_top .shul li a{ width:90%; margin-left:10%;} .cpxq_top .xiaz{ margin:0;} .cpxq_top .xiaz li{ padding:0; text-align:center;} .cpxq_top .xiaz a{ font-size:14px; background-size:18px; padding-left:20px;} .cpxq_con .left{ width:70%;} .cpxq_con .right{ padding-left:30px; width:30%;} .cpxq_con .xgcp a{ padding-left:0;} .cpxq_con .xgyy a{ height:22px; overflow:hidden; display:inline-block;} /* 解决方案集成 */ .jc_erji ul{ margin:0;} .jc_erji li{ padding:0 10px; text-align:center;} .jjfajc_part dt span{ padding:0 150px;} .jjfajc_part .text{ padding-top:15px;} /* 新闻列表 */ .xwlb_part1 dt{ width:700px;} .xwlb_part1 dd{ margin-left:730px;} .xwlb_part1 .bt{ font-size:20px; line-height:28px; padding-bottom:20px;} .xwlb_part1 .txt{ padding-bottom:35px;} .xwlb_part1 .pagination{ padding-left:700px;} .xwlb_part2 ul{ margin:0 -15px;} .xwlb_part2 li{ padding:0 15px; margin-bottom:30px;} /* 新闻详情 */ .xwxq_wrap{ width:980px;} /* 新闻杂志 */ .xwzz_part1 ul{ margin:0 -15px;} .xwzz_part1 li{ padding:0 15px;} .xwzz_part1 .saom .txt{ font-size:14px;} /* 核心技术 */ .hxjs_txt dt .sp2::before{ width:200px;} .hxjs_txt dt .sp3::before{ width:150px;} /* 解决方案分类 */ .jjfl_p1 .pic{ width:400px;} .jjfl_p1 .txt{ margin-right:400px; padding:28px 40px;} .jjfl_p1 dd{ font-size:14px;} /* 解决方案详情 */ .jjxq_p1 .r_2 li a{ padding:8px 45px 8px 20px;} .jjxq_p2 ul{ padding:0;} .jjxq_p3 .right{ padding-top:40px;} .jjxq_p4 li{ width:486px;} .jjxq_p4 li.li1::before{ height:127px;} .jjxq_p4 li.li2::before{ height:114px;} .jjxq_p4 li.li3::before{ height:136px;} .jjxq_p4 li.li4::before{ margin-left:0;} .jjxq_p4 li.li5::before{ height:115px;} /*服务支持-下载中心*/ .fw_left{ width:80%; box-sizing:border-box;} .fw_right{ width:20%; padding-right:20px; box-sizing:border-box;} .fwxz_p2 .tab a{ padding:13px 30px 13px 65px; background-position:30px center; background-size:20px;} .fwxz_p2 .ph_table .t2 { width: 45%; } .fwxz_p2 .ph_table .t4 { width: 15%; } .fw_js .ss{ width:47%; float:left;} .fw_js .ssfaq{ width:380px; float:left;} /*服务支持-国内网络*/ .fwgn_p1 .li2 .sp2{ width:360px;} /*服务支持-国内详情*/ .fwwl_xqp3 .sp2 textarea{ width:80%;} .fwwl_xqp3 .sp3{width: 15%; left: auto; right: 0;} /*服务支持-常见问题*/ .fwwt_js .xl{ width:59%;} .fwwt_p3 .btn a, .fwwt_p3 .btn input{ width:46%; margin:0 2%;} /*搜索结果*/ .ss_ban .ssk .sp2{ width:326px;} /*新闻列表-专题新闻*/ .xwzt_list .text{ padding-top:25px;} .xwzt_list .btn{ padding-top:15px;} /*新闻列表-展会活动*/ .xwzh_p2 .xwzh_list dd .img{ width:375px;} .xwzh_p2 .xwzh_list dd .list_a{ margin-left:375px;} .xwzh_p2 .xwzh_list dd .list_a{ padding-top:0;} .xwzh_p2 .xwzh_list dd .list_a span{ margin:11px 0;} /*服务支持-国际网络*/ .fwgj{ padding:0;} .fwgj .tip img{ width:100%;} /*关于我们-联系我们*/ .gylx_p li{ width:50%;} /*新闻列表-电子季刊*/ .xwjk_p1 .right{ width:920px;} .xwjk_p2 li .text .bt{ height:27px; overflow:hidden;} .xwjk_p2 li .text .zy{ height:60px; overflow:hidden;} /*服务支持-视频宣传*/ .fwsp_p dt{ width:210px;} .fwsp_p dd{ margin-left:220px;} .fwsp_p dd span{ padding-top:20px;} /*搜索*/ .ss_cont .list li a{ font-weight:400;} /*关于我们-荣誉资质*/ .ryzz_p2 .swiper-container{ width:202%; margin-left:-51%;} } @media screen and (max-width:1200px){ /*其他公用*/ .in_wrap, .wrap{width: 984px;} .ty_title h1{ font-size:32px;} .ty_title .zy{ font-size:14px; padding:15px 100px 0;} .ty_xiaobt{ font-size:22px;} /*公用头尾*/ .footer .top{ margin-bottom:60px;} .footer .cent{ margin-right:0px;} .footer .cent ul > li{ margin-right:10px;} .footer .cent ol{ width:150px;} .footer .right{ display:none;} /*首页*/ .i_banner .swiper-container, .i_banner .li_box{ height:430px;} .i_banner .text{ margin-top:-100px;} .i_banner .text .en{ font-size:30px; line-height:36px;} .i_banner .text .cn{ font-size:60px; line-height:70px;} .i_banner .text .zy{ font-size:16px; letter-spacing:0; border-radius:5px;} /* 产品列表 */ .cplb_jsjg{ height:177px;} .cplb_jsjg .shaix, .cplb_jsjg .erji{ float:none;} .cplb_jsjg .erji{ padding-top:10px;} .cplb_jsjg .jsjg_box_2{ top:0;} /* 解决方案集成 */ .lm_ban_btn{ padding:80px 0;} .jc_erji{ height:59px;} .jc_erji_2 .jc_erji_box{ top:0;} .jc_erji li a{ font-size:14px;} .jc_erji li span{ padding-top:20px;} .jjfajc_part.last{ padding-bottom:80px;} .jjfajc_part dt h3{ font-size:30px; line-height:32px;} .jjfajc_part li{ width:50%;} /* 新闻列表 */ .xwlb_part1{ padding:45px 0;} .xwlb_part1 dt{ width:600px;} .xwlb_part1 dd{ margin-left:630px; padding:25px 30px 0 0;} .xwlb_part1 .txt{ font-size:12px; line-height:18px; padding-bottom:20px;} .xwlb_more{ font-size:14px;} .xwlb_more::before{ top:12px;} .xwlb_more:hover{ padding:7px 20px;} .xwlb_part1 .pagination{ padding-left:600px;} .xwlb_part2 ul{ margin:0 -10px;} .xwlb_part2 li{ padding:0 10px; margin-bottom:20px;} .xwlb_part2 .li_box{ height:346px;} /* 新闻详情 */ .xwxq_wrap{ width:100%; box-sizing:border-box; padding:0 50px;} .xwxq_part2{ padding-bottom:60px;} .xwxq_part2 .xwxq_wrap{ padding:0 70px;} .xwxq_part2 .prev, .xwxq_part2 .next{ float:none; width:100%; margin-bottom:15px;} .xwxq_part3 li{ padding:10px 0;} .xwxq_part3 li a{ font-size:16px;} .xwxq_part3 li .time{ font-size:14px; padding:3px 0 0 38px;} /* 新闻杂志 */ .xwzz_part1 li{ margin-bottom:30px;} .xwzz_part1 .saom .box{ margin-top:-81px;} .xwzz_part1 .saom span img{ width:100px;} .xwzz_part1 .saom .txt{ padding-top:15px;} .xwzz_part1 .text{ height:auto;} .xwzz_part1 .text .bt{ font-size:14px; overflow:hidden; line-height:20px; padding:15px 20px 5px;} .xwzz_part1 .text .btn a{ background-position:20% center; font-size:12px;} /* 核心技术 */ .hxjs_part1 .top{ padding-top:80px;} .hxjs_part1 .left .pic img{ width:100%;} .hxjs_part1 .left ul{ padding:80px 15px;} .hxjs_part1 .left li{ font-size:14px; padding:9px 0;} .hxjs_part1 .right ul{ padding-top:40px;} .hxjs_part1 .right li{ padding:10px 0 10px 35px;} .hxjs_part2{ padding:70px 0;} .hxjs_txt dt .sp2::before{ display:none;} .hxjs_txt dt .sp3::before{ display:none;} .hxjs_part3{ padding:70px 0;} /* 解决方案分类 */ .jjfl_p1{ padding:80px 0;} .jjfl_p1 dt{ font-size:24px;} .jjfl_p1 dt span{ padding-bottom:0;} .jjfl_p1 .pic{ width:350px;} .jjfl_p1 .txt{ margin-right:350px; padding:0; height:250px; box-sizing:border-box; overflow-y:auto;} .jjfl_p1 .txt .txt_box{ padding:20px 30px 25px;} .jjfl_p1 dd{ padding-top:10px;} .jjfl_tit{ font-size:24px;} .jjfl_p2{ padding-top:80px;} .jjfl_p2 .jjfajc_part ul{ padding-top:30px;} .jjfl_p2 .jjfajc_part li{ width:33.3%;} .jjfl_p3{ padding:80px 0 60px;} .jjfl_p3 ul{ padding-top:30px;} .jjfl_p3 li a:hover .tit2{ padding-top:70px;} .jjfl_p4{ padding:80px 0 50px;} .jjfl_p4 .swiper-container{ padding:20px 0;} .jjfl_p4 .pagination{ padding-top:20px;} .jjfl_p5 .img i{ background-size:40px;} .jjfl_p5 .tit{ font-size:14px; padding:15px;} /* 解决方案详情 */ .jjxq_p1 .left{ padding-right:30px;} .jjxq_p1 .left .txt{ font-size:14px; line-height:24px;} .jjxq_p1 .r_2{ padding-top:15px;} .jjxq_p1 .r_2 li a{ padding:8px 33px 8px 10px;} .jjxq_p1 .r_2 li a::before{ right:12px;} .jjxq_p2_2 .jjxq_p2_box{ top:300px;} .jjxq_p2 li{ padding:28px 45px 20px;} .jjxq_p3 .left img{ max-width:100%;} .jjxq_p3 .right{ padding:20px 0 0 30px;} .jjxq_p3 .right li{ font-size:14px; padding:8px 0;} .jjxq_p4 ul{ background-image:none; height:auto;} .jjxq_p4 li{ width:100%; position:static; margin-bottom:10px;} .jjxq_p4 li::before{ display:none;} .jjxq_p4 li.li4{ margin-left:0;} .jjxq_p4 li .bt{ line-height:30px; font-size:20px;} .jjxq_p4 li .bt i{ font-size:28px; padding-right:8px;} .jjxq_p6 .dfsrk_cont .left{ width:380px;} .dfsrk_cont .right{ margin-left:420px;} /*服务支持-下载中心*/ .fw_js .ssfaq{ width:100%; float:left;} .fw_js .ss, .fw_js .xl{ float:none; width:100%; margin:0 0 20px;} .fw_js span.sp2{ height:38px;} .fw_js span.sp2 select{ width:100%; height:100%; border:none; border-right:1px solid #ccc; box-sizing:border-box; background:#fff;} .fw_js .btn{ position:static;} .fw_js .btn .pc{ display:none;} .fw_js .btn .iph{ display:block;} .fw_js .btn a{ width:100%; text-align:center; box-sizing:border-box; border:1px solid #68a6e6; background-color:#1a62ab;} .fw_js .btn a i{ display:inline-block; background:url(../images/ss_ion-1.png) no-repeat left center #1a62ab; background-size:20px; padding-left:25px; color:#c5e0fc; line-height:38px; font-size:16px;} .fwxz_p2 .tab a{ padding:13px 24px 13px 50px; background-size:20px; background-position:20px center; font-size:16px;} .fwxz_p2 .ph_table , .fwxz_p2 .ph_table thead, .fwxz_p2 .ph_table tbody, .fwxz_p2 .ph_table th, .fwxz_p2 .ph_table td, .fwxz_p2 .ph_table tr { display: block; } .fwxz_p2 .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .fwxz_p2 .ph_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; } .fwxz_p2 .ph_table tbody td { border: none; border-bottom: 1px solid #eee; position: relative; padding:15px 0; padding-left: 90px; white-space: normal; text-align: left; font-size:16px; line-height:20px;} .fwxz_p2 .ph_table td:before { content: attr(data-title); position: absolute; top: 0; left: 0; padding:15px 0; width: 80px; text-indent:10px; white-space: nowrap; text-align: left; font-weight:bold; font-size:14px;} .fwxz_p2 .ph_table .td1, .fwxz_p2 .ph_table .td2{ padding-left:90px;} .fwxz_p2 .ph_table .td1 .nr{ height:auto;} /*服务支持-常见问题*/ .fwwt_list dd{ line-height:26px; font-size:16px; background-position:left 3px;} /*服务支持-国内网络*/ .fwgn_p1 .li2 .sp2{ width:95%;} /*服务支持-国内详情*/ .fwwl_xqp2 .left{} .fwwl_xqp2 .left img{ width:100%;} .fwwl_xqp2 .right{ padding:20px 30px 0;} .fwwl_xqp2 li{ margin-bottom:20px;} .fwgn_p1 .li1 .sp2 select{ width:100%; height:100%; border:none; box-sizing:border-box; background:#fff;} /*搜索结果*/ .ss_ban .ssk .sp2{ width:246px;} .ss_ban .demo-list li{ font-size:14px; margin-right:25px;} .ss_ban .demo-list label{ padding-left:25px;} .ss_cont .box{ padding:35px 40px 40px;} .ss_cont .top-2 a{ padding:10px 40px; font-size:14px;} /*新闻列表-专题新闻*/ .xwzt_list li{ margin-bottom:30px;} .xwzt_list .text{ padding-top:20px;} .xwzt_list .bt a{ font-size:18px; font-weight:400;} .xwzt_list .time{ padding-top:5px;} .xwzt_list .tet{ height:50px; padding-top:10px; box-sizing:border-box; overflow:hidden;} .xwzt_list .btn a{ font-size:14px; padding:5px 20px;} /*新闻列表-展会活动*/ .xwzh_p1 .fw_js .ss, .xwzh_p1 .fw_js .xl{ width:100%;} .xwzh_p2 .list{ padding:40px 30px;} .xwzh_p2 .th li.li1{ padding-left:20px;} .xwzh_p2 .xwzh_list dt .sp1{ padding-left:20px;} .xwzh_p2 .xwzh_list dd{ padding:20px;} .xwzh_p2 .xwzh_list dd .list_a{ padding-left:20px;} .xwzh_p2 .xwzh_list dd .list_a a{ font-size:16px; line-height:22px;} .xwzh_p2 .xwzh_list dd .list_a i{ font-size:14px;} /*服务支持-国内网络*/ .fwgn_p1 .li1 .sp2{ width:200px;} .fwgn_p1 .li2 .sp2{ width:220px;} /*新闻列表-电子季刊*/ .lb_erji_2 .lb_erji_box{ top:0;} .xwjk_p1 .right{ width:740px;} /*服务支持-视频宣传*/ .fwsp_p dt{ width:180px;} .fwsp_p dd{ margin-left:190px;} .fwsp_p dd a{ font-size:14px; line-height:20px;} /*关于我们-公司介绍*/ .gyjs_p1 .right{ padding:20px 20px 0 20px;} .gyjs_p1 .right h2{ font-size:20px;font-weight:500; margin-bottom:5px;} .gyjs_p1 .right p{ font-size:13px; line-height:22px; margin-bottom:6px;} .gyjs_p2 .left{ padding:20px 20px 0 20px;} .gyjs_p2 .left p{ font-size:13px; line-height:22px; margin-bottom:6px;} .gyjs_p2 .left p img{ margin-top:10px;} .gyjs_p3 .cont p{ font-size:13px;line-height:24px;} .gyjs_p3 .gyjs_tit{ font-size:18px;} .gyjs_p4 .left{ padding:20px;} .gyjs_p4 .right{ padding:20px;} .gyjs_p4 p{ font-size:13px; line-height:22px;} /*关于我们-荣誉资质*/ .ryzz_p2 .swiper-container{ width:206%; margin-left:-53%;} .ryzz_p3 ul{ margin:0 -20px;} .ryzz_p3 li{ padding:5px 20px;} /*搜索*/ .ss_ban .jians_2{ top:0;} } @media screen and (max-width:1002px){ /*其他公用*/ .in_main, .main{ margin-top:50px;} .in_wrap, .wrap{width:100%; padding:0 20px; box-sizing:border-box;} .ty_more a{ padding:8px 80px;} .jc_erji{ display:none;} /*公用头尾*/ .footer .top{ margin:40px 0 10px;} .footer .left{text-align:center; width:100%;} .footer .top .wrap{ min-height:0;} .footer .x_ion::before{ left:50%; margin-left:-12px;} .footer .cent{ display:none;} .footer .bottom{ text-align:center;} /*首页*/ .i_banner .pagination span{ width:40px; height:2px;} /* 产品列表 */ .lm_ban h1{ font-size:36px; line-height:64px;} .lm_ban h2{ font-size:14px;} .cplb_list li{ width:33.3%;} .cp_bottom li{ font-size:18px;} /* 产品详情 */ .cpxq_.cplb_jsjg .title, .cpxq_.cplb_jsjg .jsjg_box{ float:none;} .cpxq_.cplb_jsjg .erji{ padding:0 0 10px;} .cpxq_.cplb_jsjg .erji a:nth-child(1){ padding-left:0;} .cpxq_.iph_left, .cpxq_top .right{ float:none; width:100%;} .cpxq_.iph_left .swiper-container{ width:400px; margin:0 auto;} .cpxq_top .right{ padding:40px 0 0;} .gr_num .num{ width:100px;} .cpxq_con{ padding-bottom:40px;} .cpxq_con .left, .cpxq_con .right{ float:none; width:100%;} .cpxq_con .right{ padding-left:0; margin:40px 0px 0;} .cpxq_con .tab_main main{ font-weight:400;} .cpxq_con .tab_main h3{ padding:25px 0 5px; font-size:18px; font-weight:400;} .cpxq_con .r_main{ width:50%; box-sizing:border-box; float:left; background-color:#fff; padding:0 10px;} .cpxq_con .r_.box{ background-color:#f8f8f8; padding:30px 20px 0; height:383px; overflow:hidden;} .cpxq_con .r_.ty_more{ padding-bottom:0;} /* 解决方案集成 */ .jc_erji{ border-bottom:none;} .jc_erji .wrap{ padding:0;} .jc_erji li{ width:25%; padding:0;} .jc_erji li a{ display:block; border-bottom:1px solid #eee; border-right:1px solid #eee;} .jc_erji li a:hover, .jc_erji li a.one{ background:#007ac2; color:#fff; border-bottom:1px solid #007ac2; border-right:1px solid #007ac2;} .jc_erji li a:hover span::before, .jc_erji li a.one span::before{ display:none;} .jjfajc_part{ padding:60px 0;} .jjfajc_part dt span{ padding:0 20px;} .jjfajc_part dt h3{ font-size:26px;} .jjfajc_part li a{ padding:15px 20px 0;} .jjfajc_part .text{ margin-left:80px;} /* 新闻列表 */ .lb_erji{ height:52px;} .lb_erji .bt{ display: none;} .lb_erji ul{ float:none; padding-top:0;} .lb_erji ul li{ padding-top:0;} .lb_erji li:nth-child(1){ padding-left:0;} .xwlb_part1 dt{ width:450px;} .xwlb_part1 dd{ margin-left:470px; padding-right:20px;} .xwlb_part1 .bt{ font-size:16px; line-height:24px;} .xwlb_part1 .txt{ display:none;} .xwlb_more{ font-size:12px;} .xwlb_more::before{ top:11px;} .xwlb_part1 .pagination{ padding-left:450px;} .xwlb_part2{ padding-bottom:80px;} .xwlb_part2 .li_box{ height:300px;} .xwlb_part2 .text{ padding:20px 15px 0;} .xwlb_part2 .text .bt{ font-size:16px; font-weight:400;} .xwlb_part2 .text .bot{ padding:0 15px;} .xwlb_part2 .text .xwlb_more::before{ top:11px;} /* 新闻详情 */ .xwxq_wrap{ padding:0 30px;} .xwxq_part1 .tit{ font-size:26px; line-height:34px;} .xwxq_part2{ padding-bottom:20px;} .xwxq_part2 .xwxq_wrap{ padding:0 50px;} .xwxq_part2 .con{ font-size:16px; font-weight:400; padding-bottom:60px;} .xwxq_part2 .btn{ font-size:16px; font-weight:400; padding-top:20px;} .xwxq_part2 .btn span{ padding-right:10px;} .xwxq_part2 .prev, .xwxq_part2 .next{ margin-bottom:10px;} .xwxq_part3 h3{ font-size:24px; padding-bottom:10px; line-height:24px; margin-bottom:5px;} /* 新闻杂志 */ .xwzz_part1{ padding-bottom:70px;} .xwzz_part1 ul{ margin:0 -10px;} .xwzz_part1 li{ width:33.3%; padding:0 10px; margin-bottom:20px;} /* 核心技术 */ .hxjs_part1 .top{ padding-top:60px;} .hxjs_part1 .top .left{ display:none;} .hxjs_part1 .top .right{ float:none; width:100%; padding-left:0;} .hxjs_part1 .tit span.sp1{ font-size:24px;} .hxjs_part1 .right ul{ padding-top:20px;} .hxjs_part1 .right li{ float:left; width:50%; padding:5px 30px; box-sizing:border-box; font-size:14px;} .hxjs_part1 .bot{ padding-bottom:55px;} .hxjs_part1 .bot .left{ padding-right:40px;} .hxjs_part1 .bot .right{ padding-left:0;} .hxjs_part2 .box{ width:80%;} .hxjs_txt dt{ padding-bottom:25px;} .hxjs_txt dt .sp1{ font-size:24px;} .hxjs_txt dt .sp2{ font-size:14px;} .hxjs_part3 .left{ padding-right:20px; width:40%;} .hxjs_part3 .right{ padding-left:20px; width:60%;} /* 解决方案分类 */ .jjfl_p1{ padding:60px 0;} .jjfl_p1 .wrap{ background:none;} .jjfl_p1 .pic{ display:none;} .jjfl_p1 .txt{ margin-right:0; height:auto; border-radius: 10px; background: #fff;} .jjfl_p2{ padding-top:60px;} .jjfl_p2 .jjfajc_part li{ width:50%;} .jjfl_p3{ padding:60px 0 40px;} .jjfl_p3 li{ width:50%;} .jjcp_list{ width:50%;} /* 解决方案详情 */ .jjxq_p1{ padding:60px 0;} .jjxq_p1 .left, .jjxq_p1 .right{ float:none; width:100%;} .jjxq_p1 .left .tit{ font-size:24px; padding-bottom:10px; font-weight:400;} .jjxq_p1 .left .btn{ position:static; padding-top:20px;} .jjxq_p1 .right{ padding-left:0; padding-top:30px;} .jjxq_p2 li{ padding:20px 25px;} .jjxq_p2 li a{ font-size:14px;} .jjxq_p2 li::before{ width:1px; height:14px; margin-top:-7px;} .jjxq_p3{ padding-top:60px;} .jjxq_p3 .left{ width:40%;} .jjxq_p3 .right{ width:60%; padding-top:0;} .jjxq_p3 .right li{ padding:3px 0; line-height:24px;} .jjxq_p3 .right li i{ margin-top:3px; width:20px; height:20px;} .jjxq_p5{ padding-top:60px;} .jjxq_p5 .cont{ padding-top:0; margin-top:30px; position: relative;} .jjxq_p5 .arrow > div{ position: absolute;z-index: 2;width: 12px;height: 21px;top: 50%;margin-top: -10px;cursor: pointer;} .jjxq_p5 .arrow-left{ background: url(../images/jjxq_ion-1.png) no-repeat center; left: 20px;} .jjxq_p5 .arrow-right{ background: url(../images/jjxq_ion-2.png) no-repeat center; right: 20px;} .jjxq_p6{ padding-bottom:60px;} .jjxq_p6 .dfsrk_cont{ padding:30px;} .jjxq_p6 .dfsrk_cont .left{ width:270px;} .dfsrk_cont .right{ margin-left:300px;} /*服务支持-下载中心*/ .fwxz_p2{ margin-bottom:60px; padding:40px 0 40px;} .fw_js .xl{ width:100%;} .fw_left, .fw_right{ width:100%; float:none; padding:0 30px;} .fw_left{ margin-bottom:40px;} .fwxz_p2 .loading{ margin-top:20px; font-size:16px; padding:10px;} .fw_right{ display:none;} .fw_right .fw_r{ float:left; width:24%; margin:0 0.5%; box-sizing:border-box; height:250px;} .fw_right .fw_r1 .nr a{ margin:7px 0;} .fw_right .fw_r2 .nr{ padding:20px 10px 0; height:96px; box-sizing:border-box;} .fw_right .fw_r3 .nr{ padding:10px;} .fw_right .fw_r .btn{ padding:13px 10px 0;} .fw_right .fw_rkf{ padding-top:30px;} /*服务支持-国内详情*/ .fwwl_xqp2 .left, .fwwl_xqp2 .right{ float:none; width:100%;} .fwwl_xqp2 .right{ padding:30px 30px 10px;} .fwwl_xqp3 .left, .fwwl_xqp3 .right{ float:none; width:100%;} .fwwl_xqp3 .left{ padding:0 0 20px;} /*搜索结果*/ .ss_ban{ padding:35px 0 20px;} .ss_ban .bt{ font-size:30px; line-height:32px; padding-bottom:20px;} .ss_ban .ssk .sp2{ width:400px; height:40px;} .ss_ban .demo-list{ padding:20px 0 0 0;} .ss_ban .btn{ padding:13px 0 0 20px;} .ss_ban .btn a{ width:28px; height:28px;} .ss_cont{ padding-bottom:60px;} .ss_cont .top-2{ padding:20px 0;} .ss_cont .list li{ font-size:16px; font-weight:400;} /*新闻列表-专题新闻*/ .xwzt_bt{ font-size:24px; line-height:26px; padding:25px 0 20px;} .xwzt_list{ padding-bottom:60px;} .xwzt_list .text{ padding:20px 20px 0;} .xwzt_list .text .tet{ display:none;} .xwzt_list .btn{ text-align:left;} /*新闻列表-展会活动*/ .xwzh_p2{ padding-bottom:60px;} .xwzh_p2 .list{ margin-bottom:40px;} .xwzh_p2 .th li{ font-size:14px; padding:0 5px;} .xwzh_p2 .th li.li1{ width:42%;} .xwzh_p2 .th li.li2{ width:32%;} .xwzh_p2 .th li.li3{ width:13%;} .xwzh_p2 .th li.li4{ width:13%;} .xwzh_p2 .xwzh_list dt{ padding:25px 0;} .xwzh_p2 .xwzh_list dt .sp1{ width:42%;} .xwzh_p2 .xwzh_list dt .sp2{ width:32%;} .xwzh_p2 .xwzh_list dt .sp3{ width:13%;} .xwzh_p2 .xwzh_list dt .sp4{ width:13%;} .xwzh_p2 .xwzh_list dt .sp1{ font-size:18px;} .xwzh_p2 .xwzh_list dt .sp2 i, .xwzh_p2 .xwzh_list dt .sp3 i{ font-size:16px;} .xwzh_p2 .xwzh_list dd{ padding-bottom:0;} .xwzh_p2 .xwzh_list dd .img{ width:100%; float:none;} .xwzh_p2 .xwzh_list dd .list_a{ margin-left:0; padding-left:0; padding-top:5px;} .xwzh_p2 .xwzh_list dd .list_a span{ margin:5px 0;} /*服务支持-国际网络*/ .fwgj{ background:none; margin-bottom:60px;} .fwgj_part{ display:none;} .fwgj_iph{ display: block;} .fwgj_iph .img{ background:#fff;} .fwgj_iph ul{ background:#fff; margin-top:20px; padding:0px 0;} .fwgj_iph li{ padding:15px 20px; border-bottom:1px solid #ececec;} .fwgj_iph li:last-child{ border-bottom:none;} .fwgj_iph li span, .fwgj_iph li a{ display:block;} .fwgj_iph li span{ width:80%; float:left; font-size:16px; color:#666;} .fwgj_iph li span b{ font-weight:bold} .fwgj_iph li a{ width:20%; float:right; color:#007ec3; text-align:right;} /*服务支持-国内网络*/ .fwgn_p1 .li4{ float:none;} .fwgn_p1 .li1 .sp2{ width:170px;} .fwgn_p1 .li2 .sp2{ margin-left:74px;} .fwgn_p1 .li3{ margin-right:0;} .fwgn_p2{ height:auto; margin-bottom:60px;} .fwgn_p2 .left, .fwgn_p2 .right{ float:none; width:100%;} .fwgn_p2 .left{ height:300px;} .fwgn_p2 .right{ position:static; height:auto; padding-bottom:0;} .fwgn_p2 .map_con{ border-right:0;} .fwgn_p2 li{ padding:0 13px; box-sizing:border-box;} .fwgn_p2 li span{ font-size:16px;} .fwgn_p2 li .bt{ font-weight:400;} .fwgn_p2 li i{ width:80px;} .fwgn_p2 li .sp1{ margin-left:90px;} .fwgn_p2 li span a{ font-size:14px;} .fwgn_p2 .right .feny{ position:static;} .fwgn_p2 .right .l{ height:33px;} /*人才招聘*/ .gyzp_p2 .tab{ padding-bottom:20px;} .gyzp_p2 .tit_box span{padding:0 30px;} .gyzp_p2 .tab_main dt .dt_box{ margin:0; font-size:16px;} .gyzp_p2 .tab_main dt span{ padding:0 30px;} .gyzp_p2 .tab_main dd{ padding:30px;} .gyzp_p2 .tab_main .dd_box{ margin:0; font-size:16px;} .gyzp_p2 .tab_main .dd_box > span{ width:100%; float:none; margin-bottom:15px;} .gyzp_p2 .tab_main .dd_box .sp1, .gyzp_p2 .tab_main .dd_box .sp2, .gyzp_p2 .tab_main .dd_box .sp3{ padding:0;} .gyzp_p2 .tab_main .dd_box .sp2:before, .gyzp_p2 .tab_main .dd_box .sp3:before{ display:none;} .gyzp_p2 .tab_main .dd_box .lx{font-size:16px;} /*新闻列表-电子季刊*/ .xwjk_p1 .left{ width:25%;} .xwjk_p1 .left .swiper-container, .xwjk_p1 .left .li_box, .xwjk_p1 .left .swiper-wrapper{ width:100%;} .xwjk_p1 .right{ width:75%;} .xwjk_p2{ padding-bottom:30px;} .xwjk_p2 dt{ font-size:20px; padding-bottom:15px;} .xwjk_p2 ul{ margin:0 -10px;} .xwjk_p2 li{ padding:0 10px;} .xwjk_p2 li .img{ width:150px;} .xwjk_p2 li .text{ margin-left:150px; padding:20px 20px 0;} .xwjk_p2 li .text .bt{ font-size:16px; font-weight:400; height:auto; margin-bottom:8px;} .xwjk_p2 li .text .zy{ display:none;} .xwjk_p2 li .text .time{ font-size:12px; padding-bottom:15px;} .xwjk_p2 li .text .btn{ text-align:left;} .xwjk_p2 li .text .btn a{ font-size:12px; width:100px; height:30px; line-height:30px;} /*服务支持-视频宣传*/ .fwsp_p li{ width:50%;} .fwsp_p dt a{ background-size:35px;} /*关于我们-公司介绍*/ .about-con p img{ width:100%;} .gyjs_tit{ font-size:30px;} .gyjs_p1 .left, .gyjs_p1 .right{ width:100%; float:none;} .gyjs_p1 .left{ padding:0;} .gyjs_p1 .right{ padding:20px;} .gyjs_p1 .right p{ font-size:14px; line-height:26px;} .gyjs_p2 .left, .gyjs_p2 .right{ width:100%; float:none;} .gyjs_p2 .left{ padding:20px;} .gyjs_p2 .right{ padding:0;} .gyjs_p2 .left p{ font-size:14px; line-height:26px;} .gyjs_p3 .cont p{ font-size:14px; line-height:26px;} .gyjs_p4 .left{ padding:20px;width:100%; float:none;} .gyjs_p4 .right{ padding:20px;width:100%; float:none;} .gyjs_p4 p{ font-size:14px; line-height:26px;} /*搜索-产品*/ .ss_cp.ss_cont .cplb_list ul{ margin:0 -32px;} /*关于我们-荣誉资质*/ .ryzz{ padding-bottom:60px;} .ryzz_p2{ padding:40px 0;} .ryzz_p2 .swiper-container{ width:260%; margin-left:-80%;} .ryzz_p3 li{ width:50%;} } @media screen and (max-width:758px){ /*其他公用*/ .in_wrap, .wrap{ padding:0 10px;} .ty_title h1{ font-size:26px;} .ty_title .zy{ padding:10px 20px 0; display:none;} .ty_xiaobt{ font-size:18px;} .iph_noshow{ display:none;} /*公用头尾*/ .footer .top .in_wrap, .footer .top .wrap{ padding:0 10px; min-height:0;} .footer .left .logo{ padding-bottom:8px;} .footer .left span{ padding-bottom:8px; font-size:12px;} .footer .left .tel{ font-size:22px; line-height:24px; padding:6px 0;} /*首页*/ .i_banner .pc_lunb{ display:none;} .i_banner .ipn_lunb{ display: block;} .i_banner .swiper-container, .i_banner .li_box{ height:260px; width:100%;} .i_banner .swiper-slide{ width:100%;} .i_banner .text{ padding:0 10px; margin-top:-70px;} .i_banner .text .en{ font-size:18px; line-height:24px;} .i_banner .text .cn{ font-size:32px; line-height:40px;} .i_banner .text .zy{ font-size:11px; line-height:16px; padding:5px 10px; text-align:left;} .i_banner .pagination{ bottom:20px;} .i_banner .pagination span{ margin:0 4px; width:30px;} .i_solution{ display:none;} .iph_i_solution{ display: block;} .iph_i_solution .top{ position:relative;} .iph_i_solution .top span{ display:block;} .iph_i_solution .top .pic{ height:160px; background-repeat:no-repeat; background-position:center; background-size:cover;} .iph_i_solution .top .tit{ background:rgba(0,0,0,0.5); color:#fff; position:absolute; left:0; bottom:0; width:100%; padding:10px 20px; box-sizing:border-box;} .iph_i_solution .top .tit h1{ font-size:26px; font-weight:300;} .iph_i_solution .bot{ background:#ffdd00;} .iph_i_solution .bot li{ float:left; width:50%; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,0.2); border-right:1px solid rgba(0,0,0,0.2); font-size:16px;} .iph_i_solution .bot li a{ display:block; padding:15px 0 15px 15px; color:#000;} .iph_i_solution .bot li a i{ width: 30px; text-align:center; display: inline-block;} .iph_i_solution .bot .ty_more{ padding:20px;} /* 产品列表 */ .lm_ban{ height:auto; padding-top:0; position:relative;} .lm_ban .iph_img{ display: block; line-height:0; height:300px; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;} .lm_ban .wrap{ position:absolute; left:0; top:50%; margin-top:-60px;} .lm_ban h1{ font-size:22px; line-height:30px; color:#fff;} .lm_ban h2{ font-size:16px; color:#fff;} .cplb_jsjg{ height:auto;} .cplb_jsjg .title{ padding: 0 ;} .cplb_jsjg .title .bt{ font-size:20px; padding:15px 0 10px;} .cplb_jsjg .title .img{ width:20px; padding-right:10px; padding-top:4px;} .cplb_jsjg .title .cp_more{ margin-left:15px; padding:15px 0 10px; height:51px; background-position:center 22px;} .cplb_jsjg .cp_more:hover .tanchu{ top:50px;} .cplb_jsjg .tanchu ul:before{ left:135px;} .cplb_jsjg .shaix{ display:none;} .cplb_jsjg .erji{ padding-top:0;} .cplb_jsjg .erji a{ line-height:20px; padding-bottom:5px;} .cplb_jsfl dt{ font-size:18px; line-height:20px;} .cplb_jsfl dd{ padding-top:2px;} .cplb_jsfl dd span{ padding-left:10px;} .cplb_jsfl .list .sp2{ margin-left:60px;} .cplb_list{ padding:30px 0 40px;} .cplb_list ul{ margin:0 -5px;} .cplb_list li{ width:50%; padding:0 5px; margin-bottom:10px;} .cplb_list .text{ padding:0 10px 15px 10px;} .cplb_list .tit{ font-size:16px; line-height:26px;} .cplb_list .more{ line-height:30px; font-size:12px;} .cplb_list .page{ margin-top:20px;} .page a{ display:inline-block;} .page .pprev, .page .pnext, .page .one{ display: inline-block;} .cp_bottom{ padding:10px 0;} .cp_bottom li{ width:50%;} .cp_bottom li span{ padding:10px 0 10px 30px; font-size:16px; background-size:20px;} /* 产品详情 */ .cpxq_.cplb_jsjg .erji a:nth-child(1){ padding-left:16px;} .mbx .iph_no{ display:none;} .mbx .sp1{ display:none;} .cpxq_top{ padding:20px 0 30px;} .cpxq_.iph_left .arrow > div{ margin-top:-45px;} .cpxq_.iph_left .arrow .arrow-left{ left:-10px;} .cpxq_.iph_left .arrow .arrow-right{ right:-10px;} .cpxq_.cpxq_btn{ margin-top:0; position:static;} .cpxq_top .right{ padding-top:30px;} .cpxq_top .title{ font-size:22px; line-height:24px; padding-bottom:10px; font-weight:400;} .cpxq_top .xingh{ margin-bottom:10px; font-size:14px;} .cpxq_top .zhaiy{ padding-bottom:15px;} .cpxq_top .price{ padding-top:0;} .cpxq_top .price .jiag{ font-size:28px;} .cpxq_top .shul{ padding-bottom:8px;} .cpxq_top .shul li{ float:none; width:100%; margin-bottom:10px;} .cpxq_top .shul li a{ margin-left:0; width:100%;} .cpxq_top .xiaz li{ width:50%; text-align:left; margin-bottom:15px;} .cpxq_top .xiaz a{ font-size:16px;} .cpxq_con .tab a{ padding:0 ; width:33.3%; box-sizing:border-box; font-size:16px;} .cpxq_con .tab a:nth-child(3){ border-right:none;} .cpxq_con .tab_main h3{ font-size:16px; line-height:18px; padding-top:20px;} .cpxq_con .right{ margin:40px 0 0; display:none;} .cpxq_con .r_main{ float:none; width:100%; padding:0; margin-bottom:15px;} .cpxq_con .r_.box{ height:auto; padding:20px 15px 0;} .cpxq_con .r_.ty_more{ padding-bottom:30px;} .cpxq_con .r_.ty_more a{ font-size:14px;} .cpxq_con .xgcp .txt{ font-size:16px; padding-top:25px;} .cpxq_con .xgcp .img{ width:80px;} .cpxq_con .xgyy a{ font-size:16px;} /* 解决方案集成 */ .lm_ban_btn{ padding:0;} .lm_ban_btn .btn{ width:100px; height:33px; line-height:33px; font-size:14px; margin-top:15px;} .lm_ban_btn .wrap{ margin-top:-77px;} .jc_erji li span{ font-weight:bold;} .jjfajc_part{ padding:30px 0;} .jjfajc_part.last{ padding-bottom:30px;} .jjfajc_part dt h3{ font-size:20px; line-height:22px; padding-bottom:10px;} .jjfajc_part dt span{ padding:0; font-size:12px; line-height:20px;} .jjfajc_part ul{ margin:0; padding-top:20px;} .jjfajc_part li{ width:100%; padding:0; margin-bottom:15px;} .jjfajc_part li a{ height:auto; padding:15px 10px;} .jjfajc_part .pic{ width:65px; height:65px; background-size:65px;} .jjfajc_part .text{ margin-left:70px; padding-top:0;} .jjfajc_part .text .tit{ font-size:16px; height:22px; overflow:hidden; padding-bottom:0; margin-bottom:10px;} /* 新闻列表 */ .lb_erji .lb_erji_box{ padding:0; border:none;} .lb_erji{ height:83px; padding-bottom:0; border-bottom:none;} .lb_erji .wrap{ padding:0;} .lb_erji .bt{ font-size:20px; margin:0 10px;} .lb_erji .bt i{ width:20px; padding-right:5px;} .lb_erji .bt i img{ width:100%;} .lb_erji ul{ border-top:1px solid #eee; padding-top:0; margin-top:0;} .lb_erji li{ padding:0; width:33.3%; text-align:center;} .lb_erji li a{ display:block; font-size:14px; line-height:20px; font-weight:bold; padding:10px 0; border-bottom:1px solid #eee; border-right:1px solid #eee;} .lb_erji li a::before{ display:none;} .lb_erji li a.one, .lb_erji li a:hover{ background-color:#007ac2; color:#fff;} .xwlb_part1{ padding:30px 0;} .xwlb_part1 dt{ width:100%; float:none;} .xwlb_part1 dd{ margin-left:0; padding:20px 15px 40px;} .xwlb_part1 .time{ padding-bottom:0; float:left;} .xwlb_part1 .time i{ font-size:30px; line-height:32px;} .xwlb_part1 .bt{ font-weight:400; margin-left:65px; padding-bottom:0; min-height:44px;} .xwlb_part1 .xwlb_more{ display:none;} .xwlb_part1 .pagination{ padding-left:0; bottom:10px;} .xwlb_part2{ padding-bottom:40px;} .xwlb_part2 ul{ margin:0 -5px; padding-bottom:10px;} .xwlb_part2 li{ width:50%; padding:0 5px; margin-bottom:15px;} .lb_erji.li_wid4{ height:42px;} .lb_erji.li_wid4 li{ width:25%;} /* 新闻详情 */ .xwxq_wrap{ padding:0;} .xwxq_part1{ padding-bottom:10px;} .xwxq_part1 .tit{ font-size:20px; line-height:26px; padding-top:30px;} .xwxq_part1 .xx{ font-size:14px;} .xwxq_part1 .xx span{ display:block; padding-bottom:5px;} .xwxq_part1 .fx{ font-size:14px; text-align:center;} .xwxq_part1 .fx > span{ float:none; margin-bottom:5px;} .xwxq_part1 .fx .bdshare-button-style2-32 .bds_weixin{ margin-left:0;} .xwxq_part2 .xwxq_wrap{ padding:0 10px;} .xwxq_part2 .con{ padding:30px 0;} .xwxq_part3 .xwxq_wrap{ padding:0 10px;} .xwxq_part3 li::before{ display:none;} .xwxq_part3 li a, .xwxq_part3 li .time{ float:none;} .xwxq_part3 li .time{ padding: 0 0 0 23px; margin-top:8px;} .xwxq_part3 li .time::before{ left:0;} /* 新闻杂志 */ .xwzz_part1{ padding-bottom:60px;} .xwzz_part1 ul{ padding:30px 0 15px 0; margin:0 -5px; } .xwzz_part1 li{ width:50%; padding:0 5px; margin-bottom:15px;} .xwzz_part1 .text .bt{ font-size:12px; font-weight:400; padding:15px 5px 0;} .xwzz_part1 .saom .box{ margin-top:-80px;} .xwzz_part1 .saom span img{ width:100px;} .xwzz_part1 .saom .txt{ padding:10px 15px 0; font-size:14px; line-height:20px;} .xwzz_part1 .text .btn::before{ display:none;} .xwzz_part1 .text .btn a{ width:100%; height:auto; line-height:14px; padding:10px 0 10px 20px;} .xwzz_part1 .text .btn a.a1{ border-bottom:1px solid #eee;} /* 核心技术 */ .hxjs_part1 .top{ padding:40px 0 20px;} .hxjs_part1 .tit span{ font-size:14px;} .hxjs_part1 .right li{ float:none; width:100%; padding:5px 0 5px 15px; line-height:20px; font-size:16px;} .hxjs_part1 .right li::before{ width:8px; height:8px; margin-top:-4px;} .hxjs_part1 .left, .hxjs_part1 .right{ float:none; width:100%; padding:0; font-size:16px; line-height:24px;} .hxjs_part1 .bot .left{ padding-bottom:20px; padding-right:0;} .hxjs_part2{ padding:40px 0;} .hxjs_part2 .box{ width:100%;} .hxjs_part2 .hxjs_txt dt .sp2{ color:#ddd;} .hxjs_txt dt{ padding-bottom:15px;} .hxjs_txt dd{ font-size:16px; line-height:24px;} .hxjs_part3{ padding:40px 0;} .hxjs_part3 .left, .hxjs_part3 .right{ float:none; width:100%; padding:0;} .hxjs_part3 .left{ padding-bottom:20px;} /* 解决方案分类 */ .jjfl_p1{ padding:40px 0;} .jjfl_p1 dt{ font-size:22px;} .jjfl_p1 dt span{ font-weight:bold; padding-bottom:3px;} .jjfl_p1 .txt .txt_box{ padding:20px 20px 25px;} .jjfl_p2{ padding-top:40px;} .jjfl_p2 .jjfajc_part dt span, .jjfl_tit{ font-size:22px;} .jjfl_p2 .jjfajc_part ul{ padding-top:20px;} .jjfl_p2 .jjfajc_part li{ padding:0 5px;} .jjfl_p2 .jjfajc_part li a{ padding-top:20px; height:215px;} .jjfl_p2 .jjfajc_part .pic{ width:65px; height:65px;} .jjfl_p2 .jjfajc_part .text{ padding-top:15px;} .jjfl_p3{ padding:40px 0 30px;} .jjfl_p3 li{ padding:0 5px; margin-bottom:10px;} .jjfl_p3 ul{ margin:0 -5px;} .jjfl_p3 li .txt{ font-size:14px;} .jjfl_p3 li a:hover .tit{ bottom:0;} .jjfl_p3 li .tit2{ display:none;} .jjfl_p3 li .tit{ padding:10px; height:40px; overflow:hidden;} .jjfl_p4{ padding:40px 0 20px;} .jjfl_p4 .swiper-container{ margin:0;} .jjcp_list{ padding:5px;} .jjcp_list .text{ font-size:16px; padding:0 15px;} .jjfl_p5{ padding-bottom:30px;} .jjfl_p5 .swiper-container{ margin:0 15px;} .jjfl_p5 .lbt_box{ padding:20px 0 0;} .jjfl_p5 .tit{ font-size:16px;} .jjfl_p5 .iph_noshow{ display:none;} /* 解决方案详情 */ .jjxq_p1{ padding:40px 0 30px;} .jjxq_p1 .left{ padding-right:0;} .jjxq_p1 .left .btn a{ width:48%; margin:0 1%;} .jjxq_p1 .r_2 li{ margin-bottom:10px;} .jjxq_p1 .r_2 li a{ padding:8px 28px 8px 10px;} .jjxq_p2 .wrap{ padding:0;} .jjxq_p2 li{ width:33.3%; margin-top:-1px; float:left; border:1px solid #dbdbdb; box-sizing:border-box; padding:10px;} .jjxq_p2 li::before{ display:none;} .jjxq_p2 li a{ display:block;} .jjxq_p2 .iph_noshow{ display:none;} .jjxq_p3{ padding-top:40px;} .jjxq_p3 .cont{ padding-top:30px;} .jjxq_p3 .left, .jjxq_p3 .right{ float:none; width:100%;} .jjxq_p3 .right{ padding:20px 0 0 0;} .jjxq_p4{ padding-top:40px;} .jjfl_zy{ padding:20px 10px 25px;} .jjxq_p4 li{ padding:15px 20px;} .jjxq_p5{ padding-top:40px;} .jjxq_p5 .cont{ margin-top:20px;} .jjxq_p6 .dfsrk_cont .top{} .jjxq_p6 .dfsrk_cont .left{ width:100%; float:none;} .dfsrk_cont .right{ margin-left:0;} .dfsrk_cont .left li .sp1{ font-size:16px; width:85px;} .dfsrk_cont .left li .sp2{ margin-left:85px;} .dfsrk_cont .wbk{ padding:15px;} .dfsrk_cont .wbk .sp1{ font-size:14px; width:50px;} .dfsrk_cont .wbk .sp2{ margin-left:50px;} .jjxq_p7{ text-align:left; line-height:30px;} .jjxq_p7 span{ background-position:left 8px;} /*服务支持-国内详情*/ .fwwl_xqp1{ padding:30px 10px 20px; font-size:20px; font-weight:400;} .fwwl_xqp2 .left{ float:none; width:100%;} .fwwl_xqp2 .right{ margin-left:0; height:auto;} .fwwl_xqp2 .right .top .tit{ font-size:20px;} .fwwl_xqp2 .sp1{ width:80px;} .fwwl_xqp2 .sp2{ margin-left:85px;} .fwwl_xqp2 .ty_xx .sp2, .fwwl_xqp2 .ty_xx .sp3{ display:block; margin-left:85px;} .fwwl_xqp2 .ty_xx .sp2{ margin-bottom:5px;} .fwwl_xqp3{ margin:10px 0 40px; padding:20px 20px 16px;} .fwwl_xqp3 .bt{ font-size:20px; padding-bottom:20px; font-weight:400;} .fwwl_xqp3 li{ margin-bottom:25px;} .fwwl_xqp3 .sp1{ float:none; padding-left:0; padding-bottom:10px; font-weight:400;} .fwwl_xqp3 .sp2{ margin-left:0;} .fwwl_xqp3 .sp2 textarea{ width:100%;} .fwwl_xqp3 .sp3{ width:100%; position:static; padding-top:5px; font-weight:400; font-size:14px;} .fwwl_xqp3 .li3 .sp1{ display:none;} .fwwl_xqp3 .li3 .sp2 input{ width:100%;} /*服务支持-下载中心*/ .fwxz_p1{ padding:30px 0;} .fw_js{ padding:15px;} .fw_js .ss, .fw_js .xl{ float:none; width:100%;} .fw_js .ss{ margin-bottom:15px;} .fw_js .xl{ margin:0;} .fw_js .xl > ul > li{ width:100%; float:none; margin-bottom:15px;} .fw_js .xl .sp1{ padding-bottom:5px;} .fw_js .btn{ position:static; padding:10px 0;} .fw_js .btn a{ width:100%;} .fwxz_p2{ padding:30px 0 0;} .fw_left, .fw_right{ margin-bottom:30px; padding:0 15px;} .fw_right{ padding:0 5px;} .fw_right .fw_r{ width:46%; margin:2%;} .fwxz_p2 .tab a{ margin-right:0; width:23%; display:inline-block; box-sizing:border-box; padding:10px 0; font-size:14px; text-align:center; background-size:0;} /*服务支持-常见问题*/ .fwwt_js .xl > ul > li .sp2{ float:none; width:100%; padding-right:0; margin-bottom:5px;} .fwwt_p1 .bt{ font-size:18px; float:none;} .fwwt_p1 .right{ float:none;} .fwwt_list dt{ padding:15px 0px 15px 25px; font-size:16px; line-height:24px; background-position: left 20px; background-size:15px;} .fwwt_list .one dt{ padding-bottom:15px;} .fwwt_list dd{ background-size:15px; padding:0 0 15px 25px; font-size:16px; line-height:24px; background-position: left 3px;} .fwwt_p3{ padding:20px 15px 40px;} .fwwt_p3 .top{ padding:0 0px 20px;} .fwwt_p3 .left, .fwwt_p3 .right{ float:none; width:100%; padding:0;} .fwwt_p3 .dfsrk_cont li .sp1{ width:50px; padding-top:8px; font-size:12px;} .fwwt_p3 .dfsrk_cont .left li .sp2{ margin-left:50px;} .fwwt_p3 .dfsrk_cont li .sp2{ margin-left:50px;} .fwwt_p3 .dfsrk_cont .yanzm .sp1{ width:70px;} .fwwt_p3 .dfsrk_cont .yanzm .sp2{ margin-left:70px;} .fwwt_p3 .btn a, .fwwt_p3 .btn input{ font-size:14px; height:35px; line-height:35px;} /*登录*/ .dl_box{ height:auto; padding:40px 0;} .dl_part{ width:300px; height:auto; position:static; margin:0 auto; padding:0 15px;} .dl_part .logo span{ width:100px;} .dl_part .tit{ width:285px; margin-left:-15px; height:50px; line-height:50px; font-size:18px; background-size:25px; background-position:25px center; padding-left:60px;} .dl_part .tit::before{ display:none;} .dl_part ul{ padding-top:10px;} .dl_part li .sp1{ width:40px; background-position:15px center; background-size:15px;} .dl_part li .sp2{ margin-left:40px;} .dl_part .li3 .li_box{ width:165px;} .dl_part .li3 .yzm{ width:100px; float:left;} .dl_part .li3 .yzm img{ width:100%;} .dl_part .li4 a{ line-height:40px; height:40px;} .dl_part .tips{ padding-bottom:25px;} .dl_part .tips .demo-list, .dl_part .tips .right{ float:none;} .dl_part .tips .right{ padding-top:15px;} .dl_register{ width:96%; padding:50px 0; margin:auto;} .dl_register ul{ padding:30px 30px;} .dl_register .li3 .li_box{ float:left; width:50%;} .dl_register .bt{ height:34px; font-size:16px; padding-top:14px; color:#666; background:url(../images/login_reg_tbg.png); border-bottom:1px solid #d8d8d8;} /*搜索结果*/ .ss_ban{ height:220px; padding:30px 20px;} .ss_ban .ssk .sp1, .ss_ban .ssk .sp2{ float:none;} .ss_ban .ssk .sp1{ padding:0 0 10px 0;} .ss_ban .ssk .sp2{ width:100%;} .ss_ban .demo-list{ float:none; clear:both; overflow:hidden;} .ss_ban .demo-list li{ width:33.3%; margin-right:0; font-size:12px;} .ss_ban .btn{ float:none; padding:15px 0 0 0;} .ss_ban .btn a{ width:100%; height:auto;} .ss_ban .pc{ display:none;} .ss_ban .iph{ display:block; text-align:center;} .ss_ban .iph a{ box-sizing:border-box; background:#ffdd00;color:#000;height:40px; line-height:40px;font-size:18px;} .ss_cont{ padding:30px 0 40px;} .ss_cont .box{ padding:15px;} .ss_cont .top-1 .left, .ss_cont .top-1 .right{ float:none; padding:3px 0;} .ss_cont .top-2{ padding:15px 0 0 0;} .ss_cont .top-2 li{ width:25%; text-align:center; margin-left:0;} .ss_cont .top-2 a{ padding:10px 0; width:100%; box-sizing:border-box; font-size:14px;} .ss_cont .list a{width:80%;} .ss_cont .list span{width:20%; font-size:13px;} /*新闻列表-专题新闻*/ .xwzt_bt{ font-size:20px; line-height:22px; padding:20px 0 15px;} .xwzt_list .img, .xwzt_list .text{ float:none; width:100%;} .xwzt_list .img{ border-radius:5px 5px 0 0;} .xwzt_list .text{ padding:20px;} .xwzt_list .bt a{ font-size:20px;} .xwzt_list .time{ font-size:14px;} .xwzt_list .text .tet{ display:block; font-size:14px; line-height:22px; height:auto;} /*新闻列表-展会活动*/ .xwzh_p1 .fw_js .ss, .xwzh_p1 .fw_js .xl{ width:100%;} .xwzh_p1 .fw_js .xl > ul > li{ width:100%;} .xwzh_p2 .list{ padding:0;} .xwzh_p2 .th{ display:none;} .xwzh_p2 .xwzh_list dt{ padding:10px 35px 10px 15px; position:relative;} .xwzh_p2 .xwzh_list dt span{ width:100%; float:none; text-align:left;} .xwzh_p2 .xwzh_list dt .sp1, .xwzh_p2 .xwzh_list dt .sp2, .xwzh_p2 .xwzh_list dt .sp3{ width:100%; padding:5px 0;} .xwzh_p2 .xwzh_list dt .sp4{ width:20px; height:20px; position:absolute; right:15px; top:50%; margin-top:-10px;} .xwzh_p2 .xwzh_list dd{ padding:0 15px;} .xwzh_p2 .xwzh_list dd .list_a span{ height:auto; line-height:18px; margin:10px 0;} .xwzh_p2 .xwzh_list dd .list_a a, .xwzh_p2 .xwzh_list dd .list_a i{ float:none; padding:0 0 5px;} .xwzh_p2 .xwzh_list dd .list_a span:before{ display:none;} .xwzh_p2 .xwzh_list .one{ border-bottom:1px solid #ebebeb;} .xwzh_p2 .xwzh_list .one dt, .xwzh_p2 .xwzh_list dt:hover{ background:#fff;} /*服务支持-国际网络*/ .fwgj{ margin-bottom:40px;} .fwwl_btn a{ padding:0 20px; line-height:38px; font-size:14px;} /*服务支持-国内网络*/ .fwgn_p1{ padding-bottom:15px;} .fwgn_p1 .cf > li{ float:none; margin-bottom:15px;} .fwgn_p1 .li1, .fwgn_p1 .li2{ margin-right:0;} .fwgn_p1 .sp1{ float:none; line-height:18px; padding-bottom:3px;} .fwgn_p1 .li1 .sp2, .fwgn_p1 .li1 .sp2s{ margin-left:0; width:100%;} .fwgn_p1 .li2 .sp2{ margin-left:0; width:100%;} .fwgn_p1 .li3 a{ width:100%;} .fwgn_p1 .li4{ line-height:18px;} .fwgn_p2{ margin-bottom:40px;} .fwgn_p2 .left{ height:200px;} .fwgn_p2 li{ padding:0 20px;} .fwgn_p2 .right .feny{ padding:0 20px 0 10px;} /*服务支持-服务公告*/ .fwgg_cont{ padding:20px 0 20px;} .fwgg_cont .box{ padding:15px 15px 25px;} .fwgg_cont .list a, .fwgg_cont .list span{ float:none; width:100%;} .fwgg_cont .list span{ text-align:left; padding-top:5px; font-size:14px;} /*关于我们-联系我们*/ .gylx{ padding:40px 0 20px;} .gylx_zy{ font-size:14px; line-height:20px;} .gylx ol{ padding-bottom:30px;} .gylx_p ul{ margin:0;} .gylx_p li{ width:100%; padding:0; margin-bottom:20px;} .gylx_p dt{ width:100px; height:155px;} .gylx_p dd{ margin-left:110px;} .gylx_p dd .sp1{ font-size:18px; line-height:18px; padding-bottom:0; border-bottom:none; color:#007ac2;} .gylx_p dd .sp2{ font-size:14px; padding-top:8px;} .gylx_p dd .sp3{ padding-top:3px;} /*人才招聘*/ .gyzp_p2 .cont{ padding:15px} .gyzp_p2 .tab a{ font-size:16px; font-weight:400;line-height:35px;} .gyzp_p2 .tit_box{ display:none;} .gyzp_p2 .tab_main dt .dt_box{ padding:10px 0;} .gyzp_p2 .tab_main dt span{ float:none; padding:2px 10px; position:relative;} .gyzp_p2 .tab_main dt .sp1, .gyzp_p2 .tab_main dt .sp2, .gyzp_p2 .tab_main dt .sp3, .gyzp_p2 .tab_main dt .sp4{ width:90%;} .gyzp_p2 .tab_main dt .sp1{ font-size:16px;} .gyzp_p2 .tab_main dt .sp2, .gyzp_p2 .tab_main dt .sp3, .gyzp_p2 .tab_main dt .sp4{ font-size:14px;color:#999;} .gyzp_p2 .tab_main dt .sp2:before{ content:'招聘人数:'; } .gyzp_p2 .tab_main dt .sp3:before{ content:'工作地点:'; } .gyzp_p2 .tab_main dt .sp4:before{ content:'职位类型:'; } .gyzp_p2 .tab_main dt .more{ right:10px; top:50%; margin-top:-10px;} .gyzp_p2 .tab_main dd{ padding:10px;} .gyzp_p2 .tab_main .dd_box > span{ padding:0 10px;} /*服务支持-视频宣传*/ .fwsp_p{ padding-top:40px;} .fwsp_p ul{ margin:0 -7px; padding-top:20px;} .fwsp_p li{ padding:0 7px; margin-bottom:20px;} .fwsp_p dt{ width:100%; float:none;} .fwsp_p dd{ margin-left:0;} .fwsp_p dd span{ padding-top:5px;} .fwsp_p .more span{ padding:5px 25px; font-size:12px;} .fwsp_p.last{ padding-bottom:50px;} /*新闻列表-电子季刊*/ .xwjk_p1{ height:auto;} .xwjk_p1 .left{ display:none;} .xwjk_p1 .right{ width:100%; height:200px; margin-bottom:10px; float:none;} .xwjk_p1 .right .swiper-container, .xwjk_p1 .right .swiper-wrapper, .xwjk_p1 .right .li_box{ height:200px;} .xwjk_p1 .right .tet{ padding:20px; font-size:16px; line-height:24px;} .xwjk_p1 .right .pagination{ bottom:10px;} .xwjk_p1 .right .arrow .arrow-left{ left:10px; background-size:15px;} .xwjk_p1 .right .arrow .arrow-right{ right:10px; background-size:15px;} .xwjk_p1 .iph_nav{ display: block; background:#007ac2; color:#fff; padding:30px 0; position:relative; height:257px; box-sizing:border-box; overflow:hidden;} .xwjk_p1 .swiper-container{ height:197px;} .xwjk_p1 .iph_nav dt{ font-size:20px; padding:0 20px; line-height:46px; border-bottom:1px solid rgba(255,255,255,0.2); background:#1689cc;} .xwjk_p1 .iph_nav dd{ padding:15px 0; background:#278fcc;} .xwjk_p1 .iph_nav dd a{ display:block; color:#fff; padding:5px 40px; font-size:16px;} .xwjk_p1 .iph_nav dd a.a{ font-weight:bold;} .xwjk_p1 .iph_nav .arrow > a{ display:block; position:absolute; left:0; width:100%; height:29px; z-index:5;} .xwjk_p1 .iph_nav .arrow-left{ top:0; background:url(../images/xwjl_ion-3.png) no-repeat center; border-bottom:1px solid #43afed;} .xwjk_p1 .iph_nav .arrow-right{ bottom:0; background:url(../images/xwjl_ion-4.png) no-repeat center; border-top:1px solid #43afed;} .xwjk_p2{ padding-bottom:0;} .xwjk_p2 .tit span{ font-size:20px; padding:0 15px;} .xwjk_p2 dt{ font-size:18px; padding-bottom:10px;} .xwjk_p2 li{ width:100%;} .xwjk_p2 li .img{ width:130px;} .xwjk_p2 li .text{ margin-left:130px; padding:10px 15px 0;} .xwjk_p2 li .text .bt{ font-size:16px;} .xwjk_p2 li .text .time{ font-size:14px; padding-bottom:10px;} .xwjk_p2 li .text .btn a{ width:90px; height:26px; line-height:24px;} /*关于我们-公司介绍*/ .about-con{ padding:20px 0;} .gyjs_p1{ padding:0 0 20px 0;} .gyjs_tit{ font-size:24px; font-weight:600; } .gyjs_p1 .left{ padding:0;} .gyjs_p1 .right{ padding:20px;} .gyjs_p1 .right h2{ font-weight:600;} .gyjs_p1 .right p{ line-height:28px; font-size:15px; margin-bottom:0; margin-top:10px;} .gyjs_p2 .left{ padding:20px;} .gyjs_p2 .left p{line-height:28px; font-size:15px;} .gyjs_p2 .right{ padding:0;} .gyjs_p4 p{ font-size:15px; line-height:28px;} .gyjs_p3 { padding:0 0 20px 0;} .gyjs_p3 .cont p{ font-size:15px; line-height:28px;} /*搜索-产品*/ .ss_cont .cplb_list ul{ margin:0 -15px;} /*关于我们-荣誉资质*/ .ryzz{ padding:40px 0;} .ryzz_p2{ padding:30px 0 20px;} .ryzz_p2 .swiper-container{ width:286%; margin-left:-93%;} .ryzz_p2 li .pic{ padding:5px 5px 0;} .ryzz_p2 li .txt{ font-size:16px; line-height:24px; padding:10px 5px;} .ryzz_p3 ul{ margin:0;} .ryzz_p3 li{ float:none; width:100%; padding:5px 0; font-size:16px; font-weight:400;} /*弹出-登录*/ .tc_dl .dl_part{ position:absolute; margin:-233px 0 0 -150px;} } @media screen and (max-width:479px){ /* 产品列表 */ .cplb_jsjg .title{ padding:0;} .cplb_jsjg .title .bt, .cplb_jsjg .title .cp_more{ padding:15px 0 10px;} .cplb_jsjg .title .cp_more{ height:51px; background-position:center 22px;} .cplb_jsjg .tanchu{ top:50px;} .cplb_jsjg .tanchu ul:before{ left:135px;} /* 产品详情 */ .cpxq_.iph_left .swiper-container{ width:100%;} .cpxq_.cplb_jsjg .title .cp_more{ height:44px; background-position:0 16px;} .cpxq_.cplb_jsjg .tanchu{ top:42px;} /* 新闻列表 */ .xwlb_part2 ul{ margin:0;} .xwlb_part2 li{ width:100%; padding:0;} .xwlb_part2 .li_box{ height:auto; padding-bottom:30px;} .xwlb_part2 .text .zhaiy{ padding-bottom:20px;} /* 新闻列表-展会活动 */ .fw_js .ss .sp1{ font-size:14px;} /*服务支持-下载中心*/ .fw_right{ padding:0 15px;} .fw_right .fw_r{ width:100%; margin:0 0 15px; height:auto; font-size:14px;} .fw_right .fw_r2 .nr{ height:auto; padding:15px;} .fw_right .fw_r .btn{ padding:13px 10px;} .fw_right .fw_rkf{ padding-top:0;} /* 解决方案-分类 */ .jjxq_p1 .r_2 li{ float:none;} .jjxq_p1 .r_2 li a{ font-size:16px;} .jjxq_p3 .right li{ padding:5px 0;} .jjxq_p3 .right li i{ font-size:14px; width:22px; height:22px;} .jjxq_p3 .right li span{ font-size:16px;} .jjxq_p4 li.li4{ padding:20px;} .jjxq_p4 li span{ font-size:16px; line-height:28px;} } .right-side{width: 90px;position: fixed;right: 0;top: 50%;transform: translate(0,-50%);z-index: 1000;background-color: #fff; padding:7px; border:1px solid #f8f8f8; border-radius:5px;} .rs-1{display: block;width: 100%;margin: 0 auto;text-align: center;} .rs-2{width: 100%;} .rs-a{display: block;width: 100%;margin-top:10px; border-top: 1px dashed #ccc; padding-top:10px;} .rs-b{width: 100%;margin-bottom: .05rem;} .rs-c{text-align: center;font-size: 12px;color: #e62129;margin-bottom: .03rem;line-height: 1.3;} .rs-d{text-align: center;font-size: 12px;color: #e62129;line-height: 1.3;} @media(max-width: 900px){ .right-side{width: 50px;z-index: 3000;background-color: rgba(255,255,255,0.5);} .rs-d{font-size: 10px;} .rs-c{font-size: 10px;} }