html, body, div, img, a, ul, ol, li, dl, dt, dd, p, span, input, cite, h1, h2, h3, h4, h5, h6, form, table, tr, td, textarea, i, button, em { margin: 0; padding: 0; border: 0}
body { font-size: 16px; font-family: microsoft yahei; }
html{-webkit-text-size-adjust:none; }

td,div {font-family: "微软雅黑","宋体";font-size: 16px; color: #454545; line-height:20px;-webkit-font-smoothing: antialiased;}

input,textarea {border-width:1px; border-color:cccccc;background:ffffff;font-family: "微软雅黑","宋体";}


a {text-decoration:none;color:#454545; font-size:16px
}

a:hover {
	color:#ba0000; text-decoration:none; font-size:16px/* top:1px; left:1px; position:relative;*/
}

.clear{clear:both;}

ul,li{list-style:none;}

.indexflash
{
	width:100%;
	height:362px;
	overflow:hidden;
	margin:auto;
	background:#ffffff;
	text-align:left;
}

/*#content img{border:#a5a5a5 solid 1px}
*/
.bt{
		font-size: 16px;
	color: #ffffff;
	border: none;
	cursor:pointer;
	background:#ba0000;;
	width:150px;
	height:40px;
	line-height:40px;border-radius:20px
}








.news_p{width:100%; margin:auto; text-align:left; height:40px; line-height:40px; color:#454545; font-size:14px}
.news_p_a{ color:#454545;font-size:14px}
.news_p_a:hover{ color:#454545; font-size:14px}

#about_more img{ width:90%}
#about_more{ margin:auto}

.index_ppp{ }
.index_ppp img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }
.index_ppp img:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5); }




#contenttable tr{ height:40px}

.inputform1{ height:25px; border:1px solid #cccccc; padding-left:4px}
.inputform2{ border:1px solid #cccccc; padding:4px}

.viewmore-btn {font-size: 0;display: inline-block;position: relative;}
.viewmore-btn a {display: block;border: 1px solid #ccc;padding: 15px 30px;}
.viewmore-btn span{font-size: 16px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px;z-index: 3;position: relative;}
.viewmore-btn i{width: 9px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;background:#1a5ea2;background-size:100% 100%;margin-top: 3px;position: relative;z-index: 3;opacity: .5;}
.viewmore-btn a::before {content: '';display: block;width:5px;height: 100%;position: absolute;left: 0;top: 0;background: #1a5ea2;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.viewmore-btn a:hover::before{width: 100%;}
.viewmore-btn a:hover span {color: #fff;}
.viewmore-btn a:hover i{background:#ffffff;background-size:100% 100%;opacity: 1;}

.index-newslist {overflow: hidden;}
.index-newslist a{display: block;overflow: hidden;}
.index-newslist a .img{position: relative;overflow: hidden;}
.index-newslist a:hover .img img.img-center{transform: scale(1.1);}


.fa-2x img { /* 1st set of icons. rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; cursor:pointer; border:none; }
.fa-2x img:hover { --webkit-transform: rotatey(180deg);
  -moz-transform: rotatey(180deg);
  -o-transform: rotatey(180deg);
  -ms-transform: rotatey(180deg);
  transform: rotatey(180deg); border:none; cursor:pointer}
  
  

.web_body{ width:1400px; margin:auto}
#menu_top{width:100%; margin:auto; height:40px; line-height:40px; background:#f5f5f5}
.menu_top_body{ width:1400px; margin:auto}
.menu_top_body .l{float:left; height:40px; line-height:40px; text-align:left; padding-left:10px; font-size:14px}
.menu_top_body .r{float:right; height:40px; line-height:40px; text-align:right; padding-right:10px; font-size:14px}
.menu_top_body .r a{ color:#454545; font-size:14px}
.menu_top_body .r a:hover{ color:#51a9b5; font-size:14px}

#menu_logo{ width:100%; margin:auto}
.menu_logo_body{ width:1400px; margin:auto}

#menu_wap{ display:none}

#menu_web{ width:100%; margin:auto; height:49px; background:url(/uploads/image/tdimages/menu_bg.jpg)}
.menu_web_body{ width:1400px; margin:auto}
.menu_web_body .l{ width:100%; float:left}
.menu_web_body .r{ width:40%; float:right; text-align:right}

.menu_logo_title1{line-height:25px; height:25px; font-size:13px; color:#6c6a6a}
.menu_logo_title2{line-height:30px; height:30px; font-size:24px; color:#ba0000; font-weight:bold}
.menu_logo_title3{line-height:25px; height:25px; font-size:20px; color:#ba0000; font-weight:bold}

.menu_a { height:49px; line-height:49px; text-align:center; margin-left:20px; margin-right:65px}
.menu_a a{ color:#ffffff; font-size:16px;width:100%; height:49px; line-height:49px; display:block}
.menu_a a:hover{ color:#ffffff; font-size:16px;width:100%; height:49px; line-height:49px; display:block}

.menu_ab {  height:49px; line-height:49px; text-align:center; margin-left:20px; margin-right:65px}
.menu_ab a{ color:#ffffff; font-size:16px;width:100%; height:49px; line-height:49px; display:block; font-weight:bold}
.menu_ab a:hover{ color:#ffffff; font-size:16px;width:100%; height:49px; line-height:49px; display:block; font-weight:bold}

.menu_bottom{ display:none}
.menu_search{ float:right; padding-right:20px; padding-top:35px}



@media screen and (max-width:1400px) {
.web_body{ width:96%; margin:auto}
#menu_top{ width:100%; margin:auto; height:40px; line-height:40px; background:#f5f5f5}	 
.menu_top_body{ width:100%; margin:auto}

#menu_logo{ width:100%; margin:auto}
.menu_logo_body{ width:100%; margin:auto}

#menu_wap{ display:none}
#menu_web{ width:100%; margin:auto; display:block}
.menu_web_body{ width:100%; margin:auto}
.menu_web_body .l{ width:100%; float:left}
.menu_web_body .r{ width:50%; float:right; text-align:right}
.menu_logo_title1{line-height:25px; height:25px; font-size:16px}





.menu_a { height:49px; line-height:49px; text-align:center; margin-left:20px; margin-right:15px}
.menu_a a{ color:#ffffff; font-size:16px;width:100%; height:49px; line-height:49px; display:block}
.menu_a a:hover{ color:#ffffff; font-size:16px;width:100%; height:49px; line-height:49px; display:block}

.menu_ab {  height:49px; line-height:49px; text-align:center; margin-left:20px; margin-right:15px}
.menu_ab a{ color:#ffffff; font-size:16px;width:100%; height:49px; line-height:49px; display:block; font-weight:bold}
.menu_ab a:hover{ color:#ffffff; font-size:16px;width:100%; height:49px; line-height:49px; display:block; font-weight:bold}

.menu_bottom{ display:none}
.menu_search{ display:none}


}


 @media screen and (max-width:1024px) {
	 
.web_body{ width:96%; margin:auto}
	 
#menu_top{ width:100%; margin:auto; height:40px; line-height:40px; background:#f5f5f5}	
.menu_top_body{ width:100%; margin:auto}

#menu_wap{ display:none}
#menu_web{ width:100%; margin:auto; display:block}
.menu_web_body{ width:100%; margin:auto}

.menu_logo_title1{line-height:25px; height:25px; font-size:12px}
.menu_logo_title2{ display:none}
.menu_logo_title3{display:none}

.menu_a { height:49px; line-height:49px; text-align:center; margin-left:15px; margin-right:5px}
.menu_a a{ color:#ffffff; font-size:14px;width:100%; height:49px; line-height:49px; display:block}
.menu_a a:hover{ color:#ffffff; font-size:14px;width:100%; height:49px; line-height:49px; display:block}

.menu_ab {  height:49px; line-height:49px; text-align:center; margin-left:15px; margin-right:5px}
.menu_ab a{ color:#ffffff; font-size:14px;width:100%; height:49px; line-height:49px; display:block; font-weight:bold}
.menu_ab a:hover{ color:#ffffff; font-size:14px;width:100%; height:49px; line-height:49px; display:block; font-weight:bold}
.menu_bottom{ display:none}
}

@media screen and (max-width:781px) {
.web_body{ width:90%; margin:auto}
.web_top{ display:none}
.web_top1{ display:none}
.menu_bottom{ width:100%; margin:auto; height:60px; line-height:60px; display:none}

#menu_logo{ display:none}
#menu_web {
	display:none
}
#menu_wap{ display:block}
header {
	width: 100%;
}
header h1 {
	float: left;
	width: 20%;
	margin-left: 2%;
}
header img {
	display: block;
	width: 100%;
}
header .header_title {
	float: left;
	width: 83%;
	padding-left: 2%;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	margin-left: 2%; z-index:100; padding-top:5px
}

header .header_title .abc { padding-top:15px}

header .header_title .abc a{
	 color:#0152a7; font-size:28px; font-weight:bold
}
header .header_title .abc a:hover {
	 color:#0152a7; font-size:28px; font-weight:bold
}

header .header_title em {
	font-size: 1.95rem;
	color: #1f1f1f;
	font-weight: bold;
	display: block;
margin: .3rem 0 .3rem 0;
}
header .header_title p {
font-size: .75rem;
	color: #1f1f1f;
	margin-bottom: 0.3rem;
}
header .header_title a {
	background: no-repeat left center;
	background-size:8%;
	padding-left:5%;
	display:block;
}
header .header_title b {
	font-size: 1.6rem;
	color: #fa6400;
	font-weight: bold;
}
header span {
	display: block;
	width: 11%;
	float: right;
	margin-right: 2%; padding-top:15px
}
/*nav_menu*/



.nav_menu {
	overflow:hidden;
	width:60%;
	position:fixed;
	left:0;
	top:0;
	padding-top:6rem;
	background-color:#ba0000;
	height: 100%;
	width: 0;
	z-index: 11;
}
.nav_menu .btn {
	display: block;
	width: 19%;
	position: absolute;
	top: 2%;
	right: 5%;
}
.nav_menu .btn img {
	display: block;
	width: 100%;
}
.nav_menu ul {
	overflow:hidden;
	width:100%;
	background-color:#ba0000;
	overflow:scroll;
	padding-bottom:50%;
}
.nav_menu li {
	width:100%;
	overflow:hidden;
	background: no-repeat 80% 1.2rem;
}
.nav_menu li p {
	font-size:1rem;
	color:#ffffff;
	padding:1rem 0 1rem 3.75rem;
	border-bottom:1px solid #bf2626;
	background: no-repeat 2rem center;
	background-size:0.8rem;
}
.nav_menu li p a {
	color:#ffffff;
}
.nav_menu li .mu a {
	color:#ffffff;
	display:block;
	padding:1rem 0 1rem 3.75rem;
	border-bottom:1px solid #bf2626;
	background: no-repeat 2rem center;
	background-size:0.6rem;
	background-color:#222
}
 .nav_menu li:nth-child(1) a {
border-bottom:0;
padding:0;
background:none
}
.nav_menu li .mu {
	display:none
}
.nav_menu li.on {
	background: no-repeat 80% 1.2rem;
}
.nav_menu li.on p {
	color:#fff;
	background: no-repeat 2rem center;
	background-size:0.8rem;
}
.nav_menu li.on p a {
	color:#fff;
}
/*nav*/



nav {
	width: 100%;
	overflow: hidden;
	background:#069dd4;
	background-size: cover;
}
nav a {
	font-size: 1rem;
	color: #fff;
	display: block;
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
	border-left: 1px solid #ffffff;
	border-right: 0px solid #ffffff;
	height: 3rem;
	line-height: 3rem;
	border-left: 1px solid #ffffff;
}
 nav a:nth-child(4), nav a:nth-child(8) {
border-right: none;
}
 nav a:nth-child(1), nav a:nth-child(2), nav a:nth-child(3), nav a:nth-child(4) {
}
 nav a:nth-child(5), nav a:nth-child(6), nav a:nth-child(7), nav a:nth-child(8) {
border-top:  1px solid #ffffff;
border-left: 1px solid #ffffff;
}
 nav a:nth-child(1), nav a:nth-child(5) {
border-left: none;
}

.mian{  padding-bottom:0px}
.menu_wap_title{float:left; width:80%;font-size:16px; height:80px; line-height:80px}
.menu_wap_title a{ color:#000000; font-size:16px}
.menu_wap_title a:hover{ color:#000000; font-size:16px}

}

@media screen and (max-width:481px) {
	.web_body{ width:90%; margin:auto}

#menu_top{width:100%; margin:auto; height:40px; line-height:40px; background:#f5f5f5; display:none}	 
.menu_top_body{ width:100%; margin:auto}
.menu_bottom{ width:100%; margin:auto; height:30px; line-height:30px; display:none}

#menu_top{width:100%; margin:auto; height:40px; line-height:40px; background:#f5f5f5}
.menu_top_body{ width:100%; margin:auto}
#menu_web {
	display:none
}
#menu_logo{ display:none}
#menu_wap{ display:block}
header {
	width: 100%;
}
header h1 {
	float: left;
	width: 20%;
	margin-left: 2%;
}
header img {
	display: block;
	width: 100%;
}
header .header_title {
	float: left;
	width: 83%;
	padding-left: 1%;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	margin-left: 1%;
}
header .header_title .abc { padding-top:2px}

header .header_title .abc a{
	 color:#0152a7; font-size:20px; font-weight:bold
}
header .header_title .abc a:hover {
	 color:#0152a7; font-size:20px; font-weight:bold
}
header .header_title em {
	font-size: 1.95rem;
	color: #1f1f1f;
	font-weight: bold;
	display: block;
margin: .3rem 0 .3rem 0;
}
header .header_title p {
font-size: .75rem;
	color: #1f1f1f;
	margin-bottom: 0.3rem;
}
header .header_title a {
	background: no-repeat left center;
	background-size:8%;
	padding-left:5%;
	display:block;
}
header .header_title b {
	font-size: 1.6rem;
	color: #fa6400;
	font-weight: bold;
}
header span {
	display: block;
	width: 11%;
	float: right;
	margin-right: 2%; padding-top:5px
}
/*nav_menu*/



.nav_menu {
	overflow:hidden;
	width:60%;
	position:fixed;
	left:0;
	top:0;
	padding-top:6rem;
	background-color:#ba0000;
	height: 100%;
	width: 0;
	z-index: 11;
}
.nav_menu .btn {
	display: block;
	width: 19%;
	position: absolute;
	top: 2%;
	right: 5%;
}
.nav_menu .btn img {
	display: block;
	width: 100%;
}
.nav_menu ul {
	overflow:hidden;
	width:100%;
	background-color:#ba0000;
	overflow:scroll;
	padding-bottom:50%;
}
.nav_menu li {
	width:100%;
	overflow:hidden;
	background: no-repeat 80% 1.2rem;
}
.nav_menu li p {
	font-size:1rem;
	color:#ffffff;
	padding:1rem 0 1rem 3.75rem;
	border-bottom:1px solid #bf2626;
	background: no-repeat 2rem center;
	background-size:0.8rem;
}
.nav_menu li p a {
	color:#ffffff;
}
.nav_menu li .mu a {
	color:#ffffff;
	display:block;
	padding:1rem 0 1rem 3.75rem;
	border-bottom:1px solid #bf2626;
	background: no-repeat 2rem center;
	background-size:0.6rem;
	background-color:#222
}
 .nav_menu li:nth-child(1) a {
border-bottom:0;
padding:0;
background:none
}
.nav_menu li .mu {
	display:none
}
.nav_menu li.on {
	background: no-repeat 80% 1.2rem;
}
.nav_menu li.on p {
	color:#fff;
	background: no-repeat 2rem center;
	background-size:0.8rem;
}
.nav_menu li.on p a {
	color:#fff;
}
/*nav*/



nav {
	width: 100%;
	overflow: hidden;
	background:#069dd4;
	background-size: cover;
}
nav a {
	font-size: 1rem;
	color: #fff;
	display: block;
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
	border-left: 1px solid #ffffff;
	border-right: 0px solid #ffffff;
	height: 3rem;
	line-height: 3rem;
	border-left: 1px solid #ffffff;
}
 nav a:nth-child(4), nav a:nth-child(8) {
border-right: none;
}
 nav a:nth-child(1), nav a:nth-child(2), nav a:nth-child(3), nav a:nth-child(4) {
}
 nav a:nth-child(5), nav a:nth-child(6), nav a:nth-child(7), nav a:nth-child(8) {
border-top:  1px solid #ffffff;
border-left: 1px solid #ffffff;
}
 nav a:nth-child(1), nav a:nth-child(5) {
border-left: none;
}

.mian{padding-bottom:0px}
.menu_wap_title{float:left; width:80%;font-size:16px; height:80px; line-height:80px}
.menu_wap_title a{ color:#000000; font-size:16px}
.menu_wap_title a:hover{ color:#000000; font-size:16px}

}



.wolf_products_title{ color:#332424; font-size:35px; font-weight:bold; height:52px; line-height:52px; padding-top:50px}
.wolf_products_title span{color:#cb0010; font-size:35px; font-weight:bold; height:52px; line-height:52px}
.wolf_products_title2{ color:#a0a0a0; font-size:14px; height:30px; line-height:30px; text-align:center; padding-bottom:50px}


.index_pro_title_cn{ width:100%; margin:auto; padding-top:20px;line-height:40px; text-align:center; font-weight:bold; color:#111111; font-size:30px; margin-top:30px}
.index_pro_title_line{width:50px; line-height:3px; background:#ba0000; margin:auto; margin-bottom:30px}





.way_r{width: 1400px; margin:auto}
.way_r li{float: left;width: 300px;background: #fff;margin-bottom: 35px;overflow: hidden;position: relative; margin-left:25px; margin-right:25px}
.way_r li img{display:block;width: 100%;}
.way_r li em{display:none;font-size: 16px;text-align:center;}
.way_r li span{display:block;height: 28px;margin-left: 25px;position: relative;}
.way_r li span:after{position: absolute;width: 1px;height: 15px;background: #d7d7d7;content: "";left: 115px;top: 7px;}
.way_r li .more{float: left;font-size: 14px;color: #333;line-height: 28px;}
.way_r li .zx{float: right;margin-right: 18px;width: 90px;height: 28px;line-height: 28px;padding-left: 10px;font-size: 14px;color: #00458f;background: no-repeat;}
.way_r li .hv{position: absolute;width: 100%;height: 0;background: #ba0000;left: 0;bottom: 0;z-index: 10;transition:all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);; filter: alpha(opacity=70);opacity:0.7; color:#fff;}
.way_r li .hv>a{display:block;font-size: 22px;color: #f6aa00;line-height:300px;text-align: center;}
.way_r li .hv p a{display:block;font-size: 22px;color: #f6aa00;text-align: center; overflow:hidden}
.way_r li:hover .hv{height: 100%}



@media screen and (max-width:1400px) {
	
	
.way_r{width: 100%; margin:auto}
.way_r li{float: left;width: 21%;background: #fff;margin-bottom: 35px;overflow: hidden;position: relative; margin-left:2%; margin-right:2%}
.way_r li img{display:block;width: 100%;}
.way_r li em{display:none;font-size: 16px;text-align:center;}
.way_r li span{display:block;height: 28px;margin-left: 25px;position: relative;}
.way_r li span:after{position: absolute;width: 1px;height: 15px;background: #d7d7d7;content: "";left: 115px;top: 7px;}
.way_r li .more{float: left;font-size: 14px;color: #333;line-height: 28px;}
.way_r li .zx{float: right;margin-right: 18px;width: 90px;height: 28px;line-height: 28px;padding-left: 10px;font-size: 14px;color: #00458f;background: no-repeat;}
.way_r li .hv{position: absolute;width: 100%;height: 0;background: #ba0000;left: 0;bottom: 0;z-index: 10;transition:all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.way_r li .hv>a{display:block;font-size: 22px;color: #f6aa00;line-height:250px;text-align: center;}
.way_r li .hv p a{display:block;font-size: 22px;color: #f6aa00;text-align: center; overflow:hidden}
.way_r li:hover .hv{height: 100%}

}
@media screen and (max-width:1024px) {
	
	.way_r{width: 100%; margin:auto}
.way_r li{float: left;width: 27.3%;background: #fff;margin-bottom: 35px;overflow: hidden;position: relative; margin-left:3%; margin-right:3%}
.way_r li img{display:block;width: 100%;}
.way_r li em{display:none;font-size: 16px;text-align:center;}
.way_r li span{display:block;height: 28px;margin-left: 25px;position: relative;}
.way_r li span:after{position: absolute;width: 1px;height: 15px;background: #d7d7d7;content: "";left: 115px;top: 7px;}
.way_r li .more{float: left;font-size: 14px;color: #333;line-height: 28px;}
.way_r li .zx{float: right;margin-right: 18px;width: 90px;height: 28px;line-height: 28px;padding-left: 10px;font-size: 14px;color: #00458f;background: no-repeat;}
.way_r li .hv{position: absolute;width: 100%;height: 0;background: #ba0000;left: 0;bottom: 0;z-index: 10;transition:all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.way_r li .hv>a{display:block;font-size: 22px;color: #f6aa00;line-height:250px;text-align: center;}
.way_r li .hv p a{display:block;font-size: 22px;color: #f6aa00;text-align: center; overflow:hidden}
.way_r li:hover .hv{height: 100%}

}
@media screen and (max-width:781px) {
	.way_r{width: 100%; margin:auto}
.way_r li{float: left;width: 44%;background: #fff;margin-bottom: 35px;overflow: hidden;position: relative; margin-left:3%; margin-right:3%}
.way_r li img{display:block;width: 100%;}
.way_r li em{display:none;font-size: 16px;text-align:center;}
.way_r li span{display:block;height: 28px;margin-left: 25px;position: relative;}
.way_r li span:after{position: absolute;width: 1px;height: 15px;background: #d7d7d7;content: "";left: 115px;top: 7px;}
.way_r li .more{float: left;font-size: 14px;color: #333;line-height: 28px;}
.way_r li .zx{float: right;margin-right: 18px;width: 90px;height: 28px;line-height: 28px;padding-left: 10px;font-size: 14px;color: #00458f;background: no-repeat;}
.way_r li .hv{position: absolute;width: 100%;height: 0;background: #ba0000;left: 0;bottom: 0;z-index: 10;transition:all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.way_r li .hv>a{display:block;font-size: 22px;color: #f6aa00;line-height:250px;text-align: center;}
.way_r li .hv p a{display:block;font-size: 22px;color: #f6aa00;text-align: center; overflow:hidden}
.way_r li:hover .hv{height: 100%}


}
@media screen and (max-width:481px) {
	.way_r{width: 100%; margin:auto}
.way_r li{float: left;width: 94%;background: #fff;margin-bottom: 35px;overflow: hidden;position: relative; margin-left:3%; margin-right:3%}
.way_r li img{display:block;width: 100%;}
.way_r li em{display:none;font-size: 16px;text-align:center;}
.way_r li span{display:block;height: 28px;margin-left: 25px;position: relative;}
.way_r li span:after{position: absolute;width: 1px;height: 15px;background: #d7d7d7;content: "";left: 115px;top: 7px;}
.way_r li .more{float: left;font-size: 14px;color: #333;line-height: 28px;}
.way_r li .zx{float: right;margin-right: 18px;width: 90px;height: 28px;line-height: 28px;padding-left: 10px;font-size: 14px;color: #00458f;background: no-repeat;}
.way_r li .hv{position: absolute;width: 100%;height: 0;background: #ba0000;left: 0;bottom: 0;z-index: 10;transition:all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.way_r li .hv>a{display:block;font-size: 22px;color: #f6aa00;line-height:400px;text-align: center;}
.way_r li .hv p a{display:block;font-size: 22px;color: #f6aa00;text-align: center; overflow:hidden}
.way_r li:hover .hv{height: 100%}

}	
.index_pro_more{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#ba0000; text-align:center; margin-top:30px;}
.index_pro_more:hover{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:30px;}




	
	
	.index_project_a{ color:#ba0000}
	.index_project_a:hover{ color:#f4b300}
	
	
	#box_btn img{
   position: relative;
    margin: 0px 0px;
    top: 0px;
    transition: all 0.5s;
    border-radius: 5px; cursor:pointer
}
#box_btn img:hover{
   top: -10px;
    box-shadow: 0px 0px 0px #dfdfdf; cursor:pointer
}




.main_body_bjq{ line-height:30px}	
.main_body_bjq img{ max-width:1100px; padding-bottom:10px}	

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


.main_body_bjq img{ max-width:1000px; margin:auto}	
	}
@media screen and (max-width:1024px) {


.main_body_bjq img{ width:100%; margin:auto}	

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


.main_body_bjq img{ width:100%;margin:auto}	
	}
@media screen and (max-width:481px) {


.main_body_bjq img{ width:100%;margin:auto}	

	}		
	
.page_body_inc_main{margin:auto; text-align:center;width:100%;padding-top:30px; padding-bottom:30px}
.page_body_inc_main_body{ width:1400px; margin:auto}
.inc_left{ width:250px; float:left}

.body_ny{ width:1100px; margin:auto; padding-bottom:100px; padding-left:50px; float:left}
.body_in_body{margin:auto;line-height:30px;text-align:left; width:100%; padding-bottom:30px; padding-top:30px}




.left_no{text-align:center;line-height:50px;line-height:50px;float:left; width:140px}
.left_no .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center;color:#222222; font-size:16px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_no .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px}
.left_no .left_c a:hover{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px; background:#ba0000;}

.left_yes{text-align:center;line-height:50px;line-height:50px;float:left; width:140px}
.left_yes .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center; background:#ba0000; color:#ffffff; font-size:16px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_yes .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px; background:#ba0000;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#ba0000; color:#ffffff; font-size:16px}



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

.page_body_inc_main{margin:auto; text-align:center;width:96%;padding-top:30px; padding-bottom:30px}
.page_body_inc_main_body{ width:100%; margin:auto}
.inc_left{ width:250px; float:left}

.body_ny{ width:calc(100% - 270px); margin:auto; padding-bottom:100px; padding-left:20px; float:left}
.body_in_body{margin:auto;line-height:30px;text-align:left; width:100%; padding-bottom:30px; padding-top:30px}

.left_no{text-align:center;line-height:50px;line-height:50px;float:left; width:140px}
.left_no .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center;color:#222222; font-size:16px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_no .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px}
.left_no .left_c a:hover{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px; background:#ba0000;}

.left_yes{text-align:center;line-height:50px;line-height:50px;float:left; width:140px}
.left_yes .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center; background:#ba0000; color:#ffffff; font-size:14px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_yes .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px; background:#ba0000;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#ba0000; color:#ffffff; font-size:16px}

	}
@media screen and (max-width:1024px) {
	
.page_body_inc_main{margin:auto; text-align:center;width:96%;padding-top:30px; padding-bottom:30px}
.page_body_inc_main_body{ width:100%; margin:auto}
.inc_left{ width:250px; float:left}

.body_ny{ width:calc(100% - 270px); margin:auto; padding-bottom:100px; padding-left:20px; float:left}
.body_in_body{margin:auto;line-height:30px;text-align:left; width:100%; padding-bottom:30px; padding-top:30px}

.left_no{text-align:center;line-height:50px;line-height:50px;float:left; width:140px}
.left_no .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center;color:#222222; font-size:14px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_no .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px}
.left_no .left_c a:hover{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px; background:#ba0000;}

.left_yes{text-align:center;line-height:50px;line-height:50px;float:left; width:140px}
.left_yes .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center; background:#ba0000; color:#ffffff; font-size:14px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_yes .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px; background:#ba0000;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#ba0000; color:#ffffff; font-size:16px}

	}	
@media screen and (max-width:781px) {
	
	
.page_body_inc_main{margin:auto; text-align:center;width:96%;padding-top:30px; padding-bottom:30px}
.page_body_inc_main_body{ width:100%; margin:auto}
.inc_left{ width:100%; float:left}

.body_ny{ width:100%; margin:auto; padding-bottom:20px; padding-left:0px; float:left}
.body_in_body{margin:auto;line-height:30px;text-align:left; width:100%; padding-bottom:30px; padding-top:30px}

.left_no{text-align:center;line-height:50px;line-height:50px;float:left; width:140px}
.left_no .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center;color:#222222; font-size:16px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_no .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px}
.left_no .left_c a:hover{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px; background:#ba0000;}

.left_yes{text-align:center;line-height:50px;line-height:50px;float:left; width:140px}
.left_yes .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center; background:#ba0000; color:#ffffff; font-size:16px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_yes .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:16px; background:#ba0000;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#ba0000; color:#ffffff; font-size:16px}

	}	
@media screen and (max-width:481px) {
.page_body_inc_main{margin:auto; text-align:center;width:96%;padding-top:30px; padding-bottom:30px}
.page_body_inc_main_body{ width:100%; margin:auto}
.inc_left{ width:100%; float:left}

.body_ny{ width:100%; margin:auto; padding-bottom:20px; padding-left:0px; float:left}
.body_in_body{margin:auto;line-height:30px;text-align:left; width:100%; padding-bottom:30px; padding-top:30px}

.left_no{text-align:center;line-height:50px;line-height:50px;float:left; width:50%}
.left_no .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center;color:#222222; font-size:14px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_no .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:14px}
.left_no .left_c a:hover{ width:100%; height:50px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}

.left_yes{text-align:center;line-height:50px;line-height:50px;float:left; width:50%}
.left_yes .left_c{text-align:center;line-height:50px;line-height:50px; text-align:center; background:#ba0000; color:#ffffff; font-size:14px; cursor:pointer; padding-left:4px; padding-right:4px; }
.left_yes .left_c a{ width:100%; height:50px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#ba0000; color:#ffffff; font-size:14px}
	}
	
	
.about_class_content{ width:33.3%; float:left; text-align:center}
.about_class_content img{ border:1px solid #cccccc; width:320px;}
.about_content_title{width:322px; text-align:center; line-height:30px;color:#454545; font-size:14px; margin:auto;padding-top:10px; padding-bottom:10px}

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


.about_class_content{ width:25%; float:left; text-align:center}
.about_class_content img{ border:1px solid #cccccc; width:90%;}
.about_content_title{width:100%; text-align:center; line-height:30px;color:#454545; font-size:14px; margin:auto;padding-top:10px; padding-bottom:10px}
	}
@media screen and (max-width:1024px) {


.about_class_content{ width:33.3%; float:left; text-align:center}
.about_class_content img{ border:1px solid #cccccc; width:90%;}
.about_class_content .about_content_title{width:100%; text-align:center; line-height:30px;color:#454545; font-size:14px; margin:auto;padding-top:10px; padding-bottom:10px}

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


.about_class_content{ width:50%; float:left; text-align:center}
.about_class_content img{ border:1px solid #cccccc; width:90%;}
.about_class_content .about_content_title{width:100%; text-align:center; line-height:30px;color:#454545; font-size:14px; margin:auto;padding-top:10px; padding-bottom:10px}
	}
@media screen and (max-width:481px) {


.about_class_content{ width:100%; float:left; text-align:center}
.about_class_content img{ border:1px solid #cccccc; width:98%;}
.about_class_content .about_content_title{width:100%; text-align:center; line-height:30px;color:#454545; font-size:14px; margin:auto;padding-top:10px; padding-bottom:10px}

	}	
	
	

	
	
	
.pro_pro_body{float:left; width:33.3%; text-align:center; padding-bottom:10px}
.pro_pro_body_img{width:100%; height:auto;margin:auto; overflow:hidden}
.pro_pro_body_img img{ width:90%; height:auto;}
.pro_pro_body_title{width:100%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}


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


.pro_pro_body{float:left; width:25%; text-align:center; padding-bottom:10px}
.pro_pro_body_img{width:96%; border:1px solid #cccccc; margin:auto; height:auto}
.pro_pro_body_img img{width:100%;  border:1px solid #ffffff; height:auto}
.pro_pro_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}
	 }
 @media screen and (max-width:1024px) {


.pro_pro_body{float:left; width:33.3%; text-align:center; padding-bottom:10px}
.pro_pro_body_img{width:96%; border:1px solid #cccccc; margin:auto; height:auto}
.pro_pro_body_img img{width:100%;  border:1px solid #ffffff; height:auto}
.pro_pro_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}
	 }
 @media screen and (max-width:781px) {


.pro_pro_body{float:left; width:50%; text-align:center; padding-bottom:10px}
.pro_pro_body_img{width:96%; border:1px solid #cccccc; margin:auto; height:auto}
.pro_pro_body_img img{width:100%;  border:1px solid #ffffff; height:auto}
.pro_pro_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}
	 }	  
 @media screen and (max-width:481px) {


.pro_pro_body{float:left; width:100%; text-align:center; padding-bottom:10px}
.pro_pro_body_img{width:96%; border:1px solid #cccccc; margin:auto; height:auto}
.pro_pro_body_img img{width:100%;  border:1px solid #ffffff; height:auto}
.pro_pro_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}
	 } 		
	 
	 
	 
.news_list{width:1400px; text-align:center; padding-bottom:10px;border-bottom:1px dashed #cccccc; padding-top:10px}
.news_list_img{width:252px; height:190px; border:1px solid #cccccc; margin:auto; float:left; overflow:hidden}
.news_list_img img{ width:250px; height:188px; border:1px solid #ffffff}
.news_list_middle{ width:30px; float:left}
.news_list_content{width:1116px; text-align:left;  margin:auto; float:left}
.news_list_content a{ font-size:16px; font-weight:bold}
.news_list_content a:hover{ font-size:16px; font-weight:bold}
.news_list_content1{width:100%;line-height:40px;color:#222222;height:40px;}
.news_list_content2{width:100%;line-height:40px;color:#133984;height:40px}
.news_list_content3{width:100%;line-height:35px;color:#454545;height:70px}
.news_list_more{ padding-top:20px}
.news_list_more a{ color:#454545; font-size:18px; font-weight:bold}



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

.news_list{width:96%; text-align:center; padding-bottom:10px;border-bottom:1px dashed #cccccc; padding-top:10px; margin:auto}
.news_list_img{width:252px; height:190px; border:1px solid #cccccc; margin:auto; float:left; overflow:hidden}
.news_list_img img{ width:250px; height:188px; border:1px solid #ffffff}

.news_list_middle{ width:30px; float:left}
.news_list_content{width:60%; text-align:left;  margin:auto; float:left}
.news_list_content a{ font-size:16px; font-weight:bold}
.news_list_content a:hover{ font-size:16px; font-weight:bold}
.news_list_content1{width:100%;line-height:40px;color:#222222;height:40px}
.news_list_content2{width:100%;line-height:40px;color:#133984;height:40px}
.news_list_content3{width:100%;line-height:35px;color:#454545;height:70px; overflow:hidden}
.news_list_more{ padding-top:20px}
.news_list_more a{ color:#454545; font-size:18px; font-weight:bold}

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

.news_list{width:100%; text-align:center; padding-bottom:10px; height:auto;border-bottom:1px dashed #cccccc; padding-top:10px; margin:auto}
.news_list_img{width:30%;border:1px solid #cccccc; margin:auto; float:left; overflow:hidden; height:auto}
.news_list_img img{ width:100%; height:auto; border:1px solid #ffffff}
.news_list_middle{ width:30px; float:left}
.news_list_content{width:65%; text-align:left;  margin:auto; float:left}
.news_list_content a{ font-size:14px; font-weight:bold}
.news_list_content a:hover{ font-size:14px; font-weight:bold}
.news_list_content1{width:100%;line-height:40px;color:#222222;height:40px}
.news_list_content2{width:100%;line-height:40px;color:#133984;height:40px}
.news_list_content3{width:100%;line-height:35px;color:#454545;height:70px; overflow:hidden}
.news_list_more{ padding-top:20px}
.news_list_more a{ color:#454545; font-size:18px; font-weight:bold}

	 }


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


.news_list{width:100%; text-align:center; padding-bottom:10px; height:auto;border-bottom:1px dashed #cccccc; padding-top:10px; margin:auto}
.news_list_img{width:100%;border:1px solid #cccccc; margin:auto; float:left; overflow:hidden; height:auto}
.news_list_img img{ width:100%; height:auto; border:1px solid #ffffff}
.news_list_middle{ width:100%; float:left}
.news_list_content{width:100%; text-align:left;  margin:auto; float:left}
.news_list_content a{ font-size:14px; font-weight:bold}
.news_list_content a:hover{ font-size:14px; font-weight:bold}
.news_list_content1{width:100%;line-height:40px;color:#222222;height:40px}
.news_list_content2{width:100%;line-height:40px;color:#133984;height:40px}
.news_list_content3{width:100%;line-height:35px;color:#454545;height:105px; font-size:14px}
.news_list_more{ padding-top:20px}
.news_list_more a{ color:#454545; font-size:18px; font-weight:bold}

	 }

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

.news_list{width:100%; text-align:center; padding-bottom:10px; height:auto;border-bottom:1px dashed #cccccc; padding-top:10px; margin:auto}
.news_list_img{width:100%;border:1px solid #cccccc; margin:auto; float:left; overflow:hidden; height:auto}
.news_list_img img{ width:100%; height:auto; border:1px solid #ffffff}
.news_list_middle{ width:100%; float:left}
.news_list_content{width:100%; text-align:left;  margin:auto; float:left}
.news_list_content a{ font-size:10px; font-weight:bold}
.news_list_content a:hover{ font-size:10px; font-weight:bold}
.news_list_content1{width:100%;line-height:40px;color:#222222;height:40px}
.news_list_content2{width:100%;line-height:40px;color:#133984;height:40px}
.news_list_content3{width:100%;line-height:35px;color:#454545;height:105px; font-size:14px}
.news_list_more{ padding-top:20px}
.news_list_more a{ color:#454545; font-size:18px; font-weight:bold}

	 }
	 
	 
	 
.page_search_body{ width:1400px; margin:auto}
.page_search_body .l{ float:left; line-height:74px; text-align:left; color:#222222; font-size:18px; padding-left:10px}
.page_search_body .r{float:right; padding-top:18px; width:350px; padding-right:10px}

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

.page_search_body{ width:100%; margin:auto}
.page_search_body .l{ float:left;line-height:74px; text-align:left; color:#222222; font-size:18px; padding-left:10px}
.page_search_body .r{float:right; padding-top:18px; width:350px; padding-right:10px}

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

.page_search_body{ width:100%; margin:auto}
.page_search_body .l{ float:left; height:auto; line-height:40px; text-align:center; color:#222222; font-size:16px; width:100%; padding-left:0px}
.page_search_body .r{float:left; padding-top:10px;  width:100%; padding-left:0px;padding-bottom:10px; padding-right:0px}
	 }


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

.page_search_body{ width:100%; margin:auto}
.page_search_body .l{ float:left; height:auto; line-height:40px; text-align:center; color:#222222; font-size:14px; width:100%; padding-left:0px}
.page_search_body .r{float:left; padding-top:10px;  width:100%; padding-left:0px;padding-bottom:10px; padding-right:0px}




	 }

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

.page_search_body{ width:100%; margin:auto}
.page_search_body .l{ float:left; height:auto; line-height:40px; text-align:center; color:#222222; font-size:12px; width:100%; padding-left:0px}
.page_search_body .r{float:left; padding-top:10px;  width:100%; padding-left:0px;padding-bottom:10px; padding-right:0px}

	 }


.index_pro_class1{ width:100%; margin:auto; background:url(/uploads/image/tdimages/index_about.jpg) center top no-repeat #ededed; height:1083px}
.index_main_title{ width:1400px; text-align:left; height:100px; line-height:100px; color:#000000; font-size:36px; margin:auto}
.index_main_title1{ width:1400px; text-align:center; height:100px; line-height:100px; color:#ffffff; font-size:36px; margin:auto}
.index_main_title2{ width:1400px; text-align:left; height:100px; line-height:100px; color:#000000; font-size:36px; margin:auto}

 @media screen and (max-width:1400px) {
.index_pro_class1{ width:100%; margin:auto; background:url(/uploads/image/tdimages/index_about.jpg) center top no-repeat #ededed; height:1083px}

.index_main_title{ width:90%; text-align:left; height:100px; line-height:100px; color:#000000; font-size:36px; margin:auto}
.index_main_title1{ width:90%; text-align:center; height:100px; line-height:100px; color:#ffffff; font-size:36px; margin:auto}
.index_main_title2{ width:90%; text-align:left; height:100px; line-height:100px; color:#000000; font-size:36px; margin:auto}
	 }
 @media screen and (max-width:1024px) {
.index_pro_class1{ width:100%; margin:auto; background:url(/uploads/image/tdimages/index_about.jpg) center top no-repeat #ededed; height:1083px}

.index_main_title{ width:90%; text-align:left; height:100px; line-height:100px; color:#000000; font-size:36px; margin:auto}
.index_main_title1{ width:90%; text-align:center; height:100px; line-height:100px; color:#ffffff; font-size:36px; margin:auto}
.index_main_title2{ width:90%; text-align:left; height:100px; line-height:100px; color:#000000; font-size:36px; margin:auto}
	 }


@media screen and (max-width:781px) {
.index_pro_class1{ width:100%; margin:auto; background:url(/uploads/image/tdimages/index_about.jpg) center top no-repeat #ededed; height:1883px}

.index_main_title{ width:90%; text-align:left; height:100px; line-height:100px; color:#000000; font-size:30px; margin:auto}
.index_main_title1{ width:90%; text-align:center; height:100px; line-height:100px; color:#ffffff; font-size:30px; margin:auto}
.index_main_title2{ width:90%; text-align:left; height:100px; line-height:100px; color:#000000; font-size:20px; margin:auto}



	 }

 @media screen and (max-width:481px) {
.index_pro_class1{ width:100%; margin:auto; background:url(/uploads/image/tdimages/index_about.jpg) center top no-repeat #ededed; height:1583px}
.index_main_title{ width:90%; text-align:left; height:100px; line-height:100px; color:#000000; font-size:26px; margin:auto}
.index_main_title1{ width:90%; text-align:center; height:100px; line-height:100px; color:#ffffff; font-size:26px; margin:auto}
.index_main_title2{ width:90%; text-align:left; height:100px; line-height:100px; color:#000000; font-size:20px; margin:auto}
	 }
	 
	 
	 
.index_pro_class_title{ width:1400px; margin:auto}	 

.index_pro_class_li{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.index_pro_class_li .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;}
.index_pro_class_li .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.index_pro_class_li .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}


.sk_no{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_no .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;color:#222222; font-size:14px; cursor:pointer}
.sk_no .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.sk_no .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}

.sk_yes{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_yes .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center; background:#ba0000; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#ba0000; color:#ffffff; font-size:14px}

.index_pro_body{ width:1400px; margin:auto}
.index_pro_body_body_main{ width:1400px; height:1000px}
.index_pro_class_xl{width:1400px; margin:auto; padding-top:10px}



 @media screen and (max-width:1400px) {
	 
.index_pro_class_title{ width:100%; margin:auto}	 

.index_pro_class_li{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.index_pro_class_li .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;}
.index_pro_class_li .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.index_pro_class_li .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}


.sk_no{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_no .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;color:#222222; font-size:14px; cursor:pointer}
.sk_no .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.sk_no .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}

.sk_yes{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_yes .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center; background:#ba0000; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#ba0000; color:#ffffff; font-size:14px}

.index_pro_body{ width:100%; margin:auto}
.index_pro_body_body_main{ width:100%; height:1000px}
.index_pro_class_xl{width:100%; margin:auto; padding-top:10px}




	 }
	 
 @media screen and (max-width:1024px) {
	 
.index_pro_class_title{ width:100%; margin:auto}	 

.index_pro_class_li{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.index_pro_class_li .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;}
.index_pro_class_li .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.index_pro_class_li .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}


.sk_no{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_no .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;color:#222222; font-size:14px; cursor:pointer}
.sk_no .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.sk_no .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}

.sk_yes{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_yes .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center; background:#ba0000; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#ba0000; color:#ffffff; font-size:14px}

.index_pro_body{ width:100%; margin:auto}
.index_pro_body_body_main{ width:100%; height:1000px}
.index_pro_class_xl{width:100%; margin:auto; padding-top:10px}




	 }	 
	 
 @media screen and (max-width:781px) {
	 
.index_pro_class_title{ width:100%; margin:auto}	 

.index_pro_class_li{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.index_pro_class_li .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;}
.index_pro_class_li .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.index_pro_class_li .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}


.sk_no{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_no .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;color:#222222; font-size:14px; cursor:pointer}
.sk_no .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.sk_no .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}

.sk_yes{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_yes .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center; background:#ba0000; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#ba0000; color:#ffffff; font-size:14px}

.index_pro_body{ width:100%; margin:auto}
.index_pro_body_body_main{ width:100%; height:1400px}
.index_pro_class_xl{width:100%; margin:auto; padding-top:10px}




	 }	 
	 
@media screen and (max-width:481px) {
	 
.index_pro_class_title{ width:100%; margin:auto}	 

.index_pro_class_li{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.index_pro_class_li .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;}
.index_pro_class_li .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.index_pro_class_li .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}


.sk_no{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_no .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center;color:#222222; font-size:14px; cursor:pointer}
.sk_no .lili a{ width:105px; height:40px;  display:block; color:#222222; font-size:14px}
.sk_no .lili a:hover{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}

.sk_yes{width:105px;text-align:center;line-height:40px;line-height:40px;float:left; margin-left:5px; margin-right:5px}
.sk_yes .lili{width:105px;text-align:center;line-height:40px;line-height:40px; text-align:center; background:#ba0000; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#ba0000;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#ba0000; color:#ffffff; font-size:14px}

.index_pro_body{ width:100%; margin:auto}
.index_pro_body_body_main{ width:100%; height:1400px}
.index_pro_class_xl{width:100%; margin:auto; padding-top:10px; border-top:1px solid #ba0000}



	 }	 
	 

	 
	 



	
	
.index_title_cn{ width:100%; margin:auto;line-height:50px; padding-top:30px; text-align:center; color:#000000; font-weight:bold; font-size:40px; display:block}	
.index_title_en{ width:100%; margin:auto; line-height:30px; text-align:center; color:#808080; font-size:16px; text-transform:uppercase}
.index_title_ms{ width:100%; margin:auto; line-height:30px; text-align:center; color:#454545; font-size:14px; text-transform:uppercase; padding-bottom:30px; }
.index_title_line{ width:17px; margin:auto;line-height:2px; background:#ba0000}		

.index_title_cn1{ width:100%; margin:auto;line-height:80px; padding-top:30px; text-align:center; color:#ffffff; font-weight:bold; font-size:40px; display:block}	
.index_title_en1{ width:100%; margin:auto; line-height:50px;text-align:center; color:#ffffff; font-size:24px; text-transform:uppercase; padding-bottom:30px; }
.index_title_line1{ width:17px; margin:auto;line-height:2px; background:#ffffff}		

@media screen and (max-width:1400px) {
	
	
.index_title_cn{ width:100%; margin:auto;  line-height:80px; padding-top:30px; text-align:center; color:#000000; font-weight:bold; font-size:40px}	
.index_title_en{ width:100%; margin:auto; line-height:50px; text-align:center; color:#454545; font-size:24px; text-transform:uppercase; padding-bottom:30px; }
.index_title_line{ width:17px; margin:auto;line-height:2px; background:#ba0000}	


.index_title_cn1{ width:100%; margin:auto;line-height:80px; padding-top:30px; text-align:center; color:#ffffff; font-weight:bold; font-size:40px; display:block}	
.index_title_en1{ width:100%; margin:auto; line-height:50px;text-align:center; color:#ffffff; font-size:24px; text-transform:uppercase; padding-bottom:30px; }
.index_title_line1{ width:17px; margin:auto;line-height:2px; background:#ffffff}	

}
@media screen and (max-width:1024px) {
.index_title_cn{ width:100%; margin:auto;  line-height:80px; padding-top:30px; text-align:center; color:#000000; font-weight:bold; font-size:40px}	
.index_title_en{ width:100%; margin:auto; line-height:50px; text-align:center; color:#454545; font-size:24px; text-transform:uppercase; padding-bottom:30px}
.index_title_line{ width:17px; margin:auto; line-height:2px; background:#ba0000}	

.index_title_cn1{ width:100%; margin:auto;line-height:80px; padding-top:30px; text-align:center; color:#ffffff; font-weight:bold; font-size:40px; display:block}	
.index_title_en1{ width:100%; margin:auto; line-height:50px;text-align:center; color:#ffffff; font-size:24px; text-transform:uppercase; padding-bottom:30px; }
.index_title_line1{ width:17px; margin:auto;line-height:2px; background:#ffffff}	

}
@media screen and (max-width:781px) {
.index_title_cn{ width:100%; margin:auto; line-height:80px; padding-top:30px; text-align:center; color:#000000; font-weight:bold; font-size:40px}	
.index_title_en{ width:100%; margin:auto; line-height:50px;text-align:center; color:#454545; font-size:24px; text-transform:uppercase; padding-bottom:30px}
.index_title_line{ width:17px; margin:auto; line-height:2px; background:#ba0000}	

.index_title_cn1{ width:100%; margin:auto;line-height:80px; padding-top:30px; text-align:center; color:#ffffff; font-weight:bold; font-size:40px; display:block}	
.index_title_en1{ width:100%; margin:auto; line-height:50px;text-align:center; color:#ffffff; font-size:24px; text-transform:uppercase; padding-bottom:30px; }
.index_title_line1{ width:17px; margin:auto;line-height:2px; background:#ffffff}	


}
@media screen and (max-width:481px) {
.index_title_cn{ width:100%; margin:auto;  line-height:80px; padding-top:30px; text-align:center; color:#000000; font-weight:bold; font-size:40px}	
.index_title_en{ width:100%; margin:auto; line-height:50px;text-align:center; color:#454545; font-size:24px; text-transform:uppercase; padding-bottom:30px}
.index_title_line{ width:17px; margin:auto;  line-height:2px; background:#ba0000}	

.index_title_cn1{ width:100%; margin:auto;line-height:80px; padding-top:30px; text-align:center; color:#ffffff; font-weight:bold; font-size:40px; display:block}	
.index_title_en1{ width:100%; margin:auto; line-height:50px;text-align:center; color:#ffffff; font-size:24px; text-transform:uppercase; padding-bottom:30px; }
.index_title_line1{ width:17px; margin:auto;line-height:2px; background:#ffffff}	
}	


.feedback{ width:800px}	
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:16px; font-weight:bold; width:140px}
.feedback_right{width:510px; height:40px; line-height:40px; border:1px solid #cccccc}
.feedback_right1{width:510px; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right2{width:310px; height:40px; line-height:40px; border:1px solid #cccccc}

@media screen and (max-width:1400px) {
	
	
.feedback{ width:800px}	
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:16px; font-weight:bold; width:140px}
.feedback_right{width:510px; height:40px; line-height:40px; border:1px solid #cccccc}
.feedback_right1{width:510px; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right2{width:310px; height:40px; line-height:40px; border:1px solid #cccccc}

}
@media screen and (max-width:1024px) {
.feedback{ width:800px}	
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:16px; font-weight:bold; width:140px}
.feedback_right{width:510px; height:40px; line-height:40px; border:1px solid #cccccc}
.feedback_right1{width:510px; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right2{width:310px; height:40px; line-height:40px; border:1px solid #cccccc}

}
@media screen and (max-width:781px) {
.feedback{ width:480px}	
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:16px; font-weight:bold; width:140px}
.feedback_right{width:330px; height:40px; line-height:40px; border:1px solid #cccccc}
.feedback_right1{width:330px; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right2{width:250px; height:40px; line-height:40px; border:1px solid #cccccc}


}
@media screen and (max-width:481px) {
.feedback{ width:100%}	
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:14px; font-weight:bold; width:25%}
.feedback_right{width:70%; height:40px; line-height:40px; border:1px solid #cccccc}
.feedback_right1{width:70%; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right2{width:50%; height:40px; line-height:40px; border:1px solid #cccccc}	
}	

.abc td{word-break:break-all; font-size:16px}
@media screen and (max-width:781px) {
.abc td{word-break:break-all; font-size:12px}	
}	
@media screen and (max-width:481px) {
.abc td{word-break:break-all; font-size:10px}	
}	


.case_bo{ position:relative;}
.cp_imga{ width:49%;}
.cp_imgb{ width:32.33%;}

.case_top{width: calc(50% - 20px);float:left;margin-bottom:20px; margin-left:10px; margin-right:10px;}

.case_bottom{width: calc(33.3% - 20px);float:left; margin-left:10px; margin-right:10px; margin-bottom:20px}
.case_1{width: calc(100% - 20px); margin-left:10px; margin-right:10px; margin-bottom:20px}


.case_bo dl{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; overflow:hidden; position:relative;float:left;}
.case_bo dl dt{ width:100%; height:auto; overflow:hidden;}
.case_bo dl dd{ width:84%; overflow:hidden; position:absolute; left:8%; bottom:8%;}
.case_bo dl dd span { color:#ffffff}
.case_bo dl .overlay{ width:100%; height:100%; position: absolute; top: 0; left: 0; opacity:0; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:10; display: -webkit-box; display: flex; -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center; align-items: center;}
.case_bo dl .overlay span{ width:15%; margin:0 auto; display:block;}
.case_bo:hover dl{ background:#000; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.case_bo:hover dl dt{ opacity:0.5; filter:alpha(opacity=50); -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.case_bo dl:hover dt{ opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; box-shadow:2px 2px 10px #ccc;}
.case_bo dl:hover dt img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.case_bo dl:hover{box-shadow:2px 2px 10px #ccc;}
.case_bo:hover dl .overlay{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.case_bo dl:hover .overlay{opacity:0;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}


@media screen and (max-width:781px) {
.case_top{width: calc(100% - 0px);float:left; margin-left:0px; margin-right:0px;}
.case_bottom{ width: calc(100% - 0px); float:right; margin-left:0px; margin-right:0px;}
.case_1{width: calc(100% - 0px); margin-left:0px; margin-right:0; margin-bottom:20px}
}



.index_about{width:100%; margin:auto; background:url(/uploads/image/tdimages/index_about.jpg) no-repeat center top}

.web_lm_en{ font-size:48px; color:454545; text-align:center; height:50px; line-height:50px;text-transform:uppercase}
.web_lm_en span{ color:#0f3661; font-size:48px;text-transform:uppercase}
.web_lm_cn{ font-size:36px; color:454545; text-align:center; height:50px; line-height:50px}

.web_lm_en1{ font-size:48px; color:454545; text-align:left; height:50px; line-height:50px;text-transform:uppercase}
.web_lm_en1 span{ color:#0f3661; font-size:48px;text-transform:uppercase}
.web_lm_cn1{ font-size:36px; color:454545; text-align:left;; height:50px; line-height:50px}

.web_about_line{ width:100%; margin:auto; height:50px; line-height:50px}

.web_about_xbt{ width:100%; text-align:center; line-height:40px; font-size:18px}


.web_about{ padding-top:30px}
.web_about_left{ width:500px; float:left; padding-left:50px; padding-right:50px}
.web_about_left img { width:500px}
.web_about_right{ width:800px; float:right}
.web_about_right_title{width:100%; text-align:left; height:60px; line-height:60px; color:#182eba; font-size:40px; font-weight:bold}
.web_about_right_line{width:100%; height:50px; line-height:50px}
.web_about_right_line1{width:100px; height:5px; line-height:5px; background:#595757}
.web_about_right_content{width:100%; margin:auto; line-height:40px; font-size:16px; padding-top:30px}


.web_about_more{ width:160px; height:40px; padding-top:40px; margin:auto; padding-bottom:40px; text-align:center}
.web_about_more a{ width:160px; height:40px; display:block; color:#ffffff; text-align:center; line-height:40px; background:#ba0000; border-radius:5px; font-size:18px}
.web_about_more a:hover{ width:160px; height:40px; display:block; color:#ffffff; text-align:center; line-height:40px; background:#333333; border-radius:5px; font-size:18px}

.index_sz{width:100%; margin:auto; padding-top:70px}
.index_sz_body_main{width:100%; margin:auto;}
.index_sz_title{width:24%; float:left;text-align:center}
.index_sz_title sup{font-size:40px; color:#454545}
.counter{height:50px; line-height:50px; font-size:60px; font-weight:bold; color:#454545}
.index_sz_title2{text-align:center; line-height:30px; line-height:30px; color:#454545}

.index_sz_bottom{width:100%; margin:auto; height:110px; line-height:110px}

@media screen and (max-width:1400px) {
	
.web_body{ width:96%; margin:auto}
.web_about_xbt{ width:100%; text-align:center; line-height:40px; font-size:16px}
.web_about_right_line{width:100%; height:50px; line-height:50px}
.web_about_left{ width:45%; float:left; padding-left:2%; padding-right:2%}
.web_about_left img { width:100%}
.web_about_right{ width:50%; float:right}
.web_about_right_title{width:100%; text-align:left; height:60px; line-height:60px; color:#182eba; font-size:40px; font-weight:bold}
.web_about_right_line{width:100%; height:20px; line-height:20px}
.web_about_right_line1{width:100px; height:5px; line-height:5px; background:#595757}
.web_about_right_content{width:100%; margin:auto; line-height:35px; font-size:16px}


.web_about_more a{ width:160px; height:40px; display:block; color:#ffffff; text-align:center; line-height:40px; background:#ba0000; border-radius:5px; font-size:18px}
.web_about_more a:hover{ width:160px; height:40px; display:block; color:#ffffff; text-align:center; line-height:40px;background:#333333; border-radius:5px; font-size:18px}
}
@media screen and (max-width:1024px) {
.index_about{width:100%; margin:auto; background:url(/uploads/image/tdimages/index_about.jpg) center top}	
.web_body{ width:96%; margin:auto}
.web_about_right_line{width:100%; height:50px; line-height:50px}
.web_about_left{ width:100%; float:left; padding-left:0%; padding-right:0%}
.web_about_left img { width:100%}
.web_about_right{ width:100%; float:right}
.web_about_right_title{width:100%; text-align:left; height:60px; line-height:60px; color:#182eba; font-size:40px; font-weight:bold}
.web_about_right_line{width:100%; height:20px; line-height:20px}
.web_about_right_line1{width:100px; height:5px; line-height:5px; background:#595757}
.web_about_right_content{width:100%; margin:auto; line-height:35px; font-size:16px}


.web_about_more a{ width:160px; height:40px; display:block; color:#ffffff; text-align:center; line-height:40px; background:#ba0000; border-radius:5px; font-size:18px}
.web_about_more a:hover{ width:160px; height:40px; display:block; color:#ffffff; text-align:center; line-height:40px;background:#333333; border-radius:5px; font-size:18px}
}


@media screen and (max-width:781px) {
.index_about{width:100%; margin:auto; background:url(/uploads/image/tdimages/index_about.jpg) center top}

.web_body{ width:90%; margin:auto}
.counter{height:50px; line-height:50px; font-size:30px; font-weight:bold; color:#454545}
.index_sz_title sup{font-size:30px; color:#454545}
.web_about_line{ width:100%; margin:auto; height:30px; line-height:30px}
.web_lm_en{ font-size:38px; color:454545; text-align:center; height:30px; line-height:30px}
.web_lm_en span{ color:#0f3661; font-size:38px}
.web_lm_cn{ font-size:26px; color:454545; text-align:center; height:30px; line-height:30px}
.web_about_xbt{ width:100%; text-align:center; line-height:30px; font-size:18px}

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

.web_body{ width:90%; margin:auto}
.counter{height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#454545}
.index_sz_title sup{font-size:18px; color:#454545}
.web_about_line{ width:100%; margin:auto; height:30px; line-height:30px}
}	



ul,li{list-style:none;}

a cite {
	font-style:normal;
*cursor:pointer
}
main {
	max-width: 80%;
	margin: 0 auto;
	display: block;
 *zoom: 1;
}
main:before, main:after {
	content: " ";
	display: table;
}
main:after {
	clear: both;
}
.on1 a {
	background: #ba0000; color:#ffffff
}
.on1 a:before {
	-webkit-transform: rotatey(0deg);
	-moz-transform: rotatey(0deg);
	-ms-transform: rotatey(0deg);
	-o-transform: rotatey(0deg);
	transform: rotatey(0deg);
}
.on1 a span {
	color: #ffffff !important;
}
.album {
	width: 100%;
	padding-bottom: 66px;
}
.album .photo_album {
 *zoom: 1;
	width: 100%;
	margin: 0 auto;text-align:center; display:inline-block
}
.album .photo_album:before, .album .photo_album:after {
	content: " ";
	display: table;
}
.album .photo_album:after {
	clear: both;
}
.album .photo_album li {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* firefox */

      -webkit-box-sizing: border-box;
	/* safari*/

	width:150px;
	margin-right: 10px;
	border: 1px solid #eee; text-align:center; display:inline-block; margin-bottom:20px
}
 .album .photo_album li:nth-of-type(100) {
 margin-right: 0;
}
.album .photo_album li a {
	width:150px;
	text-align: center;
	display: block;
	height: 50px;
	line-height: 50px;
	position: relative;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	/* firefox 4 */

        -webkit-transition-timing-function: ease;
	/* safari 和 chrome */

        -o-transition-timing-function: ease; color:#454545
/* opera */ }
.album .photo_album li a:before {
	background: #fff;
	-webkit-transform: rotatey(90deg);
	-moz-transform: rotatey(90deg);
	-ms-transform: rotatey(90deg);
	-o-transform: rotatey(90deg);
	transform: rotatey(90deg);
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	left: 0;
	top: 0;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	/* firefox 4 */

          -webkit-transition-timing-function: ease;
	/* safari 和 chrome */

          -o-transition-timing-function: ease;
/* opera */ }
.album .photo_album li a span {
	font-family: "microsoft yahei", "sf pro sc", "hanhei sc", "sf pro text", "myriad set pro", "pingfang sc", "helvetica neue", simhei, sans-serif;
	font-size: 14px;
	color: #454545;
	position: relative;
	z-index: 2;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	/* firefox 4 */

          -webkit-transition-timing-function: ease;
	/* safari 和 chrome */

          -o-transition-timing-function: ease;
/* opera */ }
.album .photo_album_son main {
	position: relative;
}
.album .photo_album_son main .swiper-button-prev {
	position: absolute;
	outline: none;
	background:  no-repeat center;
	width: 56px;
	height: 56px;
	left: -93px;
	top: 109px;
}
.album .photo_album_son main .swiper-button-next {
	position: absolute;
	outline: none;
	background:  no-repeat center;
	width: 56px;
	height: 56px;
	right: -93px;
	top: 109px;
}
.album .photo_album_son .swiper-container .pic {
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* firefox */

    -webkit-box-sizing: border-box;
	/* safari*/

	background: #fff  no-repeat center;
}
.album .photo_album_son .swiper-container .pic img {
	width: 100%;
	height: 100%;
}
.album .photo_album_son .swiper-container a p{
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-family: "microsoft yahei", "sf pro sc", "hanhei sc", "sf pro text", "myriad set pro", "pingfang sc", "helvetica neue", simhei, sans-serif;
	font-size: 16px;
	color: #454545;
	text-align: center; background:#ffffff
}


.album .photo_album_son .swiper-container a:hover p{
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-family: "microsoft yahei", "sf pro sc", "hanhei sc", "sf pro text", "myriad set pro", "pingfang sc", "helvetica neue", simhei, sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-align: center; background:#ba0000;
}

.ys_left{ float:left; width:31%}
.ys_padding{float:left; width:1%;}
.ys_middle{float:left; width:36%; height:625px; background:#b30f0f}
.ys_content{width: calc(100% - 60px); height:270px; background:#f5f5f5; padding:30px}
.ys_line{width:100%; height:13px; line-height:13px}


@media screen and (max-width:1400px) {
.ys_left{ float:left; width: calc(50% - 8px); margin-left:4px; margin-right:4px}
.ys_padding{float:left; width:0%; display:none}
.ys_middle{float:left; width:36%; height:625px; background:#b30f0f; display:none}
.ys_content{width: calc(100% - 60px); height:auto; background:#f5f5f5; padding:30px}	
.ys_line{width:100%; height:16px; line-height:16px}
}
@media screen and (max-width:1024px) {

}


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


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

.ys_left{ float:left; width: calc(100% - 8px); margin-left:4px; margin-right:4px; margin-bottom:16px}
.ys_padding{float:left; width:0%; display:none}
.ys_middle{float:left; width:36%; height:625px; background:#b30f0f; display:none}
.ys_content{width: calc(100% - 60px); height:auto; background:#f5f5f5; padding:30px}	
.ys_line{width:100%; height:16px; line-height:16px}
}	


.index_news_left{width:800px; float:left; background:#eeeeee; height:600px}
.index_news_right{width:580px; float:left; margin-left:20px; height:600px}
.index_news_body{width:100%; margin:auto; border-bottom:1px dashed #cccccc;padding-top:5px; padding-bottom:5px}
.index_news_title{height:50px; line-height:50px; text-align:left; width:100%}
.index_news_title a{ color:#454545; font-size:18px; font-weight:bold}
.index_news_title a:hover{ color:#ba0000; font-size:18px; font-weight:bold}
.index_news_smallc{height:60px; line-height:30px; text-align:left; width:100%; font-size:16px; color:#454545; overflow:hidden}
.index_news_date{height:30px; line-height:30px; text-align:left;width:100%}
.index_news_date_left{float:left; padding-top:8px; padding-right:5px}
.index_news_date_right{float:left; text-align:left;color:#7a8795; height:30px; line-height:30px}

div,ul,li,a,span,img{margin:0;padding:0;}
li{list-style:none;}
#slider{width:800px;height:600px;margin:auto;position:relative;}
.slider_list li{position:absolute;display:none;}
.slider_list li img{width:800px;height:600px;}
.slider_list li:first-child{display:block;}
.slider_icon{position:absolute;z-index:1;right:5%;bottom:20px;font-size:0;padding:4px 8px;border-radius:12px; display:none}
.slider_icon i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}
/*.btn{background:#fff;}*/
.arrow{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}
.prve{left:0;}
.next{right:0;}
.arrow span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.slider_left{margin:25px 0 0 10px;transform:rotate(45deg);}
.slider_right{margin:25px 0 0 5px;transform:rotate(-135deg);}
.arrow:hover{background:#444;}
#slider:hover .arrow{display:block;}
.btn_act{background:#db192a;}


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

.index_news_left{width:800px; float:left; background:#eeeeee; height:600px}
.index_news_right{width: calc(100% - 820px);float:left; margin-left:20px; height:600px}
.index_news_body{width:100%; margin:auto; border-bottom:1px dashed #cccccc;padding-top:5px; padding-bottom:5px}
.index_news_title{height:50px; line-height:50px; text-align:left; width:100%; overflow:hidden}
.index_news_title a{ color:#454545; font-size:18px; font-weight:bold}
.index_news_title a:hover{ color:#ba0000; font-size:18px; font-weight:bold}
.index_news_smallc{height:60px; line-height:30px; text-align:left; width:100%; font-size:16px; color:#454545; overflow:hidden}
.index_news_date{height:30px; line-height:30px; text-align:left;width:100%}
.index_news_date_left{float:left; padding-top:8px; padding-right:5px}
.index_news_date_right{float:left; text-align:left;color:#7a8795; height:30px; line-height:30px}
}
@media screen and (max-width:1024px) {

.index_news_left{width:450px; float:left; background:#eeeeee; height:auto}
.index_news_right{width: calc(100% - 470px);float:left; margin-left:20px; height:auto}
.index_news_body{width:100%; margin:auto; border-bottom:1px dashed #cccccc;padding-top:5px; padding-bottom:5px}
.index_news_title{height:50px; line-height:50px; text-align:left; width:100%; overflow:hidden}
.index_news_title a{ color:#454545; font-size:18px; font-weight:bold}
.index_news_title a:hover{ color:#ba0000; font-size:18px; font-weight:bold}
.index_news_smallc{height:30px; line-height:30px; text-align:left; width:100%; font-size:16px; color:#454545; overflow:hidden; display:none}
.index_news_date{height:30px; line-height:30px; text-align:left;width:100%}
.index_news_date_left{float:left; padding-top:8px; padding-right:5px}
.index_news_date_right{float:left; text-align:left;color:#7a8795; height:30px; line-height:30px}


#slider{width:450px;height:338px;margin:auto;position:relative;}
.slider_list li{position:absolute;display:none;}
.slider_list li img{width:450px;height:338px;}
.slider_list li:first-child{display:block;}
.slider_icon{position:absolute;z-index:1;right:5%;bottom:20px;font-size:0;padding:4px 8px;border-radius:12px; display:none}
.slider_icon i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}
/*.btn{background:#fff;}
*/
.arrow{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}
.prve{left:0;}
.next{right:0;}
.arrow span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.slider_left{margin:25px 0 0 10px;transform:rotate(45deg);}
.slider_right{margin:25px 0 0 5px;transform:rotate(-135deg);}
.arrow:hover{background:#444;}
#slider:hover .arrow{display:block;}
.btn_act{background:#db192a;}
}
@media screen and (max-width:781px) {

.index_news_left{width:100%; float:left; background:#eeeeee; height:auto}
.index_news_right{width:100%;float:left; margin-left:0px; height:auto}
.index_news_body{width:100%; margin:auto; border-bottom:1px dashed #cccccc;padding-top:5px; padding-bottom:5px}
.index_news_title{height:50px; line-height:50px; text-align:left; width:100%; overflow:hidden}
.index_news_title a{ color:#454545; font-size:18px; font-weight:bold}
.index_news_title a:hover{ color:#ba0000; font-size:18px; font-weight:bold}
.index_news_smallc{height:60px; line-height:30px; text-align:left; width:100%; font-size:16px; color:#454545; overflow:hidden; display:block}
.index_news_date{height:30px; line-height:30px; text-align:left;width:100%}
.index_news_date_left{float:left; padding-top:8px; padding-right:5px}
.index_news_date_right{float:left; text-align:left;color:#7a8795; height:30px; line-height:30px}


#slider{width:100%;height:500px;margin:auto;position:relative;}
.slider_list li{position:absolute;display:none; text-align:center; margin:auto}
.slider_list li img{width:100%;height:500px;}
.slider_list li:first-child{display:block;}
.slider_icon{position:absolute;z-index:1;right:5%;bottom:20px;font-size:0;padding:4px 8px;border-radius:12px; display:none}
.slider_icon i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}
/*.btn{background:#fff;}
*/.arrow{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}
.prve{left:0;}
.next{right:0;}
.arrow span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.slider_left{margin:25px 0 0 10px;transform:rotate(45deg);}
.slider_right{margin:25px 0 0 5px;transform:rotate(-135deg);}
.arrow:hover{background:#444;}
#slider:hover .arrow{display:block;}
.btn_act{background:#db192a;}
}
@media screen and (max-width:481px) {

.index_news_left{width:100%; float:left; background:#eeeeee; height:auto}
.index_news_right{width:100%;float:left; margin-left:0px; height:auto}
.index_news_body{width:100%; margin:auto; border-bottom:1px dashed #cccccc;padding-top:5px; padding-bottom:5px}
.index_news_title{height:50px; line-height:50px; text-align:left; width:100%; overflow:hidden}
.index_news_title a{ color:#454545; font-size:18px; font-weight:bold}
.index_news_title a:hover{ color:#ba0000; font-size:18px; font-weight:bold}
.index_news_smallc{height:60px; line-height:30px; text-align:left; width:100%; font-size:16px; color:#454545; overflow:hidden}
.index_news_date{height:30px; line-height:30px; text-align:left;width:100%}
.index_news_date_left{float:left; padding-top:8px; padding-right:5px}
.index_news_date_right{float:left; text-align:left;color:#7a8795; height:30px; line-height:30px}

#slider{width:100%;height:300px;margin:auto;position:relative;}
.slider_list li{position:absolute;display:none; text-align:center; margin:auto}
.slider_list li img{width:100%;height:300px;}
}	


.wolf_advantage_headbg{min-width:1190px; max-width:1920px; margin:auto; margin-top:34px; height:286px; background:url(/uploads/image/tdimages/wolf_advantage_headbg.jpg) center no-repeat;}
.wolf_advantage_head{width:1190px; margin:auto; text-align:center; padding-top:176px; font-size:38px; color:#ffffff; line-height:105px;}


@media screen and (max-width:1400px) {
.wolf_advantage_headbg{min-width:100%; max-width:100%; margin:auto; margin-top:34px; height:286px; background:url(/uploads/image/tdimages/wolf_advantage_headbg.jpg) center no-repeat;}
.wolf_advantage_head{width:100%; margin:auto; text-align:center; padding-top:176px; font-size:38px; color:#ffffff; line-height:105px;}

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


}

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


}
@media screen and (max-width:481px) {
.wolf_advantage_head{width:100%; margin:auto; text-align:center; padding-top:176px; font-size:24px; color:#ffffff; line-height:105px;}


}



wolf_adv_title{font-size:13px; font-family:arial; color: #dcdcdc; text-transform:uppercase; font-weight:bold;}
.wolf_adv_title span{color:#e40012; font-size:24px; font-weight:bold; font-family:'microsoft yahei';}
.wolf_adv_text{width:505px; font-size: 16px;line-height: 24px;color: #333333; margin-top: 15px;}
.wolf_adv_text ul li{ font-size:13px; color:#4e4e4e; line-height:22px; background:url(/uploads/image/tdimages/ys_dot.jpg) left 8px no-repeat; padding-left:12px;}

.ys_1_left{float:left; width:600px}
.ys_1_left img{ width:500px}
.ys_1_right{float:right; width:calc( 100% - 650px)}

.ys_2{ padding-top:100px}
.ys_2_left{float:left; width:600px}
.ys_2_left img{ width:500px}
.ys_2_right{float:left; width:calc( 100% - 650px)}
.ys_3{ padding-top:100px}

.ys_3_left{float:left; width:600px}
.ys_3_left img{ width:450px}
.ys_3_right{float:right; width:calc( 100% - 650px)}

.ys_4{ padding-top:50px}
.ys_4_left{float:left; width:600px}
.ys_4_left img{ width:370px}
.ys_4_right{float:left; width:calc( 100% - 650px)}

.ys_5{ padding-top:80px}

.ys_5_left{float:left; width:600px}
.ys_5_left img{ width:370px}
.ys_5_right{float:right; width:calc( 100% - 650px)}


@media screen and (max-width:1400px) {
.ys_1_left{float:left; width:350px}
.ys_1_left img{ width:350px}
.ys_1_right{float:right; width:calc( 100% - 350px)}

.ys_2{ padding-top:100px}
.ys_2_left{float:left; width:350px}
.ys_2_left img{ width:350px}
.ys_2_right{float:left; width:calc( 100% - 350px)}
.ys_3{ padding-top:100px}

.ys_3_left{float:left; width:350px}
.ys_3_left img{ width:350px}
.ys_3_right{float:right; width:calc( 100% - 350px)}

.ys_4{ padding-top:50px}
.ys_4_left{float:left; width:350px}
.ys_4_left img{ width:350px}
.ys_4_right{float:left; width:calc( 100% - 350px)}

.ys_5{ padding-top:80px}

.ys_5_left{float:left; width:350px}
.ys_5_left img{ width:350px}
.ys_5_right{float:right; width:calc( 100% - 350px)}



}
@media screen and (max-width:1024px) {
.ys_1_left{float:left; width:100%}
.ys_1_left img{ width:100%}
.ys_1_right{float:right; width:100%}
.ys_2{ padding-top:50px}
.ys_2_left{float:left; width:100%; padding-top:30px}
.ys_2_left img{ width:100%}
.ys_2_right{float:right; width:100%}

.ys_3_left{float:left; width:100%}
.ys_3_left img{ width:100%}
.ys_3_right{float:right; width:100%}
.ys_3{ padding-top:50px}

.ys_4{ padding-top:50px}
.ys_4_left{float:left; width:100%; padding-top:30px}
.ys_4_left img{ width:100%}
.ys_4_right{float:right; width:100%}

.ys_5_left{float:left; width:100%}
.ys_5_left img{ width:100%}
.ys_5_right{float:right; width:100%}
.ys_5{ padding-top:50px}


}

@media screen and (max-width:481px) {
.wolf_adv_text{width:100%; font-size: 16px;line-height: 24px;color: #333333; margin-top: 15px;}
.wolf_adv_title span{color:#e40012; font-size:24px; font-weight:bold; font-family:'microsoft yahei'; line-height:30px}
}



.wolf_servicebg{min-width:1190px; max-width:1920px; margin:auto; background:url(/uploads/image/tdimages/page_servicebg.jpg) center no-repeat; height:278px;}
.wolf_service_title{width:1190px; height:60px; margin:auto; padding-top:37px; text-align:center; font-size:35px; color:#ffffff; font-weight:bold; line-height:60px;}

.wolf_service_list{width:965px; margin:auto; height:159px; overflow:hidden; margin-top:22px;}
.service_logo{width:90px; float:left;}
.service_pic{width:90px; height:89px; overflow:hidden;}
.service_pic img{width:90px; height:89px;}
.service_title{ text-align:center; font-size:19px; color:#ffffff; line-height:30px; margin-top:10px;}
.service_jt{width:19px; height:18px; float:left; margin:38px 33px 0 33px; background:url(/uploads/image/tdimages/lc_jt.png) no-repeat;}

@media screen and (max-width:1400px) {
.wolf_servicebg{min-width:100%; max-width:100%; margin:auto; background:url(/uploads/image/tdimages/page_servicebg.jpg) center no-repeat; height:auto;}

}
@media screen and (max-width:1024px) {
.wolf_servicebg{min-width:100%; max-width:100%; margin:auto; background:url(/uploads/image/tdimages/page_servicebg.jpg) center repeat-y; height:auto;}
.service_jt{width:5%; height:18px; float:left; margin:30px 0px 0 0px; background:url(/uploads/image/tdimages/lc_jt.png) no-repeat; display:none}
.wolf_service_title{width:100%; height:60px; margin:auto; padding-top:37px; text-align:center; font-size:35px; color:#ffffff; font-weight:bold; line-height:60px;}
.wolf_service_list{width:90%; margin:auto; height:auto; overflow:hidden; margin-top:22px;}
.service_logo{width:33.3%; float:left; text-align:center}
.service_pic{width:100%; height:89px; overflow:hidden; margin-bottom:20px; margin-top:20px}
.service_pic img{width:90px; height:89px; margin:auto; text-align:center}

}

@media screen and (max-width:781px) {
.service_jt{width:5%; height:18px; float:left; margin:30px 0px 0 0px; background:url(/uploads/image/tdimages/lc_jt.png) no-repeat; display:none}
.service_logo{width:50%; float:left; text-align:center}
.service_pic{width:100%; height:89px; overflow:hidden; margin-bottom:20px; margin-top:20px}
.service_pic img{width:90px; height:89px; margin:auto; text-align:center}


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


}


.wolf_about_indexabout{width:1400px; margin:auto;}
.wolf_about_aboutpic{width:600px; height:336px; float:left; overflow:hidden;}
.wolf_about_pic{width:600px; height:336px; overflow:hidden; display:block;}
.wolf_about_pic img{width:600px; height:336px; transition:all .6s;}
.wolf_about_pic:hover img{transition:all .6s;transform:scale(1.15);}
.imgbox {
	z-index: 99; margin: 0px auto; width: 600px;  height: 336px
}
.dis {
	display: block
}
.undis {
	display: none
}
.thumbwrap {
	width: 100%; margin-top:58px;
}
.thumbwrap div {
	display: inline; float: left; margin: 0px 8px 0px 0px; width: 140px; cursor: pointer; height: 79px
}
.thumbwrap div img {
	margin: 0px; width: 138px; height: 77px; border:1px solid #a09b97;
}
.thumbwrap div.on img {
	border: #e40012 1px solid
}

.wolf_about_right{width:734px; float:right; margin-top:40px;}
.wolf_about_head{width:100%; text-align:left; height:49px; font-size:25px; color:#333333; font-weight:bold; line-height:49px;}
.wolf_about_right p{ font-size:13px; color:#767676; line-height:23px; margin-top:18px;}


@media screen and (max-width:1400px) {
.wolf_about_indexabout{width:90%; margin:auto;}
.wolf_about_aboutpic{width:43%; height:auto; float:left; overflow:hidden;}
.wolf_about_pic{width:100%; height:auto; overflow:hidden; display:block;}
.wolf_about_pic img{width:100%; height:auto; transition:all .6s;}
.wolf_about_right{width:50%; float:right; margin-top:40px;}

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

.wolf_about_indexabout{width:90%; margin:auto;}
.wolf_about_aboutpic{width:43%; height:auto; float:left; overflow:hidden;}
.wolf_about_pic{width:100%; height:auto; overflow:hidden; display:block;}
.wolf_about_pic img{width:100%; height:auto; transition:all .6s;}
.wolf_about_right{width:50%; float:right; margin-top:40px;}

}

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

.wolf_about_indexabout{width:90%; margin:auto;}
.wolf_about_aboutpic{width:100%; height:auto; float:left; overflow:hidden;}
.wolf_about_pic{width:100%; height:auto; overflow:hidden; display:block;}
.wolf_about_pic img{width:100%; height:auto; transition:all .6s;}
.wolf_about_right{width:100%; float:right; margin-top:40px;}


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


}




.wolf_bottom_bg{min-width:1400px; max-width:1920px; margin:auto; background:#2a2a2a; padding-bottom:50px; margin-top:30px;}
.wolf_bottom_footer{width:1400px; margin:auto; padding-top:33px;}
.wolf_bottom_contact{width:618px; float:left;}
.bottom_head{width:100%; text-align:left; line-height:61px; margin-bottom:20px; background: left bottom no-repeat; font-size:16px; color:#ffffff;}
.wolf_bottom_contact ul li{ font-size:16px; color:#ffffff; line-height:32px;}
.wolf_bottom_contact ul li a{font-size:16px; color:#ffffff;}
.wolf_bottom_contact div{font-size:16px; color:#ffffff; line-height:32px;}
.wolf_bottom_ewm{width:418px; margin-top:55px;}
.wolf_bottom_ewm ul li{ float:left; font-size:13px; text-align:center; color:#ffffff; line-height:25px;}
.wolf_bottom_ewm ul li span{font-size:25px; color:#ffffff;}

.wolf_bottom_right{width:556px; float:right;}
.wolf_bottom_about{width:270px; float:left; text-align:left;}
.wolf_bottom_about ul li{font-size:16px; color:#ffffff; line-height:32px;}
.wolf_bottom_about ul li a{font-size:16px; color:#ffffff;}
.wolf_bottom_about ul li a:hover{text-decoration:underline;}

.wolf_bottom_product{width:285px; float:left; text-align:left;}
.wolf_bottom_product ul li{font-size:16px; color:#ffffff; line-height:32px;}
.wolf_bottom_product ul li a{font-size:16px; color:#fff; line-height:32px; }
.wolf_bottom_product ul li a:hover{text-decoration:underline;}
.wolf_bottom_product ul li h3{font-size:16px; color:#ffffff; font-weight:normal;}
.wolf_bottom_product ul li h3:hover{ text-decoration:underline; color:#ffffff;}

.wolf_bottom_bottom2{ width:100%; margin-top:30px; border-top:1px solid #404040; padding-top:30px; line-height:30px; text-align:left; color:#ffffff; font-size:16px;}
.wolf_bottom_bottom2 a{color:#ffffff; font-size:16px;}

.wolf_bottom_friendlink{width:1400px; margin:auto; font-size:16px}
.wolf_bottom_friendlink a{font-size:16px;color:#282828; height:30px; line-height:30px}
.g-ft{ display:none}
.footer_top{ width:100%; height:40px; line-height:40px; display:none}
@media screen and (max-width:1400px) {
.wolf_bottom_bg{min-width:100%; max-width:1920px; margin:auto; background:#2a2a2a; padding-bottom:50px; margin-top:60px;}
.wolf_bottom_footer{width:90%; margin:auto; padding-top:33px;}
.wolf_bottom_contact{width:100%; float:left;}
.wolf_bottom_right{width:556px; float:right; display:none}
.g-ft{ display:none}
.wolf_bottom_friendlink{width:90%; margin:auto; font-size:16px; height:30px; line-height:30px}
.wolf_bottom_friendlink a{font-size:16px;color:#282828; height:30px; line-height:30px}

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

.g-ft{ display:none}
	}	
@media screen and (max-width:781px) {
	.suspension{ display:none}
.wolf_bottom_bg{ display:none}
.wolf_bottom_friendlink{ display:none}
.footer_top{ width:100%; height:40px; line-height:40px; display:block}
.g-ft {
	margin-top: 0; display:block; z-index:1
}
.f_nav {
	height: 4.9rem;
	min-width: 320px;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 2;
	background: #313131;
	display: flex;
	justify-content: space-between;
}
.f_nav li {
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.f_nav li a {
	height: 4.9rem;
	font-size: 1rem;
	color: #fff;
	line-height: 100%;
	display: block;
	text-align: center;
}
.f_nav li img {
	width: 1.75rem;
	max-width: 100%;
margin: .8rem auto .6rem;
	display: block;
}
.f_nav li:last-child {
	border-right: none;
}
.f_nav li.cur {
	background: #ba0000;
	border-color: #40269a;
}
	}	
@media screen and (max-width:481px) {
	.suspension{ display:none}
	.bottom{ display:none}
.bottom1{ display:none}
.bottom2{ display:none}
.g-ft{ display:block}
	}
	
	
.index_product_left{ width:250px; float:left}	
.index_product_middle{ width:50px; float:left}
.index_product_right{ width:1100px; float:left}
.index_product_left_class1{width:calc(100% - 50px); height:43px; background:url(/uploads/image/tdimages/left_title.jpg);margin-bottom:10px;line-height:43px; text-align:left; padding-left:50px}
.index_product_left_class2{width:calc(100% - 30px); height:28px; line-height:28px; text-align:left; padding-left:30px;margin-bottom:7px;margin-top:8px}



.index_pro_class_pro{width:33.3%;  float:left;}
.index_pro_class_pro_body{width:90%; height:auto;background:#ffffff; margin:auto}
.index_pro_class_pro_img{ width:330px; height:248px; overflow:hidden; margin:auto; text-align:center;}
.index_pro_class_pro_img img{ width:330px; height:248px}
.index_pro_class_pro_title{width:100%; height:40px; text-align:center; line-height:40px; margin:auto}
.index_pro_class_pro_smallc{width:100%; line-height:20px; margin:auto; text-align:center; color:#999999; font-size:14px}





@media screen and (max-width:1400px) {
.index_product_left{ width:250px; float:left}	
.index_product_middle{ width:20px; float:left}
.index_product_right{ width:calc(100% - 270px); float:left}	

.index_pro_class_pro_img{ width:100%; height:auto; overflow:hidden; margin:auto; text-align:center;}
.index_pro_class_pro_img img{ width:100%; height:auto}
}
	
@media screen and (max-width:1024px) {
	
	


.index_pro_class_pro{width:50%;  float:left; padding-top:5px; padding-bottom:5px}
.index_pro_class_pro_body{width:90%; height:auto;background:#ffffff; margin:auto}
.index_pro_class_pro_img{width:100%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:10px}
.index_pro_class_pro_img img{ width:100%; height:auto}
.index_pro_class_pro_title{width:90%; height:40px; text-align:center; line-height:40px; margin:auto}
.index_pro_class_pro_smallc{width:90%; line-height:20px; margin:auto; text-align:center; color:#999999; font-size:14px}	
	}

@media screen and (max-width:781px) {
	
.index_product_left{ width:100%; float:left}	
.index_product_middle{ width:100%; float:left}
.index_product_right{ width:100%; float:left}

.index_product_left_class1{width:calc(100% - 50px); height:43px; background:url(/uploads/image/tdimages/left_title.jpg);margin-bottom:10px;line-height:43px; text-align:left; padding-left:50px}
.index_product_left_class2{width:calc(50% - 30px); height:28px; line-height:28px; text-align:left; padding-left:30px;margin-bottom:7px;margin-top:8px;float:left}

.index_pro_class_pro{width:100%;  float:left; padding-top:5px; padding-bottom:5px}
.index_pro_class_pro_body{width:90%; height:auto;background:#ffffff; margin:auto}
.index_pro_class_pro_img{width:100%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:10px}
.index_pro_class_pro_img img{ width:100%; height:auto}
.index_pro_class_pro_title{width:90%; height:40px; text-align:center; line-height:40px; margin:auto}
.index_pro_class_pro_smallc{width:90%; line-height:20px; margin:auto; text-align:center; color:#999999; font-size:14px}	
	}
	
	
.page_search_body{ width:1400px; margin:auto}
.page_search_body .l{ float:left; line-height:74px; text-align:left; color:#ffffff; font-size:16px; padding-left:10px}
.page_search_body .r{float:right; padding-top:18px; width:350px; padding-right:10px}

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

.page_search_body{ width:100%; margin:auto}
.page_search_body .l{ float:left;line-height:74px; text-align:left; color:#ffffff; font-size:16px; padding-left:10px}
.page_search_body .r{float:right; padding-top:18px; width:350px; padding-right:10px}

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

.page_search_body{ width:100%; margin:auto}
.page_search_body .l{ float:left; height:auto; line-height:40px; text-align:center; color:#ffffff; font-size:14px; width:100%; padding-left:0px}
.page_search_body .r{float:left; padding-top:10px;  width:100%; padding-left:0px;padding-bottom:10px; padding-right:0px}
	 }


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

.page_search_body{ width:100%; margin:auto}
.page_search_body .l{ float:left; height:auto; line-height:40px; text-align:center; color:#ffffff; font-size:12px; width:100%; padding-left:0px}
.page_search_body .r{float:left; padding-top:10px;  width:100%; padding-left:0px;padding-bottom:10px; padding-right:0px}




	 }

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

.page_search_body{ width:100%; margin:auto}
.page_search_body .l{ float:left; height:auto; line-height:40px; text-align:center; color:#ffffff; font-size:12px; width:100%; padding-left:0px}
.page_search_body .r{float:left; padding-top:10px;  width:100%; padding-left:0px;padding-bottom:10px; padding-right:0px}

	 }	
	 
	 
.page_righttitle{width:98%; margin:auto; background:url(/uploads/image/tdimages/in_title.jpg) left center no-repeat; font-size:25px; color:#333333; line-height:27px; padding:15px 0 15px 20px; text-align:left; border-bottom:1px solid #e2e1e0;}
.r_mbx{float:right; text-align:right; line-height:25px; font-size:16px; color:#454545;}
.r_mbx a{font-size:16px; color:#454545;}

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

.page_righttitle{width:90%; margin:auto; background:url(/uploads/image/tdimages/in_title.jpg) left center no-repeat; font-size:25px; color:#333333; line-height:27px; padding:15px 0 15px 20px; text-align:left; border-bottom:1px solid #e2e1e0;}

.r_mbx{ display:none}
	 }	
	 
	 
.pro_title{ width:100%; height:60px; line-height:60px; margin:auto;color:#454545; text-align:left; font-size:26px; font-weight:bold; text-align:left;}



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

.pro_title{ width:96%; height:60px; line-height:60px; margin:auto;color:#c10110; text-align:left; font-size:26px; font-weight:bold; text-align:left;}

}


 @media screen and (max-width:1024px) {
.pro_title{ width:96%;  height:60px; line-height:60px; margin:auto;color:#c10110; text-align:left; font-size:26px; font-weight:bold; text-align:left;}


}
 @media screen and (max-width:781px) {
.pro_title{ width:96%;  height:60px; line-height:60px; margin:auto;color:#c10110; text-align:left; font-size:26px; font-weight:bold; text-align:left;}
}	  
 @media screen and (max-width:481px) {

.pro_title{ width:9896;  height:60px; line-height:60px; margin:auto;color:#c10110; text-align:left; font-size:26px; font-weight:bold; text-align:left;}

}	

.table_img_aaa{ width:50%; float:left; text-align:center; padding-bottom:5px; padding-top:15px}
.table_img_aaa img{ width:90%; margin:auto; text-align:center}
 @media screen and (max-width:481px) {

.table_img_aaa{ width:100%; float:left; text-align:center; padding-bottom:5px; padding-top:15px}
.table_img_aaa img{ width:90%; margin:auto; text-align:center}
}	

.web_pro_pro_pro_content{ width:100%; margin:auto}
.web_pro_pro_aaa{ width:50%; float:left}
.web_pro_pro_bbb{ width:96%; text-align:center; margin:auto}
.web_pro_pro_bbb img{ width:100%; overflow:hidden; border:1px solid #eeeeee}
.web_pro_pro_ccc{ width:96%; margin:auto; text-align:center; line-height:40px; overflow:hidden; height:40px}

.web_pro_pro_aaa1{ width:33.3%; float:left}
.web_pro_pro_bbb1{ width:96%; text-align:center; margin:auto}
.web_pro_pro_bbb1 img{ width:100%; overflow:hidden; border:1px solid #eeeeee}
.web_pro_pro_ccc1{ width:96%; margin:auto; text-align:center; line-height:40px; overflow:hidden}

@media screen and (max-width:781px) {
.web_pro_pro_aaa{ width:100%; float:left}	
}




.pro_top_1{float:left; width:533px;}
.pro_top_1 img{ width:100%}
.pro_top_2{float:left; width:20px}
.pro_top_3{float:left; width:calc(100% - 553px)}
.pro_detail_title{ font-size:36px; height:80px; line-height:80px; font-weight:bold; color:#454545; border-bottom:1px solid #eeeeee; margin-bottom:20px}
.pro_detail_smallc{width:100%; line-height:30px; overflow:hidden; height:90px}
.pro_detail_tel{font-size:20px; font-weight:bold; color:#c10110; padding-top:30px; text-align:left}
.pro_detail_feedback{float:left; padding-top:30px}


 @media screen and (max-width:1400px) {
.pro_top_1{float:left; width:50%;}
.pro_top_1 img{ width:100%}
.pro_top_2{float:left; width:20px}
.pro_top_3{float:left; width:calc(50% - 20px)}
.pro_detail_title{ font-size:26px; height:40px; line-height:40px; font-weight:bold; color:#454545; border-bottom:1px solid #eeeeee; margin-bottom:10px}
.pro_detail_smallc{width:100%; line-height:30px; overflow:hidden; height:90px}
.pro_detail_tel{font-size:20px; font-weight:bold; color:#c10110; padding-top:10px; text-align:left}
.pro_detail_feedback{float:left; padding-top:10px}

}


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

.pro_top_1{float:left; width:100%;}
.pro_top_1 img{ width:100%}
.pro_top_2{float:left; width:20px; display:none}
.pro_top_3{float:right; width:100%}
.pro_detail_title{ font-size:36px; height:80px; line-height:80px; font-weight:bold; color:#454545; border-bottom:1px solid #eeeeee; margin-bottom:20px}
.pro_detail_smallc{width:100%; line-height:30px; overflow:hidden; height:90px}
.pro_detail_tel{font-size:20px; font-weight:bold; color:#c10110; padding-top:30px; text-align:left}
.pro_detail_feedback{float:left; padding-top:30px}
}
 @media screen and (max-width:781px) {
}	  
 @media screen and (max-width:481px) {


}