@charset "utf-8";
@media only screen and (max-width:1800px){
	.ind3 li {font-size:40px; line-height:50px;}
	.ind3_2 li .t {font-size:20px; line-height: 30px;}
	.ind3_2 li .c {font-size:16px; }	
	.bannerin {padding:0;height:320px}
	.bannerin .cons .c {font-size:14px;}
	.maininpage {margin-top:320px;}
	.indpics .swiper-slide .cons .t,.indpics .swiper-slide .cons .t2 {font-size:30px; line-height: 40px;padding:40px 0 0 0}
	.indpics .swiper-slide {padding:0 0 110px 0; }
	.indpics .swiper-slide .cons {height:110px;}
	.mainindex {padding:110px 0 0 0}
	.ind3 {padding:0px 0 20px 0}
	.ind3 li.center {padding:80px 0 0 0}
	.news .mleft {width:68%}
	.news .mright {width:26%}
	.bannerinshow  {padding:14.4% 0;height:auto}
	.mainshow {margin-top:28.8%;}
}

@media only screen and (max-width:1400px){
	.contact .mainright .company p {margin:0px 0 2px 0}
	.news .mleft li {min-height:202px;}
	.news .mleft li .pic {width:350px;height:202px}
	.news .mleft li .cons {margin:0 30px 0 390px;padding:25px 0 0 0}	
	.news .mleft li .cons .title {height:25px; line-height:25px;}
	.news .mleft li .cons .title a {font-size:18px;}
	.news .mleft li .cons .addtime {font-size:12px;margin:9px 0}
	.news .mleft li .cons .content { line-height: 25px; height:50px; margin:0 0 10px 0;font-size:13px}
	.news .mright p a,.news .mright dl.tag dd a {font-size:13px;}
	.news .mleft li .cons .more a {font-size:13px;}
	.news .mleft li .cons .more a span {font-size:14px;margin:4px 5px 0 0;}	
	.ind3 li {font-size:35px; line-height:45px;}
	.indpics .swiper-slide .cons .t,.indpics .swiper-slide .cons .t2 {font-size:30px; line-height: 40px;padding:30px 0 0 0}
	.indpics .swiper-slide {padding:0 0 90px 0; }
	.indpics .swiper-slide .cons {height:90px;}
	.mainindex {padding:90px 0 0 0}
	.ind3 {padding:0px 0 0px 0;}
	.ind3 li.center {padding:50px 0 0 0}
	.indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.indpics .swiper-pagination-fraction {margin-top:-75px}
	.inddi {padding:150px 4% 0 4%}
	.inddi .c .swiper-slide {min-height:335px;}
	.ind3_2 {margin:60px 0}
	.ind3_2 li {padding:25px 15px 30px 20px;}
	.ind3_2 li .t {font-size:16px; line-height:26px;margin:0 0 15px 0}
	.ind3_2 li .c {font-size:14px;}
	.fixtop {height:55px; }
	.fixtop .logo {top:15px}
	.fixtop .logo a {width:227px;height:25px;}
	.fixtop .navpc {margin:0 170px 0 0}
	.fixtop .navpc li {margin:0 0 0 40px}
	.fixtop .navpc li a.a {height:55px; line-height:53px;font-size:15px;}
	.fixtop .tel {top:10px;}
	.fixtop .tel a {font-size:15px; line-height: 25px;}
	.fixtop .tel a:before {top:5px;}
	.fixright {margin-top:-47px}
	.fixright li .tubiao {width:30px; height:30px; line-height:30px;border-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0;}
	.fixright li .tubiao span {font-size:16px}
	.fixright li .cons { right:32px;border-radius:3px;min-height:30px}
	.fixright li.tel .cons {width:160px; height: 30px; line-height:28px;font-size:14px}
	.ind3_3 {margin-bottom:-10px}
	.firstnews .cons .row {padding:0px 25px 0 25px}
	.firstnews .cons .row .t {margin:0 0 5px 0}
	.firstnews .cons .row .t a {font-size:16px}
	.firstnews .cons .row .c {line-height: 22px; height: 44px;}
	.indnews ul.ul3 li {height:130px;padding:18px 0 20px 0}
	.indnews ul.ul3 li:nth-of-type(2) {padding-left:25px;padding-right:25px}
	.indnews ul.ul3 li .t {margin:0 0 10px 0}
	.indnews ul.ul3 li .t a {font-size:16px;}
	.indnews ul.ul3 li .c {line-height: 22px; height:44px;}
}

@media only screen and (max-width:1044px){
	.wrap {margin:0 4%;}
	body {line-height:1.8;}
	html,body,input,button,select,textarea {font-size:14px;}
	::-webkit-scrollbar {width:0px;}	
	.phonemenu { display:block;}
	.fixtop {height:50px; }
	.fixtop .logo {top:17px}
	.fixtop .logo a {width:145px;height:16px;}
	.fixtop .navpc {display:none;}
	.fixtop .tel {margin:0 40px 0 0;right:0;top:11px;font-size:16px; line-height: 27px;}
	.fixtop .tel a {font-size:16px}
	.fixtop .tel a:before {top:7px; }
	.indpics .swiper-slide .title {right:4%;bottom:8px}
	.indpics .swiper-slide .title a {font-size:12px}
	.indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.indpics .swiper-pagination-fraction {margin-top:-55px;right:4%;width:5px;}
	.indpics .swiper-pagination-bullet {width:5px;height:5px;}
	.indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:5px 0}
	.ind3 {padding:0px 0 25px 0}
	.ind3 li {font-size:22px; line-height:32px;}
	.indpics .swiper-slide .cons .t,.indpics .swiper-slide .cons .t2 {font-size:20px; line-height: 30px;padding:25px 0 0 0}
	.indpics .swiper-slide {padding:0 0 65px 0; }
	.indpics .swiper-slide .cons {height:65px;}
	.mainindex {padding:65px 0 0 0}
	.ind3 li.center {padding:30px 0 0 0}
	.indpics .swiper-slide .cons .t {left:4%;}
	.indpics .swiper-slide .cons .t2 {right:4%;}
	.ind3_2 {margin:20px 0}
	.ind3_2 li {padding:15px 15px 20px 15px;}
	.ind3_2 li .t {font-size:16px; line-height:26px;margin:0 0 15px 0}
	.ind3_2 li .c {font-size:14px;}
	.ind3_2 li:hover {top:0}	
    .fixright {top:auto;bottom:0;margin-top:0;width:100%;background: rgba(178,178,178,0.95); text-align: center;}
    .fixright li {margin:0;float:left;width:33.3333%;border-left:1px solid rgba(255,255,255,0.3); position: static}
    .fixright li:nth-child(1) {border:0}
    .fixright li .tubiao {border-radius:0;width:100%;background: none;margin:0 auto;width:40px; height: 40px; line-height: 40px;}
    .fixright li .tubiao span {font-size:20px}
	.fixright li .cons {width:0;height:0; overflow: hidden;left:-500px;bottom:-500px}	
    .fixright li:hover .tubiao { background:none;color:#fff}	
	.fixright li.wx .cons {left:0;right:0;top:auto;bottom:40px;width:92%;height:110px;border-radius:0;padding:4% 4%; overflow: visible;background:rgba(255,255,255,0.95); text-align: left;}
	.indexsubject {font-size:20px; line-height: 20px;margin:40px 0 25px 0}
	.indcase li .pic span,.conslist .pic span {padding:0 20px;bottom:15px}
	.indcase li .cons,.conslist .cons {padding:15px 20px 0 20px;height:100px;}
	.indcase li .cons .t a,.conslist .cons .t a {font-size:16px;}
	.indcase li .cons .t2,.conslist .cons .t2 {height:20px; line-height: 20px;margin:5px 0 0 0}
	.indcase li:nth-of-type(1) .pic span {font-size:12px}
	.indcase li:nth-of-type(1) .cons {padding:15px 20px 0 23px;}
	.indcase li:nth-of-type(1) .cons .t {height:30px;line-height: 30px;margin:0px 0 0px 0;}
	.indcase li:nth-of-type(1) .cons .t a {font-size:16px}
	.indcase li:nth-of-type(1) .cons .t2 a {font-size:14px}	
	.indmore {padding:10px 0}
	.indmore a {font-size:12px;height:30px; line-height:28px;padding:0 15px;border-radius:25px;margin:0 5px}
	.indnews {margin:20px 0 0 0}
	.firstnews .cons .row {padding:0 20px 0 20px}
	.firstnews .cons .row .t {height:25px; line-height:25px;margin:0 0 8px 0}
	.firstnews .cons .row .t a {font-size:16px;}
	.firstnews .cons .row .c {font-size:13px; line-height: 22px; height: 22px;}
	.indnews ul.ul3 {margin:30px 0 30px -2%}
	.indnews ul.ul3 li {height:120px;padding:18px 0 20px 0}
	.indnews ul.ul3 li:nth-of-type(2) {padding-left:15px;padding-right:15px}
	.indnews ul.ul3 li .t {height:20px; line-height: 20px;margin:0 0 10px 0}
	.indnews ul.ul3 li .t a {font-size:16px;}
	.indnews ul.ul3 li .c {font-size:13px; line-height: 25px; height:50px;}
	.indnews .grid {padding:15px 20px}
	.indnews .grid li {width:46%}
	.indnews .grid li a {font-size:13px}	
	.inddi {padding:40px 4% 0 4%;margin:40px 0;}
	.inddi .t {font-size:18px; line-height:28px;}
	.inddi .c {font-size:16px;margin:5px 0 0 0}
	.inddi .c img {margin:30px 0 0 0;max-width:80px}
	.inddi .c .swiper-slide {min-height:145px;}
	.ind3_3 li .c {font-size:14px;}
	.indwx {padding:40px 0}
	.indwx img {max-width:120px;}
	.indwx .title {font-size:16px; line-height:26px;margin:10px 0 0 0}
	.foot { background-repeat: center;background-size:50%;padding:30px 0 70px 0;}
	.foot .left {width:100%; }
	.foot .left .t1,.foot .left .t1 a {font-size:20px;}
	.foot .left .company {margin:15px 0}
	.foot .right {display:none;}
	.foot .copy {margin:30px 0 0 0;font-size:13px;}
	.foot .copy .c1:nth-of-type(2) {margin:0}
	.foot .copy .c1:nth-of-type(2) a{color:#222224;margin:0 10px 0 0}
	.bannerin {height:250px}
	.maininpage {margin-top:250px;}
	.bannerin .cons .c {padding:50px 0 0 0;}
	.aboutcurrent {padding:35px 0 25px 0}
	.aboutcurrent .title {font-size:20px; line-height:30px;}
	.aboutcurrent .current {font-size:13px;}
	.about {margin:0 0 40px 0}
	.about .mainright {min-height:0}
	.about .mainright h3,.about .mainright h1,.about .mainright h2 {font-size:16px; line-height: 1.8}
	.aboutlist {padding:0 0 20px 0}
	.aboutlist li .text { padding:20px 10% 0 0}
	.casecurrent {padding:30px 0 20px 0}
	.casecurrent .current {font-size:13px;width:100%;}
	.casecurrent .menu {width:100%; text-align: left;margin:10px 0 0 0}	
	.casecurrent .menu li {margin:0 20px 5px 0}
	.casecurrent .menu li a {font-size:14px;}
	.case {margin:0 0 100px 0}
	.get_more{bottom:-45px;width:150px;margin:0 0 0 -75px;padding:0}
	.get_more p {font-size:12px;height:30px; line-height:28px;border-radius:30px}
	.indmorecase {bottom:-45px;padding:0;margin-left:0px}
	.bannerinshow  {padding:14.4% 0;height:auto}
	.mainshow {margin-top:28.8%;}
	.about .hy {padding:0 50px 0 0}	
	.showtel {margin:30px 0 30px 0}
	.showtel p {height:30px; line-height: 28px;border-radius:30px;font-size:14px;padding:0 15px; }
	.showsubject {font-size:18px;margin:0 0 30px 0;}
	.showsubject a {top:5px;font-size:14px;}
	.showsubject a span {margin:-1px 6px 0 0;font-size:16px}
	.casetj .case {margin-bottom:20px}	
	.servicecurrent {margin-bottom:0px}
	.servicecurrent .title {margin:-2px 0 0 0;font-size:14px}
	.service li {height:200px; border-radius:5px;padding:15px 20px 20px 20px}
	.service li .title {font-size:18px; line-height: 28px;}
	.service li .title2 {font-size:13px;}
	.service li .cons {bottom:20px;padding:0 20px;font-size:13px;}
	.servicecons {font-size:20px;margin:80px 0 70px 0}
	.map {height:250px}
	.maincontact {margin-top:250px;}
	.map iframe,#container {height:250px}
	.contact .mainright .company {font-size:14px; line-height: 2;margin-top:-10px}
	.contact .mainright .company p {font-size:14px; line-height:2;margin:0px 0 2px 0}
	.contact .mainright .content {margin:20px 0; line-height: 2}
	.contact .mainright .content h1,.contact .mainright .content h2,.contact .mainright .content h3 {font-size:14px}	
	.contact .mainright .wx img {width:120px;left:-10px}
	.contact .mainright .wx p {margin:2px 0 0 5px}
	.contact .mainright .beizu {margin:30px 0 0 0}
	.news {margin:-25px 0 40px 0}
	.news .mleft {width:73%}
	.news .mleft li {min-height:190px;margin:30px 0 0 0;}
	.news .mleft li .pic {width:329px;height:190px; }
	.news .mleft li .cons {margin:0 20px 0 349px;padding:20px 0 0 0}
	.news .mleft li .cons .title {height:25px; line-height:25px; }
	.news .mleft li .cons .title a {font-size:16px;}
	.news .mleft li .cons .addtime {font-size:12px;margin:11px 0}
	.news .mleft li .cons .content { line-height: 22px; height:44px;margin:0 0 15px 0;font-size:12px}
	.nshow .mleft .gs {padding:15px 20px 18px 20px;margin:25px 0 0 0}
	.news .mleft li .cons .more a {font-size:12px;}
	.news .mleft li .cons .more a span {font-size:14px;margin:1px 5px 0 0;}
	.news .mright dl {padding:15px 20px 20px 20px;}
	.news .mright dt {margin:0 0 10px 0}
	.news .mright p.pic {margin:0 0 15px 0}
	.news .mright p a {font-size:13px}
	.news .mright dl.tag dt {padding:0 0 5px 0;margin:0 0 5px 0}
	.news .mright dl.tag dd {margin:0 10px 0 0}
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:2px 5px;width:25px; height:25px; line-height:23px;border-radius:25px;}   
	.pager font {margin:0;} 
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}
	.pager i {line-height:25px; margin:0 5px; letter-spacing: 1px}
	.news .mright dl.top {margin-top:15px}
	.nshow .mleft .tt {font-size:20px; line-height: 30px;margin:20px 0 10px 0}
	.nshow .mleft .t2 {font-size:13px;}
	.nshow .mleft .cn {margin:25px 0 20px 0}
	.nshow .mleft .beizu {padding:10px 20px;border-radius:5px;margin:30px 0 25px 0}
	i.jiantou {width:30px; height:8px;margin:10px 0; }
	i.jiantou:Hover {width:30px;}
	.nshow .mleft .pc div a { height:40px; line-height: 38px;border-radius:40px; font-size:13px;padding:0 20px; }
	.nshow .mleft .pc div a i { margin:15px 8px 0 0;}
}

@media only screen and (max-width:788px){
	.service li {width:49.6%;}
	.service li:nth-of-type(3),.service li:nth-of-type(7),.service li:nth-of-type(11) { background: #f7f7f7}
	.service li:nth-of-type(4),.service li:nth-of-type(8),service li:nth-of-type(12) {background:#d3d3d3}
	.service li:hover {background:#000;color:#fff}
	.news .mleft li .pic {width:250px }
	.news .mleft li .cons {margin-left:270px}
	.indpics .swiper-slide .pic img.pc {display:none;}
	.indpics .swiper-slide .pic img.mb {display:block}
	.indpics .swiper-slide .in {padding:50% 0;}
	.mainindex {margin-top:100%}	
	.firstnews .cons .row .t {height:20px; line-height:20px;margin:0 0 5px 0}
	
}

@media only screen and (max-width:640px){	
	.ind3 li {font-size:20px; line-height:35px;}
	.indpics .swiper-slide .cons .t,.indpics .swiper-slide .cons .t2 {font-size:18px; line-height: 33px;padding:20px 0 0 0;font-weight:400; text-align: center;left:0;width:100%}
	.indpics .swiper-slide .cons .t2 {left:0;top:40px;width:100%; text-align: center;right:auto}
	.indpics .swiper-slide {padding:0 0 105px 0; }
	.indpics .swiper-slide .cons {height:105px;}
	.mainindex {padding:105px 0 0 0}
	.ind3 li.center {padding:30px 0 0 0;font-weight:400}
	.indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.indpics .swiper-pagination-fraction {margin-top:-70px;}
	.ind3_2 ul {width:100%;margin:0 0 0 0}
	.ind3_2 li {width:100%;margin:2% 0;}
	.ind3_2 {margin:0px 0}
	.indexsubject {margin:35px 0 25px 0}
	.indcase ul,.case {width:100%;margin:-30px 0 0 0}
	.indcase li,.conslist {width:100%;margin:30px 0 0 0}
	.indcase li:nth-of-type(1) {width:100%}
	.indcase li:nth-of-type(3) { position:relative;margin-top:30px;}
	.indcase li .pic span,.conslist .pic span {padding:0 15px;bottom:10px}
	.indcase li .cons,.conslist .cons {padding:20px 0px 0 15px;height:auto}
	.indcase li:nth-of-type(1) .cons { position:relative;padding:20px 0 0 15px;left:0}
	.indcase .clear:nth-of-type(1) {display:none;}
	.indmore {padding:70px 0 40px 0}	
	.firstnews {padding-bottom:140px}
	.firstnews .pic {width:100%;height:auto;padding:29% 0}
	.firstnews .cons {width:100%;padding:0; position: relative;left:0;top:0;height:auto;float:left;}
	.firstnews .cons .row {padding:25px 20px 30px 20px;float:left; position:relative;top:0;left:0;width:100%; background: #f7f7f7}
	.firstnews .cons .row:nth-of-type(2) {top:140px;left:0; position: absolute;margin-top:58%;background: #f7f7f7;height:140px; z-index: 999}
	.firstnews .cons .row .t {height:20px; line-height:20px;margin:0 0 15px 0}
	.firstnews .cons .row .c {height:50px; line-height:25px}		
	.indnews ul.ul3 {width:100%;margin:30px 0}
	.indnews ul.ul3 li {margin:0;width:100%;height:auto;padding:0 20px}
	.indnews ul.ul3 li .t {height:20px; line-height:20px;margin:0 0 15px 0}
	.indnews ul.ul3 li .c {height:50px; line-height: 25px;}
	.indnews ul.ul3 li:nth-of-type(2) {padding:20px;margin:20px 0}
	.indnews .grid {padding:20px;display:none}
	.indnews .grid ul {width:100%;margin:0}
	.indnews .grid li {width:100%;margin:1px 0;height:auto;}
	.bannerin {height:200px}
	.maininpage {margin-top:200px;}	
	.bannerinshow  {padding:0;height:200px}
	.mainshow {margin-top:200px;}	
	.bannerin .cons .c {padding:50px 0 0 0;font-size:12px; }
	.mainleft {width:100%;}
	.aboutcurrent .current {text-align: left;width:100%; position: absolute;}
	.mainright {width:100%;}
	.aboutcurrent .title {padding-top:35px;width:100%}
	.aboutcurrent .current {width:100%}
	.aboutlist {padding:0 0 0 0}
	.aboutlist ul {margin-top:-30px}
	.aboutlist li {margin-top:30px}
	.aboutlist li .text { position:relative;top:0;padding-right:0}
	.case {margin:0 0 185px 0}
	.get_more,.indmorecase{bottom:-100px;padding:0}
	.showsubject {margin:0 0 -5px 0;}
	.casetj .case {margin-bottom:45px}
	.about .hy {position:relative;bottom:auto;top:0;padding:40px 0 30px 0;margin:0;width:100%}	
	.service ul {width:100%;margin:-4% 0 0 0}
	.service li {width:100%;margin:4% 0 0 0; height:auto}
	.service li .cons {position:relative;bottom:0px;padding:0;margin:30px 0 0 0}
	.service li:nth-of-type(4),.service li:nth-of-type(8),service li:nth-of-type(12) { background: #f7f7f7}
	.service li:nth-of-type(3),.service li:nth-of-type(7),.service li:nth-of-type(11) {background:#d3d3d3}
	.service li:hover {background:#000;color:#fff}
	.news .mleft {width:100%}
	.news .mright {width:100%;margin:40px 0 0 0}	
	.news .mleft li {min-height:135px;}
	.news .mleft li .pic {width:234px;height:135px; }
	.news .mleft li .cons {margin:0 15px 0 249px;padding:15px 0 0 0}
	.news .mleft li .cons .title a {font-size:14px;}
	.news .mleft li .cons .addtime {margin:7px 0;}
	.news .mleft li .cons .content {margin:0;}
	.news .mleft li .cons .more {display:none;}
	.nshow .mleft .pc div {float:none;width:100%;margin:10px 0}
	.nshow .mleft .pc div:nth-child(1) {margin:0}
	.nshow .mleft .pc div {display:block}
	.nshow .mleft .pc div.prev a i {transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
	.indcase li.li6,.indcase li.li7,.indcase li.li8 {display:none;}
	.aboutlist li.mainright .text {padding-left:0}
}

@media only screen and (max-width:480px){
	.news .mleft li .pic {width:120px;}
	.news .mleft li .cons {margin-left:140px;}	
}