锘緻import url("base.css"); body {font-family:"寰蒋闆呴粦", "Microsoft YaHei", Verdana, Arial;color:#555;font-size:14px;overflow-x:hidden;} input,select,button,textarea {font-family:"寰蒋闆呴粦", "Microsoft YaHei", Verdana, Arial;font-size:14px;color:#333;resize:none;box-sizing:border-box;} :-moz-placeholder {color:#aaa;} ::-moz-placeholder {color:#aaa;} :-ms-input-placeholder {color:#aaa;} ::-webkit-input-placeholder {color:#aaa;} a:link,a:visited,a:active {color:#333;text-decoration:none;} a:hover {color:#ce9a00;text-decoration:none;} a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());} .al:hover {text-decoration:underline;} .als a:hover {text-decoration:underline;} .a1:link,.a1:visited,.a1:active {color:#ce9a00;text-decoration:none;} .a1:hover {color:#ce9a00;text-decoration:underline;} .flex-column {display:flex;flex-direction:column;justify-content:center;} /*===================================================================================*/ #main {} #header_blk {background-color:#fff;} #header {position:relative;z-index:99;padding:0px 65px;height:98px;background-color:#fff;} #header_as {position:absolute;top:50%;right:50px;margin-top:-7px;height:18px;} #header_as li {display:inline-block;height:inherit;line-height:18px;vertical-align:middle;cursor:pointer;} #header_as li.ss {padding-left:25px;background:url(../images/search.png) no-repeat;} #language {position:absolute;top:12px;right:50px;z-index:10;color:#999;} #language span {padding:0px 10px;} #language a:first-child {color:#ce9a00;font-weight:bold;} #logo {float:left;padding-top:10px;} #logo a {display:flex;} #logo .tu {height:78px;font-size:0px;} #logo .tu img {height:100%;} #logo .by {display:flex;flex-direction:column;justify-content:center;margin-left:23px;padding-left:23px;height:78px;border-left:1px solid #d3d3d3;overflow:hidden;} #logo .by h3 {color:#0f7232;font-size:16px;font-weight:normal;letter-spacing:0.5px;} #logo .by p {margin-top:3px;color:#d99d15;font-size:18px;font-weight:bold;} #nav {position:absolute;top:0px;right:175px;width:52%;height:inherit;background-color:#fff;} #nav li {position:relative;display:inline-block;margin-left:1%;width:13.285%;height:inherit;vertical-align:top;} #nav li > a {position:relative;display:block;padding-top:40px;height:inherit;color:#222;font-size:18px;text-align:center;box-sizing:border-box;} #nav li > a:after {position:absolute;bottom:0px;left:0px;display:none;width:100%;height:4px;content:"";background-color:#eab518;} #nav li > a.nav_over {color:#c07300;background-color:#f0f9ff;} #nav li > a.nav_over:after {display:block;} #nav li:hover > a {color:#c07300;background-color:#f0f9ff;} #nav li:hover > a:after {display:block;} #nav li p {position:absolute;top:98px;left:0px;display:none;padding:8px 0px 12px 0px;width:100%;background-color:#f0f9ff;} #nav li p a {display:block;padding:5px 3px;color:#222;text-align:center;} #nav li p a:hover {color:#c07300;} #nav li div {position:absolute;top:98px;left:50%;display:none;margin-left:-400px;width:800px;background-color:#f0f9ff;} #nav li div dl {display:inline-block;margin-left:4%;padding:22px 0px 30px 0px;width:29.333%;vertical-align:top;} #nav li div dl dt {font-size:15px;font-weight:bold;} #nav li div dl dd {margin-top:8px;} #search {position:absolute;top:105px;right:5px;z-index:98;padding:15px;width:350px;box-shadow:0px 0px 6px rgba(0,0,0,0.3);background-color:#fff;transform:translateY(-120%);transition:all ease-out 200ms;} #search input {padding-right:80px;width:100%;height:40px;font-size:14px;border:none;background:#fff;} #search span {position:absolute;top:50%;right:15px;display:block;margin-top:-16px;width:70px;height:32px;line-height:32px;color:#333;font-size:14px;text-align:center;background-color:#e4e4e4;cursor:pointer;} #search span:hover {color:#fff;background-color:#e0b020;} #header_menu {position:absolute;top:0px;right:3%;display:none;width:30px;height:inherit;line-height:70px;} #header_menu span {position:relative;display:inline-block;margin-top:-2px;width:100%;height:2px;border-radius:2px;vertical-align:middle;background-color:#333;transition-delay:0.3s, 0s;} #header_menu span:before {position:absolute;top:8px;left:0;display:inline-block;width:100%;height:2px;content:"";border-radius:2px;background-color:#333;transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;transition-property:top,transform;} #header_menu span:after {position:absolute;bottom:8px;left:0;display:inline-block;width:100%;height:2px;content:"";border-radius:2px;background-color:#333;transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;transition-property:bottom,transform;} #header_menu span.active {background-color:transparent;transition-delay:0s, 0.3s;} #header_menu span.active:before {top:0px;transform:rotate(45deg);transition-delay:0s, 0.3s;} #header_menu span.active:after {bottom:0px;transform:rotate(-45deg);transition-delay:0s, 0.3s;} #menu {position:absolute;top:0px;left:0px;z-index:97;display:none;width:100%;height:100%;box-sizing:border-box;background-color:#fff;transform:translateX(-100%);transition:all 200ms;} #menu li > a {display:block;position:relative;padding:14px 0px 14px 25px;font-size:16px;border-top:1px dashed #e5e5e5;} #menu li > a i {position:absolute;top:18px;right:30px;} .menu_slist {position:absolute;top:70px;left:0px;z-index:10;width:100%;height:100%;box-sizing:border-box;background-color:#fff;transform:translateX(-100%);transition:all 200ms;} .menu_name {padding-left:25px;height:78px;line-height:78px;background-color:#343a40;} .menu_name span {color:#bbb;cursor:pointer;} .menu_name span i {margin-right:5px;} .menu_name strong {margin-left:88px;color:#fff;font-family:"Microsoft YaHei";font-size:18px;} .menu_subs a {display:block;padding:14px 0px 14px 25px;font-size:16px;border-bottom:1px dashed #e5e5e5;} #mlanguage {padding-top:14px;color:#999;font-size:16px;text-align:center;border-top:1px dashed #e5e5e5;} #mlanguage a:first-child {color:#ce9a00;font-weight:bold;} #mlanguage span {padding:0px 10px;} #banner {width:100%;font-size:0px;} #banner .swiper-wrapper {width:100%;height:auto;} #banner .swiper-slide {} #banner .swiper-slide img {width:100%;} #banner .swiper-pagination {position:absolute;left:0px;bottom:30px;width:100%;height:14px;font-size:0px;} #banner .swiper-pagination span {margin:0px;width:14px;height:14px;font-size:0px;border-radius:50%;background:#a6bdcb;opacity:1;overflow:hidden;} #banner .swiper-pagination span.swiper-pagination-bullet {margin:0px 5px;} #banner .swiper-pagination span.swiper-pagination-bullet-active {background:#eabb15;} #banners {font-size:0px;height:300px;background-repeat:no-repeat;background-position:center top;} #banners img {width:100%;} #mbanner {display:none;width:100%;font-size:0px;} #mbanner .swiper-wrapper {width:100%;height:auto;} #mbanner .swiper-slide img {width:100%;} #mbanner .swiper-pagination {position:absolute;left:0px;bottom:10px;width:100%;height:8px;font-size:0px;} #mbanner .swiper-pagination span {margin:0px;width:8px;height:8px;font-size:0px;border-radius:50%;background:#a6bdcb;opacity:1;overflow:hidden;} #mbanner .swiper-pagination span.swiper-pagination-bullet {margin:0px 5px;} #mbanner .swiper-pagination span.swiper-pagination-bullet-active {background:#eabb15;} #mbanners {display:none;font-size:0px;} #mbanners img {width:100%;} .wrap {margin-left:auto;margin-right:auto;width:1400px;} #content {padding-bottom:60px;} #left {float:left;width:240px;} #right {float:right;width:900px;overflow:hidden;} #footer_lxs {color:#b5b5b5;background:url(../images/footer_lxs_bg.jpg) center center;background-size:cover;} #footer_lxs a {color:#b5b5b5;} #footer_lxs a:hover {color:#fff} #footer_lxs .wrap {padding-top:50px;padding-bottom:50px;} #footer_lxs .lxti {padding:54px 0px 30px 0px;font-size:0px;text-align:center;} #footer_lxs .lxti img {max-width:100%;} #footer_lxs .lxwm {float:left;} #footer_lxs .lxwm .editorc {line-height:2;} #footer_lxs .lxwm .qrcode {margin-top:20px;padding:8px;width:134px;font-size:0px;border-radius:8px;background-color:#fff;} #footer_lxs .lxwm .qrcode img {width:100%;} #footer_lxs .lxwm .qrcode span {display:block;padding:1px 0px 2px 0px;color:#555;font-size:14px;text-align:center;} #footer_lxs .message {float:right;width:500px;} #footer_lxs .message .inputs {position:relative;font-size:0px;border-bottom:1px solid #5a5a5a;} #footer_lxs .message .inputs input {width:100%;height:40px;color:#fff;border:none;background:none;} #footer_lxs .message .inputs textarea { margin-top:10px;width:100%;height:90px;color:#fff; line-height:1.6;border:none;background:none;} #footer_lxs .message .inputs img {position:absolute;bottom:5px;right:0px;cursor:pointer;} #footer_lxs .message button {margin-top:30px;width:100%;height:45px;color:#fff;font-size:16px;border:none;background-color:#e0b020;} #footer {padding:20px 0px;color:#b5b5b5;font-size:14px;line-height:1.8;background-color:#000;} #footer a {color:#b5b5b5;} #footer a:hover {color:#fff} /*===================================================================================*/ .ititle {position:relative;padding-top:80px;} .ititle h2 {color:#222;font-size:30px;} .ititle h2 span {position:relative;top:2px;color:#999;margin-left:12px;font-size:14px;font-weight:normal;} .ititle p {margin-top:5px;color:#999;} .ititle div {position:absolute;bottom:2px;right:0px;} .ititle div a {display:inline-block;margin-left:2px;padding:0px 50px;height:50px;line-height:50px;vertical-align:top;background-color:#e4e4e4;overflow:hidden;} .ititle div a:first-child {margin-left:0;} .ititle div a:hover {color:#fff;background-color:#e0b020;} #iabout_box {margin:0px auto;padding-bottom:100px;width:1400px;} #iabout {float:left;margin-top:31px;width:48.5%;} #iabout_blk .editorc {font-size:14px;line-height:1.8;} #iabout_blk > a {display:block;margin:20px 0px 36px 0px;width:138px;height:40px;line-height:40px;color:#e2af19;font-size:16px;text-align:center;border:2px solid #e7c151;} #iabout_blk > a:hover {color:#fff;background-color:#e7c151;} #iabout_image {float:right;margin-top:40px;width:49%;font-size:0px;overflow:hidden;} #iabout_image img {width:100%;transition:all ease-out 400ms;} #iabout_image:hover img {transform:scale(1.05);} #ibrand_box {background-color:#f0f9ff;} #ibrand_box h2 {padding:10px 40px;color:#fff;font-size:18px;background-color:#e7c151;} #ibrand {position:relative;padding:20px 40px;overflow:hidden;} #ibrand .swiper-container {width:100%;font-size:0px;} #ibrand .swiper-wrapper {width:100%;height:auto;} #ibrand .swiper-slide {width:auto;} #ibrand .swiper-slide div {padding:1px;box-sizing:border-box;border:1px solid #d8d7d6;background-color:#fff;overflow:hidden;} #ibrand .swiper-slide img {max-width:213px;width:100%;transition:all ease-out 400ms;} #ibrand .swiper-slide p {margin-top:8px;font-size:14px;text-align:center;} #ibrand .swiper-slide:hover div {padding:0px;border:2px solid #e5b73f;} #ibrand .swiper-slide:hover div img {transform:scale(1.04);} #ibrand_prev {left:-25px;transform:rotate(-180deg);} #ibrand_next {right:-25px;} .ibrand_button {position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;border-radius:50%;background:url(../images/arrow2.png) no-repeat 12px center #cbcdce;cursor:pointer;} .ibrand_button:hover {background-color:#e7ce7c;} #isolution_bg {padding-bottom:90px;background-color:#f0f9ff;} #isolution {position:relative;margin-top:40px;font-size:0px;} /* #isolution a {position:relative;display:inline-block;margin:2% 2% 0px 0px;width:18.4%;vertical-align:top;overflow:hidden;} #isolution a:nth-child(5n) {margin-right:0;} #isolution a img {width:100%;transition:all ease-out 400ms;} #isolution a h3 {position:absolute;bottom:0px;left:0px;padding:0px 70px 0px 5%;width:100%;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:normal;box-sizing:border-box;background-color:rgba(0,0,0,0.7);} #isolution a h3:after {position:absolute;top:50%;right:5%;display:block;margin-top:-4px;width:29px;height:8px;content:"";background:url(../images/arrow3.png) no-repeat;} #isolution a:hover h3 {background-color:#e0b020;} #isolution a:hover img {transform:scale(1.05);} */ #isolution a {position:relative;display:inline-block;width:31.28%;vertical-align:top;overflow:hidden;} #isolution a img {width:100%;transition:all ease-out 400ms;} #isolution a h3 {position:absolute;bottom:0px;left:0px;padding:0px 80px 0px 5%;width:100%;height:50px;line-height:50px;color:#fff;font-size:16px;font-weight:normal;box-sizing:border-box;background-color:rgba(0,0,0,0.7);} #isolution a h3:after {position:absolute;top:50%;right:5%;display:block;margin-top:-4px;width:29px;height:8px;content:"";background:url(../images/arrow3.png) no-repeat;} #isolution a:hover h3 {background-color:#e0b020;} #isolution a:hover img {transform:scale(1.05);} #isolution a:nth-child(1) {position:absolute;top:0px;left:50%;margin-left:-17.125%;width:34.29%;height:100%;} #isolution a:nth-child(1) img {height:100%;} #isolution a:nth-child(3),#isolution a:nth-child(5) {margin-left:37.44%;} #isolution a:nth-child(4),#isolution a:nth-child(5) {margin-top:1.5%;} #inews_box {padding-bottom:90px;} #inews li {display:inline-block;margin:40px 2% 0px 0px;width:23.5%;color:#505050;vertical-align:top;} #inews li:nth-child(4n) {margin-right:0;} #inews li > a {position:relative;display:block;font-size:0px;overflow:hidden;} #inews li > a img {width:100%;transition:all ease-out 400ms;} #inews li > a div {position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;opacity:0;background-color:rgba(199,134,9,0.75);transition:all ease-out 300ms;} #inews li > a div p {color:#fff;font-size:16px;} #inews li > a div p:before {display:block;margin:0px auto 15px auto;width:30px;height:1px;content:"";background-color:#fff;transform:translateY(-30px);transition:all ease-out 400ms;} #inews li > a div p:after {display:block;margin:15px auto 0px auto;width:30px;height:1px;content:"";background-color:#fff;transform:translateY(30px);transition:all ease-out 400ms;} #inews li > a:hover div {opacity:1;} #inews li > a:hover div p:before {transform:translateX(0);} #inews li > a:hover div p:after {transform:translateX(0);} #inews li > a:hover img {transform:scale(1.05);} #inews li > div h2 {padding:25px 0px 15px 0px;font-size:18px;} #inews li > div p {height:46px;line-height:23px;overflow:hidden;} #inews li > div span {display:block;margin-top:20px;color:#666;font-size:13px;background:url(../images/arrow4.png) no-repeat right 6px;} #ilinks_bg {background-color:#f0f9ff;} #ilinks_box {position:relative;} #ilinks {position:relative;padding:30px 30px 30px 125px;} #ilinks .tis {position:absolute;top:0px;left:0px;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:right;} #ilinks .tis h2 {color:#222;font-size:18px;} #ilinks .tis p {margin-top:3px;color:#999;font-size:14px;} #ilinks .swiper-container {width:100%;font-size:0px;} #ilinks .swiper-wrapper {width:100%;height:auto;} #ilinks .swiper-slide {box-sizing:border-box;border:1px solid #dfe2e4;background-color:#fff;overflow:hidden;} #ilinks .swiper-slide img {width:100%;transition:all ease-out 400ms;} #ilinks .swiper-slide img:hover {transform:scale(1.06);} #ilinks_prev {left:95px;transform:rotate(-180deg);} #ilinks_next {right:0px;} .ilinks_button {position:absolute;top:50%;margin-top:-15px;width:14px;height:30px;background:url(../images/arrow5.png) no-repeat;cursor:pointer;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;} .ilinks_button:hover {-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:;} /*===================================================================================*/ .nodata {padding:150px 0px;color:#999;font-size:18px;text-align:center;} #title_cur .wrap {position:relative;height:100px;border-bottom:1px solid #777;} #title_name {position:absolute;top:0px;left:0px;height:100%;line-height:100px;} #title_name h2 {display:inline-block;color:#333;font-size:36px;vertical-align:middle;} #title_name span {display:inline-block;position:relative;top:3px;margin-left:20px;color:#ccc;font-size:38px;font-weight:bold;font-family:Arial;text-transform:uppercase;vertical-align:middle;} #title_str {position:absolute;top:12px;right:0px;color:#999;font-size:12px;} #title_str:before { position:relative;top:-2px;margin-right:3px;display:inline-block;content:"";border:4px solid transparent;border-left-color:#666;vertical-align:middle;} #title_str a {color:#999;} #title_str a:hover {color:#ce9a00;} #title_str span {padding:0px 5px;} #title_str strong {color:#ce9a00;font-weight:normal;} #title_menu {position:absolute;bottom:18px;right:0px;} #title_menu a {display:inline-block;margin-left:2px;padding:0px 30px;height:40px;line-height:40px;color:#333;vertical-align:top;background-color:#e4e4e4;overflow:hidden;} #title_menu a:first-child {margin-left:0;} #title_menu a:hover,#title_menu a.active {color:#fff;background-color:#e0b020;} #title_menu a.ss {padding:0px 12px;} #mtitle_cur {display:none;padding:6px 3%;color:#999;font-size:10px;border-bottom:1px solid #eee;background-color:#f5f5f5;} #mtitle_cur a {color:#999;} #mtitle_cur span {position:relative;padding:0px 8px;} #mtitle_cur span:after {position:absolute;top:3px;left:4px;display:block;width:4px;height:4px; content:"";vertical-align:top;border-top:1px solid #bbb;border-right:1px solid #bbb;transform:rotate(45deg);} #mtitle_cur strong {color:#ce9a00;font-weight:normal;} #mtitle_menu {position:relative;display:none;box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3);background-color:#e0b020;overflow:hidden;} #mtitle_menu h2 {padding:9px 60px 9px 3%;color:#fff;font-size:16px;} #mtitle_menu span {position:absolute;top:50%;right:3%;margin-top:-4px;display:block;border:8px solid transparent;border-top-color:#fff;transition:none;} #mtitle_menu span.active {margin-top:-12px;border-top-color:transparent;border-bottom-color:#fff;} .mtitle_name {position:relative;display:none;box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3);background-color:#e0b020;overflow:hidden;} .mtitle_name h1 {padding:10px 3%;color:#fff;font-size:16px;text-align:center;} .mtitle_name h2 {padding:10px 3%;color:#fff;font-size:16px;text-align:center;text-transform:uppercase;} #mmenu {display:none;width:100%;} #mmenu a {position:relative;display:block;padding:10px 30px 10px 3.2%;font-size:14px;border-bottom:1px solid #e5e5e5;} #mmenu a:after {position:absolute;top:17px;right:15px;display:block;width:6px;height:6px;content:"";border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg);} #mmenu a.active {color:#ce9a00;} #mmenu a.subs {padding-left:8%;} #mmenu a.subs:before {position:relative;top:-1px;display:inline-block;margin-right:8px;width:4px;height:4px;content:"";vertical-align:middle;border-radius:50%;background-color:#999;} #mmenu a.thds {padding-left:14%;} #mmenu a.thds:before {position:relative;top:-1px;display:inline-block;margin-right:8px;width:3px;height:3px;content:"";vertical-align:middle;background-color:#999;} .input_text {padding:0px 8px;width:280px;height:34px;line-height:34px\9;box-sizing:border-box;border:1px solid #ddd;} .input_area {padding:6px 8px;height:176px;line-height:1.6;box-sizing:border-box;border:1px solid #ddd;resize:none;overflow-y:auto;} .input_select {padding:0px 0px 0px 8px;height:34px;box-sizing:border-box;border:1px solid #ddd;} .input_radio {position:relative;top:1px;} .input_checkbox {position:relative;top:1px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .input_radio {position:relative;top:3px;width:15px;height:15px;} .input_checkbox {position:relative;top:3px;width:15px;height:15px;} } .button {width:150px;height:40px;color:#fff;font-size:16px;box-sizing:border-box;border:none;background-color:#333;cursor:pointer;} .button:hover {background-color:#ff0000;} .editorc_box {margin:0px auto;padding-top:40px;width:100%;overflow:hidden;} .editorc {line-height:1.8;} .editorc p {margin-bottom:20px;} .editorc p:last-child {margin-bottom:0px;} .editorc a {text-decoration:underline;} .editorc hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;} .editorc h1,.editorc h2,.editorc h3,.editorc h4,.editorc h5,.editorc h6 {padding:9px 0px;font-weight:normal;line-height:1.2;} .editorc ul {margin-bottom:20px;padding-left:1.4em;} .editorc ul:last-child {margin-bottom:0px;} .editorc ul li {list-style-type:disc;} .editorc ol {margin-bottom:20px;padding-left:1.5em;} .editorc ol li {list-style-type:decimal;} .editorc ol:last-child {margin-bottom:0px;} .editorc table.border {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;} .editorc table.border td,.editorc table.border th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .editorc table.border td table {margin-bottom:0px;} .editorc table.border td p {margin:0px;padding:0px;} .editorc table.border th p {margin:0px;padding:0px;} .editorc2 {line-height:1.8;} .editorc2 img {vertical-align:top;} .editorc2 a {text-decoration:underline;} .editorc2 hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;} .editorc2 h1,.editorc2 h2,.editorc2 h3,.editorc2 h4,.editorc2 h5,.editorc2 h6 {padding:9px 0px;font-weight:normal;line-height:1.2;} .editorc2 ul {margin-bottom:20px;padding-left:1.4em;} .editorc2 ul:last-child {margin-bottom:0px;} .editorc2 ul li {list-style-type:disc;} .editorc2 ol {margin-bottom:20px;padding-left:1.5em;} .editorc2 ol li {list-style-type:decimal;} .editorc2 ol:last-child {margin-bottom:0px;} .editorc_tbe table {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;} .editorc_tbe td {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .editorc_tbe td table {margin-bottom:0px;} .editorc_tbe td p,.editorc_tbe th p {margin:0px;padding:0px;} .editorc_tbe table.no-border {border:none;} .editorc_tbe table.no-border table {border:none;} .editorc_tbe table.no-border td {border:none;padding:0px;} .editorc_tbe table.no-border th {border:none;padding:0px;} #prevnext {position:relative;margin:60px auto 0px auto;padding:12px 70px 0px 0px;height:48px;color:#999;font-size:14px;border-top:1px solid #ddd;overflow:hidden;} #prevnext p {height:24px;} #prevnext_back {position:absolute;top:12px;right:0px;} #mprevnext {position:relative;display:none;padding:10px;height:24px;font-size:0px;text-align:center;border-top:1px dashed #ccc;} #mprevnext p {position:absolute;top:10px;width:70px;height:inherit;} #mprevnext_prev {left:4%;} #mprevnext_next {right:4%;} #mprevnext span {display:inline-block;width:70px;height:inherit;} #mprevnext a {display:block;width:100%;height:inherit;color:#fff;font-size:12px;line-height:25px;text-align:center;border-radius:3px;background-color:#666;overflow:hidden;} /*===================================================================================*/ /* 浼佷笟鍥剧墖鍒楄〃 */ #about_image1 {font-size:0px;} #about_image1 a {display:inline-block;margin:3% 3% 0px 0px;width:22.75%;font-size:0px;text-align:center;vertical-align:top;} #about_image1 a:nth-child(4n) {margin-right:0;} #about_image1 a img {padding:4px;width:100%;box-sizing:border-box;border:1px solid #ddd;} #about_image1 a img:hover {padding:3px;border:2px solid #ce9a00;} #about_image1 a p {padding-top:10px;font-size:14px;line-height:1.4;} #about_image2 {font-size:0px;} #about_image2 a {display:inline-block;margin:3% 3% 0px 0px;width:22.75%;font-size:0px;text-align:center;vertical-align:top;} #about_image2 a:nth-child(4n) {margin-right:0;} #about_image2 a img {padding:4px;width:100%;box-sizing:border-box;border:1px solid #ddd;} #about_image2 a img:hover {padding:3px;border:2px solid #ce9a00;} #about_image2 a p {padding-top:10px;font-size:14px;line-height:1.4;} #contact {margin:0px auto;width:1400px;} #contact_map {margin:50px auto 80px auto;width:1400px;height:500px;font-size:0px;} /*===================================================================================*/ /* 浜у搧鍒楄〃 */ .protis {margin-top:3%;padding-left:15px;height:30px;line-height:30px;color:#222;font-size:24px;border-left:4px solid #ce9a00;} .projs {padding-top:25px;} .proxl {font-size:0px;} .proxl a {display:inline-block;margin:2% 3% 0px 0px;width:22.75%;font-size:0px;text-align:center;vertical-align:top;} .proxl a:nth-child(4n) {margin-right:0;} .proxl a .imgs {font-size:0px;overflow:hidden;} .proxl a .imgs img {width:100%;transition:all ease-out 400ms;} .proxl a .name h2 {padding:15px 0px 6px 0px;font-size:18px;line-height:1.4;} .proxl a .name p {font-size:14px;} .proxl a:hover .imgs img {transform:scale(1.05);} #profd_class_box {position:relative;top:0px;left:0px;z-index:90;width:100%;box-sizing:border-box;} #profd_class {padding:20px 0px;text-align:center;background-color:#f0f0f0;} #profd_class a {display:inline-block;margin-right:60px;font-size:16px;vertical-align:top;} #profd_class a:last-child {margin-right:0;} #profd_class a:after {position:relative;top:2px;display:inline-block;margin-left:10px;width:8px;height:8px;content:"";border-top:1px solid #333;border-right:1px solid #333;vertical-align:middle;transform:rotate(-45deg);} #profd_class a.active {color:#ce9a00;} #profd_class a.active:after {top:-2px;border-top-color:#ce9a00;border-right-color:#ce9a00;transform:rotate(135deg);} #profd_subs {padding:15px 0px;text-align:center;background-color:#666;} #profd_subs a {display:inline-block;margin-right:40px;color:#fff;font-size:14px;vertical-align:top;} #profd_subs a:last-child {margin-right:0;} #profd_subs a.active {color:#ce9a00;} #products {font-size:0px;} #products a {display:inline-block;margin:3% 3% 0px 0px;width:22.75%;font-size:0px;text-align:center;vertical-align:top;} #products a:nth-child(4n) {margin-right:0;} #products a div {overflow:hidden;} #products a img {width:100%;transition:all ease-out 400ms;} #products a h2 {padding:12px 0px 8px 0px;font-size:16px;font-weight:normal;line-height:1.4;} #products a .desc {color:#888;font-size:14px;line-height:1.6;} #products a .mdesc {display:none;} #products a:hover img {transform:scale(1.05);} #products_show {margin:40px auto 0 auto;padding-bottom:60px;width:1400px;} #products_image {float:left;width:47%;font-size:0px;} #products_image > img {width:100%;} #products_images {position:relative;} #products_images swiper-container {width:100%;height:auto;} #products_images .swiper-wrapper {width:100%;height:auto;} #products_images .swiper-slide img {width:100%;} #products_images_prev {left:0px;transform:rotate(-180deg);display:none;} #products_images_next {right:0px;} .products_images_button {position:absolute;top:50%;z-index:3;margin-top:-25px;width:50px;height:50px;background:url(../images/arrow7.png) no-repeat center center;cursor:pointer;} #products_thumbs {margin-top:15px;width:100%;height:auto;} #products_thumbs .swiper-wrapper {width:100%;height:auto;} #products_thumbs .swiper-slide {width:auto;} #products_thumbs .swiper-slide img {padding:1px;max-width:133px;width:100%;box-sizing:border-box;border:1px solid #ddd;cursor:pointer;} #products_thumbs .swiper-slide img.active {border-color:#ce9a00;background-color:#ce9a00;} #products_mimage {display:none;position:relative;font-size:0px;} #products_mimage img {width:100%;} #products_mimage:after {position:absolute;top:0px;left:0px;z-index:10;display:block;width:100%;height:1px;content:"";box-shadow:0px 1px 2px rgba(0,0,0,0.2);} #products_mimages {display:none;position:relative;z-index:1;width:100%;font-size:0px;} #products_mimages:after {position:absolute;top:0px;left:0px;z-index:10;display:block;width:100%;height:1px;content:"";box-shadow:0px 1px 2px rgba(0,0,0,0.2);} #products_mimages .swiper-wrapper {width:100%;height:auto;} #products_mimages .swiper-slide,#products_mimages .swiper-slide img {width:100%;} #products_mimages .swiper-pagination {position:absolute;left:10px;bottom:10px;width:100%;height:10px;font-size:0px;text-align:left;} #products_mimages .swiper-pagination span {margin:0px 7px 0px 0px;width:10px;height:10px;font-size:0px;border-radius:50%;background:#a6bdcb;opacity:1;overflow:hidden;} #products_mimages .swiper-pagination span.swiper-pagination-bullet-active {background:#eabb15;} #products_info {float:right;width:50%;} #products_info > h1 {padding:0px 0px 15px 0px;color:#222;font-size:24px;} #products_info > p {color:#888;font-size:16px;line-height:1.9;} #products_info .bshare-custom {margin-top:30px;} #products_info .bshare-str {display:inline-block;margin-right:5px;height:24px;line-height:24px;vertical-align:top;} #products_menu {margin-top:3%;display:flex;flex-flow:row nowrap;} #products_menu li {margin-left:2px;flex:1 1 auto;height:50px;line-height:50px;color:#666;font-size:16px;text-align:center;background-color:#e4e4e4;cursor:pointer;overflow:hidden;} #products_menu li:first-child {margin-left:0;} #products_menu li.active {color:#fff;background-color:#e0b020;} .products_detail {display:none;} /*===================================================================================*/ /* 瑙e喅鏂规 */ #solution {font-size:0px;} #solution a {display:inline-block;margin:2% 2% 0px 0px;width:18.4%;font-size:0px;text-align:center;vertical-align:top;} #solution a:nth-child(5n) {margin-right:0;} #solution a div {overflow:hidden;} #solution a img {width:100%;transition:all ease-out 400ms;} #solution a h2 {padding-top:15px;font-size:18px;line-height:1.4;} #solution a:hover img {transform:scale(1.05);} #solution_name {padding:4% 0px 0px 0px;color:#333;font-size:30px;line-height:1.4;text-align:center;} /*===================================================================================*/ /* 鏂伴椈璧勮 */ #news li {position:relative;margin-top:30px;padding-left:330px;height:210px;border-bottom:1px dashed #ccc;overflow:hidden;} #news li > a {position:absolute;top:0px;left:0px; display:block;width:300px;height:180px;font-size:0px;overflow:hidden;} #news li > a img {width:100%;height:100%;transition:all ease-out 500ms;} #news li h2 {padding:0px 0px 15px 0px;font-size:24px;font-weight:normal;} #news li .desc {height:78px;color:#888;font-size:14px;line-height:26px;overflow:hidden;} #news li .mdesc {display:none;} #news li .date {position:absolute;bottom:30px;left:330px;color:#888;font-size:14px;} #news li .mores {position:absolute;bottom:30px;right:0px;display:block;padding-right:50px;font-size:14px;background:url(../images/arrow6.png) no-repeat right center;} #news li .nopic {position:absolute;top:0px;left:0px;display:block;width:300px;height:180px;background:url(../images/nopic.png) no-repeat center center #f0f0f0;} #news li:hover > a img {transform:scale(1.05);} #news_info h1 {padding:4% 0px 3% 0px;color:#333;font-size:30px;line-height:1.4;text-align:center;} #news_info div {padding-bottom:10px;color:#999;font-size:14px;text-align:center;border-bottom:1px dashed #ccc;} #news_info div span {padding:0px 20px;} #download li {position:relative;padding:30px 380px 30px 0px;border-bottom:1px solid #999;} #download li > a {font-size:20px;} #download li .date {position:absolute;top:30px;right:0px;color:#999;font-size:16px;} #download li .date a {margin-right:100px;} /*===================================================================================*/ /* 鍦ㄧ嚎鐣欒█ */ #message {padding:10px 0px 0px 0px;} #message td {padding:14px 5px 0px 5px;} #message td span {margin-left:5px;font-family:"瀹嬩綋";font-size:12px;color:#ff0000;} /*===================================================================================*/ #win_ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-image:url(../images/tbs/black70.png);overflow:hidden;} #win_loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;} #win_loading_bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background:url(../images/tbs/white0.png);} /*===================================================================================*/ /* 娴姩鍦ㄧ嚎瀹㈡湇 */ #float_os {position:fixed;top:50%;right:0px;z-index:91;margin-top:-145px;width:72px;} #float_os li {position:relative;margin-bottom:1px;height:72px;text-align:center;background-repeat:no-repeat;cursor:pointer;} #float_os li a {display:block;padding-top:46px;height:100%;color:#fff;font-size:12px;box-sizing:border-box;} #float_os li p {position:absolute;top:0px;right:72px;display:none;padding:0px 20px;font-size:22px;line-height:72px;white-space:nowrap;word-break:keep-all;background-color:#fbb01f;} #float_os li img {position:absolute;right:72px;top:0px;display:none;padding:8px;width:145px;height:145px;box-sizing:border-box;background-color:#78b848;} #float_os .kefu {background-image:url(../images/float_os_qq.png);background-size:auto 30px;background-position:center 11px;background-color:#fe674a;} #float_os .qrcode {background-image:url(../images/float_os_weixin.png);background-size:auto 28px;background-position:center 12px;background-color:#78b848;} #float_os .qrcode:hover img {display:block;} #float_os .tel {background-image:url(../images/float_os_tel.png);background-position:center 12px;background-color:#fbb01f;} #float_os .tel:hover p {display:block;} #float_os .top {background-image:url(../images/float_os_top.jpg);background-position:center center;background-color:#666;} #qq_online {position:absolute;z-index:99;width:130px;font-family:"瀹嬩綋";font-size:12px;} #qq_online_top {position:relative;padding-left:10px;height:26px;line-height:26px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#fff;background:url(../images/qq_style/style0_top.gif) no-repeat;} #qq_online_top img {position:absolute;top:8px;right:10px;cursor:pointer;} #qq_online_list {background:url(../images/qq_style/style0_bgs.gif) repeat-y;} #qq_online_list a {color:#222;} #qq_online_list a:hover {color:#ff0000;} #qq_online_list div {position:relative;margin:0px 3px;width:124px;height:25px;border-top:1px solid #fff;border-bottom:1px solid #fff;background:#fff;} #qq_online_list div a {position:relative;display:block;padding-left:31px;height:inherit;line-height:26px;overflow:hidden;} #qq_online_list div a img {position:absolute;top:2px;left:5px;width:21px;height:21px;} #qq_online_list div > img {position:absolute;top:-32px;display:none;padding:6px;width:120px;height:120px;border:2px solid #28b5e3;background-color:#fff;} #qq_online_list div > img.left {right:-138px;} #qq_online_list div > img.right {left:-138px;} #qq_online_list div:hover {border-top:1px solid #A3E7FC;border-bottom:1px solid #A3E7FC;background:#E1F7FD;} #qq_online_list div:hover > img {display:block;} #qq_online_bottom {height:42px;font-size:0px;background:url(../images/qq_style/style0_bottom.gif) no-repeat;} #qq_onlines_top {position:relative;height:32px;line-height:32px;text-align:center;color:#fff;font-weight:bold;} #qq_onlines_top p {position:absolute;top:40px;width:35px;height:173px;overflow:hidden;cursor:pointer;} .qq_onlines_small_left strong {left:8px;} .qq_onlines_small_right strong {left:13px;} #qq_onlines_top p strong {position:absolute;top:40px;display:block;width:16px;text-align:center;line-height:20px;} #qq_onlines_box {border:1px solid #e3e3e3;border-top:none;background:#fff;} #qq_onlines_tel {padding-top:15px;text-align:center;font-size:14px;color:#505050;background:url(../images/qq_style/tel.jpg) no-repeat 15px 12px;} #qq_onlines_tel strong {display:block;padding:12px 0px 8px 0px;font-family:Arial, Helvetica, sans-serif;font-size:16px;border-bottom:1px dashed #ccc;} #qq_onlines_list {padding-top:10px;min-height:177px;} #qq_onlines_list div {position:relative;margin:0px auto 8px auto;width:107px;} #qq_onlines_list div a {position:relative;display:block;padding-left:35px;width:72px;height:25px;line-height:26px;color:#222;border:1px solid #aaccd8;background:url(../images/qq_style/list_bg.jpg) repeat-x;overflow:hidden;} #qq_onlines_list div a:hover {color:#ff0000;} #qq_onlines_list div a img {position:absolute;top:2px;left:7px;width:21px;height:21px;} #qq_onlines_list div > img {position:absolute;top:-8px;display:none;padding:8px;width:120px;height:120px;border:1px solid #e3e3e3;background-color:#fff;} #qq_onlines_list div > img.left {left:117px;border-left:none;} #qq_onlines_list div > img.right {right:118px;border-right:none;} #qq_onlines_list div:hover > img {display:block;} #qq_onlines_tdc {padding:8px 0px;font-size:0px;text-align:center;border-top:1px dashed #ccc;} #qq_onlines_tdc img {width:110px;height:110px;} .qq_onlines_1 p#qq_onlines_tel strong {color:#e10000;} .qq_onlines_1 div#qq_onlines_top {border-bottom:8px solid #ff7200; background:#e10000;} .qq_onlines_1 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style1_small_left.png) no-repeat;} .qq_onlines_1 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style1_small_right.png) no-repeat;} .qq_onlines_2 p#qq_onlines_tel strong {color:#555;} .qq_onlines_2 div#qq_onlines_top {border-bottom:8px solid #5d5d5d; background:#343434;} .qq_onlines_2 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style2_small_left.png) no-repeat;} .qq_onlines_2 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style2_small_right.png) no-repeat;} .qq_onlines_3 p#qq_onlines_tel strong {color:#df5f00;} .qq_onlines_3 div#qq_onlines_top {border-bottom:8px solid #ddc9ba; background:#df9800;} .qq_onlines_3 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style3_small_left.png) no-repeat;} .qq_onlines_3 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style3_small_right.png) no-repeat;} .qq_onlines_4 p#qq_onlines_tel strong {color:#89a611;} .qq_onlines_4 div#qq_onlines_top {border-bottom:8px solid #464a4b; background:#adce25;} .qq_onlines_4 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style4_small_left.png) no-repeat;} .qq_onlines_4 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style4_small_right.png) no-repeat;} .qq_onlines_5 p#qq_onlines_tel strong {color:#df5f00;} .qq_onlines_5 div#qq_onlines_top {border-bottom:8px solid #ff9241; background:#ff6d00;} .qq_onlines_5 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style5_small_left.png) no-repeat;} .qq_onlines_5 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style5_small_right.png) no-repeat;} .qq_onlines_6 p#qq_onlines_tel strong {color:#006083;} .qq_onlines_6 div#qq_onlines_top {border-bottom:8px solid #6b718d; background:#006083;} .qq_onlines_6 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style6_small_left.png) no-repeat;} .qq_onlines_6 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style6_small_right.png) no-repeat;} .qq_onlines_7 p#qq_onlines_tel strong {color:#00a0a8;} .qq_onlines_7 div#qq_onlines_top {border-bottom:8px solid #6b718d; background:#00a0a8;} .qq_onlines_7 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style7_small_left.png) no-repeat;} .qq_onlines_7 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style7_small_right.png) no-repeat;} .qq_onlines_8 p#qq_onlines_tel strong {color:#c9004c;} .qq_onlines_8 div#qq_onlines_top {border-bottom:8px solid #ebba28; background:#c9004c;} .qq_onlines_8 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style8_small_left.png) no-repeat;} .qq_onlines_8 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style8_small_right.png) no-repeat;} /*===================================================================================*/ #news_page {padding:60px 0px 0px 0px;width:100%;} #products_page {padding:60px 0px 0px 0px;width:100%;} .fypage {height:32px;font-size:0px;text-align:center;overflow:hidden;} .fypage a,.fypage span {display:inline-block;margin:0px 4px;width:32px;height:32px;line-height:32px;font-size:14px;color:#666;background-color:#dadada;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;} .fypage a:hover {color:#fff;background-color:#ce9a00;} .fypage span.fypage_current {color:#fff;background-color:#ce9a00;} .fypage .fypage_prev,.fypage .fypage_next {font-family:"瀹嬩綋";font-weight:bold;} #news_mpage {display:none;padding:5% 0px 0px 0px;} #products_mpage {display:none;padding:5% 0px 0px 0px;} .mfypage {width:100%;height:24px;font-size:0px;text-align:center;overflow:hidden;} .mfypage a,.mfypage span {display:inline-block;margin:0px 2px;padding:0px 8px;height:22px;font-size:12px;line-height:22px;color:#666;border:1px solid #ddd;background-color:#fff;vertical-align:top;overflow:hidden;} .mfypage a:hover {color:#fff;border-color:#ce9a00;background-color:#ce9a00;} #fypage_gov {display:inline-block;margin:0px 2px;padding:0px 6px;width:36px;height:24px;color:#777;vertical-align:top;border:1px solid #ddd;background-color:#fff;} #fypage_gobtn:hover {color:#fff;border-color:#ce9a00;background-color:#ce9a00;}