.mobnav-btn { display: none; width: 26px; height: 30px; overflow: hidden; cursor: pointer; z-index: 10; position: fixed;top:10px; right:20px}
.mobnav-btn span { top: 50%; margin-top: 0;}
.mobnav-btn span:first-child { content: ""; top: 7px; left: 0; }
.mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0;}
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 0; position: absolute; background: #da0000; -webkit-transition: all 0.5s ease; width: 26px; height: 2px; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.mobnav-btn.g_close span { opacity: 0; }
.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 14px; opacity: 1; }
.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 14px; opacity: 1; }
.nav-mob { position: fixed; top: 50px; z-index: 99999; background: #fafafa; left: 0; width: 100%; height: 100%; padding: 25px 0; overflow-y: auto; display: none;}
.nav-mob ul{padding:0 30px}
.nav-mob ul li { border-bottom: 1px solid #e2e2e2;}
.arrorright-btn { position: absolute; width: 60px; right: 0; top: 0; height: 43px; cursor: pointer;}
.arrorright-btn:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 20px; margin-top:-3px; border-left: 2px solid #bbb; border-top: 2px solid #bbb; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.nav-mob ul li.cur .arrorright-btn:after {border-left: 2px solid #da0000; border-top: 2px solid #da0000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);margin-top:0px;}

.nav-mob ul li h4 { position: relative;}
.nav-mob ul li h4 a { padding: 12px 5px; display: block; color: #222; font-size: 16px;}
.nav-mob ul li.cur h4 a { color: #da0000;}
.subnavmb{padding:0 0 10px;}
.subnavmb a { display: block; padding: 2px 5px;}
.subnavmb a i { margin-right: 8px; display:inline-block; width: 5px;  height: 5px; border: #888 1px solid; border-radius: 4px; vertical-align: middle;}

.language-box .langbtn { font-size: 16px; color: #666666; display: inline-block; display: flex;}
.language-box .langbtn:before{content: '\e85f'; font-family: 'iconfont'; font-size: 18px; display: inline-block; color: #210091; margin-right: 10px;vertical-align: middle;}
.language-box .language-tab { display: none; position: absolute; top: 85px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; width: 120px; text-align: center; }
.language-box .language-tab a { display: block; line-height: 36px; color: #fff; background: #210091;}
.language-box .language-tab a:hover { background: #999;}
@media(max-width:1024px){
	.language-box,.mobnav-btn { display: block;}
	.pd60{padding:25px 0}
	/*产品*/
	.productlist{padding:0;}
	.productlist ul{display: flex; flex-wrap: wrap;}
	.productlist li{width: calc(50% + 1px); padding: 5px;}
	.productlist h2{font-size:13px; line-height:18px; min-height: 38px; margin-top: 15px;}
	.productlist li .imgbox{margin: 0; overflow: hidden;}
	.productlist li .view{line-height: 28px; margin-top:10px;}
	.aboutover{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical;}
	.pagebanner{width:100%; height: 90px; background:no-repeat center center/cover #fafafa; display: flex; align-items:center;}
	.pagebanner .wrapper>span{display: none;}
	.notmobmenu{padding:0; margin:0; width:100%}
	.childmenu{height: auto; box-shadow:none; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; overflow: hidden; margin-top: 0px;}
	.childmenu>a{display: block; height:38px; text-align: left; width:auto; padding-left: 15px; line-height: 36px; background: #eee; color: #2e2d3c; font-size: 14px; position: relative; transition: all .35s; margin-top: 1px;}
	.childmenu>a::after{content: ""; background: none; position: absolute; width: 8px; height: 8px; top: 50%; right: 15px; margin-top:-4px; border-left: 1px solid #888; border-top: 1px solid #888; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
	.childmenu>a:hover{background: #da0000; color: #fff;}
	.childmenu>a.active{background: #da0000; color: #fff;}
	.childmenu>a:hover::after,.childmenu>a.active::after{border-left: 1px solid #fff; border-top: 1px solid #fff; display: block;}
	.childmenu>a:last-child::after{display: block;}
	.aboutcontent{padding:0; font-size: 14px; line-height: 1.6;}
	.abttitle{font-size:16px; line-height: 1; margin-bottom: 20px;}
	/*详细*/
	.proinfo{ line-height: 1.6;}
	.proinfo h1{font-size: 16px; font-weight:bold;}
	.proinfo h3{color:#999; font-size: 12px; padding:5px 0}
	.proinfo-l{float:none; width:100%; border:0px solid #e2e2e2;}
	.proinfo-l img{max-width:100%; display:block; margin:0px auto;}
	.proinfo-r{float:none; width:100%; padding-top: 20px;}
	
	.hometitle{font-size: 14px;}
	.hometitle:before{content:''; width:30px; height: 2px; margin-bottom: 5px;}
	.font24{font-size: 14px;}
	
	.enquiry_btn{width:100%}
	.enquiry_btn a.on_enquiry {padding:8px 12px;}
	
	.infosm{font-size: 14px; color: #666; line-height: 1.6;}
	.infoxxcs{font-size: 14px; color: #666; line-height: 1.6; padding:15px 0}
	.productmain{background: #f6f7fb; border-top: 1px solid #e6e7e7;}
	.cpxxcs{display: flex;}
	.cpxxcs a{padding:8px 15px; font-weight: normal; font-size:14px;}
	.cpxxcs a.active::before{width: calc(100% + 2px); height: 2px;}
	
	.contact-left{float:none; width:100%; font-size: 14px; line-height: 1.8; padding:20px 0}
	.contact-right {float:none; width:100%; padding:20px 0}
	.contact-right .text {margin-bottom: 10px;}
	.contact-right .text input {display: block; width: 100%; height: 38px; padding: 0 10px; line-height: 20px;}
	.contact-right .but { padding-top: 0;}
	.contact-right .but input[type='button'] { width: 140px; height: 42px; font-size: 14px;}
	
	.fangan {}
	.fangan .allitems { width: 100%; display: flex; display:-webkit-flex; flex-wrap:wrap; flex-direction: column; justify-content:flex-start;}
	.fangan .allitems .item { width: 100%; background: #F4F4F4; margin-top: 40px; border-radius: 5px; padding-top: 20px; position: relative;}
	.fangan .allitems .item:nth-child(-n+2) { margin-top: 40px;}
	.fangan .allitems .item .num { font-size: 45px; top: -25px; left: 15px;}
	.fangan .allitems .item .ptit { padding: 10px 15px; line-height: 22px; color: #000; font-size: 18px; font-family: "Montserrat-B"; border-bottom: 1px solid #DBDBDB;}
	.fangan .allitems .item .des { padding: 10px 15px 15px; color:#333; font-size: 14px; line-height: 24px; min-height: auto;}
	.fangan .allitems .item:nth-child(3) .des,.fangan .allitems .item:nth-child(4) .des{ min-height: auto;}
	.fangan .allitems .item .pic img { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
	
	/*案例*/
	.project_list{padding:0}
	.project_list li{float:none; width:100%; margin-right:0; margin-bottom: 1%;}
	.project_list li:nth-child(-n+2){margin-top: 0;}
	.project_list li:nth-child(2n){ margin-right:0}
	.project_list li .wrap{background:#efefef; display: initial; display:-webkit-flex; justify-content: space-between; align-items: center;}
	.project_list li .wrap i{display: none;}
	.project_list li .text{ width:auto; display: block; font-size:14px; text-align: left; line-height:20px; padding:10px;}
	.supportleft{width: 100%; float:none;}
	.supportleft .abttitle,.pd60 .abttitle{padding-bottom:0}
	.supportright{width:100%; float:none; padding-top: 20px;}
	
	.problemlist {padding:0; box-shadow:none;}
	.problemlist .abttitle{padding-bottom: 0px;color: #da0000;}
	.problemlist .problem-item { cursor: pointer; border-bottom: 1px solid #ddd; width:100%;}
	.problemlist .problem-tit { line-height: 22px; padding:10px 30px 10px 5px; font-size: 15px;}
	.problemlist .problem-tit span{width:20px; height: 20px;}
	.problemlist .problem-tit:after{ top: 15px; right: 10px;}
	.problemlist .problem-item.cur .problem-tit:after {top: 20px;}
	
	.honorlist{}
	.honorlist ul li{float:none; width:100%; margin-right: 0; margin-top:2%; margin-bottom:0; box-shadow:none}
	.honorlist ul li h2{font-size:14px; line-height:20px; text-align: center; margin: 10px 0;}
	.honorlist ul li .mr10{margin:0}
	
	.viewbox{ color: #777; font-size: 14px; border-bottom: 1px dotted #ccc;}
	.viewbox h2{font-size: 16px; line-height:1.2; color: #000; padding-bottom: 10px; text-align: center;}
	.viewcontent{line-height: 1.6; padding:15px 0 0}
	.viewcontent img{display: block; margin: 10px auto; text-align: center;}
	.viewstatus{line-height: 1.8; padding:10px 0 0; font-size: 14px;}
	.context{padding: 10px 0 0; margin-top:20px}
	.context li{ line-height: 20px; position: relative; padding-left: 18px; margin: 6px 0;}
	.context .context-a{display: none;}
	.context li:nth-of-type(1):before{ width: 8px; height: 8px; top: 3px; left: 0; margin-top: 0;}
	.context li:nth-of-type(2):before{ width: 8px; height: 8px; top: 9px; left: 0; margin-top: 0;}
	
	
	.contactinfo{background: #FFFFFF; border-radius: 0; box-shadow: none; padding: 0;}
		.contactinfo .left{width:100%; padding-bottom:40px}
		.contactinfo .left .feedback{margin-top: 20px;}
		.contactinfo .left .feedback dl dd{width: 100%; margin-bottom: 10px;}
		.contactinfo .left .feedback dl dd:nth-child(5){width: 100%; margin-bottom: 10px;}
		.contactinfo .left .feedback dl dd input{display: block;width: 100%; line-height: 38px; padding: 0 5px;}
		.flexcsb{display: flex;	flex-wrap: wrap; align-items: center; justify-content: space-between;}
		.contactinfo .left .feedback dl dd textarea{padding: 5px;height: 100px;line-height: 24px;}
		.contactinfo .left .feedback dl dt{width: 100%; text-align:left;}
		.contactinfo .left .feedback dl dt button{width: 100%;line-height: 40px;font-size: 14px;}
		
		.flexcsb{flex-direction: column;}
		.contactinfo .right{width: 100%;padding: 0; position: static;}
		.contactinfo .right:before{display:none}
		
		.contactinfo .title h2{font-size: 18px; line-height: 1;color: #333;}
		.contactinfo .title em{display: block;width: 20px;margin: 10px 0 5px;}
		.contactinfo .title h3{font-size: 14px; line-height: 1.8;color: #333;}

		.contactinfo .right .details{margin-top: 10px;}
		.contactinfo .right .details li{border-bottom: 1px dashed rgba(0,0,0,0.3); padding: 20px 0; display: flex; align-items: flex-start; align-items: center; color: #333;}
		.contactinfo .right .details li:last-child{border-bottom:0}
		.contactinfo .right .details li i{width: 44px;height: 44px;background: #e5801f; color:#fff;}
		.contactinfo .right .details li dl dd,.contactinfo .right .details li dl a{color: #333;}
}