/*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:27px;
	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: #e51f26;
	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: #e51f26;
	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: #e51f26;
}
.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: 1240px) {
	.wrapper{width:auto; padding:0 16px;box-sizing: border-box;}
	.supportcontent{width:auto; padding:0 16px;box-sizing: border-box;}
	.applicatebox1 .leftbox .tit,.swipertit .tit,.servicebox .leftbox .tit{font-size: 30px;}
	.applicatebox1 .leftbox .detail,.applicatebox1 .leftbox .detail a{font-size: 18px;}
	.applicatebox1 .wrapper{background: url(../images/detail3.jpg) no-repeat right center;background-size: 60% auto;}
}
@media screen and (max-width: 1020px) {
	.mapbox{width: 60%;}
	.contact2detail{width: 40%;}
	.contact1left, .soluteleft, .soluteright {width: 100%;}
	.contact1right {display: none;}
	.wisdom .tebbox{grid-template-columns: calc(33.3% - 20px) calc(33.3% - 20px) calc(33.3% - 20px);grid-column-gap: 30px;}
	.slider .detail .title,.techloge .top .title,.htit2 h1,.htit3{font-size: 30px;}
	.advbox{padding: 120px 0;}
	.advbox a p{font-size: 30px;}
	.solution .wrap .soluitem p{font-size: 28px;}
	.htit{padding: 40px 0;}
	.newswrap .newitem{padding: 15px 0;}
	.slider .detail .word{width: 80%;}
	.slider .detail img{width: 40px;height: 40px;}
	.swiper-pagination1 .swiper-pagination-bullet-active{width: 20px;}
	.futureitem .title{font-size: 20px;}
	.pb120{padding-bottom: 80px;}
	.pt120{padding-top: 80px;}
	.futureitem .hoverimg{height: auto;}
	.futureitem .adv{width: 60px;height: 60px;bottom: -30px;}
	.wisdom .tebbox .boxitem.sec{grid-column-start:2;grid-column-end:4;}
	.techloge .rightbox{width: calc(100% - 600px);flex: 1;overflow: hidden;display: flex;align-items: center;justify-content: center;}
	.techloge .rightbox img{height: 100%;width: auto;max-width: 200%;}
	.nav ul li>a{padding: 0 20px;}
	.copy{padding: 10px 0;}
	.copy span{display: block;float: none;line-height: 1.4;height: auto;}
	.techloge .leftbox,.techloge .rightbox{width: 50%;}
	.apply .swiper-slide a .hoverimg{flex: 1;}
	.apply .swiper-slide a .hoverimg img{height: 100%;}
	.probanner .slider img {max-width: 100%;}
	.contentwrap .teb {width: 100%;}
	.contentwrap .tebbox {width: 100%;}
	.probox1 {width: 100%;}
	.hoverimg {text-align: center;}
}
@media screen and (max-width: 920px){
    .contact2box {margin-bottom: 50px;}
    .contact2detail {width: 100%; padding: 10px 10px 0 20px;}
    .contact2detail p {font-size: 14px;color: #686868;padding: 10px 0;}
    .mapbox {width: 100%;}
	.subadvbox{width: 100%;overflow: hidden;}
	.subadvbox a{display: flex;align-items: center;justify-content: center;}
	.footer .wrapper{flex-direction: column;}
	.footright{width: 100%;margin-top: 20px;flex-wrap: wrap;}
	.footleft{width: 100%;}
	.applicatebox1{padding: 20px 0 30px;}
	.applicatebox1 .leftbox{width: 100%;float: none;}
	.applicatebox1 .leftbox .tit, .swipertit .tit, .servicebox .leftbox .tit{font-size: 20px;}
	.applicatebox1 .leftbox .detail{padding: 16px;box-sizing: border-box;}
	.applicatebox1 .leftbox .detail p{margin-bottom: 20px;}
	.applicatebox1 .leftbox .tit{margin-bottom: 20px;}
	.applicatebox1 .wrapper{background: none;}
	.swipertit .sarrow{margin-top: 0;width: 80px;}
	.sarrow .swiper-button-next, .sarrow .swiper-button-prev{width: 20px;height: 20px;}
	.sarrow .swiper-button-next:after, .sarrow .swiper-button-prev:after{font-size: 12px;}
	.swipertit{margin-bottom: 20px;}
	.servicebox .wrapper{flex-direction: column;}
	.servicebox .leftbox{width: 100%;padding: 16px;}
	.servicebox .rightbox{width: 100%;padding:36px 16px;}
	.servicebox .rightbox .tel{font-size: 16px;}
	.servicebox .rightbox .tel img,.servicebox .rightbox a img{width: 20px;}
	.servicebox .rightbox a{font-size: 12px;}
	.searchwrap{width: 90%;}
	.searchwrap input{width: calc(100% - 24px);box-sizing: border-box;}
	.presale1 .wrap.sec .leftbox,.presale1 .wrap.sec .rightbox{width: 100%;}
	.presale1 .wrap .leftbox, .presale1 .wrap .rightbox {width: 100%;}
	.probanner .slider img {max-width: 100%;}
	.contentwrap .teb {width: 100%;}
	.contentwrap .tebbox {width: 100%;}
	.probox1 {width: 100%;}
	.subcontent .centerbox .proitem .hoverimg{height: auto;width: 100%;}
	.subcontent .centerbox .proitem .hoverimg img {width: 100%;height: auto;}
	.wisdom .tebbox .boxitem .maskbox .title {line-height: 30px;}
	.advbox{padding: 120px 0;}
	.advbox a p{font-size: 30px;}
}
@media screen and (max-width: 760px) {
	.probanner .htebbox .htebitem{line-height: 40px;font-size: 16px;margin-top: 10px;}
	.searchmask.selected, .lanhmask.selected{padding: 10px 0 20px;}
	.languageitem select{font-size:14px;width: 100%;}
	.languageitem .laitem a{font-size:14px;}
	.nav ul li:first-child > a {padding-left: 20px;}
	.thrnav .thritem a {padding: 8px;}
	.languageitem select{width: 100%;box-sizing: border-box;}
	.hedartop{position: fixed;left: -1px;right: -1px;top: -1px;}
	.footer{padding: 30px 0 10px;}
	.copy span{margin-bottom: 10px;}
	.footright dl{margin-left: 0;width: 50%;margin-bottom: 16px;}
	.header{height: 70px;}
	.header .logo{margin-top: 22px;width:170px;}
	.gh{margin-top: 18px;}
	.ptop{margin-top:70px;}
	.pronav.on{top: 72px;}
	.header ul.fr li a{font-size: 0;}
	.header ul li{margin-left: 20px;}
	.searchmask, .lanhmask{top: 68px;}
	.languageitem{width: 100%;padding: 10px 40px;box-sizing: border-box;}
	.lanhmask{flex-direction: column;}
	.gh{display: block;}
	.searchbox{display: none}
	.nav {
		position: fixed;
		left: 0;
		right: 0;
		top:68px;
		bottom: 0;
		margin:0;
		background:#fff;
		width: auto;
		z-index: 999;
		display: none;
	}
	.nav.selected{ display:block;}
	.nav .wrapper{padding: 0;height: 100%;}
	.nav ul{position: relative;height: 100%;width: 100%;}
	.nav ul li{width: 100%;border-bottom: 1px solid #e7e6e6;}
	.nav ul li>a{text-align: center;display: flex;align-items: center;justify-content: space-between;}
	.nav ul li>a .arrow{transform: rotate(-90deg);}
	.nav ul li.minnav{transform: translateX(-100%);height:0;}
	.nav ul li.selected>a{background: #fff;color: #000;}
	.nav ul li.minnav.selected{height: 1px;}
	.nav ul li .subnav{position: absolute;left:0;top:0;right: 0;box-sizing: border-box;height: 100%;}
	.nav ul li .subnav{display: none;}
	.nav ul li.minnav.selected .subnav{transform: translate(100%,-100%);display: block;}
	.pruductwrap{display: none;}
	.subnav dl{width: 100%;padding: 0 16px;float: none;}
	.subnav .close{display: none;}
	.subnav .prev{display: block;}
	.subnav .wrapper{width: 100%;}
	.nav ul li{transition: all .2s;}
	.subnav dl dd{transition: all .2s;}
	.subnav .minactive{transform: translateX(-100%);height: 0;}
	.subnav .minactive.active{height: 1px;}
	.subnav dl dd.minactive .arrow{display: none;}
	.subnav dl dd.active .thrnav{padding: 0;}
	.slider .banner{height: 350px;width: auto;max-width: 1000%;}
	.future .wrapper{grid-template-columns: 100%;}
	.pb120{padding-bottom:40px;}
	.pt120{padding-top: 40px;}
	.wisdom .teb .tebitem{height: 50px;}
	.wisdom .teb{margin-bottom: 30px;}
	.wisdom .tebbox .boxitem{height: auto;}
	.wisdom .tebbox{grid-template-columns: auto auto;grid-column-gap: 10px;grid-row-gap: 10px;}
	.wisdom .tebbox .boxitem a>img{position: relative;left: auto;right: auto;top: auto;width: 100%;vertical-align: top;bottom: auto;}
	.wisdom .tebbox .boxitem .maskbox .title{padding-top:20px;}
	.wisdom .tebbox .boxitem .maskbox{padding: 5px;}
	.wisdom .tebbox .boxitem .maskbox img{width: 25px;height: 25px;}
	.wisdom .tebbox .boxitem .maskbox .detail{display:none}
	.advbox a p{font-size: 20px;width: 100%;text-align: center;}
	.techloge .wrapper{flex-direction: column;}
	.techloge .leftbox{padding: 20px;}
	.slider .detail .title, .techloge .top .title, .htit2 h1{font-size: 20px;}
	.htit2 p{font-size: 14px;padding: 10px 60px 0;}
	.solution .wrap{grid-template-columns: 50% 50%;}
	.techloge .leftbox,.techloge .rightbox{width: 100%;}
	.techloge .rightbox img{width: 100%;height: auto;}
	.techloge .bot .botitem{margin-top: 20px;}
	.morebox img{width:20px;}
	.htit{padding: 20px 0;}
	.htit h3{font-size: 18px;}
	.productwrap{flex-direction: column;}
	.productitem{width: 100%;margin-bottom: 10px;}
	.newswrap{padding: 0 16px;}
	.newswrap .newitem h4{width: calc(100% - 100px);}
	.footleft .logo{width: 200px;}
	.techloge .top .title,.techloge .bot .title,.productitem .newsdetail{font-size: 16px;}
	.solution .wrap .soluitem p{font-size:20px;}
	.subsecnav .search{width: 90%;}
	.subsecnav{padding: 70px 0;}
	.sub_title{padding: 0 0 20px;font-size: 20px;}
	.subcontent .centerbox{border-left:1px solid #c9cacc}
	.subcontent .types{flex-direction: column;}
	.subcontent .leftbox,.subcontent .rightbox{width: 100%;}
	.subcontent .leftbox{height:auto;border-right: 0px; min-height:100px}
	.subcontent .leftbox dl{float: left; margin-top:10px}
	.subcontent .leftbox dd{float: left;margin-top: 2px;}
	.subcontent .rightbox .top{padding: 10px 0px; align-items: flex-start;}
	.subcontent .rightbox .top .item{margin-bottom: 20px;}
	.subcontent .centerbox{grid-template-columns: calc(50%) calc(50%);}
	.subcontent .centerbox .proitem .hoverimg img{width: 100%;}
	.detail1{flex-direction: column;}
	.detail1 .rightbox .title,.contact .leftbox .title,.htit3{font-size: 20px;padding-bottom: 30px;}
	.detail1 .rightbox p,.contact .leftbox .detail{font-size: 14px;}
	.contact .leftbox .bthbox{width: 100%;padding-top: 20px;}
	.contact .leftbox .bthbox .btn{height: 60px;width: 48%;padding: 0;text-align: center;font-size: 12px;margin: 0;justify-content: center;}
	.contact .leftbox .bthbox .btn.sec{padding: 0;margin-left: 4%;}
	.contact .leftbox{padding: 0;margin-bottom: 20px;}
	.contact .wrapper{flex-direction: column;}
	.cswrap .csitem span{width: auto;white-space: nowrap;}
	.cswrap .csitem{display: flex;}
	.downtable{width: 100%;overflow-x: auto;}
	.downtable table{width: 800px;}
	.apply .swiper-slide a{flex-direction: column;}
	.apply .swiper-slide a .detail{padding: 20px;}
	.apply .swiper-slide a .detail,.apply .swiper-slide a .hoverimg{width: 100%;}
	.subadvbox a img{height: 150px;}
	.news_list_ul .l_img {float: none; width: 100%;}
	.news_list_ul .r_wen {float: none;width: 100%;padding-top: 20px;}
	.news_list_ul {margin-bottom: 20px;}
	.news_list_ul li {padding: 30px 0;border-bottom: 1px solid #f2f2f2;}
	.contact-msg li{width:100%; margin-right:1%; margin-bottom:25px;}
	.form-contact p{line-height: 30px;}
	.contentwrap .tebbox {width: 100%;}
	.contentwrap .teb {width: 100%;}
	 .prodetailword, .probanner {width: 100%;}
	 .prodetail {padding: 15px;}
	 .probanner {padding-left: 0%;}
	 .probanner .slider img {max-width: 100%}
	 .contentwrap .teb .tebitem{width: 25%;height:30px}
	 .prodetailimg{width: 100%;}
	 .prodetailtab .tableforshow td {font-size: 12px;padding-left: 5px; line-height: 50px;}
	 .probox1 {width: 100%;}
	 .hoverimg {text-align: center;}
	 .presale1 .wrap {display: block;}
	 .presale1 .wrap.sec .leftbox,.presale1 .wrap.sec .rightbox{width: 100%;}
	 .introduce .wrap .introitem .tit {font-size: 20px;}
	 .introduce .wrap .introitem .word {font-size: 12px;padding: 8px;}
	 .introduce .wrap .introitem {padding: 100px 0;}
	 .introduce1 .wrap .introitem .tit {font-size: 20px;}
	 .introduce1 .wrap .introitem .word {font-size: 12px;}
	 .pry .pry_list li,.pry .pry_list_iso li {width: 48%;}
	 .applicatebox1 .leftbox .tit {margin-bottom: 80px; padding-top:50px}
	 .swiper-fuli .swiper-slide {height: auto;display: block;}
	 .swiper-fuli .swiper-slide .info {padding: 30px;width: 100%;}
	 .indexbg2 {height:auto;}
	 .index04 {padding-top: 50px;}
	 .jobList {width: 100%;}
	 .jobList .item .top {padding: 15px 5px 15px;}
	 .jobList .item .right .zk {width: 60px;height: 35px;font-size: 12px;}
	 .presale1 .wrap .leftbox, .presale1 .wrap .rightbox {width: 100%;}
	 .presele2item .leftbox {width: 50%;}
	 .applicatebox1 .leftbox .tit {margin-bottom: 50px;padding-top: 50px;color: #fff;}
	 .subcontent .leftbox dt {padding: 0px 20px 0px 0px;}
	 .searchwrap input {width: calc(100% - 100px);}
	 .searchwrap input {font-size: 14px;padding: 0 30px 0 20px;height: 50px;line-height: 50px;}
	 .advbox {padding: 120px 0;}
	 .advbox p {font-size: 30px;}
	 .subcontent .centerbox .proitem .hoverimg{height: auto;width: 100%;}
	 .subcontent .centerbox .proitem .hoverimg img {width: 100%;height: auto;}
	 .wisdom .tebbox .boxitem .maskbox .title {line-height: 30px;}
}