@charset "utf-8";
/* CSS Document */

*{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; list-style-type:none; text-decoration:none; margin:0 auto; padding:0px; border:0px; font-family:"微软雅黑"; font-weight:normal;}
input{  outline:none;}
textarea{  outline:none;}
body {color: #333;font-size: 12px; font-size: 1.2rem;height: 100%;line-height: 1;min-width: 1100px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 1120 ? 'auto' : '1120px');
    _width: expression(this.offsetWidth > 1120 ? 'auto' : '1120px'); }
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1;clear:both;padding:0px;margin:0px;}

.banner{width:100%;margin-top:10px;overflow:hidden;position:relative;}
.banner .hd{height:10px;overflow:hidden;margin:0 auto;position:absolute;bottom:11px;left:62.5%;z-index:1;}
.banner .hd ul{overflow:hidden;zoom:1;float:left;}
.banner .hd ul li{float:left;margin-right:2px;width:40px;height:10px;border-radius:3px;background:#d4d4d4;cursor:pointer;margin-left:6px;margin-right:6px;}
.banner .hd ul li img{opacity:0.5;}
.banner .hd ul li.on{background-color:#2297DC;color:#dc2c2c;}
.banner .hd ul li.on img{opacity:1;border:1px solid #FF8629;}
.banner1{width:1920px;position:relative;margin:0 auto;left:50%;margin-left:-960px;z-index:0;}
.banner1 ul img{width:1920px;display:block;}
.beijing{
	position:absolute;
	bottom:0px;
}
.beijing img{
	display:block;
}


.top{width:1120px; height:69px; padding-top:20px;}
.top .logo{width:116px; height:67px; float:left; margin-left:6px;}
.top .soglan{width:237px; height:56px; float:left; margin-left:230px;}
.top .search_a{width:300px; height:69px; float:right;}
.top .search_a .search_one{width:300px; height:14px; line-height:15px;}
.top .search_a .search_one li{ padding-left:6px; padding-right:6px; float:right; border-right:1px solid #c6c6c6;}
.top .search_a .search_one li:first-child{border:none;}
.top .search_a .search_one li a{color:#999999; font-size:12px;}
.top .search_a .search_one li a:hover{color:#8fc31f;}
.top .search_a input{
	width: 204px;
    line-height: 30px;
	color:#999999;
	float:left;
}

.top .search{
	padding-left: 20px;border-radius: 20px;border: 5px solid #ececec;margin-top: 17px;color: #999999;line-height: 30px;background: url(../images/search_btn.png) no-repeat center right;
}
.top .sousuo{
    width: 62px;
    height: 30px;
    float: left;
	cursor:pointer;
}



.nav{width:1120px; height:49px; padding-top:16px;}
.nav li{width:88px; text-align:center; line-height:49px; float:left;position:relative;}
.nav li img{ margin-left:4px;}
.nav li a{ color:#333333; font-size:16px;}
.nav li a:hover{color:#309dd6;}

.nav li .nav_a{
	display:block;
	background:url(../images/nav_icon.png) no-repeat center right 15px;
}
.nav li .nav_a:hover{
	background:url(../images/nav_icon1.png) no-repeat center right 15px;
}
.nav li .li_active{
	background:url(../images/nav_icon1.png) no-repeat center right 15px;
	color:#309dd6;
}
.nav_ul{
	background:#309dd6;
	position: absolute;
	padding-bottom:10px;
	display:none;
	z-index:9999999;
}
.nav_ul li{
	height:30px;
	line-height:30px;
}
.nav_ul li:last-child{
	border:0px;
}
.nav_ul li a{
	font-size:14px;
	color:#ffffff;
	display: block;
    width: 84%;
	border-bottom:1px dashed #cccccc;
}
.nav_ul li a:hover{
	color:#9Bdd32;
}
.banner{width:100%; height:300px; overflow:hidden;}
.banner .img{ position:relative; left:50%; margin-left:-960px; width:1920px; border:0px;}



.list_nr{width:1120px; margin-top:30px; padding-bottom:50px;}
.list_nr .nr_list{width:300px; height:500px; float:left; background:#8fc31f; border-radius:20px;}
.list_nr .nr_list .list_title{width:270px; height:69px; padding-left:30px; padding-top:11px; line-height:69px; font-size:30px; color:#fff;}
.list_nr .nr_list .list_list{width:280px; height:380px; padding-top:20px; border-radius:15px; background:#fff;}
.list_nr .nr_list .list_list li{width:228px; height:30px; padding-top:10px; padding-bottom:10px; padding-left:26px; padding-right:26px; border-bottom:1px dashed #e9e9e9;}
.list_nr .nr_list .list_list li span{display:block; width:198px; height:30px; padding-left:30px; border-radius:15px; line-height:30px;}
.list_nr .nr_list .list_list li a span{font-size:16px; color:#333;}
.list_nr .nr_list .list_list li span:hover{ background:url(../images/list_bg.png) no-repeat; color:#fff;}
.list_nr .nr_list .list_list li a .li_active{
	background:url(../images/list_bg.png) no-repeat; color:#fff;
}


.list_nr .nr_you{width:800px; float:right;}
.list_nr .nr_you .you_title{width:800px; height:40px; padding-top:8px; border-bottom:1px solid #ededed;}
.list_nr .nr_you .you_title img{ float:left; margin-right:10px; margin-top:13px;}
.list_nr .nr_you .you_title span{ float:left; line-height:40px; color:#8fc31f; font-size:18px;}




.bottom{width:100%; height:450px; background:#eeeeee;}
.bottom .bnav{width:1120px; height:275px;}
.bottom .bnav li{width:170px; height:275px; float:left;}
.bottom .bnav li:last-child{ width:216px;}
.bottom .bnav li .li_title{width:170px; height:68px; line-height:68px; padding-top:33px; font-size:24px; color:#333;}
.bottom .bnav li ul{width:170px; height:149px;}
.bottom .bnav li ul li{width:170px; height:36px; line-height:36px;}
.bottom .bnav li ul li a{ color:#999;}

.bottom .bottom_hx{width:100%; height:1px; background:#cccccc;}

.bottom .bottom_bq{width:1120px; height:39px; line-height:39px; text-align:center; color:#999;}

/*新闻中心*/
.new_nr{width:1120px; margin-top:30px; padding-bottom:50px;}
.new_nr .nr_list{width:300px; height:500px; float:left; background:#8fc31f; border-radius:20px;}
.new_nr .nr_list .list_title{width:270px; height:69px; padding-left:30px; padding-top:11px; line-height:69px; font-size:30px; color:#fff;}
.new_nr .nr_list .list_list{width:280px; height:380px; padding-top:20px; border-radius:15px; background:#fff;}
.new_nr .nr_list .list_list li{width:228px; height:30px; padding-top:10px; padding-bottom:10px; padding-left:26px; padding-right:26px; border-bottom:1px dashed #e9e9e9;}
.new_nr .nr_list .list_list li span{display:block; width:198px; height:30px; padding-left:30px; border-radius:15px; line-height:30px;}
.new_nr .nr_list .list_list li a span{font-size:16px; color:#333;}
.new_nr .nr_list .list_list li span:hover{background:url(../images/list_bg.png) no-repeat; color:#fff;}
.new_nr .nr_list .list_list li a .li_active{
	background:url(../images/list_bg.png) no-repeat; color:#fff;
}

.new_nr .nr_you{width:800px; float:right;}
.new_nr .nr_you .you_title{width:800px; height:40px; padding-top:8px; border-bottom:1px solid #ededed;}
.new_nr .nr_you .you_title img{ float:left; margin-right:10px; margin-top:13px;}
.new_nr .nr_you .you_title span{ float:left; line-height:40px; color:#8fc31f; font-size:18px;}

.new_nr .nr_you ul{width:800px; padding-top:10px;}
.new_nr .nr_you ul li{width:800px; height:163px; border-bottom:1px dashed #e5e5e5;}
.new_nr .nr_you ul li .li_title{width:880px; height:55px; line-height:55px; font-size:16px; color:#333;}
.new_nr .nr_you ul li .li_tu{width:100px; height:88px; float:left; border-radius:5px;overflow: hidden;}
.new_nr .nr_you ul li .li_tu img{
	width:100px;
	height:88px;
}
.new_nr .nr_you ul li .li_txt{width:670px; height:82px; padding-top:6px; float:right; font-size:12px; line-height:24px; color:#666;}
.new_nr .nr_you ul li .li_txt a{font-size:12px; line-height:26px; color:#8fc31f;}

.page{
	text-align:center;
	margin-top:20px;
}
.page a{
	padding:5px 20px;
	border:1px solid #cccccc;
	border-radius:5px;
	margin-right:10px;
	color:#46b0ff;
}
.page a:hover{
	background:#46b0ff;
	color:#ffffff;
}
.page .current{
	background:#46b0ff;
	color:#ffffff;
}
.about_nr{width:1120px; margin-top:30px; padding-bottom:50px;}
.about_nr .nr_list{width:300px; height:500px; float:left; background:#8fc31f; border-radius:20px;}
.about_nr .nr_list .list_title{width:270px; height:69px; padding-left:30px; padding-top:11px; line-height:69px; font-size:30px; color:#fff;}
.about_nr .nr_list .list_list{width:280px; height:380px; padding-top:20px; border-radius:15px; background:#fff;}
.about_nr .nr_list .list_list li{width:228px; height:30px; padding-top:10px; padding-bottom:10px; padding-left:26px; padding-right:26px; border-bottom:1px dashed #e9e9e9;}

.about_nr .nr_list .list_list li span{display:block; width:198px; height:30px; padding-left:30px; border-radius:15px; line-height:30px;}
.about_nr .nr_list .list_list li a span{font-size:16px; color:#333;}
.about_nr .nr_list .list_list li a .li_active{
	background:url(../images/list_bg.png) no-repeat; color:#fff;
}
.about_nr .nr_list .list_list li span:hover{ background:url(../images/list_bg.png) no-repeat; color:#fff;}


.about_nr .nr_you{width:800px; float:right;}
.about_nr .nr_you .you_title{width:800px; height:40px; padding-top:8px; border-bottom:1px solid #ededed;}
.about_nr .nr_you .you_title img{ float:left; margin-right:10px; margin-top:13px;}
.about_nr .nr_you .you_title span{ float:left; line-height:40px; color:#8fc31f; font-size:18px;}
.about_content{
	margin-top:20px;
	font-size:14px;
	color:#666666;
	line-height:30px;
}

.about_content ul .service_li{
	background:url(../images/tubiao1.png) no-repeat center left;
	height:40px;
	line-height:40px;
	width:100%;
	margin-top:10px;
	border-bottom:1px dashed #cccccc;
}
.about_content ul .service_li a{
	color:#333333;
	margin-left:36px;

}
.about_content ul .service_li:hover{
	
  background:url(../images/tubiao2.png) no-repeat center left;
}
.about_content ul .service_li:hover a{
	color:#169428;
}
.about_content ul .download_li{
	background:url(../images/tubiao3.png) no-repeat center left;
	height:40px;
	line-height:40px;
	width:100%;
	margin-top:10px;
	border-bottom:1px dashed #cccccc;
	text-indent: 2em;
}
.about_content ul .download_li a{
    float:right;
}
.about_content ul .download_li a img{
    margin-top: 11px;
    margin-left: 20px;
	display:block;
	cursor:pointer;
}
.about_content ul .download_li span{
	float:right;
}
.about_content ul .download_li:hover{
  background:url(../images/tubiao4.png) no-repeat center left;
  color:#169428;
}

.about_content ul .download_li:hover a{
	color:#169428;
}


.nr_you ul{width:880px;}
.nr_you ul li{width:240px; height:348px; float:left;}
.nr_you ul li .li_tu{width:240px; height:207px; border-radius:5px; overflow:hidden;}
.nr_you ul li .li_title{width:240px; height:33px; padding-top:12px; line-height:33px; font-size:18px; color:#333;text-align:center;}
.nr_you ul li .li_title a{
	font-size:18px;
	color:#222222;
}
.product ul li .li_tu img{
	width:240px;
	height:207px;
}
.nr_you ul li .li_title a:hover{
	color:#24c400;
}
.nr_you ul li .li_txt{width:240px; font-size:12px; line-height:24px; color:#666;height:72px;overflow:hiddden;}

.about_content ul{
	width:800px;
}


/*产品详情*/
.nr_you .you_tw{width:750px; height:421px; padding-top:30px;}
.nr_you .you_tw .tw_tu{width:400px; height:421px; float:left; background:#9A9A9A;}
.nr_you .you_tw .tw_wen{width:330px; height:421px; float:right;}
.nr_you .you_tw .tw_wen .wen_title{width:330px; line-height:30px; font-size:18px; color:#333;}
.nr_you .you_tw .tw_wen ul{width:330px; padding-top:20px;}
.nr_you .you_tw .tw_wen ul li{width:330px; height:30px; line-height:30px; color:#666;}  
.nr_you .you_tw .tw_wen ul li .li_one{width:100px; height:30px; float:left;}
.nr_you .you_tw .tw_wen ul li .li_two{width:230px; height:30px; float:left;}

.xq_wen{width:748px;margin-top:60px; border:1px solid #dcdcdc; border-top:1px solid #8fc31f; position:relative;}
.xq_wen .wen_title{width:108px; height:30px; line-height:30px; text-align:center; background:#fff; border:1px solid #8fc31f; border-bottom:1px solid #fff; position:absolute; top:-32px; left:30px; font-size:16px; color:#666;}
.product_summary{
	font-size:14px;
	color:#666666;
	line-height:30px;
	
}
.product_xq{
	font-size:14px;
	color:#666666;
	line-height:30px;
	width:728px;
	margin:0 auto;
	padding-bottom:20px;
}
.product_content{
	width:750px;
	margin:0 auto;
	margin-top:20px;
}

.product_xq_left{
   width:400px;
   float:left;
   height:348px;
   border:1px solid #000;
}
.product_xq_left img{
	width:400px;
	height:348px;
}
.product ul li{
	margin-top:20px;
	margin-left:20px;
}
.link{
	margin-top:20px;
}
.link a img{
	border:1px solid #000;
}

/*放大效果*/
.imgbox{position:relative;}
.probox{width:400px; height:346px;border:1px solid #000;}
.probox img{width:400px; height:346px;vertical-align:top;}
.showbox{display:none;position:absolute;left:403px;top:0;width:400px;height:346px;overflow:hidden;border:1px solid #ccc;background:#ffffff;}
.showbox img{position:absolute;height:1200px;width:1200px;}
.hoverbox{display:none;position:absolute;top:0;background:#09f;border:1px solid #09f;height:75px;width:100px;cursor:move;z-index:10;}


/*详情效果*/
.pic-list  {
	width: 350px;
	height: 102px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top:10px;
}

.mmain-r {
	width: 52.8%;
	margin-left: 6%;
	padding-top: 7%;
}

.mmain-r h2 {
	font-size: 1.75em;
}

.ctrl-img {
	top: 30px;
}

.mmain-r-tab ul li a {
	font-size: 1.25em;
}


.mmain-l {
	float: left;
}

.mmain-l img {
	display: block;
}

.mmain-r {
	float: left;
}

.mmain-l-u {
	overflow: hidden;
}

.pic-list ul li {
	float: left;
	border: 1px solid #1f1b17;
}

.mmain-l-u ul li {
	width:400px;
	height:400px;
	float:left;

}

.prev1  {
	float: left;
	position: relative;
    top: -17px;
}
.next1{
    float:left;
	position: relative;
    top: -17px;
}
.ctrl-img {
	position: relative;
}

.pic-list ul {
	position: relative;
}

.pic-list ul li {
	margin-right: 6px;
	width:80px;
	height:70px;
	cursor:pointer;
}

.pic-list ul li img{
    width:100%;
}

.pic-list {
	float: left;
	overflow: hidden;
}

.mmain-r-tab ul li {
	float: left;
	margin-right: 5%;
}

.mmain-r-tab ul li a {
	color: #7e7e7e;
}

.mmain-r-tab ul .tab-on a {
	color: #d8292d;
}

.mmain-r-tab ul li a:hover  {
	color: #d8292d;
}

.mmain-r-d {
	padding-top: 8%;
}

.mmain-r-tab  {
	width: 86%;
	padding-bottom: 5.9%;
	border-bottom: 1px solid #7e7e7e;
}

.mmain-r-tci {
	font-size: 0.875em;
	color: #707070;
	line-height: 24px;
}

.mmain-r-tc {
	width: 86%;
	padding-top: 5.2%;	
}

.mars-img {
	position: relative;
	width: 100%;
	padding-top: 3%;
}

.mars-img img {
	width: 100%;
	display: block;
	padding-bottom: 10px;
}

.mmain-r-tci {
	display: none;
}

.pic-list ul .on {
	border: 1px solid #D8292D;
}

.mmain-l-u ul {
	position: relative;
}

.mmain-box {
	width: 100%;
	background-color: #fff;
}

.wmain-t {
	width: 72%;
	color: #1f1b17;
}

.wmain-t-h2 {
	padding-top: 5%;
	padding-bottom: 2%;
	font-size: 2.875em;
	font-family: "微软雅黑";
	text-align: center;
}

.wmain-t-c {
	line-height: 26px;
}

.wmain-s {
	padding-top: 2%;
}

.wmain-s-l {
	float: left;
	margin-right: 6%;
	margin-left: 3%;
	overflow: hidden;
}

.wmain-s-r {
	float: left;
	padding-top: 10%;
}

.wmain-s li {
	float: left;
}

.wmain-s-ru {
	padding-bottom: 14%;
	text-align: center;
}

.wmain-s-r h3 {
	padding-bottom: 5%;
	text-align: center;
	color: #1f1b17;
	font-size: 1.75em;
}

.wmain-s-ru ul li {
	display: inline-block;
	float: none;
	width: 40px;
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 20px;
	cursor: pointer;
	border: 1px solid transparent;
	
}

.wmain-s-rd ul li {
	margin-right: 10px;	
	border: 1px solid transparent;
	cursor: pointer;
}

.pic-list-on {
	border: 1px solid #625f5c;
}

.wmain-features {
	padding-bottom: 7%;
	color: #1f1b17;
	font-size: 1em;
}

.wmain-features-cimg {
	float: left;
}

.wmain-features h3 {
	padding-top: 3.7%;
	padding-bottom: 2%;
	font-size: 1.875em;
}

.wmain-box {
	width: 100%;
	background-color: #fff;
}

.wmain-box2 {
	width: 100%;
	background: url(../images/wmain-box2-back.jpg) repeat;
}


.wmain-box2 .wmain-t-h2 {
	padding-top: 5%;
	color: #fff;
}

.wmain-tech-img {
	width: 79%;
	padding-bottom: 5%;
}

.wmain-tech-img img {
	width: 100%;
}

.wmain-table {
	width: 100%;
}

.wmain-table td {
	padding-bottom: 3.5%;
	vertical-align: top;
}

.wireless-img {
	padding-top: 10px;
}

.sub-nav {
	display: none;
	width: 100%;
	position: fixed;
	top: 0px;
	text-align: center;
	background-color: rgba(251,251,251,0.6);
}

.sub-nav ul li {
	display: inline-block;
	padding-left: 2%;
	padding-right: 2%;
	line-height: 50px;
}

.sub-nav ul li a {
	font-size: 1em;
	color: #1f1b17;
}

.sub-nav ul li a:hover {
	color: #d8292d;
}

.sub-nav ul li .sub-nav-on {
	color: #d8292d;
}

/* picture wall */

.wmain-box3 {
	width: 100%;
	background-color: #d5d5dc;
}

.wmain-box3 div {
	overflow: hidden;
}

.wmain-box3 img{
	display: block;
	width: 100%;
	height: 100%;
}

.wpic-l {
	float: left;
	width: 20%;
	
}

.wpic-m {
	float: left;
	width: 40%;
	height: 100%;	
}

.wpic-r{
	float: left;
	width: 40%;
	height: 100%;	
}

.div-four {
	float: left;
	width: 50%;
	height: 100%;
}

.wpic-mu , .wpic-md , .wpic-rd , .wpic-ru {
	height: 50%;
}


.wmain-box3 a img {
	transition: all 0.5s ease-in-out;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.wmain-box3 a:hover img {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
}

/*效果*/

.top .seach{
    
}


.main{width:1100px;height:230px;margin:0 auto;margin-top:33px;overflow:hidden;}
.main_b{width:1000px;height:24px;}
.main_bt{font-size:22px;color:#4a4a4a;float:left;}
.span{font-size:20px;float:right;}
.span a{color:#888888;}
.span a:hover{color:#dc2c2c;}
.main_cp{width:1100px;height:230px;position:relative;}
.main_cp .hd{overflow:hidden;height:230px;}
.main_cp .hd .next{width:30px;margin-top:50px;height:120px;background-image:url(../images/zuo.png);position:absolute;left:0px;}
.main_cp .hd .next:hover{background-image:url(../images/zuo1.png);overflow:hidden;cursor:pointer;}
.main_cp .hd .prev{width:30px;margin-top:50px;height:120px;background-image:url(../images/you.png);position:absolute;right:0px;}
.main_cp .hd .prev:hover{background-image:url(../images/you1.png);overflow:hidden;cursor:pointer;}
.main_cp .bd{width:1000px;height:230px;margin:0 auto;overflow:hidden;zoom:1;position:relative;top:-230px;}
.main_cp .bd ul li{border: 1px solid rgb(0, 0, 0);text-align:center;float:left;overflow:hidden;display:inline;width:314px;height:226px;margin-left:10px;}
.main_cp .bd  img{display:block;margin:0 auto;width:240px;height:206px;margin-top:10px;}
.main_cp .bd  img:hover{border-color:red;}
.main_cp .bd ul li p{
   color:#ffffff;font-size:24px;margin-top:10px;display:inline-block;height:48px;overflow:hidden;width:314px;
}
.main_cp .bd ul li:hover p{
   color:red;
}