@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	border-radius: 0;
}

body {
	font-size: 12px;
	font-family: "微软雅黑";
	background: #fff;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;color: #000;
}

img {
	border: none;
}

/*公共样式*/

/*下拉菜单*/
.nav ul li #na1{width: 100%;height: auto;left: 0px;position: absolute;top: 78px;z-index: 11111;display: none;padding-bottom: 30px;}
.na1_bj{width: 1200px;height: auto;margin:0px auto;overflow: hidden;}
.nav ul li .na1{width:865px;
    height: auto;
    overflow: hidden;
    /* margin: 0px auto;
    background: #f00; */background: #fff;float: right;padding:0px 12px;}
.nav ul li .na1_1{width: 163px;float: left;padding-right: 10px;overflow: hidden; height:366px;}
.nav ul li .na1_1 img{display: block;margin:35px auto;}
.nav ul li .na1_2{width: 90%;border-left: 1px #e5e5e5 solid;padding-left: 5%;padding-bottom: 15px;overflow: hidden;}
.nav ul li .na1_2 h2{font-size: 14px;color: #000;text-align: left;line-height: 26px;margin-bottom: 15px;height: 25px;overflow: hidden;font-weight: normal;}
.nav ul li .na1_2 p{font-size: 13px;opacity: 0.5px;line-height: 24px;text-align: left;color: #c5c5c5;margin-bottom: 12px;height: 20px;overflow: hidden;}
.nav ul li .na1_2 p a{color: #999;}
.nav ul li .na1_2 p a:hover{color: #b1120d;border-bottom: none;}
.nav ul li:hover #na1{display: block;}
.nav ul li #na2{width: 100%;height: auto;background: none;left: 0px;position: absolute;top: 78px;z-index: 11111;display: none;padding-bottom: 30px;}
.nav ul li .na2{width:865px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    /* background: #f00; */background: #fff;float: right;padding:0px 12px;padding-bottom: 15px;}
.nav ul li .na2 span{font-size: 16px;width:auto;display: block;float: left;border-bottom: none;margin-left: 40px;text-align: left;height: 39px;overflow: hidden;line-height: 39px;margin-top: 15px;}
.nav ul li .na2 .na3{margin-left: 0px;}
.nav ul li .na2 span a{color: #000;}
.nav ul li .na2 span a:hover{color: #b1120d;border-bottom: none;}
.nav ul li:hover #na2{display: block;}

/*top样式*/

.top_bj {
	height: auto;
	width: 100%;
	margin: 0px auto;
	background: #fff;
	overflow: hidden;
}

#top_t {
	width: 100%;
	height: 70px;
	background: #434343;
	margin: 0px auto;
	float: left;
	overflow: hidden;
	transform: all 0.5s;
	display: none;
}

.top_t {
	width: 660px;
	height: 40px;
	background: #666;
	margin: 15px auto;
}

.top_t input {
	width: 550px;
	height: 40px;
	padding: 0px 0px;
	font-size: 14px;
	color: #555;
	border: none;
	background: #fff;
	overflow: hidden;
	vertical-align: middle;
}

.top_t #s1 {
	width: 107px;
	height: 38px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: none;
	overflow: hidden;
	vertical-align: middle;
	background: #008cd6;
	outline: none;
	cursor: pointer;
	margin-left: -3px;
}

.top {
	width: 1200px;
	height: 78px;
	margin: 0px auto;
}

.logo {
	width: 264px;
	height: 48px;
	float: left;
	margin-top: 13px;
	overflow: hidden;
}

.logo img {
	width: 100%;
	height: auto;
}

.nav {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-left: 50px;
	float: left;
}

.nav ul li {
	float: left;
	text-align: center;
	font-size: 16px;
	line-height: 76px;
	margin-left: 20px;
	margin-right: 20px;
}

.nav ul li a {
	color: #000;
	display: block;
}

.nav ul li a:hover {
	border-bottom: 2px #b1120d solid;
	color: #b1120d;
}

.nav ul li a.hover {
	border-bottom: 2px #b1120d solid;
	color: #b1120d;
}

.top_r {
	width: 168px;
	border-left: 1px #ededed solid;
	float: right;
	height: 78px;
}

.top_r a {
	font-size: 16px;
	color: #7c7c7c;
	display: block;
	line-height: 78px;
	width: 82px;
	border-right: 1px #ededed solid;
	text-align: center;
	float: left;
}

.top_r a:hover {
	color: #b1120d;
}

.ss {
	font-size: 16px;
	color: #7c7c7c;
	display: block;
	line-height: 78px;
	width: 82px;
	border-right: 1px #ededed solid;
	text-align: center;
	float: left;
}

.ss img {
	width: 17px;
	height: 18px;
	cursor: pointer;
	display: block;margin:30px auto;
}

.top_rr {
	display: none;
}

/*底部*/

.bottom_bj {
	width: 100%;
	height: auto;
	padding-top: 60px;
	padding-bottom: 0px;
	background: #1d1d25;
	overflow: hidden;
}

.bottom {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.bottom1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden;
}

.bottom1 dl {
	float: left;
    width: 8%;
    font-weight: normal;
    text-align: left;
    margin-right: 2.5%;
    margin-left: 0.5%;
}
.bottom1 .bo2{width: auto;}
.bottom1 .bo2 dd{width: 100%;overflow: hidden;}

.bottom1 dl dt {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;

}

.bottom1 dl dd a {
	color: #fff;
	opacity: 0.4;height: 32px;overflow: hidden;
}

.bottom1 dl dd a:hover {
	color: #fff;
	opacity: 0.6;
}

.bottom1 dl dd {
	font-size: 13px;
	font-weight: normal;
	line-height: 32px;
	color: #fff;
	opacity: 0.4;
	text-align: left;
	height: 32px;overflow: hidden;
}

.bottom1 .b1 {
	width: 25%;
	border-left: 1px #2f2f36 solid;
	float: right;
	padding-left: 40px;
	height: 305px;
	margin-right: 0px;
}
.bottom1 .b1 p{font-size: 13px;
	font-weight: normal;
	line-height: 32px;
	color: #fff;
	opacity: 0.4;
	text-align: left;
	height: auto;overflow: hidden;}
	.bottom1 .b1 p strong{font-weight: normal;/*width:75%;float: right;*/}
	.bottom1 .b1 .xt{height: 65px;margin-top: 5px;}
	.bottom1 .b1 .xt{width: 100%;color: #fff;
	opacity: 0.4;}
	.bottom1 .b1 .xt strong{font-weight: normal;
    width: 70%;
    float: left;
   
    margin-top: 0px;;}
	.bottom1 .b1 .xt h6{float: left;
    width: auto;
    font-size: 13px;
    height: 40px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    overflow: hidden;
    margin-top: 0px;
	/*line-height: 32px;*/

	text-align: left;
overflow: hidden;}
.bottom1 .b1 .b2 {
	width: 75px;
	height: 75px;
	float: left;
	margin-top: 20px;
}

.bottom1 .b1 .b2 img {
	width: 100%;
}

.bottom1 .b1 .b3 {
	float: left;
}

.bottom1 .b1 .b3 img {
	float: left;
	margin-left: 15px;
	margin-top: 45px;
}

.bottom2 {
	width: 100%;
	height: 50;
	margin: 0px auto 0px;
	text-align: center;
	color: #fff;
	opacity: 0.2;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	background: #0f0f14
}

.bottom2 a {
	color: #fff;
	opacity: 0.7;
}

.bottom2 a:hover {
	color: #fff;
	opacity: 0.9
}

/*内页样式*/

.banner_de {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.banner_de img {
	width: 100%;
	height: auto;
}

.pc_banner_de {
	display: block;
}

.sj_banner_de {
	display: none;
}

/*公共样式竣事*/

/*首页样式*/

/*banner*/

.banner_bj {
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
}

.banner_bj .banner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.banner_bj .banner ul {
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.banner_bj .banner ul li {
	width: 100%;
	height: 500px;
}

.banner_bj .banner_b {
	width: 100%;
	height: 20px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	bottom: 15px;
	z-index: 1
}

.banner_bj .banner_b ul {
	display: inline-block;
}

.banner_bj .banner_b ul li {
	width: 34px;
	height: 5px;
	background: #fff;
	border-radius: 5px;
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
}

.banner_bj .banner_b ul li.on {
	background: #b1120d
}

.box_swipe {
	display: none;
}

/*MESH组网装备*/

#sb {
	width: 100%;
	height: 720px;
	overflow: hidden;
	background: #f8f8f8;
	margin: 0px auto;
}

.sb {
	max-width: 1318px;
	height: 680px;
	margin: 50px auto;
	overflow: hidden;
}

.sb_t {
	width: 100%;
	height: 60px;
	margin: 0px auto;
}

.sb_t h1 {
	font-weight: normal;
	font-size: 26px;
	color: #000;
	text-align: center;
}

.sb_t p {
	font-size: 16px;
	color: #000;
	opacity: 0.3;
	text-transform: uppercase;
	text-align: center;
	background: #f8f8f8;
	background: url(/images/sb1.jpg) no-repeat center center;width: 94%;margin:5px auto;
}

.sb1 {
	width: 31%;
	height: 550px;
	float: left;
	margin-top: 25px;
	overflow: hidden;
	margin-left: 2%;
}

.sb1_t {
	max-width: 415px;
	height: 423px;
	border: 1px #e8e8e8 solid;
	background: #fff;
}

.sb1_t h2 {
	width: 100%;
	height: 51px;
	background: #b1120d;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 51px;
}

.sb1_t img {
	width: 339px;
	height: 339px;
	display: block;
	margin: 10px auto;
	transition: all 0.9s
}

.sb1_b {
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 14px;
	opacity: 0.8;
	margin: 20px auto;
    line-height: 26px;
    height: 20px;
    overflow: hidden;
}

.sb1 a:hover .sb1_b {
	color: #b1120d;
}

.sb1 a:hover .sb1_t img {
	transform: scale(0.7);
}

/*解决计划*/

#jjfa {
	width: 100%;
	height: 819px;
	overflow: hidden;
	background: url(/images/jjfa.jpg) no-repeat center center/cover;
	margin: 0px auto;
	position: relative;
}

.jjfa {
	max-width: 1318px;
	height: 540px;
	margin: 20px auto 20px auto;
	overflow: hidden;
}

.jjfa_t h1 {
	color: #fff;
}

.jjfa_t p {
	background: url(/images/jjfa.png) no-repeat center center;
	color: #fff;
	opacity: 0.3;
}

.jjfa1 {
	width: 23%;
	height: 368px;
	border: 1px #637877 solid;
	background: rgba(255, 255, 255, 0.1);
	float: left;
	margin-left: 1.5%;
	margin-top: 30px;
	overflow: hidden;
}

.jjfa1 img {
	display: block;
	width: 99px;
	height: 115px;
	margin: 50px auto 40px;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity: 0.4
}

.jjfa1 h1 {
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

.jjfa1 p {
	font-size: 14px;
	color: #fff;
	opacity: 0.33;
	line-height: 18px;
	display: block;
	width: 255px;
	margin: 20px auto;
	height: 70px;
	overflow: hidden;
}

.jjfa1 a:hover h1 {
	color: #b1120d;
}

.jjfa1 a:hover img {
	transform: rotateY(180deg);opacity: 1.0;	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
}

.gd {
	width: 100%;
	height: 39px;
	display: block;
	margin: 40px auto;
	float: left;
}

.gd a img {
	display: block;
	width: 140px;
	height: 39px;
	margin: 0 auto;
}

.jjfa_b {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: -7px;
	margin: 0 auto;
}

.jjfa_b img {
	width: 100%;
	height: auto;
}

/*新闻*/

#news {
	background: #fff;
	height: 690px;
	overflow: hidden;
}

.news_t p {
	background: url(/images/news.png) no-repeat center center;
}

.news_c {
	width: 100%;
	height: 50px;
	margin: 30px auto;
	text-align: center;
}

.news_c ul {
	display: inline-block;
}

.news_c ul li {
	width: 148px;
	height: 48px;
	float: left;
	margin-left: 14px;
	border: 1px #cecccc solid;
	line-height: 48px;text-align: center;
	font-size: 14px;
}

.news_c ul li a {
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 48px;
	color: #666666;
}

.news_c ul li.on {
	background: #b1120d;
	color: #fff;
	border: 1px #b1120d solid;
}

.news_c ul li.on a {
	color: #fff
}

.news_b {
	width: 100%;
	height: 579px;
	overflow: hidden;
	margin: 0px auto;
}

.news_bl {
	float: left;
	width: 45%;
	height: 344px;
	margin-top: 20px;
}

.news_bl img {
	width: 100%;
}

.news_br {
	width: 53%;
	height: 579px;
	overflow: hidden;
	float: right;
	margin-top: 20px;
}

#news_br {
	width: 100%;
	height: 85px;
	overflow: hidden;
	margin-bottom: 47px;
}

.news_br1 {
	width: 84px;
	height: 73px;
	border: 1px #b4b4b4 solid;
	font-size: 18px;
	text-align: center;
	color: #666;
	padding-top: 10px;
	float: left;
}

.news_br1 p {
	font-size: 16px;
	color: #666;
	font-weight: normal;
	border-top: 1px #bdbdbd solid;
	width: 60px;
	margin: 10px auto;
	line-height: 32px;
}

.news_br2 {
	width: 80%;
	float: right;
}

.news_br2 span {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #000;
	overflow: hidden;
}

.news_br2 span a {
	color: #000;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #000;
	overflow: hidden;
}

.news_br2 span a:hover {
	color: #b1120d
}

.news_br2 p {
	font-size: 14px;
	opacity: 0.5;
	color: #000;
	line-height: 22px;
	height: 45px;
	overflow: hidden;
}


.sc{display: block;}

@media (min-width:300px) and (max-width: 1024px) {
	.bottom1{padding-bottom: 0px;}
.sb_t p{background: none;}
	.bottom1 .b1 p strong{width: 380px;
    height: auto;float: none;}
	.sb1_t{height: auto;}
	#news_br{margin-bottom: 20px;}
	.nav ul li #na1{display: none;}
	.nav ul li:hover #na1{display: none;}
	.nav ul li #na2{display: none;}
	.nav ul li:hover #na2{display: none;}
	.jjfa1{margin-top: 10px;}
 .gd{margin:30px auto;}
	/*.sb1_b{height: 23px;overflow: 
		hidden;}*/
.sc{display: none}
	/*公共样式最先*/
	/*top样式*/
	#top_t {
		width: 100%;
		height: auto;
		background: #424242;
		margin: 0px auto;
		float: left;
		overflow: hidden;
		transform: all 0.5s;
		display: none;
	}
	.top_t {
		    width: 80%;
    height: 40px;
    background: none;
    margin: 15px auto;
	}
	.top_t input {
		width: 72.5%;
    height: 18px;
    padding: 10px 10px;
    font-size: 14px;
    color: #555;
    border: none;
    background: #fff;
    overflow: hidden;
    vertical-align: middle;
    float: left;
	}
	.top_t #s1 {
		width: 20%;
    height: 38px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: none;
    overflow: hidden;
    vertical-align: middle;
    background: #008cd6;
    outline: none;
    cursor: pointer;
    margin-left: 1px;
    float: right;
	}
	.bottom1 .b1 .xt strong{    float: none;
    line-height: 24px;
    font-size: 13px;
    margin-top: 0px;}
	.top {
		width: 96%;
		height: auto;
		overflow: hidden;
	}
	.logo {
		width: 200px;
		height: 34px;
	}
	.nav {
		width: 50%;
		height: auto;
		overflow: hidden;
		margin-left: 0px;
		float: left;
		padding-top: 20px;
		padding-bottom: 20px;
		background: rgba(177, 18, 13, 0.9);
		position: absolute;
		top: 78px;
		right: 0px;
		z-index: 110;
		display: none;
	}
	.nav ul li {
		line-height: 42px;
		margin-left: 0px;
		margin-right: 0px;
		width: 80%;
		display: block;
		margin: 0px auto;
		float: none;
	}
	.nav ul li a {
		color: #dcc;
	}
	.nav ul li a:hover {
		color: #fff;
	}
	.nav ul li a.hover {
		color: #fff;
	}
	.top_r {
		width: auto;
		height: 38px;
		margin-top: 20px;
		margin-bottom: 20px;
		float: left;
		border-left: none;
		margin-left: 20px;
	}
	.top_r a {
		line-height: 38px;
		width: auto;
		border-right: none
	}
	.ss {
		line-height: 38px;
		width: auto;
		border-right: none;
		margin-left: 15px;
	}
	.ss img {
		margin-top: 10px;
	}
	.top_rr {
		width: 25px;
		height: 19px;
		float: right;
		margin-top: 25px;
		display: block;
	}
	/*底部*/
	.bottom {
		width: 96%;
	}
	.bottom1 dl {
		    width: 20%;
    font-weight: normal;
    text-align: left;
    min-height: 280px;
    margin-right: 0px;
     display: none;
	}
	.bottom1 .b1 {
		width: 100%;
    border-left: none;
    float: left;
    padding-left: 0px;
    height: 305px;
    margin-right: 0px;
    margin-top: 0px;
     display: block;
	}
	.bottom1 .b1 .b2 {
		width: 75px;
		height: 75px;
		float: left;
		margin-top: 20px;
	}
	.bottom1 .b1 .b2 img {
		width: 100%;
	}
	.bottom1 .b1 .b3 {
		float: left;
	}
	.bottom1 .b1 .b3 img {
		float: left;
		margin-left: 15px;
		margin-top: 45px;
	}
	.bottom2 {
		line-height: 28px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	/*公共样式竣事*/
	/*banner*/
	.jjfa_b {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: absolute;
	bottom: -10px;
	margin: 0 auto;
}

.jjfa_b img {
	width: 100%;
	height:auto;
}
	.pc_banner_de {
		display: none;
	}
	.sj_banner_de {
		display: block;
	}
	.banner_bj {
		display: none;
	}
	.box_swipe {
		overflow: hidden;
		position: relative;
		display: block;
	}
	.box_swipe ul li {
		width: 100%;
		height: auto;
	}
	.box_swipe ul li img {
		width: 100%;
		height: auto;
	}
	.box_swipe>ol {
		height: 30px;
		position: relative;
		z-index: 10;
		margin-top: -30px;
		text-align: center;
	}
	.box_swipe>ol>li {
		display: inline-block;
		margin: 5px;
		width: 25px;
		height: 4px;
		background-color: #fff;
		border-radius: 4px;
	}
	.box_swipe>ol>li.on {
		background-color: #b1120d;
	}
	.bottom_bj{padding-top: 30px;}
}

@media screen and (max-width: 768px) {
	#sb{
		height: auto;
	}
	.sb{
		height: auto;
	}
	.sb1{
		width: 46%;
		margin-left: 2.5%;height: auto;
	}
	#jjfa{
		height: auto;
		
	}
	.jjfa{
		height: auto;
	}
	.jjfa1{
		width: 46%;overflow: hidden;
	}
	.news_c ul li{
		padding: 3px;
		width: auto;line-height: 33px;
		height: 33px;
		padding-left: 10px;padding-right: 10px;
		font-size: 13px;
	}
	.news_c ul li a{
		font-size: 14px;
		line-height: 33px;line-height: 33px;padding-left: 5px;padding-right: 5px;
	}
	.news_bl{
		height: auto;
		float: unset;
		width: 100%;
		padding-left:0px;
	}
	.news_br{
		float: unset;
		width: 98%;
		height: auto;
	}
	#news_br{
		width: 95%;
		margin-left: 3%;
		margin-bottom: 10px;
	}
	.news_br1{
		width: 19%;
	}
	.news_br2{
		width: 77%;
	}
	.news_b{
		height: auto;
	}
	.bottom1 .b1 p strong{width: 75%;;}
		.sb1_t img{width: 100%;height:auto;}
}
@media screen and (max-width:415px){
	.bottom1 .b1 p strong{width: 75%;}
	.sb1_t h2 {
    width: 100%;
    height: 41px;
    background: #b1120d;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 41px;
}.news_c{margin:30px auto 0px;}
	.top_t input {
		width: 70%;}
		.sb_t{margin:0px auto 20px;}
	.sb1{
		    width: 46%;
    margin: 10px 2% auto;
    display: block;
    float: left;
    height: auto;
	}
	.sb1_t{width: 98%;height: auto;}
	.ss img{margin-top: 10px;}
	.sb1_t img{width: 100%;height: 165px;}
	.jjfa1{
		width: 42%;
		overflow: hidden;margin-left: 2%;
		height: 300px;padding:2%;
	}
	.jjfa1 img{margin:20px auto 20px;}
	.jjfa1 p{width: 100%;}
	.bottom1 dl {
    width: 49%;
    font-weight: normal;
    text-align: left;
    margin-right: 0px;
}
    .bottom1 .b1 {
        width: 100%;
        border-left: none;
        float: left;
        padding-left: 0px;
        height: 305px;
        margin-right: 0px;
        margin-top: 20px;
    }
}@media screen and (max-width:398px){
	.bottom1 .b1 p strong{width: 70%;}

@media screen and (max-width:340px){

	.bottom1 .b1 p strong{width: 68%;}
	.bottom1 .b1 p strong{}
}<!--耗时1775298003.4897秒-->