@charset "utf-8";
@media only screen and (max-width:1240px){
	.wrap {margin:0 4%}
	.fixtop .navpc {margin:0 135px 0 0}
	.fixtop .navpc li {margin:0 0 0 40px}
	.proshow .wrap {width:92%;}
}

@media only screen and (max-width:1044px){
	.phonemenu { display:block;}
	html,body,input,button,select,textarea {font-size:14px;}
	::-webkit-scrollbar {width:2px}	
	.fixtop {height:50px;}
	.fixtop .logo { width:66px; height:26px;top:12px;}
	.fixtop .navpc {display:none;}
	.fixtop .lansearch .btn {height:50px; line-height: 48px;}
	.fixtop .lansearch .lan {margin:0 10px 0 0;}
	.fixtop .lansearch .lan .btn span.icon-diqiu {font-size:16px;margin:0px 8px 0 0}
	.fixtop .lansearch .lan .btn span.icon-xialajiantouxiao {font-size:12px;margin:2px 0 0 5px}
	.fixtop .lansearch .lan .list {top:50px;padding:0px 0 0 0;}
	.fixtop .lansearch .lan .list .in { padding:12px 0 15px 25px;width:85px;}
	.fixtop .lansearch .search {margin:0 40px 0 0px}	
	.fixtop .lansearch .search .btn span {font-size:18px;}
	.fixtop .lansearch .search .list {top:50px;right:0px;padding:0px 0 0 0;}
	.fixtop .lansearch .search .list .in { padding:20px 20px;width:300px;}
	.fixtop form {border-radius:30px}
	.fixtop form #k {height:28px;width:230px; padding:0 5px;}
	.fixtop form #sbtn { width:30px; height:30px; line-height:28px;font-size:20px;}	
	.tblank {height:50px}
	.fixtop.active {top:0px}
	.fixtop.active .logo { top:12px;}
	.fixtop.active .lansearch .lan {margin-top:0}
	.fixtop.active .lansearch .search {margin-top:0}
	.tblank.active {height:50px}
	.swiper-button-next,.swiper-button-prev {margin-top:-12.5px;width:25px;height:25px;display:none;}
	.swiper-button-next:after,.swiper-button-prev:after {font-size:12px;width:25px;height:25px;line-height:25px; }
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:5px;}
	.swiper-pagination-bullet {width:20px;height:2px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
	.foot {padding:25px 0 23px 0;}
	.foot .logo {display:none;}
	.foot .menu {display:none;}
	.foot .address .t {font-size:16px;padding:0 0 10px 0;margin:0 0 15px 0}
	.foot .wx {width:100px;margin:8px 0 0 0}
	.foot .wx .t {margin:5px 0 0 0}
	.foot .address .c {line-height:1.8}
	.footer {top:55px}
	.indsubject {font-size:20px; line-height:30px;margin:0 0 20px 0;}
	.indsubject .indmore {top:0px}
	.indmore a {font-size:13px;}
	.indmore a span {margin:10px 0 0 2px;font-size:16px; line-height: 16px;}
	.indproduct {margin:35px 0 0 0}
	.indproduct li .pic {padding:30px; border-top-left-radius:20px}
	.indproduct li .pic:before {width:20px;height:20px; background-size:100%}
	.indproduct li .title a {height:35px; line-height: 33px;font-size:16px;}
	.indsubject2 {font-size:20px; line-height: 30px;margin:0 0 10px 0;}
	.indsubject2:before {bottom:-15px;width:20px;height:1px;}
	.brandpro {width:45%; margin:42px 0 0 0;}
	.brandpro .up {padding:23px 20px 25px 20px}
	.brandpro .up .content {margin:30px 0 0 0;font-size:16px; line-height: 1.8}
	.brandpro .up div.icon {border-bottom:1px solid #fff;margin:30px 0 15px 0;}
	.brandpro .up .icon i {width:57px;height:30px; background-size:100%}
	.brandpro .up .more p {top:1px}
	.brandpro .up .more p span {font-size:20px; line-height: 20px}
	.brandpro .down li {padding:25px 0 23px 0}
	.brandpro .down li .pic {width:80px;height:80px;margin:0 auto 10px auto}
	.brandpro .down li .title a {font-size:18px;}
	.brandpro .down li .title a span {font-size:12px;margin:7px 0 0 3px}
	.indintroduce {margin:40px 0 40px 0}
	.indintroduce .mright {width:45%;margin:0 0 0 5%}
	.indintroduce .mright .logo {width:66px;height:26px;}
	.indintroduce .mright .t {font-size:20px; line-height:30px;padding:20px 0 15px 0;margin:0 0 15px 0}
	.indintroduce .mright .c {font-size:16px; line-height:1.8}	
	.bannerbrand .cons .subject {margin:0 0 10px 0}
	.bannerbrand .cons .subject .t {font-size:17.5px; line-height:27px;margin:0 0 0px 0}
	.bannerbrand .cons .subject .e {font-size:14px; line-height:24px;}
	.bannerbrand .cons ul {width:500px;}
	.bannerbrand .cons li {padding:8px 12px 12px 15px;}
	.bannerbrand .cons li .t {font-size:14px; line-height: 24px;margin:0 0 5px 0;}
	.bannerbrand .cons li .c {font-size:12px}
	.bannerbrand .cons li .t:before {display:none;}
	.brand .wrap {padding:40px 30px 40px 30px}
	.brand .logo {width:20%;padding:30px 0  30px 0;}
	.brand .logo p { width:66px; height:26px; background-size:100%}
	.brand .logo span {font-size:20px; line-height:30px; margin:10px 0 0 0; letter-spacing: 0.5px}
	.brand .cons {width:75%;margin:20px 0 40px 0}
	.brand .cons,.brand .cons2 {font-size:14px; line-height: 1.8;}
	.product {padding:0 0 50px 0}
	.product .subject {font-size:20px; line-height:25px;margin:40px 0 13px 0}
	.product .subject .c {top:2px;font-size:14px;}
	.product .control {margin:0 20px 20px 0;font-size:16px; line-height: 26px;}
	.product .mix .pic {padding:30px;}
	.product .mix .title {height:35px; line-height:33px;font-size:14px;}
	.namemj {position:absolute;top:-100px}	
	.page_wrap {padding:30px 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: 28px; margin:0 5px; letter-spacing: 1px}	
	.map {margin:40px 0}	
	.job {padding:35px 0 40px 0}
	.job .subject {font-size:20px; line-height: 30px;margin:0 0 30px 0}
	.job li .t {padding:10px 60px 10px 20px;font-size:14px; line-height:24px;}
	.accordionservice li .link i:before {right:20px;top:10px;}
	.accordionservice .submenu {padding:15px 20px; font-size:14px; line-height: 1.8}
	.proshow {margin:40px 0 50px 0}
	.proshow .mleft {width:60%;padding:30px 0}
	.proshow .mright {width:35%;margin:0 0 0 5%}
	.proshow .mleft .bg {width:75%;}
	.proshow .mleft .img {padding:0 0 0 15%}
	.proshow .mleft .img p {padding:20px}
	.proshow .mleft .pic .up {display:none}
	.proshow .mleft .pic .down {display:none}
	.proshow .mright .entitle {font-size:20px; line-height:30px;}
	.proshow .mright .subtitle {font-size:14px; line-height: 24px;padding:5px 0 13px 0;margin:0 0 15px 0}
	.proshow .mright .title {font-size:20px; line-height: 30px;}
	.proshow .mright .content {margin:20px 0;}
	.proshow .mright .buy a {width:120px;height:30px; line-height:28px}
	.proshow .mright .buy a span {font-size:20px;margin:1px 0 0 5px;}
	.proshow .mright .weight {margin:10px 0 0 0}
	.proshow .mright .buy a:hover {width:120px}
	.brand .grid {margin:40px 0 0 0;}
	.brand .grid .mleft {padding:0 0 0 50px}
	.brand .grid .mleft .t {font-size:18px; line-height:28px;margin:0 0 15px 0}
	.brand .grid .mleft .c {font-size:14px; line-height: 1.8}
	.brandlist li {margin:5px 0 0 0}	
	.message {margin:40px 0}
	.message .subject1 {font-size:20px; line-height: 20px;padding:0 0 15px 0}
	.message .subject {margin:20px 0 0 0}
	.message dd {margin:10px 0 0 0}
	.message dd span i {margin:3px 0 0 2px}
	.message dd.btn input {padding:5px 0 7px 0;width:80px;font-size:14px; letter-spacing:0.5px}
	.message .wx {display:none;}
	.message dl {max-width:auto}
}

@media only screen and (max-width:788px){
	.brand .cons {margin-top:0}
	.footer {top:42px;width:400px;text-align:left;}
	
}

@media only screen and (max-width:640px){
	.foot {text-align:center}
	.foot .address {float:none;max-width:100%}
	.foot .wx {width:100%;margin:30px 0 0 0}
	.foot .wx img {width:100px;margin:0 auto}
	.foot .wx .t {margin:10px 0 0 0}
	.indproduct {width:100%;}
	.brandpro {width:100%; margin:35px 0 0 0;}
	.indintroduce .mleft {width:100%;}
	.indintroduce .mright {width:100%;margin:10px 0 0 0}
	.indintroduce .mright .logo {display:none;}
	.indintroduce.ml {display:block}	
	.bannerbrand .cons ul {width:350px;}
	.bannerbrand .cons li .c {min-height:65px}
	.brand .logo {width:100%;padding:15px 0}
	.brand .logo span {font-size:20px; line-height:30px; margin:0}
	.brand .cons {width:100%;margin:25px 0 20px 0}
	.brand .wrap {padding:30px 4% 40px 4%}
	.product .mix {width:46%}
	.product .mix .pic {padding:20px;}
	.product .controls {margin:0 0 15px 0}
	.product .control {margin:0 5% 8px 0}
	.map {width:100%;margin:0 0 40px 0}	
	.proshow .ml {display:block}
	.proshow .mleft {width:100%;margin:0 0 30px 0;padding:0}
	.proshow .mright {width:100%;margin:0%}
	.proshow .mleft .bg {width:100%;padding:0}
	.proshow .mleft .img {padding:4%}
	.proshow .mleft .img p {padding:30px}	
	.brand .grid.ml {display:block}
	.brand .grid .mleft {width:100%;padding:20px 20px 1px 25px}
	.brand .grid .mright {width:100%;margin:20px 0 0 0}
	.foot {padding:0 0 25px 0}
	.footer {top:0px;width:100%;text-align:center; position: relative;margin:25px 0 0 0}
}