.hn{
	float: right;
	margin-right: 70px;
}
.clear{
	clear: both  ;
}
.more{
	text-align:center; margin:0 auto; width:200px;
	 clear: both;
	 padding-top: 10px;
}
.more a{
	display:block; width:153px; height:43px; background:#a7212a; color:#FFF; 
	line-height:40px; font-size:1em; text-align:center;
}
.more1{
	text-align: center; margin:0 auto;; width: 202px;
	clear: both; padding-top: 45px;
	padding-bottom: 20px;
	line-height:44px;
}
.more1 a{
	display: block; width: 153px; height: 43px; 
	font: 1em; font-weight: bold; line-height: 3em; border:2px solid #38585d;
	color: #07a8bf; line-height:44px;
}
.more1 a:hover{
	color:#07a8bf;
}
.in_d {
	height:12em;
	border-top: 1px solid #e8e8e8;
}




.in_pro_list li {
	text-align: left;
	float: left;
	margin-left: 5%;
	width: 45%;
}
.pro_list li{
	width: 45%;
}
.dynam_list{
	width: 70%;
	margin:0 auto;
}


.tel{
	float:right;
	padding-top:22px;
	
	color:#464646;
}
.tel img{    vertical-align: middle;}
.tel_p1{
	height:20px;
	font-size:14px;
	margin-right:10px;
	color:#464646;
	display:inline-block;
}
.tel_p2{
	
	height:20px;
	font-size:14px;
}
/* .tableCell{
	padding-top:20px;
}  */
.logo{
	width: auto;
	height: auto;
	padding-top: 35px;
}
.m_banner{
	display:none;
}
.banner1{
	margin-top:85px;
	text-align:center;
}
.banner {
	height:100%;
	text-align:center;
}
.banner img,.banner1 img {
	margin: 0 auto;
	width: 100%;
}
.banner .next {
	display: block;
	position: absolute;
	top: 85%;
	left: 50%;
	z-index: 100;
}
a:active {
	outline: none;
	star:expression(this.onFocus=this.blur());
}
img {
	border: 0 none;
	vertical-align: top;
	width: auto;
}
ul {
	list-style-type: none;
}
li {
	list-style-type: inherit;
}
button {
	cursor: pointer;
}
a, a:link {
	text-decoration: none;
	
	font-family: "微软雅黑";
}
a:hover {
	color: #464646;
}
.header {
	background: url(../img/headbg.png) repeat-x transparent;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 100;
	/*opacity:0.9;*/
	height: 109px;
	  
}



.footer {
	height:184px;
	background: url(../img/ft_bg.png) repeat-x;
	width:100%;
	clear:both;
	
}
.footer ul {
	float: left;
	margin-right: 50px;
	margin-top: 15px;
	text-indent: 1em;
	width: 160px;
}
.f_u_r{
	display: block;
	height:75px;
	float:right;
	padding-top: 10px;
	margin-right: 0px;
}
#rrr{
	width:200px;
}
.f_u_r img{
	margin-left:20px;
	height:75px;
	width:75px;
	float:left;
	padding:0px;
}
.f_u{
	width:1040px; 
	height:133px; 
	margin:0 auto;
	}
.f_d {
	color: #5a5f64;
	font-size: 11px;
	line-height: 38px;
	height:50px; 
	width:1040px; 
	margin:0 auto;
}
.f_d1 {
	position: fixed;
	color: #5a5f64;
	font-size: 11px;
	line-height: 38px;
	height:50px; 
	width:1040px; 
	margin:0 auto;
	left: 0;
	right: 0;
	bottom:-11px;
}
.f_u_l{
	width: 153px;
}
#wx{
	margin-left: 150px;
	display: block;
}
.gz a {
	margin-left: 5px;
}
.ftt1 {
	font-size: 12px;
	color: #6d6d6d;
	line-height: 25px;
	width:80px;
	float:left;
}
.ftt1 a:visited{
	color: #6d6d6d;
}
.ftt {
	color: #bdbdbd;
	font-size: 14px;
	line-height: 38px;
}
.ts {
	
}
#arrow_up {
	position: fixed;
	bottom: 100px;
	right: 50px;
	width: 90px;
	height: 90px;
	z-index: 60;
}

.i_about {
	width: 1040px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.left_about h4{
	text-align: left;
}
.i_about p {
	color: #868686;
	font-size: 0.75em;
	text-indent: 2em;
	line-height: 28px;
	width: auto;
}
.left_about a{
	margin:0;
}
.dyn_left .mr{

	margin-left:0px;
}

.mm img{
	width: 484px;
	margin-top: -45px;

}
.left_about{
	text-align:left;
	height:auto;
	width:1240px;
	margin:0 auto;
	overflow:hidden;
}
.left_about li{
	float:left;
	width: 523px;
	
}
.mm{

margin-left: 60px;
}
.left_about>li>img{

}
.i_a_t{
	height:auto;
	margin-top:109px;
	text-align:center;
	margin-bottom:0px;
	padding: 0px;
}

.in_i {
	margin-left: 30px;
	height: 400px;
}
.in_i li {
	float: left;
	margin-left: 5px;
	margin-left:2em;
}
.in_d {
	width:1140px;
	border-top: 1px solid #e8e8e8;
	margin:40px auto 0 auto;
	line-height: 40px;
}
.in_d p{
	line-height: 30px;
}
.in_d li {
	float: left;     
	margin:20px; 
	width: 225px;
} 

.index_pro_list{ width:100%; height:100%; border:none; overflow:hidden;}

.in_pro {     
	     background:url(../img/index_pro_bg.png) repeat bottom;
		 background-size:100% 100%;
	width:100%;
	height:100%;
	overflow:hidden;
}
.prodd{
	height:100%;
	background:#2c2e33;
}
.in_pro_t{     
	padding-top:100px;
} 
.in_pro_menu {
	text-align:center;     
	margin: 0px auto 0 auto; 
	    padding-top: 15px;
	background:url(../img/index_pro_bgs_02.png) repeat-x bottom ;
} 
.in_pro_menu a {
	font-size: 14px;     
	color: #FFF;     
	width: auto;     
	line-height:30px;     
	display: inline-block; 
	margin: 0 10px;
	border-bottom:2px solid;
	border-color:transparent;
} 
.in_pro_menu a:visited{
	color:#fff;
}
.in_pro_menu a:hover {     
	color:#0aa1b7;     
	border-bottom: 2px solid #0aa1b7; 
} 
#q{
	font-size: 14px;      
	line-height:30px;     
	display: inline-block; 
	color:#0aa1b7;     
	border-bottom: 2px solid #0aa1b7; 
	}
.sss{
	color:#999;
}
#inprosed{
	color:#0aa1b7;     
	border-bottom: 2px solid #0aa1b7; 
}
.in_pro_list { 
	width:1240px;     
	margin: 0px auto 0 auto;
	height:auto;
	overflow:hidden;
	padding:0px;
} 
.in_pro_list li { 
	text-align:left;     
	float: left;     
	margin-right: 32px;
	border-bottom: 2px solid #475458;
	width: 265px;
	line-height: 18px;
	margin:20px;
height:320px;
}
.in_pro_list li img{
	width: 100%;
	height: 100%;
}
.in_pro_list li a:visited{
	color:#747474;
}

.in_pro_list li:hover a{ color: #fff; }
/* .in_pro_list li:hover {
	border-bottom: 2px solid #09a0b6;
	color: #FFF;

} */
.pro_zx{color:#fff; line-height:30px; margin:0px; font-family:"微软雅黑";padding-top: 10px;}
.www:hover .www a{color: #FFF;}
.in_pro_list a{
	font-size: 14px;
	color:#747474;
}
.in_pro_list a:hover{
	color: #fff;
	font-size: 14px;
}
.in_dyn{
	height:750px;
	text-align:center;
	width:1240px;
	margin:0 auto;
}
.in_dyn h4{
	text-align:left;
}
.in_dyn ul{
	margin-top:50px;
	}
.dynam_list img{
	width:auto;
}
.dyn_left{
	width:600px;
	height:auto;
	float:left;
}
.dyn_left li{
	float:left;
}
.dyn_right{
	width:600px;
	float:right;
}
.dyn_right li{
	border-bottom:2px solid #f4f4f4;
	height:100px;
}
.dyn_right p{
	width:530px;
	font-size:13px;
	color:#919191;
	line-height:20px;
	text-align:left;
}
.in_dyn p{
	font-size:13px;
	color:#919191;
	line-height:20px;

	margin-top:20px;
}
.dyn_left p{
		width: 535px;
}
.msg{
	background:url(../img/in_msg_bg.png) bottom no-repeat;
	height:70%;
	width:100%;
	margin:0 auto ;
	    position: absolute;
    bottom: 167px;
	background-size:100%;
	overflow:hidden;
}
.msg_box{
	width:25%;
	background:url(../img/msg_box_bg.png) bottom no-repeat;
	text-align:center;
	height:auto;
	margin:0 auto;;
	position: absolute;
    	bottom: 0px;
	left:0; 
	right:0;
	background-size: 100%;
}
.msg_box ul{
	margin-top: 35px;
	color:#6a6a6a;
	font-size:12px;
	clear: both;
	
}
.msg_box ul li{    line-height: 20px;}
.msg_box ul img{
	margin-top:0px;
	margin-right:5px;
	vertical-align: middle;
}
form{

	color:#565656;
	 margin: 0 auto;
	
}
form label{
	text-align:left;
	font-size:12px;
	color:#000;

}
form input,textarea{
	border:1px solid #dce2e3;
	resize:none;
	margin-bottom:10px;
	margin-left:5px;
	vertical-align:top;
	width:200px;
	background:#e3ebed;
}
form button{
	background:#2c3034;
	width:149px;
	height:27px;
	margin-top:20px;
	color:#FFF;
	border:1px solid #000;
}
.content {
	height: auto;
}
.wz {
	width: 1240px;
	margin: 0 auto;
	height: auto;
	font-size: 12px;
	line-height: 30px;
	margin-top: 10px;
	color: #464646;
}
.wz img {
	margin-top: 5px;
}
.con {
	padding: 0px;
	width: 1240px;
	margin: 40px  auto;
	height: auto;
	text-align: center;
	
}
.con p {
	text-align: left;
	font-size: 14px;
	color: #666;
	text-indent: 2em;
	line-height: 35px;
}
.about_img {
	height: auto;
	background: #f1f1f1;
	margin-top: 10px;
	margin-bottom: 78px;
}
.about_img ul {
	margin: 20px auto;
	width: 1140px;
	height: auto;
	
}
.about_imgd{
	width:1240px;
	height:auto;
	padding-bottom: 50px
}
.about_imgd li{
	float:left;
}
.about_imgd li img{
	margin:5px 5px;
}
.dynam {
	height: auto;
}
.dynam_list {
	width: 1240px;
	height: auto;
	margin: 20px auto;
	padding-left: 20px;
	float:none;
}
.dynam_list li {
	width:375px;
	float: left;
	margin:0px 35px 40px 0px;
}
.dynam_list .p {
	width: 380px;
	font-size: 12px;
	color: #949494;
	line-height: 22px;
}
.dynam_list span {
	font-size: 14px;
	color: #4c4c4c;
	line-height: 25px;
}
.dynam_list a {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 25px;
}
.data{
	float:left; width:100px; height:100px;
}
.info{
	width:474px;
}
.pro_list img{
	max-width:100%;
}
.pro_cat {
	width: 1040px;
	height: auto;
	margin: 40px auto;
	text-align: center;
}
.pro_span {
	font-size: 1em;
	line-height: 2.2em;
	height: auto;
	width:auto;
	margin: 0px 20px 0px 0px;
	display: inline-block;
	font-weight: bold;
	
	border-radius: 5px;
}
#pro_span2{
	font-size: 1em;
	line-height: 38px;
	height: auto;
	font-weight: bold;
	height: 40px;
font-size: 14px;
	display: inline-block;
	    color: #fff;
    background-color: #222857;
	border-radius: 5px;
	
}
.pro_cat a {
	display: block;
	height: 38px;
	width: auto;
		    font-size: 14px;
    background-color: #ccc;
	border-radius: 5px;
	padding: 0px 15px;
}
.pro_cat a:hover {
	background-color: #222857;
	color: #fff;
	height: 38px;
	width: auto;
	
}
.pro_list {
	width: 1150px;
	height:auto;
	line-height: 25px;
	margin: 0 auto;
	
}
.pro_list li {
	width:258px;
	float: left;
	margin: 30px 10px;
	border-bottom: 2px solid #475458;
	overflow: hidden;
height:300px
}
.pro_list li:hover{
	border-bottom: 2px solid #09a0b6;

}
.pro_list li:hover .mask{
	border: 120px solid rgba(51,149,164,0.7);
}
.pro_list li a {
	font-size: 14px;
	line-height: 23px;
}
.pro_list div img {
   /*  min-width: 265px;
   	min-height: 239px;
   	overflow: hidden; */
	position: relative;
	text-align: center;
	cursor: default;
	border: none;
	
}
.view img{width: 100%;
    height: 100%;}
.pages {
	width:95%;
	height:3em;
	text-align:center;
	margin: 0 auto;
	clear:both;
}
.pages a {
	display: inline;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 0px 5px;
	font-size: 12px;
}
.page a:hover {
	background: #ccc;
}
.logo{
	display:block;
}
.tel{
	    line-height: 17px;
	display:block;
	font-size:14px;
}

.ftt1 a{color:#6d6d6d}




@media screen and (max-width:1921px){
	
	.in_dyn{ height:90%;}
}














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

@media screen and (max-width:416px){
	.banner{ width:100%; overflow:hidden;}
	.header,.dynam,.banner1{width:100%;}
	.banner1 img{width:100%;}
	.wz,.con{width:95%;}
	.footer,.about_imgd img{width:100%;}
	.f_u{width:95%;}
	.footer ul{width:45%;}
	#wx,#link,.hne{display: none;}
	.footer ul{margin: 15px 0px 0px 0px;}
	.f_d{width:100%;text-align: center;background: url(../img/ft_bg.png) repeat-x;height: auto;line-height: 

20px;}
	.pro_cat{width:95%;height: auto;}
	.pro_span{margin: 20px 20px 0px 0px;}
	.pro_list{width:95%;overflow: hidden;}
	.pro_list li{ height:auto;}
	.pro_list div img{ height:auto;}
	.about_imgd,.i_about{width:95%;}
	.pro_list li{width:44%;}
	.tel{display:none;}
	.logo{margin:0 auto;}
	.m_banner{display:block; overflow:hidden; width:100%; margin:0 auto;}
	.header{height:50px;}
	.banner .next{display:none;}
	.left_about{width:95%;}
	.left_about li{width:100%;}
	.mm{width:100%; margin:0;}
	.mm img{width:100%;    margin-top: 45px;}
	.in_pro_list{width:100%;}
	.in_pro_list li{width:40%;}
	.in_dyn{width:95%;height:auto;    overflow: hidden;}
	.dyn_left li img,.dyn_left li{width:100%;}
	.in_pro_t{padding:0;}
	.dyn_left{width:100%;}
	.dyn_left p{width:100%;}
	.dyn_right,.info{width:100%;}
	.in_dyn p{    width: 100%;}
	
	.in_d{width:100%;}
	.in_d li{width:50%; margin:0px;}
	.msg{position:inherit;    height: 460px;    bottom: -18px;}
	.footer{}
	.msg_box{width:85%; }
	.pro_list img{width:100%;}
	.about_img ul{    width: 100%;}
	.i_a_t{margin: 20px auto;}
	.i_a_t li b{    line-height: 50px;}
	.i_a_t li h2{    line-height: 50px;font-weight: inherit;}
	.m_banner{    margin-top: 45px;}
	.left_about li h4{font-size: 16px !important;}
	.left_about .mm{display:none;}
	.in_dyn p{color:#910f1d;}
	.pro_list li:hover .mask{border:0px;}
	.pro_list table{}
	.in_pro_t h2{    font-weight: inherit;margin-top: 20px;}
	.in_dyn ul{    margin-top: 30px;}
	.MsoNormal{    width: 100%;}
	.m_banner img{ width:180%; margin-left:-40%;}
	.banner1 img{ width:200%; margin-left:-50%;}
	.banner1{ overflow:hidden;}
	.i_about p{ text-indent:0em;}
	.msg div{    line-height: 20px;}
}
@media screen and (max-width:376px){
	.footer ul{ width:45%;}
	.in_pro_list li{width:39%;}
	#rrr{width: 50%; float:right;}
	#rrr li{width: 100%;}
	#rrr li img{ width:45%; margin:2.5%; height:auto;}
}
@media screen and (max-width:321px){
	.in_d li { width: 45%; margin: 2%;}
	.in_pro_list li{width: 45%; margin:20px 2.5%;}
	.in_pro_t b{    font-size: 25px;}
	.msg{    height: 500px;}
	.msg_box{    width: 95%;}
	.f_u_l{display:none;}
	#rrr{width:100%; margin:0 auto; height:auto; margin-bottom:10px;}
	.pro_list li {width: 43%;}
	#rrr li{ width:100%; height:auto; overflow:hidden;}
	#rrr li img{ width:45%; margin:2.5%; height:auto;}
	.ly input{width:80%;}
}