body{font-family:"Microsoft Yahei"; margin:0px padding:0px;}


body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,.pr,.pc {
	margin: 0;
	padding: 0;
}
li{list-style-type:none}
a{
text-decoration:none;
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}

.con{width:100%;min-height:200px;;margin-top:100px;}
@media screen and (min-width: 750px) and (max-width: 1550px){
	
	/*cen0  导航模块*/

   .deannav {
	width: 500px;
	float: left;
	height:100%;
	
}

.deannav ul {
	width:1200px;
	
	height: 100%;
	white-space: nowrap;
}

.deannav ul li {
	float: left;
	height: 100px;
	position: relative;
	transition: all 1s;
}

.deannav ul li>a {
	display: block;
	float: left;
	padding: 0 25px;
	width:80px;
	text-align:center;
	height: 100%;
	line-height: 100px;
	color: #fff;
	font-size: 14px;
	
	transition: all 1s;
	border-right:1px solid rgba(1,1,1,0.1);
}



.deannav ul li.a a,.deannav ul li>a:hover {
	background:#ff6600;
	color: #fff;
	text-decoration: none;
	
}
.deannav ul li a{
position:relative
}


.w1180 {
	width: 1180px;
	margin: 0 auto;
}

.deannavboxs {
  min-width:1180px;
	width: 100%;
	height: 100px;
	left:0px;top:0px;
	box-shadow: 1px 1px 1px rgba(57,61,73,0.7);
	background:rgba(1,1,1,0.8);
	position:fixed;
	transition: all 1s;
	z-index:100000;
	
	

}

.deannavboxs .w1180 {
	width: 1180px;
	margin: 0 auto;
	height: 100%;

	
	
}
.deannavboxs .w1180 .logok{text-align:center;width:200px;float:left;position:relative;height:200px;top:0px;left:-200px;background-size:100% 100%;transition: all 1s;  }
.deannavboxs .w1180 .showmb{display:none}
.deannavboxs .w1180 .logok img{margin-top:14px;height:75px;width:114px;transition: all 1s;}
.menuclass{background:rgba(1,1,1,0.4);height:80px}
.menuclass .deannav ul li{height:80px}
.menuclass .deannav ul li>a{line-height:80px}
.menuclass .deannav ul li .box{top:80px;background:rgba(1,1,1,0.4);}
.menuclass .w1180 .logok{}
.menuclass .w1180 .logok img{width:90px;height:56px;margin-top:10px;}


.box {
    width:130px;
	min-height:150px;
    left:0px;
    position: absolute;
	top:100px;
	display:none;
	 background: rgba(1,1,1,1);
    color: #fff;
   transition: all 1s;
    white-space: nowrap;
    padding-top:14px;padding-bottom:14px;
	z-index:100;
}
.box:after {
    content: " ";
    position: absolute;
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    border-width: 16px;
    border-color: none;
	
}
.box>a{height:50px;line-height:50px;width:100%;text-align:center;display:block;color:#fff;font-size:14px}
.box>a:hover{background:rgba(255,255,255,0.1);color:#ff6600}
.pointer--top {
    animation: animimate-pointer--top 500ms ease-in-out;
    transform-origin: top center;
	
}
.pointer--top:after {
    margin-left: -16px;
    border-bottom-color:  rgba(1,1,1,0.7);
    top: -32px;
    left: 50%;
}

.deannav .closemb{display:none}

	
	/*底部*/
.bottomtk{width:300px;height:300px;padding:10px;position:absolute;top:-370px;left:-120px;display:none;background:#fff;z-index:10;border:1px solid rgba(1,1,1,0.5);border-radius:14px}
.bottomtk:after{
position:absolute;
top:320px;left:140px;
     content:'';
	 width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 30px solid #fff;

}

.mk_bottom{width:100%;height:300px;padding-top:14px;background:rgba(1,1,1,0.7);color:#fff;border-top:1px solid rgba(255,255,255,0.3)}
.bottom_kj{width:calc(100% - 400px);height:240px;margin-left:auto;margin-right:auto;padding-top:50px;}
.bottom_kj .kj_left{width:500px;height:230px;float:left;}
.bottom_kj .kj_left table{width:100%}
.bottom_kj .kj_center{width:1px;height:170px;background:#fff;float:left;margin-left:50px}
.bottom_kj .kj_right{width:500px;height:170px;float:left}

.morelx{margin-top:30px}
.morelx a{display:block;width:100px;float:left;position:relative;z-index:100}
.morelx a:nth-child(1){margin-left:14px;}
.morelx a:nth-child(n + 2){margin-left:50px;}
.morelx a img{width:100%;height:100%}
}

@media screen and (min-width: 1550px) {
 /*cen0  导航模块*/

   .deannav {
	width: 920px;
	float: left;
	height:100%;
	
}

.deannav ul {
	width: 1500px;
	height: 100%;
	white-space: nowrap;
}

.deannav ul li {
	float: left;
	height: 100px;
	position: relative;
	transition: all 1s;
}

.deannav ul li>a {
	display: block;
	float: left;
	padding: 0 25px;
	width:100px;
	text-align:center;
	height: 100%;
	line-height: 100px;
	color: #fff;
	font-size: 18px;
	
	transition: all 1s;
	border-right:1px solid rgba(1,1,1,0.1);
}



.deannav ul li.a a,.deannav ul li>a:hover {
	background:#ff6600;
	color: #fff;
	text-decoration: none;
	
}
.deannav ul li a{
position:relative
}


.w1180 {
	width: 1180px;
	margin: 0 auto;
}

/*蓝色背景*/
.deannavboxs {
  min-width:1180px;
	width: 100%;
	height: 100px;
	left:0px;top:0px;
	box-shadow: 1px 1px 1px rgba(57,61,73,0.7);
	background:rgba(0,58,140,0.7);
	position:fixed;
	transition: all 1s;
	z-index:100000;
	
	

}

.deannavboxs .w1180 {
	width: 1180px;
	margin: 0 auto;
	height: 100%;

	
	
}
.deannavboxs .w1180 .logok{text-align:center;width:200px;float:left;position:relative;height:200px;top:0px;left:-200px;background-size:100% 100%;transition: all 1s;  }
.deannavboxs .w1180 .showmb{display:none}
.deannavboxs .w1180 .logok img{margin-top:20px;width:120px;height:75px;transition: all 1s;}
.menuclass{background:rgba(1,1,1,0.4);height:80px}
.menuclass .deannav ul li{height:80px}
.menuclass .deannav ul li>a{line-height:80px}
.menuclass .deannav ul li .box{top:80px;background:rgba(1,1,1,0.4);}
.menuclass .w1180 .logok{width:100px;height:100px}
.menuclass .w1180 .logok img{width:70px;height:40px}


.box {
    width:150px;
	min-height:150px;
    left:0px;
    position: absolute;
	top:100px;
	display:none;
	 background: rgba(1,1,1,1);
    color: #fff;
   transition: all 1s;
    white-space: nowrap;
    padding-top:20px;padding-bottom:20px;
	z-index:100;
}
.box:after {
    content: " ";
    position: absolute;
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    border-width: 16px;
    border-color: none;
	
}
.box>a{height:50px;line-height:50px;width:100%;text-align:center;display:block;color:#fff;font-size:18px}
.box>a:hover{background:rgba(255,255,255,0.1);color:#ff6600}
.pointer--top {
    animation: animimate-pointer--top 500ms ease-in-out;
    transform-origin: top center;
	
}
.pointer--top:after {
    margin-left: -16px;
    border-bottom-color:  rgba(1,1,1,0.7);
    top: -32px;
    left: 50%;
}

.deannav .closemb{display:none}




/*底部通用*/
.bottomtk{width:400px;height:400px;padding:10px;position:absolute;top:-470px;left:-150px;display:none;background:#fff;z-index:10;border:1px solid rgba(1,1,1,0.5);border-radius:20px}
.bottomtk:after{
position:absolute;
top:420px;left:170px;
     content:'';
	 width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 30px solid #fff;

}

.mk_bottom{width:100%;height:300px;margin-top:20px;padding-top:20px;background:rgba(1,1,1,0.7);color:#fff}
.bottom_kj{width:calc(100% - 600px);height:240px;margin-left:auto;margin-right:auto;margin-top:50px;}
.bottom_kj .kj_left{width:500px;height:230px;float:left;}
.bottom_kj .kj_left table{width:100%}
.bottom_kj .kj_center{width:1px;height:170px;background:#fff;float:left;margin-left:50px}
.bottom_kj .kj_right{width:500px;height:170px;float:left}

.morelx{margin-top:30px}
.morelx a{display:block;width:100px;float:left;position:relative;z-index:100}
.morelx a:nth-child(1){margin-left:20px;}
.morelx a:nth-child(n + 2){margin-left:50px;}
.morelx a img{width:100%;height:100%}

}




 @media screen and (max-width: 750px) {
 /*导航*/
  .deannavboxs {
     min-width: 400px;
	max-width:750px;
	width:100%;
	position:absolute;
	left:0px;top:0px;
	z-index:100;
	background:rgba(1,1,1,0.8)
  }
  
  .deannavboxs .w1180{
     width:100%;height:100px;
	box-shadow:1px 1px 1px rgba(1,1,1.0.3)
     position:relative;
  }
  .deannavboxs .w1180 .logok{
     float:left;width:200px;height:100px;line-height:100px;text-align:center;
  }
  .deannavboxs .w1180 .deannav{
     position:absolute;width:200px;min-height:300px;
	 top:0px;right:0px;z-index:20;
  }
    .deannavboxs .w1180 .deannav ul li{
	     width:200px;height:70px;line-height:70px;;color:#fff;margin:0px;padding:0px;text-align:center;border-bottom:1px solid rgba(1,1,1,0.1)
	
	}.deannavboxs .w1180 .deannav ul li:hover{background:rgba(1,1,1,0.4);}
	.deannav ul li:hover a{color:#fff}
	.deannavboxs .w1180 .deannav ul li a{font-size:20px}
	.deannavboxs .w1180 .deannav ul li .box{background:#fff;position:relative;left:-150px;top:-70px;width:150px;min-height:100px;display:none}
	.deannavboxs .w1180 .deannav ul li .box a{width:150px;height:70px;display:block;line-height:70px;text-align:center;float:none;color:#444;font-size:18px;background:#fff}
	
	.deannavboxs .w1180 .deannav ul li .box a:hover{background:rgba(1,1,1,0.5);color:#fff;border-left:5px solid #ff6600;width:145px;}
  .deannavboxs .w1180 .logok  img{
     width:100px;
  }
  
  .deannavboxs .w1180  .deannav ul {
  background:rgba(255,255,255,0.9);
  border-radius:0 20px 0 0;
	width: 200px;
	height: 100%;
	white-space: nowrap;
}
  .deannavboxs .w1180 .showmb{
     position:absolute;width:25px;height:25px;top:25px;right:20px;display:inline;border:1px solid rgba(255,255,255,0.4);line-height:25px;text-align:center;padding:12px;cursor:pointer;border-radius:5px
  }
  .deannavboxs .w1180 .showmb i{
     color:#fff;font-size:20pt
  }
  
  
   
   .deannav .closemb{
       position:absolute;
	   top:0px;right:0px;
	   z-index:2;
	   background:#fff;
	   border-radius:20px;box-shadow:1px 1px 1px rgba(1,1,1,0.5);
	   width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer
	   
   }
   .deannav .closemb:hover{background:#ff6600;color:#fff}
   .yddisplay{display:none;}
 
 
 
 /*底部*/
.mk_bottom{width:100%;height:500px;margin-top:20px;padding-top:20px;background:rgba(1,1,1,0.7);color:#fff}
.bottom_kj{width:100%;height:240px;margin-left:auto;margin-right:auto;margin-top:50px;}
.bottom_kj .kj_left{width:100%;height:230px;margin-left:auto;margin-right:auto;}
.bottom_kj .kj_left table{width:100%}
.bottom_kj .kj_center{display:none}
.bottom_kj .kj_right{width:100%;height:170px;margin-left:auto;margin-right:auto;}

.morelx{margin-top:30px;}
.morelx a{display:block;width:100px;float:left;position:relative}
.morelx a:nth-child(1){margin-left:20px;}
.morelx a:nth-child(n + 2){margin-left:20px;}
.morelx a img{width:100%;height:100%;}	

.bottomtk{width:250px;height:250px;padding:10px;position:absolute;display:none;background:#fff;border:1px solid rgba(1,1,1,0.5);border-radius:20px;}
.morelx a:nth-child(1) .bottomtk{top:-300px;left:40px}
.morelx a:nth-child(2) .bottomtk{top:-300px;left:-80px;}
.morelx a:nth-child(3) .bottomtk{top:-300px;left:-200px;}
 }