@charset "utf-8"; @media only screen and (max-width: 1680px){ #slider3 .bx-wrapper {padding:0 80px} #slider3 .bx-wrapper .bx-prev {left:0;} #slider3 .bx-wrapper .bx-next {right:0; } .nav-arrow.back {left:6%;} .nav-arrow.next {right:6%;} } @media only screen and (max-width: 1465px){ .wrap {margin:0 3%} .bx-wrapper .bx-prev {left:3%; } .bx-wrapper .bx-next {right:3%;} body.activeearth .fixtop .toper .logo i {left:10px; position: relative} .fixtop .toper .logo p {display:none;} .fixtop .toper ul.navpc {right:105px} .fixtop .toper ul.navpc li {margin:0 0 0 35px} .indpro li .t {font-size:18px; line-height:26px;padding-left:20px} .indlab { background-size:cover;height:500px;} .nav-arrow.back {left:150px;} .nav-arrow.next {right:150px;} #features-container {width:1465px;left:50%;margin-left:-732px} .investor li {padding:85px 5% 85px 5%} .servicell li {padding:4.5% 0;} .contact .mleft .t {font-size:22px; text-align: left} .about .pics {top:8%} .coretech li .cons h3 {top:22%;} .culture dd .cons {padding-top:25%;} .foot ul.link {margin:0 0 0 8%} body.activeearth .fixtop .wrap {left:-10px} } @media only screen and (max-width: 1380px){ .fixtop .toper ul.navpc {right:100px} .fixtop .toper ul.navpc li {margin:0 0 0 25px} .about .pics {top:60px} .coretech li .cons h3 {top:20%;} .culture dd .cons {padding-top:20%;} .culture dd {padding:0;height:550px} } @media only screen and (max-width: 1200px){ .bx-wrapper .bx-prev {background-size:cover;} .bx-wrapper .bx-next {background-size:cover;} .bx-wrapper .bx-controls-direction a {margin-top:-10px;width:13px;height:21px;background-size:cover;} .indpics .cons .t {font-size:40px; line-height:50px;margin:10px 0 20px 0} .indpics .cons .c {font-size:20px;margin:15px 0 0 0} .indpics .cons .m {margin:25px 0 0 0} .indpics .cons .m a { font-size:14px;height:32px; line-height:30px;padding:0 15px;} .phonemenu { display:block;} .fixtop {height:80px;} .fixtop .toper .logo {top:25px;} .fixtop .toper .logo i {width:78px; height:30px;} .fixtop .toper .logo p { margin:-3px 0 0 15px;font-size:12px; line-height: 17px; width:100px;display:inline-block} .fixtop .toper ul.navpc { display:none} .fixtop .toper .search {right:55px;top:25px;} .fixtop .toper .search .en i {width:11px; height:14px; margin:8px 8px 0 0;} .fixtop .toper .search .en a {font-size:14px} .fixtop .toper .search form { right:23px;} .fixtop.active {top:-30px;} .fixtop.active .toper .logo {top:40px} .fixtop.active .toper .logo i {width:78px; height:30px;} .fixtop.active .toper .logo p {margin-top:-3px} .fixtop.active .toper .search {top:40px;} .fixtop.active .nav__trigger {top:20px;} .firstend {top:-50px} .indpro {padding:40px 0;} .indpro .subject {font-size:20px; line-height:20px;} .indpro ul {padding:35px 0 0 0;width:102%;margin:-2% 0 0 -1%} .indpro li {border-width:1px;margin:2% 1% 0 1%;width:23%} .indpro li .t {font-size:14px; line-height:19px;padding:5px 0 0 5px} .indpro li .t2 {font-size:16px; line-height:22px;padding-top:0;margin-top:5px} .indpro li .p {margin:0px 0 0 0} .indpro li .in {min-height:90px} .indlab {height:300px; font-size:16px;} .indlab .t {font-size:20px; line-height:20px;margin:0 0 15px 0} .indsubject {font-size:20px; line-height:20px;margin:40px 0 30px;} .indnews ul {margin-top:-30px} .indnews li {margin-top:30px;} .indnews li .title {margin:18px 0 0 0} .indnews li .title a {font-size:16px} .indnews li .content {margin:10px 0 20px 0;font-size:12px; line-height:20px; height:60px;} .indnews li .more a {width:80px;height:30px; line-height:28px; } .foot {margin:85px 0 0 0;padding:85px 0 60px 0; background:#1a1a1a} .footer {padding:15px 0; background:#101010} .foot {margin:40px 0 0 0;padding:60px 0 30px 0; } .foot ul:before {top:-20px;width:40px; height:2px;} .foot ul.menu {width:35%;display:none;} .foot ul.ct:after {width:150px; height:74px; background-size:cover;} .foot .cons {margin-top:-20px} .foot .cons .logo { width:100px; height:38px;} .foot .cons .t { margin:20px 0 10px 0} .foot .cons .p {width:100px;} .bannerin .cons {margin:50px 0 0 0} .bannerin .t2 {font-size:22px; line-height:32px;} .bannerin .t {font-size:50px; line-height:60px;} .bannerin .c {font-size:16px;margin:0 0 40px} .bannerin i {width:25px; height:25px;} .bx-wrapper { overflow:hidden} .aboutsubject {font-size:25px; line-height:25px;padding:40px 0 30px 0;} .namemj {top:-50px} .about .cons {padding:30px 11% 30px 25px} .about .cons .t {font-size:25px; line-height:35px;margin:0 0 20px 0;} .about .pics { top:40px;} .honor {padding:1px 0 40px 0;margin:40px 0 0 0} #slider3 .bx-wrapper {padding:0 40px} #slider3 .bx-wrapper .bx-prev {left:0px;background-size:30%;border-radius:3px;} #slider3 .bx-wrapper .bx-next {right:0px; background-size:30%;border-radius:3px;} #slider3 .bx-wrapper .bx-controls-direction a {margin-top:-35px;width:25px;height:25px;} .bx-wrapper .bx-pager {bottom:10px;} .bx-wrapper .bx-pager.bx-default-pager a {width:8px;height:8px; } .namemj2 {top:-40px} .navbar {display:none;} .navbar-nav li {height:40px; line-height:40px;} .navbar-nav li a {font-size:14px;font-weight:400} .navbar-nav li a:before {width:1px;} .mainabout.active .aboutblank { height:40px;} .yflab ul {width:104%;margin:-20px 0 0 -2%} .yflab li {width:46%;margin:20px 2% 0 2%;} .yflab li .cons { width:85%;margin:-40px auto 0 auto;padding:5px 15px 20px 15px} .yflab li .cons .t {font-size:20px; line-height:30px;margin:0 0 15px 0} .yflab li .cons .c {font-size:16px; line-height:1.8; } .quancons {font-size:16px;padding:40px 0 0 0} #frame-center-inner .slider a .title {height:30px; line-height:29px;font-size:14px;} /* 澶у浘600X373,灏忓浘400X249 */ #frame-center-outer,#frame-center-inner,#frame-center-inner .slider a,#frame-center-inner .slider a img {width:600px;} #features-container,#frame-center-outer,#frame-center-inner,#frame-center-inner .slider,#frame-center-inner .slider a ,#frame-center-inner .slider a img{height:373px;} .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider img {width:400px;} .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider,.frame-smaller-inner .slider img {height:249px;} #features-container {width:1000px;margin-left:-500px} #frame-center-outer {left:200px;} .frame-smaller-outer {top:62px;} .frame-smaller-outer.left .slider { /* -1X Small Image width */ left:-400px; } #frame-center-inner .slider {/* -2X Large Image width */ left:-1200px; } .frame-smaller-outer.right .slider { /* -3X Small Image width */ left:-1200px; } .nav-arrow {margin-top:-12px;width:25px;height:25px;} .nav-arrow.back {left:0%;border-radius:3px;margin-left:88px;} .nav-arrow.next {right:0%;border-radius:3px;margin-right:88px;} .page_wrap {padding:40px 0 0 0;} .pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;} .product {padding:0 0 10px 0;margin-bottom:-40px;margin-top:0px} .product li {padding:40px 0} .product li .mright .title {font-size:20px; line-height:30px;} .product li .mright .gs_content {font-size:16px;margin:15px 0 0 0;} .product li .mright .link { height:35px; line-height:34px; padding:0 25px;font-size:16px;margin:30px 0 0 0} .product li .mright .link i { margin:1px 0 0 5px;} .product .submenu .c1 {font-size:16px;margin:20px 0 40px 0} .product .submenu .c2 .mleft { width:50%;margin:0 10% 0 0} .product .submenu .c2 .mright {font-size:16px;width:40%;} .product .submenu .c2 .mright p {padding:0 0 0 13px} .product .submenu .c2 .mright p:before {left:0;top:13px; width:5px; height:5px;} .product .submenu .c3 {margin:40px 0 0 0;font-size:16px;} .investor li {padding:40px 0} .investor li .mleft { width:30%} .investor li .mright { width:65%;margin:0 0 0 5%} .investor li .mright .gs_content {margin:15px 0 0 0;} .investor li .mright .link2 {margin:30px 0 0 20px} .investor li .mright .link2 a {height:35px; line-height:34px;padding:0 25px;font-size:16px;} .investor li .mright .link2 a i {margin:1px 0 0 5px;} .servicesubject {padding:40px 0 35px 0} .servicesubject .t {font-size:25px; line-height:25px;margin:0 0 20px 0;} .servicesubject .c {font-size:16px;} .servicell li {border-radius:10px;padding:40px 20px;border-width:1px} .servicell li:hover {top:0} .servicell li .icon {width:60px;} .servicell li .num {margin:25px 0 20px 0} .servicell li .num h1,.servicell li .num h2 { font-size:30px; line-height:30px;} .servicell li .content {min-height:50px; line-height:25px;font-size:16px} .servicenet {margin:40px 0 -40px 0; background-size:cover;} .news {padding:10px 0} .news ul {width:103%;margin:-40px 0 0 -1.5%} .news li { width:30.3333%;margin:40px 1.5% 0 1.5%;} .fixtop1 .nav__icon {background-color:#333333;} .fixtop1 .nav__icon:before,.fixtop1 .nav__icon:after {background:#333333;} .nshow {margin:100px 0 0 0} .nshow .mcurrent {font-size:12px;padding:0 0 10px 0;} .nshow .mcurrent a {font-size:12px} .nshow .mcurrent span {margin:0 0 0 15px;} .nshow .title {font-size:22px;line-height:32px; margin:40px auto 35px auto;} .nshow .content {font-size:16px;} .searchnews {padding:75px 0 10px 0} .contact {margin:50px auto} .contact .mleft {width:30%; } .contact .mleft .t {font-size:16px;margin:0 0 20px 0} .contact ul {width:60%;margin:-20px 0 0 10%} .contact li {padding:20px 0} .contact li .t {font-size:16px;top:18px} .contact li .c {margin:0 0 0 120px;padding:0 0 0 25px} .contact li .c:before {top:6px;height:90%;} .job {padding:50px 0 10px 0;} .fixright {margin-top:0;top:auto;bottom:0} .fixright li {width:20px; height:20px; line-height:20px;border-radius:3px; } .fixright li.totop i {font-size:16px;} .fixright li.tel p { height:20px; line-height:20px;width:120px; border-radius:3px;font-size:12px} .fixright li.tel p i {width:20px; font-size:10px;margin:0 2px 0 0} .fixright li.tel:hover p {left:-100px;width:120px;} .fixright li.wx { background-size:55%} .fixright li.wx p { right:22px;width:100px;} .indexad .close {width:30px;height:30px; line-height:30px; margin:10px auto 0 auto;} .indexad .close:before {font-size:16px} .culture ul {margin-bottom:40px} .culture li .cons { top:30px;} .culture li .cons .t { font-size:20px; line-height: 30px;letter-spacing: 1px;margin:0 0 10px 0;padding:3px 0 0 70px} .culture li .cons .t:before {top:-10px; width:61px; height:40px; background-size:cover;} .culture li .cons .c {font-size:14px;} .memorabilia { text-align:left} .memorabilia .cons {display:block;margin:0 0 0 0px;padding:0 0 40px 0} .memorabilia ul {padding:1px 0 1px 30px;margin:10px 0 0 0} .memorabilia li {padding:20px 0} .memorabilia li .title { left:0px;top:15px;font-size:20px; line-height:20px;width:auto} .memorabilia li .content .t {font-size:16px;margin:20px 0 5px 0} .memorabilia li .content:before {left:-36px;top:-20px; width:12px; height:12px; background-size:100%} .indche li .t {margin:10px 0 0 0;font-size:14px} .indchecons {font-size:16px;margin:8px 0 20px 0; } .indchecons:before {width:30px;margin-left:-15px;top:-15px;} .rd_capacity ul {margin-bottom:40px} .rd_capacity li .title {padding:5px 0 7px 0} .rd_capacity li .title h2 {font-size:14px; line-height:24px;} .rd_capacity li .title h2 span {font-size:20px; line-height: 24px} .coretech ul {padding:0 0 40px 0} .coretech li {padding:0;height:320px} .coretech li .cons h2 { left:10px;top:10px;font-size:20px; line-height: 20px} .coretech li .cons h3 { top:21%;} .coretech li .cons h3 p {width:26px;font-size:18px; line-height: 20px;} .coretech ul {width:100.4%;margin:-0.4% 0 0 -0.2%;} .coretech li {width:16.2666%;margin:0.4% 0.2% 0 0.2%; } .servicenet {height:auto;padding:0px 0 50px 0; background:#0e0e0e} .servicenet .mappoint {position:relative;height:auto;} .servicenet .servicesubject {padding-top:40px} .servicenet ul {display:none;} .servicenet dl {display:block;color:#fff;width:108%;margin:-20px 0 0 -4%} .servicenet dd {float:left;width:42%;margin:20px 4% 0 4%; text-align: left;border-top:1px solid #999;padding:10px 0 0 0} .servicenet dd .t {font-weight:500;margin:0 0 3px 0;font-size:14px} .servicenet dd .c {font-size:12px; line-height: 1.6;color:#999} .job .mright .jobtitle {font-size:18px;margin:-13px 0 20px 0} .job .mright .jobcons {margin:25px 0 0 0;font-size:14px; line-height:2} .corporatestyle ul {padding:0;margin-top:0px} .corporatestyle li {margin-top:20px} .corporatestyle li .t {margin:10px 0 0 0} .hideline {top:-45px; margin-bottom:-60px} .culture dl {padding:0 0 40px 0} .culture dd {height:420px} .culture dd .cons { padding-top:60px} .culture dd .cons .t {font-size:20px; line-height: 30px;margin:0 0 15px 0} .culture dd .cons .c {font-size:14px; } .product .submenu .c1 td {font-size:14px;} .response {padding:0px 0 40px 0;margin:40px 0 -40px 0} .response li .t {margin:5px 0 8px 0;font-size:14px} .network .subject1 .t {font-size:20px; line-height: 30px;margin:40px 0 0 0} .network .subject1 .c {font-size:16px; line-height:26px;} .network .subject2 .t {font-size:20px; line-height: 30px;margin:20px 0 5px 0} .network .subject2 .c {font-size:16px; line-height:1.6;margin:0 0 30px 0} .network .bg { background-position: center;} .network .uleft {width:300px;top:0} .network .uright {width:300px;top:0} .network li {padding-left:15px;padding-right:5px} .network li.li356,.network li.li355 {padding:12px 10px 14px 15px} .network li.li356 {padding-top:3px;} ::-webkit-scrollbar {width: 0px;} body.activeearth .fixtop .toper .logo i {left:0} .earthbtn {right:31px;top:25px; position:absolute} .earthbtn span.icon-dimensions {font-size:16px;} .fixtop.active .earthbtn {top:40px} .earthlist .in .grid { padding:10px 0 30px 0; } .earthlist .in .grid dl {margin:30px auto auto} .earthlist .in .grid dt {font-size:20px;margin:0 0 10px 2%} .earthlist .in .grid dd {width:29.3333%;margin:5px 2%;padding:6px 10px 8px 10px;} .earthlist .in .grid dd a {border-bottom-width:1px} body.activeearth .fixtop .wrap {left:0} body.activeearth .earthlist .in .grid {padding-top:70px;} body.activeearth .fixtop.active .earthlist .in .grid {padding-top:55px;} body.activeearth .nav__icon {background-color:#333;transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;} body.activeearth .nav__icon:before,body.activeearth .nav__icon:after {background:#333;transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;} .productlist .subject {font-size:20px; line-height:30px;margin:30px 0 25px 0;letter-spacing:0.5px} .productlist ul {width:102%;margin:-10px 0 0 -1%} .productlist li {margin:10px 1% 0 1%;width:31.3333%} .productlist li .title a {font-size:14px;height:40px; line-height: 38px; } } @media only screen and (max-width: 1024px){ .contact li.wx img {width:150px} } @media only screen and (max-width: 788px){ .indlab {height:250px;} .indnews li {width:48%} /* 澶у浘500X311,灏忓浘300X187 */ #frame-center-outer,#frame-center-inner,#frame-center-inner .slider a,#frame-center-inner .slider a img {width:500px;} #features-container,#frame-center-outer,#frame-center-inner,#frame-center-inner .slider,#frame-center-inner .slider a ,#frame-center-inner .slider a img{height:311px;} .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider img {width:300px;} .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider,.frame-smaller-inner .slider img {height:187px;} #features-container {width:800px;margin-left:-400px} #frame-center-outer {left:170px;} .frame-smaller-outer {top:62px;} .frame-smaller-outer.left .slider { /* -1X Small Image width */ left:-300px; } #frame-center-inner .slider {/* -2X Large Image width */ left:-1000px; } .frame-smaller-outer.right .slider { /* -3X Small Image width */ left:-900px; } .nav-arrow.back {margin-left:105px;} .nav-arrow.next {margin-right:65px;} .news li { width:47%;} .videos {display:none;} .indpics .picno {display:block} .indpics .videos{width:0; height:0; overflow: hidden;left:-5000px;top:-5000px} .indpics .videos video {left:-5000px;top:-5000px} .coretech li {height:300px} .job .mright {width:100%} .job .mleft {display:none;} .partner li {width:23%;padding:6.75% 0} .navbar-nav li {width:50%} .indpro li .in {min-height:110px} .navbar8 .navbar-nav li {width:25%} .navbar8 .navbar-nav li:nth-child(1) {width:25%} .navbar8 .navbar-nav li:nth-child(2) {width:25%} .navbar8 .navbar-nav li:nth-child(3) {width:25%} .navbar8 .navbar-nav li:nth-child(4),.navbar8 .navbar-nav li:nth-child(5) {width:25%} .navbar8 .navbar-nav li:nth-child(6),.navbar8 .navbar-nav li:nth-child(7) {width:25%} .navbar8 .navbar-nav li:nth-child(8) {width:25%} .productlist li {width:48%} } @media only screen and (max-width: 640px){ .indpics .cons .t {font-size:25px; line-height:35px;margin:10px 20px 20px 20px} .indpics .cons .c {font-size:18px;margin:10px 0 0 0} .indpics .cons .m {margin:20px 0 0 0} .indpro li {width:48%} .indpro li .in {min-height:70px} .indlab {height:auto;padding:15% 0} .indlab {height:auto;padding:15% 0} .foot ul.menu {width:100%} .foot ul.ct {margin-top:0} .foot ul.link {margin:50px 0 0 0;width:100%; } .foot .cons {float:left; clear: both;margin-top:35px; } .foot .cons .t {margin:15px 0 5px 0} .bannerin .t2 {font-size:18px; line-height:28px;} .bannerin .t {font-size:30px; line-height:40px;margin:5px 0 20px 0} .bannerin .c {font-size:14px} .about .cons {width:100%; padding:25px 20px 20px 20px} .about .pics { position:relative;top:0;width:100%;margin:30px 0 0 0} .yflab li {width:96%;} /* 澶у浘300X188,灏忓浘150X95 */ #frame-center-outer,#frame-center-inner,#frame-center-inner .slider a,#frame-center-inner .slider a img {width:300px;} #features-container,#frame-center-outer,#frame-center-inner,#frame-center-inner .slider,#frame-center-inner .slider a ,#frame-center-inner .slider a img{height:188px;} .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider img {width:150px;} .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider,.frame-smaller-inner .slider img {height:95px;} #features-container {width:600px;margin-left:-300px} #frame-center-outer {left:150px;} .frame-smaller-outer {top:47px;} .frame-smaller-outer.left .slider { /* -1X Small Image width */ left:-150px; } #frame-center-inner .slider {/* -2X Large Image width */ left:-600px; } .frame-smaller-outer.right .slider { /* -3X Small Image width */ left:-450px; } .nav-arrow.back {margin-left:0;left:80px;} .nav-arrow.next {margin-right:0;right:80px} .navbar3 .navbar-nav li a {letter-spacing:-1px} .product .submenu .c1 dd {padding:20px 0} .product .submenu .c2 .mleft {width:100%;margin:0} .product .submenu .c2 .mright {width:100%;margin:30px 0 0 0} .product li .mleft {width:90%;padding-left:5%} .product li .mright {width:100%;margin:30px 0 0 0} .servicesubject .t {font-size:22px; line-height:22px;} .servicesubject .c {font-size:14px;font-weight:400} .servicell ul {margin-top:-20px} .servicell li {width:96%;margin-top:20px} .servicell li .content {min-height:0} .contact .mleft {width:100%; text-align: center} .contact .mleft .t {text-align:center} .contact .mleft .p img {width:240px;margin:0 auto} .contact ul {width:100%;margin:30px 0 0 0} .job {padding:40px 0 0 0;} .job li i {right:10px;top:10px;font-size:14px} .job li .t {padding:10px 0;font-size:14px} .job li .t1 {padding:10px 0 10px 15px} .job li .t1 {width:27%} .job li .t2 {width:24%} .job li .t3 {width:24%} .job li .t4 {width:20%} .accordionservice .submenu {padding:20px 15px;font-size:14px} .culture li {width:97%} .navbar6 .navbar-nav li {width:33.3333%} .navbar7 .navbar-nav li {width:25%} .indche li .t {margin:10px 0 10px 0;} .navbar5 .navbar-nav li {width:33.3333%} .rd_capacity li {width:99%;padding:28% 0} .coretech li {height:220px} .coretech li .cons h2 { left:0px;top:10px;font-size:20px; line-height: 20px; text-align: center;width:100%} .coretech li .cons h3 { top:50px;} .coretech li .cons h3 p {width:14px;font-size:14px; line-height: 16px; letter-spacing: 0} .corporatestyle li {width:48%} .culture dd {height:350px;width:49%} .culture dd .cons { padding-top:0px} .culture dd .cons .t { margin:25px 0 20px 0;font-size:16px} .culture dd .cons .c {margin:0px 0 0 0;font-size:13px; } .product .submenu .c1 dd {width:90%;border-bottom:1px solid #ccc;} .product .submenu .c1 .clear {border-top-width:0;} .product li.li1 {padding-left:15px;padding-right:15px} .response li {width:48%;} .network .uleft {position:relative} .network .uright {position:relative;} .network .bg {height:auto} } @media only screen and (max-width: 480px){ .nav-arrow.back {margin-left:0;left:100px;} .nav-arrow.next {margin-right:0;right:100px} .indpro li .in {min-height:90px} } @media only screen and (max-width: 420px){ /* 澶у浘250X156,灏忓浘150X95 */ #frame-center-outer,#frame-center-inner,#frame-center-inner .slider a,#frame-center-inner .slider a img {width:250px;} #features-container,#frame-center-outer,#frame-center-inner,#frame-center-inner .slider,#frame-center-inner .slider a ,#frame-center-inner .slider a img{height:156px;} #features-container {width:500px;margin-left:-250px} #frame-center-outer {left:125px;} .frame-smaller-outer {top:32px;} .frame-smaller-outer.left .slider { /* -1X Small Image width */ left:-150px; } #frame-center-inner .slider {/* -2X Large Image width */ left:-500px; } .frame-smaller-outer.right .slider { /* -3X Small Image width */ left:-450px; } .nav-arrow.back {left:85px;} .nav-arrow.next {right:85px} .indpro li .in {min-height:110px} }