@charset "utf-8";
@media only screen and (max-width:1800px){
	.indpics .swiper-button-next,.indpics .swiper-button-prev {display:none;}
	.navbar li a {font-size:16px; line-height: 21px;}
	.bannerin_pro .cons .t {margin-top:15%}
}

@media only screen and (max-width:1500px){ 
	.wrap {margin:0 4%}
	.footer dl {margin:0 0 0 8%}
	.service li .cons {margin:0 0 0 8%;width:56%;}
	.service li .cons .t {font-size:30px; line-height: 40px;}
	.service li.li2 .cons {margin:0 8% 0 0}
	.service li .cons .c {margin:15px 0 40px 0}
	.service li .cons .t2 {font-size:20px; line-height: 30px;}
	.about li .cons {padding-top:15%}
	.about li .cons .t {font-size:25px; line-height:35px;margin:0 0 15px 0}
	.about li .cons .c {font-size:14px; letter-spacing: 0.1px}
	.indpro .swiper-slide .cons .text {min-height:380px;}
}

@media only screen and (max-width:1440px){ 
	.indpro .swiper-slide .cons .text {min-height:420px;}
	.bannerin_pro .cons .t {margin-top:18%}
    .fixtop .navpc li {margin:0 0 0 40px;}

}

@media only screen and (max-width:1360px){ 
	.footer {font-size:14px}
	.footer dl {max-width:300px;margin:0 0 0 5%}
	.footer dl.dl4 {max-width:270px}
	.footcopy {font-size:14px}
	.about li .cons {padding-top:10%}
	.indpro .swiper-slide .cons .text {min-height:450px;}
	em.br {display:inline-block;}
    .fixtop .navpc li {margin:0 0 0 25px;}
	
}

@media only screen and (max-width:1200px){ 
	body {line-height:1.7;}
	html,body,input,button,select,textarea {font-size:14px;}	
	.phonemenu { display:block;}
	.fixtop .navpc {display:none;}
	::-webkit-scrollbar {width: 0px;}	
	#cookieConsent .cons {width:420px;padding:20px 25px 30px 25px;}
	#cookieConsent .cons .t {font-size:20px; line-height:25px; letter-spacing: 0.1px}
	#cookieConsent .cons .c {margin:15px 0 25px 0}
	#cookieConsent .cons .m a {height:35px; line-height:35px;font-size:14px;width:42.5%}
	#cookieConsent .cons .m a:nth-child(2) {margin:0 0 0 4%;width:52.5%}	
	.indpics .swiper-slide .cons .t {font-size:20px; line-height:30px;letter-spacing:0;max-width:600px;margin:-50px 0 0 0}
	.indpics .swiper-slide .cons .c {margin:15px 0 30px 0;max-width:600px;}
	.indmore a p {letter-spacing:0;padding:0 20px;height:35px; line-height: 37px;font-size:14px;}
	.indmore a:hover p {padding:0 20px}
	i.jump {padding:0 0 0 2px;bottom:20px;font-size:16px; line-height:16px;}	
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:5px;}
	.swiper-pagination-bullet {width:5px;height:5px}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px}	
	.fixtop {height:50px;}
	.fixtop .logo { top:17px;}
	.fixtop .logo img {height:16px;}
	.fixtop .logo p {display:none;}
	.fixtop.active,.fixtopbg {top:0px;}
	.fixtop.active .logo,.fixtopbg .logo {top:17px}
	.fixtop.active,.fixtopbg {background: rgba(0,32,74,0.95)}
	.fixtop .en {margin:0 35px 0 0;top:14px;}
	.fixtop .en span {margin:1px 5px 0 0;font-size:18px; line-height:18px;}
	.fixtop.active .en ,.fixtopbg .en{opacity:1}
	.swiper-button-next,.swiper-button-prev {width:25px;height:25px;}
	.swiper-button-next:after,.swiper-button-prev:after {font-size:16px;width:25px;height:25px;padding:0;line-height:25px; }
	.indsubject {padding:40px 0 25px 0; font-size:20px; line-height: 20px;}
	.indsubject a {top:42px;font-size:14px;}
	.indsubject a span {margin:-1px 0 0 -2px}
	.indpro .swiper-slide .cons {padding:20px 15px 20px 15px;}
	.indpro .swiper-slide .cons .t {line-height: 25px;font-size:18px}
	.indpro .swiper-slide .cons .c {margin:10px 0 25px 0;}
	.indpro .swiper-slide .cons .text {min-height:380px;}
	.indmore2 {margin:0 10px 0 0}	
	.indmore2 a {padding:1px;border-radius:30px;}
	.indmore2 a i {border-radius:30px;height:28px;width:130px;}
	.indmore2 a p { line-height: 32px;font-size:13px}
	.indmore2 a:before {border-radius:30px;}	
	.indpro .swiper-button-next,.indpro .swiper-button-prev {margin-top:16.3%;}
	.indpro .swiper-button-prev {left:-12px}
	.indpro .swiper-button-next{right:-12px}
	.indnews {padding:0 0 40px 0}
	.indnews li .cons {bottom:15px}
	.indnews li .cons .t,.indnews li .cons .c {height:25px; line-height:25px;}
	.indnews li .cons .t {font-size:16px;}
	.indnews li .cons .c {font-size:13px;margin:-3px 0 0 0; letter-spacing: 0.1px}
	.indnews li:nth-child(1) .cons .c {height:40px; line-height: 20px;margin:0px 0 0 0}
	#foot {padding:30px 0 30px 0; letter-spacing: 0.1px}
	.footer dl {margin:0;display:none;}
	.footer dl.dl1 {display:block}
	.footer dl.dl4 {display:block;}	
	.footer dt {margin:0 0 10px 0;font-size:18px; line-height:18px}
	.footer dl.dl1 dt img {height:15px}
	.footer dl.dl1 .c {font-size:20px; line-height:30px;margin:0 0 15px 0}
	.social {margin:25px 0 0 0}
	.social a {margin:0 10px 0 0;}
	.social a img {width:20px}
	.social a:hover {top:0}	
	.messageemail {height:30px;margin:20px 0 0 0}	
	.messageemail .icon {width:40px; line-height: 30px;left:0}
	.messageemail .icon span {font-size:16px;}	
	.messageemail .input {margin:0 30px 0 40px;}
	.messageemail .input input {height:28px;padding:2px 0 0 0}	
	.messageemail .btn {width:30px;height:30px;}
	.messageemail .btn:before {width:30px;height:30px;}
	.messageemail .btn:after {font-size:16px;width:30px; line-height: 30px;}
	.footcopy {padding:15px 0 0 0;margin:30px 0 0 0;}	
	.bannerin .cons .t {font-size:22px; line-height: 32px;letter-spacing:0.2px;max-width:600px;margin:40px 0 0 0;}
	.bannerin .cons .c {margin:10px 0 0 0;max-width:600px;letter-spacing: 0.1px; line-height: 1.4}
	.bannerin2 .cons .c {font-size:16px; letter-spacing: 0.1px;margin-top:5px}
	.service li {padding:40px 0}
	.service li .pic {width:40%;}
	.service li .cons {margin:0 0 0 5%;width:55%;}
	.service li.li2 .cons {margin:0 5% 0 0}
	.service li .cons .t {font-size:20px; line-height:30px;}
	.service li .cons .c {margin:10px 0 30px 0; letter-spacing: 0.1px}
	.service li .cons .t2 {font-size:16px; line-height:24px;margin:0 0 10px 0}	
	.infoshow {min-height:0px}
	.infoshow .wrap {max-width:auto;margin:0 4%}
	.infoshow .t { font-size:20px; line-height:30px;margin:90px 0 25px 0;padding:0 0 15px 0}
	.infoshow .t2 {font-size:14px;margin:0px 0 -5px 0; letter-spacing: -0.1px}
	.infoshow .c {margin:0 0 40px 0; letter-spacing: 0.1px}	
	.about {padding:40px 0 50px 0}
	.about .subject {font-size:20px; line-height: 20px;margin:0 0 30px 0}
	.about ul {width:103%;margin:-3% 0 0 -1.5%}
	.about li {width:30.3333%;margin:3% 1.5% 0 1.5%; padding:0;height:450px;border-radius:10px}
	.about li .cons {padding:15% 5% 0 7%}
	.about li .cons .t {font-size:18px; line-height:26px;margin:0 0 10px 0}
	.about li:hover {top:0}	
	.job {padding:40px 0 50px 0;}
	.job .subject {font-size:22px; line-height:22px;margin:0 0 30px 0}
	.job ul.u1 {font-size:16px; line-height: 24px;}
	.job li .t {padding:15px 0; }
	.job li .t1 {width:34%;padding:15px 0 15px 20px;}
	.job li .t2 {width:31%}
	.job li .t4 {width:35%}
	.job li .t3 {width:0%;display:none;}
	.job li .t5 {width:0;display:none;}
	.accordionservice li .link {font-size:16px; line-height:24px;}
	.accordionservice .submenu {padding:20px 20px 25px 20px;letter-spacing: 0.1px}
	.accordionservice .submenu .indmore {margin-top:20px; }
	.accordionservice .submenu .indmore span {margin:10px 0 0 -1px;font-size:16px; line-height:16px}	
	.newstj {padding:40px 0 0 0}
	.newstj li .addtime {top:12px;font-size:13px; letter-spacing: 0.05px}
	.newstj li .addtime span {font-size:13px;margin:0 8px 0 0}
	.newstj li .cons {bottom:15px;letter-spacing: 0.1px}
	.newstj li .cons .t {font-size:18px; line-height:25px;height:25px;margin:0 0 3px 0}
	.newstj li .cons .c {line-height:22px;height:44px;}	
	.news {padding:0 0 50px 0}
	.news li .cons {padding:15px 15px 20px 15px;}
	.news li .cons .addtime {letter-spacing: 0.05px;font-size:13px}
	.news li .cons .addtime span i {font-size:13px; line-height: 13px;margin:0 5px 0 0}
	.news li .cons .title {height:25px; line-height:25px;margin:10px 0 10px 0;}
	.news li .cons .title a {font-size:16px;letter-spacing: -0.2px}
	.news li .cons .content { letter-spacing:0.1px; line-height: 22px; height:44px;}	
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:2px 5px;width:30px; height:30px; line-height:28px; border-radius:30px;}   
	.pager font {margin:0;} 
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}
	.pager i {line-height: 28px;margin:0 5px; letter-spacing: 2px}	
	.contact {padding:40px 0 50px 0}
	.contact .text .t {font-size:22px; line-height:30px; letter-spacing: -0.5px}
	.contact .text .c { letter-spacing: 0.1px;margin:15px 0 40px 0}	
	.contact .mleft {width:40%}
	.contact .mleft li {border-radius:10px;padding:34px 15px 34px 70px;margin:10px 0 0 0}
	.contact .mleft li .pic {height:35px;width:35px;left:20px;top:40px;}
	.contact .mleft li.li22 .pic {top:62px}
	.contact .mleft li .pic span {font-size:20px; line-height:35px}
	.contact .mleft li.li21 .pic span {font-size:22px;}
	.contact .mleft li.li20 .pic span {font-size:19px;}
	.contact .mleft li .cons .t {font-size:18px; line-height:26px;margin:0 0 0px 0}
	.contact .mleft li .cons .c {letter-spacing: 0.1px}
	.contact .message {width:58%;}	
	.contact .message .in {border-radius:10px;padding:15px 15px 15px 15px;margin:0 0 25px 0}
	.contact .message .subject {margin:0 0 15px 0}
	.contact .message ul {width:104%;margin:-2% 0 0 -2%}
	.contact .message li {width:46%;margin:2% 2% 0 2%;}
	.contact .message li.full {width:100%}
	.contact .message li.sex:after {height:35px;font-size:16px; line-height: 35px;}
	.contact .message li select {height:35px;padding:0 10px;}
	.contact .message li input[type="text"] {height:35px;padding:0 10px;}
	.contact .message li.beizu {width:96%;}
	.contact .message li textarea {padding:8px 10px;height:120px;}
	.contact .message .indmore {margin-left:20px;}
	.bannerin_pro .cons .t,.bannerin_pro .cons .c {max-width:650px}
	.bannerin_pro .cons .t {margin-top:18%}
	.navbar li:after {width:1px;}
	.navbar li a {font-size:14px; line-height:17px;height:50px; letter-spacing: 0.1px;border-top:1px solid #1a375c}
	.problank.active {height:0}
	.navbar li p {top:-1px}
	.navbar.active { position:relative;}
	.navbar {z-index:1;}
	.namemj {top:-50px; position: absolute;}		
	.product {padding:20px 0 40px 0;min-height:0px}
	.product li {padding:30px 3% 30px 3%;margin:20px 0 0 0}
	.product li .mleft {width:28%}
	.product li .mright {width:69%;margin:0 0 0 3%}
	.product li .mright .title {font-size:20px; line-height:30px;}
	.product li .mright .gs_content { letter-spacing: 0.1px; margin:10px 0 0 0;}
	.product li .mright .link .indmore2 a i {width:140px}	
	.product li .mright .link .indmore2 {margin:25px 0 0 0;}
	.product li .mright .link .indmore2 span {margin:10px 0 0 5px;}
	.product li .mright .link.active .indmore2 span {margin-top:8px;}
	.product .submenu {margin:0 0% 0 0%}
	.product .submenu .c1 {font-size:14px;margin:30px 0 0px 0}
	.product .submenu .c1 .t {margin:0 0 2px 0}	
	.product .submenu .c1 dl {width:104%;margin:0 0 0 -2%}
	.product .submenu .c1 dd {float:left;width:46%;margin:0 2%;padding:15px 0}
	.product .submenu .c1 .clear {margin:0 0 0 2%;width:96%}
	.product .submenu .c1 td,.product .submenu .c3 td {font-size:14px;padding:3px 5px;}
	.product .submenu .c2 .mright {font-size:14px;}
	.product .submenu .c2 .mright p {margin:3px 0;}	
	.product .submenu .c2 .mright p:before {left:-10px;top:8px;width:5px; height:5px;}
	.product .submenu .c3 {margin:25px 0 0 0;font-size:14px;}	
	.infoshow .c table.table1 td:nth-child(2) {width:45%;padding:0 0 0 5%;font-size:14px}
	.infoshow .c table.table2 td:nth-child(2) {width:45%;padding:0 0 0 5%;}
	.infoshow .c table.table2 td:nth-child(2) img {margin:0 0 10px 0}
	.infoshow .c table.table3 td{width:35%}
	.infoshow .c table.table3 td:nth-child(2) {width:60%;padding:0 0 0 5%;}
	.infoshow .c .tb28_1 td{padding:10px 5px; word-break: break-all;font-size:12px; line-height: 1.6}	
	.servicell ul {margin:-2% 0 0 -1%}
	.servicell li {border-radius:5px;padding:20px 2% 20px 2%; margin:2% 1% 0 1%;}
	.servicell li:hover {top:0}
	.servicell li .icon {width:50px;}
	.servicell li .num {margin:30px 0 15px 0}
	.servicell li .num h1 {font-size:30px; line-height:30px}
	.servicell li .num h2 { font-size:13px; line-height:13px;margin:10px 0 0 5px;}
	.servicell li:nth-child(4) .num h2 {font-size:30px; line-height:30px;margin:-5px 0 0 0px}
	.servicell li .content {min-height:40px; line-height:20px;font-size:14px;}
	.infoshow .c .rc2_2 {width:104%;left:-2%;margin:-2% 0}
	.infoshow .c .rc2_2 td{padding:1% 2%; }	
	.infoshow .c .rc3_1 {padding:15px 5% 25px 5%}	
	.product .submenu .c3 table.id49 td {width:auto;font-size:12px;}
	.product .submenu .c3 table.id49 tr:nth-child(1) td {font-size:14px;padding-top:5px}
	.product .submenu .c3 table.id49 tr:nth-child(3),.product .submenu .c3 table.id49 tr:nth-child(5),.product .submenu .c3 table.id49 tr:nth-child(7),.product .submenu .c3 table.id49 tr:nth-child(9),.product .submenu .c3 table.id49 tr:nth-child(11) {background:#f4f9f5}
	.product .submenu .c3 ul.list-paddingleft-2 li {padding:0 0 0 12px;}
	.product .submenu .c3 ul.list-paddingleft-2 li:before {top:12px}
	.product li .mright .gs_content p {padding:0 0 0 12px}
	.product li .mright .gs_content p:before {top:12px;}
	.product li .mright .gs_content_noli p {padding:0}
	.product li .mright .gs_content_noli p:before {display:None;}
	::-webkit-scrollbar {width: 0px;}	
	body.activeearth .fixtop .toper .logo i {left:0}
	.fixtop .logo a:before {left:0px;top:-2px; width:78px;height:16px;  background-size:cover;}
	.earthbtn {right:38px;top:13px; position:absolute}
	.earthbtn span.icon-dimensions {font-size:16px;}
	.fixtop.active .earthbtn {top:13px;opacity:1}
	.earthlist .in .grid { padding:10px 0 30px 0; }
	.earthlist .in .grid dl {margin:30px auto  auto}
	.earthlist .in .grid dt {font-size:18px;margin:0 0 5px 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 .wrap1 {left:0}
	body.activeearth .earthlist .in .grid  {padding-top:50px;}
	body.activeearth .fixtop.active .earthlist .in .grid  {padding-top:55px;}	
	body.activeearth .nav__icon {background-color:#333;}
	body.activeearth .nav__icon:before,body.activeearth .nav__icon:after {background:#333;}
	body.activeearth .phonemenu .nav--active .nav__icon:before {background: #333}
	body.activeearth .phonemenu .nav--active .nav__icon:after {background: #333}
    .product .submenu .c3 td,.product .submenu .c3 table.id49 tr:nth-child(1) td {padding:8px 3px 5px 5px}
    .product .submenu .c3 table.col-7 td {font-size:12px}
    .product .submenu .c3 table.col-7 tr:nth-child(1) td {font-size:14px;padding-top:6px}
	
}
@media only screen and (max-width:1020px){ 
	.indpro .swiper-slide .cons .text {min-height:250px;}
}

@media only screen and (max-width:788px){ 
	i.jump {display:none;}
	.indpics .swiper-slide {height:auto;padding:40% 0}
	.indpro .swiper-button-next,.indpro .swiper-button-prev {margin-top:23.9%;}
	.bannerin {height:auto;padding:40% 0}
	.about li {height:550px;}
	.news li {width:47%;}
	.navbar li {width:33.3333%; }
    .navbar-5 li {width:33.3333%}
    .navbar li
	.navbar li.li150,.navbar li.li150,.navbar li.li179,.navbar li.li180 {width:33.333%}
	.indpro .num0 {display:block}	
	.servicell li .content {min-height:60px;}
	.indpro .swiper-slide .cons .text {min-height:280px;}
}

@media only screen and (max-width:640px){ 
	.indpics .swiper-slide {padding:60% 0}
	.indpro .swiper-button-next,.indpro .swiper-button-prev {margin-top:42.2%;}
	.indnews li {width:48.6%;}
	.indnews li:nth-child(1) {width:98.6%;}	
	.footer dl {float:none;max-width:100%; text-align: center}
	.footer dl.dl4 {float:none;max-width:100%;margin:30px 0 0 0; text-align: center}
	.bannerin {padding:60% 0}	
	.service li .pic {width:100%;}
	.service li .cons {margin:30px 0 0 0;width:100%;}
	.service li.li2 .cons {margin:0 0 40px 0}
	.about ul {width:100%;margin:-4% 0 0 0}
	.about li {width:100%;margin:4% 0 0 0;height:320px}
	.about li .cons {vertical-align:middle;padding:0 10%;}
	.about li .cons .table .td {vertical-align:middle}
	.job li .t1 {width:50%;}
	.job li .t2 {width:50%}
	.job li .t4 {width:0;display:none}	
	.newstj ul {width:100%;margin:-4% 0 0 0}
	.newstj li {width:100%;margin:4% 0 0 0;padding:28.9% 0}
	.news ul {width:100%;margin:0}
	.news li {width:100%;margin:4% 0 0 0;}
	.contact .mleft {width:100%}
	.contact .message {width:100%;margin:30px 0 0 0}	
	.contact .message ul {width:100%;margin:-2.5% 0 0 0}
	.contact .message li {width:100%;margin:2.5% 0 0 0}
	.contact .message li.full {width:100%}
	.contact .message li.beizu {width:100%;}
	.navbar li {width:50%;}
	.navbar li.li150,.navbar li.li150,.navbar li.li179,.navbar li.li180 {width:50%}
	.product li {padding:30px 5%}
	.product li .mleft {width:90%;margin:0 5%}
	.product li .mright {width:100%;margin:40px 0 0 0}	
	.product .submenu .c1 {margin:10px 0 0px 0}
	.product .submenu .c1 dl {width:100%;margin:0}
	.product .submenu .c1 dd {width:100%;margin:0}	
	.product .submenu .c2 .mleft {width:100%;margin:0 0 25px 0}
	.product .submenu .c2 .mright {width:100%;}	
	.infoshow .c table.table1 td,.infoshow .c table.table2 td,.infoshow .c table.table3 td {display:block;width:100%}
	.infoshow .c table.table1 td:nth-child(2) {width:100%;padding:25px 0 0 0;}
	.infoshow .c table.table2 td:nth-child(2) {width:100%;padding:25px 0 0 0}
	.infoshow .c table.table3 td{width:100%}
	.infoshow .c table.table3 td:nth-child(2) {width:100%;padding:25px 0 0 0;}
	.servicell li {width:48%;}
	.servicell li .content {min-height:40px}
	.infoshow .c .rc5_1 {padding:30px 10% 40px 10%}
	.infoshow .c .rc5_1 td {display:block}
	.infoshow .c .rc3_1 {padding:5px 10% 25px 10%}
	.infoshow .c .rc3_1 td {display:block;width:100%}
	.infoshow .c .rc3_1 td:nth-child(2) {width:0%}
	.indpro .swiper-slide .cons .text {min-height:0px;}
	.bannerin_pro .cons .t {margin-top:25%}
	.indpics .swiper-slide .cons .t {margin-top:40px}
    .product .submenu .c3 td {word-break: break-all;}
	
}

@media only screen and (max-width:480px){ 
	#cookieConsent .cons {width:92%;padding:20px 4% 30px 4%;}
	#cookieConsent .cons .t {font-size:20px; line-height:25px; letter-spacing: 0.1px}
	#cookieConsent .cons .m a {height:30px; line-height:32px;font-size:12px;}
	.indpro .swiper-button-next,.indpro .swiper-button-prev {margin-top:49.5%;}
	.about li {height:420px;padding-bottom:20px}
	.servicell li .content {min-height:60px}
	.infoshow .c .rc2_2 {margin:-4% 0}
	.bannerin_pro .cons .t {margin-top:30%}
}