@charset "utf-8";
@media only screen and (max-width:2000px){	
	.top-pic .pic {padding:0;height:600px}
	.equipment_right {padding-left:26%;}
}

@media only screen and (max-width:1800px){	
	.wrap {margin:0 4%;}
	.floatmenu {left:4%;margin-left:0}
	.equipment_pn {left:4%;margin-left:0;}
	.equipment_right .swiper-slide {width:550px;height:833px}
	.equipment_right .swiper-slide .cons .text .cn {font-size:40px; line-height: 45px;}
	.equipment_right .swiper-slide .cons {height:210px}
	.proshow .wrap {padding:3.5% 4% 100px 4%}
	#procontent .text .content {font-size:14px;}
	#procontent .text .content td {padding:8px 15px 5px 15px;}	
	.casedetailbox .in {padding: 30px 40px 40px 40px;width: 100%;}
	.casedetailbox .close {top:60px;right:40px}
	.fixtop .navpc li .list,.topbg .in {height:213px;}
	.topbg.active .in,.fixtop.active .navpc li .list {height:243px;}
	.fixtop .navpc li .list .submenu dl {padding:0 0.5%}
	.fixtop .navpc li .list .submenu dd {margin:0 0.5%;width:13.2857%}
	.fixtop .navpc li .list .submenu dd .pic {padding:0;height:120px; display: flex;align-items: center;justify-content: center;width:100%}
	.fixtop .navpc li .list .submenu dd .pic img {height:auto;max-height:100px;max-width:80%;margin:0 auto;width:auto}
}

@media only screen and (max-width:1480px){	
	.wrap1 {margin:0 4%;}
	.about .wrap1 {margin:0 auto}
	.equipment_right {padding-left:30%;}
	.equipment_right .swiper-slide .cons .subject {font-size:14px}
	.equipment_right .swiper-slide .cons .subject span {font-size:16px; line-height:16px;margin:5px 2px 0 -4px;}	
	.equipment_right .swiper-slide {width:450px;height:681px}
	.equipment_right .swiper-slide .cons .text .cn {font-size:30px; line-height: 35px;}
	.equipment_right .swiper-slide .cons {height:190px}
	.bikes li .in {padding:40px 10% 50px 10%}
}

@media only screen and (max-width:1200px){	
	html,body,input,button,select,textarea,big,small {font-size:14px;}
	.phonemenu { display:block;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:24px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}		
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
	.swiper-pagination-bullet {width:15px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
	.banxh{display:none;bottom:40px;margin-left: -15px;width: 30px;line-height: 30px;font-size: 20px;}
	.banxh:before {width:30px;height:30px; top:-15px;}
	@-webkit-keyframes jing_max {0% {width: 23px;height: 23px;opacity: 0;}25% {width: 38px;height:38px;opacity: 0.6;}50% {width: 54px;height:54px;opacity: .3;}75% {width: 76px;height:76px;opacity: 0;}100% {width: 23px;height:23px;opacity: 0;}}
	@keyframes jing_max {0% {width: 23px;height: 23px;opacity: 0;}25% {width: 38px;height:38px;opacity: 0.6;}50% {width: 54px;height:54px;opacity: .3;}75% {width: 76px;height:76px;opacity: 0;}100% {width: 23px;height:23px;opacity: 0;}}
	.indpics .swiper-slide {height:80vh;}
	.indpics .swiper-slide .text {letter-spacing: 0.5px}
	.indpics .swiper-slide .text .title {font-size:50px; line-height: 60px; letter-spacing: 2px;margin:40px 0 0 0}
	.indpics .swiper-slide .text .content {font-size:18px;margin:10px 0 22px 0; line-height: 1.6}
	.index-more a { letter-spacing: 1px;height:35px; line-height:35px;padding:0 20px 0 22px;font-size:14px; border-top-left-radius:15px;border-bottom-right-radius:15px;}
	.index-more a:hover {border-radius:0;border-top-right-radius:15px;border-bottom-left-radius:15px;padding:0 20px 0 22px; letter-spacing: 0px}
	.index-more a span {font-size:12px}
	.fixtop {height:80px;}
	.fixtop .logo {top:27px;}
	.fixtop .logo a,.fixtop.active .logo a,.fixtop.active2 .logo a {width:142px;height:26px;}
	.fixtop.active3 .logo a {width:142px;height:26px; background: url("../images/logo.png") no-repeat center;background-size:100%}
	.fixtop .navpc {display:none}
	.fixtop.active {top:-30px;}
	.fixtop.active .logo {top:42px;}
	.fixtop span.icon-fangdajing {right:115px;top:32px;font-size:20px; line-height:20px;}
	.searchtop {top:80px;}
	.searchtop #k {font-size:14px;height:40px; line-height: 40px; padding:0 0 5px 0;letter-spacing:0.1px;}
	.searchtop #sbtn {top:10px; font-size:20px; line-height: 20px; }
	.searchtop.active {padding:15px 0 40px 0;}
	.fixtop.active span.icon-fangdajing {top:47px;}
	.searchtop.active2 {top:50px}
	.fixtop .lan {right:45px;top:28px;}
	.fixtop .lan a {font-size:16px; line-height: 16px;}
	.fixtop .lan span {font-size:16px; line-height:16px;margin:5px 8px 0 0;}
	.fixtop.active .lan {top:43px;}
	.fixtop.active .nav__trigger {top:13px;}
	.fixtop.active .nav__icon,.fixtop.active2 .nav__icon {background-color:#1f1a17;transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;}
	.fixtop.active .nav__icon:before,.fixtop.active .nav__icon:after,.fixtop.active2 .nav__icon:before,.fixtop.active2 .nav__icon:after {background:#1f1a17;}
	.fixtop.active .phonemenu .nav--active .nav__icon,.fixtop.active2 .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
	.fixtop.active .phonemenu .nav--active .nav__icon:before,.fixtop.active2 .phonemenu .nav--active .nav__icon:before {background: #f07402}
	.fixtop.active .phonemenu .nav--active .nav__icon:after,.fixtop.active2 .phonemenu .nav--active .nav__icon:after {background: #f07402}
	.foot {padding:45px 0 30px 0;}
	.foot .gline {height:1px;}
	.foot .gline:before {width:65%;height:1px;}
	.foot .logo {margin:0 0 40px 0}
	.foot .logo img {width:100px}
	.foot .logo .icon {top:-12px;padding:0 10px 0 0;}
	.foot .logo .icon p {padding:0 10px 0 0;top:2px}
	.foot .logo .icon p:before {left:-10px;top:10px;width:120px; height:1px;}
	.footmenu {display:none;}
	.footcontact {position:relative;right:auto;bottom:auto;width:auto}
	.footcontact .subject {border-bottom-width:1px;margin:0 0 15px 0}
	.footcontact .cons {margin:0 0 30px 0}	
	.footcontact .cons .wx a {margin:0 10px}
	.top-pic .cons .title { -webkit-text-stroke: 1px white;font-size:80px; line-height: 80px; letter-spacing: 4px;margin:50px 0 0 0}
	.top-pic .pic {height:400px}	
	.contact-pic {height:880px;}
	.contact-pic .cons {top:120px;}
	.contact-pic .cons .current {padding:0 0 30px 0}
	.contact-pic .cons .current .subject {font-size:22px; line-height: 22px; letter-spacing: 1px;padding:0 0 0 12px}
	.contact-pic .cons .current .subject:before {top:2px;width:2px;height:80%;}
	.contact-pic .cons .current .list {top:0px;font-size:14px;}
	.contact-pic .cons .current .list span {margin:0 5px;font-size:10px;}
	.contact {padding:40px 0 35px 0}
	.contact li:before {top:5px;width:1px;height:130px;}
	.contact li .in {margin:0 15%}
	.contact li .icon img {height:40px;}
	.contact li .title {font-size:20px; line-height: 20px; margin:20px 0 10px 0}
	.message li:nth-child(1) {font-size:25px; line-height: 25px; letter-spacing: 0px;margin:30px 0 10px 0}
	.message li input[type="text"] {padding:0 12px;}
	.message li textarea {height:150px;padding:8px 12px;}
	.message li #mbtn {padding:10px 20px 10px 20px;font-size:16px; }
	.message li #mbtn:hover {padding-left:20px;padding-right:20px}
	.email-Subscribe {padding:50px 0;}
	.email-Subscribe .title {font-size:25px; line-height: 35px;letter-spacing: 1px}
	.email-Subscribe .content {margin:10px auto 30px auto;font-size:14px;}
	.email-Subscribe .email #cemail {width:350px;height:40px; line-height: 40px;padding:0 15px;margin:0 10px 0 0}
	.email-Subscribe .email #cbtn {width:120px;height:40px;font-size:14px; letter-spacing: 0.5px}
	.email-Subscribe .email #cbtn:hover {width:120px}	
	.index-about {padding:40px 0 55px 0;}
	.index-about .pics:before {top:15px;border-radius:10px}
	.index-about .pics p {border-radius:10px;left:15px;}
	.index-about .pics p img {border-radius:10px;}
	.index-about .text .subtitle {font-size:25px;line-height: 35px;margin:0 0 0 0; letter-spacing: 0.5px;}
	.index-about .text .content {margin:20px 0 30px 0;}	
	.supprot {padding:40px 0 45px 0}
	.supprot .subject {font-size:25px; line-height:35px; letter-spacing: 0.5px;margin:0 0 30px 0}
	.accordionservice li {margin:10px 0; }
	.accordionservice li .link,.accordionservice li .link2 {border-radius:5px;padding:13px 60px 13px 50px;font-size:14px; line-height: 21px;}
	.accordionservice li .link p,.accordionservice li .link2 p {left:15px;top:13px;}
	.accordionservice li .link:before,.accordionservice li .link2:before {right:15px;top:13px;font-size:20px; line-height: 20px;}
	.accordionservice .submenu,.accordionservice .submenu2 {padding:15px 20px;border-bottom-left-radius:5px;border-bottom-right-radius:5px; letter-spacing: 0}
	.about .wrap1 {margin:0 4%;max-width:100%}	
	.about-pic {height:80vh;}
	.about-pic .title {font-size:50px; line-height:55px;letter-spacing:2px;}
	.about-pic .title p {margin:30px 0 0 0}
	.about {padding:40px 0 50px 0; line-height: 1.8; letter-spacing: 0}	
	.index-join {margin:50px 0 0 0;background-attachment:scroll;height:auto;padding:50px 0 60px 0}
	.index-join .title {font-size:25px; line-height:35px;letter-spacing: 1px;}
	.index-join .content .index-more {margin-top:30px}	
	.maincons {margin:40px 0 0 0}
	.home_subject {margin:0 0 35px 0; text-align: center}
	.home_subject .en {font-size:30px; line-height:30px; letter-spacing: 1px;}
	.floatmenu {display:none;}
	.equipment_right {padding:0 0 60px 0}
	.equipment_right .swiper-slide {width:300px;height:454px}
	.equipment_right .swiper-slide .cons {height:130px;width:88%;padding:0 6%; }
	.equipment_right .swiper-slide .cons .subject {padding:10px 0 0 0;font-size:12px;}
	.equipment_right .swiper-slide .cons .subject span {font-size:14px; line-height:14px;margin:4px 2px 0 -4px;}
	.equipment_right .swiper-slide .cons .text{left:6%;bottom:20px;width:88%}
	.equipment_right .swiper-slide .cons .text .cn {font-size:25px; line-height: 30px;padding:0 0 10px 0;}
	.equipment_right .swiper-slide .cons .text .cn:before {width:40px;}
	.equipment_pn {left:0;width:100%;}
	.equipment_right .swiper-button-next,.equipment_right .swiper-button-prev {bottom:-60px}
	.equipment_right .swiper-button-next,.equipment_right .swiper-button-prev {width:30px;height:30px;}
	.equipment_right .swiper-button-next:after,.equipment_right .swiper-button-prev:after {font-size:14px;width:30px;height:30px;line-height:30px;}
	.equipment_right .swiper-button-prev {left:50%;margin:0 0 0 -35px}
	.equipment_right .swiper-button-next{right:50%;left:auto;margin:0 -35px 0 0}	
	.bikes {padding:0 1% 50px 1%}
	.bikes li .in {padding:30px 10% 35px 10%}
	.bikes li .title {height:40px; line-height: 40px; letter-spacing: 0.5px;font-size:25px;margin:15px 0 -3px 0}
	.bikes li .color {margin:10px 0 15px 0}
	.bikes li .color i {width:15px;height:15px;margin:0 5px}
	.bikes li .more a {height:30px; line-height: 32px;width:120px;letter-spacing: 0.3px;font-size:12px}
	.bikes li:hover .more a {width:120px}
	.accessories {padding:10px 0 50px 0}
	.accessories li {margin-top:30px}
	.accessories li .title {font-size:20px;letter-spacing: 0.5px; margin:18px 0 -2px 0;}
	.accessories li .more a {font-size:12px;}
	.accessories li .more a span {margin:7px 0 0 -1px;font-size:14px;}	
	.top-black-bg {height:80px;}
	.proshow .wrap {background:#fff;padding:3.5% 4% 50px 4%}
	#procontent .title {font-size:25px; line-height: 35px;letter-spacing: 0.5px;}
	#procontent .subtitle {padding:0 0 10px 0;margin:0 0 40px 0}
	#procontent .text .content td {padding:8px 10px 6px 10px;font-size:12px}
	.casedetailbox .in {padding: 25px 4% 40px 4%;border-radius: 5px;}
	.casedetailbox .close {top:40px;right:4%}	
	.about h3 {font-size:20px; line-height: 28px;}
	.about li {padding:0 0 0 15px}
	.about li:before {top:8px;width:4px;height:4px;}

}

@media only screen and (max-width:788px){
	.top-pic .cons .title { font-size:60px; line-height: 60px;}
	.top-pic .pic {height:350px}
	.contact li:before {height:155px;}
	.bikes li {width:48%;}
	.accessories li {width:47%;}
	#procontent .text .pic {width:100%}
	#procontent .text .content {width:100%;margin:30px 0 0 0;}
	#procontent .subtitle {margin:0 0 20px 0}
	#procontent .text .content td {width:62%;}
	#procontent .text .content td:nth-child(1) {width:38%;}
	
	.casedetailbox #procontent .subtitle {margin:-3px 0 15px 0;padding:0 0 5px 0}
	.casedetailbox #procontent .text .content {margin:15px 0 0 0;}
	.casedetailbox #procontent .text .content td {padding:5px 5px 3px 5px;}
	.casedetailbox .in {padding: 15px 4% 20px 4%;}
	.casedetailbox .close {top:25px;}	
}

@media only screen and (max-width:640px){
	body { overflow-x: hidden}
	.indpics .swiper-slide .text .title {font-size:40px; line-height:50px;}	
	.foot {padding:30px 0 35px 0; text-align: center}
	.foot .gline,.foot .logo {display:none;}
	.footcontact .cons .content {padding:0}
	.footcontact .cons .wx {right:auto;left:0;bottom:0;position: relative;margin:20px 0 -15px 0; text-align: center}
	.footcontact .copy .content {padding:0}
	.footcontact .copy .law {display:none;}
	.top-pic .cons .title { font-size:40px; line-height: 40px;margin:60px 0 0 0; letter-spacing:1.5px}
	.top-pic .pic {height:300px}
	.contact li {width:92%;border-top:1px solid #ccc;padding:30px 0;margin-left:4%}
	.contact li:nth-child(1){border:0;padding-top:0}
	.contact li:before {display:none;}
	.contact {padding-bottom:10px;}
	.contact li .in {margin:0;max-width:100%}
	.message ul {width:100%;}
	.contact-pic {height:1280px;}
	.email-Subscribe .email #cemail {width:92%;padding:0 4%;display:block;margin:0 0 20px 0}	
	.index-about .pics {margin-right:0;width:100%;}
	.index-about .text {width:100%;margin:40px 0 0 0}	
	.index-about .pics p {left:0;width:96%;padding:0 0 0 4%}
	.index-about .pics:before {top:4%;width:96%}
	.accordionservice {width:100%}
	.accordionservice2 {margin-top:20px}
	.about-pic .title {font-size:40px; line-height:45px;}	
	.index-join .title {width:100%;}
	.index-join .content {width:100%;margin:20px 0 0 0}
	.bikes {padding:0 4% 50px 4%}
	.bikes li {width:100%; margin:4% 0 0 0}
	.accessories {padding:4% 0 50px 0}
	.accessories ul {width:100%;margin:-20px 0 0 0}
	.accessories li {width:100%;margin:20px 0 0 0}
	.proshow .wrap {padding-top:20px}
}