a:link{outline: none;}
body,html{max-width: 100%;height: inherit;overflow-x: hidden;}
.wrap{width: 100%;}
.logo{width: 203px;}
.content{padding-top: 64px;}

.header_search{width: 1200px;margin: 0 auto;display: flex;padding: 24px 0px;}
.search_con{flex: 1;display: flex;align-items: center;justify-content: right;}
.search_en{display: flex;align-items: center;padding: 8px 20px;border-radius: 6em;background: #1bc0de;margin-right: 24px;}
.search_en span{display: inline-block;margin-left: 6px;font-size: 14px;color: #fff;}

.search_input{display: flex;align-items: center;border: 1px solid #1bc0de;border-radius: 6em;}
.search_input input{display: block;width: 260px;padding:10px 12px;box-sizing: border-box;font-size: 16px;color: #1bc0de;border: none;outline: none;background: none;}
.search_input input::-webkit-input-placeholder{color: #1bc0de;}
.search_input a{display: block;padding: 6px 12px;}

.header_nav{width: 100%;background: #f9f9f9;}
.header_nav_con{width: 1200px;margin: 0 auto;display: flex;align-items: center;}
.header_nav_con a{display: block;padding:20px 20px 20px 0px;font-size: 16px;line-height: 1em;color: #000;margin-right: 24px;font-weight: 600;transition: all 0.5s ease;}
.header_nav_con .a_link{color: #1bc0de;}
.header_nav_con a:hover{color: #1bc0de;transform: translateY(-2px);}

.top_header_nav{position: fixed;top: 0;left: 0;width: 100%;z-index: 99999;transform: translateY(-100%);opacity: 0;transition: all 0.5s ease;}
.header_show{transform: translateY(0);opacity: 1;}

.footer_view{background: #222222;margin-top: 64px;}
.footer_con{width: 1200px;margin: 0 auto;padding: 64px 0px;display: flex;}
.footer_l{margin-right: 128px;}
.footer_l_tips{font-size: 14px;color: #919191;text-decoration: none;font-style: italic;display: block;margin: 64px 0px 16px;}
.footer_icon{display: flex;align-items: center;justify-content: space-between;}
.footer_icon a{display: block;width: 40px;transition:  all 0.5s ease;}
.footer_icon a:hover{transform: scale(1.1);}

.footer_r{flex: 1;}
.footer_ul{display: flex;justify-content: space-between;}
.footer_li_view a{display: block;color: #919191;font-size: 14px;margin-bottom: 24px;transition: all 0.5s ease;}
.footer_li_view a:first-of-type{color: #fff;font-size: 20px;margin-bottom: 32px;}
.footer_li_view a:first-of-type:hover{text-decoration: none;color: #fff;}
.footer_li_view a:hover{color: #1bc0de;text-decoration: underline;}

.mw{background: #1b1b1b;padding: 32px 0px;}
.copyright{display: flex;align-items: center;justify-content: space-between;width: 1200px;margin: 0 auto;}
.copyright_con{line-height: 1em;font-size: 13px;color: #919191;}
.copyright_con a{display: inline-block;margin-left: 2px;color: #919191;}
.by_mw{display: block;font-size: 12px;color: #666;transform: scale(0.8);}

.none{display: none !important;}

.emall_view{padding:0px 0px 32px;width: 1200px;margin: 0 auto;}
.emall_text{font-size: 16px;color: #000;margin-bottom: 64px;font-weight: bold;}
.emall_form{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.emall_input{display: flex;align-items: center;border: 1px solid #c9c9c9;border-radius: 4px;margin-bottom: 32px;}
.emall_input span{display: block;font-size: 14px;color: #999;line-height: 1em;padding: 0px 12px;position: relative;}
.emall_input span::after{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: 0px;background: #c9c9c9;}

.emall_input input{flex: 1;border:none;outline: none;padding: 10px 6px;box-sizing: border-box;border-radius: 4px;font-size: 16px;}
.emall_input textarea{flex: 1;border:none;outline: none;padding: 10px 6px;box-sizing: border-box;border-radius: 4px;font-size: 16px;}
.w1{width: 49%;}
.w2{width: 32%;}
.w3{width: 100%;align-items: self-start;}
.w3 span{margin-top: 10px;}

.emall_td{width: 100%;}

#drag{position: relative;background-color: #e8e8e8;width: 323px;height: 34px;line-height: 34px;text-align: center;overflow: hidden;}
#drag .handler{position: absolute;top: 0px;left: 0px;width: 40px;height: 32px;border: 1px solid #ccc;cursor: move;}
.handler_bg{background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;}
.handler_ok_bg{background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;}
#drag .drag_bg{background-color: #7ac23c;height: 34px;width: 0px;}
#drag .drag_text{position: absolute;top: 0px;width: 323px;-moz-user-select: none;-webkit-user-select: none;user-select: none;-o-user-select:none;-ms-user-select:none;}

.emall_btn{width: 100%;margin-top: 32px;}
.emall_btn a{display: inline-block;font-size: 14px;color: #000;background: #dddddd;padding:12px 32px;border-radius: 8px;transition: all 0.5s ease;}
.emall_btn a:hover{color: #fff;background: #1bc0de;}

.message{width: 1200px;margin: 0 auto;padding-bottom: 64px;}
.message_view{margin-bottom: 24px;padding: 16px;background: #f5f5f5;border-radius: 12px;}
.message_con{display: flex;align-items: center;justify-content: space-between;}
.message_con .message_title{font-size: 20px;font-weight: bold;color: #000;}
.message_con .message_time{font-size: 12px;color: #999;}
.message_text{font-size: 16px;color: #000;line-height: 1.5em;margin-top: 12px;}

.about_view{width: 1200px;margin: 0 auto;padding: 32px 32px 32px 0px;box-sizing: border-box;border-radius: 12px;background: linear-gradient(to right,#fff 0%,#fff 30%,#80cccc 100%);}
.about_text{font-size: 16px;line-height: 1.5em;margin-bottom: 16px;color: #000;}
.about_title{font-size: 16px;line-height: 1.5em;color: #000;margin-bottom: 6px;}
.about_a_view{margin-bottom: 4px;}
.about_a{display: inline-block;font-size: 16px;color: #1bc0de;line-height: 1.5em;}
.about_a:hover{text-decoration: underline;color: #1bc0de;}

.gnss_l_a a{transition: all 0.5s ease;}
.gnss_l_a a:hover{color: #1bc0de;}
.gnss_l_a .gnss_l_a_active{color: #1bc0de;}

.gnss_message .emall_input{width: 65% !important;}

/* 返回顶部 */
@keyframes run_hj{
	0%{transform: translateY(0px);}
	50%{transform: translateY(-10px);}
	100%{transform: translateY(0px);}
}
@keyframes run_hj2{
	0%{transform: translateY(50px);opacity: 0;}
	100%{transform: translateY(0px);opacity: 1;}
}
.back_fixed{position: fixed;right: 60px;bottom: 50px;cursor: pointer;transform: translateY(50px);opacity: 0;z-index: 9999999;}
.back_fixed:hover svg{animation: run_hj 1s ease infinite;}
.back_show{animation: run_hj2 1s ease forwards;}

.run_text{background:-webkit-linear-gradient(left,#000,#1bc0de 25%,#000 50%,#1bc0de 75%,#000);color:transparent !important;-webkit-background-clip:text;background-size:200% 100%;animation:masked-animation 4s infinite linear;}
@-webkit-keyframes masked-animation {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-100% 0;
	}
}

/* wap */
@media screen and (max-width: 1100px){
	/* 全局 */
	.emall_td{display: none;}
	.emall_btn{margin-top: 0px;}
	/* 搜索 */
	.content .search_details_view{transition: all 0.5s ease;width: 100%;padding: 0px 16px;box-sizing: border-box;}
	.search_details_view .search_details_con{width: 100%;margin-right: 0px;}
	.fy_page{width: 100% !important;padding: 0px 16px 64px !important;box-sizing: border-box;}
	/* 首页 */
	.header_search{width: 100% !important;transition: all 0.5s ease;flex-wrap: wrap;padding:16px;box-sizing: border-box;}
	.search_con{width: 100%;flex: inherit;margin-top: 16px;}
	.header_nav_con{width: 100% !important;transition: all 0.5s ease;padding:0px 16px;box-sizing: border-box;justify-content: space-between;}
	.title_view{width: 100% !important;transition: all 0.5s ease;padding: 32px 16px !important;box-sizing: border-box;}
	.swiper_wrap{width: 100% !important;transition: all 0.5s ease;padding: 0px 16px;box-sizing: border-box;flex-wrap: wrap;margin-bottom: 16px !important;}
	.title_view2{width: 100% !important;transition: all 0.5s ease;padding: 32px 16px !important;box-sizing: border-box;}
	.products_view{width: 100% !important;transition: all 0.5s ease;padding-left: 16px;box-sizing: border-box;}
	.partners_view{width: 100% !important;transition: all 0.5s ease;padding: 0px 16px !important;box-sizing: border-box;}
	.emall_view{width: 100% !important;transition: all 0.5s ease;}
	.message{width: 100% !important;transition: all 0.5s ease;padding: 0px 16px 32px !important;box-sizing:border-box;}
	.about_view{width: 100% !important;transition: all 0.5s ease;padding: 16px !important;}
	.swiper-container2{width: 100% !important;transition: all 0.5s ease;padding-bottom:86px !important;}
	.footer_con{width: 100% !important;transition: all 0.5s ease;flex-wrap: wrap;padding: 32px 16px;box-sizing: border-box;}
	.footer_con .footer_l{margin-right: 0px;width: 100%;}
	.footer_con .footer_l_tips{margin-top: 32px;}
	.footer_con .footer_ul{flex-wrap: wrap;margin-top: 32px;}
	.footer_con .footer_li_view{width: 50%;padding-right: 16px;box-sizing: border-box;}
	
	.search_input{flex: 1;}
	.search_input input{width: 100% !important;}
	
	.header_nav_con a{margin-right: 0px;padding: 16px 0px;font-size: 14px;}
	.title_view h5{font-size: 32px !important;}
	.swiper_view{width: 100% !important;height: inherit !important;}
	.swiper_r{margin-left: 0px !important;width: 100% !important;margin-top: 16px;}
	.title_view2 h5{font-size: 28px !important;}
	.swiper-container2 .swiper-button-next{bottom: 30px !important;right: 155px !important;}
	.swiper-container2 .swiper-button-prev{bottom: 30px !important;right:195px !important;}
	.emall_view .emall_text{padding: 0px 16px;margin-bottom: 32px;}
	.emall_view .emall_form{padding: 0px 16px;}
	.emall_view .w1{width: 100%;}
	
	.mw .copyright{width: 100%;flex-wrap: wrap;padding: 0px 16px;box-sizing: border-box;}
	.mw .by_mw{margin-top: 16px;margin-left: -12px;}
	
	.back_fixed{right:12px !important;bottom: 12px !important;}
	.back_fixed svg{width: 30px;height: 30px;}
	
	.emall_input .yzm-img{width: 100px;}
	.emall_input .yzm{min-width: 100px;}
	
	.footer_view{margin-top: 32px;}
	/* product */
	.content{padding-top: 32px;}
	.content .gnss_view{width: 100%;flex-wrap: wrap;padding: 0px 16px;box-sizing: border-box;}
	.gnss_view .gnss_l{width: 100%;}
	.gnss_view .gnss_r{margin-left: 0px;}
	.gnss_view .gnss_r_a{width: 100%;margin-right: 0px;margin-top: 16px;margin-bottom: 0px;}
	.gnss_view .gnss_l_a{margin-bottom: 16px;}
	
	/* support */
	.support_list .support_con{padding: 12px;width: 48.5%;margin-right: 3%;}
	.support_con .gnss_download_btn a{padding: 12px 0px;width: 47.5%;margin-right: 0px;display: flex;justify-content: center;}
	.support_con .support_name{margin-bottom: 16px;}
	.support_con .gnss_download_btn a span{font-size: 16px;margin-right: 8px;}
	.support_con .gnss_download_btn{justify-content: space-between;}
	.support_title{margin-bottom: 16px !important;}
	.support_view{margin-bottom: 16px;}
	/* news */
	.content .news_list{margin-top: 32px;margin-bottom: 32px;}
	.company_news .company_news_a{flex-wrap: wrap;}
	.company_news .company_news_img{width: 100%;height: inherit;margin-right: 0px;}
	.company_news .company_news_info .company_news_number{margin-top: 12px;}
	.company_news .company_news_info::after{bottom: -6px;}
	/* contact_us */
	.contact_us_con .contact_us_img{margin-right: 16px;}
	.contact_us_con .contact_us_text{font-size: 16px;}
	/* news-details */
	.news_details_title{margin-bottom: 32px !important;}
	/* product_details */
	.gnss_message{margin-top: 32px !important;padding-top: 32px !important;}
	.gnss_details_btn{margin: 32px 0px !important;}
}