
/*手机按钮右上*/
 .dhbg{ height:55px;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}


.navbar-toggle {
	position: relative;
	float: right;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: #EBEBEB;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 9px;
}
.navbar-toggle:focus {
  outline: 0;
}
 .navbar-toggle:hover {
  background-color: #ddd;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;  background-color: #888;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}



/*-------------栏目开始-------------*/

 .navbar-nav{
	z-index:7755;
	position:absolute;
	right: 0px;
	top: 83px;


}




 .navbar-nav li a {
	color: #fff;
	line-height: 40px;
	height: 40px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #747474;
	width: 130px;
	display:block;
	background-color:rgba(0, 0, 0, 0.80);
}
 .navbar-nav li a:hover {
	color: #FFF;
	background-color: #003cae;
}


/*-------------logo-------------*/


.logoj{
	width: 50%; float:left; max-width:272px;
}







@media (max-width:767px) {
.ogg1{}	
.rykj01{ overflow:hidden}
.ry02{
	width: 180px;
	margin-right: auto;
	margin-left: auto;

}
.ry02 span{
	color: #E1E1E1; float:none;
}
.ry02 span a{ float:left;margin-left: 22px;

	
}
.ry02 span a:hover{
	color: #fff;
}
.ry02 p{ display:none}


.rytp{display:none}







.rykj09{ width:100%}
.rykj09b{
	margin-top: 4px;
	margin-bottom: 12px;
	height: 64px;
	width: 100%;
	background-image: url(jhh5be.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.rykj09 p{
	width: 94%; color:#000; height:252px; overflow:hidden
}






.ogg10{
	background-image: url(jhh6be.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 30px;
	width: 100%;
padding-top: 108px;
}

.ogg10b{
	width:100%;
	margin-right: auto;
	margin-left: auto;
}

.ogg10c{ width:100%;

}
.ogg10c li{
	width: 44%; 
	float: left;
	margin-right:3%; margin-left:3%;
	margin-bottom: 20px;
}

.ogg10c li a em{
	display:block;
	font-size: 12px;
	line-height: 16px; height:32px;
	padding-left: 10px; padding-right:10px; padding-bottom:0px;margin-top:0px;	padding-top: 8px
}



.ogg10c li a i{height: auto;
	width: 100%; overflow:hidden; display:block}
.ogg10c li a i img{
	height: auto;
	width: 100%;
 cursor: pointer; 
transition: all 0.9s;
}









.ogg11{
	background-image: url(jhh77b.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 94px;
	width: 100%;
}





.yss{
	background-image: url(ysbe.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 733px;
	width: 100%;
	padding-top: 0px;
}






.pre_banner_3d{
    margin:auto;
   width:100%;
    height:550px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.contrves{
    width:100%;
    height:auto;
    position:absolute;
    
}



.banner_tree{
	width:100%;
	height:500px;
	position:absolute;
	bottom:0px;
	overflow: hidden;
}
.color_font{
	color:#fff;
	width:50%;
	height: 50px;
	font-size:24px;
	text-align: center;
	line-height: 50px;
	border-radius: 5px;
	position:absolute;
	margin:auto;
	z-index: 50;
	cursor: pointer;
	bottom: 0px; background-color: transparent
}
.left_btn{
    left:0;
}
.right_btn{
    right:0;
}
.img_phone{
    width:100%;
    height:100%;
}
.show_s_ui{
    width:300px;
    height:100%;
    position:relative; margin:auto
}
.show_s_ui>li{
	width:0%;
	height: 0px;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	z-index: 30;
	cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity: 0;

}

.show_s_ui>li>img{
    width:100%;
    height:100%;}
#middel_shows{
	width:280px;
	height: 280px;
	left: 0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1;

}
#left_shows{
 display: none
}
#right_shows{
  display: none
}

.ogg13{
	width:100%;
	
	display:block;
	background-image: url(ast03b.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;height: auto; overflow:hidden;
}



.ogg13 ul{ width:60%; margin-left:auto; margin-right:auto; padding-top:130px}
.ogg13 ul li{ float: none; width:100%; margin-left:auto; margin-right:auto; margin-bottom:30px}
.ogg13 ul li img{ 	height: auto;
	width: 100%;webkit-filter: drop-shadow(0 0 3px #b2b1b1) drop-shadow(0 0 3px #b2b1b1) drop-shadow(0 0 4px #ccc) ; border:solid #CCC 1px
}
.ogg13 ul li p{
	line-height:20px;
	font-size:12px;
	text-transform: none; text-align:center; display:block
}























#pro {
	width: 269.5px; margin:auto;

	padding-top: 120px; display:block; 
}

#pro_con {
	float:left;

}
#pro_con .LeftBotton {
	height:160px;
	width:30px;
	float:left;
	cursor:pointer;
	background-image: url(jhh9.jpg);
	background-repeat: no-repeat;
	background-position: 0px center; 
}
#pro_con .RightBotton {
	height:160px;
	width:30px;
	float:right;
	cursor:pointer;
	background-image: url(jhh9b.jpg);
	background-repeat: no-repeat;
	background-position: 0px center; margin-left:36px
}
#pro_con .Cont {
	width:137.5px;
	overflow:hidden;
	float:left;
	margin-left: 36px;	height:208px;
}
#pro_con .ScrCont{width:10000000px; padding:0; float:left;}
#pro_con #List1, #pro_con #List2 {float:left; padding:0px; margin:0px;}
#pro_con .Cont li {
	float:left;

	height: 160px;
	width: 137.5px;

	margin-right: 0px;
	margin-left: 0px;
}
#pro_con img {
	height: 120px;
	width: 135.5px;
	display: block;
	margin-bottom: 10px; margin-top:6px; -webkit-filter: drop-shadow(0 0 0px #b2b1b1) drop-shadow(0 0 0px #b2b1b1) drop-shadow(0 0 0px #ccc) ; border:solid #CCC 1px
}
#pro_con .Cont li p{
	display: block;
	text-align: center;	text-transform: none


}

#pro_con a {
	display:block;
	color: #333;
}	
#pro_con a:hover {
	display:block;
	color: #174694;
}	







.foottb	{ display:none}		

.footta{
	width:100%;
	padding-top:24px;
	line-height:20px
}

.footta2{
	width:90%; margin:auto;
	float: none;
	display:block; line-height:26px; font-size:12px
}

.footta2i{
	display:block; margin-bottom:20px; max-width:300px; width:70%

}

.foottd1{
	width:100%; line-height:14px; text-align:center; padding-top:10px

}

.foottd2{
	float: none;
	color: #999;
}

.foottd3{ display:none}


.jhny{ display: none


}


/*----------------------------*/








.zb15{ width:100%; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:25px;}

.zb16{display:none;}

.zb17{ width:100%; float: none;}

.zb17a{ display:block; font-size:16px; font-weight:bold;	border-bottom-width: 0px;
 background:#ededed;
height:40px; line-height:40px; margin-top:0px; color:#000; text-align:center; overflow:hidden;padding-left: 0px;


}

.zb17a em{ display:none}

.zb17b{
	width: 90%;
	 margin:auto; padding-top:20px
}
.zb17b img{ max-width:100%}
.fengnews  li a em{ display:none
 
}

.fengnews  li a{ overflow:hidden;}

.t_page{
	padding:5px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	
	}	
.t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0px 3px;}	
	

.gycss2{width:98%; margin-top:28px; margin-left:auto; margin-right:auto}
.gycss2  li{
	float: none;
	width: 280px;

	text-align: center;
margin-right: auto;
	margin-bottom: 25px;
}








.ogg100c{ width:100%;

}
.ogg100c li{
	width: 44%; 
	float: left;
	margin-right:3%; margin-left:3%;
	margin-bottom: 30px;
}

.ogg100c li a em{
	display:block;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height:14px; height:34px;
	padding-left: 10px; padding-right:10px; overflow:hidden;
}
.ogg100c li a p{
	display:block;	
	color: #fff;
	background-color: #242424;
	height: 1px;width: 98%; 
}
.ogg100c li a span{
	display:block;
	font-size: 12px;
	line-height: 14px;
	height: 56px;
	overflow:hidden;width: 100%;
	margin-top: 9px; color:#000;
}
.ogg100c li a:hover em{
	color: #174694;

}
.ogg100c li a:hover p{
	background-color: #174694;
}
.ogg100c li a i{height: auto;
	width: 100%; overflow:hidden; display:block}
.ogg100c li a i img{
	height: auto;
	width: 100%;
 cursor: pointer; 
transition: all 0.9s;
}
.biaoti{
	font-size: 14px;
	color: #000;
	text-align: center;
	display: block;
	height: auto;
	line-height: 20px;
	padding-top: 15px;
	padding-bottom: 25px; 
}

.astng01{
	background-image: url(ast01b.jpg);
	height: auto; width:92%; padding-left:4%; padding-right:4%; padding-top:102px; background-color:#174694;padding-bottom:30px;
}


.astng01b{ display:block; width:90%; margin:auto; color:#fff
	
}



.astng02{
	background-image: url(ast02b.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 610px; display:block
}


.astng04{ width:100%;
	background-image: url(ast04b.jpg); padding-top:110px

}



.sgl20d{ display:none}

.tabbox{ width:90%; margin:auto; display:block; float:none;}




.newse{}
.newse li{
	width:100%;

display:block;



	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-color: #f6f6f6;
	margin-bottom: 20px;







}


.newse em{
	font-size: 36px;
	line-height: 36px;
	color: #000;

	width: 20%;

	text-align: center;
	display: block;

	float: left  ;  padding-right:0px
	
	
	
	
	
}
.newse em i{
	display:block;
	font-size:12px;
	color: #C3C3C3;
}



.newse li a{

	display:block; width:70%;
	font-size:12px;
	line-height:15px;
	height:65px;

	overflow:hidden;
	color:#A2A2A2;	
	
		float:left; margin-left:10%

	
	
	
	
	
}

.newse li a span{
	display:block;
	color: #333;
	font-size: 16px; line-height:20px; height:20px; overflow:hidden;
}








.newse2{}
.newse2 li{
	width:100%;

display:block;



	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-color: #f6f6f6;
	margin-bottom: 20px;







}


.newse2 em{
	font-size: 36px;
	line-height: 36px;
	color: #000;

	width: 20%;

	text-align: center;
	display: block;

	float: left  ;  padding-right:0px
	
	
	
	
	
}
.newse2 em i{
	display:block;
	font-size:12px;
	color: #C3C3C3;
}



.newse2 li a{

	display:block; width:70%;
	font-size:12px;
	line-height:15px;
	height:65px;

	overflow:hidden;
	color:#A2A2A2;	
	
		float:left; margin-left:10%

	
	
	
	
	
}

.newse2 li a span{
	display:block;
	color: #333;
	font-size: 16px; line-height:20px; height:20px; overflow:hidden;
}




.ogg10c2{ width:100%;

}
.ogg10c2 li{
	width: 44%; 
	float: left;
	margin-right:3%; margin-left:3%;
	margin-bottom: 20px;
}

.ogg10c2 li a em{
	display:block;
	font-size: 12px;
	line-height: 16px; height:32px;
	padding-left: 10px; padding-right:10px; padding-bottom:0px;margin-top:0px;	padding-top: 8px
}



.ogg10c2 li a i{height: auto;
	width: 100%; overflow:hidden; display:block}
.ogg10c2 li a i img{
	height: auto;
	width: 100%;
 cursor: pointer; 
transition: all 0.9s;border: none;
}




.jiaa15{
	width:90%;
	float: none;
	margin-left: auto; margin-right:auto;
	margin-top: 10px;
}




.jiaa15 span em{
	font-size: 14px;
}


.jiaa15 span{
	color: #999;
	font-size:12px; padding-bottom:0px

}

.single-grids{ width:100%; float: none; }


.zb17b{ margin:auto; float:none}


.jwer22{ width:94%; margin-top:15px; font-size:14px}	
.jwer23{
	font-size:16px;
	line-height:36px;
	border-bottom-width: 1px;
	padding-left: 10px;
	margin-bottom:18px;
	padding-top: 15px; color:#000
}
.jwer22 img{ max-width:100%}


.proList li{
	width:42%;
	margin-right: 4%;
	margin-left: 4%;
}

.proList li a p{
	font-size:10px;
	color:#fff;
	display:block;
	background-color:#777;
	height:28px;
	line-height:14px;
	padding:5px; overflow:hidden; font-size:12px;

}



.ogg56{

	background-image: url(hotb.jpg);
	
	background-position: center 30px;
	padding-top: 0px; width:269.5; margin:auto; display:block
}


	 }





@media (min-width:768px){
	
.ogg1{ display:none}
	
	
	}







