/* @media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18), (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18), (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) { :root { font-size: 14px; } } @media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28), (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28), (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) { :root { font-size: 13px; } } @media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4), (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4), (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) { :root { font-size: 12px; } } @media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6), (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6), (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) { :root { font-size: 10px; } } @media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8), (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8), (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) { :root { font-size: 9px; } } @media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1), (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1), (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) { :root { font-size: 8px; } } */ .mode-banner80{ width:100%; position:relative; overflow:hidden;} .banner-cnt80{ float:left; position:relative; right:50%;} .mode-inner80{float:left; position:relative; left:50%;} .banner-cnt80 img{ max-width:none;} @media screen and (max-width: 1500px){ .banner-cnt80 img{ max-width: none;width: 120%; margin-left: -10%;} } .banner2{ margin-top: 85px;} @media screen and (max-width: 640px){ .banner-cnt80 img{ max-width:100%;} } @-webkit-keyframes bgzoom { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(1.05); -webkit-transform: scale(1.05); } } @keyframes bgzoom { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(1.05); -webkit-transform: scale(1.05); } } .banner-cnt img,.swiper-roll-28 .swiper-slide-active>img,.swiper-slide-active>a>img { -webkit-animation-name: bgzoom; animation-name: bgzoom; animation-fill-mode: forwards; -webkit-animation-duration: 2s!important; animation-duration: 2s!important; } .gotos{ position: relative; top:-125px;} .wrap-layer { max-width: 1440px; min-width: 1200px; width: 100%; margin: 0 auto; position: relative; } .h1, .h2, .h3, h1, h2, h3{ margin-bottom: 0;} .sub0{} .H70{ height:70px;} /*首页*/ .swiper-roll-28{ transform: translateY(-50%); bottom: auto!important;} #rolls{position:relative; overflow: hidden; /*max-height: none!important;*/} .txt1{ position: absolute; left: 0; top:0; bottom: 0; right: 0; z-index: 29999;display:box; display:-webkit-box;display:-moz-box; box-align:center;-webkit-box-align:center;-webkit-moz-align:center; box-pack:center;-webkit-box-pack:center;-webkit-moz-pack:center;} /*新增文字*/ .txt1 *{ color: #fff;font-size:48px;} .txt1{ text-align: center; font-size: 48px;  text-shadow: 1px 1px 2px rgba(0,0,0,.5); } .txt1 h3{ margin-bottom:15px;line-height: 150%;text-shadow: 1px 1px 2px rgba(0,0,0,.5); font-family: "fzzh"; } .txt1 span{ /*font-family: "fzzh"; */font-size: 16px; /*max-width: 1210px; max-width:70%;*//*margin: 0 auto;*/ display: block; line-height: 120%;text-shadow: 1px 1px 2px rgba(0,0,0,.5); } #rolls .item-cell:nth-child(4) .txt1{ left:42%;} #rolls .item-cell:nth-child(5) .txt1{ left:42%;} .box{ width: 1400px; max-width:85%; margin:0 auto; margin-top: -12%; position: relative; text-align: left;/*justify-content: center; *//* 水平居中 */ align-items: center; display: flex; /*justify-content: space-between;*/} .box .pos{ opacity: 0; transition: all 1.5s; } .box img{ max-width:650px; height: auto;} .box .an1{width: 100%;left: 0; top: 0;} .box .an2{right: 0; top: 0;} .swiper-slide{ overflow: hidden;} .swiper-roll-1,.swiper-roll-28{/* position: absolute;*/ top: 0; bottom: 0; left: 0; right: 0; z-index: 6;} .box .an1{ transform: translateX(-400px);} .box .an2{ transform: translateX(400px);} .swiper-roll-28 .swiper-slide-active .box .pos{ opacity:1;transform: translateX(0);} .swiper-roll-28 .swiper-slide{ overflow: hidden;} .swiper-container-horizontal>.swiper-pagination-bullets,#rolls .swiper-pagination-bullets{ left: 0; right: 0; bottom: 20px; z-index:99; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,#rolls .swiper-pagination-bullets .swiper-pagination-bullet{ opacity: 1; width: 26px; height:26px; background:url("../images/dot2.png") no-repeat; border-radius:0; position: relative;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,#rolls .swiper-pagination-bullets .swiper-pagination-bullet-active{ background:url("../images/dot1.png") no-repeat; } /*头部*/ .logo-css{ float: left; width:123px; padding-right: 30px; padding-top:5px;} .logo-css img{max-width:123px; height:auto!important} .in-search{ display:none;} .header-wrap{ position:fixed; z-index: 888; left: 0; right: 0;} .mod-headers .wrap-layer{ max-width: 1920px; padding: 0 185px 0 40px; box-sizing: border-box;} .wrap-nav{ /*width:710px;*/ height:85px; padding-right:75px; text-align: right; float: right;} .navMenu{ padding-top:35px; position: relative; left:16px; } .navMenu>li { display: inline-block;position: relative; height:60px; } .navMenu>li>a { /* cursor: pointer;*/ white-space: nowrap; display: block; padding: 0 22px 0 22px; box-sizing: border-box; text-align: center; color: #666; /*border-bottom:transparent solid 2px;*/ /*text-shadow:#fff 1px 1px;*/ } .navMenu>li>a>span{ color:#4d4d4d;line-height:100%;font-size:16px;} .navMenu>li.cr>a, .navMenu>li>a:hover,.navMenu>li>a:hover *,.navMenu>li.cr>a * { } .navMenu .sub-menus:after{ content: ""; position: absolute; top: -6px; width: 0px; height: 0px; left: 50%; margin-left: -6px; display: block; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #f4f4f4; } .navMenu .sub-menus { border: 1px solid #f9f9f9; position: absolute; /**/ top:50px; /* top:-1800px;*/ left: 50%; margin-left: -78px; width: 156px; height:auto; /**/overflow: hidden; /*height:80px;*/ background:rgba(255,255,255,.95); transition-duration: .3s; -ms-transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; opacity: 0; text-align: center; box-shadow: -5px 0 5px rgba(0,0,0,0), 5px 0 5px rgba(0,0,0,0), 0 -5px 5px rgba(255,255,255,0.06), 0 5px 5px rgba(0,0,0,0.06); } .mod-cr .navMenu .sub-menus {top:65px; /*overflow: hidden;*/} .navMenu .sub-menus li{ line-height: 120%;} .navMenu>li>a>span,.navMenu>li>a>span{ padding-bottom:6px;} .navMenu>li:hover>a>span,.navMenu>li.cr>a>span{ border-bottom:2px solid #0052d9; } .navMenu>li:hover>a>span,.navMenu>li.cr>a>span,.navMenu>li:hover>a>span em,.navMenu>li.cr>a>span em{ color:#0052d9; font-weight: bold;} .navMenu>li:hover .sub-menus { opacity: 1; z-index: 10000; height: auto; } .navMenu .sub-menus li span{ color: #000; font-size: 15px;} .navMenu .sub-menus li{ line-height: 20px; padding: 8px 8px; border-bottom: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid #f6f6f6;} .navMenu .sub-menus li:hover{ background: #0052d9;} .navMenu .sub-menus li:hover a span{ color: #fff;} .in-search{ display: none;/*background: rgba(0,0,0,.2);*/ position: absolute;/* left: 0; right: 0;*/ padding: 20px 0; top: 85px; right: 0; left: 0; box-sizing: border-box;background: #fff;border-top:1px solid #eee; border-bottom: 1px solid #f9f9f9;} .im-search{ text-align: center; width: 605px; margin: 0 auto;} .im-search input{ font-size: 15px; height: 42px; padding: 0 15px 0 0; border: none; line-height: 42px; width: 600px; border-bottom: 2px solid #ccc; box-sizing: border-box;} .im-search a{ width:60px; margin-left: -60px; text-align: center;height:42px; overflow: hidden;line-height: 122px; display: inline-block; color: #fff; background:url(../images/searchbtns.png) right 10px top 10px no-repeat; background-size:18px auto;vertical-align: top; cursor: pointer;} .im-search em{ font-size: 36px;vertical-align: top; display: inline-block; line-height:36px; color: #000; margin-left: 20px; cursor: pointer; position: absolute; right: 10.2%;} .index-header .t-search{ } .t-search{ position: absolute; right:185px; top:32px; width: 25px; height: 25px; background: url(../images/searchbtns2.png) center center no-repeat; cursor: pointer;} .index-header .navMenu>li:hover>a>span, .index-header .navMenu>li.cr>a>span, .index-header2 .navMenu>li:hover>a>span em, .navMenu>li.cr>a>span em{ color: #cf000d; font-weight: normal;} .index-header .navMenu>li:hover>a>span, .index-header .navMenu>li.cr>a>span{border-bottom:none;} .index-header .navMenu>li>a>span:after, .index-header .navMenu>li>a>span:after{ width: 0; transition: all .3s;width: 0; /*height: 2px;*/ /*border-radius:5px;*/ border-bottom: 1px solid #f19b10; content: ""; display: block;position:absolute; bottom:9px; left: 50%; margin-left:0;} .index-header .navMenu>li:hover>a>span:after, .index-header2 .navMenu>li.cr>a>span:after{ width: 72px; /*height: 2px;*/ /*border-radius:5px;*/ border-bottom: 1px solid #cf000d; content: ""; display: block;position:absolute; bottom:9px; left: 50%; margin-left: -36px;} .lang-links{ text-align: center; position: absolute; width: 100px; height: 85px; background: #f19b10; right: 0; top: 0;} .lang-links>a{ display: block;height: 85px; color: #fff;} .lang-links>a>span{ font-family: "Arial"; margin-top:15px; font-size: 14px;text-transform: uppercase; background:url(../images/siteico.png) center top no-repeat; padding-top: 31px; display: block; } .lang-box{ transition: all .3s; height: 0; overflow: hidden; background: #f19b10; color: #fff; width: 100px; position: absolute; top: 85px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); margin-top: 0; padding: 0 0 0 0; text-align: center;} .lang-box dd a{ padding: 12px 0; display: block; border-bottom: 1px solid rgba(255,255,255,.2)} .lang-box dd:nth-last-child(1) a{ border-bottom:none; } .lang-box dd a:hover{ background: #da8c0f;} .lang-links:hover .lang-box{ height: 99px;} .index-header .mod-headers{ background: none;transition: all .3s;} .index-header .navMenu>li>a>span{ color: #fff;} .index-header .navMenu>li:hover>a>span, .index-header .navMenu>li.cr>a>span, .index-header .navMenu>li:hover>a>span em, .navMenu>li.cr>a>span em{ color: #fff;} .index-header .navMenu>li:hover>a>span:after, .index-header .navMenu>li.cr>a>span:after{ border: none; border-bottom: 2px solid #fff;} .fixedheader .mod-headers,.index-header:hover .mod-headers,.index-header2 .mod-headers{background: #fff; } .fixedheader .navMenu>li>a>span,.index-header:hover .navMenu>li>a>span,.index-header2 .navMenu>li>a>span{ color: #333;} .fixedheader .navMenu>li:hover>a>span, .fixedheader .navMenu>li.cr>a>span, .index-header2 .navMenu>li:hover>a>span em, .index-header .navMenu>li.cr>a>span em, .index-header:hover .navMenu>li:hover>a>span, .index-header:hover .navMenu>li.cr>a>span, .index-header:hover .navMenu>li:hover>a>span em, .index-header .navMenu>li.cr>a>span em,.index-header2 .navMenu>li:hover>a>span, .index-header2 .navMenu>li.cr>a>span{ color: #f19b10;} .index-header .navMenu>li.cr>a>span{color: #f19b10;} /*.index-header .navMenu>li.cr>a>span em,.fixedheader .navMenu>li.cr>a>span,.index-header .navMenu>li.cr>a>span em,.index-header2 .navMenu>li.cr>a>span{ color: #333;}*/ .fixedheader .navMenu>li:hover>a>span:after, .fixedheader .navMenu>li.cr>a>span:after,.index-header:hover .navMenu>li:hover>a>span:after, .index-header:hover .navMenu>li.cr>a>span:after,.index-header2 .navMenu>li:hover>a>span:after, .index-header2 .navMenu>li.cr>a>span:after{border: none; border-bottom: 2px solid #f19b10;} .index-header .mod-headers{ box-shadow: none;} .fixedheader .mod-headers, .index-header:hover .mod-headers,.index-header2 .mod-headers{box-shadow: -5px 0 rgba(0,0,0,0.02), 5px 0 5px rgba(0,0,0,0.02), 0 -5px 5px rgba(255,255,255,0.02), 0 5px 5px rgba(0,0,0,0.02);} .index-header .logo-css cite{ display: none;} .fixedheader .logo-css cite, .index-header:hover .logo-css cite,.index-header2 .logo-css cite{ display: block;} .fixedheader .logo-css span, .index-header:hover .logo-css span,.index-header2 .logo-css span{ display: none;} .index-header .t-search{background: url(../images/searchbt.png) center center no-repeat;} .fixedheader .t-search,.index-header:hover .t-search,.index-header2 .t-search{background: url(../images/searchbt2.png) center center no-repeat;} /*二级菜单*/ .sub,.sub-1{ position: fixed; left: 0; right: 0; background:#fff; border-bottom: 1px solid #f9f9f9; z-index: 1777; top: 85px; border-top:1px solid #d4d4d4; overflow: hidden;} .sub-ad{ float: right;} .sub .wrap-layer,.sub-1 .wrap-layer{ z-index: 2; padding-top:50px; padding-bottom: 50px;} .sub-1 .wrap-layer{ max-width: 1340px;} .sub .wrap-layer:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100%; left: -100%; margin-left: 210px; background: #ececec; } .sub-lefts{ float: left; position: relative; z-index: 3;} .sub-right{ margin-left: 270px;} .sub-lefts ul{ display: block; width: 210px;} .sub-lefts ul li { margin-bottom: 4px; margin-top: 4px; padding-left: 40px;border-left:3px solid #ececec; font-size: 22px; color: #000; height: 70px; line-height: 70px; display: block; box-sizing: border-box;} .sub-lefts ul li.cr,.sub-lefts ul li:hover{ background: #fff; border-left:3px solid #d6000f;} .sec{ float:left;} .sec li{ min-height: 72px/*; position: relative;*/ } .sec-fir{ top: -15px; position: relative;height: 75px; line-height: 75px; border-bottom:1px solid #d4d4d4; width: 260px;} .sec .sub-sec{ position:absolute;/* left:350px; top: 0;*/ left:600px; top: 60px; display: none; width: 305px;} .sec li.cr .sub-sec{ display: block;} .sec-fir a{ font-size: 20px;height: 74px; line-height: 74px; display: block; position: relative;} .sec-fir a:after{ content: "\e67a"; font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%)} .sub-infos{ min-height: 600px;} .sub-sec dt{ font-size: 16px; font-weight: bold; margin-top: 8px; margin-bottom: 8px;} .sub-sec dl{ margin-top: 10px; margin-bottom: 30px;} .sub-sec dd{ margin-top: 5px; color: #666; font-size: 14px; } .sub-sec dd a{ white-space: nowrap;} .sub-sec dd:hover{ padding-left: 25px;background:url(../images/arr_r3.png) 0 center no-repeat; } .sub-sec dd.new a{ padding-right:52px; position: relative; font-weight: bold; color: #000;} .sub-sec dd.new a:after{background:url(../images/new.png) right center no-repeat; width: 42px; height: 17px; content: ""; display: block; position: absolute; right: 0; bottom: 0;} .sub .sec-fir:hover a,.sub-sec dt:hover a,.sub-sec dd:hover,.sec li.cr .sec-fir a{ color:#d6000f;} .sub-ad{ padding-top: 20px; } .sub-ad .item-cell{ margin-bottom: 35px;} .subad{ width: 300px; height: 180px; overflow: hidden; margin-right: 30px;} .sub-inner1{ min-height: 182px;} .subnav-1{ position: relative; /*padding-left: 150px;*/} .subnav-1 h3{ position:static; font-weight: normal;left: 0; top: 0; font-size: 24px; color:#111111; margin-bottom: 30px;} .nsub{ } .sub-inner1{justify-content: center;} .subnav-1 h3:hover{color:#cf000d;} .sub-1 ul{ display: flex; flex: 1; /*flex-wrap:wrap ;*/ position: relative; top:0;} .sub-1 li{ box-sizing: border-box; padding: 0 30px; display: block;/*width: 235px;*/ font-size: 16px;} .sub-1 li span{ width: 200px; display: block; margin-top: 15px;} .sub-1 li:nth-child(2n){margin-right: 0;} .sub-1 a{ display: block; font-size:16px; color: #111; transition: all .3s; -webkit-transition: all .3s; } .sub-1 li>a{ white-space: nowrap; min-width: 150px;} .sub-1 li>a:before{ content:""; width: 11px; margin-right:9px; height:6px; background: #f3ac3d; display: inline-block; vertical-align: middle; } .sub-1 span a{ font-size: 16px; color: #999; line-height: 160%;} .sub-1 li span{ display: none;overflow: hidden; } .sub-1 li.subhover span{ display: block;} /*.sub-1 li.subhover>a:before{ display: none;}*/ .sub-1 li dl{ padding-left: 20px; margin-top: 20px; } .sub-1 li dl a{ font-size: 15px; color: #999;white-space: nowrap;} .sub-1 li dd{margin-top: 5px;} .sub-1 li dd a:hover{color: #f19b10} .sub-1 li>a:hover{ color: #f19b10 } .sub-2 .sub-inner1{padding-right: 0; display: flex;} .sub-2 .subnav-1{ width: 50%; box-sizing: border-box;} .sub-2 ul {top: -5px;} .sub-2 ul li{ width: 50%; box-sizing: border-box; padding-right: 40px; margin-right: 0; border-bottom: none; line-height: 35px; height: 35px;} .sub-2 ul li a{padding-left: 16px; position: relative;} .sub-2 ul li a:after{border-left:2px solid #bfbfbf; left: 0; top: 13px; content: ""; height: 10px; display: block; position: absolute;} .sub-2 li:hover a{ background: none;padding-left: 16px;color: #d6000f;} .sub-2 li:hover a:after{border-left:2px solid #d6000f; } .sub0{ height: 0; transition: all .3s;-webkit-transition: all .3s; opacity: 0; } .subcr{opacity: 1;} .myssubs2{ opacity: 1;} .header-wrap .subad img{ transition: all 1s;-webkit-transition: all 1s;} .header-wrap .myssubs2 .subad img{ transform: scale(1.08);-webkit-transform: scale(1.08)} /*标题*/ .H60{ height: 45px;} .com-tit{ text-align: center;} .com-tit span{ display:none;} .com-tit cite{background: url(../images/lgico1.png) 0 2px no-repeat; background-size: 100px auto; /* font-family: "fzzh"; */ font-size: 30px; color: #f19b10; padding-left: 110px; display: inline-block; height: 39px; line-height: 39px;} .com-tit i{ padding-top: 6px; display: block; font-size:18px; font-style: normal;} /*冰球突破简介*/ .abimg{ overflow:hidden; } .anzoom { overflow: hidden;} .anzoom img,.msad img,.item-imgs img,.kylogo-links li a img,.abimg img,.caserolls img{transition: all .3s;} .anzoom:hover img,.msad:hover img,.item-imgs:hover img,.kylogo-links li:hover a img,.abimg:hover img,.caserolls .item-cell:hover img{transform: scale(1.05);} .aboutbg{background: url(../images/abbg.png) left 80px bottom -80px no-repeat; } .mod-indexabouts{ overflow: hidden;} .mod-indexabouts .item-cell{} .mod-indexabouts .item-cnt{ float: left; width: 45.5%; } .mod-indexabouts .item-pic { float: right; width: 48.5%; overflow: hidden;} .mod-indexabouts .item-pic img{ height:auto; width:auto; } .mod-indexabouts .item-pic:hover{ } .mod-indexabouts .item-tit *{ } .mod-indexabouts .item-tit{ font-size: 22px; margin-top: 20px; } .mod-indexabouts .about-nums{ clear:both;} .mod-indexabouts .item-desc{ margin-top:15px; font-size: 15px; color: #666; margin-bottom: 20px; text-justify:inter-ideograph; text-align: justify;text-justify: distribute; } .com-more a{ font-size: 12px; color:#fff; display: inline-block; line-height: 40px; background: #005bac; width:140px; height:40px; box-sizing: border-box; border-radius:40px; } .com-more a span{ display: block; margin: 0 20px;background: url(../images/arr_1.png) right center no-repeat;} .flexs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox; display: flex;} .about-nums ul{ margin-top: 80px; justify-content: space-between;} .about-nums ul li h3 span{ font-size: 48px; color: #005bac; padding-right: 8px;} .about-nums ul li h3 cite{ font-size: 16px; color: #333;} .about-nums ul li i{ padding-top:5px; display: block;font-size:16px; color: #333; font-style: normal;} .about-nums{ padding-bottom: 80px;} .about-nums ul li{ position:relative;} .about-nums ul li:after{ position: absolute; right:50%; height: 60px; content: ""; top: 0; border-left: 1px solid #eee;} .aboutbg .about-nums ul li:after{right:-45%;} .aboutbg .about-nums ul li:nth-child(2):after{right:-38%;} .aboutbg .about-nums ul li:nth-child(4):after{right:-32%;} .our-services{ overflow: hidden;} .our-services .item-cell{ width: 50%; float: left; position: relative;} .com-tit2{color:#fff;} .com-tit2 cite{color:#fff;background: url(../images/lgico2.png) 0 2px no-repeat;background-size: 100px auto; } .our-services .com-tit2{ z-index: 99; text-align: left; position: absolute; left: 10%; top:100px;} .our-services .item-1 .com-tit2{ left: 20%;} .our-services .item-1 .item-pic a:after,.our-services .item-2 .item-pic a:after{ content:""; position: absolute; left: 0; top: 0; display: block; right: 0; bottom: 0;} .our-services .item-1 .item-pic a:after{background: rgba(0,0,0,.4);} .our-services .item-2 .item-pic a:after{ background-image:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0))!important;} /*冰球突破方案*/ .solvation-wrap{margin-right: -2%; margin-top: 40px;} .solvation-wrap .item-cell{ /*width:31.33%;*/ width:23%;float:left; margin-right: 2%; position: relative;} .com-desc{ color:#666; max-width:900px; margin: 0 auto;font-size:15px; /**/ text-align:center;overflow:hidden; } .solvation-wrap .item-cell .item-pic{ overflow:hidden;} .solvation-wrap .item-cell .item-pic img{ transition:all .5s;-webkit-transition:all .5s;} .solvation-wrap .item-cell:hover .item-pic img{ transform: scale(1.1);-webkit-transform: scale(1.1)} .solvation-wrap .item-cell .item-cnt{ font-size:24px; color:#fff; text-align:center; position:absolute; top:50%; transform: translateY(-50%); left: 0; right: 0; z-index: 6;} .solvation-wrap .item-cell:hover:after{ background: rgba(0,0,0,.5); content:""; position:absolute; left:0; top:0; right:0; bottom:0;} .solvation-wrap .item-cell:hover .item-cnt .item-tit a:after{ content: ""; display: block; width: 140px; height: 40px; background: url(../images/playbts.png) 0 0 no-repeat; margin:15px auto 0 auto; } /*冰球突破见闻*/ .overhid{ overflow: hidden;} .com-tit3{ text-align:left;} .md-newswrap{ margin:0 -35px; } .md-newswrap .item-cell{ height:380px; box-sizing: border-box; padding:15px 35px; position: relative; border-right: 1px solid #cccccc} .md-newswrap .item-cell:nth-last-child(1){border-right:none;} .md-newswrap .item-date{ color: #999; font-size: 16px;} .md-newswrap .item-tit a{ font-size: 20px; color: #000;} .md-newswrap .item-tit{ overflow: hidden; height:56px; margin-top: 24px;} .md-newswrap .item-desc{ margin-bottom: 57px; height: 115px; overflow: hidden;color: #666; font-size: 15px;margin-top: 15px;} .newsbox,.newsbox-top{ position:relative; } .arr { cursor: pointer;top: 15px; border: 1px solid #ccc; font-size: 20px; position:absolute; right: 0; width:63px; height:45px; line-height:45px; color: #999; text-align: center;} .arr:hover:before{color: #4495cf;font-size: 20px; font-weight: bold;} .arr.bt-l{ right: 64px; } .newsbox{ } .md-newswrap .swiper-slide-active:after{ border-bottom:5px solid #f19b10; content: ""; width:300px; content: ""; display: block; position: absolute; bottom: -55px; left:36px; border-radius:5px; } .md-newswrap .swiper-slide-active:before{ bottom: -45px; left:36px;content: ""; width:300px; content: ""; display: block;background: url(../images/sunico.png) center 0 no-repeat; height: 23px;position: absolute;} .md-newswrap .item-cell{margin-bottom: 55px; overflow: visible;} .md-newswrap:after{ content: ""; position: absolute; bottom: 1px; left: 0; right: 0; border-bottom: 2px solid #e5e5e5;} /*科技创新*/ .mds-creative{ background:#f9fcff;} .mds-creative .item-cnt{ margin-top: 30px; } .mds-creative .item-nums{ position: relative;margin-left: 60px; margin-top: -110px; width: 522px; float: right;} .creative-wrap .item-desc{ height: 178px; color: #666; font-size: 15px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute; } .creative-wrap .item-core{ width: 400px; height: 400px; border-top:10px solid #005bac;} .creative-wrap .item-core h3{ margin-top: 35px; background: url(../images/logotit1.png) 0 0 no-repeat; font-size: 140px; color: #f19b10; /*font-weight: normal;*/ text-align: center; height: 225px; text-align: center; line-height: 168px; font-family: arail;} .creative-wrap .item-core span{ line-height: 120%; margin-top: 35px; color: #005bac; display:block; font-size:24px; text-align:center;} .expertroll{ width: 400px; margin: 0;} .mds-creative .item-nums .swiper-pagination{ position: absolute; right: 15px; top: 150px;} .mds-creative .item-nums .swiper-pagination span{ display: block; border-radius:12px; border: 1px solid #005bac; width: 12px; height: 12px; background: none; opacity: 1; margin-top: 8px; box-sizing: content-box;} .mds-creative .item-nums .swiper-pagination .swiper-pagination-bullet-active{ background: #005bac;} .rolllodings{ position: absolute; right: -20px; top: 50px; width:92px; height: 89px; background: url(../images/pausebg.png) 0 0 no-repeat; } .rolllodings { } .wraps { width:46px; height:46px; margin: 0 auto; display: flex; position: relative; top:23px; } .circle-wrap { width: 23px; height: 46px; margin: 0 auto; overflow: hidden; box-sizing: border-box; position: relative; } .warp-all { width: 46px; height: 46px; box-sizing: border-box; border: 3px solid transparent; border-radius: 50%; position: absolute; top: 0; transition-timing-function: linear; } .left { left: 0; border-bottom: 3px solid #005bac; border-left: 3px solid #005bac; transform: rotate(-135deg); animation-duration: 3s; animation-iteration-count: infinite; } .right { right: 0; border-top: 3px solid #005bac; border-right: 3px solid #005bac; transform: rotate(-135deg); transition-duration: 3s; animation-duration: 3s; animation-iteration-count: infinite; } .rolllodings.actives .left{animation-name: left;} .rolllodings.actives .right{animation-name: right;} @keyframes right { 0% { transform: rotate(-135deg); } 50%,100% { transform: rotate(45deg); } } @keyframes left { 0%, 50% { transform: rotate(-135deg); } 100% { transform: rotate(45deg); } } /*全球影力*/ .mod-effects{ background:#005bac url(../images/bgs2.png) right 0 no-repeat;} .mod-effects .com-desc{ color: #fff;} .effects-wraps ul{ justify-content: space-between; text-align: center;width: 100%; margin-top:45px;} .effects-wraps ul li h3{ margin-top:15px; color: #fff; font-size:16px; font-weight: normal;} .msad .com-tit2{ min-width: 300px; position:absolute; left: 70px; top: 50%; text-align: center;transform:translateY(-50%); z-index: 4; background:url(../images/resbg6.png) center center no-repeat; padding-top: 55px; padding-bottom:45px; } /*新加*/ .msad .com-tit2{text-align: left;} .msad .com-tit2 cite{color:#fff;background: url(../images/lgico20.png) 0 4px no-repeat;background-size: 180px auto; padding-left: 185px; } .msad{overflow:hidden;} .msad .com-tit i{ font-size: 18px;} .msad2 .com-tit2 cite{ padding-left: 0; background: none;} .msad2 .com-tit2{ left: 105px;} .effects-wraps ul li img{ transition: all .6s; -webkit-transition: all .6s;} .effects-wraps ul li:hover img{ transform: rotateY(180deg);-webkit-transform: rotateY(180deg);} /*底部*/ .footers{ background:#f6f6f6; padding-top:50px;} .bomnav{ justify-content: space-between;} .bomnav .bom-tit a{ font-size:16px; color:#000;/*font-family: "fzzh";*/} .bomnav .bom-tit{ margin-bottom: 15px;} .bomnav li a{ color: #666; font-size: 14px;} .bomnav li{ margin-bottom:8px;} .bomnav li a:hover{ color:#005bac} .bmtels{ font-size: 30px;color:#005bac} .bmtels span{ font-size: 20px;} .bmaddr{ font-size: 14px; color: #666} .bms-code{ justify-content: space-between; border-top:1px solid #e5e5e5; padding-top: 25px; margin-top: 30px; align-items: center;} .bms-code .mdshare{ margin-bottom: 0;} .bms-code .mdshare a:hover cite{ display: block; position: absolute; left: -60px; top: auto; bottom: 60px; padding-top: 10px;} .right-code{ text-align: center;} .right-code .code-cell{ margin-left:8px;} .right-code h3{ font-weight: normal; font-size: 14px; margin-top: -2px;} .bomslogos{ padding-top:15px; width: 138px;} .copys{ font-size: 14px; /* line-height: 70px;*/ color: #ffffff; background: #323232; /*height:70px;*/ margin-top: 30px; padding-bottom: 8px;} .copys .flexs{ opacity: .7; /*height: 70px;*/ justify-content: space-between; align-items: center;padding-top: 10px; } .copys cite a{ margin-left: 20px;} .ftlinks{ padding-top: 5px; font-size: 12px; opacity: 0.4} .ftlinks span{ margin-right: 10px;} .ftlinks a{/* padding-left: 5px; */padding-right: 8px;} img{ max-width:100%; height:auto;} /*解决方案*/ .H20{ height:10px;} .mode-banner{ width:100%; position:relative; overflow:hidden;} .banner-cnt{ float:left; position:relative; right:50%;} .mode-inner{float:left; position:relative; left:50%;} .mode-banner img{ display: block;} .pos-cur{ padding-top: 85px; text-align:center; position: absolute; top:50%; transform: translateY(-50%); left: 0; right: 0; z-index: 3;} .pos-cur h3{ font-size:30px; font-weight: normal; color: #fff; line-height: 100%; max-width:900px; margin: 0 auto;line-height: 150%;} .pos-cur span{ opacity: 0.5; color: #fff; font-size: 18px; display: block; margin-top: 8px; text-transform: uppercase;} .pos-cur .caldesc { font-size:14px; color:#fff; max-width:850px; margin:35px auto 0 auto;} .inner-top{ border-bottom: 1px solid #eee;} .crumb { overflow: hidden; float: left; } .mod-topnav2{ float: right;} .crumb ul { position: relative; overflow: hidden; float: left; /* */ background: url("../images/sunico.png") 0 25px no-repeat; padding-left:28px; } /*.crumb ul:after{ display: block; width: 0; height: 0; position: absolute; left: 0; top:30px; content: ""; border:5px solid transparent; border-left:5px solid #275fac;}*/ .crumb ul li { float: left; line-height: 70px; font-size: 14px; } .crumb ul li+li { padding-left: 11px; margin-left: 5px; position: relative; } .crumb ul li+li:after { content: " > "; line-height: 100%; width: 6px; height: 2px; background-color: #fff; position: absolute; left: 0; top:28px; } .crumb ul li:nth-last-child(1) a{ color:#275fac;} .crumb ul li:hover a{color:#275fac;} .titfont{font-family: "fzzh";} .com-tit4{ text-align: center;position: relative} .com-tit4 span{ font-size:30px; line-height: 100%; display:block; color:#f19b38;} .com-tit4 cite{ font-family: "Arial"; display: block; margin-top: 10px; font-size:18px; color:#666666;} .com-tit4 .login-out{position:absolute;right:10px;top:0px;font-size: 16px;height:36px;width:100px;background:#005bac;} .com-tit4 .login-out a{padding:10px;color: #fff;text-align: center;line-height:30px;} /*文章内容页*/ .article .content{ font-size: 16px;} .sove-cnts{ text-align:left; color: #666;} /*解决方案*/ .mod-userwrap{ flex-flow: wrap; margin-right: -3%;} .mod-userwrap .item-1 .item-cnt{ padding: 32px; box-sizing: border-box;} .mod-userwrap .item-cell{ margin-top:65px; width: 47%; margin-right: 3%;} .mod-userwrap .item-1 .item-cnt{ width: 50%; } .mod-userwrap .item-1 .item-pic { width: 48.5%; } .mod-userwrap .item-pic img{ height:auto; width:auto;} .mod-userwrap .item-tit *{ font-size: 24px; color: #111;/*font-family: "fzzh";*/ } .mod-userwrap .item-tit{ } .mod-userwrap .item-desc{ max-height: 57px; overflow: hidden;margin-top:10px; font-size: 16px; color: #666;} .mod-userwrap .item-1 .item-desc{max-height: 115px;} .mod-userwrap .com-more{ margin-top: 30px;} .mod-userwrap .item-cell .item-tit{ padding-top: 25px;} /*三排开始*/ .mod-userwrap{ margin-left:-15px; margin-right: -15px;} .mod-userwrap .item-cell{ margin-right: 0!important; width: 33.33%; box-sizing: border-box; padding: 0 15px;} .mod-userwrap .item-tit *,.mod-userwrap .item-tit{ font-size: 18px;} .mod-userwrap .item-desc *,.mod-userwrap .item-desc{ font-size: 14px;} .mod-userwrap .com-more{ display:none; } .mod-userwrap .item-1{ padding: 0; margin-left: 15px; margin-right: 15px!important } /*三排结束*/ .mod-userwrap .item-1 .item-tit{ padding-top: 15px;max-height: 52px;} .mod-userwrap .item-1{ overflow: hidden; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; margin-right: 3%;} /*图集*/ .photos{} .photos .view{width: 100%;height:690px; position: relative; overflow: hidden; margin-top:20px; margin-bottom:20px; /*border-bottom:1px solid #f1f2f6; */ } .photos .view img{} .preview .pic img,.proinfo-left .view img{ /* */ width: auto !important; height: 100% !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; position: absolute !important; } .preview{ padding: 20px 55px; margin-left: -55px; margin-right: -55px; position: relative;} .preview .pic{ border:2px solid transparent; box-sizing: border-box; background:#fff; margin: 0 5px; /*width: 75px; */height:170px; overflow: hidden; position: relative; cursor: pointer; border:2px solid #eee} .preview .pic:hover,.preview .actives .pic{border:2px solid #275fac} .arrow-left,.arrow-right{ position:absolute; left:10px; top:50%; transform: translateY(-50%);width: 35px; height: 35px; display: block; background: #eeeeee!important; line-height: 35px; border-radius:35px; text-align: center; border: none!important; } .arrow-left i:before,.arrow-right i:before{ font-size: 20px; color: #1748a2; line-height: 35px; } .arrow-right{ right:15px; left: auto;} .arrow-left i:hover:before,.arrow-right i:hover:before{ color: #878477; cursor: pointer;} .arrow-left:hover,.arrow-right:hover{ background:#515050} a.arrow-left,a.arrow-right{outline:none!important; outline-offset:0!important; text-decoration: none!important} .projects-top .project-tit{ font-size: 34px; width: 50%; padding-right: 60px; box-sizing: border-box;} .projects-top .project-tit h1{ font-weight: normal;} .project-attr{ border-top:1px solid #e5e5e5; width: 50%; } .project-attr ul li{ margin-top: 40px; font-size: 24px;} .project-photo{ margin-top: 40px;} .rel-news{ margin-top:35px;} .rel-news ul { justify-content: space-between;font-size: 16px;} .rel-news ul li.fpres{ padding-right: 40px; } .rel-news ul li.fnexts{ padding-left: 40px;} .rel-news ul li a:hover{ color:#215ba6;} /*组件产品*/ .zjicon-wrap{ text-align:center; justify-content: center;margin-top: 60px; margin-bottom: 60px;} .zjicon-wrap img{ margin:0 auto;} .zjicon-wrap .item-cell{ padding: 0 20px;} .zjicon-wrap .item-cell img{ transition:all .3s;} .zjicon-wrap .item-cell:hover img{ transform: rotateY(180deg)} .zjicon-wrap .item-desc{ margin-top: 15px; font-size:15px; color:#666;line-height:24px;} .zjicon-wrap .item-tit{ margin-top: 20px; line-height: 150%; font-size:16px; color: #005bac;} .zjicon-wrap2 .item-tit{ color: #111;} .mdproducts-wrap{ margin-right: -3%; overflow:hidden; margin-bottom: 85px; margin-top: -25px;} .mdproducts-wrap .item-cell{ width: 47%; margin-right: 3%; float: left; margin-top: 25px;} .mdproducts-wrap .item-cell .item-tit{ } .mdproducts-wrap .item-cell .item-tit a{ padding-left: 40px; color: #fff; font-size: 20px; height:80px; line-height: 80px; display: block; background: #005bac url(../images/arr_1.png) right 40px center no-repeat; padding-right: 90px; overflow: hidden;} .quality-wrap{ background: #f0f0f0; padding: 65px 42% 65px 65px; box-sizing: border-box; position: relative;} .quality-wrap .img-outers{ width: 40%; position: absolute; right: 0; bottom: 0;} .quality-wrap .img-outers .item-pic{ width: 100%;} .quality-wrap .item-tit a{ font-size:16px; color:#666; line-height: 32px; } .quality-wrap .item-tit{ margin-bottom: 25px;} .quality-wrap .com-imgs{ margin-bottom: 34px;} /*熊猫组件*/ .xmmod-icon{ justify-content: space-between;} .xmmod-icon .item-tit{ color: #111; margin-top: 10px;} /*核心优势*/ .mod-core-wrap{ } .mod-core-wrap .item-cell{} .mod-core-wrap .item-cnt{text-justify:inter-ideograph; text-align: justify;text-justify: distribute; } .mod-core-wrap .item-pic { height: 324px; width: 510px; margin: 0 auto; overflow: hidden;} .mod-core-wrap .item-pic img{ height:auto; width:auto;} .mod-core-wrap .item-tit *{ } .mod-core-wrap .item-tit{ font-size: 22px; color: #111111; font-weight: bold;} .mod-core-wrap .font-ubuntu{font-size:30px; } .mod-core-wrap .item-desc h3{ padding-bottom:30px; font-size: 22px; color: #000; font-weight: normal;} .mod-core-wrap .item-desc{ color: #666; font-size: 15px; max-width: 48%;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .mod-core-wrap .xmimg{ margin-left: 60px; width: 47%; float: right; height: 395px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06); display: flex; align-items: center;} .mod-core-wrap .item-desc span{ /*color: #005bac;color: #000;*/} .mod-core-wrap .item-desc cite{ font-size:24px; /*color:#005bac;*/color:#000;} .mod-corefeatures{ justify-content:space-between; } .mod-corefeatures{ margin-top:60px;} .mod-corefeatures .corefeature-tit{ font-size:18px; color: #005bac; text-align: center; border-bottom: 2px solid #005bac; padding-bottom: 15px; margin-bottom: 28px;} .mod-corefeatures .core-wraps{justify-content:space-between;} .mod-corefeatures .item-core{ max-width: 99px; } .mod-corefeatures .core-img{ width: 85px; margin: 0 auto;overflow: hidden;height: 85px; border: 1px solid #f29f40; border-radius: 20px; text-align: center; display: flex; align-items: center; justify-content: center;} .mod-corefeatures .core-img img{ width: 70px; height: 70px; transition: all .3s;} .mod-corefeatures .item-core:hover .core-img img{transform: rotateY(180deg)} .mod-corefeatures .item-1,.mod-corefeatures .item-2{ width: 34%; } .mod-corefeatures .item-3{ width: 24.5%} .mod-corefeatures .core-txt{ line-height: 120%; text-align: center; margin-top: 10px;} .kjui-tab ul{ table-layout: fixed; display: table; width: 100%; border-collapse: collapse;} .kjui-tab ul li{ font-size:18px; color: #333; height: 48px; line-height: 48px; text-align: center; display: table-cell; border: 1px solid #d2d2d2;} .kjui-tab ul li.cr{border-bottom: 3px solid #005bac;} .kjui-tab ul li.cr a{ color: #005bac;} .kjui-tab{ margin-bottom: 50px;} .tech-wrap{ position: relative;} .tech-wrap .item-cell{ width: 100%; justify-content: space-between;} .tech-wrap .item-cell .item-cnt{ width: 32%; padding-top: 130px; } .tech-wrap .item-cell .item-pic{ width: 33%;} .tech-wrap .no-right{ justify-content: center;} .tech-wrap .no-right .item-cnt{ margin-right:30px;} .tech-wrap .tech-right{ width: 26.7%;} .tech-wrap .item-cell .item-tit{ font-size:22px; color: #111;} .tech-wrap .item-cell .item-desc{ margin-top:10px; line-height:28px; color:#666666; font-size:15px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .tech-wrap .tech-tit{ font-size:16px; border-bottom:1px solid #dcdcdc; padding-bottom:6px;} .tech-wrap .core .core-pic{ float: left; width: 85px; height: 85px; border-radius:85px; overflow: hidden;} .tech-wrap .core{ overflow: hidden; margin-top: 25px; } .tech-wrap .core .core-tit{margin-left:105px; line-height: 160%; padding-top:18px; color: #005bac; font-size: 16px;} .tech-wrap .core-img{ margin-top:30px;} .bt-arr a{cursor: pointer;} .bt-arr{ cursor: pointer; z-index: 99; left: 0; bottom: 20px; text-align: center; position:absolute; width: 40px; height: 40px; line-height: 40px; border-radius:40px; background: #dcdcdc; } .bt-arr a:before{ font-size: 22px; color: #fff;} .bt-arr:hover{background: #005bac;} .kj-bt2{left: 50px;} .btnums{left:0; top:50px; position: absolute;} .btnums span{ color:#111111; font-size: 24px;} .btnums cite{ font-size:16px;} .tech-info{ height:0; overflow: hidden; position: relative;} .tech-active{ height: auto;overflow: visible;} .mod-horwraps{ background:url(../images/horbg1.jpg) no-repeat; background-size: cover; min-height: 774px;} .mod-horwraps .hors-tits span{ font-size:30px; color:#fff; display:block; font-family:"fzzh";} .mod-horwraps .hors-tits cite{ font-size:18px; color:#fff; display:block; margin-top:10px;} .mod-horwraps .item-cnt{ padding-top:180px;} .mod-horwraps .item-img{ background:url(../images/cerbg2.png) center no-repeat; align-items: center; display: flex; float: right; width: 670px; margin-left:130px; height: 570px;/* padding-top: 120px;*/ box-sizing: border-box; } .mod-horwraps .item-img2{ width: 190px; margin: 0 auto;padding: 23px;background:url(../images/cerbg1.jpg) no-repeat;} .mod-horwraps .hors-tits{ position: relative; top: 80px; z-index: 5;} .mod-horwraps .item-cnt{ color:#fff; max-width: 590px;} .hors-wrap{ margin-top: -30px; position: relative;} .hors-wrap .item-pic{ height: auto!important;} .hors-wrap img{ position: static!important; max-width: 190px!important; height: auto!important; width: 100%;} .mod-horwraps .kjjxbg2 .item-img2{background:url(../images/zs_bg2.jpg) no-repeat; background-size:100% 100%; width: 310px; } .mod-horwraps .kjjxbg2 img{max-width: 310px!important;} .mod-horwraps .item-desc{ font-size: 15px; height: 200px; padding-bottom: 10px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute; } .mod-horwraps .item-tit{ border-top: 1px solid #fff; padding-top: 23px;} .mod-horwraps .item-tit h3{ line-height: 100%; font-size: 72px; font-family: "arail"; margin-bottom: 15px;} .mod-horwraps .item-tit span{ color: #fff; font-size: 22px;} .hors-wrap .bt-arr{ background: #ffffff; left: -80px; top: 50%; margin-top:-20px;} .hors-wrap .kj-bt2{ right: -60px; left: auto;} .hors-wrap .bt-arr a:before{ color: #005bac} .hors-wrap .bt-arr:hover{ background: #f19b10;} .hors-wrap .bt-arr:hover a:before{color: #fff} .hisleft-img{ width: 350px; float: left;} .hislists{ margin-left: 485px; } .hislists ul{max-height:630px; overflow:hidden;} .hislists ul li{ justify-content: space-between; display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex; padding: 30px 0; border-bottom: 1px solid #e5e5e5} .hislists ul li cite{ text-align: right; color: #111111; font-size: 14px; padding-left: 160px;} .hislists ul li span{ font-size: 22px; color: #005bac;} .hislistsdowns ul{max-height:none;} .his-more{ cursor:pointer; } .his-more a{cursor:pointer;} .md-pros{ background:#f9fcff; } #syspro1{ display: none;} .tops { justify-content: space-between; display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex; margin-bottom: 25px; } .roll-arr a{ cursor: pointer; text-align: center; line-height: 40px; display: block; width: 66px; height: 40px; border: 1px solid #ccc; display: inline-block; background: #ffffff;} .roll-arr{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;} .roll-arr a:nth-child(1){ border-right:none; } .roll-arr a:before{font-size: 20px; color: #999} .roll-arr a:hover:before{color: #0973bf} .his-more a{ display: block; width: 35px; height: 35px; border-radius:35px; line-height: 35px; text-align: center; background: #005bac; margin:30px auto 0 auto; color: #fff; } .his-more a:before{font-size: 20px;} .pro-syswrap { overflow: hidden;} .pro-syswrap .prosrolls{ margin-left: -25px; margin-right: -25px;} .pro-syswrap .item-pic{ width: 350px; margin: 0 auto;} .pro-syswrap .item-cell{ padding:0 25px ; box-sizing: border-box;} .pro-syswrap .item-cell .inner{ position: relative;max-width:440px; margin: 0 auto; padding: 50px; background:#fff;} .pro-syswrap .item-cnt{ padding: 20px; text-align: center; left: 0; right: 0; background:#005bac; position: absolute; color: #fff;/* bottom: -100%;*/ transition: all .3s; } .pro-syswrap .item-tit{ height: 43px; overflow: hidden; font-size: 20px;} .pro-syswrap .item-desc{ height: 28px; overflow: hidden; font-size: 15px;} .pro-syswrap .item-cell:hover .item-cnt{bottom:0;} /*新加产品不滚动*/ .prosrolls{ overflow: hidden; margin-top: -20px;} .prosrolls .item-cell { width: 25%; float: left; margin-top: 25px; padding-top: 10px; padding-bottom: 10px;} .prosrolls .swiper-wrapper{ flex-wrap: wrap;} .pro-syswrap .item-pic{ width:100%;} .pro-syswrap .item-cell .inner{padding: 20px 0 0 0;box-shadow: -8px 0 8px rgba(0,0,0,0.02), 8px 0 8px rgba(0,0,0,0.02), 0 -8px 8px rgba(255,255,255,0.02), 0 8px 8px rgba(0,0,0,0.02); } .pro-syswrap .item-cnt{ border-top:1px solid #eee; margin-top: -50px; display: block; margin-left: 0; margin-right: 0; position: relative; background: #fff;/*background: #f9f9f9;*/} .pro-syswrap .item-tit{ font-size: 16px;} .pro-syswrap .item-desc{ font-size: 14px; display: none!important;} .pro-syswrap .item-tit{ height: 28px;} .pro-syswrap .item-cnt *{ /**/color: #000!important;} .pro-syswrap .item-desc a{ color: #999!important;} .prosrolls .item-cell:hover .item-cnt{ background: #005bac;} .prosrolls .item-cell:hover *{color: #fff!important;} .case-wrap{ overflow: hidden;} .case-wrap .caserolls{margin-left: -20px; margin-right: -20px;} .case-wrap .item-cell .inner{ padding:0 20px;} .case-wrap .item-tit{ margin-top: 18px; font-size: 18px; color: #111;} .case-wrap .com-more{ margin-top: 25px;} .case-wrap .item-desc{ font-size: 14px; color: #666;} .wrap-mgs{ text-align: center; color: #fff; background:url(../images/contactbg.png) center 0 no-repeat; height: 440px;} .mgs-tits{ font-size: 14px; padding-top: 160px; } .mgs-bt a{ background: #f19b10; display: inline-block; margin-top: 25px; font-size: 20px; width: 520px; height: 70px; line-height: 70px;} .mgs-bt a span{line-height: 70px; display: inline-block; padding-right:60px; background:url(../images/heartimg1.png) right center no-repeat; } /*质量把控*/ .bluegreys-bg{ background:#f9fcff;} .qual-wrap{ } .qual-wrap .item-cell{ padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #e5e5e5;} .qual-wrap .item-cnt{ flex:1; } .qual-wrap .item-pic { margin-top:25px; text-align: center;} .qual-wrap .item-pic img{ height:auto; width:auto;} .qual-wrap .item-tit *{ } .qual-wrap .item-tit{ width:23.5%; font-size: 22px; } .qual-wrap .item-desc{ color: #666; font-size: 15px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .qual-wrap .item-pic cite{ margin-top: 5px; display: block; font-size:16px; color:#005bac;} .qual-wrap .item-pic i{ height: 90px; overflow: hidden;} .qual-wrap .item-pic i img{ max-height: 90px;} .qual-wrap .item-pic span{ margin-right:8%;} .qualit-wrap { padding-bottom: 120px;} .qualit-wrap .item-cell{ position: relative;width:18.5%; margin-right: 5px; } .qualit-wrap .qua-active{ width: 43.3%;} .qualit-wrap .item-desc{ display: none;} .qualit-wrap .item-cnt{ left:0; right:0; top: 50%; transform: translateY(-50%); color: #fff; text-align: center;position: absolute; z-index: 8; padding: 0 20px;} .qualit-wrap .item-cell .item-pic {height: 565px; position: relative; overflow: hidden;} .qualit-wrap .item-cell .item-pic:after{ content:""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); } .qualit-wrap .item-cell .item-ens{ line-height: 18px; margin-top: 8px;} .qualit-wrap .item-cell .item-tit{ font-size: 18px; margin-top: 15px; } .qualit-wrap .item-cell .item-pic img{ position: absolute; right: 0; top: 0; max-width: none;height: 565px!important; width: auto;} .qualit-wrap .qua-active .item-icon1{display: none;} .qualit-wrap .qua-active .item-ens{ display: none;} .qualit-wrap .qua-active .item-desc{ font-size: 14px; margin-top: 10px; min-height: 125px; display: block; text-align: left;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .qualit-wrap .qua-active .item-cnt{ left: 25px; right: 25px; background: #fff; top: auto; bottom: -115px;transform: translateY(0); padding: 15px 35px 35px 35px; text-align: left;} .qualit-wrap .qua-active .item-cnt{ color: #111111 } .qualit-wrap .qua-active .item-desc li span{ white-space: nowrap; font-weight: bold;} .qualit-wrap .qua-active .item-tit{ color:#005bac;} .wrap-core-value{} .wrap-core-value .item-cell{ align-items: center;} .wrap-core-value .item-tit{ position: relative; line-height: 130%; width:290px; margin-right: 200px; font-size:24px; color:#111;} .wrap-core-value .item-cnt{ flex:1;} .wrap-core-value .item-desc{ font-size: 16px; color: #666;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .wrap-core-value .item-desc span{ color:#005bac;} .wrap-core-value .item-tit:after{ border-left:1px solid #e5e5e5; height: 200px; transform: rotate(25deg); content: ""; position: absolute; display: block; left: 380px; top: -70px;} .coms-desc3{ text-align: center;color:#666; font-size: 16px;} .coms-desc3 .blues{ color:#005bac;} /*核心优势*/ .mdvuales-wrap{ margin-top:45px;} .mdvuales-wrap .item-cell{ background: #005bac; margin-top: 40px; overflow:hidden; height: 280px;} .mdvuales-wrap .item-cell .item-pic{ width: 400px; float: left;} .mdvuales-wrap .item-cell .item-cnt{ padding: 40px 50px; margin-left: 400px; color: #fff;} .mdvuales-wrap .item-cell .item-tit{ font-size: 22px; line-height: 150%;} .mdvuales-wrap .item-cell .item-en{ font-size: 14px;line-height: 150%;} .mdvuales-wrap .item-cell .item-desc{ padding-top: 15px; margin-top: 15px; border-top:1px solid rgba(255,255,255,.2);font-size:16px; line-height: 150%;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .mdvuales-wrap .item-2 .item-pic{ float: right; margin-left: 50px;} .mdvuales-wrap .item-2 .item-cnt{padding: 40px 0 40px 40px; margin-left: 0;} .mdvuales-wrap .item-2 { background: #fe9700;} .recommed-case{ overflow:hidden;} .caseroll{ margin-left: -15px; margin-right: -15px;} .caseroll .case-core{ padding: 0 15px; box-sizing: border-box;} .caseroll .item-tit{ margin-top:20px; height:40px; overflow:hidden; font-size:18px; color: #000;} .caseroll .item-desc{ margin-top: 5px;} .caseroll .item-desc,.caseroll .item-desc *{ font-size: 14px; color: #999; line-height: 150%;} .casewraps{ position: relative; } .casewraps .bt{ cursor: pointer; position: absolute; top: 30%; left: -60px;} .casewraps .bt:before{ font-size: 28px;} .casewraps .bt-r{ left: auto; right: -60px;} /*熊猫组件详情*/ .xmproinfos-wrap .itemimgs{ width: 435px; /*padding: 30px;*/ box-sizing: border-box; height: 435px; border: 1px solid #999; margin-right: 6%;} .xmproinfos-wrap .item-cnt{ flex:1;} .xmproinfos-wrap .item-tit{ margin-top: 35px; font-size: 24px; color: #111;} .xmproinfos-wrap .item-tit h1{ font-weight:normal;} .xmproinfos-wrap .item-desc{ min-height: 230px; padding-bottom: 20px; box-sizing: border-box; margin-top:25px; color:#666; font-size:16px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .xmproinfos-wrap .small-img span{ width: 100px; height: 100px; border: 1px solid #999999; margin-right:20px; } .xmproinfos-wrap .small-img span img{ width: 100px; height: 100px;} .xmproinfos-wrap .small-img span.active{border: 1px solid #005bac;} .xmproinfos-wrap .item-desc span{ color: #005bac;} .xmproinfos-wrap .item-desc cite{ font-size: 24px;} .mod-downslist ul{border-top: 1px solid #e5e5e5;} .mod-downslist ul li{ border-bottom: 1px solid #e5e5e5; padding: 25px 0;} .mod-downslist ul li a{ min-height: 60px; display: block; position: relative; padding-right: 135px; padding-left:50px; background:url(../images/down_icon2.png) right 25px top 15px no-repeat; background-size:30px auto;} .mod-downslist ul li .dico{ width:35px;display: block; position: absolute; left: 0; top: 5px;} .mod-downslist ul li .dtit{ display: block; font-size: 16px; color: #000; padding-top: 4px;} .mod-downslist ul li cite{ display: block; margin-top: 8px; font-size: 14px; color: #666666;} .mod-downslist ul li cite i{ font-style:normal; margin-right: 40px; } .mod-downslist ul li a:hover .dtit{ color:#005bac;} /*留言咨询*/ .mess-top{ justify-content:space-between;} .mess-left h3{ font-size: 30px; line-height: 100%; font-family:"fzzh"} .mess-left span{ font-size: 14px;line-height: 180%; color: #111; display: block; margin-top:80px;} .mess-right{border-left:1px solid #e5e5e5; padding-left:35px; padding-top: 30px; padding-bottom: 25px;} .mess-right span{ color:#666666} .mess-top .tels{ margin-top: 26px; max-width:340px;} .mess-top .tels a{ color:#111111; min-width: 130px; display: inline-block; margin-right: 25px;} .mod-messgaes{ justify-content:space-between;} .mod-messgaes .mess-tips{ width: 330px; line-height: 180%; font-size: 14px; color: #666;} .mod-messgaes ul{ flex:1;} .mod-messgaes ul li{ font-size:14px; clear: both; margin-bottom: 40px; min-height:60px; line-height: 60px; background:#ffffff; position: relative; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .mod-messgaes ul li.frm-1,.mod-messgaes ul li.frm-2{ width:48%; float: left; clear: none;} .mod-messgaes ul li.frm-2{ float: right;} .mod-messgaes ul li>span{ display: block;padding-left: 26px; padding-right: 15px; } .mod-messgaes ul li .inputs{ flex:1;} .mod-messgaes ul li .inputs input{ box-sizing: border-box; width: 100%; height:60px; line-height: normal; padding: 0 10px; border:none; font-size: 14px; } .mod-messgaes ul li>span i{ color: #fd0000; font-style: normal; vertical-align: middle; line-height: 100%;} .inner2-header{ height: 85px; position: static;} .mod-serch-l{cursor:pointer; width:100%; background:url(../images/arr1.png) right 25px center no-repeat; height:60px; position:relative; z-index: 99; flex: 1;/* float:left; border-bottom:1px solid #999999;*/} .mod-serch-l>span{ line-height:60px; padding-left:10px;} .mod-serch-l ul{ position:absolute; top:60px; left:0; width:100%; background:#fff; border:1px solid #eee; border-top:none; padding:5px 0; box-sizing: border-box; display:none; max-height: 300px; overflow-y: auto;} /*.mod-serch-l:hover ul{ display:block;}*/ .mod-serch-l ul li{ height: 40px!important; line-height: 40px!important; padding:0 10px; border-bottom:1px dotted #eee; cursor:pointer; margin-bottom: 0; font-size: 14px;} .mod-serch-l ul li:hover{ background:#fafafa;} .mod-messgaes ul li.textares-cnts{ display: block; height: auto;} .mod-messgaes .textareas{ } .mod-messgaes .textareas textarea{ font-size: 18px; padding: 0 26px 5px 26px; border: none;height: 115px; width: 100%; box-sizing: border-box; overflow-y: auto;} .mod-messgaes ul li.mybts a{ cursor: pointer;background: #005bac; height: 60px; color: #fff; width: 100%; text-align: center;} /*科技创新聚合页*/ .com-top2 .com-tit4{ width: 44%; text-align: left;} .com-top2 .kj-desc{ color: #666; flex:1; font-size:16px; padding-top:40px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .ke-nums{ margin-top: 105px; height: 170px;} .ke-nums ul{ display:table; table-layout:fixed; width:100%; border-collapse: collapse;} .ke-nums ul li{ vertical-align: middle; text-align: center; background: #fff; height: 189px; display:table-cell; border: 1px solid #bcc7d3;} .ke-nums ul li h3{ font-size: 54px; font-weight: normal; line-height: 100%; color: #215ba6;} .ke-nums ul li span{ font-size: 18px; display: block; padding-top: 4px;} .ke-nums ul li.kj-2{background:url(../images/kjbg4.jpg) center center no-repeat;} .ke-nums ul li:hover, .ke-nums ul li.ke-active{ background:#215ba6; color: #fff;} .ke-nums ul li:hover *,.ke-nums ul li.ke-active *{ color: #fff;} .mods-kypt{ margin-top: 35px;background:url(../images/kjcg_bgs.jpg) center center no-repeat; background-size:cover;} .mods-kypt *{ color: #fff!important;} .mods-kypt .com-tit cite{ padding-left: 0; background:none; } .mods-kypt .item-core{ border-top: 10px solid #fff;} .mods-kypt .item-core h3{ color: #f19b10!important;} .mods-kypt .com-more a{background:#fff;} .mods-kypt .com-more a span{ color: #215ba6!important;} .mods-kypt .item-nums .swiper-pagination span{ background: #fff; border:1px solid #fff;} .mods-kypt .item-nums span.swiper-pagination-bullet-active{border:1px solid #215ba6;} .mod-plat{/*background:url(../images/cx_bg4.jpg) center 0 no-repeat;*/ height: 675px; position: relative;} .mod-plat .tech-infos:after{ background: rgba(0,0,0,.6); content:""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all .3s;} .mod-plat .tech-infos:hover:after{background: rgba(0,0,0,.5);} .mod-plat .wrap-layer{ position: relative; z-index:3;} .mod-plat .tech-infos{ background-size:cover!important;/*height: 572px;*/ height: 672px; padding-bottom: 90px; box-sizing: border-box; align-items: center; text-align: center;position: relative; z-index: 2;} .mod-plat .tech-tab{ z-index: 8; line-height: 100%; height:100px; position: absolute; bottom: 0; left: 0; right: 0;background: rgba(0,0,0,.6);} .mod-plat .com-tit20 span{ color: #fff; font-size: 30px; color: #fff;} .com-desc4{ font-size: 14px; color: #ffffff; max-width: 1058px; margin:35px auto 0 auto;} .tech-infos .com-desc4{max-width:1200px;} .tech-tab li { line-height: 100px; display: inline-block; padding: 0 1.7%; font-size: 18px; color: #b2b2b2; text-align: center; position: relative; } .mod-plat .tech-tab ul{white-space: nowrap; text-align: center;} .tech-tab li:after{content:""; position: absolute; right: 0; top: 20px; height: 60px; border-left: 1px solid #fff;} .tech-tab li:nth-last-child(1):after{ display: none;} .tech-tab li.labsactive{ color: #fff;} .craetbase-wrap{ overflow: hidden; } .craetbase-wrap .item-cell{flex-direction: row-reverse;} .craetbase-wrap .item-imgs{width: 540px; padding-bottom: 30px; position: relative;} .craetbase-wrap .item-cnt {flex: 1; padding-left:5%; text-align: left;} .craetbase-wrap .item-imgs .item-pic{ z-index: 3; width: 500px; margin-left: 40px;} .craetbase-wrap .item-imgs:after{ content:""; position: absolute; background: #215ba6; left: 0; right: 30px; top: 30px; bottom: 0;} .craetbase-wrap .com-tit4 {text-align: left; margin-top:40px;} .craetbase-wrap .item-desc{ font-size: 16px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute; } .craetbase-wrap .item-tit{margin-top:40px; font-size: 18px; color: #111111;} .craetbase-wrap .item-desc li{ padding-left: 60px; position: relative; color:#666; font-size:15px; margin-top:30px;} .craetbase-wrap .item-desc li span{ color: #215ba6;} .craetbase-wrap .item-desc li:after{ background:#215ba6; content: ""; display: block; position: absolute; left: 0; top:12px; width:25px; height: 5px; } .mod-lab{background:url(../images/cx_bg6.jpg) center 0 no-repeat; } .mod-lab .lab-right{ width: 520px;border: 1px solid #bcc7d3;} .mod-lab .lab-left{ flex:1;} .mod-lab .lab-right li{ text-align: center; height:220px; background: #fff; border-bottom: 1px solid #bcc7d3;} .mod-lab .lab-right li h3{ font-size:100px; padding-top: 40px; color: #215ba6;} .mod-lab .lab-right li h3 cite{line-height: 100%;} .mod-lab .lab-right li span{ color:#215ba6; font-size: 18px;} .mod-lab .lab-right li i{ font-size: 40px; font-style: normal;} .mod-lab .lab-right li.lab-active{ background: #215ba6;} .mod-lab .lab-right li.lab-active *{ color: #fff;} .mod-lab .lab-right li:nth-child(2){background:url(../images/cx_bg5.jpg) center bottom no-repeat;} .lab-left{ padding-top: 80px;} .lab-left .com-tit4{ text-align:left; } .labcnt{ position: relative; max-width: 920px; margin-right:45px; padding-top: 55px; margin-top: 35px; font-size: 15px; color: #666666;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .labcnt:after{ left: 0; top: 0; content: ""; position: absolute; width: 26px; height: 7px; background: #215ba6; display: block;} .com-desc40{ line-height: 150%; margin-top: 40px; font-size: 15px; color: #666666; text-align: left; } .kylogo-links{ text-align: center;} .kylogo-links ul{ flex-flow:wrap;} .kylogo-links li{ margin-top: 45px; margin-top: 90px; width: 16.66%; box-sizing: border-box; padding:0 20px;} .kylogo-links li a{ display: block;padding-top: 30px; box-sizing: border-box; width: 100%; max-width: 150px; margin: 0 auto; height: 150px; position: relative;} .kylogo-links li a:after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-shadow: -5px 0 5px rgba(0,0,0,0.02), 5px 0 5px rgba(0,0,0,0.02), 0 -5px 5px rgba(255,255,255,0.02), 0 5px 5px rgba(0,0,0,0.02); transform: rotate(45deg) } .kylogo-links li a img{ max-width: 120px; max-height: 120px;} /*技术文件*/ .teclists-wrap .item-pic{ width:360px; height: 240px; float:left; } .teclists-wrap .item-cell{ overflow: hidden; padding: 45px 0; border-bottom: 1px solid #e5e5e5;} .teclists-wrap .item-cnt{ margin-left:420px;position: relative; min-height: 130px; padding-right: 25%; } .teclists-wrap .item-tit a{ font-size: 20px;} .teclists-wrap .item-tit { margin-top:30px;} .teclists-wrap .item-desc a{ font-size: 14px; color: #666;} .teclists-wrap .item-desc{ margin-top: 18px; line-height: 180%;} .teclists-wrap .item-cell .mores{ opacity: 0; transition: all .3s; position: absolute; right:5%; top: 40px; } .teclists-wrap .item-cell .mores a{ width: 100px; height: 100px; line-height: 800px; overflow: hidden; display: block; background:url(../images/more3.png) center 0 no-repeat; background-size:65px auto; } .teclists-wrap .item-cell:hover .mores{ opacity: 1;} .teclists-wrap .item-cell:hover .item-tit a{ color: #215ba6;} /*分页*/ .page li a { border-radius: 0; background: #fff; } .page{ margin-top:50px; margin-bottom: 0;} .page li.first, .page li.total{ padding: 0;} .page li a{ border: 1px solid #dedede!important ;width: 40px; height: 40px; line-height: 40px; text-align: center;border-radius:0; } .page li{width: 40px;height: 40px; margin: 0; } .page li.next a:before,.page li.prev a:before{ top:13px;left: 10px; } .page li.prev a:before{left: 13px;} .page li.cr a, .page li a:hover{ background: #f19b10!important; } .page li a:hover span{ color: #fff!important;} .page li.first a span,.page li.prev a span{ font-size: 14px!important} .page li:nth-child(1) a{ border-right: none!important;} /*售后服务支持*/ .zjicon2 .item-desc{ max-width:305px; margin-left: auto;margin-left: right;} .zjicon2 .item-tit{ color: #111;} .mod-salessupport{background:url(../images/proservbg2.jpg) center bottom no-repeat;} .salessupport{ padding-top: 30px;} .salessupport li{ padding:45px 0; border-bottom:1px solid #f0f0f0;} .salessupport li:nth-last-child(1){ border-bottom: none;} .salessupport li h3{ width: 29%; padding-top: 2px; font-size: 20px; color:#111; font-weight: normal;} .salessupport .supportcnts{ flex: 1; font-size:16px; color:#666;} .salessupport .supportcnts span{ color:#005bac;} /*用户发电量计算*/ .mod-calu{background:#f6fafd url(../images/cal_bg.jpg) center bottom no-repeat;} .cal-left{width:47%; float:left;} .cal-right{width:47%; float:right;} .mod-calu .cal-core .cal-tit{font-size:16px;} .mod-calu .cal-core{ margin-bottom:40px; clear: both;} .mod-calu .cal-item{ width:46%; margin-right: 4%; float: left;} .mod-calu .cal-item .mod-serch-l{ height:50px; background:#fff url(../images/arrs_icon1.png) right 25px center no-repeat;} .mod-calu .cal-item .btn{ font-size: 14px; background: none; border: none; width: 100%; height: 50px; line-height: 50px;} .mod-calu .cal-item .mod-serch-l>span{ color: #222222; line-height:50px; font-size: 16px; } .mod-calu .mod-serch-l ul{ top: 50px;} .mod-calu .cal-tit{ margin-bottom:10px;} .mod-calu .cal-type input{ display:none;} .mod-calu .cal-type label{ cursor: pointer; margin-right: 35px; color: #222; font-size: 14px; position: relative;} .mod-calu .cal-type label span:before{ background: #dddddd; display: inline-block; width: 20px; height: 20px; border-radius:20px; vertical-align: middle; content: ""; margin-right: 15px; margin-left:7px; margin-top:1px; } .mod-calu .cal-type label span:after{content: ""; display: block; width: 30px; height: 30px; border: 2px solid #dddddd; position: absolute; left: 0; top: -5px; border-radius:30px; } .mod-calu .cal-type label.checked input+span:before{background: #215ba6;} .mod-calu .cal-type label.checked input+span:after{ border: 2px solid #215ba6; } .mod-calu .cal-input input{width:46%; box-sizing: border-box; padding: 0 10px; height: 50px; line-height: 50px; color: #666; border: none; font-size: 14px;} .btns-1,.btns-2{ cursor: pointer; width: 160px; height: 50px; line-height: 50px; text-align: center;background: #fff; border: 1px solid #215ba6; font-size: 16px; display: inline-block; border-radius:5px; margin-right: 20px; } a.btns-2{width: 160px; height: 50px; line-height: 50px; text-align: center;background: #215ba6; color: #fff;} .cal-totals{ background: rgba(33,135,166,.2); padding: 20px 30px 30px 30px;} .cal-totals ul li{ color: #0d0c0c; font-size: 14px; line-height: 50px; background:#fff; margin-top: 10px;padding: 0 20px;} .cal-totals ul li span{ flex: 1;} .cal-totals ul li cite{ font-size:26px; color: #222;} .cal-totals ul li cite i{ font-style: normal;font-size:18px; color: #222;} /*关于我们*/ .com-tit6{ text-align: left;} .mod-storys{ margin-bottom:70px;} .mod-storys h3{ font-family: "fzzh"; margin-bottom:25px; font-size:36px; line-height: 125%; color:#215ba6; font-weight:normal; width: 440px;} .story-cnts>*{ width: 50%; padding-left: 80px; font-size: 15px; color: #666666;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .mod-sogs{ /*padding: 130px 0;*/padding: 104px 0; background:url(../images/abouts_bg.jpg) center center no-repeat;} .md-years-1{ color: #fff; margin:0 auto; width: 620px; height: 620px; align-items: center; position: relative;} .md-years-1:after{ background:url(../images/cirbg5.png) center center no-repeat; width: 100%; height: 100%; content: ""; display: block; position: absolute; left: 0; top: 0; animation: rolls 60s infinite; } .md-years-1>div{ position: relative; z-index: 1;} @keyframes rolls{ 0%{ transform: rotate(0)} 100%{ transform: rotate(360deg)} } .md-years-1 h3{ font-weight: normal;font-size: 38px; text-align: center; line-height: 150%;font-family: "fzzh"; } .md-years-1>div{ width: 320px; margin: 0 auto;} .md-years-1 .craets-tit h4{ line-height: 100%; font-size: 30px; font-weight: normal; margin-top: 55px; padding-bottom: 15px;} .md-years-1 .craets-tit span{ font-size: 18px;} .md-years-1 .craets-tit{ padding-left: 90px;background:url(../images/abou_icon1.png) 0 center no-repeat;} .md-years-2{ margin-top: -200px;} .md-years-2 h3{ font-size: 24px; font-weight: normal; line-height: 150%; color: #fff;} .md-years-2 span{ display: block;margin-top: 45px; line-height: 100%; font-size: 72px; color: #fff;} .md-years-2 sup{ position: relative; top:-15px; padding-left:10px; font-size: 18px; color: #fff; line-height: 100%;} .md-years-2 h4{font-size: 18px; color: #fff; padding-top: 10px; font-weight: normal; } .ableft-wrap{ width:55.9%; float:left;} .ableft-wrap .item-cell{ transition: all .3s; padding:70px 55px 55px 55px; box-sizing: border-box; margin-bottom:30px; height: 360px;/*background:url(../images/abouts_pic0.jpg) 0 center no-repeat; */ border-radius:10px; overflow: hidden; position: relative;} .ableft-wrap .item-cell:after{ transition: all .3s; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url(../images/abouts_pic0.jpg) 0 center no-repeat; } .ableft-wrap .item-cell>div,.abright-wrap .item-cell>div{ position: relative; z-index: 1} .ableft-wrap .item-2{/*background:url(../images/abouts_pic.jpg) 0 center no-repeat;*/} .ableft-wrap .item-2:after{ background:url(../images/abouts_pic.jpg) 0 center no-repeat;} .ableft-wrap .com-more{margin-top:30px;} .abright-wrap{ width:42.5%; float:right; max-width: 612px;} .ableft-wrap .item-desc{ font-size: 15px; width: 360px; margin-top: 20px;} .ableft-wrap .item-desc a{ color: #666666} .ableft-wrap .item-cell:hover:after{ transform: scale(1.05);} .abright-wrap .item-cell{ position: relative; padding:70px 55px 55px 55px; box-sizing: border-box; height: 750px; border-radius:10px; overflow: hidden;/*background:url(../images/abouts_pic1.jpg) center 0 no-repeat;*/} .abright-wrap .item-cell:after{transition: all .3s; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background:url(../images/abouts_pic1.jpg) center 0 no-repeat;} .abright-wrap .item-cell:hover:after{ transform: scale(1.05);} .abright-wrap .com-tit4 *{ color: #fff; } .abright-wrap .item-desc{color: #fff; font-size: 15px; text-align: center; max-width: 360px; margin:25px auto 0 auto;} .abright-wrap .com-more{ text-align: center; margin-top: 30px;} .abright-wrap .com-more a{ background: #fff; color: #005bac;} /*品牌故事*/ .article{ color:#666;} .about-nums2{ padding: 40px 90px; margin-top:35px;} .about-nums2 ul{ text-align: left; justify-content:space-between; } .about-nums2 ul li h3{ font-weight: normal; max-width: 200px; line-height: 150%; font-size: 18px; color: #005bac; margin-top: 8px;} /*.about-nums2 ul li h3{ font-weight: normal; font-size: 20px; color: #005bac; margin-top: 8px;} .about-nums2 ul li i{ font-size: 48px; color: #005bac; line-height: 100%; font-style: normal; font-weight: bold; margin-right: 4px; } .about-nums2 ul li em{ font-size: 26px; position: relative; top: -24px;}*/ .about-nums2 ul li i{ font-style: normal; font-weight: normal; font-size: 20px; color: #005bac; margin-top: 8px;} .about-nums2 ul li span{ font-size: 48px; color: #005bac; line-height: 100%; font-style: normal; font-weight: bold; margin-right: 4px; } .about-nums2 ul li em{ font-size: 26px; position: relative; top: -24px;} .about-nums2{ margin-top:60px;padding:0 0 60px 0;} .about-nums2 cite{ font-size: 16px; color: #005bac;} .about-nums2 ul li{ text-align: left; padding: 0 0; position: relative;} .about-nums2 ul li:after{ display: block; position: absolute; left: -40%; top: 20px; content: ""; height: 56px; border-left: 1px solid #dcdcdc;} .about-nums2 ul li:nth-child(3):after{left: -44%;} .about-nums2 ul li:nth-child(4):after{left: -34%;} .about-nums2 ul li:nth-child(1):after{ display: none;} .abimg{ margin-bottom: 40px;} .brand-features{ color: #fff; margin-top:65px; background:url(../images/brand_bg.jpg) center 0 no-repeat; transition:all .3s; position: relative; overflow: hidden;} .brand-features:after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background:url(../images/brand_bg.jpg) center 0 no-repeat;transition:all .3s;} .brand-features li{ padding: 50px 0; border-bottom:1px solid #fff;} .brand-features li:nth-last-child(1){ border-bottom:none;} .brand-features li h3{ line-height: 100%; padding-bottom: 20px; font-size:32px; color:#fff; font-weight:normal;} .brand-features .wrap-layer{ z-index: 2;} .brand-features:hover:after{ transform: scale(1.05)} @-webkit-keyframes bgzoom2 { 0% { background-size:1920px auto; } 100% { background-size:1940px auto; } } @keyframes bgzoom2 { 0% { background-size:1920px auto; } 100% { background-size:1940px auto; } } /*创新历程*/ .creat-lefts{width:64.5%; float: left;} .creat-right{ width: 300PX; float: right;} .creat-lefts ul li span{ font-size: 16px; flex: 1; color: #111; padding-right:80px;} .creat-lefts ul li{ padding: 32px 0 32px 0; border-bottom: 1px solid #e5e5e5;} .creat-lefts ul li i{ font-size: 24px; color:#215ba6; font-style: normal; position: relative;} .creat-lefts ul li.active i:after{ content: ""; display: block; width: 0; height: 0; border:8px solid transparent; border-left:8px solid #2f65ac; right: -30px; top: 3px; position: absolute;} .creat-lefts ul li.active { border-bottom:1px solid #2f65ac;} .creat-img{ margin-bottom: 20px;} /*社会责任*/ .mod-suswrap{ flex-wrap: wrap;} .mod-suswrap .item-cell{width:25%;box-sizing: border-box; margin-top:-1px; margin-left:-1px;border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;text-align: center;padding: 45px 20px;border-bottom: 1px solid #e9e9e9;} .mod-suswrap .item-pic{ overflow: hidden;} .mod-suswrap .item-pic img{ height: 130px!important; width: auto; transition: all 1s;} .mod-suswrap .item-cnt{ font-size: 18px; color: #666666; margin-top: 10px;} .mod-suswrap .item-tit{ max-width: 300px; margin: 0 auto;} .mod-suswrap .item-cell:hover img{ transform: rotateY(180deg);} /*社会责任-新闻*/ .newspic-wrap{ overflow:hidden; } .newspic-wrap .item-cell{} .newspic-wrap .item-cnt{ margin-left: 680px; } .newspic-wrap .item-pic { width: 620px; height: 375px; overflow: hidden; float: left;} .newspic-wrap .item-pic img{ } .newspic-wrap .item-tit *{ color: #005bac; font-size:18px; } .newspic-wrap .item-tit{ padding-top: 45px; } .newspic-wrap .item-desc{ min-height: 125px; font-size:14px; color: #666; margin-top: 24px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .newspic-wrap .item-date{ margin-top: 20px; font-size:14px; color: #666; padding-top: 15px; position: relative;} .newspic-wrap .item-date:after{ width: 30px; height: 4px; top: 0; left: 0; background: #215ba6; content: ""; display: block; position: absolute;} .news-wrap{ margin-right: -5%;} .news-wrap .item-cell{ margin-right:5%; margin-bottom: 30px; width:28.33%; float:left;} .news-wrap .item-date{ font-size:16px; color:#999;} .news-wrap .item-tit{ height: 56px; overflow: hidden; margin-top: 25px;} .news-wrap .item-tit a{ font-size: 16px; color: #000} .news-wrap .item-desc *{ color: #666; font-size: 14px;} .news-wrap .item-desc{ margin-top: 10px; height: 50px; margin-bottom: 20px; overflow: hidden;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .news-wrap .item-cell:hover .item-tit a{ color: #005bac;} /*社会责任*/ .mod-newslist2{ margin-right:-2%; margin-top: -60px; } .mod-newslist2 .item-cell{ width: 31.33%; margin-top:60px; float: left; margin-right: 2%;} .mod-newslist2 .item-cnt{ } .mod-newslist2 .item-pic { height: 280px; overflow: hidden;} .mod-newslist2 .item-pic img{ height:auto; width:auto;} .mod-newslist2 .item-tit *{ font-size: 18px; color: #111; } .mod-newslist2 .item-tit{ margin-top:24px; height: 28px; overflow:hidden; } .mod-newslist2 .item-cell:hover .item-tit *{ color:#215ba6;} /*智能工厂*/ .fac-desc{ margin-top:-40px;} .fac-desc li{ margin-top: 50px;} .fac-desc li cite{ flex:1; font-size: 16px; color: #666;} .fac-desc li span{ font-size: 24px; color: #111111; display: block; min-width: 350px; padding-right: 20px;} .mod-facroll{ width: 1084px; margin: 0 auto; position: relative;} .mod-facroll .swiper-container{ overflow: visible;} .mod-facroll .item-cell{ padding: 0 16px; box-sizing: border-box; } .mod-facroll .item-cell .item-pic { position: relative;} .mod-facroll .item-cell .inner{ position: relative;} .mod-facroll .item-cell .item-pic a:after{ background:rgba(0,0,0,.5); position: absolute; left: 0; top: 0;right: 0;bottom:0; content:""; display:block; z-index: 1;} .mod-facroll .fac-labels { position: absolute; left: -16px; top: 40px; z-index: 2;} .mod-facroll .fac-labels span{ display: inline-block;height:80px; line-height: 80px; padding: 0 35px; background:#fe9700; color: #fff; font-size: 24px; position: relative;} .mod-facroll .fac-labels span:after{ width: 54px; height: 80px; content: ""; display: block; right: -54px; top: 0; background:url(../images/bgt1.png) 0 0 no-repeat; background-size: 100% 100%; position: absolute;} .mod-facroll .item-cell .item-cnt{ z-index: 4; color: #fff; padding: 40px 45px 40px 45px; position:absolute; left:0; right:0; bottom: 0;background-image: -webkit-gradient(linear, 0 0,0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5))); display: none;} .mod-facroll .item-cell .item-cnt *{color: #fff; font-size: 16px; } .mod-facroll .fac-labels{ display: none;} .mod-facroll .swiper-slide-active .item-cnt,.mod-facroll .swiper-slide-active .fac-labels{ display: block;} .mod-facroll .swiper-slide-active .item-pic a:after{ display: none;} .fac-bt1,.fac-bt2{ cursor: pointer;position: absolute; width: 50px; height: 91px;background:url(../images/fac_bt0.png) 0 center no-repeat; top: 50%; transform: translateY(-50%); z-index: 8; left: -160px;} .fac-bt2{background:url(../images/fac_bt1.png) 0 center no-repeat; left: auto; right: -160px;} .mod-vr{ position: relative; overflow: hidden;} .mod-vr a{ cursor: pointer;} .mod-vr span{ z-index: 2; color: #fff; position:absolute; left: 50%; top: 50%;transform: translateY(-50%) translateX(-50%); font-size: 24px; padding-top: 55px; background:url(../images/vrbt.png) center 0 no-repeat; } /*新闻列表*/ .newspic-box{ overflow: hidden; padding-bottom: 40px;} .newspic-wrap2 .item-tit *{ color:#000;} .news-wrap .item-cell{ position: relative; padding-top: 70px; margin-top:70px; margin-bottom: 0; } .news-wrap .item-cell:after{ top: 0; left: 0; right: -25%; content: ""; display: block; position: absolute; border-bottom: 1px solid #e5e5e5;} .news-wrap{ margin-top:-110px;} .newspic-box{ overflow: hidden; position: relative;} /*新闻中心*/ .newsInfo { padding: 0 0 0 0; /* min-height: 300px;*/ /* _heihgt: 300px;*/font-size: 16px; } .newsInfo h1 { font-size:30px; font-weight:normal; text-align: center;color:#111; font-weight: bold; position: relative; line-height: 160%; position: relative; padding-bottom:0px; margin-bottom: 10px; } .newsInfo h3:after{ content:""; background: #ce9b59; height: 3px; width: 60px; margin-left: -30px; left: 50%; position: absolute; bottom: 0;} .newsInfo .source { /* */ /* border-bottom: 1px solid #ededed;*/border-bottom: 1px solid #ededed; margin-bottom: 20px; } .newsInfo .source ul { text-align: center;padding: 0 10px; margin-bottom: 10px;/*border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;*/} .newsInfo .source li.ic-1{ color: #ed2326; border-right: 1px solid #999;} .newsInfo .source li { display: inline-block; padding: 0 10px; line-height: 14px; min-height: 14px; color: #999999; font-size: 14px; } .newsInfo .source li span{color: #666;} .newsInfo .content { margin: 10px 0 0 0; min-height:100px; _height:100px; } .newsInfo .content p, .newsInfo .content *, .newsInfo .content { /*line-height:30px;*/ line-height: 200%; color: #666; } .newsInfo .content p{padding: 0 0 1em 0;text-indent: 2em; /* */} .newsInfo .content img,.article .content img{ display:inline-block; margin: 0 auto; max-width: 100%; height: auto;} .news-prev-next { margin: 0 auto; margin-top: 40px; padding:35px 0 35px 0; border-top: 1px solid #e1e1e1; position: relative; } .news-prev-next ul { font-size: 16px; line-height: 36px; } .news-prev-next .go-back { position: absolute; top: 32px; right: 0; width: 170px; text-align: center; line-height: 48px; border-radius: 48px; background-color: #ce9b59; color: #fff!important; font-size: 18px; } /*.news-prev-next .go-back a{ display: block; height: 48px; cursor: pointer;} .news-prev-next .go-back a:before{background:url(../images/msicon.png) no-repeat; content:""; width: 22px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 12px; position: relative; top: -2px;}*/ .news-prev-next a:hover{ color: #005bac;} .news-prev-next .go-back a{color: #fff} .news-prev-next span{ color: #005bac;} .news-prev-next a{ color:#666; } .news-prev-next{ border-bottom: 1px solid #e1e1e1;} /*活动预告*/ .active-rollwrap{ position: relative;} .active-rollwrap .item-cell{ background:#215ba6; overflow: hidden;} .active-rollwrap .item-cell .item-pic{width:48%; float:left;} .active-rollwrap .item-cell .item-cnt{width:52%; position: relative; float:left; padding:5% 4% 2% 4%; box-sizing: border-box;} .active-rollwrap .item-cell .item-tit{ padding-right: 15px;} .active-rollwrap .item-cell .item-tit a{ font-size:30px; color:#fff;} .active-rollwrap .item-desc{ margin-top: 28px; color: #fff;} .active-rollwrap .item-desc li{ font-size: 20px; margin-top: 10px;} .active-rollwrap .item-desc li cite{ flex: 1;} .active-rollwrap .item-desc li span{ min-width:100px; color: #ccc;} .active-rollwrap .act-icon{ width: 123px; height: 123px; position:absolute; right:0; top:0;background:url(../images/yg_icon2.png) no-repeat;} .active-rollwrap .item-pic{ height:510px;} .active-rollwrap .item-pic span{ position:absolute; display:block; bottom:0; right: 0; width: 90px; height: 90px; background:#f19b10; color: #fff; text-align: center;} .active-rollwrap .item-pic span em{ padding-top: 8px; padding-bottom: 7px; text-align: center; display: block; font-size: 40px; line-height: 100%;} .active-rollwrap .item-pic span cite{ font-size: 22px;text-align: center;} .active-rollwrap .swiper-button-prev{left:-30px; display: none;} .active-rollwrap .swiper-button-next{right:-30px;display: none;} .active-rollwrap .swiper-button-prev,.active-rollwrap .swiper-button-next{ z-index: 8; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); background-color: #fff; width: 60px; height: 60px; border-radius:60px; background-size: 17px 34px;} /*往期活动*/ .mod-pastactive{ margin-right: -3%; margin-top: -4%; margin-bottom: 1%; flex-wrap: wrap} .mod-pastactive .item-cell{ width: 47%; margin-top: 4%; margin-right: 3%; float: left;} .mod-pastactive .item-pic{ position: relative;} .mod-pastactive .item-pic span{ position:absolute; display:block; top:0; left: 0; width: 90px; height: 90px; background:#215ba6; color: #fff; text-align: center;} .mod-pastactive .item-pic span em{ padding-top: 8px; padding-bottom: 7px; text-align: center; display: block; font-size: 40px; line-height: 100%;} .mod-pastactive .item-pic span cite{ font-size: 22px;text-align: center;} .mod-pastactive .item-cnt{ margin-top: 25px;} .mod-pastactive .item-cnt .item-desc{ color: #666; margin-top: 15px; font-size: 16px} .mod-pastactive .item-cnt .item-desc cite{ flex:1;} .mod-pastactive .item-cnt .item-desc span{ min-width: 80px;} .mod-pastactive .item-cnt .item-desc ul li{ margin-top:6px;} .mod-pastactive .item-cnt .item-tit{ font-size: 24px; line-height: 150%;} /*加盟申请*/ .com-tit8{ text-align: center;} .com-tit8 span{ font-size:32px; line-height: 100%; display:block; color:#fff;} .com-tit8 cite{ font-family: "Arial"; display: block; margin-top: 10px; font-size:18px; color:#fff;} .join-top .item-pic{ width: 47%; overflow: hidden;} .join-top .item-pic img{ display: block;} .join-top .item-cnt{ flex:1; padding-left: 4%;} .join-top .item-cnt .item-tit{ font-size:30px; color:#215ba6;padding-bottom: 10px;} .join-top .item-cell{ align-items: center;} .join-top .item-cnt .item-desc{ font-size: 16px; color: #666;} .join-top .item-cnt .item-desc p{ padding-top:10px;} .mod-joincontent p{font-size: 16px; color: #666;} .joi-tits{ font-size:24px; color:#215ba6; padding-top:45px; padding-bottom: 15px;} .joilists ul li{ padding-left: 25px; font-size: 16px; color: #666; background:url(../images/arsicon1.png) 0 5px no-repeat; margin-top: 15px;} .joilists ul li cite{ flex: 1;} .joilists ul li span{ color:#215ba6;} .apply-joins{ background:#2f69b0 url(../images/frmbg.jpg) center 0 no-repeat; } .com-desc8{ text-align:center; color:#fff; font-size:18px;} .com-frms2{ width: 1145px; margin:50px auto 0 auto; overflow: hidden;} .com-frms2 li.fr-1{ width:48%; float: left;} .com-frms2 li.fr-2{width:48%; float: right;} .com-frms2 li{ margin-bottom: 18px;} .com-frms2 li input{ border: none; font-size: 16px; padding: 0 20px; height: 45px; line-height: 45px; width: 100%; box-sizing: border-box;border-radius:5px; } .com-frms2 li textarea{border: none;font-family: "fzlth"; font-size: 16px; padding: 20px 20px; width: 100%; box-sizing: border-box; height: 140px; border-radius:5px; } input::input-placeholder,textarea::input-placeholder{color: #999; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19 */ color: #999; } input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10 */ color: #999; } .com-frms2 li.bt a{ font-size:18px; text-align: center; width: 160px; display: inline-block; height: 45px; line-height: 45px; border-radius:5px; color: #fff; background: #e69e3b; margin-right: 15px; border-radius:5px; } .com-frms2 li.bt a.cancels{background: #cdcdcd;} .mod-suports ul{ flex-wrap: wrap; text-align: center; margin-top: 25px;} .mod-suports li{ width: 33.33%; padding: 40px 30px 60px 30px; box-sizing: border-box;} .mod-suports li span{ height: 130px; overflow: hidden; display: block;} .mod-suports li:hover{ background: #215ba6; color: #fff;} .mod-suports li span img{transition: all 1s;} .mod-suports li:hover span img{ margin-top: -130px; } .mod-suports li h3{ font-size: 24px; font-weight: normal; margin-top: 20px;} .mod-suports li cite{ font-size: 16px; color: #666; display: block; max-width: 330px; margin:20px auto 0 auto;} .mod-suports li:hover cite{ color: #fff;} .career-cnt{ color:#666; font-size:16px; /*text-align: center;*/} .career-photowrap{ margin-top: 50px; position: relative;} .photoroll .item-cell{ margin-left: 15px; margin-right: 15px; overflow: hidden;} .photoroll{ margin-left: -15px; margin-right: -15px;} .career-photowrap .swiper-button-prev{ left: -60px; width: 20px;height: 36px; margin-top: -18px;background-size: 20px 36px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");} .career-photowrap .swiper-button-next{ width: 20px;height: 36px; margin-top: -18px;background-size: 20px 36px;right: -60px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");} .jobs span{ padding-top: 65px; background: url(../images/jico1.png) center 0 no-repeat;} /*联系我们*/ .contactus-wrap{ margin-right: -2%; max-width:1200px; margin: 0 auto;} .contactus-wrap .item-cell{ transition: all .3s; color: #666; margin-right: 2%; flex: 1; background:#f7f7f7 url(../images/concat_img1.png) no-repeat; background-size: cover!important; padding:3.5%; box-sizing: border-box;} .contactus-wrap .item-2{background:#f7f7f7 url(../images/concat_img2.png) no-repeat;} .contactus-wrap .item-3{background:#f7f7f7 url(../images/concat_img3.png) no-repeat;} .contactus-wrap .item-tit{ font-size:24px; font-weight:bold; color:#222; margin-bottom: 25px;} .contactus-wrap .item-desc cite{ flex: 1;} .contactus-wrap .item-tit2{ font-size: 24px; padding-bottom: 16px;} .contactus-wrap .item-desc,.contactus-wrap .item-desc *{ font-size: 16px; line-height: 200%; } .contactus-wrap .item-cell:hover{ background-color:#215ba6; color: #fff;} .contactus-wrap .item-cell:hover *{color: #fff;} .maps{ max-width: 1385px; margin: 0 auto; position: relative;} .maps .addr-cnts{ display: none;} .maps .item-addr{ position: absolute; left: 20.5%; top:13.7%;} .maps .item-addr .addr-t0{ white-space: nowrap;padding-right: 70px;display: inline-block; height: 50px; line-height: 50px; display: block; color: #000; font-size: 20px; padding-left: 40px;background:url(../images/dot5.png) 0 center no-repeat; background-size:30px 30px; transition:all .3s; } .maps .item-addr .addr-cnts{ position: absolute;left: 100px; top: 0; width: 380px; padding: 35px; background: #fff; border: 2px solid #4c7fc1;} .maps .addr-t{ font-size: 24px; color: #222; } .maps .addr-c{ margin-top: 15px; font-size: 16px; color: #666;} .maps .item-addr:hover .addr-cnts{ display: block;} .maps .item-addr:hover{ z-index: 5;} .maps .addr-1{ left: 70%;top:27.8%;} .maps .addr-1 .addr-t0,.maps .addr-2 .addr-t0{ padding-left:0; padding-bottom:44px;background:url(../images/dot4.png) center bottom no-repeat; padding-right: 0;} .maps .addr-1 .addr-cnts,.maps .addr-2 .addr-cnts{left: -180px; top: 90px; } .maps .item-addr:hover .addr-t0{ background-size:38px auto;transition: all .3s;} .maps .addr-4{ left:16.2%; top: 41%;} .maps .addr-2{ left: 47%;top: 22%;} .maps .addr-5{left: 33.6%;top: 70%;} .maps .addr-6{left: 85.6%;top: 38.1%;} .maps .addr-7{left: 87%;top: 78.9%;} .maps .addr-7 .addr-cnts{ left: auto; right:70px; bottom: 50px; top: auto;} .maps .addr-6 .addr-cnts{left: auto; right:70px; top: 50px; } .maps .addr-1:hover .addr-t0,.maps .addr-2:hover .addr-t0{ background-size:42px auto!important;} .kj-bg{background:url(../images/rybg2.jpg) center 0 no-repeat; } .kjcgs-left{ width: 50%; box-sizing: border-box; overflow: hidden; padding-bottom: 145px;background:url(../images/jbbg2.png) center bottom no-repeat; background-size: 100% auto;} .kjcgs-left .item-pic{ max-width: 250px; padding:20px;background:url(../images/zs_bg.jpg) 0 0 no-repeat; background-size: 100% 100%;} .kjcgs-left .kjjxbg .item-pic{background:url(../images/zs_bg2.jpg) 0 0 no-repeat; background-size: 100% 100%;} .kjcgs-left .item-pic img{ display: block;} .kjcg-roll{ width:250px; margin: 0 auto;} .kjcg-roll .swiper-wrapper{ align-items: flex-end;} .kjcgs-left .item-cell{box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);} .kjcgs-right{width: 50%; padding-left: 0; box-sizing: border-box;} .kjcgs-right ul{ flex-wrap: wrap; width: 100%;} .kjcgs-right ul li { min-height:153px; background:url(../images/msbg.png) center 0 no-repeat; width: 50%; text-align: center; margin-top: 40px; margin-bottom: 40px; padding-top: 25px; box-sizing: border-box;} .kjcgs-right ul li h3{ font-size:55px; padding-bottom: 15px; line-height: 100%;/* font-weight:normal;*/ color: #215ba6; } .kjcgs-right ul li span{ font-size: 16px; line-height: 140%; display: block; color: #111} .kj-lists .item-cell{ max-height:380px; overflow:hidden; position: relative; margin-top: 60px;} .kj-lists .item-txt{ z-index: 5; color: #fff!important; position: absolute; top: 50%; transform:translateY(-50%); left:6%; font-size: 24px; max-width: 40%; padding-top:70px; background:url(../images/cg_icon1.png) 0 0 no-repeat; text-justify:inter-ideograph; text-align: justify;text-justify: distribute; } .kj-lists .item-2 .item-txt{ left: 60%; padding-left: 0; padding-right: 0; background:url(../images/cg_icon2.png) 0 0 no-repeat; text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .kj-lists .item-3 .item-txt{ background:url(../images/cg_icon3.png) 0 0 no-repeat;} /*招标公告列表*/ .notices-wrap .item-cell{ position:relative; padding-left: 160px; min-height: 125px; margin-bottom: 40px;} .notices-wrap .item-date{ font-family: arail; text-align: center; position: absolute; left: 0; top: 0; background: #f1f1f1; width: 125px; height: 125px;} .notices-wrap .item-date h4{ font-size: 36px; padding-top: 20px; line-height: 100%; color: #215ba6; font-weight: normal;} .notices-wrap .item-date span{ color: #fff; height: 50px; line-height: 50px; position: absolute;left: 0; right: 0; bottom: 0; background:#215ba6; text-align: center; font-size: 24px;} .notices-wrap .item-cell .item-tit{ font-size: 24px; color: #111; padding-top: 8px;} .notices-wrap .item-cell .item-desc{ font-size: 16px; color: #666; margin-top:12px;} .notices-wrap .item-cell .item-desc{ max-height: 57px; overflow: hidden;} .notices-wrap .item-cell:hover .item-cnt *{ color:#215ba6} .notices-wrap .item-cell:hover .item-cnt .item-desc a{color:#4481cf} .com-desc10{ margin-bottom:65px; text-align: center; font-size: 16px;} .com-desc10 span{ font-size:20px; color: #215ba6;} .wrap-mgs2 .mgs-bt a span{ padding-right:0; background:none;} /*资料下载*/ .mdproducts-wrap2 .item-cell .item-tit a{ padding: 0 20px; text-align:center; background: #005bac;} .down-bg{background:url(../images/downbg1.jpg) center bottom no-repeat;} .com-tit6{position:relative;} .com-tit6 .mores{ position: absolute; right: 0; top: 0; font-size: 16px; color: #999;} .com-tit6 .mores a:hover{color:#005bac;} .other-downs{ position:relative; overflow: hidden;} .other-downs a{ cursor: pointer;} .other-downs span{ font-size: 20px; color: #000; position: absolute; text-align: center;left: 0; top: 50%; transform: translateY(-50%); right: 0; z-index: 2;} .mod-messgaes ul li.golinks{ margin-top: -20px; background: none; text-align: center; display: block;} .mod-messgaes ul li.golinks a{ color:#f19b10;border-bottom: 1px solid #f19b10; padding-bottom: 2px;} /*下载弹出层*/ .layerboxs{position:fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.7);} .lboxs{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center;} .box-inner{ text-align: center;} .box-inner h3{ font-size: 24px; font-weight: normal; color: #fff; padding-top: 18px;} .box-inner span{ font-size: 16px; color: #fff; display: block; padding-top: 15px;} .gobackbt{ margin-top: 70px;} .gobackbt a{ display:block; font-size: 20px; color: #fff; height:60px; line-height: 60px; background: #005bac; text-align: center; width: 600px; margin: 0 auto;} /*产品资料下载*/ .mod-prodowns2{ flex-wrap:wrap; margin-right: -2%; margin-top: -3%;} .mod-prodowns2 .item-cell{ width:23%; background: #fff; margin-right: 2%; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.06); margin-top:3%; } .mod-prodowns2 .item-cell .item-pic{ max-width: 320px; margin: 40px auto 0 auto; overflow: hidden; position: relative;} .mod-prodowns2 .item-cell .item-cnt{ min-height:210px; padding: 30px 15px 25px 15px; margin-top: -30px; background:#f5f5f5; position: relative; z-index: 4;} .mod-prodowns2 .item-cell .item-tit a{ font-size: 16px; color: #101010; font-weight: bold; } .mod-prodowns2 .item-cell .item-tit{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .mod-prodowns2 .item-list{ margin-top: 20px;} .mod-prodowns2 .item-list li{ margin-top: 9px; position: relative;} .mod-prodowns2 .item-list a{ font-size: 14px; color: #333333; display: block;background:url(../images/d1.png) right 4px no-repeat; padding-right: 18px;} .mod-prodowns2 .item-list li span{font-size: 14px;padding-bottom: 12px; color: #333333; display: block; position: relative;} .mod-prodowns2 .dlist{ height: 0; overflow: hidden; position: relative;} .mod-prodowns2 .item-list li dl dd{ padding-top: 10px; font-size: 17px;} .mod-prodowns2 .item-list li dl dd a{font-size: 14px; color: #fff;} .mod-prodowns2 .item-list li span:after{ content:""; display:block; position:absolute; border: 10px solid transparent;border-top: 10px solid #101010; right: 0; top:7px; } .mod-prodowns2 .item-list li dl{ padding: 6px 25px 25px 25px; position: absolute; left: -15px; right: -15px; background: #0356a5; max-height:120px; overflow-y: auto; } .mod-prodowns2 .item-cell:hover .item-cnt{background: #0356a5;} .mod-prodowns2 .item-cell:hover .item-cnt *{ color: #fff;} .mod-prodowns2 .item-cell:hover .item-list a{background:url(../images/d2.png) right 4px no-repeat;} .mod-prodowns2 .item-cell:hover span:after{border: 10px solid transparent;border-bottom: 10px solid #fff;top:2px;} .mod-prodowns2 .item-list li:nth-last-child(1):hover .dlist{ height: auto; overflow: visible;} .mod-prodowns2 .item-list li:nth-last-child(1):hover span{ border-bottom:1px solid #5171b5;} /*鈊光系列产品*/ .mod-core-wrap2 .item-pic{ max-width: 650px; width:100%;} .mod-core-wrap2 .xmimg{ height: auto; padding:10px; } .mod-core-wrap2 .item-desc ul li{ margin-top:10px;} .mod-core-wrap2 .item-desc{/*display:none;*/ } .mod-core-wrap2 .item-desc ul li *{ font-style:normal; /*font-size: 16px; font-weight: bold; color: #111;*/} .mod-core-wrap2 .item-desc ul li em{/*font-size: 24px; color: #005bac;*/} .mod-core-wrap2 .item-cnt{ padding-top: 20px;} .zjicon-wrap2 .item-cell{ flex: 1; padding: 0 25px;} .actives-attr{ background: #fcfdfd; overflow: hidden;margin: 0 auto;padding: 30px; margin-top: 10px; margin-bottom:20px; border: 1px solid #f6f6f6;} .actives-attr li { color: #888; } .actives-attr li strong{ color: #000; font-weight: normal;} .swiper-yearsroll{ height: 200px;} /*经销商查询*/ .case-tabs{ margin-bottom: 60px; text-align: center;} .case-tabs a{ display: inline-block;width: 360px; height: 60px; line-height: 60px; background: #f1f1f1; color: #191919; font-size: 24px; margin: 0 15px;} .case-tabs a.cr{ background:#005bac; color: #fff;} .case-listswrap{ margin-right:-2%; overflow:hidden;} .case-listswrap .item-cell{ margin-bottom: 2%; width: 31.33%; margin-right: 2%; float: left;} .case-listswrap .item-pic{ height: 280px; max-height: 280px; overflow: hidden; position: relative;} .case-listswrap .item-tit{ text-align: center; padding-top: 15px;} .case-listswrap .item-tit a{ color: #303131; font-size: 18px;} .case-listswrap .item-tit a:hover{color: #275fac;} .infocases{ height: 0; overflow: hidden; position: relative;} .cas-active{height: auto;} /*暂无数据*/ .nodata-tips{ text-align:center; margin-top: 50px; margin-bottom: 40px; } .nodata-tips img{ width: 150px; margin: 0 auto;} .nodates{ text-align:center; font-size:22px; color:#f19b10; font-family:"fzzh"; } /*新加复选框*/ .checkswraps{ display:flex; align-items: center;flex-wrap: wrap;} .checkswraps label{ margin-left: 10px; margin-right: 15px;} .checkswraps label input{ width: 18px; height: 18px; vertical-align: middle;} .checkswraps label span{ margin-left: 5px;} .view-more { text-align: center; margin-top:60px; } .view-more a { background: #f8f8f8; border-radius: 50px; color: #666; font-size: 14px; display:inline-block; width:30%; height: 50px; line-height: 50px; } .view-more a:hover { background: #f19b10; color: #fff; } .siteMap { margin-top: 30px; } .siteMap ul li { border-top: 1px dashed #e7e7e7; padding: 30px 0; zoom: 1; overflow: hidden; } .siteMap ul li:after { display: table; clear: both; content: ""; font-size: 0; line-height: 0; } .siteMap ul li h2 { float: left; overflow: hidden; min-width: 130px; } .siteMap ul li h2 .cn { font-weight: bold; display: block; font-size: 20px; color: #275fac; } .siteMap ul li h2 .en { font-size: 14px; display: block; color: #ab0000; display: none; } .siteMap ul li ul { float: none; overflow: hidden; } .siteMap ul li ul li { border: none; padding: 0; padding-top:4px; float: left; margin-bottom:5px; } .siteMap ul li ul li a { font-size: 16px; color: #555; min-width: 100px; padding-left: 20px; display: block; } .siteMap ul li ul li a:hover { color: #275fac; } .siteMap ul li ul li dl{ padding-top: 10px;} .siteMap ul li ul li dl dd a{ font-size: 14px; color: #999;} /*分享链接*/ .mdshare{ text-align:center; margin-bottom: 30px; } .mdshare a{ display: inline-block;margin:0 5px; position: relative;} .mdshare a span{ display: inline-block; overflow: hidden; text-align: center; line-height: 30px; width:30px; height:30px; background: #000000; border-radius:30px; } .mdshare a:hover span{ background:#005ab1;} .mdshare a span img{ width: 20px; height: 20px; display:inline; vertical-align: middle;} .mdshare a cite{ width: 150px; height: 150px; display: none;} .mdshare a:hover cite{ display: block; position: absolute; left: -60px; top: 30px; padding-top: 10px;} .mdshare a cite img{box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);} /*新加语言版本*/ .lang-box{ height:0; right:0; width:1920px; } .lang-box dl{ flex:1; text-align: left;} .inners-lang-box{ padding: 50px 0 50px 0; box-sizing: border-box; max-width: 1300px; margin: 0 auto;display: flex;} .lang-box dd a{ background: none!important; border:none;margin: 0 25px; padding: 8px 0; } .lang-box dt{ margin-bottom:20px;} .lang-box dt a{ font-weight:bold; margin: 0 25px; padding-bottom:10px; display:block; border-bottom:1px solid rgba(255,255,255,.2);} .lang-links:hover .lang-box{ } .active-rollwrap .act-icon{ color:#fff; font-size: 24px;} .active-rollwrap .act-icon span{ position: relative; top: 30px;left: 22px; display: block; transform:rotate(45deg);} #charts canvas { background: url(../images/dy1.png) left 68% bottom 35px no-repeat,url(../images/dy2.png) left 79% bottom 16px no-repeat; background-size: 220px auto,97.8px auto; } .com-more20{ display:inline-block; margin-right: 10px;} .com-more20 a{ background:none; color:#005bac; border: 1px solid #005bac;} /*经销商*/ .mods-contacts{ margin-right: -2%; display: flex;flex-direction: row;flex-flow: row wrap;} .mods-contacts .item-cell{padding: 30px; display: flex; flex-direction: column; width: 31.33%; margin-right: 2%; margin-top: 2%; background: #fafafa; box-sizing: border-box; border: 1px solid #eee; border-top:3px solid #215ba6} .mods-contacts .item-cell a{ display: block;} .mods-contacts *{ font-style: normal; font-size: 15px;} .mods-contacts i{ color: #000;} .mods-contacts cite{ color: #999;} .mods-contacts .item-cell li{ margin-top: 5px; margin-bottom: 5px;} #charts>div+div{ padding: 0!important; background: none!important;} .area-wraps{ border-radius:5px; padding: 15px; border: 1px solid #407ac7 ;background: #fff;box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08);/* width: 400px; height: 300px; */margin: 0 auto;} .area-wraps *,.area-wraps{ color: #000; } .area-auto{width:300px; white-space: normal; max-height:300px; overflow-y: auto; overflow-x: hidden;} .area-auto *{ white-space: normal;} .area-tit{ font-size: 18px; font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom:15px; padding-bottom: 5px; position: relative;} .area-tit i{ position: absolute; right: 0; top: 0; width: 20px; height: 20px; border:1px solid #000; border-radius:20px; text-align: center;line-height:20px; font-size: 18px; font-style: normal; cursor:pointer; } .tops .com-tit4{ /*text-align: left;*/} /*新加产品分类*/ .promytabs{ border: 1px solid #e9edf0; height: 50px; line-height: 50px; display: flex; background: #FFF; margin-bottom:30px;} .promytabs a{ cursor: pointer; flex: 1; text-align: center; font-size: 18px; border-right: 1px solid #dcdde0; position: relative;} .promytabs a:nth-last-child(1){ border-right:none;} .promytabs a.ac-active{ color: #024d96;} .promytabs a.ac-active:after{ position: absolute; border-bottom: 3px solid #024d96; left: 0; right: 0; display: block; content: ""; bottom: 0;} .promytabs-cnt{ height: 0; overflow: hidden;} .pr-active{ height: auto; overflow: visible;} .pr-active .pro-syswrap{ overflow: visible;} @media screen and (max-width: 480px) { .promytabs{ height: auto; line-height: 120%; margin-bottom: 20px;} .promytabs a{ height: auto; font-size: 15px; padding: 12px 10px; height: auto; align-items: center; line-height: 120%;} } .swiper-roll-28 video { width: 100%; height: auto; /* max-width: none!important;width: 100%; margin: 0 auto; position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 3; overflow: hidden; bottom: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0); */ } /*新加企业文化*/ .brandcultures{ background: #f5f5f7;} .brandcultures img{ display: block;} .brandcultures .culture-imgs,.brandculture-cnts{ flex: 1;} .brandculture-cnts { align-items: center; margin-left: 60px;} .brand-ins ul{ margin-top:35px; } .brand-ins ul li{ margin-top: 30px;} .brand-ins ul li span{ font-size: 22px; color: #215ba6; padding-right: 40px;} .brand-ins ul li cite{ font-size: 22px;} .reg-identitytype{ padding:18px 15px } /*产品列表*/ .mapscell{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox; display: flex; -webkit-box-wrap:wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-right: -3%;} .maplists2 .item-cell{ border-radius:5px; width: 30.33%; margin-right: 3%; border: 1px solid #eee!important; box-sizing: border-box; background: none; margin-bottom:20px; padding: 25px; background: #fafafa;} .maps{ background: none;} .maplists2 .item-cell .cont-us{ display: flex;} .maplists2 .item-cell .cont-us a{ margin-right: 15px;} .areatits{ font-size: 20px; font-weight: bold; color: #000; margin-bottom: 5px;} .maplists2 .item-tit,.maplists2 span{ display: block; padding-bottom: 15px; font-size: 16px; font-weight: bold; line-height: 150%; } .maplists2 .item-addr{margin-top: 15px; line-height: 200%;} .areatits{ margin-top: 25px;} /*品牌形象*/ .Brandimg-wrap { margin-top: 60px; color: #fff;} .Brandimg-wrap .item-cell{ border-radius: 10px; position: relative; padding: 40px; margin-bottom: 50px; background: url("../img/rwbg1.jpg") no-repeat; background-size: cover!important;} .Brandimg-wrap .item-pic{ width:30%; margin-right:50px; position: relative; z-index: 2} .Brandimg-wrap .item-cnt{ background: rgba(0,0,0,.7); padding: 40px; flex:1; font-size: 16px; position: relative; z-index: 5 ; padding-left: 160px; } .Brandimg-wrap .item-cnt *{ font-size: 16px;} .Brandimg-wrap .item-desc{ margin-top: 25px;} .Brandimg-wrap .item-cell h5{ color: #0088ff;} .rwnames{ position: absolute; left: 30px; top: 60px; width: 70px; padding: 15px; box-sizing: border-box; background: url("../img/txtbg2.png") no-repeat; background-size: 100% 100%; padding-bottom: 85px;} .rwnames cite{ display: none;} .brandimgs{ margin-top: 35px;} .Brandimg-wrap .item-2{background: url("../img/rwbg2.jpg") no-repeat;} .Brandimg-wrap .item-2 h5{ color: #ffd800;} .Brandimg-wrap .item-2 .item-cnt{ background: rgba(169,95,29,.7); } .Brandimg-wrap .item-3{background: url("../img/rwbg3.jpg") no-repeat;} .Brandimg-wrap .item-3 h5{ color: #00ccff;} .Brandimg-wrap .item-3 .item-cnt{ background: rgba(1,11,17,.7); } .Brandimg-wrap .item-4{background: url("../img/rwbg4.jpg") no-repeat;} .Brandimg-wrap .item-4 h5{ color: #ffd800;} .Brandimg-wrap .item-4 .item-cnt{background: rgba(169,95,29,.7); } .Brandimg-wrap .item-5{background: url("../img/rwbg5.jpg") no-repeat;} .Brandimg-wrap .item-5 h5{ color: #ffd800;} .Brandimg-wrap .item-5 .item-cnt{background: rgba(169,95,29,.7); } .Brandimg-wrap .item-cell .brandimgs img{ transform: scale(1.2)} .Brandimg-wrap .item-5 .brandimgs img{ transform: scale(1.2)} .Brandimg-wrap .item-cell .brandimgs {margin-top: 60px;} .Brandimg-wrap .item-5 .brandimgs{ margin-top: 60px;} .Brandimg-wrap .rwtits img{ max-width: 360px;} .Brandimg-wrap .item-4:after{ content: ""; background: url("../img/rwbg4.png") no-repeat; background-size: auto 100%; position: absolute; display: block; left: 20px; top: 20px; bottom: 20px; width: 50%;} /*吉祥物展示方式二*/ .bandimagetop{background: url("../img/ylbg2.png") center bottom no-repeat; padding-bottom: 120px; } .invests-wrap{ position: relative; z-index: 66; margin-top: 50px; padding: 0; } .invests-wrap .swiper-slide .item-tit{ font-size:20px; margin-top: 5px; color: #000;} .invests-wrap .swiper-slide { text-align: center; box-sizing: border-box; width: 39%; height: auto; /* background: #fff;*/ /* box-shadow: 0 8px 30px #ddd;*/ } .invests-wrap .item-pic{/* background: #fff;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); */margin: 0 100px;} .invests-wrap .item-pic img{ max-width: 100%; height: auto;} .binners3 img{ max-width: none;} .invests-wrap .swiper-button-prev,.invests-wrap .swiper-button-next{ display:none;} .invests-wrap .swiper-slide{ /*width: 560px;*/} .rwnames cite{ display: block; width: auto; white-space: nowrap; margin-left: 100px;} .rwnames span{ display: none;} .rwnames{background: url("../img/txtbg25.png") no-repeat; height: 60px; box-sizing: border-box; background-size: 100% 100%!important; padding-bottom: 0; min-width: 500px; padding-right: 95px; left: -20px;} .brbg{ background: url("../img/njxbg1.jpg") right bottom no-repeat; min-height:539px; background-size: auto 530px;} .Brandimg-wrap3 .item-cell{ position: relative; z-index: 2; align-items: center;} .Brandimg-wrap3 .wrap-layer{position:relative;} .Brandimg-wrap3 .wrap-layer:after{ content: ""; display: block; position:absolute; left: 0; top: 0; bottom: 0; bottom: 0; background: url("../img/jxwbg2.png") no-repeat; width: 1920px; background-size:100% 60%;} .brandimgs{ margin-top: 30px;} .Brandimg-wrap3 .item-cnt{ flex:1; font-size: 16px; padding: 0 100px 40px 100px;} .Brandimg-wrap3 .item-pic{ /*width: 40.6%;*/ width: 40%; padding-bottom: 40px;} .brbg2{background: url("../img/njxbg2.jpg") left 0 no-repeat; } .Brandimg-wrap3 .brbg:nth-child(2n+1) .item-cell{ flex-direction: row-reverse;} .Brandimg-wrap3 .brbg:nth-child(2n) .wrap-layer:after { background: url("../img/jxwbg3.png") right 0 no-repeat; right: 0; left: auto;} .Brandimg-wrap3 .brbg:nth-child(2n) .rwnames{background: url("../img/txtbg21.png") right 0 no-repeat; padding-right: 120px; left: auto; right: -20px; text-align: right;} .Brandimg-wrap3 .brbg:nth-child(2n) .rwnames img{ display: inline-block;} .Brandimg-wrap3 .brbg:nth-child(2n) .rwnames cite{ float: right; margin-right: 0; margin-left: 0;} .Brandimg-wrap3 .brbg:nth-child(2n) .item-cnt{ padding-left: 120px; text-justify:inter-ideograph; text-align: justify;text-justify: distribute; text-align: right;} .rwnames{ width: auto;} .Brandimg-wrap3 .brbg:nth-child(2n) .rwnames{ padding-left: 120px; background: url(../img/txtbg21.png) 0 0 no-repeat; } .brbg2{background: url("../img/njxbg2.jpg") left 0 no-repeat;background-size: 100% 560px; height: 560px; } .Brandimg-wrap3 .brbg2 .item-pic,.Brandimg-wrap3 .brbg4 .item-pic{ padding-bottom: 0;} .brbg3{background: url("../img/njxbg3.jpg") left 0 no-repeat;background-size: 100% 530px; } .Brandimg-wrap3 .brbg3 .wrap-layer:after{ background-size: 100% 60%;} .Brandimg-wrap3 .brbg3 .item-desc{margin-top: -120px;} .brbg4{background: url("../img/njxbg4.jpg") left 0 no-repeat;background-size: 100% 530px; } .brbg5{background: url("../img/njxbg5.jpg") left 0 no-repeat;background-size: 100% 700px; margin-top: -10px; height: 700px; } .rwiconnames{ color: #fff; position:absolute; left: 50%; top:70px; width: 34px; height: 127px; background: url("../img/txtbg2.png") 0 bottom no-repeat; background-size: 100% 100%!important; padding-bottom: 70px; padding-top: 20px; box-sizing: border-box; transform: translateX(-160px);} .rwiconnames cite{ width:18px; display: block; line-height: 120%; font-size: 18px; margin: 0 auto;/*writing-mode:vertical-lr;text-orientation:upright;*/writing-mode: vertical-rl; white-space: nowrap; } .rwiconnames img{ max-width: 60%; height: auto;} .rwnames cite{ font-size: 36px; color: #fff;} .rwiconnames2{ background: url("../img/txtbg22.png") 0 bottom no-repeat; } /*新加产品参数2025-09-08开始*/ .proprams{ font-size: 22px; /*position:absolute; background:#e79739; */ font-weight: bold; padding: 6px 10px; color:#000; display: block; left: 0; right: 0; text-align: center; bottom:50px; } .xmproinfos-wrap .proprams,.mod-prodowns2 .proprams{position:absolute; background:#e79739;font-weight: bold; padding: 8px 10px; color:#fff; display: block; left: 0; right: 0; text-align: center; bottom:0; } .mod-prodowns2 .proprams{ display: block; position: static; margin-bottom: 30px; margin-top: -30px; position: relative; z-index: 8;} .lfad{ position: fixed; z-index: 999999; right: 0px; /* top: 50%;bottom: 100px; */ /*bottom: 50px; */top: 50%; transform: translateY(-50%);} .lfad ul li{ margin-bottom: 15px; position: relative;} .close20{ width:10px; cursor:pointer; position: absolute; right:8px; top:-2px;} .lfad ul li{ } /*新加产品参数2025-09-08结束*/ @media screen and (max-width: 1550px) { .invests-wrap .swiper-slide { width:40%; margin: 0 0;} .bandimagetop{background: url("../img/ylbg2.png") center bottom no-repeat; background-size:109% auto; padding-bottom: 5.8%;} .Brandimg-wrap3 .brbg3 .item-desc{margin-top: -80px;} } @media screen and (max-width: 480px) { .Brandimg-wrap{ margin-top: 30px;} .Brandimg-wrap .item-cell{ display: block; padding: 5px;} .Brandimg-wrap .item-cell:nth-child(4):after{ display: none; } .Brandimg-wrap .item-pic{ width: 70%; margin: 0 auto;} .rwnames{background: url("../img/txtbg20.png") no-repeat; background-size: 100% 100%; padding-bottom: 0; padding-right: 35px;} .Brandimg-wrap .item-4:after{ display: none;} .Brandimg-wrap .item-cell .brandimgs{ margin-top: 35px;} .Brandimg-wrap .item-cell .item-cnt{ padding: 15px;} .Brandimg-wrap .item-desc{ margin-top: 15px;} .rwnames{ display: block; max-width: 240px; padding:15px 30px; padding-right: 80px; margin: 0 auto;position: static; width: auto;} .rwnames cite{ display: block;} .rwnames img{ display: block;} .rwnames span{ display: none;} .maplists2 .item-cell{ width: 97%; padding: 15px;} .maplists2 .item-tit{ font-size: 16px; font-weight: bold; line-height: 150%; } .maplists2 .item-addr{margin-top: 5px; line-height: 150%;} .areatits{ margin-top: 0px;} .invests-wrap .swiper-slide{ width: 70%;} .invests-wrap .item-pic{/* background: #fff;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); */margin: 0 20px;} .bandimagetop{ background-size:159% auto;} .invests-wrap .swiper-slide{ position: relative; top: 20px;} .invests-wrap .swiper-slide-active { position: relative; top: 0;} .rwiconnames{ left: 30px; top: 0; transform: translateX(0) scale(0.65); z-index: 888;} .Brandimg-wrap3 .item-cell{ display: block; padding-top: 30px; } .Brandimg-wrap3 .item-pic{ width: 85%; position: relative; left: 20px; margin:90px auto 0 auto; } .rwnames{ position: absolute; top: 20px; max-width: none; min-width: 150px; height: auto; line-height: 50px;} .rwnames cite{font-size: 26px;margin-left: 0; line-height: 100%!important; height: auto;margin: 0!important;} .Brandimg-wrap3 .brbg{ overflow:hidden;} .Brandimg-wrap3 .item-cell{ margin: 0 20px 0 20px; } .Brandimg-wrap3 .brbg { height: auto!important; background-size:cover!important;} .Brandimg-wrap3 .wrap-layer:after{ left: 20px;} .Brandimg-wrap3 .brbg:nth-child(2n) .wrap-layer:after{ right: 20px;} .Brandimg-wrap3 .item-cnt{ padding: 20px 15px!important; background: rgba(255,255,255,.6); margin-bottom: 50px; border-radius:10px; } .Brandimg-wrap3 .item-cnt .item-desc{ text-align: left!important; line-height: 160%; font-size: 15px; } .Brandimg-wrap3 .item-pic{ padding-bottom: 0!important;} .Brandimg-wrap3 .brbg3 .item-desc{ margin-top: 0;} .Brandimg-wrap3 .brbg:nth-child(2n) .rwnames{ padding-right: 40px; padding-left: 100px;} /*新加产品参数2025-09-08开始*/ .lfad{ display: none;} .lfad img{max-width: 60px; height: auto; } }