@font-face {
font-family:"NotoSansSC";
src: url('../front/NotoSansSC-6.ttf');
opacity: 1;

}


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:"NotoSansSC"; }
html{-webkit-text-size-adjust:none; }

TD,div {font-family: "NotoSansSC";font-size: 16px; color: #000000; line-height:20px;-webkit-font-smoothing: antialiased;}

INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "NotoSansSC";}


A {TEXT-DECORATION:none;color:#000000;
}

A:hover {
	COLOR:#005aab; TEXT-DECORATION:none;/* 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:#f99393;;
	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}
  

.showsearch {
	display: block;
}
.nosearch {
	display: none;
}  

.web_body{ width:90%; margin:auto}
.web_body_web{width:100%; margin:auto}

#menu_wap{ display:none}
.web_menu_logo{float:left; width:425px; margin-top:10px}
.web_menu_logo_right{ float:left; width:200px}
.web_menu_logo_menu{float:left; width:700px}
.web_menu_right1{ float:right; height:100px; line-height:100px; font-size:14px; width:13px; padding-right:26px}
.web_menu_right2{float:right;  font-size:14px; padding-top:40px}
.web_menu_right3{ float:right;font-size:14px; width:13px; padding-top:38px}
.web_menu_right5{float:right; height:100px; line-height:100px}

.menu_a { height:100px; line-height:100px; text-align:center; width:12.5%}
.menu_a a{ color:#000000; font-size:16px;width:100%; height:100px; line-height:100px; display:block}
.menu_a a:hover{ color:#000000; font-size:16px;width:100%; height:100px; line-height:100px; display:block}

.menu_ab {  height:100px; line-height:100px; text-align:center; width:12.5%}
.menu_ab a{ color:#005aab; font-size:16px;width:100%; height:100px; line-height:100px; display:block; font-weight:bold}
.menu_ab a:hover{ color:#005aab; font-size:16px;width:100%; height:100px; line-height:100px; display:block; font-weight:bold}

.menu_bottom{ display:none}
.main { width: 90%; margin: 0 auto; overflow: hidden; position: relative; }





.menu_lan1{ display:block; padding-top:0px}
.menu_lan2{ display:none; padding-top:0px}

.menu_lan_dd{ display:block}
.menu_lan_nn{ display:none}


.menu_lan{ position:relative;z-index:8; cursor:pointer;}
.menu_lan dl{display:none; position:absolute; width:100px;left:-40px; top:20px;z-index:9;}
.menu_lan dd{display:block; width:100%;}
.menu_lan dd a{display:block; padding-left:0px;width:100%; height:32px; line-height:32px;font-size:13px; background:#f0f0f0; border-bottom:1px dashed #e1e1e1; text-align:center}

.menu_lan dd a:hover{display:block; background:#005aab; color:#fff; padding-left:0px;border-bottom:1px dashed #e1e1e1; height:32px; line-height:32px;width:100%; text-align:center}







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

.web_menu_logo{float:left; width:425px}
.web_menu_logo_right{ float:left; width:0px}
.web_menu_logo_menu{float:left; width:700px}
.web_menu_right1{ float:right; height:100px; line-height:100px; font-size:14px; width:13px}
.web_menu_right2{float:right; height:auto; line-height:auto; font-size:14px;}


}

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

.web_menu_logo{float:left; width:315px}
.web_menu_logo_right{ float:left; width:0px}
.web_menu_logo_menu{float:left; width:calc(100% - 315px)}
.web_menu_right1{ float:right; height:80px; line-height:80px; font-size:14px; width:13px; display:none}
.web_menu_right2{float:right; height:80px; line-height:80px; font-size:14px; width:150px; display:none}
.web_menu_right3{ float:right; height:80px; line-height:80px; font-size:14px; width:13px; display:none}
.web_menu_right5{ display:none}

.web_menu_logo img{ width:100%}

.menu_a { height:80px; line-height:80px; text-align:center; width:12.5%}
.menu_a a{ color:#000000; font-size:16px;width:100%; height:80px; line-height:80px; display:block}
.menu_a a:hover{ color:#000000; font-size:16px;width:100%; height:80px; line-height:80px; display:block}

.menu_ab {  height:80px; line-height:80px; text-align:center; width:12.5%}
.menu_ab a{ color:#005aab; font-size:16px;width:100%; height:80px; line-height:80px; display:block; font-weight:bold}
.menu_ab a:hover{ color:#005aab; font-size:16px;width:100%; height:80px; line-height:80px; display:block; font-weight:bold}
.main { width: 90%; margin: 0 auto; overflow: hidden; position: relative; }

}


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

.web_menu_logo{float:left; width:250px}
.web_menu_logo_right{ float:left; width:0px}
.web_menu_logo_menu{float:left; width:calc(100% - 250px)}
.web_menu_right1{ float:right; height:60px; line-height:60px; font-size:14px; width:52px; display:none}
.web_menu_right2{float:right; height:60px; line-height:60px; font-size:14px; width:150px; display:none}
.web_menu_right5{ display:none}
.web_menu_logo img{ width:100%}

.menu_a { height:60px; line-height:60px; text-align:center; width:12.5%}
.menu_a a{ color:#000000; font-size:14px;width:100%; height:60px; line-height:60px; display:block}
.menu_a a:hover{ color:#000000; font-size:14px;width:100%; height:60px; line-height:60px; display:block}

.menu_ab {  height:60px; line-height:60px; text-align:center; width:12.5%}
.menu_ab a{ color:#005aab; font-size:14px;width:100%; height:60px; line-height:60px; display:block; font-weight:normal}
.menu_ab a:hover{ color:#005aab; font-size:14px;width:100%; height:60px; line-height:60px; display:block; font-weight:normal}
}

@media screen and (max-width:900px) {
.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_web{ 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:url(../images/top_phone.png) 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:#005aab;
	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:#005aab;
	overflow:scroll;
	padding-bottom:50%;
}
.nav_menu li {
	width:100%;
	overflow:hidden;
	background:url(../images/nav02.png) no-repeat 80% 1.2rem;
}
.nav_menu li p {
	font-size:1rem;
	color:#ffffff;
	padding:1rem 0 1rem 3.75rem;
	border-bottom:1px solid #156ab7;
	background:url(../images/nav01.png) 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:url(../images/nav03.png) 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:url(../images/nav02-1.png) no-repeat 80% 1.2rem;
}
.nav_menu li.on p {
	color:#fff;
	background:url(../images/nav01-1.png) no-repeat 2rem center;
	background-size:0.8rem;
}
.nav_menu li.on p a {
	color:#fff;
}
/*nav*/



nav {
	background-size: cover;
}


.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:url(../images/top_phone.png) 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:#005aab;
	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:#005aab;
	overflow:scroll;
	padding-bottom:50%;
}
.nav_menu li {
	width:100%;
	overflow:hidden;
	background:url(../images/nav02.png) no-repeat 80% 1.2rem;
}
.nav_menu li p {
	font-size:1rem;
	color:#ffffff;
	padding:1rem 0 1rem 3.75rem;
	border-bottom:1px solid #156ab7;
	background:url(../images/nav01.png) 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:url(../images/nav03.png) 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:url(../images/nav02-1.png) no-repeat 80% 1.2rem;
}
.nav_menu li.on p {
	color:#fff;
	background:url(../images/nav01-1.png) no-repeat 2rem center;
	background-size:0.8rem;
}
.nav_menu li.on p a {
	color:#fff;
}
/*nav*/





.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}

}


.home_pro_inc{ padding-top:70px; padding-bottom:30px}
.home_pro_inc1{ padding-top:30px; padding-bottom:30px}

.web_title_left{ float:left}
.web_title_right{ float:right; padding-top:20px}
.web_title_right1{ float:right; padding-top:0px}
.web_title_left1{ font-size:32px; font-weight:700; height:46px; line-height:46px}
.web_title_left2{ font-size:16px; font-weight:400; height:20px; line-height:20px; padding-top:15px}
.web_title_right a{width: 150px; height: 40px; display: block;color: #f99393; line-height: 40px; text-align: center;border-radius:50px; border:1px solid #f99393; font-size:14px; font-weight:500}
.web_title_right1 a{width: 150px; height: 40px; display: block;color: #f99393; line-height: 40px; text-align: center;border-radius:50px; border:1px solid #f99393; font-size:14px; font-weight:500}
.web_title_more{ width:152px; text-align:left; margin-top:30px}
.web_title_more a{width: 150px; height: 40px; display: block;color: #f99393; line-height: 40px; text-align: center;border-radius:50px; border:1px solid #f99393; font-size:14px; font-weight:bold}

.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:#f99393; margin:auto; margin-bottom:30px}




.web_proclass_1{ float:left; width:43%; height:816px; background:url(../images/proclass1.jpg) no-repeat;background-size:cover}
.web_proclass_2{ float:left; width:calc(57% - 12px); height:816px; margin-left:12px}
.web_proclass_2_a{width:100%; height:402px; background:url(../images/proclass2.jpg) no-repeat;background-size:cover}
.web_proclass_2_b{width:100%; height:402px; background:url(../images/proclass3.jpg) no-repeat;background-size:cover; margin-top:12px}
.web_proclass_3{ float:left; width:43%; height:402px; background:url(../images/proclass4.jpg) no-repeat;background-size:cover; margin-top:12px}
.web_proclass_4{ float:left; width:calc(28.5% - 12px); height:402px; background:url(../images/proclass5.jpg) no-repeat;background-size:cover; margin-top:12px; margin-left:12px}
.web_proclass_5{ float:left; width:calc(28.5% - 12px); height:402px; background:url(../images/proclass6.jpg) no-repeat;background-size:cover; margin-top:12px; margin-left:12px}

.web_proclass_title1{ font-size:20px; font-weight:700; height:30px; line-height:30px; color:#000000; padding-left:20px; padding-top:30px}
.web_proclass_title2{ font-size:14px; font-weight:500; height:20px; line-height:20px; color:#000000; padding-left:20px;}



@media screen and (max-width:1040px) {
.web_proclass_1{ float:left; width:43%; height:516px; background:url(../images/proclass1.jpg) no-repeat;background-size:cover}
.web_proclass_2{ float:left; width:calc(57% - 12px); height:516px; margin-left:12px}
.web_proclass_2_a{width:100%; height:252px; background:url(../images/proclass2.jpg) no-repeat;background-size:cover}
.web_proclass_2_b{width:100%; height:252px; background:url(../images/proclass3.jpg) no-repeat;background-size:cover; margin-top:12px}
.web_proclass_3{ float:left; width:43%; height:252px; background:url(../images/proclass4.jpg) no-repeat;background-size:cover; margin-top:12px}
.web_proclass_4{ float:left; width:calc(28.5% - 12px); height:252px; background:url(../images/proclass5.jpg) no-repeat;background-size:cover; margin-top:12px; margin-left:12px}
.web_proclass_5{ float:left; width:calc(28.5% - 12px); height:252px; background:url(../images/proclass6.jpg) no-repeat;background-size:cover; margin-top:12px; margin-left:12px}

.web_proclass_title1{ font-size:20px; font-weight:700; height:30px; line-height:30px; color:#000000; padding-left:20px; padding-top:30px}
.web_proclass_title2{ font-size:14px; font-weight:500; height:20px; line-height:20px; color:#000000; padding-left:20px;}	
	}



@media screen and (max-width:600px) {
	
	
.web_title_left{ float:left}
.web_title_right{ float:left; padding-top:20px}
.web_title_right1{ float:right; padding-top:0px}
.web_title_left1{ font-size:22px; font-weight:700; height:46px; line-height:46px}
.web_title_left2{ font-size:12px; font-weight:400; height:20px; line-height:20px; padding-top:15px}
.web_title_right a{width: 120px; height: 30px; display: block;color: #f99393; line-height: 30px; text-align: center;border-radius:50px; border:1px solid #f99393; font-size:12px; font-weight:500}
.web_title_right1 a{width: 120px; height: 30px; display: block;color: #f99393; line-height: 30px; text-align: center;border-radius:50px; border:1px solid #f99393; font-size:12px; font-weight:500}
.web_title_more{ width:122px; text-align:left; margin-top:30px}
.web_title_more a{width: 120px; height: 30px; display: block;color: #f99393; line-height: 30px; text-align: center;border-radius:50px; border:1px solid #f99393; font-size:12px; font-weight:bold}

.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:#f99393; margin:auto; margin-bottom:30px}
	
	
.web_proclass_1{ float:left; width:43%; height:516px; background:url(../images/proclass1.jpg) no-repeat;background-size:cover}
.web_proclass_2{ float:left; width:calc(57% - 12px); height:516px; margin-left:12px}
.web_proclass_2_a{width:100%; height:252px; background:url(../images/proclass2.jpg) no-repeat;background-size:cover}
.web_proclass_2_b{width:100%; height:252px; background:url(../images/proclass3.jpg) no-repeat;background-size:cover; margin-top:12px}
.web_proclass_3{ float:left; width:43%; height:252px; background:url(../images/proclass4.jpg) no-repeat;background-size:cover; margin-top:12px}
.web_proclass_4{ float:left; width:calc(28.5% - 12px); height:252px; background:url(../images/proclass5.jpg) no-repeat;background-size:cover; margin-top:12px; margin-left:12px}
.web_proclass_5{ float:left; width:calc(28.5% - 12px); height:252px; background:url(../images/proclass6.jpg) no-repeat;background-size:cover; margin-top:12px; margin-left:12px}

.web_proclass_title1{ font-size:14px; font-weight:700; height:30px; line-height:30px; color:#000000; padding-left:20px; padding-top:30px}
.web_proclass_title2{ font-size:14px; font-weight:500; height:20px; line-height:20px; color:#000000; padding-left:20px;}	
	}
	
	
@media screen and (max-width:450px) {
.web_proclass_1{ float:left; width:100%; height:516px; background:url(../images/proclass1.jpg) no-repeat;background-size:cover; margin-bottom:10px}
.web_proclass_2{ float:left; width:calc(100% - 0px); height:516px; margin-left:0px; margin-bottom:10px}
.web_proclass_2_a{width:100%; height:252px; background:url(../images/proclass2.jpg) no-repeat;background-size:cover}
.web_proclass_2_b{width:100%; height:252px; background:url(../images/proclass3.jpg) no-repeat;background-size:cover; margin-top:12px}
.web_proclass_3{ float:left; width:100%; height:252px; background:url(../images/proclass4.jpg) no-repeat;background-size:cover; margin-top:10px}
.web_proclass_4{ float:left; width:calc(100% - 0px); height:252px; background:url(../images/proclass5.jpg) no-repeat;background-size:cover; margin-top:12px; margin-left:0px}
.web_proclass_5{ float:left; width:calc(100% - 0px); height:252px; background:url(../images/proclass6.jpg) no-repeat;background-size:cover; margin-top:12px; margin-left:0px}

.web_proclass_title1{ font-size:20px; font-weight:700; height:30px; line-height:30px; color:#000000; padding-left:20px; padding-top:30px}
.web_proclass_title2{ font-size:14px; font-weight:500; height:20px; line-height:20px; color:#000000; padding-left:20px;}	
	}	



.index_middle_banner{ width:100%; height:600px; background:url(../images/index_banner_middle.jpg) no-repeat;background-size:cover; margin-top:50px}

.index_middle_banner_text{font-size:32px; font-weight:bold; color:#ffffff; text-align:center; width:100%; margin:auto; line-height:50px; padding-top:200px}

.index_middle_more{width:152px; text-align:left; padding-top:30px; margin:auto}
.index_middle_more a{width: 150px; height: 40px; display: block;color: #ffffff; line-height: 40px; text-align: center;border-radius:50px; border:1px solid #ffffff; font-size:14px; font-weight:bold}

@media screen and (max-width:500px) {
.index_middle_banner{ width:100%; height:400px; background:url(../images/index_banner_middle.jpg) no-repeat left;background-size:cover; margin-top:50px}
.index_middle_banner_text{font-size:22px; font-weight:bold; color:#ffffff; text-align:center; width:100%; margin:auto; line-height:50px; padding-top:180px}

.index_middle_more{width:122px; text-align:left; padding-top:30px; margin:auto}
.index_middle_more a{width: 120px; height: 30px; display: block;color: #ffffff; line-height: 30px; text-align: center;border-radius:50px; border:1px solid #ffffff; font-size:14px; font-weight:bold}
	}	
	


.web_news_content{width:calc(33.3333% - 10px); float:left; margin-left:5px; margin-right:5px}
.web_news_content_content{width:100%; margin:auto;background:#ffffff; padding-bottom:30px}
.web_news_content_content_1{width:92%; margin:auto}
.web_news_content_content_1_left{float:left; text-align:left; padding-top:15px}
.web_news_content_content_1_left a{font-size:9px; color:#ffffff; background:#f99393; height:17px; width:58px; display:block; line-height:17px; text-align:center}
.web_news_content_content_1_left a:hover{font-size:9px; color:#ffffff; background:#f99393; height:17px; width:58px; display:block; line-height:17px; text-align:center}
.web_news_content_content_1_right{float:right; text-align:right; height:40px; line-height:40px; font-size:14px}
.web_news_content_content_2{width:92%; margin:auto; text-align:left; height:60px; line-height:60px; overflow:hidden}
.web_news_content_content_2 a{font-size:20px; color:#000000; font-weight:600}
.web_news_content_content_2 a:hover{font-size:20px; color:#000000; font-weight:600}
.web_news_content_content_3{width:92%; margin:auto; line-height:21px; font-size:14px; height:63px; overflow:hidden}
.web_news_content_content_4{width:92%; margin:auto; text-align:right;padding-top:20px}
.web_news_content_content_4_1{float:right}	
.web_news_content_content_4_1 a{font-size:14px; color:#ffffff; background:#6b6b6b; height:28px; width:80px; display:block; line-height:28px; text-align:center}



@media screen and (max-width:800px) {
.web_news_content{width:calc(100% - 0px); float:left; margin-left:0px; margin-right:0px}
.web_news_content_content{width:100%; margin:auto;background:#ffffff; padding-bottom:30px}
.web_news_content_content_1{width:92%; margin:auto}
.web_news_content_content_1_left{float:left; text-align:left; padding-top:15px}
.web_news_content_content_1_left a{font-size:9px; color:#ffffff; background:#f99393; height:17px; width:58px; display:block; line-height:17px; text-align:center}
.web_news_content_content_1_left a:hover{font-size:9px; color:#ffffff; background:#f99393; height:17px; width:58px; display:block; line-height:17px; text-align:center}
.web_news_content_content_1_right{float:right; text-align:right; height:40px; line-height:40px; font-size:14px}
.web_news_content_content_2{width:92%; margin:auto; text-align:left; height:40px; line-height:40px; overflow:hidden}
.web_news_content_content_2 a{font-size:16px; color:#000000; font-weight:600}
.web_news_content_content_2 a:hover{font-size:16px; color:#000000; font-weight:600}
.web_news_content_content_3{width:92%; margin:auto; line-height:21px; font-size:12px}
.web_news_content_content_4{width:92%; margin:auto; text-align:right;padding-top:20px}
.web_news_content_content_4_1{float:right}	
.web_news_content_content_4_1 a{font-size:12px; color:#ffffff; background:#6b6b6b; height:20px; width:60px; display:block; line-height:20px; text-align:center}
	}	
	


.web_about_left{ float:left; width:50%}
.web_about_right{float:left; width: calc(50% - 25px); padding-left:25px}
.web_about_left_content{float:right; width:100.185185%}
.web_about_left_title1{text-align:left;font-size:32px; font-weight:700; height:130px; line-height:130px}
.web_about_left_title2{text-align:left; line-height:20px; font-size:14px}


.fitsc-counter .counter{text-align:left; font-size:52px; font-weight:400; font-family:Verdana, Geneva, sans-serif; height:70px; line-height:70px; padding-left:30px; letter-spacing:-5px}
.about_nb2{text-align:left; font-size:16px; font-weight:400; height:30px; line-height:30px; padding-left:30px}


@media screen and (max-width:1200px) {
.web_about_left{ float:left; width:40%}
.web_about_right{float:left; width: calc(60% - 25px); padding-left:25px}

.web_about_left_content{float:right; width:90%}
.web_about_left_title1{text-align:left;font-size:32px; font-weight:700; height:130px; line-height:130px}
.web_about_left_title2{text-align:left; line-height:20px; font-size:14px}	
	}	

@media screen and (max-width:1000px) {
.web_about_left{ float:left; width:100%}
.web_about_right{float:left; width: calc(100% - 0px); padding-left:0px}

.web_about_left_content{float:left; width:90%; margin-left:5%}
.web_about_left_title1{text-align:left;font-size:28px; font-weight:700; height:130px; line-height:130px}
.web_about_left_title2{text-align:left; line-height:20px; font-size:14px}	
	}	
	
	
@media screen and (max-width:650px) {
.fitsc-counter .counter{text-align:left; font-size:52px; font-weight:400; font-family:Verdana, Geneva, sans-serif; height:70px; line-height:70px; padding-left:30px; letter-spacing:-5px}
.about_nb2{text-align:left; font-size:14px; font-weight:400; height:30px; line-height:30px; padding-left:10px}
	}	
	
@media screen and (max-width:500px) {
.fitsc-counter .counter{text-align:left; font-size:32px; font-weight:400; font-family:Verdana, Geneva, sans-serif; height:70px; line-height:70px; padding-left:10px; letter-spacing:-5px}
.about_nb2{text-align:left; font-size:9px; font-weight:400; height:30px; line-height:30px; padding-left:10px}
	}		


.index_pro_more{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#f99393; 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:#f99393}
	.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:90%; margin:auto}
.inc_left{ width:100%; float:left}

.body_ny{ width:100%; margin:auto; padding-bottom:0px; 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:#f99393;}

.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:#f99393; 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:#f99393;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#f99393; 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:100%; float:left}

.body_ny{ width:calc(100% - 0px); margin:auto; padding-bottom:100px; 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:#f99393;}

.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:#f99393; 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:#f99393;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#f99393; 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:100%; float:left}

.body_ny{ width:calc(100% - 0px); margin:auto; padding-bottom:100px; 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: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:#f99393;}

.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:#f99393; 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:#f99393;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#f99393; 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:#f99393;}

.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:#f99393; 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:#f99393;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#f99393; 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:#f99393;}

.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:#f99393; 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:#f99393;}
.left_yes .left_c a:hover{ width:100%; height:50px; display:block; background:#f99393; 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:90%;}
.about_content_title{width:90%; 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(../images/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(../images/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(../images/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(../images/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(../images/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:#f99393;}


.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:#f99393;}

.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:#f99393; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#f99393;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#f99393; 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:#f99393;}


.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:#f99393;}

.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:#f99393; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#f99393;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#f99393; 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:#f99393;}


.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:#f99393;}

.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:#f99393; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#f99393;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#f99393; 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:#f99393;}


.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:#f99393;}

.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:#f99393; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#f99393;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#f99393; 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:#f99393;}


.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:#f99393;}

.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:#f99393; color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:105px; height:40px;  display:block; color:#ffffff; font-size:14px; background:#f99393;}
.sk_yes .lili a:hover{ width:105px; height:40px; display:block; background:#f99393; 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 #f99393}



	 }	 
	 

	 
	 



	
	
.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:#f99393}		

.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:#f99393}	


.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:#f99393}	

.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:#f99393}	

.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:#f99393}	

.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}
}







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: #f99393; 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: url("../images/prev.png") no-repeat center;
	width: 56px;
	height: 56px;
	left: -93px;
	top: 109px;
}
.album .photo_album_son main .swiper-button-next {
	position: absolute;
	outline: none;
	background: url("../images/next.png") 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 url("../image/loading.gif") 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:#f99393;
}

.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:#f99393; 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:#f99393; 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:#f99393; 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:#f99393; 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:#f99393; 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(../images/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(../images/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(../images/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(../images/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(../images/lc_jt.png) no-repeat;}

@media screen and (max-width:1400px) {
.wolf_servicebg{min-width:100%; max-width:100%; margin:auto; background:url(../images/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(../images/page_servicebg.jpg) center repeat-y; height:auto;}
.service_jt{width:5%; height:18px; float:left; margin:30px 0px 0 0px; background:url(../images/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(../images/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) {


}




.web_footer{ display:block}
.web_footer_bottom{padding-top:30px; padding-bottom:30px}
.g-ft{ display:none}
.web_footer_1{float:left; padding-top:80px; width:26%}
.web_footer_2{float:left; padding-top:80px; width:30%}
.web_footer_3{float:left; padding-top:80px; width:16%}
.web_footer_4{float:right; padding-top:80px; }
.web_footer_bottom_content{line-height:30px; text-align:left; font-size:14px; font-weight:400}

@media screen and (max-width:1040px) {
.web_footer_1{float:left; padding-top:80px; width:50%}
.web_footer_2{float:left; padding-top:80px; width:50%}
.web_footer_3{float:left; padding-top:80px; width:16%; display:none}
.web_footer_4{float:right; padding-top:80px; display:none}
.g-ft{ display:none}
	}	
@media screen and (max-width:781px) {
	.suspension{ display:none}
	.web_footer{ display:none}
	.web_footer_bottom{ display:none}

.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: #005aab;
	border-color: #005aab;
}
	}	
@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(../images/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:calc(25% - 20px);  float:left; margin-left:10px; margin-right:10px; margin-bottom:20px}
.index_pro_class_pro_body{width:100%; height:auto;background:#ffffff; margin:auto; border:1px solid #f5f5f5;border-radius:20px; padding-bottom:30px}
.index_pro_class_pro_img{ width:calc(100% - 20px); height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:10px; margin-left:10px; margin-right:10px}
.index_pro_class_pro_img img{ width:100%; height:auto}
.index_pro_class_pro_title{width:calc(100% - 20px); height:60px; text-align:left; line-height:60px; margin:auto}
.index_pro_class_pro_title a{ font-size:18px; font-weight:bold}
.index_pro_class_pro_smallc{width:calc(100% - 20px); height:40px; text-align:left; line-height:40px; margin:auto; font-size:14px; border-bottom:1px solid #f5f5f5; overflow:hidden}
.index_pro_class_pro_smallc b{ color:#005aab}

.index_pro_class_proa{width:calc(33.3333% - 20px);  float:left; margin-left:10px; margin-right:10px; margin-bottom:20px}
.index_pro_class_pro_bodya{width:100%; height:auto;background:#ffffff; margin:auto; border:1px solid #f5f5f5;border-radius:20px; padding-bottom:10px}
.index_pro_class_pro_imga{ width:calc(100% - 20px); height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:10px; margin-left:10px; margin-right:10px}
.index_pro_class_pro_imga img{ width:100%; height:auto}
.index_pro_class_pro_titlea{width:calc(100% - 20px); height:60px; text-align:center; line-height:60px; margin:auto}
.index_pro_class_pro_titlea a{ font-size:18px; font-weight:bold}
.index_pro_class_pro_smallca{width:calc(100% - 60px); height:84px; text-align:left; line-height:28px; margin:auto; font-size:14px; border-bottom:1px solid #f5f5f5; overflow:hidden; color:#454545}
.index_pro_class_pro_smallca b{ color:#005aab}
.index_pro_class_pro_morea{ padding-top:20px; padding-bottom:10px;width:140px; margin:auto; text-align:center}
.index_pro_class_pro_morea a{ width:140px; height:40px; line-height:40px; text-align:center; background:#005aab; color:#ffffff; display:block; 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:calc(50% - 20px);  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:left; line-height:40px; margin:auto}
.index_pro_class_pro_smallc{width:90%; line-height:40px; margin:auto; text-align:left; color:#999999; font-size:14px}	




.index_pro_class_proa{width:calc(50% - 20px);  float:left; margin-left:10px; margin-right:10px; margin-bottom:20px}
.index_pro_class_pro_bodya{width:100%; height:auto;background:#ffffff; margin:auto; border:1px solid #f5f5f5;border-radius:20px; padding-bottom:10px}
.index_pro_class_pro_imga{ width:calc(100% - 20px); height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:10px; margin-left:10px; margin-right:10px}
.index_pro_class_pro_imga img{ width:100%; height:auto}
.index_pro_class_pro_titlea{width:calc(100% - 20px); height:60px; text-align:center; line-height:60px; margin:auto}
.index_pro_class_pro_titlea a{ font-size:18px; font-weight:bold}
.index_pro_class_pro_smallca{width:calc(100% - 60px); height:75px; text-align:left; line-height:25px; margin:auto; font-size:14px; border-bottom:1px solid #f5f5f5; overflow:hidden; color:#454545}
.index_pro_class_pro_smallca b{ color:#005aab}
.index_pro_class_pro_morea{ padding-top:20px; padding-bottom:10px;width:140px; margin:auto; text-align:center}
.index_pro_class_pro_morea a{ width:140px; height:40px; line-height:40px; text-align:center; background:#005aab; color:#ffffff; display:block; 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(../images/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:calc(100% - 20px);  float:left; padding-top:5px; padding-bottom:5px}
.index_pro_class_pro_body{width:100%; 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_proa{width:calc(100% - 20px);  float:left; margin-left:10px; margin-right:10px; margin-bottom:20px}


	}
	
	
.page_search_body{ width:90%; margin:auto}
.page_search_body .l{ float:left; line-height:74px; text-align:left; color:#454545; 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:#454545; 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:#454545; 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:#454545; 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:#454545; 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}

	 }	
	 
	 
	 
.app_top_left{width:70%; float:left}
.app_top_right{width:calc(30% - 30px); margin-left:30px; float:left}



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

.app_top_left{width:60%; float:left}
.app_top_right{width:calc(40% - 30px); margin-left:30px; float:left}

	 }
	 

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

.app_top_left{width:50%; float:left}
.app_top_right{width:calc(50% - 30px); margin-left:30px; float:left}

	 }

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

.app_top_left{width:100%; float:left}
.app_top_right{width:calc(100% - 0px); margin-left:0px; float:left}

	 }
	 
.page_RightTitle{width:98%; margin:auto; background:url(../images/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(../images/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:#f99393; 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:#f99393; 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:#f99393; 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:#f99393; 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:600px;}
.pro_top_1 img{ width:100%;filter:brightness(97%);}
.pro_top_2{float:left; width:20px;}
.pro_top_3{float:left; width:calc(100% - 620px)}
.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_title_title{width:100%; line-height:30px; overflow:hidden; height:30px; font-size:14px}
.pro_detail_smallc{width:100%; line-height:30px; overflow:hidden; height:90px; font-size:14px}
.pro_detail_tel{font-size:20px; font-weight:bold; color:#005aab; 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:#005aab; 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:#005aab; 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) {


}


.inc_top_title{ float:left;height:50px; line-height:50px; margin-right:10px; margin-bottom:10px; width:calc(10% - 10px)}
.inc_top_title .inc_top_title_on{ color:#ffffff; background:#005aab; width:calc(100% - 10px); height:50px; line-height:50px; display:block; padding-left:5px; padding-right:5px}
.inc_top_title .inc_top_title_off{ color:#ffffff; background:#cccccc; width:calc(100% - 10px); height:50px; line-height:50px; display:block; padding-left:5px; padding-right:5px}





 @media screen and (max-width:1024px) {
.inc_top_title{ float:left;height:40px; line-height:40px; margin-right:10px; margin-bottom:10px; width:calc(10% - 10px)}
.inc_top_title .inc_top_title_on{ color:#ffffff; background:#005aab; width:calc(100% - 10px); height:40px; line-height:40px; display:block; padding-left:5px; padding-right:5px; font-size:14px}
.inc_top_title .inc_top_title_off{ color:#ffffff; background:#cccccc; width:calc(100% - 10px); height:40px; line-height:40px; display:block; padding-left:5px; padding-right:5px; font-size:14px}

}


 @media screen and (max-width:781px) {
.inc_top_title{ float:left;height:40px; line-height:40px; margin-right:10px; margin-bottom:10px; width:calc(20% - 10px)}
.inc_top_title .inc_top_title_on{ color:#ffffff; background:#005aab; width:calc(100% - 10px); height:40px; line-height:40px; display:block; padding-left:5px; padding-right:5px; font-size:14px}
.inc_top_title .inc_top_title_off{ color:#ffffff; background:#cccccc; width:calc(100% - 10px); height:40px; line-height:40px; display:block; padding-left:5px; padding-right:5px; font-size:14px}

}


 @media screen and (max-width:481px) {
.inc_top_title{ float:left;height:40px; line-height:40px; margin-right:10px; margin-bottom:10px; width:calc(50% - 10px)}
.inc_top_title .inc_top_title_on{ color:#ffffff; background:#005aab; width:calc(100% - 10px); height:40px; line-height:40px; display:block; padding-left:5px; padding-right:5px; font-size:14px}
.inc_top_title .inc_top_title_off{ color:#ffffff; background:#cccccc; width:calc(100% - 10px); height:40px; line-height:40px; display:block; padding-left:5px; padding-right:5px; font-size:14px}

}

.banner_in{width:100%; margin:auto; height:400px; line-height:400px; }

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


}



.videoWrap {
	position:relative;
	width:100%;
	z-index:1;
}
#video_img{position:absolute;top:0px; left:0px}

.news_list_left{float:left; width:30%; overflow:hidden}
.news_list_right{float:left; width:calc(70% - 20px); padding-left:20px}


 @media screen and (max-width:781px) {
.news_list_left{float:left; width:100%; overflow:hidden}
.news_list_right{float:left; width:calc(100% - 0px); padding-left:0px}

}


.pro_line_title{ border-bottom:1px solid #e9f2f2; height:40px; left:40px; width:100%; font-size:20px; font-weight:bold; color:#005aab; margin-bottom:10px; margin-top:10px}




.ne-pro-search{-moz-box-shadow:0px 0px 19px #B5B5B5; -webkit-box-shadow:0px 0px 19px #B5B5B5; box-shadow:0px 0px 19px #B5B5B5; height:100px; line-height:100px; padding:0 42px;}
.ne-pro-search h1{ font-size:18px; float:left;}
.ne-pro-search p{ font-size:16px; float:left; padding:0 30px;}
.fll{ float:right}
.po-form{ float:right}
.po-form .inputkey{ width:450px; height:56px; background:#f8f8f8; border:none; float:left; margin-top:20px; margin-right:24px; padding-left:30px;}
.po-form .inputbutton{ width:56px; height:56px; background:url(../images/ss.png) no-repeat center center #005aab; outline:none; border:none; margin-top:20px;}



 @media screen and (max-width:1400px) {
.search_p2{ display:none}
.po-form .inputkey{ width:400px; height:56px; background:#f8f8f8; border:none; float:left; margin-top:20px; margin-right:24px; padding-left:30px;}
}
 @media screen and (max-width:1024px) {
.search_p2{ display:none}
.po-form .inputkey{ width:200px; height:56px; background:#f8f8f8; border:none; float:left; margin-top:20px; margin-right:24px; padding-left:30px;}
}

 @media screen and (max-width:781px) {
.search_p2{ display:none}
.search_p1{ display:none}
.po-form{ float:left; width:100%}
.po-form .inputkey{ width:calc(100% - 120px); height:56px; background:#f8f8f8; border:none; float:left; margin-top:20px; margin-right:0px; padding-left:30px;}
}


.banban_in_title1{padding-top:100px; font-size:40px; font-weight:bold; height:80px; line-height:80px; text-align:left}
.banban_in_title2{font-size:16px; height:50px; line-height:50px; text-align:left}

 @media screen and (max-width:481px) {
.banban_in_title1{padding-top:50px; font-size:30px; font-weight:bold; height:80px; line-height:80px; text-align:left}
.banban_in_title2{font-size:14px; height:50px; line-height:50px; text-align:left}
.banban_in_title2 a{ font-size:14px}
}



.web_title_middle1{ font-size:32px; font-weight:700; height:46px; line-height:46px; text-align:center; margin-top:40px}
.web_title_middle2{ font-size:16px; font-weight:400; height:20px; line-height:20px; padding-top:15px; text-align:center}

.pro_inc_locat a{ color:#fefefe}


.about_list{ width:25%; float:left}
.about_list_img{ width:90%; margin:auto}
.img_xz{width:100%; height:auto; overflow:hidden; text-align:center}
.about_list_img img { width:100%; height:auto; margin:auto}
.about_list_title{ width:90%; margin:auto; text-align:center; height:40px; line-height:40px; padding-top:20px; padding-bottom:20px}
.about_list_title a{ font-weight:bold;}


@media screen and (max-width:1400px) {
	
.about_list{ width:25%; float:left}
.about_list_img{ width:90%; margin:auto}
.img_xz{width:100%; height:auto; overflow:hidden}
.about_list_img img { width:100%; height:auto; margin:auto}
.about_list_title{ width:100%; margin:auto; text-align:center; height:40px; line-height:40px; padding-top:20px; padding-bottom:20px}

}
@media screen and (max-width:1024px) {
	
.about_list{ width:33.3%; float:left}
.about_list_img{ width:100%; margin:auto}
.img_xz{width:98%; height:auto; overflow:hidden}
.about_list_img img { width:100%; height:auto; margin:auto}
.about_list_title{ width:100%; margin:auto; text-align:center; height:40px; line-height:40px; padding-top:20px; padding-bottom:20px}

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

.about_list{ width:50%; float:left}
.about_list_img{ width:90%; margin:auto}
.img_xz{width:100%; height:auto; overflow:hidden}
.about_list_img img { width:100%; height:auto; margin:auto}
.about_list_title{ width:100%; margin:auto; text-align:center; height:40px; line-height:40px; padding-top:0px; padding-bottom:0px}

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

.about_list{ width:100%; float:left}
.about_list_img{ width:90%; margin:auto}
.img_xz{width:100%; height:auto; overflow:hidden}
.about_list_img img { width:100%; height:auto; margin:auto}
.about_list_title{ width:100%; margin:auto; text-align:center; height:40px; line-height:40px; padding-top:0px; padding-bottom:0px}

}	


/*cpzs*/
.cpzs{ width: 100%; overflow: hidden; padding-bottom:50px}
.cpzs_bo #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; padding-bottom:3vw;}
.cpzs_bo #owl-demo .item { display: block; line-height: normal; width:100%; margin:auto; list-style: none; padding-top:10px}


.cpzs_bo #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; padding-bottom:3vw;}
.cpzs_bo #owl-demo .item { display: block; line-height: normal; width:96%; margin:auto; list-style: none}

.cpzs_bo #owl-demo .item .tupian{ width: 100%; height:auto; overflow: hidden; margin:auto; text-align:left; float:left}
.cpzs_bo #owl-demo .item .concon{ width: 100%; height:auto; overflow: hidden; margin:auto; text-align:left; float:right}
.cpzs_bo #owl-demo .item .concon .smallc{ width: 100%; overflow: hidden;margin:auto; text-align:left; height:80px; line-height:80px; font-size:26px; font-weight:bold; border-bottom:1px solid #f9f9f9; color:#005aab}
.cpzs_bo #owl-demo .item .concon .smallc1{ width:100%; line-height:30px; color:#ffffff; height:90px; overflow:hidden; font-size:16px; color:#222222}



.cpzs_bo .owl-buttons{ display:none;}
.cpzs_bo .owl-pagination { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; text-align: center; display: block; padding-bottom:0px;}
.cpzs_bo .owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background: #cccccc; *display: inline;
*zoom: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.cpzs_bo .owl-page.active { width: 56px; height: 16px; background: #0153a5; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;}







@media screen and (max-width: 1500px) and (min-width:0) {
.cpzs_bo .owl-page, .news_img .owl-page { width: 13px; height: 13px; margin: 0 6px;}
.cpzs_bo .owl-page.active, .news_img .owl-page.active { width: 50px; height: 13px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px;}


}
@media screen and (max-width: 1350px) and (min-width:0) {
.conrp .owl-page { width: 12px; height: 12px; margin: 0 5px;}
.cpzs_bo .owl-page, .news_img .owl-page { width: 12px; height: 12px; margin: 0 5px;}
.cpzs_bo .owl-page.active, .news_img .owl-page.active { width: 48px; height: 12px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}


}
@media screen and (max-width: 1250px) and (min-width:0) {
.conrp .owl-page { width: 10px; height: 10px; margin: 0 4px;}
.cpzs_bo .owl-page, .news_img .owl-page { width: 10px; height: 10px; margin: 0 4px;}
.cpzs_bo .owl-page.active, .news_img .owl-page.active { width: 46px; height: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

}
/*wap*/


@media screen and (max-width: 781px) and (min-width:0) {
.cpzs_bo #owl-demo .item { display: block; line-height: normal; width:100%; margin:auto; list-style: none; padding-top:40px}
.cpzs_bo #owl-demo .item .tupian{ width: 100%; height:auto; overflow: hidden; margin:auto; text-align:left; float:left}
.cpzs_bo #owl-demo .item .concon{ width: 100%; height:auto; overflow: hidden; margin:auto; text-align:left; float:right}
.cpzs_bo #owl-demo .item .concon .smallc{ width: 100%; overflow: hidden;margin:auto; text-align:left; height:80px; line-height:80px; font-size:26px; font-weight:bold; border-bottom:1px solid #f9f9f9; color:#005aab}
.cpzs_bo #owl-demo .item .concon .smallc1{ width:100%; line-height:30px; color:#ffffff; height:90px; overflow:hidden; font-size:16px; color:#222222}


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


/*cpzs*/
.cpzs_bo #owl-demo .item dt, .cpzs_bo #owl-demo .item dd{ width: 100%;}
.cpzs_bo #owl-demo .item { display: block; line-height: normal; width:100%; margin:auto; list-style: none; padding-top:20px}
.cpzs_bo #owl-demo .item .tupian{ width: 100%; height:auto; overflow: hidden; margin:auto; text-align:left; float:left}
.cpzs_bo #owl-demo .item .concon{ width: 100%; height:auto; overflow: hidden; margin:auto; text-align:left; float:right}
.cpzs_bo #owl-demo .item .concon .smallc{ width: 100%; overflow: hidden;margin:auto; text-align:left; height:80px; line-height:80px; font-size:26px; font-weight:bold; border-bottom:1px solid #f9f9f9; color:#005aab}
.cpzs_bo #owl-demo .item .concon .smallc1{ width:100%; line-height:30px; color:#ffffff; height:90px; overflow:hidden; font-size:16px; color:#222222}


}



.about_sz{ float:left; width:25%}

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



.xl_bg{width:100%; margin:auto}

.xl_about{position:absolute; z-index:100;left:0px; top:0px; width:100%}
.xl_news{position:absolute; z-index:100;left:940px}
.xl_product{position:absolute; z-index:100;left:700px}
.xl_project{position:absolute; z-index:100;left:820px}
.xl_feedback{position:absolute; z-index:100;left:1060px}
.xl_jobs{position:absolute; z-index:100;left:1150px}



.menu_xl{display:inline-block; width:10%}
.menu_xl .menu_xl_img{width:100%; margin:auto}
.menu_xl .menu_xl_title{width:100%; margin:auto; height:40px; line-height:40px}
.menu_xl .menu_xl_title a{ font-size:14px; color:#222222}
.menu_xl .menu_xl_title a:hover{ font-size:14px; color:#222222}

.menu_xl:hover{display:inline-block; width:10%}
.menu_xl:hover .menu_xl_img{width:100%; margin:auto}
.menu_xl:hover .menu_xl_title{width:100%; margin:auto; height:40px; line-height:40px}
.menu_xl:hover .menu_xl_title a{ font-size:14px; color:#005aab}
.menu_xl:hover .menu_xl_title a:hover{ font-size:14px; color:#005aab}