/*Top002839 */ .auto_1360 {max-width: 1360px;} .Top002839 {position: fixed; top: 0; width: 100%; left: 0; z-index: 600;background: #fff;font-size: 100px;line-height: 0;} .Top002839 .logo {float: left;display: table;height: 0.9em;padding: 0 2vw;} .Top002839 .logo a {display: table-cell;vertical-align: middle;} .Top002839 .logo img {max-height: 0.8em;} .Top002839 .mid, .Top002839 .top-search {float: right;} .Top002839 .top-search {width: 0.9em;min-height: 0.9em;transition: 0.3s;} .Top002839 .open-search {transition: background 0.3s;cursor: pointer;} .Top002839 .open-search:before, .Top002839 .open-search:after {position: absolute;content: '';width: 30px;height: 2px;background: #9c9c9c;left: 50%;top: 50%;margin: -1px 0 0 -15px;opacity: 0;-webkit-opacity: 0;} .Top002839 .top-search.on .open-search:before, .Top002839 .top-search.on .open-search:after {opacity: 1;-webkit-opacity: 1;transition: 0.3s 0.3s;} .Top002839 .top-search.on .open-search:before {transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Top002839 .top-search.on .open-search:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .Top002839 .top-search .inner {width: 100%;min-width: 0.9em;position: relative;padding-right: 0.9em;} .Top002839 .top-search .inner .text {height: 5.625em;line-height: 5.625em;border: 0;background: #f3f3f3;padding: 0 20px;width: 100%;color: #d1d1d1;font-size: 0.16em;} .Top002839 .top-search .inner .text.focus {color: #333;} .Top002839 .top-search .inner .btn {position: absolute;right: 0;top: 0;height: 100%;width: 90px;background: url(../images/Top002839_btn.png) no-repeat center center #e82e15;border:0;cursor:pointer;} .Top002839 .header-menu li {width: auto!important;padding: 0 15px;font-size: 0.16em;} .Top002839 .header-menu li em {padding-right: 50px;position: relative;line-height: 5.625em;} .Top002839 .header-menu li#m5 .sub{width: 150%;} .Top002839 .header-menu li:not(:last-child) em:after {position: absolute;content: '';width: 5px;height: 5px;background: #e5e5e5;right: 0;top: 50%;margin-top: -2.5px;} .Top002839 .header-menu li em a {position: relative;color: #000;} .Top002839 .header-menu li em a:after {position: absolute;content: '';height: 4px;width: 0;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);background: #e82e15;transition: 0.3s;} .Top002839 .header-menu li em a:hover:after, .Top002839 .header-menu li.aon em a:after {width: 100%;} .Top002839 .header-menu li .sub-menu dt {line-height: 3em;/*padding: 0 0.5em;*/} .Top002839 .header-menu li .sub-menu dt a {color: #999;} .Top002839 .header-menu li .sub-menu dt a:hover {color: #e82e15;background: none;} @media(min-width:1281px) { .Top002839 .top-search {position: relative;overflow: hidden;} .Top002839 .open-search {position: absolute;right: 0;top: 0;width: 0.9em;height: 100%;z-index: 4;} .Top002839 .top-search.on {width: 30%;} .Top002839 .top-search.on .open-search {right: 0.9em;} } @media(max-width:1900px) { .Top002839 .header-menu li {padding-right: 10px;} .Top002839 .header-menu li em {padding-right: 22px;} } @media (max-width: 1400px) { .auto_1360 {padding: 0 8%;} } @media(max-width:1680px) { .Top002839 .header-menu li#m5 .sub{width: 200%;} .Top002839 .header-menu li#m10 .sub{width: 150%;} } @media(max-width:1280px) { .Top002839 .top-search .inner {position: absolute;right: 0;top: -100%;transform: translateX(-100%);-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);opacity: 0;transition: opacity 0.3s;} .Top002839 .top-search.on {width: 0.9em;} .Top002839 .open-search {display: block;height: 0.9em;background: url(../images/Top002839_btn.png) no-repeat center center #e82e15;position: relative;} .Top002839 .top-search.on .open-search {background: none;} .Top002839 .top-search.on .inner {opacity: 1;top: 100%;transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);} .Top002839 .header-menu li .sub-menu dt {padding: 0 15px;} } @media(max-width:1024px) { .auto_1360 {padding: 0 2%;} .Top002839 {font-size: 70px;} .Top002839 #header-menu {position: fixed;left: -100%;opacity: 0;top: 0.9em;bottom: 0;overflow: auto;width: 240px;background: rgba(255, 255, 255, 0.8);transition: 0.3s;} .Top002839 #header-menu.header-menu-show {left: 0;opacity: 1;} .Top002839 #header-menu ul {padding: 20px;} .Top002839 #header-menu li a {color: #333;font-size: 15px;} .Top002839 #header-menu li.has-sub i.op {display: block;} .Top002839 #header-menu li.has-sub i.op:before, .Top002839 #header-menu li.has-sub i.op:after {background: #e82e15;} .Top002839 #header-menu li .sub {padding: 10px;background: rgba(234, 84, 50, 0.1);} .Top002839 #header-menu li .sub-menu dt:last-child a {border-bottom: 0;} .Top002839 #open_menu {float: right;width: 0.9em;height: 0.9em;position: relative;} .Top002839 #open_menu i {width: 60%;left: 20%;height: 3px;} .Top002839 #open_menu i, .Top002839 #open_menu i::before, .Top002839 #open_menu i::after {background: #e82e15;} .Top002839 #open_menu i::after {top: -10px;} .Top002839 #open_menu i::before {top: 10px;} } @media(max-width:640px) { .Top002839 {font-size: 60px;} } .Banner002058{position:relative;z-index:1;overflow:hidden} .Banner002058 .bx-viewport{z-index:1} .Banner002058{height:960px} .Banner002058 .text{position:absolute;left:6%;top:42%;z-index:100;opacity:0;transition:0.8s; width: 45%} .Banner002058 .text img{width: 80%;} .Banner002058 .text h1{color:#fff;font-weight:normal;margin:0;font-size:60px} .Banner002058 .text h2{color:#fff;font-weight:normal;margin:0;font-size:40px} .Banner002058 .text h3{color:#fff;font-weight:normal;margin:0;font-size:15px;letter-spacing:1px;font-family:Fonts2,sans-serif} .Banner002058 li.slick-active .text,.Banner002058 li .text-active{left:10%;opacity:1} .Banner002058 li .pic,.Banner002058 li a,.Banner002058 li{height:960px;overflow:hidden} .Banner002058 li{background-position:center top;background-repeat:no-repeat} .Banner002058 li .pic{transition:6s linear;transform:scale(1);-webkit-transform:scale(1)} .Banner002058 li a{position:relative;display:block} .Banner002058 li .phone{display:none} .Banner002058 .bx-controls-direction{display:none} .Banner002058 .bx-pager{position:absolute;left:0;bottom:12%;text-align:center;width:100%;z-index:10} .Banner002058 .bx-pager div{display:inline-block;margin:0 3px} .Banner002058 .bx-pager div a{display: block;width: 8px;height: 8px;background-color: #fff;opacity: 0.2;-webkit-opacity: 0.2;transition: 0.5s; line-height: 100; overflow: hidden} .Banner002058 .bx-pager div a.active{opacity: 1;-webkit-opacity: 1;width: 98px;} @media(max-width:1367px){ .Banner002058{height:780px} .Banner002058 li .pic,.Banner002058 li a,.Banner002058 li{height:780px;overflow:hidden; background-size: cover} .Banner002058 .text{top:35%;right:5%; width: 36%} .Banner002058 li.slick-active .text,.Banner002058 li .text-active{right:10%;opacity:1} } @media(max-width:1024px){ .Banner002058{margin-top: 100px;} .Banner002058,.Banner002058 li a,.Banner002058 li{height:auto} .Banner002058 li{background:none !important} .Banner002058 .text{width:75%;} .Banner002058 li .phone{display:block;width:100%} } /*RighInfo002581 */ .RighInfo002581 {padding-top: 4%;background: url(../images/service-map-bg.png) center no-repeat;background-size: cover;padding-bottom: 8%;} .RighInfo002581 .auto_1360 {max-width: 1360px;} .RighInfo002581 h1 {font-size: 42px;color: #333;text-align: center;margin: 0;} .RighInfo002581 .spot {width: 100%;margin: 3% auto 2%;font-size: 18px;color: #888;text-align: center;} .RighInfo002581 .spot li{width: 33.33%;float:left;text-align:center;padding: 0 2%;} .RighInfo002581 .fz {font-size: 72px;color: #e82e15;font-weight: normal;font-family: Roboto, Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace;position: relative;letter-spacing: -2px;} .RighInfo002581 .fz b{font-weight:normal;} .RighInfo002581 p {font-size: 16px;color: #666;margin-top: 0;} .RighInfo002581 .fz span {font-size: 24px;color: #e82e15;font-weight: normal;position: absolute;display: inline-block;margin-top: 30px;margin-left: 15px;padding-right: 15px;} @media(max-width:1024px) { .RighInfo002581 .fz {font-size: 50px;/* color: #097be2; */font-family: Arial, Helvetica, sans-serif;} } @media(max-width:768px) { .RighInfo002581 .spot li {width:100%;} .RighInfo002581 .fz {font-size: 40px} } /*Floor002843 */ /*slick Basic*/ .Floor002843 .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;z-index: 1;} .Floor002843 .slick-list {position: relative;z-index: 1;display: block;overflow: hidden;} .Floor002843 .slick-list:focus {outline: none} .Floor002843 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002843 .slick-slider .slick-track, .Floor002843 .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} .Floor002843 .slick-track {position: relative;top: 0;left: 0;display: block;} .Floor002843 .slick-track:before, .Floor002843 .slick-track:after {display: table;content: '';} .Floor002843 .slick-track:after {clear: both;} .Floor002843 .slick-loading .slick-track {visibility: hidden;} .Floor002843 .slick-slide {display: none;float: left;min-height: 1px;} [dir='rtl'] .slick-slide {float: right;} .Floor002843 .slick-slide .slick-loading img {display: none;} .Floor002843 .slick-slide .dragging img {pointer-events: none;} .Floor002843 .slick-initialized .slick-slide {display: block;} .Floor002843 .slick-loading .slick-slide {visibility: hidden;} .Floor002843 .slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;} .Floor002843 .slick-arrow .slick-hidden {display: none;} /*slick Basic End*/ .Floor002843 .more {display: inline-block;background: #e82e15;color: #fff;padding: 0 20px;position: relative;} .Floor002843 .more:after {position: absolute;content: '';width: 6px;height: 4px;background: #fff;top: 50%;margin-top: -2px;right: 0;transition: 0.3s;} .Floor002843 .more:hover:after {width: 0;} .Floor002843 .more span {display: block;line-height: 50px;position: relative;padding-left: 44px;} .Floor002843 .more span:before {position: absolute;left: 0;top: 50%;width: 18px;height: 10px;margin-top: -5px;content: '';background: url(../images/Floor002843-more.png) no-repeat right center;transition: 0.3s;} .Floor002843 .more:hover span:before {width: 30px;} .Floor002843 {position: relative;padding: 6vw 0 5vw 0;overflow: hidden;} .Floor002843:before {position: absolute;height: 100%;background: url(../images/Floor002843_bg.jpg) no-repeat center center #20365d;background-size: contain;width: 50%;left: 0;top: 0;content: '';} .Floor002843 .auto {max-width: 1440px;position: relative;z-index: 4;} .Floor002843 .title {color: #fff;} .Floor002843 .title .cn {font-size: 42px;color: #fff;font-weight: 500;margin: 0;} .Floor002843 .title .en {font-size: 42px;font-family: "DINBold";} @media(min-width:1025px) and (max-width:1366px) { .Floor002843 .title .cn {font-size: 28px;} .Floor002843 .title .en {font-size: 36px;} } @media(max-width:640px) { .Floor002843 .title .cn {font-size: 5vw;} .Floor002843 .title .en {font-size: 6vw;} .Floor002843 .cn {margin-bottom: 1vw;} } .Floor002843 .imgs li img {display: block;width: 100%;} .Floor002843 .info .edit {width: 90%;text-align: justify;line-height: 2em;color: #fff;margin: 3vw 0 7vw 0;font-size: 16px;} .Floor002843 .controls {position: relative;z-index: 3;} .Floor002843 .controls .btn {position: absolute;right: -5vw;overflow: hidden;} .Floor002843 .controls .slick-arrow {width: 5vw;height: 5vw;float: left;border: 0;background: #e82e15;padding: 0;font-size: 0;cursor: pointer;} .Floor002843 .controls .slick-arrow:before {display: inline-block;width: 70%;max-width: 38px;background: url(../images/Floor002843-more.png) no-repeat right center;height: 9px;content: '';} .Floor002843 .controls .slick-next {background: #fff;} .Floor002843 .controls .slick-next:before {background-image: url(../images/Floor002843-more2.png);} .Floor002843 .controls .slick-prev:before {transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);} @media(min-width:1025px) { .Floor002843 .imgs {width: 66.667%;} .Floor002843 .imgs ul.slider {width: 125%;} .Floor002843 .info .edit {max-width: 320px;} .Floor002843 .controls .btn {top: 50%;transform: translateY(-50%);-webkir-transform: translateY(-50%);-ms-transform: translateY(-50%);} } @media(max-width:1024px) { .Floor002843 .ytable, .Floor002843 .ytable-cell {display: block;} .Floor002843 .controls .btn {right: 0;top: 100%;} .Floor002843:before {width: 100%;height: 70%;background-size: 190% auto;} .Floor002843 .controls {padding-bottom: 4%;} .Floor002843 .controls .slick-arrow {width: 10vw;height: 10vw;} } /* .Floor002357 */ .Floor002357 .title {text-align: center;font-size: 42px;font-weight: 500;font-weight: lighter;color: #fff;margin: 0;padding-bottom: 6%;position: relative;} @media only screen and (max-width:1600px) { .Floor002357 .auto {padding-left: 2%;padding-right: 2%;} } .Floor002357 {background: url(../images/Floor002357-bg.jpg) no-repeat center center;background-size: cover;padding: 6% 0 3% 0;} .Floor002357 .title {text-align: center;font-size: 24px;font-family: '';font-weight: lighter;color: #fff;margin: 0;padding-bottom: 6%;position: relative;} .Floor002357 .ul {overflow: hidden;} .Floor002357 li {position: relative;padding: 15px 0;text-align: center;margin-bottom: 2%;} .Floor002357 li .img img {-webkit-transition: all ease 0.5s;transition: all ease 0.5s;position: relative;top: 0;} .Floor002357 li:hover .img img {top: -10px;} .Floor002357 li h3 {margin: 20px 0 0;font-size: 18px;font-family: '';letter-spacing: 0.1px;padding-bottom: 5%;} .Floor002357 li h3:after {display: block;margin: 0 auto;width: 20px;height: 1px;background-color: #fff;opacity: 0.2;margin-top: 30px;content: '';} .Floor002357 li h3 span {font-weight: normal;opacity: 0.3;font-family: Arial, Helvetica, sans-serif;display: block;padding-top: 5px;} .Floor002357 li h3 a {color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;} .Floor002357 li p {margin: 0;text-align: center;color: #666;font-size: 16px;line-height: 24px;height: 48px;font-family: '';overflow: hidden;} @media (min-width: 640px) { .Floor002357 li {width: 33.3333%;float: left;} } @media only screen and (min-width:768px) { .Floor002357 .title {font-size: 28px;} .Floor002357 li h3 {font-size: 22px;} } @media only screen and (min-width:1024px) { .Floor002357 .title {font-size: 42px;font-weight: 500;color: #333;} .Floor002357 li h3 {font-size: 24px;} } /*Floor002722 */ .Floor002722 {margin: 3% 0 5%;} .Floor002722>.auto {width: 100%;} .Floor002722 .copy-html {display: none;} .Floor002722 .tab>.auto {position: relative;} .Floor002722 .tab>.auto a {position: absolute;right: 0;top: 18px;color: #999;font-size: 16px;} .Floor002722 .tab>.auto a span {display: inline-block;width: 15px;height: 15px;border: 1px solid #999;position: relative;vertical-align: middle;margin-left: 10px;} .Floor002722 .tab>.auto a span:before, .Floor002722 .tab>.auto a span:after {position: absolute;content: '';background: #999;} .Floor002722 .tab>.auto a span:before {width: 9px;left: 2px;height: 1px;top: 6px;} .Floor002722 .tab>.auto a span:after {width: 1px;left: 6px;top: 2px;height: 9px;} .Floor002722 .tab>.auto a:hover {color: #e82e15;} .Floor002722 .tab>.auto a:hover span {border-color: #e82e15;} .Floor002722 .tab>.auto a:hover span:before, .Floor002722 .tab>.auto a:hover span:after {background: #e82e15;} .Floor002722 .tab li {float: left;text-align: center;cursor: pointer;} .Floor002722 .tab li:after {display: block;width: 0;content: '';margin: 0 auto;border: 11px solid transparent;} .Floor002722 .tab li.on:after {border-bottom-color: #20365d;} .Floor002722 .tab li span {display: block;position: relative;font-size: 20px;color: #999;line-height: 36px;} .Floor002722 .tab li:not(:last-child) span::after {position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);width: 1px;height: 25px;background: #e7e7e7;content: '';} @media(min-width:641px) { .Floor002722 .tab ul {width: 80%;margin: 0 auto;max-width: 400px;} .Floor002722 .tab li {width: 33%;} } @media(max-width:640px) { .Floor002722 .tab li span {font-size: 16px;padding-right: 20px;} .Floor002722 .tab li {margin-left: 15px; width:28%;} .Floor002722 .tab>.auto a {top: 7px;font-size: 14px;} } /*slick Basic*/ .Floor002722 .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002722 .slick-list {position: relative;z-index: 1;display: block;overflow: hidden;} .Floor002722 .slick-list:focus {outline: none} .Floor002722 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002722 .slick-slider .slick-track, .Floor002722 .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} .Floor002722 .slick-track {position: relative;top: 0;left: 0;display: block;} .Floor002722 .slick-track:before, .Floor002722 .slick-track:after {display: table;content: '';} .Floor002722 .slick-track:after {clear: both;} .Floor002722 .slick-loading .slick-track {visibility: hidden;} .Floor002722 .slick-slide {display: none;float: left;min-height: 1px;} [dir='rtl'] .slick-slide {float: right;} .Floor002722 .slick-slide .slick-loading img {display: none;} .Floor002722 .slick-slide .dragging img {pointer-events: none;} .Floor002722 .slick-initialized .slick-slide {display: block;} .Floor002722 .slick-loading .slick-slide {visibility: hidden;} .Floor002722 .slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;} .Floor002722 .slick-arrow .slick-hidden {display: none;} /*slick Basic End*/ .Floor002722 .news-top {background: url(../images/Floor002722_bg.png) no-repeat center top;background-size: cover;padding-top: 2%;} .Floor002722 .news-top .auto {background: #f9f9f9;} .Floor002722 .news-top li.slick-slide {position: relative;} .Floor002722 .news-top li.slick-slide .Ispic:after {opacity: 0.6;content: '';position: absolute;left: 0;width: 100%;height: 60%;bottom: 0;z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 64%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 64%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 64%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */ } .Floor002722 .news-top li.slick-slide .Ispic aside {position: absolute;left: 5%;right: 20%;bottom: 10%;color: #fff;font-size: 24px;z-index: 4;} .Floor002722 .news-top li.slick-slide .inner {background: url(../images/Floor002722_txtbg.png) no-repeat left bottom;background-size: 100% auto;} .Floor002722 .news-top li.slick-slide time {font-family: "din-bold";color: #999;font-size: 24px;} .Floor002722 .news-top li.slick-slide h1 {margin: 0.8em 0;font-size: 24px;line-height: 1.45em;} .Floor002722 .news-top li:hover h1 a {color: #e82e15;} .Floor002722 li.slick-slide p {color: #999;margin: 0;} .Floor002722 .news-top li.slick-slide p {line-height: 1.715em;} .Floor002722 li .more span, .Floor002722 li .more a {display: block;background: url(../images/Floor002722_more.png) no-repeat center center;width: 17px;height: 17px;} .Floor002722 li:hover .more span, .Floor002722 li:hover .more a {background-image: url(../images/Floor002722_more_hover.png);} .Floor002722 .news-top .slick-dots li {cursor: pointer;display: inline-block;width: 14px;height: 14px;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 50%;margin-right: 12px;} .Floor002722 .news-top .slick-dots li button {display: none;} .Floor002722 .news-top .slick-dots li.slick-active {border-color: #e82e15;border-width: 2px;} @media(max-width:1200px) { .Floor002722 .news-top {border-radius: 20px 0;} .Floor002722 .news-top .auto {padding: 0;width: 96%;} } @media(min-width:769px) { .Floor002722 .news-top li.slick-slide .Ispic {position: absolute;left: 0;top: 0;height: 100%;width: 61.584%;} .Floor002722 .news-top li.slick-slide .txt {padding-left: 61.584%;} .Floor002722 .news-top li.slick-slide .inner {padding: 15% 8.68% 8.68%;} .Floor002722 .news-top li.slick-slide .more {padding-top: 25%;} .Floor002722 .news-top .slick-dots {z-index: 10;position: absolute;left: 0;text-align: right;bottom: 12%;width: 60%;} } @media(max-width:768px) { .Floor002722 .news-top li.slick-slide .Ispic {position: relative;padding-bottom: 56%;display: block;} .Floor002722 .news-top li.slick-slide .inner {padding: 5%;} .Floor002722 .news-top li.slick-slide .more {padding-top: 5%;} .Floor002722 .news-top .slick-dots {text-align: center;padding: 10px 0;} .Floor002722 .news-top .slick-dots li {border-color: #ccc;} } @media(max-width:640px) { .Floor002722 .news-top li.slick-slide .Ispic aside {right: 5%;font-size: 18px;} .Floor002722 .news-top li.slick-slide h1 {font-size: 18px;} .Floor002722 .news-top {border-radius: 10px 0;} } .Floor002722 .list .slick-slider {border-left: 1px solid #dedede;padding-right: 7.66%;} .Floor002722 .list .slick-slider::after {position: absolute;content: '';width: 1px;height: 100%;background: #dedede;right: 7.66%;top: 0;z-index: 10;} .Floor002722 .list .slick-arrow {font-size: 0;background: #fff;z-index: 10;border: 1px solid #dedede;border-left: 0;position: absolute;right: 0;width: 7.66%;height: 50%;padding: 0;cursor: pointer;} .Floor002722 .list .slick-arrow:before {position: absolute;content: '';width: 24px;height: 24px;border-right: 2px solid #999;border-top: 2px solid #999;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);top: 50%;left: 50%;margin: -12px 0 0 -10px;} .Floor002722 .list .slick-arrow:hover:before {border-color: #e82e15;} .Floor002722 .list .slick-prev {top: 0;border-bottom: 0;} .Floor002722 .list .slick-prev:before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .Floor002722 .list .slick-next {bottom: 0;} .Floor002722 .list .slick-next:before {margin-left: -19px;} .Floor002722 .list li {border: 1px solid #dedede;border-left: 0;} .Floor002722 .list li a {display: block;padding: 10%;position: relative;} .Floor002722 .list li a:before {position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #e82e15;opacity: 0;transition: 0.5s;} .Floor002722 .list li h2 {font-weight: normal;margin: 0;font-size: 18px;line-height: 1.555em;min-height: 3.11em;} .Floor002722 .list li p {padding: 3% 0 8% 0;} .Floor002722 .list li a:hover h2 {color: #e82e15;} .Floor002722 .list li:hover a:before {opacity: 1;} @media(max-width:640px) { .Floor002722 .list li a {padding: 5% 3%;} .Floor002722 .list .slick-slider {padding-right: 50px;} .Floor002722 .list .slick-arrow {width: 50px;} .Floor002722 .list .slick-slider::after {right: 50px;} .Floor002722 .list li h2 {font-size: 16px;} } /* .PicList000626 */ .PicList000626 {padding: 4% 0 3%;background: #f8f8f8;} .PicList000626 h1 {font-size: 42px;text-align: center;font-weight: 500;color: #333;} .PicList000626 ul {padding: 1% 0 0;} .PicList000626 li {float: left;width: 18%;margin-right: 2.5%;margin-bottom: 2%;text-align: center;overflow:hidden;} .PicList000626 li p {margin-bottom: 0;line-height: 24px;overflow: hidden;font-size: 13px;} .PicList000626 li a {display: block;} .PicList000626 li .pic{overflow:hidden;transition: 0.3s;} .PicList000626 li .pic div{display: block;background-position: center center;background-size: cover;background-repeat: no-repeat;padding-bottom: 35%;} .PicList000626 li:hover .pic {transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform: scale(1.08);} @media( min-width:769px) { .PicList000626 li:nth-of-type(5n) {margin-right: 0;} } @media( max-width:768px) { .PicList000626 li {width: 31.5%;} .PicList000626 li:nth-of-type(3n) {margin-right: 0;} } /*Bottom002743 */ .Bottom002743 {background: #081730;padding-top: 86px;color: rgba(255, 255, 255, 0.4);overflow: hidden;} .Bottom002743 .first {padding-bottom: 2%;padding-left: 2%;padding-right: 2%} .Bottom002743 a {color: rgba(255, 255, 255, 0.4);} .Bottom002743 a:hover {color: #fff;} .Bottom002743 .copyright {background: #030d1d;line-height: 24px;padding: 15px 0;color: #888;} .Bottom002743 .copyright a {color: #888;} .Bottom002743 .copyright a:hover {color: #eb422c;} .Bottom002743 .copyright a:not(:last-child):after {display: inline-block;content: '';width: 1px;height: 13px;background: #c0c0c0;vertical-align: middle;margin: 0 7px;} .Bottom002743 .links {margin: 53px 0;border-top: 1px solid rgba(255, 255, 255, 0.07);border-bottom: 1px solid rgba(255, 255, 255, 0.07);position: relative;line-height: 24px;padding: 11px 0 11px 70px;} .Bottom002743 .links a {display: inline-block;} .Bottom002743 .links span {position: absolute;left: 0;top: 11px;color: rgba(255, 255, 255, 0.4);} .Bottom002743 .links a:not(:last-child):after {display: inline-block;content: '';width: 1px;height: 13px;background: rgba(255, 255, 255, 0.07);vertical-align: middle;margin: 0 14px;} .Bottom002743 .contact {max-width: 350px;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt {font-size: 18px;color: #fff;padding-bottom: 25px;} .Bottom002743 .contact li {padding-bottom: 10px;} .Bottom002743 .contact li aside {display: block;line-height: 30px;padding-left: 25px;background-position: left 5px;background-repeat: no-repeat;font-size: 15px;} .Bottom002743 .contact li:nth-child(1) aside {background-image: url(../images/Bottom002743_icon_call.png); } .Bottom002743 .contact li:nth-child(2) aside {background-image: url(../images/Bottom002743_icon_call.png); } .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(4) aside {background-image: url(../images/Bottom002743_icon_add.png); } .Bottom002743 .contact li strong {font-size: 24px;font-family: "DINBold";color: #fff;} .Bottom002743 nav dl dt a {color: #fff;} .Bottom002743 nav {float: right;width: 78%;max-width: 900px;} .Bottom002743 nav dl {float: left;max-width: 240px;} .Bottom002743 nav dd {line-height: 20px;padding: 4px 0;} .Bottom002743 nav dl:last-child{ text-align: center } .Bottom002743 nav .code {text-align: center;} .Bottom002743 nav .code img {max-width: 121px;} @media(min-width:769px) { .Bottom002743 .contact {float: left;} .Bottom002743 .copyright aside {float: right;} } @media(max-width:1280px) { .Bottom002743 nav{width: 65%;} } @media(max-width:768px) { .Bottom002743 {padding-top: 5%;} .Bottom002743 .first {padding-left:0;padding-right:0} .Bottom002743 nav {display: none;} .Bottom002743 .contact {display: table;margin: 0 auto;} .Bottom002743 .links {margin: 30px 0;} .Bottom002743 .contact .name, .Bottom002743 .copyright {text-align: center;} } /*Floor002768 */ .Floor002768 {padding-top: 4%;} .Floor002768 h1 {font-weight: 500;font-size: 42px;color: #333;text-align: center;padding-bottom: 2%;} .Floor002768 li {position: relative;float: left;text-align: center;overflow: hidden;} .Floor002768 li>img {display: block;width: 100%;transition: 0.3s;} .Floor002768 li:hover>img {transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .Floor002768 li .tit {position: absolute;left: 5%;right: 5%;font-size: 18px;bottom: -20%;color: #fff;min-height: 200px;text-align: left;} .Floor002768 li a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.3s;z-index: 10;} .Floor002768 li .ytable {height: 100%;margin: 0 auto;width: 90%;} .Floor002768 li .name {font-size: 30px;font-weight: bold;color: #fff;} .Floor002768 li .more {display: block;width: 60%;max-width: 176px;line-height: 45px;position: relative;margin: 30px auto 0;color: #999;font-size: 16px;} .Floor002768 li .more:before, .Floor002768 li .more:after {position: absolute;content: '';height: 1px;width: 0;transition: 0.5s 0.2s ease-in-out;} .Floor002768 li .more:before {left: 0;top: 0;} .Floor002768 li .more:after {right: 0;bottom: 0;} .Floor002768 li:hover a {opacity: 1;-webkit-opacity: 1;} .Floor002768 li:hover .more:before, .Floor002768 li:hover .more:after {width: 100%;} @media(min-width:1025px) { .Floor002768 li {width: 20%;} } @media(max-width:1024px) { .Floor002768 li {width: 50%;} } @media(max-width:480px) { .Floor002768 li .tit {font-size: 14px;} .Floor002768 li .name {font-size: 20px;} .Floor002768 li .more {font-size: 14px;line-height: 36px;} } /*Other002648 */ .Other002648 .float-fixed {position: fixed;right:20px;top: 20%;height: 60%;width:80px;z-index: 999;} .Other002648 .ul_icon {width: 100%;} .Other002648 .ul_icon li {position: relative;background: #fff;margin-bottom: 1px; } .Other002648 .ul_icon li figure {display: none;width: 210px;margin-right: 1px;border-right: 0;background: #fff;padding: 20px 30px;position: absolute;right: 100%;top: 0;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .Other002648 .ul_icon li figure p {margin: 10px 0;line-height: 24px;color: #666;} .Other002648 .ul_icon li>a {display: block;padding:15px 0;transition: 0.3s;} .Other002648 .ul_icon li>a span{font-size: 14px;padding-left:8px;padding-top: 5px;} .Other002648 .ul_icon li>a::before {display: block;content: '';width:52px;height:52px;margin: 0 auto;background: url(../images/Other002648_icon_hover.png) no-repeat 0 0;transition: 0.3s;} .Other002648 .ul_icon li.li_1>a::before {background-position: 0 -0px;} .Other002648 .ul_icon li.li_2>a::before {background-position: 0px -76px;} .Other002648 .ul_icon li.li_3>a::before {background-position: 0 -150px;} .Other002648 .ul_icon li.li_map>a::before {background-position: 0 -80px;} .Other002648 .ul_icon li.li_gettop>a::before {background: none;width: 0;height: 0;border: 7px solid transparent;border-bottom-color:#e82e15;border-top: 0;} .Other002648 .ul_icon li>a:hover {background-color: #fff;} .Other002648 .ul_icon li>a:hover::before {background-image: url(../images/Other002648_icon_hover.png);} .Other002648 .ul_icon li.li_gettop>a:hover::before {border-bottom-color: #fff;} .Other002648 .ul_icon li.li_qq figure::before {width: 44px;background-image: url(../images/Other002648_icon_online.png);} .Other002648 .ul_icon li.li_tel figure h3 {font-size: 16px;color: #333;} .Other002648 .ul_icon li.li_tel figure pre {line-height: 24px;} .Other002648 .pop-up {display: none;position: fixed;z-index: 150;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);} .Other002648 .pop-up .ycenter {height: 100%;} .Other002648 .pop-up .main {position: relative;width: 90%;margin: 0 auto;max-width: 600px;background: #fff;border: 5px solid #e82e15;border-radius: 10px;padding: 2%;} .Other002648 .pop-up .close {position: absolute;width: 30px;height: 30px;right: -15px;top: -15px;border-radius: 50%;background: #e82e15;cursor: pointer;} .Other002648 .pop-up .close::before, .Other002648 .pop-up .close::after {position: absolute;content: '';left: 20%;top: 50%;width: 60%;height: 3px;background: #fff;margin-top: -1px;transform: rotate(-45deg);} .Other002648 .pop-up .close::before {transform: rotate(45deg);} .Other002648 .pop-up#form td {padding-top: 4%;vertical-align: top;} .Other002648 .pop-up#form td.f-name {text-align: right;width: 90px;line-height: 32px;} .Other002648 .pop-up#form td .text {width: 100%;line-height: 32px;height: 32px;border: 1px solid #eee;border-radius: 3px;padding: 0 5px;} .Other002648 .pop-up#form td .btn {width: 40%;margin-right: 3%;height: 40px;cursor: pointer;border: none;border-radius: 3px;color: #fff;background: #e82e15;max-width: 120px;} .Other002648 .pop-up#form td .btn_reset {background: #999;} .Other002648 .pop-up#form td textarea.text {height: 90px;} .Other002648 .pop-up#form p {margin: 0;text-align: center;color: #e82e15;} .Other002648 .pop-up#map .main {padding: 15px;} .Other002648 .pop-up .map { height: 300px;} @media(max-width:1024px) { .Other002648 .float-fixed {height: auto;bottom: 0;top: auto;} .Other002648 .ul_icon li {display: none;} .Other002648 .ul_icon li.li_gettop {display: block;} .Other002648 .ul_icon li>a {padding: 18px 0;} } /*Floor002733 */ .Floor002733 {padding: 4% 0;text-align: center;} .Floor002733 li {width: 31%;margin-right: 3.5%;float: left;list-style: none;display: inline-block;border-radius: 50%;cursor: pointer;position: relative;} .Floor002733 li:nth-of-type(3n) {margin-right: 0;} .Floor002733 li .inner {position: relative;transition: 0.3s;} .Floor002733 li {position: relative;transition: 0.3s;} .Floor002733 li .pic {overflow: hidden;} .Floor002733 li .Ispic {padding-bottom: 65.79%;transition: 0.3s;} .Floor002733 li:hover .Ispic {transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);} .Floor002733 li p {line-height: 28px;font-size: 16px;} @media(max-width:1024px) { .Floor002733 li p {line-height: 30px;font-size: 15px;} } /*Floor002030 */ .Floor002030 {overflow:hidden} .Floor002030 dd {position: relative;padding-left: 50%;padding-right: 0;background: #f9f9f9;} .Floor002030 dd:nth-child(2n) {padding-left: 0;padding-right: 50%;} .Floor002030 .auto {} .Floor002030 dd figure {position: absolute;left: 0;top: 0;width: 50%;height: 100%;transition: 0.3s;} .Floor002030 dd:hover figure{transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform: scale(1.08);} .Floor002030 dd:nth-child(2n) figure {left: 50%;} .Floor002030 dd div {padding: 10% 0;} .Floor002030 dd aside {padding: 0 28% 0 12%;color: #333;} .Floor002030 dd:nth-child(2n) aside {padding: 0 12% 0 24%;} .Floor002030 dd h1 {margin: 0;font-size: 18px;color: #333;position: relative;padding-left: 15px;} .Floor002030 dd h1::before {display: inline-block;content: '';width: 8px;height: 8px;background: #e82e15;position: absolute;left: 0;top: 9px;} .Floor002030 dd p {font-size: 14px;color: #999;line-height: 24px;overflow: hidden;margin-bottom: 0;} .Floor002030 dd a {display: inline-block;border: 1px solid #eee;color: #333;padding-left: 4%;padding-right: 60px;background: url(../images/Floor002030-more.png) no-repeat 90% center;line-height: 37px;transition: 0.3s;} .Floor002030 dd a:hover {background: url(../images/Floor002030-more2.png) no-repeat 90% center #814dd4;color: #fff;border: 1px solid #814dd4;padding-right: 100px;} @media(max-width:1000px) { .Floor002030 dd h1 {font-size: 28px;} } @media(max-width:640px) { .Floor002030 dd aside,.Floor002030 dd:nth-child(2n) aside{padding: 0 2%;color: #333;} .Floor002030 dd h1 {font-size: 20px;} .Floor002030 dd p {line-height: 20px;font-size: 12px;} .Floor002030 dd {padding: 0 !important;} .Floor002030 dd figure {position: relative;left: auto !important;top: auto;width: auto;padding-bottom: 50%;height: auto;} } .Floor002416 {padding: 4% 0;background: #fff;overflow:hidden} .Floor002416 .auto {position: relative;} .Floor002416 .wrap-container {position: relative;z-index: 4;margin-top: 3%;} .Floor002416 .Bpic {position: relative;max-width: 520px;margin: 0 auto 4%;} .Floor002416 .wrap-content {padding: 0;} @media only screen and (min-width: 961px) { .Floor002416 .Bpic {width: 40%;float: left;margin: 0;} .Floor002416 .wrap-content {float: right;width: 60%;padding: 0 0 0 1%;} } .Floor002416 .wrap-content .con {margin: 0;} .Floor002416 .wrap-content .h3 {color: #000;font-size: 18px;margin: 0;padding-bottom: 20px;padding-left: 18px;position: relative;} .Floor002416 .wrap-content .h3::before {display: inline-block;content: '';width: 8px;height: 8px;background: #e82e15;position: absolute;left: 0;top: 9px;} .Floor002416 .wrap-content .con p {font-size: 16px;overflow: hidden;margin-top: 0;} .Floor002416 .wrap-content .con2 {padding: 3% 0 0;} .Floor002416 .wrap-content .list {} .Floor002416 .wrap-content .list li {position: relative;padding-right: 4%;margin-bottom: 3%;} .Floor002416 .wrap-content .list li>* {height: 80px;} .Floor002416 .wrap-content .list li .pic {position: absolute;width: 80px;z-index: 2;} .Floor002416 .wrap-content .list li .pic a {display: block;border-radius: 5px;background-repeat: no-repeat;background-position: center;background-size: cover;} .Floor002416 .wrap-content .list li .pic a:hover {transform: scale(1.05);} .Floor002416 .wrap-content .list li .pic img {visibility: hidden;} .Floor002416 .wrap-content .list li .word {padding-left: 90px;position: relative;display: table-cell;vertical-align: middle;} .Floor002416 .wrap-content .list li .word .dot2 {margin: 0;line-height: 24px;font-size: 16px;} @media only screen and (min-width:480px) { .Floor002416 .wrap-content .list li {float: left;width: 48%;background: #f8f8f8;padding: 10px 20px;margin-right: 4%;} .Floor002416 .wrap-content .list li:nth-child(2n) {margin-right: 0;} } .Floor002873 {padding: 1vw 0;} .Floor002873 .inner {} .Floor002873 li {width: 18%;margin-right: 2.5%;float: left;background: #f8f8f8;} .Floor002873 li:nth-of-type(5n) {margin-right: 0;} .Floor002873 li .txt {display: block;color: #fff;padding: 25px;text-align: center;} .Floor002873 li .cn {font-size: 18px;font-weight: bold;color: #333;padding: 10px 0 5px 0;} .Floor002873 li .en {opacity: 0.6;-webkit-opacity: 0.6;color: #666;} @media(max-width:1440px){ .Floor002873 li .cn{font-size:16px;} .Floor002873 li .txt{padding:25px 15px} } @media(max-width:1200px){ .Floor002873 li .cn{font-size:14px;} } @media(max-width:960px) { .Floor002873 li .txt{padding:20px 2%} } @media(max-width:640px) { .Floor002873 li{width:31.5%;margin-right:2%;margin-bottom:2%} .Floor002873 li:nth-child(3n){margin-right:0;} } .home_title {position: relative;z-index: 3;text-align: center;padding-bottom: 40px;} .home_title h3 {margin: 0;font-size: 50px;color: rgba(136, 136, 136, 0.2);font-weight: lighter;text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;} .home_title h3::after {display: block;content: '';width: 35px;height: 2px;background: #e82e15;margin: 10px auto 10px;} .home_title h4 {font-size: 36px;margin: 0;color: #000; } .home_title h5 {font-size: 16px;font-weight: normal;} @media(max-width:1024px) { .home_title h5 {font-size: 15px;line-height:30px;} .home_title h3 {font-size: 40px;} .home_title h4 {font-size: 30px;} } @media(max-width:640px) { .home_title {padding-bottom: 25px;} .home_title h3 {font-size: 26px;} .home_title h4 {font-size: 24px;} } @media(max-width:480px) { .home_title h3 {font-size: 22px;} .home_title h4 {font-size: 20px;} } .Bottom002887 .auto {max-width: 1600px;width: 94%;} .Bottom002887 .code {margin: 0 auto;} .Bottom002887 .code li {float: left;width: 160px;text-align: center;margin-right: 50px;background: #fff;} .Bottom002887 .code li:nth-child(2n) {float: right;} .Bottom002887 .code li aside {color: #666;margin-top: 10px;text-align:center;} .Bottom002887 .code li img {display: block;width: 94%;border: 1px solid #ccc;} .Bottom002887 .b_nav {padding: 4.875% 0 6% 0;} .Bottom002887 .b_nav .tit {font-size: 16px;text-align: center;line-height: 50px;font-weight: bold;color: #e82e15;} .Bottom002887 .b_nav nav dd {line-height: 24px;} .Bottom002887 .b_nav nav dd a {color: #666;} .Bottom002887 .b_nav nav dd a:hover {color: #666;} .Bottom002887 .contact .call {font-size: 24px;font-family: 'IMPACT';line-height: 50px;} .Bottom002887 .contact p {margin-top: 20px;color: #666;font-size: 16px;} /*Banner002848 */ .Banner002848 { position: relative;z-index: 1; overflow: hidden;font-size: 100px;} .Banner002848 .txt{font-size: 0.36em;position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; font-weight: 100;} .Banner002848 .txt .ytable{height: 100%;} .Banner002848 .txt aside span, .Banner002848 .txt aside{position: relative;} .Banner002848 .txt aside{ padding-left: 3.778em;} .Banner002848 .txt aside span{z-index: 10;} .Banner002848 .txt aside.tit-2 .svg, .Banner002848 .txt aside.tit-1:before{position: absolute;left: 0; top: 0;height: 100%;} .Banner002848 .txt aside.tit-1:before{ content: ''; width:4.9em;left: 0.9em; transform: skewX(26deg);background: #e82e15; } .Banner002848 .txt aside.tit-2 .svg{opacity: 0.5; left: 2.25em; width: 4.4445em;} .Banner002848 .txt aside.tit-1{ line-height:1.94445em; z-index: 4;} .Banner002848 .txt aside.tit-2{ padding-left: 4.5em; line-height:1.80556em; margin-top: -0.30556em;} @media(min-width:1025px){ .Banner002848 > img{display: none;} .Banner002848 > span{display: block;height: 550px; background-position: center; background-repeat: no-repeat;} } @media(max-width:1024px){ .Banner002848 > span{display: none; } .Banner002848 { margin-top: 63px; font-size: 12vw;} } @media(max-width:480px){ .Banner002848 { margin-top: 108px;} } /* .Menu002272 */ .Menu002272 .nav-menu {border-bottom: 1px solid #eef0f1;} .Menu002272 .current {padding-left: 25px;background: url(../images/Menu002272-icon.png) no-repeat left center;} .Menu002272 .current a {font-size: 16px;color: #717171;padding: 0 13px 0 10px;position: relative;line-height: 45px;} .Menu002272 .current a:after {content: "·";position: absolute;top: 0;right: 0;line-height: 20px;height: 20px;color: #ddd;} .Menu002272 .current a:first-child {padding-left: 0;} .Menu002272 .current a:hover {color: #e82e15;} .Menu002272 .nav-menu ul li:hover, .Menu002272 .nav-menu ul li.on {border-bottom: 3px solid #e82e15;} .Menu002272 .nav-menu ul li:hover a, .Menu002272 .nav-menu ul li.on a {color: #e82e15;} .Menu002272 .current span {padding-left: 10px;font-size: 16px;} .productMenu{position:relative;background: #f8f8f8;height: 82px} .productMenu i{display: block;position: absolute;height: 3px;width: 0%;top: 0;left: 0;background: #dc1920;} .productMenu .list{position:absolute;width: 100%;height: 82px} .productMenu .fixed {position: fixed;background: #f8f8f8;z-index: 10} .div_h {height: 100px;position: absolute;width: 100%;z-index: -1;top: -100px;opacity: 0} @media screen and (min-width:768px) { .Menu002272 .nav-menu ul {display: block;float: left;} .Menu002272 .nav-menu ul li {float: left;line-height: 60px;margin: 0 2px;padding: 0 3px;font-size: 16px;} .Menu002272 .nav-menu ul li:first-child {margin-left: 0;} .Menu002272 .nav-menu .location {float: right;} .Menu002272 .current a {line-height: 60px;} } @media screen and (min-width:1024px) { .Menu002272 .nav-menu ul li {padding: 0 12px;margin: 0 15px;} } @media screen and (min-width:1200px) { .Menu002272 .nav-menu ul li {line-height: 73px;} .Menu002272 .current a {line-height: 73px;} } @media screen and (max-width:767px) { .Menu002272 {margin:3% 0;} .Menu002272 .location {display:none;} .Menu002272 .nav-menu ul li{width: 31%;text-align:center;float:left;line-height: 40px;height: 40px;margin-right: 2%;font-size: 15px;margin-bottom: 2%;} .Menu002272 .nav-menu ul li:nth-child(3n){margin-right:0;} .productMenu{height: auto} .productMenu .list{height: auto;z-index: 10} } /*PicList002149 */ .PicList002149 {padding-top: 4%;} .PicList002149 h3 {margin: 0;font-size: 18px;} .PicList002149 p {line-height: 26px;overflow: hidden;color: #999;height: 52px;margin: 2% 0 0 0;} .PicList002149 ol {background-color: #fafafa;margin-bottom: 2%;position: relative;padding-left: 36.25%;} .PicList002149 ol .Ispic {width: 36.25%;position: absolute;left: 0;top: 0;height: 100%;} .PicList002149 ol .Ispic img {display: none;} .PicList002149 ol div {padding: 5% 10% 3% 5%;} .PicList002149 ol h3 a {color: #e82e15;} .PicList002149 ol time {display: block;padding: 3% 0;} .PicList002149 ol p {margin: 0 0 3% 0;height: 55px;} .PicList002149 ol span {display: inline-block;width: 130px;line-height: 40px;text-align: center;background: #e82e15;font-size: 12px;} .PicList002149 ol span a{color: #fff;} .PicList002149 li {overflow: hidden;padding-left: 160px;padding-right: 58px;position: relative;margin-bottom: 2%;background-color: #fafafa;} .PicList002149 li:after {position: absolute;content: '';right: 0;top: 0;width: 58px;height: 100%;background: url(../images/PicList002149-more.png) no-repeat center center;border-left: 2px solid #fff;} .PicList002149 li div {border-left: 1px solid #ededed;padding: 2% 3%;} .PicList002149 li time {position: absolute;left: 0;top: 0;width: 160px;height: 100%;} .PicList002149 li time span {position: absolute;width: 100%;text-align: center;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);color: #b2b2b2;font-size: 16px;} .PicList002149 li time i {font-style: normal;font-size: 50px;color: #999;display: block;font-family: "Courier New", Courier, monospace;line-height: 40px;} .PicList002149 li time i:after {display: block;content: '';margin: 5px auto;height: 1px;width: 50%;max-width: 66px;background: #dfdfdf;} @media(max-width:1000px) { .PicList002149 li {padding-left: 100px;padding-right: 30px;} .PicList002149 li:after {width: 30px;background-size: 35% auto;} .PicList002149 li time {width: 100px;} .PicList002149 li time span {font-size: 14px;} .PicList002149 li time i {font-size: 40px;line-height: 30px;} } @media(max-width:768px) { .PicList002149 h3 {font-size: 16px;} .PicList002149 ol span{font-size:14px;} } @media(max-width:640px) { .PicList002149 ol {padding-left: 0;} .PicList002149 ol .Ispic {width: auto;position: relative;height: auto;display: block;padding-bottom: 60%;} .PicList002149 ol div {padding: 3%;} } @media(max-width:480px) { .PicList002149 li {padding-left: 80px;padding-right: 0;} .PicList002149 li:after {display: none;} .PicList002149 li time {width: 80px;} .PicList002149 li time span {font-size: 12px;} .PicList002149 li time i {font-size: 30px;} .PicList002149 p {overflow: hidden;} .PicList002149 ol p {height: 60px;} } /* .Page002274 */ .Page002274 {text-align: center;padding: 1% 0 5%;color: #666666;} .Page002274 .Pages * {vertical-align: middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total {display: none;} .Page002274 .Pages a {display: inline-block;padding: 0 15px;line-height: 37px;background-color: #eef0f1;color: #666666;margin-left: 5px;} .Page002274 .Pages a.a_first,.Page002274 .Pages a.a_end,.Page002274 .p_jump{display:none;} .Page002274 .Pages a:hover, .Page002274 .Pages a.page-num-current {color: #fff;background-color: #e82e15;} .Page002274 .Pages em {font-style: normal;display: inline-block;vertical-align: middle;} .Page002274 .Pages .i_text {width: 47px;height: 36px;line-height: 36px;border: 1px solid #ceced5;} .Page002274 .Pages .i_button {cursor: pointer;background: none;width: 47px;height: 36px;border: 1px solid #ceced5;} .Page002274 .Pages .p_jump b {font-weight: normal;margin: 0 5px;} .Page002274 .Pages .a_prev, .Page002274 .Pages .a_next {font-family:宋体;font-weight: bold;padding: 0 25px;} @media(max-width:1000px) { .Page002274 .Pages em {display: none;} } @media(max-width:640px) { .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end {display: none;} .Page002274 .Pages a {padding: 0 10px;} } /* .RighInfo002778 */ .RighInfo002778 {padding: 4% 0;} .RighInfo002778 .title {padding-bottom: 5%;font-size: 26px;color: #333;position: relative;text-align: center;} .RighInfo002778 .title span {text-transform: uppercase;font-size: 20px;font-family: "Arial";color: #f7f7f7;display: block;position: absolute;top: 5%;width: 100%;z-index: -1;line-height: 36px;} .RighInfo002778 .title:after {display: block;content: '';margin: 30px auto 0;width: 40px;height: 1px;background-color: #ccc;} .RighInfo002778 .intro, .RighInfo002778 .img {padding: 2%;margin: 0 auto;} .RighInfo002778 .img{text-align: center;} .RighInfo002778 .span {color: #cbcbcb;font-size: 36px;} .RighInfo002778 .h1 {color: #e82e15;font-size: 30px;margin: 14px 0;position: relative;padding-bottom: 60px;} .RighInfo002778 .h1:after {position: absolute;left: 16px;bottom: 0;display: block;content: '';width: 1px;height: 40px;background-color: #cbcbcb;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);} .RighInfo002778 .p {color: #666;font-size: 14px;margin: 0;line-height: 40px;} @media(max-width:1650px) { .RighInfo002778 .auto_1650 {padding: 0 2%;} } .RighInfo002778 .auto_1680 {max-width: 1680px;} @media(max-width:1680px) { .RighInfo002778 .auto_1680 {padding: 0 2%;} } @media(max-width:999px) { .RighInfo002778 .p {font-size:15px;} } @media(min-width:1000px) { .RighInfo002778 .intro {float: left;width: 48%;} .RighInfo002778 .img {float: right;width: 50%;position: relative;padding: 22px;padding-right: 0;} .RighInfo002778 .img img {box-shadow: 0 0 5px #ccc;} .RighInfo002778 .img:before {left: -23%;content: "";width: 71%;height: 98%;max-width: 668px;max-height: 668px;position: absolute;top: -8%;background: #faf8f5;z-index: -1;} } @media(min-width:1400px) { .RighInfo002778 .intro {padding-top: 3%;} .RighInfo002778 .h1 {font-size: 48px;} .RighInfo002778 .p {font-size: 16px;} } .Timeline000618 {padding: 3.5% 0 2%;position: relative;margin-bottom: 2%;} .Timeline000618 .title {padding-bottom: 5%;font-size: 26px;color: #333;position: relative;text-align: center;} .Timeline000618 .title span {text-transform: uppercase;font-size: 20px;font-family: "Arial";color: #f7f7f7;display: block;position: absolute;top: 5%;width: 100%;z-index: -1;line-height: 36px;} .Timeline000618 .title:after {display: block;content: '';margin: 30px auto 0;width: 40px;height: 1px;background-color: #ccc;} .Timeline000618 .tit {margin-bottom: 2%;} .Timeline000618 h2 {font-size: 32px;font-weight: bold;color: #333;text-align: center;} .Timeline000618::before {content: '';width: 100%;height: 2px;background: #cbd1df;position: absolute;left: 0;bottom: 13.5%;z-index: 1;} .Timeline000618 .item_year {position: relative;overflow: hidden;z-index: 1;padding-top: 0;} .Timeline000618 .item_year .item {width: 100%;position: relative;padding-top: 19px;line-height: 50px;text-align: center;cursor: pointer;background-size: contain;font-size: 16px;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;font-size: 20px;color: #a6b2bf;} .Timeline000618 .item_year .item.slick-current {color: #e82e15;font-weight: bold;font-size: 26px;} .Timeline000618 .item_year .item:after {position: absolute;left: 50%;top: 0px;width: 1px;height: 20px;content: '';background: #cad2dd;z-index: 3;margin-left: 0px;margin-top: 0px;} .Timeline000618 .item_year .item.slick-current:after {background: #e82e15;} .Timeline000618 .slick-prev, .Timeline000618 .slick-next {position: absolute;top: 50%;width: 26px;height: 100%;cursor: pointer;border-radius: 3px;z-index: 10;} .Timeline000618 .slick-prev {left: 27%;background: url(../images/left.png) no-repeat center center!important} .Timeline000618 .slick-next {right: 27%;background: url(../images/right.png) no-repeat center center!important} .Timeline000618 .item_info {text-align: center;} .Timeline000618 .item_info .item {height: 270px;} .Timeline000618 .item_info:before {width: 30%;height: 100%;position: absolute;content: '';right: 0;bottom: 0;background-size: contain;} .Timeline000618 .item_info {position: relative;background: url(../images/pre_bg.png) no-repeat;background-position: bottom center;min-height: 490px;padding-top: 34px;} .Timeline000618 .item_info .pic {width: 680px;height: 300px;background: #000;margin: 0 auto;} .Timeline000618 .item_info pre {text-align: center;font-size: 22px;line-height: 36px;padding: 2% 50px;color: #e82e15;} .Timeline000618 .item_info:before {position: absolute;left: 0;top: 21px;width: 40px;height: 40px;content: '';background: url(../images/pre_left.png) no-repeat;z-index: 3;margin-left: 0px;} .Timeline000618 .item_info:after {position: absolute;right: 0;top: 31px;width: 40px;height: 40px;content: '';background: url(../images/pre_right.png) no-repeat;z-index: 3;margin-left: 0px;} @media(max-width:960px) { .Timeline000618 .item_info pre{font-size:15px;line-height: 30px;} } /*PicList002854 */ .PicList002854 {padding: 4% 0 0 0;} .PicList002854 li {float: left;margin-bottom: 4%;} .PicList002854 li a {display: block;border: solid 3px #f5f5f5;position: relative;padding: 2vw 1vw 4vw;transition: 0.3s;} .PicList002854 li aside {font-size: 18px;line-height: 28px;height: 56px;text-align: center;margin-bottom: 2vw;color: #333;} .PicList002854 li .Ispic {background-size: contain;padding-bottom: 56.565%;} .PicList002854 li a:after {position: absolute;content: '';width: 50px;height: 50px;background: url(../images/PicList002854_btn.png) no-repeat center center #f5f5f5;right: 0;bottom: 0;background-size: auto 21px;transition: 0.3s;} .PicList002854 li a:hover {border-color: #e82e15;} .PicList002854 li a:hover:after {background-color: #e82e15;background-image: url(../images/PicList002854_btn_hover.png);} @media(min-width:769px) { .PicList002854 li {width: 29.127%;} .PicList002854 li:not(:nth-child(3n)) {margin-right: 6.3095%;} } @media(max-width:768px) { .PicList002854 li {width: 48%;} .PicList002854 li:not(:nth-child(2n)) {margin-right: 4%;} .PicList002854 li aside {font-size: 16px;} .PicList002854 li a:after {width: 7vw;height: 7vw;background-size: auto 50%;} } @media(max-width:480px) { .PicList002854 li aside {font-size: 14px;line-height: 20px;height: 40px;} } /*PicList002171 */ .PicList002171 {padding-top: 4%;} .PicList002171 li {float: left;width: 22.75%;margin-right: 3%;margin-bottom: 3%;} .PicList002171 li a {position: relative;display: block;} .PicList002171 li .pic {border: 1px solid #e8e8e8;position: relative;display: block;padding-bottom: 34%;background-size: cover;} .PicList002171 li img {display: block;width: 100%;} .PicList002171 li p{text-align:center;} .PicList002171 li a figure {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(232, 46, 21, 0.9);opacity: 0;transition: 0.3s;} .PicList002171 li a:hover figure {opacity: 1;} .PicList002171 li dl {display: table;width: 100%;height: 100%;} .PicList002171 li dt {display: table-cell;vertical-align: middle;text-align: center;font-size: 18px;color: #fff;} @media(min-width:769px) { .PicList002171 li:nth-child(4n) {margin-right: 0;} } @media(max-width:768px) { .PicList002171 li {width: 32%;margin-right: 2%;} } @media(max-width:768px) and (min-width:481px) { .PicList002171 li:nth-child(3n) {margin-right: 0;} } @media(max-width:480px) { .PicList002171 li {width: 49%;} .PicList002171 li:nth-child(2n) {margin-right: 0;} .PicList002171 li dt {font-size: 15px;} } /* .Floor002468 */ .Floor002468 {padding: 4% 0;} .Floor002468 .list {overflow: hidden;} .Floor002468 .list .list-wrap {margin: 0 -0.8%;} .Floor002468 .list .ul {float: left;width: 50%;padding: 0 0.8% 1.5%;} .Floor002468 .list .item {} .Floor002468 .list .item-inner {position: relative;} .Floor002468 .list .item .linkhref {position: absolute;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;display: block;} .Floor002468 .list .item .pic {background-repeat: no-repeat;background-position: center;background-size: cover;} .Floor002468 .list .item .pic:after {position: absolute;left: 0;top: 0;height: 100%;width: 100%;content: "";display: block;background-color: #000;-moz-opacity: 0.4;opacity: 0.4;filter: alpha(opacity=40);transition: all .3s;} /*.Floor002468 .list .item .item-inner:hover .pic:after {-moz-opacity: 0.1;opacity: 0.1;filter: alpha(opacity=10);} .Floor002468 .list .ul0 .item .pic {padding-bottom: 69%;} .Floor002468 .list .ul1 .item .pic {padding-bottom: 33%;} */ .Floor002468 .list .ul1 .item+.item {padding-top: 3%;} .Floor002468 .list .item .word {position: absolute;color: #fff;bottom: 0px;left: 15px;width: 100%;} .Floor002468 .list .item .word h2 {font-size: 18px;font-weight: normal;margin: 0;padding-left: 40px;position: relative;} .Floor002468 .list .item .word h2 i {font-style: normal;position: absolute;left: 0;top: 0;} .Floor002468 .list .item .word figure {font-size: 14px;padding: 0 30% 0 40px;transition: all .3s;line-height: 26px;overflow: hidden;} .Floor002468 .list .item .item-inner:hover .word figure {margin: 15px 0 0;opacity: 1;height: 48px;} @media only screen and (min-width: 768px) { .Floor002468 .list .item .word h2 {font-size: 20px;} .Floor002468 .list .item .word figure {font-size: 16px;} .Floor002468 .list .item .item-inner:hover .word figure {height: 76px;} } @media only screen and (min-width: 1024px) { .Floor002468 .list .item .word h2 {font-size: 24px;} .Floor002468 .list .item .word {bottom: 38px;left: 20px;} } @media only screen and (min-width: 1200px) { .Floor002468 .list .item .word h2 {font-size: 30px;} .Floor002468 .list .item .word {bottom: 30px;left: 40px;} } @media only screen and (max-width:1430px) { .Floor002468 .auto {padding-left: 15px;padding-right: 15px;} } @media only screen and (max-width:767px) { .Floor002468 .list .ul {width: 100%;float: none;padding-left: 0;padding-right: 0;padding-bottom: 3%;} .Floor002468 .list .item .word{bottom: 20px;} .Floor002468 .list .ul1 .item .pic {padding-bottom: 50%;} } /*Timeline000397 */ .Timeline000397 {padding: 3.5% 0 4%;} .Timeline000397 .title {padding-bottom: 5%;font-size: 26px;color: #333;position: relative;text-align: center;} .Timeline000397 .title span {text-transform: uppercase;font-size: 20px;font-family: "Arial";color: #f7f7f7;display: block;position: absolute;top: 5%;width: 100%;z-index: -1;line-height: 36px;} .Timeline000397 .title:after {display: block;content: '';margin: 30px auto 0;width: 40px;height: 1px;background-color: #ccc;} .Timeline000397 .list {position: relative;} .Timeline000397 .list::before {content: '';width: 100%;height: 2px;background: #e82e15;position: absolute;left: 0;top: 50%;margin-top: -2px;z-index: 1;} .Timeline000397 .owl-stage-outer {overflow: hidden;} .Timeline000397 .owl-item {float: left;} .Timeline000397 .auto {position: relative;z-index: 2;} .Timeline000397 .bd li {float: left;width: 200px;} .Timeline000397 .owl-nav button {padding: 0;font-size: 22px;font-family: "";text-align: center;color: #fff;width: 24px;height: 24px;position: absolute;top: 50%;margin-top: -12px;border-radius: 50%;border: none;background: #e82e15;z-index: 10;cursor: pointer;} .Timeline000397 .owl-nav button span {display: block;line-height: 20px;margin-left: 2px;margin-top: -2px;text-align: center;} .Timeline000397 .owl-nav button.disabled {cursor: default;background: #ccc;} .Timeline000397 .item {position: relative;} .Timeline000397 .item .icon {width: 12px;background: url(../images/Timeline000397-icon1.png) no-repeat left bottom;} .Timeline000397 .item div {color: #666;} .Timeline000397 .item time {display: inline-block;text-align: center;color: #e82e15;font-size: 28px;width: 120px;height: 120px;border-radius: 50%;text-align: center;line-height: 120px;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);position: relative;} .Timeline000397 .item time:before {position: absolute;content: "";left: 10px;top: 10px;right: 10px;bottom: 10px;border-radius: 50%;border: 1px dashed #e85440;} @media(min-width:1001px) { .Timeline000397 .owl-prev {left: -24px;} .Timeline000397 .owl-next {right: -24px;} } @media(min-width:601px) { .Timeline000397 .item {height: 350px;} .Timeline000397 .item .icon {height: 50%;position: absolute;top: 0;left: 50%;margin-left: -6px;margin-top: -2px;} .Timeline000397 .owl-item:nth-child(2n) .icon {top: 50%;background-image: url(../images/Timeline000397-icon2.png);background-position: 0 2px;} .Timeline000397 .item div {line-height: 28px;font-size: 16px;overflow: auto;max-height: 126px;position: absolute;width: 100%;left: 0;bottom: 250px;} .Timeline000397 .owl-item:nth-child(2n) .item div {bottom: auto;top: 250px;} .Timeline000397 .item time {position: absolute;top: 58%;left: 50%;margin-left: -60px;} .Timeline000397 .owl-item:nth-child(2n) .item time {top: auto;bottom: 58%;} } @media(max-width:1000px) { .Timeline000397 .owl-prev {left: 0;} .Timeline000397 .owl-next {right: 0;} } @media(max-width:600px) { .Timeline000397::before {top: 60px;margin-top: 0;} .Timeline000397 .item time {font-weight: bold;font-size: 18px;display: block;line-height: 40px;} .Timeline000397 .item {padding: 0 5%;} .Timeline000397 .owl-nav button {top: 30px;margin-top: 0;} .Timeline000397 .item .icon {display: block;margin: 0 auto;height: 50px;background-position: center bottom;background-image: url(../images/Timeline000397-icon2.jpg);} .Timeline000397 .item div {padding-top: 4%;} } /*Menu002217*/ .Menu002217 , .Menu002217 .div_h { height: 158px;} .Menu002217 .list { padding: 3% 0} .Menu002217 .fixed { position: fixed; width: 100%;z-index: 100;background:#fff;} .Menu002217 nav {text-align: center;} .Menu002217 nav ul li {text-align: center;padding: 0 9px;display: inline-block;*zoom: 1;*display: inline;} .Menu002217 nav ul li a {display: block;min-width: 140px;height: 40px;line-height: 40px;font-size: 16px;color: #728391;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-radius: 40px;background: #f3f3f3;} .Menu002217 nav ul li.on a, .Menu002217 nav ul li a:hover {color: #fff;background: #e82e15;} @media(max-width:1000px) { .Menu002217 nav ul li a {min-width: 90px;font-size: 14px;height: 35px;line-height: 35px;padding: 0 3%;} } @media(max-width:640px) { .Menu002217 nav ul li {width: 48%;margin: 0 1%;float: left;} .Menu002217 nav ul li a {border-radius: 0;} } /*slick Basic*/ .PicList002433 .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list {position: relative;z-index: 1;display: block;overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative;top: 0;left: 0;display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after {display: table;content: '';} .PicList002433 .slick-track:after {clear: both;} .PicList002433 .slick-loading .slick-track {visibility: hidden;} .PicList002433 .slick-slide {display: none;float: left;min-height: 1px;} [dir='rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img {display: none;} .PicList002433 .slick-slide .dragging img {pointer-events: none;} .PicList002433 .slick-initialized .slick-slide {display: block;} .PicList002433 .slick-loading .slick-slide {visibility: hidden;} .PicList002433 .slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden {display: none;} /*slick Basic End*/ .PicList002433 .main {padding: 0 0 4% 0;} .PicList002433 .main .slick-arrow {position: absolute;top: 50%;width: 57px;height: 57px;margin-top: -30px;border: 1px solid #e82e15;padding: 0;background: none;font-size: 0;z-index: 10;cursor: pointer;border-radius: 50%;} .PicList002433 .main .slick-arrow:hover {background: #e82e15;} .PicList002433 .main .slick-arrow:before {position: absolute;content: '';width: 18px;height: 18px;border-top: 2px solid #e82e15;border-right: 2px solid #e82e15;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);left: 50%;top: 50%;margin: -9px 0 0 -11px;} .PicList002433 .main .slick-arrow:hover:before {border-color: #fff;} .PicList002433 .main .slick-prev:before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);margin-left: -5px;} .PicList002433 .main .slick-prev {left: -59px;} .PicList002433 .main .slick-next {right: -59px;} @media(max-width:1408px) { .PicList002433 .main .slick-prev {left: 2%;} .PicList002433 .main .slick-next {right: 2%;} } @media(max-width:640px) { .PicList002433 .main .slick-arrow {width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before {width: 40%;height: 40%;margin: 0;left: 40%;top: 30%;} .PicList002433 .main .slick-next:before {left: 20%;} } .PicList002433 .list ul {padding: 0 50px;} .PicList002433 .list li {float: left;position: relative;text-align: center;margin-bottom: 2%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after {position: absolute;content: '';bottom: 0px;height: 90px;width: 50px;} .PicList002433 .list li:first-child:before {left: -50px;background: url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after {right: -50px;background: url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside {padding-top: 35px;height: 90px;background: url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable {height: 200px;} .PicList002433 .list li .ytable-cell {vertical-align: bottom;} .PicList002433 .list li figure {position: relative;display: inline-block;max-width: 80%;} .PicList002433 .list li figure:after {position: absolute;right: -24px;background: url(../images/PicList002433_ying.png) no-repeat left bottom;width: 24px;height: 100%;background-size: contain;content: '';} .PicList002433 .list li figure img {max-height: 245px;} .PicList002433 .list li p {margin: 0 auto;max-width: 210px;width: 90%;line-height: 20px;max-height: 40px;font-size: 16px;color: #333;} .PicList002433 .list .ul-3 li {width: 33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after {position: absolute;content: '';bottom: 0px;height: 90px;width: 50px;right: -50px;background: url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li {width: 50%;} .PicList002433 .list .ul-2 li:nth-child(2):after {position: absolute;content: '';bottom: 0px;height: 90px;width: 50px;right: -50px;background: url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1)>* {padding-left: 30%;} .PicList002433 .list .ul-2 li:nth-child(2)>* {padding-right: 30%;} .PicList002433 .list .ul-1 li {width: 100%;} @media(max-width:640px) { .PicList002433 .auto, .PicList002433 .list ul {padding: 0;} .PicList002433 .list li p {font-size: 12px;} .PicList002433 .list li .ytable {height: 150px;} .PicList002433 .list li figure img {max-height: 150px;padding: 3px} .PicList002433 .list .ul-2 li:nth-child(1)>* {padding-left: 30%;} .PicList002433 .list .ul-2 li:nth-child(2)>* {padding-right: 30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before {display: none;} } @media(max-width:480px) { .PicList002433 .list li .ytable {height: 100px;} .PicList002433 .list li figure img {max-height: 100px;} } /* PicList000864 */ .PicList000864 {padding-top: 4%;padding-bottom: 2%} .PicList000864 li {float: left;width: 100%;margin-bottom: 2.5%;height: auto;overflow: hidden;position: relative} .PicList000864 li .pic {width: 35%;position: absolute;left: 0;top: 0;height: 100%;} .PicList000864 li .text {width: 65%;float: right;padding: 70px 70px;background: #f8f8f8} .PicList000864 li .Ispic {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;} .PicList000864 li h5 {font-size: 18px;color: #032149;margin: 0 0 15px 0} .PicList000864 li h5 a {color: #032149;} .PicList000864 li h5 a:before {display: inline-block;content: '';height: 16px;width: 4px;background: #e82e15;vertical-align: middle; margin-right: 15px;} .PicList000864 li h5 a:hover {color: #e60012;} .PicList000864 li p {line-height: 28px;color: #666;} .PicList000864 ul li span a{font-size: 14px;color: #e82e15;position: absolute;right: 70px;bottom: 70px;} .PicList000864 li .more {background: #e82e15;color: #fff;padding: 8px 30px;margin-top: 30px;display: inline-block} @media(max-width:768px) { .PicList000864 li .text{padding:10px 20px 0} .PicList000864 li h5 {line-height: 30px;} .PicList000864 li:nth-child(3n) {margin-right: 2%;} .PicList000864 li:nth-child(2n) {margin-right: 0;} .PicList000864 ul li span{position:relative;display: block;margin-top: 20px;} .PicList000864 ul li span a{right:0;float:left;text-align:left;width: 100%;} } @media(max-width:480px) {.PicList000864 li {width: 100%;} .PicList000864 li h5 {margin-top: 2px;} .PicList000864 li p {margin: 2px 0 10px 0;} } /* .PicList000593 */ .PicList000593 {padding-top: 2%;} .PicList000593 li {float: left;width: 32%;margin-right: 2%;position: relative;margin-bottom: 2%;} .PicList000593 li:nth-child(3n) {margin-right: 0;} .PicList000593 li .video_files {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;} .PicList000593 li .video_files video {width: 100%;height: 100%;background-color: #000;} .PicList000593 li .video_files .close {position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after {position: absolute;content: '';width: 3px;height: 70%;border-radius: 3px;background-color: #fff;left: 13px;top: 5px;} .PicList000593 li .video_files .close::before {transform: rotate(45deg);} .PicList000593 li .video_files .close::after {transform: rotate(-45deg);} .PicList000593 li figure {position: relative;} .PicList000593 li figure em {display: block;padding-bottom: 65%;background-size: contain;background-position: center center;background-repeat: no-repeat;} .PicList000593 li figure a {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);} .PicList000593 li figure a::before, .PicList000593 li figure a::after {position: absolute;content: '';z-index: 5;top: 50%;left: 50%;} .PicList000593 li figure a::before {width: 70px;height: 70px;border: 3px solid rgba(255, 255, 255, 0.6);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList000593 li figure a::after {width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255, 255, 255, 0.6);margin-left: -3px;margin-top: -12px;} .PicList000593 li p {text-align: center;} @media(max-width:768px) { .PicList000593 li {width: 49%;margin-right: 2%;} .PicList000593 li:nth-child(3n) {margin-right: 2%;} .PicList000593 li:nth-child(2n) {margin-right: 0;} } @media(max-width:480px) { .PicList000593 li figure a::before {width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList000593 li figure a::after {border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px) { .PicList000593 li figure a::before {width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} .PicList000593 li {width: 100%;float: none;margin-right: 0 !important;} } /* .TextList001131 */ .TextList001131 {padding: 2% 0;} .TextList001131 li {line-height: 30px;font-size: 16px;padding: 20px 0;border-bottom: 1px solid #ededed;padding-right: 40px;background: url(../images/TextList001131-li.png) no-repeat right center;} .TextList001131 li span {float: left;width: 30px;height: 30px;background-color: #a9a9a9;margin-right: 10px;text-align: center;color: #fff;font-weight: bold;} .TextList001131 li:hover span {background-color: #e82e15;} .TextList001131 li:hover {background-image: url(../images/TextList001131-li_hover.png);} .TextList001131 li:hover a {color: #e82e15;} .TextList001131 li a {display: block;overflow: hidden;} .TextList001131 li b, .TextList001131 li em {padding-right: 3%;float: left;} .TextList001131 li b {font-size: 18px;width: 40%;} .TextList001131 li em {font-style: normal;width: 30%;} @media(max-width:768px) { .TextList001131 li {font-size: 14px;padding: 10px 0;} .TextList001131 li b, .TextList001131 li em {float: none;display: block;width: auto;font-weight: normal;} } /*RighInfo002816 */ .RighInfo002816 {padding-top: 3%;} .RighInfo002816 .img-block {display: block;width: 100%;border: 3px solid #cecece;} .RighInfo002816 ul {margin-bottom: 6%;} .RighInfo002816 ul .inner {background: #f8f8f8;padding-top: 8%;padding-bottom: 8%;} .RighInfo002816 ul .inner span {background: #e82e15;color: #fff;padding: 8px 30px;} .RighInfo002816 ul h3 {font-size: 18px;color: #032149;} .RighInfo002816 ul h3:before {display: inline-block;content: '';height: 16px;width: 4px;background: #e82e15;vertical-align: middle;margin-right: 15px;} .RighInfo002816 ul .li p {line-height: 28px;color: #666;padding-bottom: 4%;} .RighInfo002816 ul .li b {line-height: 28px;color: #e82e15;padding-bottom: 4%;} .RighInfo002816 ul .li .icon {padding-bottom: 15px;} @media(min-width:1025px) { .RighInfo002816 ul:nth-child(2n-1) .ol {float: left;} .RighInfo002816 ul:nth-child(2n-1) .li {float: right;} .RighInfo002816 ul:nth-child(2n) .ol {float: right;} .RighInfo002816 ul:nth-child(2n) .li {float: left;} .RighInfo002816 ul .ol, .RighInfo002816 ul .li {width: 50%;} .RighInfo002816 ul .li {position: relative;z-index: 10;} .RighInfo002816 ul:nth-child(2n-1) .li .inner {margin-left: -10%;padding-left: 13%;padding-right: 10%;} .RighInfo002816 ul:nth-child(2n) .li .inner {width: 110%;padding-right: 17%;padding-left: 21%;} } @media(max-width:1024px) { .RighInfo002816 ul .li {padding: 0!important;} .RighInfo002816 ul .inner {padding: 20px;} } /*RighInfo002813 */ .RighInfo002813 {background: url(../images/RighInfo002813-bg.png) no-repeat left bottom;background-size: 47.084% auto;padding: 0 0 4% 0;font-size: 16px;} .RighInfo002813 .contact .ytable-cell {background: #f5f5f5;vertical-align: top;padding: 40px;} .RighInfo002813 .contact .ytable-cell.no {background: none;padding: 0;} .RighInfo002813 .contact h3 {font-size: 24px;font-weight: 400;margin-bottom: 0;word-break: break-all;} .RighInfo002813 .contact aside {color: #999;} .RighInfo002813 .title {text-align: center;color: #e82e15;font-size: 38px;padding: 0 0 3% 0;} .RighInfo002813 .sales-after li {position: relative;overflow: hidden;} .RighInfo002813 .sales-after li .txt {color: #fff;line-height: 28px;position: absolute;left: 0;right: 0;bottom: 0;padding: 5% 10%;z-index: 10; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0); /* IE6-9 */ } .RighInfo002813 .ul{position:relative;} .RighInfo002813 .sales-after li .txt aside {font-size: 24px;} .RighInfo002813 .sales-after>li .Ispic {padding-bottom: 157.369%;} .RighInfo002813 .sales-after li .Ispic {transition: 0.5s;} .RighInfo002813 .sales-after li:hover .Ispic {transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);} @media(min-width:961px) { .RighInfo002813 .contact .ytable-cell{width: 32%;} .RighInfo002813 .sales-after li:nth-child(2), .RighInfo002813 .sales-after li:nth-child(3){position: absolute;left: 30.5%;top:0;width: 39.0625%;} .RighInfo002813 .sales-after li:nth-child(3){position: absolute;top: 51%;} .RighInfo002813 .contact .ytable-cell.no {width: 2%;} .RighInfo002813 .sales-after>* {float: left;width: 32%;} .RighInfo002813 .sales-after>li {width: 29.6875%;} .RighInfo002813 .sales-after>li:last-child{position:absolute;right:0;} .RighInfo002813 .sales-after>li:nth-child(2) .Ispic, .RighInfo002813 .sales-after>li:nth-child(3) .Ispic{padding-bottom: 58.8%;} } @media(min-width:641px) and (max-width:1024px) { .RighInfo002813 .contact h3 {font-size: 20px;} .RighInfo002813 .sales-after li .txt p {font-size: 14px;line-height: 24px;} } @media(max-width:960px) { .RighInfo002813 .title {font-size: 28px;padding: 40px 0 30px 0;} .RighInfo002813 .sales-after>ol {margin: 10px 0;} .RighInfo002813 .sales-after ol li:not(:last-child) {margin-bottom: 10px;} .RighInfo002813 .contact .ytable-cell, .RighInfo002813 .contact .ytable {display: block;} .RighInfo002813 .contact .ytable-cell.no {height: 10px;} .RighInfo002813 .sales-after>li .Ispic {padding-bottom: 100%;} .RighInfo002813 .sales-after li .txt aside {font-size: 20px;} .RighInfo002813 .sales-after li {width: 49%;float: left;margin-right: 2%;margin-bottom: 2%;} .RighInfo002813 .sales-after li:nth-child(2n){margin-right:0;} } @media(max-width:640px) { .RighInfo002813 .sales-after li{width:100%;} .RighInfo002813 .sales-after>li .Ispic {padding-bottom: 60%;} } /*RighInfo002814 */ .RighInfo002814 {padding: 3% 0;color: #555;font-size: 16px;line-height: 28px;} .RighInfo002814 .title {border-top: 5px solid #f9f9f9;margin: 80px 0 40px 0;position: relative;z-index: 4;} .RighInfo002814 .title-nt {margin-top: 0;} .RighInfo002814 .title aside {display: table;margin-top: -20px;padding-right: 20px;background: #fff;} .RighInfo002814 .title span {display: table;line-height: 40px;border-radius: 40px;padding: 0 20px;background: #f1f1f1;font-size: 22px;color: #333;} .RighInfo002814 .title span i {font-style: normal;float: left;padding: 0 20px;margin-left: -32px;margin-top: -10px;color: #fff;border-radius: 40px;background: rgb(0, 161, 226); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0, 161, 226, 1) 0%, rgba(77, 184, 74, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 161, 226, 1) 0%, rgba(77, 184, 74, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 161, 226, 1) 0%, rgba(77, 184, 74, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a1e2', endColorstr='#4db84a', GradientType=1); /* IE6-9 */ } .RighInfo002814 .intro {position: relative;z-index: 1;margin-bottom: 39px;} .RighInfo002814 .intro .bg {position: absolute;z-index: 0;bottom: -43px;width: 100%;right: 0;} .RighInfo002814 .intro .bg img {display: block;width: 100%;} .RighInfo002814 .intro .title {margin-bottom: 0;margin-top: 30px;} .RighInfo002814 .intro .title aside {padding: 0 75px;margin-left: auto;margin-right: auto;} .RighInfo002814 .intro .main {border-left: 5px solid #f9f9f9;border-right: 5px solid #f9f9f9;padding: 3% 5%;margin-top: -20px;} .RighInfo002814 .pic-txt .ytable-cell {vertical-align: top;} .RighInfo002814 .pic-txt .pic img {display: block;width: 100%;} .RighInfo002814 .pic-txt .txt ul {width: 90%;} .RighInfo002814 .list-dl dt, .RighInfo002814 .pic-txt .txt ol {padding-left: 25px;background: url(../images/RighInfo002814-icon.png) no-repeat left top;font-weight: bold;font-size: 18px;line-height: 38px;margin-bottom: 20px;} .RighInfo002814 .list-dl dl {margin-bottom: 30px;} .RighInfo002814 .list-dl dd {position: relative;padding-left: 15px;} .RighInfo002814 .list-dl dd:before {position: absolute;content: '';width: 5px;height: 5px;border-radius: 50%;background: #ccc;left: 0;top: 13px;} @media(min-width:769px) { .RighInfo002814 .pic-txt .pic {width: 47.75%;} .RighInfo002814 .pic-txt .txt ul:not(:last-child) {margin-bottom: 10%;} .RighInfo002814 .list-dl dl {float: left;width: 50%;} .RighInfo002814 .list-dl dl:nth-child(2n-1) {padding-right: 3%;} .RighInfo002814 .list-dl dl:nth-child(2n+1) {clear: left;} } @media(max-width:768px) { .RighInfo002814 .pic-txt .ytable, .RighInfo002814 .pic-txt .ytable-cell {display: block;} .RighInfo002814 .pic-txt .txt ul {margin-bottom: 5%;} } /* .RighInfo002254 */ .RighInfo002254 .auto_1260 {max-width: 1260px;} @media only screen and (max-width:1260px) { .RighInfo002254 .auto_1260 {padding: 0 2%;} } .RighInfo002254 {padding: 3% 0 0 0;} .RighInfo002254 .list_img {float: left;width: 55.6%;position: relative;} .RighInfo002254 .big_img {position: absolute;left: 0;top: 0;height: 100%;width: 80%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure {position: absolute;left: 0;width: 100%;top: 0;height: 100%;} .RighInfo002254 .big_img li figure {border: 1px solid #dcdcdc;background-size: contain;} .RighInfo002254 .list {padding: 42px 0 42px 82.9%;} .RighInfo002254 .list .bd {position: relative;} .RighInfo002254 .list a {position: absolute;width: 17.1%;height: 40px;right: 0;background: url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%;cursor: pointer;} .RighInfo002254 .list a.prev {top: 0;} .RighInfo002254 .list a.next {bottom: 0;background-image: url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop {cursor: default;} .RighInfo002254 .list li {height: 130px;position: relative;} .RighInfo001278 .list li .table .table_cell img{max-height:103px;} .RighInfo002254 .list li figure {position: absolute;left: 0;width: 97%;top: 9px;bottom: 15px;background-size: contain;border: 1px solid #f2f2f2;} .RighInfo002254 .list li.on figure {border: 2px solid #e82e15;} .RighInfo002254 .right_info {float: right;width: 39.2%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p {margin: 0;padding: 5% 0;border-bottom: 1px solid #e7e8e8;} .RighInfo002254 .right_info h1 {padding: 7% 0;color: #e82e15;font-size: 26px;} .RighInfo002254 .right_info h3 {font-size: 18px;font-weight: normal;} .RighInfo002254 .right_info p {line-height: 30px;color: #999;margin-bottom: 10%;} .RighInfo002254 .right_info a {display: inline-block;border: 1px solid #fdf3f2;padding: 10px 5%;color: #e82e15;transition: 0.4s;} .RighInfo002254 .right_info a:hover {background-color: #e82e15;color: #fff;} .RighInfo002254 .tab {padding: 3% 0 0 0;} .RighInfo002254 .tab .h1_tab {margin: 0;border-bottom: 1px solid #e7e8e8;overflow: hidden;font-size: 16px;font-weight: normal;color: #000;} .RighInfo002254 .tab .h1_tab span {float: left;padding: 0 5%;line-height: 50px;background-color: #f2f2f3;margin-right: 4px;cursor: pointer;} .RighInfo002254 .tab .h1_tab span.on {background-color: #e82e15;color: #fff;} .RighInfo002254 .tab .info {padding-top: 3%;} .RighInfo002254 .tab .info p {line-height: 35px;} .RighInfo002254 .ul_download li {border-bottom: 1px solid #d1d1d3;line-height: 34px;background: url(../images/RighInfo002254-icon_download.png) no-repeat right center;padding: 10px 0;} .RighInfo002254 .ul_download li a {padding: 0 38px;background: url(../images/RighInfo002254-icon.png) no-repeat left center;} @media(max-width:768px) { .RighInfo002254 .list_img, .RighInfo002254 .right_info {float: none;width: auto;} } @media(max-width:640px) { .RighInfo002254 .list li {height: 100px;} .RighInfo002254 .right_info h1 {font-size: 20px;} .RighInfo002254 .right_info h3 {font-size: 16px;} } @media(max-width:480px) { .RighInfo002254 .list {padding-top: 30px;padding-bottom: 30px;} .RighInfo002254 .list a {height: 28px;} .RighInfo002254 .list li {height: 80px;} .RighInfo002254 .tab .h1_tab {font-size: 14px;} .RighInfo002254 .tab .h1_tab a {padding: 0 3%;} } /* .RighInfo001278 */ /*.RighInfo001278 {padding: 3% 0 ;} .RighInfo001278 .prod_info {position: relative;padding: 3% 0;padding-left: 55%;} .RighInfo001278 .prod_info .tit {margin: 0 0 20px 0;color: #444;font-weight: normal;font-size: 28px;} .RighInfo001278 .prod_info .con {line-height: 26px;font-size: 15px;color: #999;min-height: 96px;margin-bottom: 46px} .RighInfo001278 .prod_info .con .back a {background: url(../images/back.png) no-repeat 105px center #999;color: #fff;width: 150px;padding-right: 20px;text-align: center;color: #fff;margin-top: 30px;display: block;line-height: 40px;} @media(min-width:641px) { .RighInfo001278 .big_img {position: absolute;left: 0;top: 0;height: 100%;width: 50%;border: 1px solid #e5e5e5;overflow: hidden} .RighInfo001278 .big_img li {position: absolute;width: 100%;top: 0;left: 0;height: 100%;} .RighInfo001278 .big_img li .table {display: table;width: 100%;height: 100%;} .RighInfo001278 .big_img li .table_cell {display: table-cell;vertical-align: middle;} .RighInfo001278 .big_img li img {max-height: 100%;} } .RighInfo001278 .big_img li {text-align: center;} .RighInfo001278 .list {padding: 0 30px;position: relative;overflow: hidden;} .RighInfo001278 .list a.prev {left: 0;} .RighInfo001278 .list a.next {right: 0;background-image: url(../images/RighInfo001278-btn_next.png);} .RighInfo001278 .list a.prevStop, .RighInfo001278 .list a.nextStop {cursor: default;} .RighInfo001278 .list li {position: relative;text-align: center;float: left;} .RighInfo001278 .list li .table {width: 95%;margin: 0 auto;padding: 5px;border: 1px solid #e5e5e5} .RighInfo001278 .list li.on .table {border-color: #ec8a7d} .RighInfo001278 .tab {padding: 2% 0 0;} .RighInfo001278 .tab .h1_tab {margin: 0;overflow: hidden;font-weight: normal;font-size: 16px;overflow: hidden;margin-bottom: 3%;} .RighInfo001278 .tab .h1_tab span {display: inline-block;padding: 0 3%;line-height: 40px;cursor: pointer;background: #f3f3f3} .RighInfo001278 .tab .h1_tab span.on {background-color: #e82e15;color: #fff;} @media(max-width:640px) { .RighInfo001278 .prod_info {padding-left: 0;} .RighInfo001278 .big_img {margin-bottom: 3%;} .RighInfo001278 .big_img li {padding: 3%;} .RighInfo001278 .prod_info .tit{font-size:22px;} } */ .RighInfo002345{padding: 3% 0; background: #f8f8f8} .RighInfo002345 .title{ text-align: center; font-size: 28px; font-weight: normal; margin: 0 ; padding-bottom:3%;color: #e82e15} .RighInfo002345 .slick-dots{display: block;width: 100%;padding: 0;margin:30px 0;list-style: none;text-align: center; } .RighInfo002345 .slick-dots li{position: relative; display: inline-block;width: 14px; height: 14px; margin: 0 5px;padding: 0; background: #ccc; cursor: pointer; border-radius: 50px;} .RighInfo002345 .slick-dots li button{ display: none } .RighInfo002345 .slick-dots .slick-active{ background:#e82e15 } .RighInfo001278 {padding: 0 ;} .RighInfo001278 .prod_info {position: relative;padding: 1% 0;padding-left: 55%;} .RighInfo001278 .prod_info .tit {margin: 0 0 20px 0;color: #444;font-weight: normal;font-size: 28px;} .RighInfo001278 .prod_info .con {line-height: 26px;font-size: 15px;color: #999;min-height: 96px;margin-bottom: 46px} .RighInfo001278 .prod_info .con .back a {background: url(../images/back.png) no-repeat 105px center #999;color: #fff;width: 150px;padding-right: 20px;text-align: center;color: #fff;margin-top: 30px;display: block;line-height: 40px;} @media(min-width:641px) { .RighInfo001278 .big_img {position: absolute;left: 0;top: 0;height: 100%;width: 50%;border: 1px solid #e5e5e5;overflow: hidden} .RighInfo001278 .big_img li {position: absolute;width: 100%;top: 0;left: 0;height: 100%; background-color: #fff} .RighInfo001278 .big_img li .table {display: table;width: 100%;height: 100%;} .RighInfo001278 .big_img li .table_cell {display: table-cell;vertical-align: middle;} .RighInfo001278 .big_img li img {max-height: 100%; display: none;} } .RighInfo001278 .big_img li {text-align: center;} .RighInfo001278 .big_img li .Ispic {padding-bottom:53.7%;background-size: contain;} .RighInfo001278 .list {padding: 0 30px;position: relative;overflow: hidden;} .RighInfo001278 .list a {position: absolute;width: 26px;height: 26px;background: url(../images/RighInfo001278-btn_prev.png) no-repeat center center;cursor: pointer;top: 50%;margin-top: -13px;z-index: 10;} .RighInfo001278 .list a.list_prev {left: 0;} .RighInfo001278 .list a.list_next {right: 0;background-image: url(../images/RighInfo001278-btn_next.png);} .RighInfo001278 .list a.prev {left: 0;} .RighInfo001278 .list a.next {right: 0;background-image: url(../images/RighInfo001278-btn_next.png);} .RighInfo001278 .list a.prevStop, .RighInfo001278 .list a.nextStop {cursor: default;} .RighInfo001278 .list li {position: relative;text-align: center;float: left;} .RighInfo001278 .list li .table {width: 95%;margin: 0 auto;padding: 5px;border: 1px solid #e5e5e5;background-color: #fff} .RighInfo001278 .list li.on .table {border-color: #ec8a7d} .RighInfo001278 .tab {padding: 2% 0 0;} .RighInfo001278 .tab .h1_tab {margin: 0;overflow: hidden;font-weight: normal;font-size: 16px;overflow: hidden;margin-bottom: 3%;} .RighInfo001278 .tab .h1_tab a {display: inline-block;padding: 0 3%;line-height: 40px;cursor: pointer;background: #f3f3f3;color: #333} .RighInfo001278 .tab .h1_tab a.on {background-color: #e82e15;color: #fff;} .RighInfo001278 .tab .info1 { position: relative;} .RighInfo001278 .tab #info1 { position: absolute;top:-190px;} .RighInfo001278 .tab #info2 { position: absolute;top:-190px;} .RighInfo001278_tab_on{ position: fixed; left: 0; top: 90px; background:#eef9fd; width: 100%;z-index: 500; padding:30px 10px; text-align: center} .RighInfo001278_tab_on span {background: #fff !important} .RighInfo001278_tab_on span.on {background-color: #e82e15 !important;color: #fff;} .RighInfo001278 .main_con{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #e5e5e5} @media(max-width:640px) { .RighInfo001278 .prod_info {padding-left: 0;} .RighInfo001278 .big_img{ margin-bottom: 30px ;} .RighInfo001278 .big_img li img { display: block;} .RighInfo001278 .big_img li .Ispic { padding-bottom: 0;} } /* .RighInfo001279 */ .RighInfo001279 {padding: 3% 0 0;} .RighInfo001279 .prod_info {position: relative;padding: 3% 0;padding-left: 57%;} .RighInfo001279 .prod_info .tit {margin: 0 0 30px 0;color: #444;font-weight: normal;font-size: 30px;} .RighInfo001279 .prod_info .con {line-height: 24px;color: #999;min-height: 96px;margin-bottom: 46px} @media(min-width:641px) { .RighInfo001279 .big_img {position: absolute;left: 0;top: 0;height: 58%;width: 52%;} .RighInfo001279 .big_img li {position: absolute;width: 100%;top: 0;left: 0;height: 100%;} .RighInfo001279 .big_img li .table {display: table;width: 100%;height: 100%;} .RighInfo001279 .big_img li .table_cell {display: table-cell;vertical-align: middle;} .RighInfo001279 .big_img li img {max-height: 100%;} } .RighInfo001279 .big_img li {text-align: center;border-radius: 6px;} .RighInfo001279 .list {padding: 0 30px;position: relative;overflow: hidden;position: absolute;left: 0;bottom: 0;width: 52%;} .RighInfo001279 .list a {position: absolute;width: 26px;height: 26px;background: url(../images/RighInfo001278-btn_prev.png) no-repeat center center;cursor: pointer;top: 50%;margin-top: -13px;z-index: 10;} .RighInfo001279 .list a.prev {left: 0;} .RighInfo001279 .list a.next {right: 0;background-image: url(../images/RighInfo001278-btn_next.png);} .RighInfo001279 .list a.prevStop, .RighInfo001279 .list a.nextStop {cursor: default;} .RighInfo001279 .list li {position: relative;text-align: center;float: left;} .RighInfo001279 .list li .table {width: 95%;margin: 0 auto;border-radius: 3px;} .RighInfo001279 .list li.on .table {border-color: #e82e15;} .RighInfo001279 .tab {padding: 3% 0;} .RighInfo001279 .tab .h1_tab {margin: 0;background-color: #eee;overflow: hidden;font-weight: normal;font-size: 14px;border-radius: 3px;overflow: hidden} .RighInfo001279 .tab .h1_tab span {float: left;padding: 0 3%;line-height: 50px;cursor: pointer;} .RighInfo001279 .tab .h1_tab span.on {background-color: #3c89d9;color: #fff;} .RighInfo001279 .tab .info {padding-top: 3%;} @media(max-width:640px) { .RighInfo001279 .prod_info {padding-left: 0;} .RighInfo001279 .big_img {margin-bottom: 3%;} .RighInfo001279 .big_img li {padding: 3%;} } /* .Menu002252 */ .Menu002252 {padding-top: 4%;text-align: center;overflow: hidden;} .Menu002252 a {font-size: 16px;display: block;background: #e9e9e9;padding: 10px;margin-bottom: 1px;} .Menu002252 a.aon, .Menu002252 a:hover {color: #fff;background-color: #e82e15;} @media(min-width:768px) { .Menu002252 a {display: inline-block;line-height: 30px;padding: 0 15px;min-width: 115px;overflow: hidden;margin: 0 7px 1px;} } @media(min-width:1024px) { .Menu002252 a {line-height: 36px;padding: 0 20px;background: #e9e9e9;min-width: 130px;} } .PicList000866 {padding-bottom: 3%} .PicList000866 li{ width: 32%; margin-right: 2%; float: left} .PicList000866 li:nth-child(3n){ margin-right: 0} .PicList000866 li .pic a{ display: block; padding-bottom: 60% } .PicList000866 li .text{ background: #f3f3f3; padding: 20px 0 } .PicList000866 li .text h1{ text-align: center; font-size: 16px; font-weight: normal; margin: 0 } .PicList000866 li .text span{display: block; text-align: center; color: #aaa; margin: 8px 0 0 } .Features{background: #eef9fd;padding: 3.5% 0 5%;} .Features .tit {font-size: 36px;color: #333;font-weight: normal;text-align: center;} .Features ul {padding-top: 2.5%;} .Features li pre{font-size: 50px;color: #aaa;font-family: "Times New Roman";background: url(../images/line.png) no-repeat left 55px center;font-style: italic;} .Features li {float: left;width: 31.8%;position: relative;background: #fff;border-radius: 20px 0;padding: 3.8% 3.5% 6.5% 3.5%;height: 420px;} .Features li figure {margin: 6% 0 9%;} .Features li figure img {max-width: 64px;transition: 0.3s;width: 100%;} .Features li h3 {font-size: 22px;font-weight: normal;color: #333;margin: 0;margin-top: 15px;} .Features li p {line-height: 26px;color: #666;margin-bottom: 0;font-size: 14px;} .Features li:hover figure img { transform: rotateY(180deg); } @media(min-width:769px) { .Features li+li {margin-left: 2.3%;} } @media(max-width:768px) { .Features li h3 { font-size: 20px; margin-top: 10px; } .Features li p { font-size: 16px; } .Features li{width:48%;margin-bottom:4%;margin-right:4%;float:left;padding: 20px;height: 350px;} .Features li:nth-child(2n){margin-right:0%} .Features .tit {font-size: 26px;} } @media(max-width:480px) { .Features li { width: 100%; float: none; margin-left: 0 !important; margin: 2% 0; } } /*Floor002153 */ .Floor002153{ padding:4% 0;} .Floor002153 .ytable{position: relative;border: 1px solid #e7e7e7;border-radius: 20px 0;} .Floor002153 dl{padding-top: 26px;} .Floor002153 dl img{display:block;width:100%;max-width: 540px;text-align: center;margin: 0 auto;} .Floor002153 .txt{width: 50.3%;background: #f8f9f9;border-radius: 0 0 20px 0;padding: 4.5% 8.6%;} .Floor002153 .txt p{line-height:24px;overflow:hidden;max-height:120px;font-size: 23px;} .Floor002153 .txt span{font-size:14px;display:block;line-height:28px;} @media(max-width:1024px){ .Floor002153 .txt{padding:20px 30px;} .Floor002153 .txt p{font-size:20px;} } @media(max-width:768px){ .Floor002153 dl{padding-right:0;display: block;width: 100%;} .Floor002153 .txt{width: 100%;padding: 20px;display: block;} .Floor002153 .txt p{font-size:20px;} .Floor002153 .ytable{display:block;} } .Features_2{background: #eef9fd;padding: 3.5% 0 5%;} .Features_2 .tit {font-size: 36px;color: #333;font-weight: normal;text-align: center;} .Features_2 ul {padding-top: 2.5%;} .Features_2 li pre{font-size: 50px;color: #e82e15;font-family: "Times New Roman";background: url(../images/line.png) no-repeat left 55px center;font-style: italic;} .Features_2 li {float: left;width: 48%;position: relative;background: #fff;border-radius: 20px;padding: 2.5% 5.2%;height: 350px;} .Features_2 li+li {margin-left: 2.3%;} .Features_2 li figure {position: absolute;bottom: 37px;} .Features_2 li figure img {max-width: 356px;transition: 0.3s;width: 100%;} .Features_2 li h3 {font-size: 22px;font-weight: normal;color: #333;margin: 0;margin-top: 15px;} .Features_2 li p {line-height: 26px;color: #666;margin-bottom: 0;font-size: 14px;} @media(max-width:768px) { .Features_2 li h3 { font-size: 20px; margin-top: 10px; } .Features_2 li p { font-size: 16px; } .Features_2 .tit{font-size:22px;} } @media(max-width:480px) { .Features_2 li { width: 100%; float: none; margin-left: 0 !important; margin: 2% 0; } } .demand{margin: 3% 0 8%;} .demand .tit{font-size: 36px;color: #333;text-align: center;font-weight: normal;} .demand .p{font-size: 20px;color: #666;text-align: center;} .demand .ul{margin-top: 5.2%;} .demand .ul li{float:left;width: 48%;margin-right: 4%;border-radius: 20px 0;position: relative;z-index: 1;} .demand .ul li:nth-child(2n){margin-right:0;} .demand .ul img{float:left;margin-right:3%;max-width: 220px;max-height: 169px;z-index: 2;} .demand .ul figure{background: #eef9fd;margin-top: 5%;margin-left: 5%;min-height: 171px;max-height: 171px;padding: 5% 0;} .demand .ul figure em{position:absolute;color: rgba(10,77,132,.2);font-size:50px;right: 10%;bottom: 15px;} .demand .ul p{color: #666;overflow: hidden;font-size: 16px;line-height: 26px;height: 52px;} @media(max-width:960px){ .demand .ul figure{ padding:3% 0;} .demand .ul li{width:100% !important;padding:0 !important;margin:2% 0;} .demand .tit{font-size: 24px;} .demand .p{font-size:16px;} .demand .ul figure em{font-size:40px;} } @media(max-width:640px){ .demand .ul img{width:100%;float: none;} .demand .ul figure{padding:3%;margin: 0;} } .demand_2{margin: 4.5% 0 1%;} .demand_2 .tit{font-size: 36px;color: #333;text-align: center;font-weight: normal;margin-bottom: 6.5%;} .demand_2 .ul{margin-top: 5.2%;} .demand_2 .ul li{float:left;width: 48%;margin-right: 4%;border-radius: 20px 0;position: relative;z-index: 1;margin-bottom:2.9%} .demand_2 .ul li:nth-child(2n){margin-right:0;} .demand_2 .ul li>p{float:left;margin-right:3%;width: 32.5%; z-index: 2;max-width: 220px;} .demand_2 .ul li>p img {max-width: 220px;max-height: 169px;} .demand_2 .ul figure h2{font-size:22px;color:#333;font-weight:normal;} .demand_2 .ul figure p{font-size:14px;color:#666;line-height:26px;padding-right: 100px;} .demand_2 .ul figure{background: #eef9fd;margin-top: 5%;margin-left: 5%;min-height: 171px;max-height: 171px;padding: 5% 0;} .demand_2 .ul figure em{position:absolute;color: rgba(10,77,132,.2);font-size:50px;right: 7%;bottom: 15px;font-family: Times New Roman;} .demand_2 .ul figure p{color: #666;overflow: hidden;font-size: 16px;line-height: 26px;height: 52px;} .demand_2 .btn {text-align: center;margin-top: 2.5%;} .demand_2 .btn a {background: url(../images/link.png) no-repeat 105px center #e82e15;color: #fff;width: 150px;padding-right: 20px;text-align: center;color: #fff;margin-top: 30px;display: block;line-height: 40px;margin: 0 auto;position: relative;z-index: 50} @media(max-width:1900px){ .demand_2 .ul figure p{padding-right: 0px;} .demand_2 .ul figure em{right: 2%;} } @media(max-width:960px){ .demand_2 .ul figure{ padding:3% 0;} .demand_2 .ul li{width:100% !important;padding:0 !important;margin:2% 0;} .demand_2 .tit{font-size: 24px;} .demand_2 .p{font-size:16px;} .demand_2 .ul figure em{font-size:40px;} .demand_2 .ul figure h2{font-size:20px;} } @media(max-width:640px){ .demand_2 .ul img{width:100%;float: none;} .demand_2 .ul figure{padding:3%;margin: 0;} } /*RighInfo002810 */ .RighInfo002810{padding: 3% 0;background: #eef9fd;} .RighInfo002810 .tit{font-size: 36px;color: #333;text-align: center;margin: 3% 0 .5%;} .RighInfo002810 .txt-list .box:not(:last-child){border-bottom: 1px solid rgba(0,0,0,.2);} .RighInfo002810 .txt-list .box{padding: 3.6% 0;} .RighInfo002810 .txt-list .info{line-height: 24px;float: left;width: 62%;} .RighInfo002810 .txt-list .info pre{font-size:50px;color:#e82e15;font-family: "Times New Roman";background: url(../images/line.png) no-repeat left 55px center;font-style: italic;} .RighInfo002810 .txt-list .info h3{color:#333;font-size:22px;font-weight:normal;margin: 3.5% 0 2.5%;} .RighInfo002810 .txt-list .info p{font-size:14px;color:#666;line-height:26px;max-height: 130px;overflow: hidden;} .RighInfo002810 .txt-list .red{color: #d81920;font-size: 15px;} @media(min-width:961px){ .RighInfo002810 .txt-list .pic{width: 37%;float: right;text-align: right;} .RighInfo002810 .txt-list .pic img{max-width: 92.858%;} .RighInfo002810 .txt-list .box:nth-child(2n) .info{float: right;} .RighInfo002810 .txt-list .box:nth-child(2n) .pic{text-align:left ;float: left;} .RighInfo002810 .txt-list .info{padding-top: 1.5%;} } @media(max-width:1024px){ .RighInfo002810 .tit{font-size: 30px;} } @media(max-width:960px){ .RighInfo002810 .ytable, .RighInfo002810 .ytable-cell{display: inline-block;width: 100%!important;} .RighInfo002810 .txt-list .pic img{display: block;width: 100%;} .RighInfo002810 .txt-list .info{margin-top: 20px;} .RighInfo002810 .txt-list .box:not(:last-child){border-bottom:none;} .RighInfo002810 .tit{font-size: 26px;} } @media(max-width:640px){ .RighInfo002810 .txt-list .info h3{font-size:20px;} .RighInfo002810 .tit{font-size: 22px;} } /*Floor002691 */ .Floor002691{background: url(../images/Floor002691_bg.jpg) no-repeat center center;background-size: cover;padding: 5.2% 0 6%;} .Floor002691 .title{color: #fff;text-transform:uppercase;text-align:center;font-size: 36px;padding-bottom: 4%;} /*swiper*/ .Floor002691 .swiper-container, .Floor002691 .swiper-wrapper, .Floor002691 .swiper-slide {position: relative;width: 100%;} .Floor002691 .swiper-container, .Floor002691 .swiper-wrapper{z-index: 1;} .Floor002691 .swiper-container {overflow: hidden;} .Floor002691 .swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;} .Floor002691 .swiper-container-android .swiper-slide, .Floor002691 .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Floor002691 .swiper-wrapper, .Floor002691 .swiper-slide {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} .Floor002691 .swiper-wrapper {-webkit-box-sizing: content-box;box-sizing: content-box;} .Floor002691 .swiper-slide {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;} .Floor002691 .pagers{display:none;padding-top:5%; text-align:center;} .Floor002691 .pagers span{display:inline-block;width: 15px;height: 15px;border-radius:50%;cursor:pointer;margin:0 5px;background: #fff;} .Floor002691 .pagers span.swiper-pagination-bullet-active{background: #e82e15;} /*swiper end*/ .Floor002691 li,.Floor002691 .swiper-slide{margin-top: 7%;} .Floor002691 li:nth-child(2n),.Floor002691 .swiper-slide:nth-child(2n){margin-top: 0;} .Floor002691 li a,.Floor002691 .swiper-slide .tbox{display:block;background: #fff;min-height: 440px;max-height: 440px;padding: 50px 37px;border-radius: 20px 0;} .Floor002691 li .pic img,.Floor002691 .swiper-slide .pic img{width:75px;height:70px;} .Floor002691 li .txt,.Floor002691 .swiper-slide .txt{font-size:18px;margin-top: 32px;} .Floor002691 li .txt aside,.Floor002691 .swiper-slide .txt aside{font-size: 20px;color: #333;line-height: 30px;margin-bottom: 25px;} .Floor002691 li .txt p,.Floor002691 .swiper-slide .txt p{font-size: 14px;color: #666;line-height: 26px;height: 104px;overflow: hidden;} .Floor002691 li .txt pre,.Floor002691 .swiper-slide .txt pre{font-size: 50px;color: #aaa;font-family: "Times New Roman";background: url(../images/line.png) no-repeat left 55px center;font-style: italic;} @media(max-width:1024px){ .Floor002691 .pagers{display:block;} .Floor002691 .title{font-size:28px;} } @media(max-width:640px){ .Floor002691 .title{font-size:22px;} } .Configuration{padding: 6% 0;background: #eef9fd;margin: 2% 0;text-align: center;} .Configuration .tit{font-size:36px;color:#333;text-align: center;margin-bottom: 4.2%;} .Configuration li{width: 23.9%;background: #fff;display: inline-block;margin-right: 1.17%;height: 280px;border-radius: 20px 0;padding: 2% 1.5%;margin-bottom: 2%;text-align: left;} .Configuration li .txt{display: block;} .Configuration li .txt h2{font-size: 22px;color: #333;font-weight: normal;} .Configuration li .txt p{font-size: 14px;color: #666;line-height: 26px;height: 104px;overflow: hidden;} .Configuration li .txt pre{font-size: 50px;color: #e82e15;font-family: "Times New Roman";background: url(../images/line.png) no-repeat left 55px center;font-style: italic;}.demand_2 .btn {text-align: center;margin-top: 2.5%;} .btn {text-align: center;margin-top: 2.5%;} .btn a {background: url(../images/link.png) no-repeat 105px center #e82e15;color: #fff;width: 150px;padding-right: 20px;text-align: center;color: #fff;margin-top: 30px;display: block;line-height: 40px;margin: 0 auto;position: relative;z-index: 50} @media(min-width:961px){ .Configuration li:nth-child(4n){margin-right:0;} } @media(max-width:1366px){ .Configuration li{width: 23.5%;height: 320px;} .Configuration li .txt h2{font-size:18px;} .Configuration .tit{font-size:30px;} } @media screen and (min-width:641px) and (max-width:960px){ .Configuration li{width: 32%;height: 320px;} .Configuration li:nth-child(3n){margin-right:0;} } @media(max-width:960px){ .Configuration li .txt h2{font-size:18px;height: 48px;overflow: hidden;} .Configuration .tit{font-size:26px;} } @media(max-width:640px){ .Configuration li{width:48%;height: 320px;float:left;margin-right:4%;margin-bottom:4%} .Configuration li .txt h2{font-size:18px;height: 48px;overflow: hidden;} .Configuration li:nth-child(2n){margin-right:0;} .Configuration .tit{font-size:22px;} } /*Floor002745 */ .Floor002745{background: url(../images/RighInfo001278_bg2.jpg) no-repeat center;background-size: cover;padding: 4.8% 0 2.2%;} /*slick Basic*/ .Floor002745 .tit{font-size:36px;color:#fff;text-align:center;margin-bottom: 7px;} .Floor002745 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002745 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002745 .slick-list:focus {outline: none} .Floor002745 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002745 .slick-slider .slick-track, .Floor002745 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002745 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002745 .slick-track:before, .Floor002745 .slick-track:after{display: table; content: '';} .Floor002745 .slick-track:after{ clear: both;} .Floor002745 .slick-loading .slick-track { visibility: hidden;} .Floor002745 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002745 .slick-slide .slick-loading img { display: none;} .Floor002745 .slick-slide .dragging img { pointer-events: none;} .Floor002745 .slick-initialized .slick-slide { display: block;} .Floor002745 .slick-loading .slick-slide { visibility: hidden;} .Floor002745 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002745 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002745 li.slick-slide{padding: 50px 0;} .Floor002745 li.slick-slide .icon{width: 100%;max-width: 152px;margin: 0 auto;position: relative;} .Floor002745 li.slick-slide .icon img{border-radius: 20px 0;position: relative;z-index: 3;} .Floor002745 li.slick-slide aside{line-height: 26px;font-size: 18px;text-align: center;color: #fff;padding-top: 10px;position: relative;z-index: 3;} .Floor002745 .slick-dots{ text-align: center; padding:0 0 20px 0;} .Floor002745 .slick-dots li{display: inline-block; width: 14px; height: 6px; background: rgba(0,0,0,0.2); margin: 0 2px;} .Floor002745 .slick-dots li button{display: none;} .Floor002745 .slick-dots li.slick-active{background: #e82e15;} .problem {background:#eef9fd;padding: 5% 0 1.7%;} .problem .tit {font-size: 36px;color: #333;font-weight: normal;text-align: center;} .problem .single-header h3{color:#815122;font-size:16px;font-weight:normal;position:relative;text-align: center;height: 35px;margin: 3.2% 0;} .problem .single-header h3:after{content:"";display:block;height:1px;background-color: rgba(0,0,0,.1);width:100%;z-index:1;margin-top: -15px;} .problem .single-header h3 span{position:relative;z-index:2;padding: 0 16px;background-color: #eef9fd;font-size: 26px;color: #333;} .problem ul {padding-top: 2.5%;} .problem li pre{font-size: 50px;color: #e82e15;font-family: "Times New Roman";background: url(../images/line.png) no-repeat left 55px center;font-style: italic;} .problem li {float: left;width: 48%;position: relative;background: #fff;border-radius: 20px;padding: 2.5% 4.1%;height: 350px;} .problem li+li {margin-left: 2.3%;} .problem li figure {position: absolute;bottom: 37px;} .problem li figure img {max-width: 356px;transition: 0.3s;width: 100%;} .problem li h3 {font-size: 22px;font-weight: normal;color: #333;margin: 0;margin-top: 15px;} .problem li p {line-height: 26px;color: #666;margin-bottom: 0;font-size: 14px;height: 156px;overflow: hidden;} @media(max-width:1280px) { .problem li {padding: 0 3.1%;} } @media(max-width:768px) { .problem li h3 { font-size: 20px; margin-top: 10px; } .problem li p { font-size: 16px; } .problem .tit{font-size:22px;} .problem .single-header h3 span{font-size:22px;} } @media(max-width:480px) { .problem li { width: 100%; float: none; margin-left: 0 !important; margin: 2% 0; } } .problem .pro_box{margin-bottom: 4.5%;} .problem .pic{margin-top: 4.2%;} .problem .pic img{border-radius:20px;} /* .RighInfo002228 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .single-header{ text-align:center;border-bottom: 1px solid #ddd} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header p span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#555; padding-top:2%;} .RighInfo002228_1 .single-content{max-width: 600px;margin:0 auto;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0; line-height: 26px !important} .RighInfo002228 .single-content .no-textindent{ text-indent:0;text-align: center} .RighInfo002228 .more{float: right;margin-top: 25px} .RighInfo002228 .more a{display: inline-block;width: 120px;height: 40px;text-align: center;background: #f5f5f5;color: #333;line-height: 40px} .RighInfo002228 .more a:hover{color: #fff;background: #e82e15} .RighInfo002228 .info_pn{float: left;margin-top: 20px;} .RighInfo002228 .info_pn span {display: block;padding: 2px 0;} .RighInfo002228 .info_pn span a{color: #555} .RighInfo002228 .info_pn span a:hover{color: #e82e15} .RighInfo002228_1 .right .title{font-size: 24px;color: #333;margin: 0;padding-bottom: 30px;} .RighInfo002228_1 .right li{border-bottom: 1px solid #ebebeb;margin-bottom: 15px;padding-bottom: 15px} .RighInfo002228_1 .right li figure{padding-bottom: 50%;background-size: cover;background-position: center;background-repeat: no-repeat;} .RighInfo002228_1 .right li h3{font-size: 16px;color: #333;margin: 0;font-weight: normal;padding:10px 0 15px;} .RighInfo002228_1 .right li time{font-size: 14px;color: #999;} .RighInfo002228_1 .right li:hover h3{color: #e82e15;} .RighInfo002228 .info_box{} .RighInfo002228 .info_box .word{float: left;width: 70%;padding-right: 5%} .RighInfo002228 .info_box .img{float: right;width: 30%;text-align: right;} .RighInfo002228 .info_box .word .item{} .RighInfo002228 .info_box .word .item .tit{font-size: 20px;color: #000;font-weight: bold;line-height: 1;} .RighInfo002228 .info_box .word .item .tit span{display: inline-block;border-bottom: 1px solid #7F7F7F;line-height: 36px;} .RighInfo002228 .info_box .word .item p{text-indent: 0;color: #666;} .RighInfo002228 .info_box .word .item .dl{padding:15px 0;} .RighInfo002228 .info_box .word .item .dl dd{color: #666;line-height: 26px;} .RighInfo002228 .info_box .word .item .dl dd:before{display: inline-block;content: '';width: 3px;height: 3px;background: #000000;margin-right: 10px;position: relative;top:-3px; } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228{ padding:3% 0; background: #f5f5f5} .RighInfo002228 .auto{ padding:5% 10%; background: #fff} .RighInfo002228_1 .auto{background: none;padding: 0 8%;} .RighInfo002228_1 .left, .RighInfo002228_1 .right{background:#fff} .RighInfo002228_1 .left{float: left;width: 72%;padding:3% 5%} .RighInfo002228_1 .right{float: right;width: 26%;padding: 3% 2%} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1401px){ .RighInfo002228_1 .auto{padding: 0;} } @media(max-width:1024px){ .RighInfo002228{ padding:3% 2%;} } @media(max-width:768px){ .RighInfo002228 .info_box .word,.RighInfo002228 .info_box .img{float: none;width: 100%} .RighInfo002228 .info_box .img{text-align: center;} }