@charset "utf-8";
@media only screen and (max-width: 2048px){
.indlab { height:630px}	
}

@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%;}
.servicenet {height:800px;}
}
@media only screen and (max-width: 1465px){
.wrap {margin:0 3%}
.bx-wrapper .bx-prev {left:3%; }
.bx-wrapper .bx-next {right:3%;}
.fixtop .toper ul.navpc {right:75px}
.fixtop .toper ul.navpc li {margin:0 0 0 35px}	
.indpro li .t {padding-left:25px}
.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;}

}

@media only screen and (max-width: 1380px){
.fixtop .toper ul.navpc {right:65px}
.fixtop .toper ul.navpc li {margin:0 0 0 25px}	
.fixtop .toper .logo p {margin-top:17px;font-size:14px}
.fixtop.active .toper .logo p {margin-top:6px}
}

@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:50px 0 0 0}
.indpics .cons .c {font-size:16px;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:12px; height:30px;}
.fixtop .toper .logo p { margin:3px 0 0 10px;font-size:12px}
.fixtop .toper ul.navpc { display:none}
.fixtop .toper .search {right:35px;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:12px; 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:16px; line-height:26px; height:26px;padding:10px 0 0 5px}
.indpro li .t2 {font-size:16px; line-height:26px;padding-top:0;margin-top:0}
.indpro li .p {margin:20px 0 0 0}

.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.ct li .c {max-width:220px}
.foot ul.menu {width:35%}
.foot ul.ct:after {width:150px; height:74px; background-size:cover;}
.foot .cons {margin-top:-20px}
.foot .cons .logo { width:16px; 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:30px;}
.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-nav li {height:40px; line-height:38px;}
.navbar-nav li a {font-size:16px;}
.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}
.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 0 0}
.product .submenu .c1 td:nth-child(1) {padding:20px 5% 20px 0}
.product .submenu .c1 td:nth-child(2) {padding:20px 0 20px 5%}
.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:30px 0 0 0;font-size:16px;}

.prosub2 {margin:40px 0 0 0;padding:18px 20px 20px 30px}
.prosub2 li {padding:0 0 0 13px;margin-top:5px;margin-bottom:5px}
.prosub2 li a {font-size:14px}
.prosub2 li:before {width:4px; height:4px;top:11px}

.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;width:48%}
.servicell li:hover {top:0}
.servicell li .icon {width:60px;}
.servicell li .num {margin:25px 0 20px 0}
.servicell li .num h1 { font-size:35px; line-height:35px;}
.servicell li .num h2 { font-size:16px; line-height:16px;margin:0 0 0 5px}
.servicell li .content {min-height:50px; line-height:25px;font-size:16px}
.servicenet {margin:40px 0 -40px 0;}
.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;}
}

@media only screen and (max-width: 1024px){

}

@media only screen and (max-width: 768px){
.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;}
.servicenet {height:600px;}
.news li { width:47%;}
}

@media only screen and (max-width: 640px){
.indpics .cons .t {font-size:30px; line-height:40px;margin:50px 20px 0 20px}
.indpics .cons .c {font-size:14px;margin:10px 0 0 0}
.indpics .cons .m {margin:20px 0 0 0}
.indpro li {width:48%}
.indlab {height:auto;padding:15% 0}
.foot ul.menu {width:100%}
.foot ul.ct {margin-top:45px}
.foot ul.ct li .c {max-width:100%}
.foot .cons {float:left;margin-top:30px}
.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 td {width:100%; display:block}
.product .submenu .c1 td:nth-child(1) {padding:20px 0 20px 0}
.product .submenu .c1 td:nth-child(2) {padding:20px 0 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:100%}
.product li .mright {width:100%;margin:30px 0 0 0}
.servicenet {height:500px;}
.servicesubject .t {font-size:22px; line-height:22px;}
.servicesubject .c {font-size:14px;font-weight:400}
.servicell ul {margin-top:-20px}
.servicell li {width:98%;margin-top:20px}
.servicell li .content {min-height:0}
.contact .mleft {width:100%; }
.contact .mleft .p img {width:200px;margin:0 auto}
.contact ul {width:100%;margin:30px 0 0 0}
.job {padding:40px 0 0 0;}
.job li i {right:10px;top:12px}
.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}
.prosub2 li {width:46%}
}

@media only screen and (max-width: 480px){
.nav-arrow.back {margin-left:0;left:100px;}
.nav-arrow.next {margin-right:0;right:100px}
.servicenet {height:400px; background-position:center top}
.prosub2 li {width:96%}
.navbar3 li {width:50%}
}

@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}
.servicenet {height:300px;}
}