@charset "utf-8";
@media only screen and (max-width:1480px){
	.wrap {margin:0 4%}
	.indnews .list li .pic {padding:0;height:185px;}
	.indnews .list li.big .pic {padding:0;height:408px;}
	.foot .logo {width:28%;margin:10px 2% 0 0}
	.foot .mright {width:70%;}	
	.bannerin {padding:0;height:500px}
	.bannerin .cons .c {padding:50px 0 0 0;font-size:40px; line-height: 60px;letter-spacing: 1px}
	.maincons{margin-top:500px;}	
	.product .mleft {width:25%;}
	.product .indhotpro {width:73%}	
	.spec-scroll .prev,.spec-scroll .next{height:104px; line-height:104px;}
	.spec-scroll .items,.spec-scroll .items ul{height:104px;}
	.spec-scroll .items ul li    {width:85px;}
	.spec-scroll .items ul li img{width:70px;height:98px}
	.choose li.li111 .pic {min-height:150px}
	.about li .cons {padding:0 2% 0 2.5%;height:26vw}
	.partner li {height:80px;}
	.partner li img {max-width:150px;max-height:50px;}
	.fixtop .navpc li {margin:0 0 0 55px;}
	
}

@media only screen and (max-width:1044px){
	html,body,input,button,select,textarea {font-size:14px;}	
	::-webkit-scrollbar {width:1px;}
	.phonemenu { display:block;}	
	.fixtop,.fixtop.active {height:50px;}
	.fixtop .logo,.fixtop.active .logo { top:10px;}
	.fixtop .logo a,.fixtop.active .logo a {background-position: left top; width:42px;height:30px;}
	.fixtop .navpc {display:none;}
	.fixtop .en {right:35px;top:12px;}
	.fixtop .en i {display:none;}
	.fixtop .en a {display:none}
	.fixtop .en a.dis {display:block}
	.topsearch {right:90px;top:13px; z-index: 1000;display:none;}
	.topsearch .btn span {font-size:18px; line-height:18px}
	.topsearch .search { top:-3px;}
	.topsearch .search #k {width:185px;padding:0 0 0 15px;}
	.topsearch .search #sbtn {right:0;top:-1px;font-size:18px;width:40px;height:30px}
	.topsearch span.icon-close-bold {left:-33px;top:-2px;font-size:16px;color:#1d3d51}
	.topsearch.active .search{width:220px}
	.fixtop.active {top:0;}	
	.fixtop.active .en,.fixtop.active .topsearch {opacity:1}	
	.fixtop .en .tel {display:none;}	
	.indpics .swiper-slide .cons .text {font-size:30px; line-height: 45px;}
	.indpics .swiper-slide .cons .content {font-size:16px; line-height: 1.6;margin:15px 0 30px 0}
	.indmore a {padding:0 20px;height:30px; line-height: 27px;border-radius:30px}
	.indmore span {margin:2px -2px 0 0;font-size:16px;}
	.indmore a:hover {padding:0 25px}	
	.indsubject {padding:40px 0 25px 0}
	.indsubject .t {font-size:20px; line-height: 30px;}
	.indsubject .c {font-size:12px; line-height: 1.5;margin:7px 0 -3px 0; letter-spacing: 0;font-weight:400}
	.indsubject .l {width:30px;height:2px;margin:15px auto 0 auto}
	.indabout .cons {padding:30px 0}
	.indabout .cons ul {width:104%;margin:40px 0 40px -2%}
	.indabout .cons li {width:29.3333%;margin:0 2%; }
	.indabout .cons li .row {padding:20px 15px 27px 15px;}
	.indabout .cons li .row .t {font-size:18px; line-height:28px;margin:0 0 15px 0;}
	.indabout .cons li .row .c {line-height:25px;min-height:70px}	
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
	.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;}
	.fixright {top:auto;right:0px;bottom:0;margin-top:0;width:100%;background: rgba(3,55,115,0.8); text-align: center;border-top:1px solid rgba(255,255,255,0.15); }
    .fixright li {margin:0;float:left;width:33.3333%;border-left:1px solid rgba(255,255,255,0.15);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.whats span {font-size:17px} 
	.fixright li .cons {width:0;height:0; overflow: hidden;left:-500px;bottom:-500px;}	
    .fixright li:hover .tubiao { background:none;color:#fff}	
	.indpro .list {padding:30px 0;}
	.indpro .swiper-slide .title a {font-size:16px;padding:0 10px;height:50px;line-height: 21px;}
	.indpro .swiper-container {margin:0 40px}
	.indpro .swiper-button-next:after,.indpro .swiper-button-prev:after {font-size:30px;}
	.indpro .swiper-button-prev {left:4px}
	.indpro .swiper-button-next{right:4px}	
	.indhotpro .picbg {height:400px;}
	.indhotpro .list {padding:0 0 40px 0}
	.indhotpro .list .in {margin-top:-200px;}
	.indhotpro li .title {margin:5px 0 0 0}	
	.indhotpro li .title a {height:35px; line-height: 33px; font-size:12px}
	.indhotpro .indmore {margin:40px 0 0 0}	
	.product {padding-top:0px}
	.indnews .list {padding:35px 0}
	.indnews .list li {border-radius:5px;}
	.indnews .list li .pic {border-top-left-radius:5px;border-top-right-radius:5px;height:130px}
	.indnews .list li .cons {padding:15px 15px 20px 15px}
	.indnews .list li .cons .addtime {font-size:14px}
	.indnews .list li .cons .title {height:48px; line-height: 24px; margin:13px 0}
	.indnews .list li .cons .title a {font-size:14px}
	.indnews .list li .cons .content {font-size:13px; line-height: 22px; height:44px; }
	.indnews .indmore{margin-top:35px}
	.indnews .list li.big .pic {border-radius:5px;height:308px;}
	.indnews .list li.big .cons {padding:0 15px 15px 15px}	
	.foot {margin:40px 0 0 0;padding:30px 0 65px 0;}
	.foot .logo {display:none;}
	.foot .mright {flost:none;width:100%;}
	.foot .mright .cons .t {font-size:18px;margin:0 0 10px 0;}
	.message .subject {font-size:18px;margin:20px 0 10px 0}
	.message .list li input {height:35px;padding:0 10px}
	.message .list li textarea {height:100px;padding:8px 10px;}
	.message .btn {margin-top:52px}
	.message .btn input {padding:10px 0 10px 0;}
	.foot .copy {margin:30px 0 0 0;padding:15px 0 0 0}
	.foot .copy .social li img {height:15px}	
	.bannerin {height:300px}
	.bannerin .cons .c {padding:20px 0 0 0;font-size:30px; line-height:40px;letter-spacing: 1px}
	.maincons{margin-top:300px;}	
	.product .mleft {width:100%}	
	.product .mleft {margin:28px 0 0 0; }
	.product .mleft dt {font-size:18px;line-height: 20px;padding:0 0 20px 0;}
	.product .mleft dd h2 a {font-size:14px; line-height: 1.4;padding:7px 10px 7px 15px; text-align: left;}
	.product .mleft dd .sub {display:flex;flex-wrap: wrap;}
	.product .mleft dd p {width:50%;}
	.product .mleft dd p a{line-height: 1.4;padding:5px 10px 7px 15px;font-size:12px; text-align: left;border-right:1px solid #fff;}	
	.product .indhotpro {width:100%}
	.product .indhotpro .in {border-width:0;padding:0}
	.page_wrap {padding:30px 0 0 0;}
	.pager a,.pager span,.pager font {margin:2px 5px;width:25px; height:25px; line-height:25px;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}
	.maincurrent {line-height:1.8; text-align: left;font-size:12px}
	.maincurrent span.icon-home {margin:-2px 5px 0 0;font-size:14px;}
	.maincurrent span.icon-iconfonti {margin:1px 1px 0 1px;font-size:14px;}
	.jqzoom,.proshow .mleft .onepic{padding:5%;}
	.spec-scroll .prev,.spec-scroll .next{height:82px; line-height:82px;}
	.spec-scroll .items,.spec-scroll .items ul{height:82px;}
	.spec-scroll .items ul li    {width:69px;}
	.spec-scroll .items ul li img{width:54px;height:76px}
	.proshow .maincurrent {padding:25px 0 5px 0; }
	.proshow .in {padding:15px 15px 20px 15px}
	.proshow .mright .t {font-size:20px; line-height: 30px;}
	.proshow .mright .s {font-size:18px; line-height: 28px;margin:15px 0 5px 0}
	.proshow .mright .c {margin:0 0 30px 0;font-size:14px;}
	.message .btn {margin-top:48px}
	.accordionservice li .link {font-size:16px; line-height: 21px;padding:10px 50px 10px 27px}
	.accordionservice li .link:before {left:15px;top:15px;width:2px;height:13px;}
	.accordionservice li .link i {right:20px;top:10px;font-size:14px}
	.accordionservice .submenu {padding:20px 15px 25px 15px;font-size:14px}	
	.prevnext {margin:35px 0 0 0;padding:30px 0 0 0}
	.mainmenu li a {font-size:14px;height:35px; line-height: 33px;padding:0 20px}
	.indsubject2 .t:before {top:10px;left:-40px;width:30px}
	.indsubject2 .t:after {top:10px;right:-40px;width:30px;}	
	.blog li {min-height:140px;padding:20px 0}
	.blog li.lifull {padding:20px 0 20px 0}
	.blog li .pic {top:20px;width:245px;height:140px; }
	.blog li .pic span {width:40px;height:40px;margin:-20px 0 0 -20px;}
	.blog li .cons {margin:0 0 0 270px;padding:0}
	.blog li .cons .t {height:25px; line-height: 25px;}
	.blog li .cons .t a {font-size:18px;}	
	.blog li .cons .c {margin:15px 0 20px 0; line-height: 25px; height:50px; }
	.blog li .cons .m {font-size:14px;}
	.blog li .cons .m .indmore2 {top:-1px}
	.indmore2 a {padding:0 12px;height:22px; line-height: 21px;border-radius:22px;font-size:13px}
	.indmore2 span {margin:1px -2px 0 -1px;font-size:13px;}
	.nshow .title { font-size:20px; line-height: 35px;margin:30px 0 10px 0}
	.nshow .text {padding:15px 15px 25px 15px;margin:30px 0 -30px 0}
	.nshow .text .videos {margin:0 0 15px 0}
	.nshow .text .pic2 {margin:0 0 25px 0}
	.video-btn{width:40px; height:40px;margin:-20px 0 0 -20px}	
	.about .content { font-size:14px; line-height: 1.8}
	.about ul {margin:-4% 0 0 0;padding:30px 0 0 0}
	.about li {margin:4% 0 0 0}
	.about li .cons {padding:0 1% 0 3%}
	.about li .cons .t {font-size:16px; line-height:26px;margin:0 0 20px 0; }
	.about li .cons .t:before {bottom:-10px;width:30px;height:2px;}
	.about li .cons .c {font-size:12px; line-height: 1.6;font-weight:400}
	.contact .mleft .company {font-size:20px; line-height:25px;}
	.contact .mleft .address {padding:5px 0 15px 0;font-size:12px; line-height: 1.4; letter-spacing: 0.4px;margin-bottom:15px}
	.contact .mleft .content {line-height: 1.6}
	.contact .mleft .content table {margin-top:0}
	.contact .mleft .content td {font-size:12px;padding:0 25px 0  0}
	.contact .mleft .content img {width:100px;}
	.contact .mleft .message {margin:30px 0 0 0}
	.contact .mleft .social li {margin:0 2px 0 0 }
	.contact .mleft .social li img {height:15px}
	.contact .mright {margin:5px 0 0 0}	
	.contact .mright iframe {height:380px}
	.choose {margin:-20px 0 -40px 0}
	.choose li {padding:30px 0}
	.choose li .cons {font-size:14px; line-height: 1.6}
	.choose li .cons strong {font-size:14px; line-height: 1.6}
	.choose li.li111 .pic {min-height:200px}
	.faq .accordionservice li .link {font-size:14px; line-height: 19px;}
	.faq .accordionservice li .link:before {left:15px;top:14px;width:2px;height:10px;}	
	.production ul {width:102%;margin:-2% 0 0 -1%}
	.production li {width:31.3333%;margin:2% 1% 0 1%}
	.production li .title {height:35px; line-height: 33px; }
	.production li .title a {font-size:14px;padding:0 10px}
	.floatdiv .floatin .floatclose span {font-size:18px; line-height: 18px;right:5px;bottom:-25px;}
	.floatdiv .floatin .divin {padding:15px 25px 20px 15px;}
	.floatdiv .floatin .divin .floattitle {font-size:16px; line-height:26px;padding:0 0 15px 0}
	.floatdiv .floatin .divin .floatcontent {font-size:14px;}
	.floatdiv .floatin .divin img {margin:5px 0}
	.floatdiv .floatin .divin::-webkit-scrollbar {width:2px;}
	.team ul {width:102%;margin:-20px 0 0 -1%}
	.team li {float:left;width:31.3333%;margin:20px 1% 0 1%}
	.team li .title {height:20px; line-height: 20px; font-size:16px;;margin:15px 0 3px 0}
	.team li .title2 {height:20px; line-height: 20px; font-size:14px;margin:0 0 5px 0}
	.indabout .cons .text {font-size:14px; line-height: 1.8}	
	.partner ul {margin:0}
	.partner li {height:70px;}
	.partner li img {max-width:80%;max-height:40px;}
	.nshow .text .content {font-size:14px;}
}

@media only screen and (max-width:788px){
	.indhotpro li {width:48%;}
	.indnews .list li .pic {height:95px}
	.indnews .list li.big .pic {height:273px;}
	.bannerin {height:200px}
	.bannerin .cons .c {padding:10px 0 0 0;font-size:20px; line-height:30px;}
	.maincons{margin-top:200px;}
	.product .indhotpro li {width:48%}	
	.spec-scroll .prev,.spec-scroll .next{height:70px; line-height:70px;}
	.spec-scroll .items,.spec-scroll .items ul{height:70px;}
	.spec-scroll .items ul li    {width:61px;}
	.spec-scroll .items ul li img{width:46px;height:64px}	
	.proshow .mright .message {text-align:center;margin-top:25px}
	.proshow .mright .message .list {width:100%}
	.proshow .mright .message .list li {float:none;width:100%}	
	.proshow .mright .message .list li:nth-child(3) {margin:1.2% 0}
	.proshow .mright .message .list li.beizu {margin:1.2% 0 0 0}
	.proshow .mright .message .btn {width:100%;margin:1.2% auto 0 auto; text-align: center}
	.about li .pic {padding:20% 0;}
	.choose li.li111 .pic {min-height:280px}
	.production li {width:48%}
	.floatdiv .floatin .floatclose,.floatdiv .floatin .divin {width:92%;}
	.team li {width:48%;}	
	.about li .cons {height:37vw}	
}

@media only screen and (max-width:640px){
	.indpics .swiper-slide .cons .text {font-size:25px; line-height: 40px;}
	.indmore span {font-size:14px;}
	.indabout .cons ul {width:100%;margin-left:0;margin-top:-6%;padding-top:40px}
	.indabout .cons li {width:100%;margin:6% 0 0 0}
	.indabout .cons li .row .c {min-height:0}	
	.indnews .list li {width:48.4%;}
	.indnews .list li.big {width:98.4%}
	.indnews .list li .pic {padding:28.5% 0;height:auto;}
	.indnews .list li.big .pic {padding:29.9% 0;height:auto;}
	.foot {text-align:center}
	.foot .mright .cons {float:none;max-width:100%}
	.foot .mright .cons:nth-child(2) {display:none;}
	.message {text-align:center;margin-top:25px}
	.message .list {float:none;width:100%}
	.message .list li.beizu {margin:1.2% 0 0 0}
	.message .btn {width:100%;margin:1.2% auto 0 auto; text-align: center}
	.foot .copy .content {float:none;width:100%}
	.foot .copy .social {float:none;width:100%; text-align:center;padding:5px 0 0 0;margin:12px 0 0 0}
	.bannerin {height:150px}
	.bannerin .cons .c {padding:25px 0 0 0;font-size:18px; line-height:28px;}
	.maincons{margin-top:150px;}
	.proshow .mleft {width:100%;}
	.proshow .mright {width:100%;margin:35px 0 0 0}	
	.prevnext .prev {width:100%;}
	.prevnext .back {display:none;}
	.prevnext .next {width:100%;text-align:left;margin:20px 0 0 0}
	.prevnext .next .in2 {margin:0}
	.blog li .cons .m .indmore2,.blog li .cons .c {display:none;}
	.blog li {min-height:85px;}
	.blog li .pic {width:149px;height:85px; }
	.blog li .cons {margin:0 0 0 169px;}
	.blog li .cons .t {height:40px; line-height: 20px;margin:0 0 10px 0}
	.blog li .cons .t a {font-size:14px}
	.blog li.lifull {padding:20px 0;min-height:0}
	.blog li.lifull .cons .t {height:auto}
	.about li .pic {width:100%;padding:28.5% 0; }
	.about li .cons { position:relative;width:100%;height:auto;padding:20px 8% 30px 8%}
	.about li.li2 .pic {margin-left:0;width:100%;}
	.about li .cons .t {font-size:18px; line-height: 28px;margin:0 0 20px 0;}
	.about li .cons .t:before {bottom:-10px;width:35px;}
	.about li .cons .c {font-size:14px; line-height: 1.8}
	.mainmenu-about {display:none;}
	.contact .mleft {width:100%}
	.contact .mright {width:100%;margin:30px 0 0 0}
	.choose li .pic {width:100%;padding:39% 0;}
	.choose li .cons {width:100%;height:auto; position: relative;margin:25px 0 0 0}
	.choose li.li2 .pic {margin:0}
	.choose li.li111 .pic {min-height:0px}
	.partner li {height:60px;width:33.3333%}
	.partner li img {max-width:80%;max-height:30px;}
}







