/*pad*/
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/
}
/*导航*/
.gh {
	float: right;
	height: 34px;
	width: 34px;
	top: 50%;
	margin-top:42px;
    margin-right:0;
    margin-left:20px;
	position: relative;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	display: none;
	z-index: 9999;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #4bc0b5;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
/*.gh.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}*/
.gh a:after, .gh a:before {
	background-color: #4bc0b5;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh a:after {
	top: 10px;
}
.gh a:before {
	top: -10px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
	background: #fff;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}
body{
	min-width:320px;
}
@media screen and (max-width: 1260px) {
    .branditem h2{font-size: 20px;}
	.wrapper{width:auto; padding:0 14px;}
    .introtab .wrapper{padding: 0 14px;}
    .introtab .bd li{padding-right: 40px;}
    .introleft ul li{width: 20%;margin-right: 5%;}
}
@media screen and (max-width: 1200px) {
    .contactleft{width: 30%;}
    .contactright{width: 68%;}
    .detailbox1{padding: 20px;}
    .subwordstit{padding: 10px 0;line-height: 1.6;}
    .subdetailright .htit2{font-size: 20px;padding: 20px 0;}
    .subdetailleft,.subdetailright{width: 48%;}
    .sub1left,.sub1right{width:48%;}
    .htit h1,.box1top h2,.htit2,.contactleft .htit2 h1,.masktit h1{font-size: 30px;}
    .box2wrap{padding: 0;}
    .proimg img{width: 50%;left: 25%;margin-left: 0;}
}
@media screen and (max-width: 1100px) {
    .branditem.sec{margin: 0 23%;}
    .branditem p{font-size: 12px;}
    .indexbox5{padding:50px 0;}
    .proimg{height: auto;}
    .proimg img{position: inherit;margin-top: -70px;}
    .indexbox4 .swiper-pagination{padding-bottom: 20px;}
    .newsleft{width: 14%;}
    .newsright{width: 84%;}
    .hth1{font-size: 60px;}
    .subbrandwrap{background: url(../images/navbg.png) no-repeat center;background-size:100% 100%;height: auto;}
    .branditem,.branditem.sec{height: auto;padding: 30px 0;}
}
@media screen and (max-width: 1024px) {
    .indexbox3{padding: 50px 0 40px;}
    .subdetail1 h2{font-size: 14px;padding: 10px 0 5px;}
    .subaboutleft{width: 55%;}
    .subaboutright{width: 43%;}
    .htit.thr{padding-bottom: 5px;}
    .newsright ul li p{width: 200px;padding-right: 20px;}
    .indexbox2{padding: 70px 0 0;}
    .indexbox1{padding: 40px 0;}
    .htit h1,.box1top h2,.htit2,.contactleft .htit2 h1,.masktit h1{font-size: 26px;}
    .header .nav li a:after{width: 50px;margin-left: -25px;left: 50%;height: 2px;}
	.gh {display: block;}
    .header{border-bottom: 1px solid #eee;box-sizing: border-box;}
	.header.selected .nav{ display:block;}
	.header .nav {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: #3bada2;
		width: auto;
		display: none;}
	.header .nav li>a{color: #fff;}
	.header .nav li>a:after{color: #d09f40;}
	.header .nav ul {width: auto;padding-top:80px;}
	.header .nav ul li {float: none;display: block;text-align:center;}
	.header .nav ul li>a {line-height:60px; height:60px;margin: 0;}
    .subnav{position: relative;top: 0;left: 0;right: 0;background: #d09f40;}
    .subnav dl dd a{height: 50px;line-height: 50px;border-bottom: 1px solid #fff;color: #fff;}
    .fullSlide .prev, .fullSlide .next{margin-top: -5px;width: 30px;height: 80px;}
    .fullSlide .hd{bottom: 20px;}
    .foottop p{font-size: 20px;}
    .footer{padding: 70px 0;}
    .foottop p{font-size: 18px;}
}
@media screen and (max-width: 900px) {
    .indexbox4 .swiper-slide ul{margin: 0 -3px;}
    .indexbox4 .swiper-slide ul li{padding: 3px;width: 50%;}
    .box3detail1{padding: 10px 0 30px;}
    .box3detail1 h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .indexbox2btns a{font-size: 14px;}
    .yambox input{width: 33%;}
    .yambox button{padding: 0 20px;}
    .yzmimg{width: 30%;}
    .maskform textarea{height: 100px;font-size: 12px;}
    .inputwrap input{font-size: 12px;height:40px;line-height: 40px;}
    .maskform{padding: 10px 0;}
    .maskrwap{padding: 0 10px;}
    .conmore{width: 130px;}
    .contactbox{padding: 30px 0;margin-top: 95px;}
    .contactleft,.contactright{width: 100%;}
    .conmore{margin-top: 20px;font-size: 14px;height: 36px;line-height: 36px;}
    .subdetailright .htit2{font-size: 14px;line-height: 1.6;}
    .subpage1detail img{width: 100%;}
    .subnavli.on{top: 96px;}
    .subnavli ul li{padding: 0 8px;}
    .subdetailleft, .subdetailright{width:100%;}
    .subbox1{padding-top: 30px;}
    .sub1right{padding-top: 20px;}
    .sub1left,.sub1right{width:100%;}
    .subaboutleft{width: 100%;margin-bottom: 10px;}
    .subaboutright{width: 100%;}
    .proimg img{width:40%;left: 30%;}
    .htit h1,.box1top h2,.htit2,.contactleft .htit2 h1,.masktit h1{font-size: 26px;}
    .footer{padding: 60px 0;}
    .footbot{height: auto;text-align: center;}
    .footerleft{width: 100%;}
    .foottop{height: auto;text-align: center;}
    .flogo img{width: 120px;margin-right: 20px;}
    .foottop p{margin-top: 10px;font-size: 16px;}
    .footbot{padding: 20px 0;}
    .footerright{float: left;display: none;}
    .footbot em{padding: 0 50px 0 0;}
    .newsleft{width: 100%; padding-bottom: 20px;}
    .newsright{width: 100%;}
    .newsright ul:after{display: none;}
    .newsright ul li{padding: 10px 0;width: 100%;}
    .hth1{font-size:18px;line-height: 2.4;}
    .hth1 i{font-size:12px;line-height: 2.2;padding: 0 5px;}
    .htit4{padding: 10px 0;}
    .htit4 .wrapper{background: url(../images/subbg1.png) no-repeat 10px center;background-size:90% 100%;}
    .titjb p{display: none;}
    .slideTxtBox .bd li{width: 50%;}
    .slideTxtBox .hd li a{font-size: 12px;padding: 0 10px;}
}
@media screen and (max-width: 760px) {
    .newsright ul li i{position: absolute;right: 0;top: 50%;margin-top: -10px;}
    .minlogo{display: block;padding: 60px 0 20px;}
    .sub1left ul li:nth-child(2){margin-top: 60px;}
    .sub1left ul li:nth-child(4){margin-top:50px;}
    .sub1left ul li:nth-child(3){margin-top:20px;}
    .subdetail1 h2{padding: 5px 0;}
    .subdetail1{padding: 0 10px;}
    .subdetail1 p{line-height: 1.4;}
    .indexbox2btns a{padding: 0 10px;font-size: 12px;}
    .subdetailbox .subtith{font-size: 16px;height: auto;line-height: 40px;}
/*    .maksdetail p,.newsright ul li p,.sub1right,.subaboutright p,.history p,.subpage1detail,.contactleft{font-size: 12px;}*/
    .subaboutright p{text-indent: 20px;}
    .modelClose{right: 0;top: -60px;}
    .swiper-button-next.masknext, .swiper-button-prev.maskprev{display: block;font-size: 12px;left: 0;}
    .swiper-button-next.masknext{right: 0;left: auto;}
    .modelTostChile{width: 90%;left: 5%;top: 20%;}
    .indexbox3{padding:30px 0 20px;}
    .subleftnav ul li a{font-size: 18px;}
    .history h2{font-size: 14px;}
    .slideTxtBox .bd li{width: 100%;}
    .introtab{padding-top:40px;}
    .introtab .bd li{padding-right:20px;}
    .introtab .bd ul{flex-direction: column;padding-top: 40px;padding-left: 20px;justify-content: flex-end;}
    .history{padding:10px 10px 20px;}
    .history p{padding-top:6px;}
    .history:after{background: #484849;}
    .introtab .slideTxtBox .hd{display: block;}
    .htit8 h2{font-size: 20px;}
    .htit8 p{font-size: 14px;}
    .introtab .slideTxtBox .hd .arrow .prev, .introtab .slideTxtBox .hd .arrow .next{width: 40px;height: 40px;}
    .branditem,.branditem.sec{height: auto;padding: 20px;width:auto;border: 5px solid #3d3d47;}
    .branditem h2,.branditem h2 i{font-size: 12px;line-height: 1.4;}
    .branditem.sec{margin: 0 5px;}
    .subbrandwrap{background: none;}
    .subabout{padding-bottom: 30px;}
    .p30{padding-top: 20px;}
    .hth1{font-size:28px;}
    .hth1 i{font-size:12px;}
    .subleftnav,.subtightnav{width: 100%;}
	.subtightnav p, .subtightnav a{display: none;}
    .subleftnav ul li{margin:10px 10px 0 10px;}
    .subleftnav ul li,.subtightnav{height: 30px;line-height: 40px;}
    .fullSlide{padding-top: 96px;}
    .subbanner{margin-top: 96px;}
    .subbanner{padding-bottom: 2px;}
    .subbanner p{height: 4px;}
    .header{height: 96px;}
    .header .logo{width: 160px;padding-top: 20px;}
    .header .lang{margin-top: 34px;}
    .gh{margin-top: 31px;width: 20px;}
    .gh a:after, .gh a:before{height: 2px;}
    .gh a{height: 2px;}
    .gh a:before{top: -8px;}
    .gh a:after{top: 8px;}
    .footbot span{border-bottom: 1px solid rgba(255,255,255,.3);margin-bottom: 20px;padding-bottom: 16px;}
    .footbot strong{margin-top: 5px;float: none;}
    .footbot strong img{display: none;}
    .footbot em{padding: 0;float: none;display: block;text-align: center;}
    .icons{padding-left: 40px;display: none;}
    .newsright ul li p{flex: 1;width:calc(100% - 84px);}
    .indexbox5{padding: 30px 0;}
    .listwrap{background: none;padding: 20px;}
    .proimg img{width: 100%;left: 0;margin-top: 10px;}
    .navlist{width: 100%;float: none;}
    .listwrap .navitem{width: 50%;height: 50px;padding:10px;text-align: center;line-height: 32px;background: #4bc0b5;color: #fff;box-sizing: border-box;}
    .listwrap .navitem{border-left: 2px solid #fff;border-right: 2px solid #fff;}
    .listwrap .navitem a{color: #fff;}
    .indexbox4{padding: 30px 0;}
    .indexbox4 .swiper-pagination{padding: 10px 0 0;text-align: center;}
    .indexbox2btns{padding-top: 30px;}
    .box2left{padding-top: 0;width: 100%;padding-bottom: 30px;}
    .box2right{width: 100%;}
    .indexbox2{padding: 50px 0 0;}
    .box1top{padding: 20px 0;}
    .box1item{width: 50%;}
    .indexbox1{padding: 30px 0;}
    .htit h1,.box1top h2,.htit2,.contactleft .htit2 h1,.masktit h1{font-size: 18px;}
    .fullSlide .bd li a{display: block;height: 300px;}
    .fullSlide .bd li a img{opacity: 0;}
    .fullSlide .prev, .fullSlide .next{width: 20px;height: 70px;margin-top: 0;left: 10px;}
    .fullSlide .next{left: auto;right: 10px;}
    .fullSlide .hd li{width: 20px;height: 2px;}
    .fullSlide .hd{bottom: 10px;}
    .fullSlide .hd ul{text-align: center;text-indent: 0;}
    .foottop .flogo{display: block;float: none;}
    .flogo img{width: 170px;}
    .foottop p{float: none;padding: 0;border: none;color: #fff;}
    .footer{padding: 40px 0;}
    .htit{padding-bottom: 20px;}
    .footer{padding: 40px 0 0px;}
    .box4nav{margin: 0 0 -40px;background: #fff;}
    .box3wrap ul li{width: 100%;}
	.content .tab-nav li{float:left;width:100%;margin-left:3%;margin-bottom:50px;position:relative;}
    .content .tab-hd{float:left;width:100%;margin-top:10px;}
	.map_banner{background: url(../images/map.jpg) no-repeat center 104px;background-size: 100% auto;background-attachment: fixed;height:100px;}
	.newsWrap ul li{width: 100%}
	.newsimg{width: 100%}
	.newsdetail{margin-top: 15px;}
	.newsDetail .main p img{max-width:100% !important; height: auto !important;}

	 }