@charset "utf-8";
@font-face {font-family: "odemedia";
  src: url('../fonts/iconfont.eot'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/8d475896860d4a1d916c9b45fce238b7.woff') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
html,body{}
ul,ol,li,fieldset{ margin:0; padding:0; list-style:none;}
a{color: #000;}
a:hover{color: #004fa3;}
.clearfix{width: 0;height: 0;line-height: 0;font-size: 0;clear: both;}
@media screen and (min-width: 768px) and (max-width: 1023px){
	
	 
	.box_4{padding: 80px 20px;}
	.box_4 .bhead{text-align: center;}
	.box_4 .bhead strong{display: block;line-height: 40px;font-size: 40px;}
	.box_4 .bhead em{display: block;line-height: 34px;padding: 20px 0 0;font-size: 18px;font-style: normal;}
	.box_4 .bhead span{display: block;line-height: 30px;padding: 20px 0 0;font-size: 16px;color: #848484;}
	.box_4 .bhead i{display: block;width: 180px;height: 40px;margin: 20px auto 0;}
	.box_4 .bhead i a{display: block;height: 40px;line-height: 40px;text-align: center;font-style: normal;border: 1px solid #1075bb;color: #1075bb;transition: all .3s;}
	.box_4 .bhead i a:hover{background: #1075bb;color: #FFF;}
	.box_4 .bbody{padding: 40px 0 0;text-align: center;}
	
	 
}
@media screen and (max-width: 1023px){

	
}
@media screen and (max-width: 767px) {
	
	 
	.box_4{padding: 40px 20px;}
	.box_4 .bhead{text-align: center;}
	.box_4 .bhead strong{display: block;line-height: 30px;font-size: 20px;}
	.box_4 .bhead em{display: block;line-height: 24px;padding: 20px 0 0;font-size: 16px;font-style: normal;}
	.box_4 .bhead span{display: block;line-height: 20px;padding: 20px 0 0;font-size: 14px;color: #848484;}
	.box_4 .bhead i{display: block;width: 180px;height: 40px;margin: 20px auto 0;}
	.box_4 .bhead i a{display: block;height: 40px;line-height: 40px;text-align: center;font-style: normal;border: 1px solid #1075bb;color: #1075bb;transition: all .3s;}
	.box_4 .bhead i a:hover{background: #1075bb;color: #FFF;}
	.box_4 .bbody{padding: 40px 0 0;}
	
	 
	
	.product_index{background: #F4F4F4;text-align: center;}
	.product_index .bbody ul{font-size: 0;}
	.product_index .bbody ul li{display: inline-block;vertical-align: top;width:50%;margin: 0 0 20px;font-size: 16px;}
	.product_index .bbody ul li:nth-of-type(2n+1){padding: 0 10px 0 0;}
	.product_index .bbody ul li:nth-of-type(2n){padding: 0 0 0 10px;}
	.product_index .bbody ul li a{display: block;width: 100%;height: 100%;background: #FFF;position: relative;overflow: hidden;}
	.product_index .bbody ul li a img{width: 100%;height: auto;}
	.product_index .bbody ul li a figure{margin: 0;padding: 0 0 20px;}
	.product_index .bbody ul li a figure figcaption{display: block;line-height: 30px;padding: 10px 0 0;text-align: center;font-size: 24px;}
	.product_index .bbody ul li a .pl_txt{width: 100%;height: 100%;padding:20px 20px 0; position: absolute;left: -100%;top: 0;transition: all .3s;background: rgba(68, 135, 189, 0.8);color: #FFF;}
	.product_index .bbody ul li a .pl_txt strong,.product_index .bbody ul li a .pl_txt span,.product_index .bbody ul li a .pl_txt em{display: block;text-align: center;}
	.product_index .bbody ul li a .pl_txt strong{font-size: 24px;font-weight: normal;}
	.product_index .bbody ul li a .pl_txt span{line-height: 20px;padding: 10px 0 0;}
	.product_index .bbody ul li a .pl_txt em{width: 100%;height: 44px;line-height: 42px;margin: 10px auto 0;border: 1px solid #FFF;font-style: normal;}
	.product_index .bbody ul li a:hover .pl_txt{left: 0;}
	
	 
	
	.product_list{margin: 40px 0;padding: 0 20px;}
	.product_list ul{font-size: 0;}
	.product_list ul li{display: inline-block;vertical-align: top;width: 50%;font-size: 14px;}
	.product_list ul li:nth-of-type(2n+1){padding: 0 10px 0 0;}
	.product_list ul li:nth-of-type(2n){padding: 0 0 0 10px;}
	.product_list ul li a{display: block;width: 100%;height: 100%;background: #FFF;position: relative;overflow: hidden;}
	.product_list ul li a img{width: 100%;height: auto;}
	.product_list ul li a figure{margin: 0;padding: 0 0 20px;}
	.product_list ul li a figure figcaption{display: block;line-height: 20px;padding: 5px 0;text-align: center;}
	.product_list ul li a figure>span{display: block;line-height: 24px;text-align: center;font-size: 12px;color: #9F9F9F;}
	.product_list ul li a .pl_txt{display: none;}
	/*.product_list ul li a .pl_txt{width: 100%;height: 100%;padding:20px 20px 0; position: absolute;left: -100%;top: 0;transition: all .3s;background: rgba(68, 135, 189, 0.8);color: #FFF;}
	.product_list ul li a .pl_txt:before{display: block;content: "\f105";width: 60px;height: 60px;line-height: 50px;margin: 0 auto 10px;padding: 0 0 0 5px;border-radius:100%;border: 1px solid #FFF;font-size: 40px;color: #FFF;text-align: center;}
	.product_list ul li a .pl_txt strong,.product_list ul li a .pl_txt span,.product_list ul li a .pl_txt em{display: block;text-align: center;}
	.product_list ul li a .pl_txt strong{line-height: 24px; font-weight: normal;}
	.product_list ul li a .pl_txt span{line-height: 20px;padding: 10px 0 0;}
	.product_list ul li a .pl_txt em{line-height: 20px;padding: 10px 0 0;font-size: 14px;font-style: normal;}
	.product_list ul li a:hover .pl_txt{left: 0;}*/
	
	
	.product_show{margin:60px 10px 0;}
	.product_show h1{line-height: 36px;text-align: center;font-size: 20px;}
	.product_txt{padding:20px 0 0; text-align: center;}
	.product_function{margin: 40px 0 0; text-align: center;}
	.product_function ul{font-size: 0;}
	.product_function ul li{display: inline-block;vertical-align: top;margin: 0 10px;font-size: 12px;}
	.product_function ul li:before{display: block;content: "";width: 40px;height: 40px;line-height: 40px;text-align: center;margin: 0 auto 10px;border: 1px solid rgba(152,152,152,1);border-radius: 100%; color:rgba(152,152,152,1);font-family: "odemedia";font-size: 20px;}
	.product_function ul li.pf_card_qcode:before{content:"\e609";}
	.product_function ul li.pf_wireless:before{content:"\e67a";}
	.product_function ul li.pf_ic_nfc_cpu:before{content:"\e628";}
	.product_function ul li.pf_ic_cpu:before{content:"\e619";}
	.product_function ul li.pf_id:before{content:"\e674";}
	.product_function ul li.pf_cert:before{content:"\e610";}
	.product_function ul li.pf_face:before{content:"\e6fc";}
	.product_function ul li.pf_fingerprint:before{content:"\e621";}
	.product_album{width: 80%;margin: 40px auto 0;position: relative;}
	.product_album .am-control-nav{ display:block; width:100%;text-align:center;}
	.product_album .am-control-nav li{ width:12px; height:12px; margin:0 20px;}
	.product_album .am-control-nav li a{ display:block; width:12px; height:12px; border:1px solid #ACACAC; border-radius:100%; text-indent:-9999px;}
	.product_album .am-control-nav li a.am-active{ background:#ACACAC;}
	.product_album .am-direction-nav li{width: 30px;height: 60px;position: absolute;top: 50%;margin: -30px 0 0;}
	.product_album .am-direction-nav li a{display: block;height: 60px;}
	.product_album .am-direction-nav li a:before{display: block;height: 60px;line-height: 60px;text-align: center;font-size: 60px;color: #ACACAC;transition: all .3s;}
	.product_album .am-direction-nav li a:hover:before{color: #1075BB;}
	.product_album .am-direction-nav li.am-nav-prev{left: -30px;}
	.product_album .am-direction-nav li.am-nav-next{right: -30px;}
	.product_album .am-direction-nav li.am-nav-prev a.am-prev:before{content: "\f104";}
	.product_album .am-direction-nav li.am-nav-next a.am-next:before{content: "\f105";}
	
	.product_down{margin: 60px 0 0;text-align: center;}
	.product_down ul{font-size: 0;}
	.product_down ul li{vertical-align: top;height:24px;line-height: 24px;margin: 0 0 10px; padding: 0 10px; font-size: 16px;}
	.product_down ul li:before{display:inline-block;content: "";width: 24px;height: 24px;line-height: 22px;margin: 0 10px 0 0; text-align: center;border: 1px solid rgba(152,152,152,1);border-radius: 100%; color: rgba(152,152,152,1);font-size: 12px;}
	.product_down ul li:nth-child(1):before{content: "\f019";}
	.product_down ul li:nth-child(2):before{content: "\f019";}
	.product_down ul li:nth-child(3):before{content: "\f1e0";}
	
	.product_nav{width: 100%;height: 50px;margin: 60px 0 0; background: rgba(244, 244, 244, 1);}
	.product_nav ul{font-size: 0;}
	.product_nav ul li{display: inline-block;vertical-align: top;width: 33.333333333333%; height: 50px;font-size:16px;font-weight: bold;}
	.product_nav ul li a{display: block;height: 50px;line-height: 50px;text-align: center;color: rgba(68, 68, 68, 1);transition: all .3s;}
	.product_nav ul li a:before{display: inline-block;width: 20px;height: 50px;line-height: 50px;margin: 0 5px 0 0; text-align: center;font-family: "odemedia";font-size: 20px;vertical-align: top;font-weight: normal;}
	.product_nav ul li:nth-child(1) a:before{content: "\e985";}
	.product_nav ul li:nth-child(2) a:before{content: "\e65b";}
	.product_nav ul li:nth-child(3) a:before{content: "\e604";}
	.product_nav ul li a.am-active{background: rgba(16, 117, 187, 1);color: #FFF;}
	
	#product_trait{background: rgba(16, 117, 187, 1);padding: 40px 20px; color: #FFF;text-align: center;}
	#product_trait h3{color: rgba(211,212,213,1);font-size: 30px;font-weight: normal;}
	#product_trait ul{padding: 20px 0 0;}
	#product_trait ul li{line-height: 20px;padding: 10px 0;}
	#product_trait ul li:before{display:inline-block;vertical-align:baseline;width: 14px;height: 14px;content: "";margin: 0 5px 0 0;border: 3px solid #FFF;border-radius: 100%;}
	
	#product_parameter{padding: 80px 20px;;text-align: center;}
	#product_parameter h3{font-size: 30px;font-weight: normal;}
	
	#product_case{background: rgb(244, 244, 244);padding: 80px 0;}
	#product_case h3{font-size: 30px;font-weight: normal;text-align: center;}
	
	 
	
}

@media screen and (min-width: 1024px) {
	 
	.box_4{padding: 80px 0;}
	.box_4 .bhead{width: 1000px;margin: 0 auto;text-align: center;}
	.box_4 .bhead strong{display: block;line-height: 40px;font-size: 40px;}
	.box_4 .bhead em{display: block;line-height: 34px;padding: 20px 0 0;font-size: 18px;font-style: normal;}
	.box_4 .bhead span{display: block;line-height: 30px;padding: 20px 0 0;font-size: 16px;color: #848484;}
	.box_4 .bhead i{display: block;width: 180px;height: 40px;margin: 20px auto 0;}
	.box_4 .bhead i a{display: block;height: 40px;line-height: 40px;text-align: center;font-style: normal;border: 1px solid #1075bb;color: #1075bb;transition: all .3s;}
	.box_4 .bhead i a:hover{background: #1075bb;color: #FFF;}
	.box_4 .bbody{width: 1000px;margin: 0 auto;padding: 40px 0 0;text-align: center;}
	
 
	.product_index{background: #F4F4F4;}
	.product_index .b4b{margin: 0 0 40px; text-align: left;}
	.product_index .b4b .hd{line-height: 30px;font-size: 27px;color: #FFF;}
	.product_index .b4b .hd strong{font-weight: normal;}
	.product_index .b4b .bd{padding: 20px 0 0;}
	.product_index .b4b ul{font-size: 0;}
	.product_index .b4b ul li{display: inline-block;vertical-align: top;width: 25%;margin: 0 0 40px; font-size: 16px;}
	.product_index .b4b ul li:nth-of-type(4n+1){padding: 0 30px 0 0;}
	.product_index .b4b ul li:nth-of-type(4n+2){padding: 0 20px 0 10px;}
	.product_index .b4b ul li:nth-of-type(4n+3){padding: 0 10px 0 20px;}
	.product_index .b4b ul li:nth-of-type(4n){padding: 0 0 0 30px;}
	.product_index .b4b ul li a{display: block;width: 100%;height: 100%;background: #FFF;position: relative;overflow: hidden;}
	.product_index .b4b ul li a img{width: 100%;height: auto;}
	.product_index .b4b ul li a figure{margin: 0;padding: 10px 0;text-align: center;}
	.product_index .b4b ul li a figure figcaption{display: block;line-height: 24px;padding: 10px 0 0;text-align: center;}
	
	 
	.product_list{width: 1000px;margin: 40px auto;}
	.product_list ul{font-size: 0;}
	.product_list ul li{display: inline-block;vertical-align: top;width: 25%;font-size: 16px;}
	.product_list ul li:nth-of-type(4n+1){padding: 0 30px 0 0;}
	.product_list ul li:nth-of-type(4n+2){padding: 0 20px 0 10px;}
	.product_list ul li:nth-of-type(4n+3){padding: 0 10px 0 20px;}
	.product_list ul li:nth-of-type(4n){padding: 0 0 0 30px;}
	.product_list ul li a{display: block;width: 100%;height: 100%;background: #FFF;position: relative;overflow: hidden;}
	.product_list ul li a img{width: 100%;height: auto;}
	.product_list ul li a figure{margin: 0;padding: 0 0 20px;}
	.product_list ul li a figure figcaption{display: block;line-height: 24px;padding: 10px 0 0;text-align: center;}
	.product_list ul li a figure>span{display: block;line-height: 24px;text-align: center;}
	.product_list ul li a .pl_txt{width: 100%;height: 100%;padding:10px 20px 0; position: absolute;left: 0;top: 100%;transition: all .3s;background: rgba(68, 135, 189, 0.8);color: #FFF;}
	.product_list ul li a .pl_txt strong,.product_list ul li a .pl_txt span,.product_list ul li a .pl_txt em{display: block;text-align: center;}
	.product_list ul li a .pl_txt strong{line-height: 24px; font-weight: normal;}
	.product_list ul li a .pl_txt span{line-height: 18px;padding: 10px 0 0;font-size: 14px;}
	.product_list ul li a .pl_txt em{line-height: 20px;padding: 10px 0 0;font-size: 14px;font-style: normal;}
	.product_list ul li a:hover .pl_txt{top:60%;}
	
	
	.product_show{margin:60px auto 0;}
	.product_show h1{width: 1000px;margin:0 auto;line-height: 36px;text-align: center;font-size: 30px;}
	.product_txt{width: 1000px;margin:0 auto;padding:20px 0 0; text-align: center;}
	.product_function{width: 1000px;margin: 40px auto 0; text-align: center;}
	.product_function ul{font-size: 0;}
	.product_function ul li{display: inline-block;vertical-align: top;margin: 0 20px;font-size: 16px;}
	.product_function ul li:before{display: block;content: "";width: 80px;height: 80px;line-height: 80px;text-align: center;margin: 0 auto 10px;border: 1px solid rgba(152,152,152,1);border-radius: 100%; color:rgba(152,152,152,1);font-family: "odemedia";font-size: 36px;}
	.product_function ul li.pf_card_qcode:before{content:"\e609";}
	.product_function ul li.pf_wireless:before{content:"\e67a";}
	.product_function ul li.pf_ic_nfc_cpu:before{content:"\e628";}
	.product_function ul li.pf_ic_cpu:before{content:"\e619";}
	.product_function ul li.pf_id:before{content:"\e674";}
	.product_function ul li.pf_cert:before{content:"\e610";}
	.product_function ul li.pf_face:before{content:"\e6fc";}
	.product_function ul li.pf_fingerprint:before{content:"\e621";}
	.product_album{width: 620px;margin: 40px auto 0;position: relative;}
	.product_album .am-control-nav{ display:block; width:100%;text-align:center;}
	.product_album .am-control-nav li{ width:12px; height:12px; margin:0 20px;}
	.product_album .am-control-nav li a{ display:block; width:12px; height:12px; border:1px solid #ACACAC; border-radius:100%; text-indent:-9999px;}
	.product_album .am-control-nav li a.am-active{ background:#ACACAC;}
	.product_album .am-direction-nav li{width: 30px;height: 60px;position: absolute;top: 50%;margin: -30px 0 0;}
	.product_album .am-direction-nav li a{display: block;height: 60px;}
	.product_album .am-direction-nav li a:before{display: block;height: 60px;line-height: 60px;text-align: center;font-size: 60px;color: #ACACAC;transition: all .3s;}
	.product_album .am-direction-nav li a:hover:before{color: #1075BB;}
	.product_album .am-direction-nav li.am-nav-prev{left: -100px;}
	.product_album .am-direction-nav li.am-nav-next{right: -100px;}
	.product_album .am-direction-nav li.am-nav-prev a.am-prev:before{content: "\f104";}
	.product_album .am-direction-nav li.am-nav-next a.am-next:before{content: "\f105";}
	
	.product_down{width: 1000px;margin: 60px auto 0;text-align: center;}
	.product_down ul{font-size: 0;}
	.product_down ul li{display: inline-block;vertical-align: top;height:24px;line-height: 24px;padding: 0 10px; font-size: 16px;}
	.product_down ul li:before{display:inline-block;content: "";width: 24px;height: 24px;line-height: 22px;margin: 0 10px 0 0; text-align: center;border: 1px solid rgba(152,152,152,1);border-radius: 100%; color: rgba(152,152,152,1);font-size: 12px;}
	.product_down ul li:nth-child(1):before{content: "\f019";}
	.product_down ul li:nth-child(2):before{content: "\f019";}
	.product_down ul li:nth-child(3):before{content: "\f1e0";}
	
	.product_nav{width: 100%;height: 90px;margin: 60px 0 0; background: rgba(244, 244, 244, 1);}
	.product_nav ul{width: 900px;margin: 0 auto;font-size: 0;}
	.product_nav ul li{display: inline-block;vertical-align: top;width: 33.333333333333%; height: 90px;font-size:22px;font-weight: bold;}
	.product_nav ul li a{display: block;height: 90px;line-height: 90px;text-align: center;color: rgba(68, 68, 68, 1);transition: all .3s;}
	.product_nav ul li a:before{display: inline-block;width: 50px;height: 90px;line-height: 90px;margin: 0 10px 0 0; text-align: center;font-family: "odemedia";font-size: 50px;vertical-align: top;font-weight: normal;}
	.product_nav ul li:nth-child(1) a:before{content: "\e985";}
	.product_nav ul li:nth-child(2) a:before{content: "\e65b";}
	.product_nav ul li:nth-child(3) a:before{content: "\e604";}
	.product_nav ul li a.am-active{background: rgba(16, 117, 187, 1);color: #FFF;}
	
	#product_trait{background: rgba(16, 117, 187, 1);padding: 80px 0; color: #FFF;text-align: center;}
	#product_trait h3{color: rgba(211,212,213,1);font-size: 60px;font-weight: normal;}
	#product_trait ul{width: 680px;margin: 0 auto;padding: 20px 0 0;line-height:30px;}
	#product_trait ul li{padding: 10px 0;}
	#product_trait ul li:before{display:inline-block;vertical-align:baseline;width: 14px;height: 14px;content: "";margin: 0 5px 0 0; border: 3px solid #FFF;border-radius: 100%;}
	#product_trait ul li span{display: block;}
	
	#product_parameter{max-width: 1600px;min-width: 1000px;margin: 0 auto;padding: 80px 0;text-align: center;}
	#product_parameter h3{font-size: 60px;font-weight: normal;}
	
	#product_case{background: rgb(244, 244, 244);padding: 80px 0;}
	#product_case h3{font-size: 60px;font-weight: normal;text-align: center;}
	
	 
	
}

@media screen and (min-width: 1360px) {
	 
	.box_wechat{margin: 0 -600px 0 0;}
	.copyright{width: 1200px;margin: 0 0 0 -600px;}
	.close-im{ width:36px; height:36px; float:right;}
	.close-im a{ display:block; width:36px; height:36px; line-height:36px; text-align:center; color:#ABABAB;}
	.close-im a:before{ content:"\f054";font-family:FontAwesome;font-size:1.6rem;}
	.am-navbar{ display:none;}
	.am-with-fixed-navbar{ padding-bottom: 0;}
	.solution.page_header ul{width: 1200px;margin: 0 0 0 -600px;}
	.box_4 .bhead{width: 1200px;}
	.box_4 .bbody{width: 1200px;}
	.page_name{width: 1200px;margin: 0 0 0 -600px;}
	.box_category ul{width: 1200px;}
	.box_sub_category{width: 1200px;}
	.product_list{width: 1200px;}
	.product_show h1{width: 1200px;}
	.product_txt{width: 1200px;}
	.product_function{width: 1200px;}
	.product_album{width: 720px;}
	.product_down{width: 1200px;}
	.product_nav ul{width: 1100px;}
	.box_course:before{width: 300px;margin: 0 0 0 -600px;}
	.box_course .am-tabs-nav{width: 300px;margin: 0 -600px 0 0;}
	.box_course .am-tabs-bd{width: 560px;margin: 0 0 0 -300px;}
	.about_other{width: 1200px;height: 450px;}
	.list_single{width: 1200px;}
	.about_2_course .am-tabs-nav{width: 300px;}
	.about_2_course .am-tabs-bd{width: 850px;}
	.list_about_6{width: 1200px;}
	.honor_list ul li a{height: 264px;}
	.about_6_recom{margin: 0 -600px 0 0;}
	.box_map .about_contact{margin: 0 0 0 -600px;}
	.box_contact{width: 1200px;}
	.box_search_news{width: 1200px;}
	.box_search_news dl dd .ipt_txt{width: 830px;}
	.news_recom{width: 1200px;}
	.news_recom ul li figure{top: 75%;}
	.list_news{width: 1200px;}
	.news_main{width: 1200px;padding: 0 360px 0 0;}
	.join.page_header .bhead{width: 1200px;}
	.join.page_header .bbody{width: 1200px;}
	.phj_nav{width: 1200px;padding: 0 40px;}
	.join_1{width: 1200px;}
	.join_1:after{display: block;content: "";clear: both;}
	.j1_img{width:340px;}
	.j1_txt{padding: 10px 0 0 400px;}
	.join_3{width: 1200px;}
	.j3_slogan{width: 1200px;}
	.join3_body{width: 1200px;}
}
 
.page_main:after{content: "";display: block;clear: both;}