.pro_class {
	width:100%;
	margin:auto;
	display:inline-block;
	text-align:center;
	padding-bottom:30px
}
.pro_no1 {
	width:130px;
	text-align:center;
	line-height:58px;
	line-height:58px;
	margin_left:5px;
	margin-right:5px;
	background:#333333;
	display:inline-block
}
.pro_no1 .lili {
	width:130px;
	text-align:center;
	line-height:48px;
	line-height:48px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	cursor:pointer
}
.pro_no1 .lili a {
	width:130px;
	height:48px;
	display:block;
	color:#ffffff;
	font-size:14px
}
.pro_no1 .lili a:hover {
	width:130px;
	height:48px;
	display:block;
	color:#ffffff;
	font-size:14px;
}
.pro_yes1 {
	width:130px;
	text-align:center;
	line-height:58px;
	line-height:58px;
	background:#00a9b0;
	margin_left:5px;
	margin-right:5px;
	display:inline-block
}
.pro_yes1 .lili {
	width:130px;
	text-align:center;
	line-height:48px;
	line-height:48px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	cursor:pointer
}
.pro_yes1 .lili a {
	width:130px;
	height:48px;
	display:block;
	color:#ffffff;
	font-size:14px;
}
.pro_yes1 .lili a:hover {
	width:130px;
	height:48px;
	display:block;
	color:#ffffff;
	font-size:14px
}
.container {
	width: 1400px;
	margin:auto
}
#Content {
	width:1400px;
	margin:auto
}
@media screen and (max-width:1400px) {
.container {
width: 1000px;
margin:auto
}
#Content {
width:100%;
margin:auto
}
}
@media screen and (max-width:1024px) {
.container {
width: 100%;
margin:auto
}
#Content {
width:100%;
margin:auto
}
}
@media screen and (max-width:781px) {
.container {
width: 100%;
margin:auto
}
#Content {
width:100%;
margin:auto
}
}
@media screen and (max-width:481px) {
.container {
width: 100%;
margin:auto
}
#Content {
width:100%;
margin:auto
}
}
.al_sl {
	width:90%;
	margin:auto
}
.al_sl_sz {
	font-size:70px;
	height:70px;
	line-height:70px;
	color:#004732; font-weight:900
}

.counter_cn{font-size:50px; color:#004732}

.counter_title{width:100%; height:100px; line-height:100px; text-align:center; color:#3d3d3d; font-size:30px}

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

.al_sl_sz {
	font-size:50px;
	height:70px;
	line-height:70px;
	color:#004732; font-weight:900
}

.counter_cn{font-size:40px; color:#004732}

.counter_title{width:100%; height:100px; line-height:100px; text-align:center; color:#3d3d3d; font-size:20px}

}
@media screen and (max-width:781px) {
.al_sl {
width: 100%;
margin:auto
}
.al_sl_sz {
	font-size:24px;
	height:50px;
	line-height:50px;
	color:#004732; font-weight:900
}

.counter_cn{font-size:20px; color:#004732}

.counter_title{width:100%; height:50px; line-height:50px; text-align:center; color:#3d3d3d; font-size:18px}

}
@media screen and (max-width:481px) {
.al_sl {
width: 100%;
margin:auto
}
.al_sl_sz {
	font-size:24px;
	height:50px;
	line-height:50px;
	color:#004732; font-weight:900
}

.counter_cn{font-size:20px; color:#004732}

.counter_title{width:100%; height:50px; line-height:50px; text-align:center; color:#3d3d3d; font-size:14px}
}
.about_body {
	width:1300px;
	margin:auto
}
.about_about_body {
	width:100%;
	margin: auto;
	padding-top: 190px;
	padding-bottom: 190px;
}
.about_about_left {
	float:left;
	width:525px
}
.aboutfont1 {
	text-align:left;
	font-size:32px;
	height:50px;
	line-height:50px;
	padding-top:50px
}
.aboutfont2 {
	text-align:left;
	font-size:32px;
	height:50px;
	line-height:50px;
	font-weight:bold
}
.aboutfont3 {
	text-align:left;
	line-height:1.5;
	font-size:18px;
	color:#444444;
	padding-top:30px
}
.about_about_right {
	float:right;
	text-align:right
}
.about_about_right img {
	width:100%;
	max-width:615px
}
@media screen and (max-width:1400px) {
.about_body {
width: 1000px;
margin:auto
}
.about_about_left {
float:left;
width:450px;
padding-right:50px
}
.about_about_right {
float:right;
text-align:right;
width:500px
}
.about_about_right img {
width:100%
}
}
@media screen and (max-width:1024px) {
.about_body {
width: 90%;
margin:auto
}
.about_about_body {
width:100%;
margin: auto;
padding-top: 190px;
padding-bottom: 190px;
}
.about_about_left {
float:left;
width:48%;
padding-right:2%
}
.aboutfont1 {
text-align:left;
font-size:32px;
height:30px;
line-height:30px;
padding-top:30px
}
.aboutfont2 {
text-align:left;
font-size:18px;
height:30px;
line-height:30px;
font-weight:bold
}
.aboutfont3 {
text-align:left;
line-height:1.5;
font-size:16px;
color:#444444;
padding-top:10px
}
.about_about_right {
float:right;
text-align:right;
width:50%
}
.about_about_right img {
width:100%
}
}
@media screen and (max-width:781px) {
.about_body {
width: 90%;
margin:auto
}
.about_about_body {
width:100%;
margin: auto;
padding-top: 90px;
padding-bottom: 90px;
}
.about_about_left {
float:left;
width:100%
}
.aboutfont1 {
text-align:left;
font-size:32px;
height:50px;
line-height:50px;
padding-top:50px
}
.aboutfont2 {
text-align:left;
font-size:32px;
height:50px;
line-height:50px;
font-weight:bold
}
.aboutfont3 {
text-align:left;
line-height:1.5;
font-size:18px;
color:#444444;
padding-top:30px
}
.about_about_right {
float:right;
text-align:right;
width:100%
}
.about_about_right img {
width:100%;
max-width:615px
}
}
@media screen and (max-width:481px) {
.about_body {
width: 90%;
margin:auto
}
.about_about_body {
width:100%;
margin: auto;
padding-top: 90px;
padding-bottom: 90px;
}
.about_about_left {
float:left;
width:100%
}
.aboutfont1 {
text-align:left;
font-size:32px;
height:50px;
line-height:50px;
padding-top:50px
}
.aboutfont2 {
text-align:left;
font-size:24px;
height:50px;
line-height:50px;
font-weight:bold
}
.aboutfont3 {
text-align:left;
line-height:1.5;
font-size:18px;
color:#444444;
padding-top:20px;
padding-bottom:20px
}
.about_about_right {
float:right;
text-align:right;
width:100%
}
.about_about_right img {
width:100%;
max-width:615px
}
}
.about_class_content1 {
	width:6.25%;
	float:left;
	text-align:center;
	padding-bottom:20px
}
.about_class_content1 img {
	border:1px solid #cccccc;
	width:60px;
	height:85px
}
.about_content_title {
	width:62px;
	text-align:center;
	line-height:30px;
	color:#454545;
	font-size:14px;
	margin:auto;
	height:30px;
	overflow:hidden;
	display:none
}
 @media screen and (max-width:1400px) {
.about_class_content1 {
width:25%;
float:left;
text-align:center
}
.about_class_content1 img {
border:1px solid #cccccc;
width:96%;
height:auto
}
.about_content_title {
width:90%;
text-align:center;
line-height:30px;
color:#454545;
font-size:14px;
margin:auto;
padding-top:10px;
padding-bottom:10px;
overflow:hidden
}
}
@media screen and (max-width:1024px) {
.about_class_content1 {
width:25%;
float:left;
text-align:center
}
.about_class_content1 img {
border:1px solid #cccccc;
width:96%;
height:auto
}
.about_content_title {
width:90%;
text-align:center;
line-height:30px;
color:#454545;
font-size:14px;
margin:auto;
padding-top:10px;
padding-bottom:10px;
overflow:hidden;
height:30px
}
}
@media screen and (max-width:781px) {
.about_class_content1 {
width:33.3%;
float:left;
text-align:center
}
.about_class_content1 img {
border:1px solid #cccccc;
width:96%;
height:auto
}
.about_content_title {
width:90%;
text-align:center;
line-height:30px;
color:#454545;
font-size:14px;
margin:auto;
padding-top:10px;
padding-bottom:10px;
overflow:hidden;
height:30px
}
}
@media screen and (max-width:481px) {
.about_class_content1 {
width:50%;
float:left;
text-align:center
}
.about_class_content1 img {
border:1px solid #cccccc;
width:96%;
height:auto
}
.about_content_title {
width:90%;
text-align:center;
line-height:30px;
color:#454545;
font-size:14px;
margin:auto;
padding-top:10px;
padding-bottom:10px;
overflow:hidden;
height:30px
}
}

.index_about {
	width:100%;
	margin:auto;
	height:auto;
	background:url(../images/index_about.jpg) center top no-repeat;
	padding-bottom:60px
}
.index_about_body {
	width:1200px;
	margin:auto;
	padding-top:120px
}
.about_1 {
	float:left;
	width:380px;
	margin-left:10px;
	margin-right:10px;
	background:url(../images/about_1_bg.jpg);
	height:235px;
	border-radius:10px
}
.about_2 {
	float:left;
	width:380px;
	margin-left:10px;
	margin-right:10px;
	background:url(../images/about_2_bg.jpg);
	height:235px;
	border-radius:10px
}
.about_3 {
	float:left;
	width:380px;
	margin-left:10px;
	margin-right:10px;
	background:url(../images/about_3_bg.jpg);
	height:235px;
	border-radius:10px
}
.about_count {
	font-size:30px;
	color:#222222;
	height:110px;
	line-height:110px
}
.about_1_body {
	width:312px;
	padding-top:30px;
	padding-bottom:30px;
	border-bottom:2px solid #ffffff;
	margin:auto
}
.about_1_body_1 {
	width:65px;
	float:left
}
.about_1_body_2 {
	height:57px;
	line-height:57px;
	font-size:24px;
	padding-left:10px;
	float:left
}
.about_2_body {
	width:312px;
	margin:auto;
	height:110px;
	line-height:110px;
	text-align:center
}
 @media screen and (max-width:1400px) {
.index_about {
width:100%;
margin:auto;
height:auto;
background:url(../images/index_about.jpg) center top no-repeat;
padding-bottom:60px
}
.index_about_body {
width:98%;
margin:auto;
padding-top:120px
}
.about_1 {
float:left;
width:31.3%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_1_bg.jpg);
height:235px;
border-radius:10px
}
.about_2 {
float:left;
width:31.3%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_2_bg.jpg);
height:235px;
border-radius:10px
}
.about_3 {
float:left;
width:31.3%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_3_bg.jpg);
height:235px;
border-radius:10px
}
.about_count {
font-size:30px;
color:#222222;
height:110px;
line-height:110px
}
.about_1_body {
width:90%;
padding-top:30px;
padding-bottom:30px;
border-bottom:2px solid #ffffff;
margin:auto
}
.about_1_body_1 {
width:65px;
float:left
}
.about_1_body_2 {
height:57px;
line-height:57px;
font-size:24px;
padding-left:10px;
float:left
}
.about_2_body {
width:90%;
margin:auto;
height:110px;
line-height:110px;
text-align:center
}
}
@media screen and (max-width:1024px) {
.index_about {
width:100%;
margin:auto;
height:auto;
background:url(../images/index_about.jpg) center top no-repeat
}
.index_about_body {
width:90%;
margin:auto;
padding-top:120px
}
.about_1 {
float:left;
width:31.3%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_1_bg.jpg);
height:235px;
border-radius:10px
}
.about_2 {
float:left;
width:31.3%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_2_bg.jpg);
height:235px;
border-radius:10px
}
.about_3 {
float:left;
width:31.3%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_3_bg.jpg);
height:235px;
border-radius:10px
}
.about_count {
font-size:30px;
color:#222222;
height:70px;
line-height:70px
}
.about_1_body {
width:90%;
padding-top:30px;
padding-bottom:10px;
border-bottom:2px solid #ffffff;
margin:auto
}
.about_1_body_1 {
width:100%;
float:left;
text-align:center
}
.about_1_body_2 {
height:57px;
line-height:57px;
font-size:20px;
padding-left:0px;
float:left;
text-align:center;
width:100%;
}
.about_2_body {
width:90%;
margin:auto;
height:70px;
line-height:70px;
text-align:center
}
}
@media screen and (max-width:781px) {
.index_about {
width:100%;
margin:auto;
height:auto;
background:url(../images/index_about.jpg) center top no-repeat;
padding-bottom:40px
}
.index_about_body {
width:90%;
margin:auto;
padding-top:120px
}
.about_1 {
float:left;
width:31.3%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_1_bg.jpg);
height:235px;
border-radius:10px
}
.about_2 {
float:left;
width:31.3%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_2_bg.jpg);
height:235px;
border-radius:10px
}
.about_3 {
float:left;
width:31.3%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_3_bg.jpg);
height:235px;
border-radius:10px
}
.about_count {
font-size:30px;
color:#222222;
height:70px;
line-height:70px
}
.about_1_body {
width:90%;
padding-top:30px;
padding-bottom:10px;
border-bottom:2px solid #ffffff;
margin:auto
}
.about_1_body_1 {
width:100%;
float:left;
text-align:center
}
.about_1_body_2 {
height:57px;
line-height:57px;
font-size:14px;
padding-left:0px;
float:left;
text-align:center;
width:100%;
}
.about_2_body {
width:90%;
margin:auto;
height:70px;
line-height:70px;
text-align:center
}
}
@media screen and (max-width:481px) {
.index_about {
width:100%;
margin:auto;
height:auto;
background:url(../images/index_about.jpg) center top repeat-y;
padding-bottom:40px
}
.index_about_body {
width:90%;
margin:auto;
padding-top:120px
}
.about_1 {
float:left;
width:98%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_1_bg.jpg);
height:auto;
border-radius:10px;
margin-bottom:30px
}
.about_2 {
float:left;
width:98%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_2_bg.jpg);
height:auto;
border-radius:10px;
margin-bottom:30px
}
.about_3 {
float:left;
width:98%;
margin-left:1%;
margin-right:1%;
background:url(../images/about_3_bg.jpg);
height:auto;
border-radius:10px;
margin-bottom:30px
}
.about_count {
font-size:30px;
color:#222222;
height:70px;
line-height:70px
}
 .about_1_body {
width:90%;
padding-top:30px;
padding-bottom:10px;
border-bottom:2px solid #ffffff;
margin:auto
}
.about_1_body_1 {
width:100%;
float:left;
text-align:center
}
.about_1_body_2 {
height:57px;
line-height:57px;
font-size:14px;
padding-left:0px;
float:left;
text-align:center;
width:100%;
}
.about_2_body {
width:90%;
margin:auto;
height:70px;
line-height:70px;
text-align:center
}
}


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

.index_project_body_body {
	width:100%;
	margin:auto;
}
.logo1 {
	float:left;
	width:calc( 16.666% - 40px); margin-left:20px; margin-right:20px;margin-bottom:20px
}
.logo1 img {
	width:calc( 100% - 80px);
	cursor:pointer;
	text-align:center;box-shadow: 0px 2.16px 21.56px  rgba(0, 0, 0, 0.1); padding-left:40px; padding-right:40px
}

.index_project_more_title{ width:100%; margin:auto;font-size: 15px;font-weight: 400;letter-spacing: 0px;line-height: 26.49px;color: rgba(128, 128, 128, 1);vertical-align: middle; text-align:center}

.index_project_more {
	width:137px;
	margin:auto;
	padding-top:40px
}
.index_project_more a {
	width: 135px;height: 36px;opacity: 1;border-radius: 10px;border: 1px solid rgba(0, 0, 0, 1); text-align:center;font-size: 18px;font-weight: 400;letter-spacing: 0px;line-height: 36px;color: rgba(0, 0, 0, 1); display:block
}
.index_project_more a:hover {
	width: 135px;height: 36px;opacity: 1;border-radius: 10px;border: 1px solid rgba(0, 0, 0, 1); text-align:center;font-size: 18px;font-weight: 400;letter-spacing: 0px;line-height: 36px;color: rgba(0, 0, 0, 1); display:block
}



 @media screen and (max-width:1400px) {
.logo1 {
	float:left;
	width:calc( 25% - 40px); margin-left:20px; margin-right:20px;margin-bottom:20px
}
.logo1 img {
	width:calc( 100% - 80px);
	cursor:pointer;
	text-align:center;box-shadow: 0px 2.16px 21.56px  rgba(0, 0, 0, 0.1); padding-left:40px; padding-right:40px
}
}
@media screen and (max-width:1024px) {
.logo1 {
	float:left;
	width:calc( 20% - 20px); margin-left:10px; margin-right:10px;margin-bottom:20px; 
}
.logo1 img {
	width:calc( 100% - 20px);
	cursor:pointer;
	text-align:center;box-shadow: 0px 2.16px 21.56px  rgba(0, 0, 0, 0.1); padding-left:10px; padding-right:10px
}
}
@media screen and (max-width:781px) {
.logo1 {
	float:left;
	width:calc( 25% - 20px); margin-left:10px; margin-right:10px;margin-bottom:20px; 
}
.logo1 img {
	width:calc( 100% - 20px);
	cursor:pointer;
	text-align:center;box-shadow: 0px 2.16px 21.56px  rgba(0, 0, 0, 0.1); padding-left:10px; padding-right:10px
}
}

@media screen and (max-width:481px) {
.logo1 {
	float:left;
	width:calc( 33.3333% - 20px); margin-left:10px; margin-right:10px;margin-bottom:20px; 
}
.logo1 img {
	width:calc( 100% - 20px);
	cursor:pointer;
	text-align:center;box-shadow: 0px 2.16px 21.56px  rgba(0, 0, 0, 0.1); padding-left:10px; padding-right:10px
}
}


.index_about_title{ width:100%; text-align:center; font-size:20px}
.index_about_title span{ color:rgba(0, 71, 50, 1); font-size:30px}

@media screen and (max-width:781px) {
.index_about_title{ width:90%; text-align:center; font-size:18px; margin:auto}
.index_about_title span{ color:rgba(0, 71, 50, 1); font-size:20px}
}

.index_jj {
	width:100%;
	margin:auto;
}
.jj {
	width:90%;
	margin:auto;
	opacity: 1;
	border-radius: 16px;
	background: rgba(249, 251, 252, 1);
}
.jj_left {
	float:left;
	width:50%;
}

.jj_right {
	float:left;
	width:50%;
}
.jj_img {
	width:770px;
	height:600px;
	background:url(../images/index_jj.jpg) center top no-repeat;
	margin-left:50px;
	margin-top:20px
}
.jj_body {
	width:calc( 100% - 200px);
	margin:auto;
	padding-left:100px;
	padding-right:100px
}
.jj_body_body {
	width:100%;
}
.jj_1 {
	float:left;
	width:180px;
	height:165px;
	cursor:pointer
}
.jj_2 {
	float:left;
	width:170px;
	height:165px;
	cursor:pointer
}
.jj_12 {
	float:left;
	width:236px
}
.jj_3 {
	float:left;
	width:180px;
	height:280px;
	padding-top:30px;
	cursor:pointer
}
.jj_4 {
	float:left;
	width:240px;
	height:280px;
	padding-top:30px;
	cursor:pointer
}
.jj_34 {
	float:left;
	width:330px
}
.jj_title {
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 56px;
	color: rgba(5, 11, 32, 1);
	padding-top:60px
}
.jj_title1 {
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 56px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
}
.jj_smallc {
	width:100%;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 27.75px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
	padding-top:40px;
	padding-bottom:40px
}
.jj_tu {
	width:100%;
}
.jj_tu img {
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	width:100%;
	max-width:540px
}
 @media screen and (max-width:1400px) {
.index_jj {
width:100%;
margin:auto;
}
.jj {
width:90%;
margin:auto;
opacity: 1;
border-radius: 16px;
background: rgba(249, 251, 252, 1);
}
.jj_left {
	float:left;
	width:calc( 100% - 620px);
}

.jj_right {
	float:left;
	width:600px;
}
.jj_img {
	width:600px;
	height:468px;
	background:url(../images/index_jj.jpg) center top no-repeat;
	margin-left:20px;
	margin-top:20px;background-size:cover
}
.jj_body {
	width:calc( 100% - 200px);
	margin:auto;
	padding-left:100px;
	padding-right:100px
}
.jj_body_body {
	width:100%;
}

.jj_1 {
	float:left;
	width:50%;
	height:180px;
	cursor:pointer
}
.jj_2 {
	float:left;
	width:50%;
	height:180px;
	cursor:pointer
}
.jj_12 {
	float:left;
	width:0px
}
.jj_3 {
	float:left;
	width:50%;
	height:180px;
	padding-top:0px;
	cursor:pointer
}
.jj_4 {
	float:left;
	width:50%;
	height:180px;
	padding-top:0px;
	cursor:pointer
}
.jj_34 {
	float:left;
	width:0px
}
.jj_title {
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 56px;
	color: rgba(5, 11, 32, 1);
	padding-top:60px
}
.jj_title1 {
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 56px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
}
.jj_smallc {
	width:100%;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 27.75px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
	padding-top:40px;
	padding-bottom:40px
}
.jj_tu {
	width:100%;
}
.jj_tu img {
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	width:100%;
	max-width:540px
}
}
 @media screen and (max-width:1200px) {
.index_jj {
width:100%;
margin:auto;
}
.jj {
width:90%;
margin:auto;
opacity: 1;
border-radius: 16px;
background: rgba(249, 251, 252, 1);
}
.jj_left {
	float:left;
	width:calc( 50% - 20px);
}

.jj_right {
	float:left;
	width:50%;
}
.jj_img {
	width:100%;
	height:auto;
	background:url(../images/index_jj.jpg) center top no-repeat;
	margin-left:20px;
	margin-top:20px;background-size:cover
}
.jj_body {
	width:calc( 100% - 200px);
	margin:auto;
	padding-left:100px;
	padding-right:100px
}
.jj_body_body {
	width:100%;
}

.jj_1 {
	float:left;
	width:50%;
	height:180px;
	cursor:pointer
}
.jj_2 {
	float:left;
	width:50%;
	height:180px;
	cursor:pointer
}
.jj_12 {
	float:left;
	width:0px
}
.jj_3 {
	float:left;
	width:50%;
	height:180px;
	padding-top:0px;
	cursor:pointer
}
.jj_4 {
	float:left;
	width:50%;
	height:180px;
	padding-top:0px;
	cursor:pointer
}
.jj_34 {
	float:left;
	width:0px
}
.jj_title {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 36px;
	color: rgba(5, 11, 32, 1);
	padding-top:60px
}
.jj_title1 {
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 36px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
}
.jj_smallc {
	width:100%;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 27.75px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
	padding-top:20px;
	padding-bottom:20px
}
.jj_tu {
	width:100%;
}
.jj_tu img {
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	width:100%;
	max-width:140px
}

@media screen and (max-width:1000px) {
.index_jj {
width:100%;
margin:auto;
}
.jj {
width:90%;
margin:auto;
opacity: 1;
border-radius: 16px;
background: rgba(249, 251, 252, 1);
}
.jj_left {
	float:left;
	width:calc( 100% - 0px);
}

.jj_right {
	float:left;
	width:100%;
}
.jj_img {
	width:780px;
	height:608px;
	background:url(../images/index_jj.jpg) center top no-repeat;
	margin-left:0px;
	margin-top:20px;background-size:cover
}
.jj_body {
	width:calc( 100% - 40px);
	margin:auto;
	padding-left:20px;
	padding-right:20px
}
.jj_body_body {
	width:100%;
}

.jj_1 {
	float:left;
	width:50%;
	height:300px;
	cursor:pointer
}
.jj_2 {
	float:left;
	width:50%;
	height:300px;
	cursor:pointer
}
.jj_12 {
	float:left;
	width:0px
}
.jj_3 {
	float:left;
	width:50%;
	height:300px;
	padding-top:0px;
	cursor:pointer
}
.jj_4 {
	float:left;
	width:50%;
	height:300px;
	padding-top:0px;
	cursor:pointer
}
.jj_34 {
	float:left;
	width:0px
}
.jj_title {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 36px;
	color: rgba(5, 11, 32, 1);
	padding-top:60px
}
.jj_title1 {
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 36px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
}
.jj_smallc {
	width:100%;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 27.75px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
	padding-top:20px;
	padding-bottom:20px
}
.jj_tu {
	width:100%;
}
.jj_tu img {
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	width:100%;
	max-width:140px
}	
	}


@media screen and (max-width:781px) {
.index_jj {
width:100%;
margin:auto;
}
.jj {
width:90%;
margin:auto;
opacity: 1;
border-radius: 16px;
background: rgba(249, 251, 252, 1);
}
.jj_left {
	float:left;
	width:calc( 100% - 0px);
}

.jj_right {
	float:left;
	width:100%;
}
.jj_img {
	width:480px;
	height:374px;
	background:url(../images/index_jj.jpg) center top no-repeat;
	margin-left:0px;
	margin-top:20px;background-size:cover
}
.jj_body {
	width:calc( 100% - 40px);
	margin:auto;
	padding-left:20px;
	padding-right:20px
}
.jj_body_body {
	width:100%;
}

.jj_1 {
	float:left;
	width:50%;
	height:187px;
	cursor:pointer
}
.jj_2 {
	float:left;
	width:50%;
	height:187px;
	cursor:pointer
}
.jj_12 {
	float:left;
	width:0px
}
.jj_3 {
	float:left;
	width:50%;
	height:187px;
	padding-top:0px;
	cursor:pointer
}
.jj_4 {
	float:left;
	width:50%;
	height:187px;
	padding-top:0px;
	cursor:pointer
}
.jj_34 {
	float:left;
	width:0px
}
.jj_title {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 36px;
	color: rgba(5, 11, 32, 1);
	padding-top:60px
}
.jj_title1 {
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 36px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
}
.jj_smallc {
	width:100%;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 27.75px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
	padding-top:20px;
	padding-bottom:20px
}
.jj_tu {
	width:100%;
}
.jj_tu img {
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	width:100%;
	max-width:140px
}	
	}


@media screen and (max-width:481px) {
.index_jj {
width:100%;
margin:auto;
}
.jj {
width:90%;
margin:auto;
opacity: 1;
border-radius: 16px;
background: rgba(249, 251, 252, 1);
}
.jj_left {
	float:left;
	width:calc( 100% - 0px);
}

.jj_right {
	float:left;
	width:100%;
}
.jj_img {
	width:350px;
	height:273px;
	background:url(../images/index_jj.jpg) center top no-repeat;
	margin-left:0px;
	margin-top:20px;background-size:cover
}
.jj_body {
	width:calc( 100% - 40px);
	margin:auto;
	padding-left:20px;
	padding-right:20px
}
.jj_body_body {
	width:100%;
}

.jj_1 {
	float:left;
	width:50%;
	height:136.5px;
	cursor:pointer
}
.jj_2 {
	float:left;
	width:50%;
	height:136.5px;
	cursor:pointer
}
.jj_12 {
	float:left;
	width:0px
}
.jj_3 {
	float:left;
	width:50%;
	height:136.5px;
	padding-top:0px;
	cursor:pointer
}
.jj_4 {
	float:left;
	width:50%;
	height:136.5px;
	padding-top:0px;
	cursor:pointer
}
.jj_34 {
	float:left;
	width:0px
}
.jj_title {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 36px;
	color: rgba(5, 11, 32, 1);
	padding-top:60px
}
.jj_title1 {
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 36px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
}
.jj_smallc {
	width:100%;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 27.75px;
	color: rgba(5, 11, 32, 1);
	vertical-align: middle;
	padding-top:20px;
	padding-bottom:20px
}
.jj_tu {
	width:100%;
}
.jj_tu img {
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	width:100%;
	max-width:140px
}	
	}

.index_product {
	width:100%;
	margin:auto;
}
.index_productclass {
	width:1200px;
	margin:auto;
	text-align:center;
	line-height:40px
}
.index_product_body {
	width:1400px;
	margin:auto
}
.index_product_pro_body {
	width:25%;
	float:left;
	padding-top:5px;
	padding-bottom:5px
}
.index_product_pro_body_img {
	width:300px;
	height:300px;
	overflow:hidden;
	margin:auto;
	text-align:center;
	margin-top:20px
}
.index_product_pro_body_img img {
	width:300px;
	height:300px
}
.index_product_pro_body_title {
	width:300px;
	text-align:center;
	line-height:45px;
	margin:auto;
	background:#1a1d86;
	color:#ffffff
}
.index_product_pro_body_title a {
	color:#ffffff;
	width:100%;
	height:auto;
	display:block
}
.index_product_pro_body_title a:hover {
	color:#ffffff;
	width:100%;
	height:auto;
	display:block
}
 @media screen and (max-width:1400px) {
.index_product {
width:100%;
margin:auto;
}
.index_productclass {
width:1000px;
margin:auto;
text-align:center;
line-height:40px
}
.index_product_body {
width:100%;
margin:auto
}
.index_product_pro_body {
width:25%;
float:left;
padding-top:5px;
padding-bottom:5px
}
.index_product_pro_body_img {
width:90%;
height:auto;
overflow:hidden;
margin:auto;
text-align:center;
margin-top:20px
}
.index_product_pro_body_img img {
width:100%;
height:auto
}
.index_product_pro_body_title {
width:90%;
text-align:center;
line-height:45px;
margin:auto;
background:#1a1d86;
color:#ffffff
}
.index_product_pro_body_title a {
color:#ffffff;
width:100%;
height:auto;
display:block
}
.index_product_pro_body_title a:hover {
color:#ffffff;
width:100%;
height:auto;
display:block
}
}
@media screen and (max-width:1024px) {
.index_product {
width:100%;
margin:auto;
}
.index_productclass {
width:700px;
margin:auto;
text-align:center;
line-height:40px
}
.index_product_body {
width:100%;
margin:auto
}
.index_product_pro_body {
width:25%;
float:left;
padding-top:5px;
padding-bottom:5px
}
.index_product_pro_body_img {
width:90%;
height:auto;
overflow:hidden;
margin:auto;
text-align:center;
margin-top:20px
}
.index_product_pro_body_img img {
width:100%;
height:auto
}
.index_product_pro_body_title {
width:90%;
text-align:center;
line-height:45px;
margin:auto;
background:#1a1d86;
color:#ffffff
}
.index_product_pro_body_title a {
color:#ffffff;
width:100%;
height:auto;
display:block
}
.index_product_pro_body_title a:hover {
color:#ffffff;
width:100%;
height:auto;
display:block
}
}
@media screen and (max-width:781px) {
.index_product {
width:100%;
margin:auto
}
.index_productclass {
width:90%;
margin:auto;
text-align:center;
line-height:40px
}
.index_product_body {
width:100%;
margin:auto
}
.index_product_pro_body {
width:50%;
float:left;
padding-top:5px;
padding-bottom:5px
}
.index_product_pro_body_img {
width:90%;
height:auto;
overflow:hidden;
margin:auto;
text-align:center;
margin-top:20px
}
.index_product_pro_body_img img {
width:100%;
height:auto
}
.index_product_pro_body_title {
width:90%;
text-align:center;
line-height:45px;
margin:auto;
background:#1a1d86;
color:#ffffff
}
.index_product_pro_body_title a {
color:#ffffff;
width:100%;
height:auto;
display:block
}
.index_product_pro_body_title a:hover {
color:#ffffff;
width:100%;
height:auto;
display:block
}
}
@media screen and (max-width:481px) {
.index_product {
width:100%;
margin:auto;
}
.index_productclass {
width:90%;
margin:auto;
text-align:center;
line-height:40px
}
.index_product_body {
width:100%;
margin:auto
}
.index_product_pro_body {
width:100%;
float:left;
padding-top:5px;
padding-bottom:5px
}
.index_product_pro_body_img {
width:90%;
height:auto;
overflow:hidden;
margin:auto;
text-align:center;
margin-top:20px
}
.index_product_pro_body_img img {
width:100%;
height:auto
}
.index_product_pro_body_title {
width:90%;
text-align:center;
line-height:45px;
margin:auto;
background:#1a1d86;
color:#ffffff
}
.index_product_pro_body_title a {
color:#ffffff;
width:100%;
height:auto;
display:block
}
.index_product_pro_body_title a:hover {
color:#ffffff;
width:100%;
height:auto;
display:block
}
}
.index_news_content_1 {
	width:1400px;
	margin:auto
}
.index_news_content_1a {
	width:1400px;
	margin:auto;
	background:#f2f9ff
}
 @media screen and (max-width:1400px) {
.index_news_content_1 {
width:1000px;
margin:auto
}
.index_news_content_1a {
width:1000px;
margin:auto;
background:#f2f9ff
}
}
@media screen and (max-width:1024px) {
.index_news_content_1 {
width:100%;
margin:auto
}
.index_news_content_1a {
width:100%;
margin:auto;
background:#f2f9ff
}
}
@media screen and (max-width:781px) {
.index_news_content_1 {
width:100%;
margin:auto
}
.index_news_content_1a {
width:100%;
margin:auto;
background:#f2f9ff
}
}
@media screen and (max-width:481px) {
.index_news_content_1 {
width:100%;
margin:auto
}
.index_news_content_1a {
width:100%;
margin:auto;
background:#f2f9ff
}
}
#Content5 .news_index05 {
	background:#f0f0f0;
	display:block;
	width:100%;
	float:left;
}
#Content5 .news_index05 .index_top {
	position:relative;
	width:100%;
	display:block;
	padding-bottom:40px;
}
#Content5 .news_index05 .h3_y {
	font-weight:bold;
	font-size:42px;
	color:#333333;
	display:block;
}
#Content5 .news_index05 .p_h3 {
	font-weight:bold;
	font-size:30px;
	color:#00a9b0;
	position:relative;
}
 #Content5 .news_index05 .p_h3::after {
position:absolute;
right:0;
top:55%;
margin-top:-1px;
height:1px;
 width:86%;
content:"";
background:#e5e5e5;
}
#Content5 .news_index05 .top_rig {
	position:absolute;
	right:0;
	bottom:43%;
}
#Content5 .news_index05 .li_a {
	float:left;
	padding:0 20px;
	line-height:45px;
	margin-left:10px;
	background:#00a9b0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#Content5 .news_index05 .right {
	float:right;
}
#Content5 .news_index05 .li_a a {
	font-size:16px;
	color:#ffffff;
	display:block;
	width:100%;
}
#Content5 .news_index05 .li_a:hover,  #Content5 .news_index05 .li_a.on {
	background:#363e45;
}
#Content5 .news_index05 .news_ul {
	display:block;
	width:100%;
}
#Content5 .news_index05 .li_e {
	width:49%;
	float:left;
	margin:0 2% 2% 0;
	height:120px;
	overflow: hidden;
}
 #Content5 .news_index05 .li_e:nth-child(2n) {
margin-right:0;
}
#Content5 .news_index05 .li_e a {
	display:block;
	width:100%;
	height:100%;
	background:#ffffff;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#Content5 .news_index05 .li_e .span_left {
	float:left;
	width:20%;
	position:relative;
	color:#ffffff;
}
#Content5 .news_index05 .li_e .i {
	padding:30px 20px 10px;
	display:block;
	font-size:16px;
	line-height:18px;
	position:relative;
	z-index:2;
}
#Content5 .news_index05 .li_e .b_e {
	position:relative;
	z-index:2;
	font-weight:bold;
	font-size:48px;
	display:block;
	padding:0 20px;
	line-height:40px;
}
 #Content5 .news_index05 .li_e .span_left::after {
position:absolute;
left:0;
top:0;
content:"";
 width:160px;
height:0;
border-bottom:120px solid #dfdfdf;
border-right:78px solid transparent;
 -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
 transition: all 0.3s linear;
}
#Content5 .news_index05 .li_e .span_right {
	float:left;
	width:80%;
	padding:20px 28px;
}
#Content5 .news_index05 .li_e .h4_e {
	font-size:18px;
	line-height:20px;
	display:block;
	color:#333333;
}
#Content5 .news_index05 .li_e .p_e {
	line-height:24px;
	margin-top:12px;
	display:block;
	font-size:14px;
	color:#666666;
	height:48px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
}
 #Content5 .news_index05 .li_e:hover .span_left::after {
border-bottom:120px solid #00a9b0;
}
#Content5 .news_index05 .li_e:hover a {
	background:#363e45;
}
#Content5 .news_index05 .li_e:hover .h4_e,  #Content5 .news_index05 .li_e:hover .p_e {
	color:#ffffff;
}
 @media screen and (max-width:1630px) {
}
 @media screen and (max-width:1200px) {
 #Content5 .news_index05 .h3_y {
font-size:36px;
}
 #Content5 .news_index05 .p_h3 {
font-size:30px;
}
 #Content5 .news_index05 .top_rig {
bottom:46%;
}
 #Content5 .news_index05 .li_a {
padding:0 16px;
}
 #Content5 .news_index05 .li_e .i {
padding:30px 15px 10px;
}
 #Content5 .news_index05 .li_e .span_left::after {
width:150px;
}
 #Content5 .news_index05 .li_e .span_right {
padding:20px 45px;
}
}
 @media screen and (max-width:992px) {
 #Content5 .news_index05 {
padding:50px 0;
}
 #Content5 .news_index05 .p_h3::after {
width:80%;
}
 #Content5 .news_index05 .h3_y {
font-size:32px;
}
 #Content5 .news_index05 .p_h3 {
font-size:24px;
}
 #Content5 .news_index05 .top_rig {
position:inherit;
width: 100%;
margin-top:10px;
 display: flex;
align-items: center;
justify-content: center;
}
 #Content5 .news_index05 .li_e {
height:110px;
}
 #Content5 .news_index05 .li_e .i {
padding:25px 10px 10px;
font-size:14px;
}
 #Content5 .news_index05 .li_e .span_left::after {
width:130px;
border-bottom: 110px solid #dfdfdf;
}
 #Content5 .news_index05 .li_e .span_right {
padding:20px 45px;
}
 #Content5 .news_index05 .li_e .b_e {
font-size:36px;
line-height:30px;
padding:0 10px;
text-align:center;
}
 #Content5 .news_index05 .li_e .span_left {
width:23%;
}
 #Content5 .news_index05 .li_e .span_right {
width:77%;
}
 #Content5 .news_index05 .li_e .h4_e {
font-size:16px;
}
 #Content5 .news_index05 .li_e .p_e {
line-height:22px;
margin-top:8px;
height:43px;
}
}
 @media screen and (max-width:768px) {
 #Content5 .news_index05 {
padding:30px 0;
}
 #Content5 .news_index05 .index_top {
padding-bottom:20px;
}
 #Content5 .news_index05 .h3_y {
font-size:20px;
}
 #Content5 .news_index05 .p_h3 {
font-size:18px;
}
 #Content5 .news_index05 .p_h3::after {
width:70%;
}
 #Content5 .news_index05 .top_rig {
display:block;
}
 #Content5 .news_index05 .right {
float:none;
}
 #Content5 .news_index05 .li_a {
width:46%;
padding:0 10px;
text-align:center;
margin:2%;
line-height:36px;
}
 #Content5 .news_index05 .li_a a {
font-size:14px;
width:100%;
display:block;
text-align:center;
}
 #Content5 .news_index05 .li_e {
width:100%;
margin-right:0;
height:98px;
margin-bottom:15px;
}
 #Content5 .news_index05 .li_e .i {
padding:30px 15px 6px;
font-size:12px;
}
 #Content5 .news_index05 .li_e .span_left::after {
width:116px;
border-bottom: 98px solid #dfdfdf;
}
 #Content5 .news_index05 .li_e .span_right {
padding:16px 27px;
}
 #Content5 .news_index05 .li_e .b_e {
font-size:28px;
line-height:20px;
padding:0 20px;
text-align:left;
}
 #Content5 .news_index05 .li_e .span_left {
width:27%;
}
 #Content5 .news_index05 .li_e .span_right {
width:73%;
}
 #Content5 .news_index05 .li_e .h4_e {
font-size:16px;
}
 #Content5 .news_index05 .li_e .p_e {
line-height:20px;
font-size:14px;
margin-top:5px;
height:40px;
}
}
#Content .pro_index01 {
	display:block;
	width:100%;
	float:left;
	position:relative;
	position:relative;
}
 #Content .pro_index01::after {
width:100%;
bottom:23px;
content:"";
z-index:-1;
left:0;
position:absolute;
}
#Content .pro_index01 .index_top {
	position:relative;
	width:100%;
	display:block;
	padding-bottom:40px;
}
#Content .pro_index01 .h3_y {
	font-weight:bold;
	font-size:42px;
	color:#333333;
	display:block;
}
#Content .pro_index01 .p_h3 {
	font-weight:bold;
	font-size:30px;
	color:#00a9b0;
	position:relative;
}
 #Content .pro_index01 .p_h3::after {
position:absolute;
right:0;
top:55%;
margin-top:-1px;
height:1px;
 width:86%;
content:"";
background:#e5e5e5;
}
#Content .pro_index01 .top_rig {
	position:absolute;
	right:0;
	bottom:43%;
}
#Content .pro_index01 .li_a {
	float:left;
	padding:0 20px;
	line-height:45px;
	margin-left:10px;
	background:#00a9b0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#Content .pro_index01 .right {
	float:right;
}
#Content .pro_index01 .li_a a {
	font-size:16px;
	color:#ffffff;
	display:block;
	width:100%;
}
#Content .pro_index01 .li_a:hover,  #Content .pro_index01 .li_a.on {
	background:#363e45;
}
#Content .pro_index01 .pro_ul {
	width:100%;
	display:block;
}
#Content .pro_index01 .ul_a {
	padding-bottom:60px;
	display:block;
}
#Content .pro_index01 .li_b {
	width:32%;
	float:left;
	margin:0 2% 3% 0;
	padding-bottom:20px;
}
 #Content .pro_index01 .li_b:nth-child(3n) {
margin-right:0;
}
#Content .pro_index01 .li_b a {
	width:100%;
	display:block;
	position:relative;
	padding:20px 20px 50px;
	background:#f0f0f0;
	height:100%;
	transition:all 0.5s ease;
}
#Content .pro_index01 .li_b .pic {
	display:block;
	overflow: hidden;
}
#Content .pro_index01 .li_b img {
	display:block;
	transition:all 0.5s ease;
}
#Content .pro_index01 .li_b .h4_b {
	display:block;
	padding-top:16px;
	line-height:40px;
	color:#333333;
	font-size:18px;
	width:100%;
	text-align:center;
	transition:all 0.5s ease;
}
#Content .pro_index01 .li_b .p_b {
	line-height:30px;
	color:#888888;
	font-size:14px;
	text-align:center;
	display:block;
	width:100%;
	transition:all 0.5s ease;
}
#Content .pro_index01 .li_b .more {
	position:absolute;
	left:50%;
	margin-left:-27px;
	bottom:-20px;
	z-index:2;
	border:4px solid #f0f0f0;
	background:#ffffff;
	line-height:48px;
	width:54px;
	height:54px;
	text-align:center;
	color:#b3b3b3;
	font-size:12px;
	border-radius:50%;
	transition:all 0.5s ease;
}
#Content .pro_index01 .li_b:hover a {
	background:#363e45;
}
#Content .pro_index01 .li_b:hover .h4_b,  #Content .pro_index01 .li_b:hover .p_b,  #Content .pro_index01 .li_b:hover .more {
	color:#ffffff;
}
#Content .pro_index01 .li_b:hover .more {
	border:4px solid #00a9b0;
	background:#00a9b0;
}
#Content .pro_index01 .li_b:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
#Content .pro_index01 .more_a {
	width:184px;
	height:44px;
	background:#363e45;
	line-height:44px;
	color:#ffffff;
	margin:0 auto;
	display:block;
	padding:0 15px;
	position:relative;
}
 #Content .pro_index01 .more_a::after {
position:absolute;
right:0;
top:0;
width:65px;
content:"";
 height:0;
border-top:44px solid #00a9b0;
border-left:28px solid transparent;
transition:all 0.5s ease;
}
#Content .pro_index01 .more_a a {
	color:#ffffff;
	padding-left:15px;
	font-size:16px;
	width:100%;
	display:block;
	position:relative;
	z-index:2;
}
#Content .pro_index01 .more_a .b {
	float:right;
	font-weight:bold;
	line-height:44px;
	font-size:20px;
}
 #Content .pro_index01 .more_a:hover::after {
background:#00a9b0;
width:100%;
height:100%;
}
 @media screen and (max-width:1630px) {
 #Content .pro_index01 .li_a {
padding:0 16px;
}
}
 @media screen and (max-width:1200px) {
 #Content .pro_index01 .h3_y {
font-size:36px;
}
 #Content .pro_index01 .p_h3 {
font-size:30px;
}
 #Content .pro_index01 .li_a {
padding:0 16px;
}
 #Content .pro_index01 .top_rig {
position:inherit;
margin-top:20px;
}
 #Content .pro_index01 .sea_form {
float:right;
margin-bottom:20px;
}
 #Content .pro_index01 .right {
float:left;
}
}
 @media screen and (max-width:992px) {
 #Content .pro_index01 .p_h3::after {
width:80%;
}
 #Content .pro_index01 .h3_y {
font-size:32px;
}
 #Content .pro_index01 .p_h3 {
font-size:24px;
}
 #Content .pro_index01 .li_a {
padding:0 16px;
}
 #Content .pro_index01 .top_rig {
position:inherit;
margin-top:20px;
}
 #Content .pro_index01 .sea_form {
float:right;
margin-bottom:20px;
}
 #Content .pro_index01 .right {
float:left;
width:100%;
display:flex;
align-items: center;
justify-content: center;
}
 #Content .pro_index01 .li_b {
width:49%;
}
 #Content .pro_index01 .li_b:nth-child(3n) {
margin-right:2%;
}
 #Content .pro_index01 .li_b:nth-child(2n) {
margin-right:0;
}
 #Content .pro_index01 .li_b:nth-child(9) {
display:none;
}
}
 @media screen and (max-width:768px) {
 #Content .pro_index01 .h3_y {
font-size:24px;
}
 #Content .pro_index01 .p_h3 {
font-size:18px;
}
 #Content .pro_index01 .p_h3::after {
width:70%;
}
 #Content .pro_index01 .sea_form {
width:100%;
}
 #Content .pro_index01 .right {
display:block;
}
 #Content .pro_index01 .li_a {
width:46%;
padding:0 10px;
text-align:center;
margin:2%;
line-height:36px;
}
 #Content .pro_index01 .li_a a {
font-size:14px;
width:100%;
display:block;
text-align:center;
}
 #Content .pro_index01 .li_b .h4_b {
line-height:28px;
padding-top:10px;
font-size:16px;
}
 #Content .pro_index01 .li_b a {
padding:10px 10px 32px;
}
 #Content .pro_index01 .ul_a {
padding-bottom:30px;
}
 #Content .pro_index01 .more_a {
width:160px;
height:38px;
}
 #Content .pro_index01 .more_a a {
line-height:38px;
padding-left:5px;
font-size:15px;
}
 #Content .pro_index01 .more_a::after {
border-top:38px solid #00a9b0;
}
 #Content .pro_index01 .more_a .b {
line-height:38px;
}
 #Content .pro_index01 .li_b .more {
width:50px;
height:50px;
margin-left:-25px;
}
}
.ys {
	width:100%;
	margin:auto;
	background:url(../images/ys.jpg) center top no-repeat
}
.ys_body {
	width:1400px;
	margin:auto
}
.ys_l {
	float:left;
	width:50%;
	padding-top:200px
}
.ys_l_1 {
	width:100%;
	margin:auto;
	text-align:center;
	line-height:40px;
	font-size:30px;
	color:#ffffff;
	text-transform:uppercase
}
.ys_l_2 {
	width:100%;
	margin:auto;
	text-align:center;
	line-height:85px;
	font-size:48px;
	color:#ffffff;
	text-transform:uppercase
}
.ys_l_3 {
	width:100%;
	margin:auto;
	text-align:center;
	line-height:50px;
	font-size:18px;
	color:#ffffff;
	text-transform:uppercase
}
.ys_r {
	float:left
}
.ys_title1 {
	text-align:left;
	line-height:40px;
	font-size:18px;
	color:#ffffff
}
.ys_title2 {
	text-align:left;
	line-height:25px;
	font-size:14px;
	color:#ffffff
}
.ys_r_1 {
	width:100%;
	margin:auto;
	padding-top:60px
}
.ys_r_1_1 {
	float:left;
	width:220px
}
.ys_r_1_2 {
	float:left;
	width:73px
}
.ys_r_1_3 {
	float:left;
	width:10px
}
.ys_r_1_4 {
	float:left;
	width:280px
}
.ys_r_2 {
	width:100%;
	margin:auto;
	padding-top:40px
}
.ys_r_2_1 {
	float:left;
	width:160px
}
.ys_r_2_2 {
	float:left;
	width:73px
}
.ys_r_2_3 {
	float:left;
	width:10px
}
.ys_r_2_4 {
	float:left;
	width:340px
}
.ys_r_3 {
	width:100%;
	margin:auto;
	padding-top:40px
}
.ys_r_3_1 {
	float:left;
	width:100px
}
.ys_r_3_2 {
	float:left;
	width:73px
}
.ys_r_3_3 {
	float:left;
	width:10px
}
.ys_r_3_4 {
	float:left;
	width:400px
}
.ys_r_4 {
	width:100%;
	margin:auto;
	padding-top:40px;
	padding-bottom:40px
}
.ys_r_4_1 {
	float:left;
	width:40px
}
.ys_r_4_2 {
	float:left;
	width:73px
}
.ys_r_4_3 {
	float:left;
	width:10px
}
.ys_r_4_4 {
	float:left;
	width:440px
}
 @media screen and (max-width:1400px) {
.ys {
width:100%;
margin:auto;
background:url(../images/ys.jpg) center top no-repeat
}
.ys_body {
width:100%;
margin:auto
}
.ys_l {
float:left;
width:50%;
padding-top:200px
}
.ys_l_1 {
width:100%;
margin:auto;
text-align:center;
line-height:40px;
font-size:30px;
color:#ffffff;
text-transform:uppercase
}
.ys_l_2 {
width:100%;
margin:auto;
text-align:center;
line-height:85px;
font-size:48px;
color:#ffffff;
text-transform:uppercase
}
.ys_l_3 {
width:100%;
margin:auto;
text-align:center;
line-height:50px;
font-size:18px;
color:#ffffff;
text-transform:uppercase
}
.ys_r {
float:left
}
.ys_title1 {
text-align:left;
line-height:40px;
font-size:18px;
color:#ffffff
}
.ys_title2 {
text-align:left;
line-height:25px;
font-size:14px;
color:#ffffff
}
.ys_r_1 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_1_1 {
float:left;
width:220px
}
.ys_r_1_2 {
float:left;
width:73px
}
.ys_r_1_3 {
float:left;
width:10px
}
.ys_r_1_4 {
float:left;
width:190px
}
 .ys_r_2 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_2_1 {
float:left;
width:160px
}
.ys_r_2_2 {
float:left;
width:73px
}
.ys_r_2_3 {
float:left;
width:10px
}
.ys_r_2_4 {
float:left;
width:250px
}
 .ys_r_3 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_3_1 {
float:left;
width:100px
}
.ys_r_3_2 {
float:left;
width:73px
}
.ys_r_3_3 {
float:left;
width:10px
}
.ys_r_3_4 {
float:left;
width:310px
}
 .ys_r_4 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_4_1 {
float:left;
width:40px
}
.ys_r_4_2 {
float:left;
width:73px
}
.ys_r_4_3 {
float:left;
width:10px
}
.ys_r_4_4 {
float:left;
width:350px
}
}
 @media screen and (max-width:1024px) {
.ys {
width:100%;
margin:auto;
background:url(../images/ys_bg2.png) center top
}
.ys_body {
width:100%;
margin:auto
}
.ys_l {
float:left;
width:100%;
padding-top:60px
}
.ys_l_1 {
width:100%;
margin:auto;
text-align:center;
line-height:40px;
font-size:30px;
color:#ffffff;
text-transform:uppercase
}
.ys_l_2 {
width:100%;
margin:auto;
text-align:center;
line-height:85px;
font-size:48px;
color:#ffffff;
text-transform:uppercase
}
.ys_l_3 {
width:100%;
margin:auto;
text-align:center;
line-height:50px;
font-size:18px;
color:#ffffff;
text-transform:uppercase
}
.ys_r {
float:left;
width:100%
}
.ys_title1 {
text-align:left;
line-height:40px;
font-size:18px;
color:#ffffff
}
.ys_title2 {
text-align:left;
line-height:25px;
font-size:14px;
color:#ffffff
}
.ys_r_1 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_1_1 {
float:left;
width:50px
}
.ys_r_1_2 {
float:left;
width:73px
}
.ys_r_1_3 {
float:left;
width:10px
}
.ys_r_1_4 {
float:left;
width:520px
}
 .ys_r_2 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_2_1 {
float:left;
width:50px
}
.ys_r_2_2 {
float:left;
width:73px
}
.ys_r_2_3 {
float:left;
width:10px
}
.ys_r_2_4 {
float:left;
width:520px
}
 .ys_r_3 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_3_1 {
float:left;
width:50px
}
.ys_r_3_2 {
float:left;
width:73px
}
.ys_r_3_3 {
float:left;
width:10px
}
.ys_r_3_4 {
float:left;
width:520px
}
 .ys_r_4 {
width:100%;
margin:auto;
padding-top:40px;
padding-bottom:50px
}
.ys_r_4_1 {
float:left;
width:50px
}
.ys_r_4_2 {
float:left;
width:73px
}
.ys_r_4_3 {
float:left;
width:10px
}
.ys_r_4_4 {
float:left;
width:520px
}
}
 @media screen and (max-width:781px) {
.ys {
width:100%;
margin:auto;
background:url(../images/ys_bg2.png) center top
}
.ys_body {
width:100%;
margin:auto
}
.ys_l {
float:left;
width:100%;
padding-top:60px
}
.ys_l_1 {
width:100%;
margin:auto;
text-align:center;
line-height:40px;
font-size:30px;
color:#ffffff;
text-transform:uppercase
}
.ys_l_2 {
width:100%;
margin:auto;
text-align:center;
line-height:85px;
font-size:40px;
color:#ffffff;
text-transform:uppercase
}
.ys_l_3 {
width:100%;
margin:auto;
text-align:center;
line-height:50px;
font-size:18px;
color:#ffffff;
text-transform:uppercase
}
.ys_r {
float:left;
width:100%
}
.ys_title1 {
text-align:left;
line-height:40px;
font-size:18px;
color:#ffffff
}
.ys_title2 {
text-align:left;
line-height:25px;
font-size:14px;
color:#ffffff
}
.ys_r_1 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_1_1 {
float:left;
width:50px
}
.ys_r_1_2 {
float:left;
width:73px
}
.ys_r_1_3 {
float:left;
width:10px
}
.ys_r_1_4 {
float:left;
width:300px
}
 .ys_r_2 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_2_1 {
float:left;
width:50px
}
.ys_r_2_2 {
float:left;
width:73px
}
.ys_r_2_3 {
float:left;
width:10px
}
.ys_r_2_4 {
float:left;
width:300px
}
 .ys_r_3 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_3_1 {
float:left;
width:50px
}
.ys_r_3_2 {
float:left;
width:73px
}
.ys_r_3_3 {
float:left;
width:10px
}
.ys_r_3_4 {
float:left;
width:300px
}
 .ys_r_4 {
width:100%;
margin:auto;
padding-top:40px;
padding-bottom:50px
}
.ys_r_4_1 {
float:left;
width:50px
}
.ys_r_4_2 {
float:left;
width:73px
}
.ys_r_4_3 {
float:left;
width:10px
}
.ys_r_4_4 {
float:left;
width:300px
}
}
 @media screen and (max-width:481px) {
.ys {
width:100%;
margin:auto;
background:url(../images/ys_bg2.png) center top
}
.ys_body {
width:100%;
margin:auto
}
.ys_l {
float:left;
width:100%;
padding-top:60px
}
.ys_l_1 {
width:100%;
margin:auto;
text-align:center;
line-height:40px;
font-size:26px;
color:#ffffff;
text-transform:uppercase
}
.ys_l_2 {
width:100%;
margin:auto;
text-align:center;
line-height:85px;
font-size:30px;
color:#ffffff;
text-transform:uppercase
}
.ys_l_3 {
width:100%;
margin:auto;
text-align:center;
line-height:50px;
font-size:14px;
color:#ffffff;
text-transform:uppercase
}
.ys_r {
float:left;
width:100%
}
.ys_title1 {
text-align:left;
line-height:40px;
font-size:18px;
color:#ffffff
}
.ys_title2 {
text-align:left;
line-height:25px;
font-size:14px;
color:#ffffff
}
.ys_r_1 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_1_1 {
float:left;
width:20px
}
.ys_r_1_2 {
float:left;
width:73px
}
.ys_r_1_3 {
float:left;
width:10px
}
.ys_r_1_4 {
float:left;
width:200px
}
 .ys_r_2 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_2_1 {
float:left;
width:20px
}
.ys_r_2_2 {
float:left;
width:73px
}
.ys_r_2_3 {
float:left;
width:10px
}
.ys_r_2_4 {
float:left;
width:200px
}
 .ys_r_3 {
width:100%;
margin:auto;
padding-top:40px
}
.ys_r_3_1 {
float:left;
width:20px
}
.ys_r_3_2 {
float:left;
width:73px
}
.ys_r_3_3 {
float:left;
width:10px
}
.ys_r_3_4 {
float:left;
width:200px
}
 .ys_r_4 {
width:100%;
margin:auto;
padding-top:40px;
padding-bottom:50px
}
.ys_r_4_1 {
float:left;
width:20px
}
.ys_r_4_2 {
float:left;
width:73px
}
.ys_r_4_3 {
float:left;
width:10px
}
.ys_r_4_4 {
float:left;
width:200px
}
}
.index_case_on {
	width:1400px;
	margin:auto;
	padding-bottom:30px
}
.index_case_on_img {
	float:left;
	width:700px;
}
.index_case_on_img img {
	width:700px;
	height:525px
}
.index_case_on_middle {
	float:left;
	width:40px
}
.index_case_on_content {
	float:left;
	width:660px
}
.index_case_on_content_1 {
	width:100%;
	text-align:left;
	line-height:70px
}
.index_case_on_content_1 a {
	font-size:24px;
	color:#00a9b0;
	font-weight:bold
}
.index_case_on_content_1 a:hover {
	font-size:24px;
	color:#00a9b0;
	font-weight:bold
}
.index_case_on_content_2 {
	width:40px;
	height:2px;
	line-height:2px;
	background:#00a9b0
}
.index_case_on_content_3 {
	width:100%;
	text-align:left;
	line-height:30px;
	padding-top:30px
}
.index_case_on_content_4 {
	width:100%;
	text-align:left;
	line-height:30px
}
.index_case_on_content_5 {
	width:100%;
	text-align:left;
	line-height:30px;
	height:180px;
	overflow:hidden
}
.index_case_more {
	display:block;
	width:130px;
	padding-top:30px
}
.index_case_more a {
	width:130px;
	height:50px;
	line-height:50px;
	display:block;
	color:#ffffff;
	font-size:16px;
	background:#00a9b0;
	text-align:center;
	margin-top:30px
}
.index_case_more a:hover {
	width:130px;
	height:50px;
	line-height:50px;
	display:block;
	color:#ffffff;
	font-size:16px;
	background:#f57a10;
	text-align:center;
	margin-top:30px
}
.index_case_list {
	width:1400px;
	margin:auto;
	padding-bottom:30px
}
#demost {
	overflow:hidden;
	width: 100%;
	height:175px;
}
#indemo {
	float: left;
	width: 800%;
}
#demo1e {
	float: left;
}
#demo211 {
	float: left;
}
 @media screen and (max-width:1400px) {
.index_case_on {
width:1000px;
margin:auto;
padding-bottom:30px
}
.index_case_on_img {
float:left;
width:500px;
}
.index_case_on_img img {
width:500px;
height:auto
}
.index_case_on_middle {
float:left;
width:40px
}
.index_case_on_content {
float:left;
width:460px
}
.index_case_on_content_1 {
width:100%;
text-align:left;
line-height:70px
}
.index_case_on_content_1 a {
font-size:24px;
color:#00a9b0;
font-weight:bold
}
.index_case_on_content_1 a:hover {
font-size:24px;
color:#00a9b0;
font-weight:bold
}
.index_case_on_content_2 {
width:40px;
height:2px;
line-height:2px;
background:#00a9b0
}
.index_case_on_content_3 {
width:100%;
text-align:left;
line-height:30px;
padding-top:30px
}
.index_case_on_content_4 {
width:100%;
text-align:left;
line-height:30px
}
.index_case_on_content_5 {
width:100%;
text-align:left;
line-height:30px;
height:120px;
overflow:hidden
}
.index_case_more {
display:block;
width:130px;
padding-top:10px
}
.index_case_more a {
width:130px;
height:50px;
line-height:50px;
display:block;
color:#ffffff;
font-size:16px;
background:#00a9b0;
text-align:center;
margin-top:30px
}
.index_case_more a:hover {
width:130px;
height:50px;
line-height:50px;
display:block;
color:#ffffff;
font-size:16px;
background:#f57a10;
text-align:center;
margin-top:30px
}
 .index_case_list {
width:1000px;
margin:auto;
padding-bottom:30px
}
}
 @media screen and (max-width:1024px) {
.index_case_on {
width:100%;
margin:auto;
padding-bottom:30px
}
.index_case_on_img {
float:left;
width:50%;
}
.index_case_on_img img {
width:100%;
height:auto
}
.index_case_on_middle {
float:left;
width:2%
}
.index_case_on_content {
float:left;
width:48%
}
.index_case_on_content_1 {
width:100%;
text-align:left;
line-height:35px
}
.index_case_on_content_1 a {
font-size:24px;
color:#00a9b0;
font-weight:bold
}
.index_case_on_content_1 a:hover {
font-size:24px;
color:#00a9b0;
font-weight:bold
}
.index_case_on_content_2 {
width:40px;
height:2px;
line-height:2px;
background:#00a9b0
}
.index_case_on_content_3 {
width:100%;
text-align:left;
line-height:25px;
padding-top:10px
}
.index_case_on_content_4 {
width:100%;
text-align:left;
line-height:25px
}
.index_case_on_content_5 {
width:100%;
text-align:left;
line-height:25px;
height:100px;
overflow:hidden
}
.index_case_more {
display:block;
width:130px;
padding-top:30px
}
.index_case_more a {
width:130px;
height:35px;
line-height:35px;
display:block;
color:#ffffff;
font-size:16px;
background:#00a9b0;
text-align:center;
margin-top:0px
}
.index_case_more a:hover {
width:130px;
height:35px;
line-height:35px;
display:block;
color:#ffffff;
font-size:16px;
background:#f57a10;
text-align:center;
margin-top:0px
}
 .index_case_list {
width:100%;
margin:auto;
padding-bottom:30px
}
}
 @media screen and (max-width:781px) {
.index_case_on {
width:98%;
margin:auto;
padding-bottom:30px
}
.index_case_on_img {
float:left;
width:100%;
}
.index_case_on_img img {
width:100%;
height:auto;
}
.index_case_on_middle {
float:left;
width:100%
}
.index_case_on_content {
float:left;
width:100%
}
.index_case_on_content_1 {
width:100%;
text-align:left;
line-height:35px;
}
.index_case_on_content_1 a {
font-size:24px;
color:#00a9b0;
font-weight:bold
}
.index_case_on_content_1 a:hover {
font-size:24px;
color:#00a9b0;
font-weight:bold
}
.index_case_on_content_2 {
width:40px;
height:2px;
line-height:2px;
background:#00a9b0
}
.index_case_on_content_3 {
width:100%;
text-align:left;
line-height:25px;
padding-top:10px
}
.index_case_on_content_4 {
width:100%;
text-align:left;
line-height:25px
}
.index_case_on_content_5 {
width:100%;
text-align:left;
line-height:25px;
height:auto;
overflow:hidden
}
.index_case_more {
display:block;
width:130px;
padding-top:10px
}
.index_case_more a {
width:130px;
height:35px;
line-height:35px;
display:block;
color:#ffffff;
font-size:16px;
background:#00a9b0;
text-align:center;
margin-top:0px
}
.index_case_more a:hover {
width:130px;
height:35px;
line-height:35px;
display:block;
color:#ffffff;
font-size:16px;
background:#f57a10;
text-align:center;
margin-top:0px
}
 .index_case_list {
width:100%;
margin:auto;
padding-bottom:30px
}
}
 @media screen and (max-width:481px) {
.index_case_on {
width:98%;
margin:auto;
padding-bottom:30px
}
.index_case_on_img {
float:left;
width:100%;
}
.index_case_on_img img {
width:100%;
height:auto;
}
.index_case_on_middle {
float:left;
width:100%
}
.index_case_on_content {
float:left;
width:100%
}
.index_case_on_content_1 {
width:100%;
text-align:left;
line-height:35px;
}
.index_case_on_content_1 a {
font-size:24px;
color:#00a9b0;
font-weight:bold
}
.index_case_on_content_1 a:hover {
font-size:24px;
color:#00a9b0;
font-weight:bold
}
.index_case_on_content_2 {
width:40px;
height:2px;
line-height:2px;
background:#00a9b0
}
.index_case_on_content_3 {
width:100%;
text-align:left;
line-height:25px;
padding-top:10px
}
.index_case_on_content_4 {
width:100%;
text-align:left;
line-height:25px
}
.index_case_on_content_5 {
width:100%;
text-align:left;
line-height:25px;
height:auto;
overflow:hidden
}
.index_case_more {
display:block;
width:130px;
padding-top:10px
}
.index_case_more a {
width:130px;
height:35px;
line-height:35px;
display:block;
color:#ffffff;
font-size:16px;
background:#00a9b0;
text-align:center;
margin-top:0px
}
.index_case_more a:hover {
width:130px;
height:35px;
line-height:35px;
display:block;
color:#ffffff;
font-size:16px;
background:#f57a10;
text-align:center;
margin-top:0px
}
 .index_case_list {
width:100%;
margin:auto;
padding-bottom:30px
}
 #demost {
overflow:hidden;
width: 100%;
height:165px;
}
#indemo {
float: left;
width: 800%;
}
#demo1e {
float: left;
}
#demo211 {
float: left;
}
}
.ly {
	width:100%;
	margin:auto;
	background:url(../images/index_yy.jpg) center top no-repeat
}
.ly_body {
	width:1400px;
	margin:auto;
	padding-bottom:60px
}
.ly_li {
	float:left;
	width:33.3%;
	padding-top:25px;
	padding-bottom:25px
}
.ly_li_li {
	width:100%;
	margin:auto;
	text-align:center
}
.ly_li_li img {
	width:329px
}
@media screen and (max-width:1400px) {
.ly {
width:100%;
margin:auto;
background:url(../images/index_yy.jpg) center top no-repeat
}
.ly_body {
width:1000px;
margin:auto;
padding-bottom:60px
}
.ly_li {
float:left;
width:33.3%;
padding-top:25px;
padding-bottom:25px
}
.ly_li_li {
width:100%;
margin:auto;
text-align:center
}
.ly_li_li img {
width:300px
}
}
 @media screen and (max-width:1024px) {
.ly {
width:100%;
margin:auto;
background:url(../images/index_yy.jpg) center top no-repeat
}
.ly_body {
width:100%;
margin:auto;
padding-bottom:60px
}
.ly_li {
float:left;
width:33.3%;
padding-top:25px;
padding-bottom:25px
}
.ly_li_li {
width:100%;
margin:auto;
text-align:center
}
.ly_li_li img {
width:80%
}
}
 @media screen and (max-width:781px) {
.ly {
width:100%;
margin:auto;
background:url(../images/index_yy.jpg) center top no-repeat
}
.ly_body {
width:100%;
margin:auto;
padding-bottom:60px
}
.ly_li {
float:left;
width:50%;
padding-top:25px;
padding-bottom:25px
}
.ly_li_li {
width:100%;
margin:auto;
text-align:center
}
.ly_li_li img {
width:80%
}
}
 @media screen and (max-width:481px) {
.ly {
width:100%;
margin:auto;
background:url(../images/index_yy.jpg) center top no-repeat
}
.ly_body {
width:100%;
margin:auto;
padding-bottom:60px
}
.ly_li {
float:left;
width:50%;
padding-top:25px;
padding-bottom:25px
}
.ly_li_li {
width:100%;
margin:auto;
text-align:center
}
.ly_li_li img {
width:80%
}
}
.con {
	width: 1400px;
	margin-top: 10px;
	margin:auto;
}
.proa li {
	border-bottom:1px dotted #ccc;
	float:left;
	padding:10px;
	margin-bottom:30px;
	position: relative;
	width:1400px;
	height:210px;
}
.proa li a.proa {
	margin-right:20px;
	width:250px;
	height:188px;
	position:absolute;
	left: 10px;
	top:10px;
}
.proa li a img {
	width:250px;
	height:188px;
}
.proa li h2 a {
	color:#444;
	font-size:18px;
	position:absolute;
	left:270px;
	top:10px;
	line-height:40px;
	width:1100px;
}
.proa li p {
	position:absolute;
	left:270px;
	top:40px;
	width:1100px;
	height:65px;
	color:#666;
	font-size:16px;
	line-height:30px;
	padding-top:20px
}
.proa li a.more {
	position:absolute;
	right:10px;
	top:160px;
	padding:5px 10px;
	border:1px solid #ccc;
	color:#444
}
.proa li:hover a {
	color:#00a9b0;
	border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover {
	background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover h2 {
	color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
 @media screen and (max-width:1400px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
margin-bottom:30px;
position: relative;
width:100%;
height:210px;
}
.proa li a.proa {
margin-right:20px;
width:20%;
position:absolute;
left: 10px;
top:10px;
}
.proa li a img {
width:100%;
}
.proa li h2 a {
color:#444;
font-size:18px;
position:absolute;
left:25%;
top:10px;
line-height:40px;
width:75%;
}
.proa li p {
position:absolute;
left:25%;
top:40px;
width:75%;
height:110px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:20px;
overflow:hidden
}
.proa li a.more {
position:absolute;
right:10px;
top:160px;
padding:5px 10px;
border:1px solid #ccc;
color:#444
}
.proa li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
 @media screen and (max-width:1024px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
margin-bottom:30px;
position: relative;
width:100%;
height:210px;
}
.proa li a.proa {
margin-right:20px;
width:20%;
position:absolute;
left: 10px;
top:10px;
}
.proa li a img {
width:100%;
}
.proa li h2 a {
color:#444;
font-size:18px;
position:absolute;
left:25%;
top:10px;
line-height:40px;
width:75%;
}
.proa li p {
position:absolute;
left:25%;
top:40px;
width:75%;
height:110px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:20px;
overflow:hidden
}
.proa li a.more {
position:absolute;
right:10px;
top:160px;
padding:5px 10px;
border:1px solid #ccc;
color:#444
}
.proa li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
 @media screen and (max-width:781px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
margin-bottom:30px;
position: relative;
width:100%;
height:210px;
}
.proa li a.proa {
margin-right:20px;
width:40%;
position:absolute;
left: 10px;
top:10px;
}
.proa li a img {
width:100%;
}
.proa li h2 a {
color:#444;
font-size:18px;
position:absolute;
left:45%;
top:10px;
line-height:40px;
width:55%;
}
.proa li p {
position:absolute;
left:45%;
top:40px;
width:55%;
height:110px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:20px;
overflow:hidden
}
.proa li a.more {
position:absolute;
right:10px;
top:160px;
padding:5px 10px;
border:1px solid #ccc;
color:#444
}
.proa li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
 @media screen and (max-width:600px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
margin-bottom:30px;
position: relative;
width:100%;
height:210px;
}
.proa li a.proa {
margin-right:20px;
width:40%;
position:absolute;
left: 10px;
top:10px;
}
.proa li a img {
width:100%;
}
.proa li h2 a {
color:#444;
font-size:18px;
position:absolute;
left:45%;
top:10px;
line-height:40px;
width:55%;
}
.proa li p {
position:absolute;
left:45%;
top:40px;
width:55%;
height:110px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:20px;
overflow:hidden
}
.proa li a.more {
position:absolute;
right:10px;
top:160px;
padding:5px 10px;
border:1px solid #ccc;
color:#444
}
.proa li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
 @media screen and (max-width:481px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
margin-bottom:30px;
width:100%;
height:450px;
}
.proa li a.proa {
margin-right:0px;
width:100%;
position:inherit;
left: 0px;
top:10px
}
.proa li a img {
width:100%;
}
.proa li h2 a {
color:#444;
font-size:18px;
position:inherit;
left:45%;
top:10px;
line-height:60px;
width:100%;
}
.proa li p {
position:inherit;
left:0%;
top:0px;
width:100%;
height:120px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:0px;
overflow:hidden
}
.proa li a.more {
position:inherit;
left:0px;
top:15px;
padding:5px 10px;
border:1px solid #ccc;
color:#444;
}
.proa li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
.pindex_1 {
	width:100px;
	height:43px;
	cursor:pointer;
	background:#00a9b0;
	color:#b51b13
}
.pindex_1 a {
	color:#b51b13;
	font-size:16px
}
.pindex_1 a:hover {
	color:#b51b13;
	font-size:16px
}
.in_pro {
	width:1400px;
	margin:auto
}
.in_pro_left {
	float:left;
	width:250px;
	background:#f3f3f3
}
.in_pro_left_title_cn {
	width:100%;
	margin:auto;
	height:50px;
	line-height:50px;
	color:#000000;
	font-size:20px;
	font-weight:bold;
	text-align:center
}
.in_pro_left_title_en {
	width:100%;
	margin:auto;
	height:25px;
	line-height:25px;
	color:#454545;
	font-size:14px;
	text-align:center
}
.in_pro_left_title_line {
	width:80%;
	height:1px;
	line-height:1px;
	background:#cccccc;
	margin:auto;
	margin-bottom:10px
}
.in_pro_case {
	width:250px;
	margin:auto
}
.in_pro_case_img {
	width:200px;
	height:150px;
	overflow:hidden;
	margin:auto;
}
.in_pro_case_img img {
	width:200px;
	height:150px
}
.in_pro_case_title {
	width:200px;
	text-align:center;
	height:40px;
	line-height:40px;
	margin:auto
}
.in_pro_left_1 {
	display:none
}
.in_pro_m {
	float:left;
	width:20px
}
.in_pro_r {
	float:left;
	width:1130px;
}
.pro_b_img {
	width:400px;
	float:left;
}
.pro_b_img .abc {
	width:400px;
	height:300px
}
.pro_img {
	display:none
}
.pro_right {
	width:690px;
	float:right;
}
.pro_right_title {
	width:100%;
	padding-bottom:10px;
	font-size:24px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	color:#000;
}
.pro_right_title2 {
	width:100%;
	line-height:30px;
	height:30px;
	font-size:16px
}
.pro_right_title2 b {
	color:#000;
	font-size:18px
}
.pro_right_title3 {
	width:100%;
	line-height:30px;
	height:30px;
	font-size:16px
}
.pro_right_title3 b {
	color:#000;
	font-size:18px
}
.pro_right_des1 {
	width:100%;
	padding-bottom:10px;
	line-height:25px;
	height:180px;
	overflow:auto;
	overflow-x:hidden;
	font-size:14px
}
.pro_right_des1 b {
	color:#000;
	font-size:18px
}
.pro_right_des {
	width:100%;
	padding-bottom:10px;
	line-height:25px;
	height:240px;
	overflow:auto;
	overflow-x:hidden;
	padding-top:20px;
	font-size:14px
}
.pro_right_des b {
	color:#000;
	font-size:18px
}
.pro_contact {
	width:100%;
	margin:auto;
	height:80px;
	background:#f3f3f3;
	margin-top:10px
}
.pro_contact .l {
	float:left;
	height:80px;
	line-height:80px;
	padding-left:20px;
	font-size:20px;
	color:#00a9b0
}
.pro_contact .m {
	float:left;
	padding-left:10px
}
.pro_contact .m a {
	width:100px;
	height:40px;
	line-height:40px;
	background:#f57a10;
	color:#ffffff;
	display:block;
	text-align:center;
	margin-top:20px
}
.pro_contact .m a:hover {
	width:100px;
	height:40px;
	line-height:40px;
	background:#00a9b0;
	color:#ffffff;
	display:block;
	text-align:center;
	margin-top:20px
}
.pro_contact .r {
	float:left;
	padding-left:10px
}
.pro_contact .r a {
	width:100px;
	height:40px;
	line-height:40px;
	background:#f57a10;
	color:#ffffff;
	display:block;
	text-align:center;
	margin-top:20px
}
.pro_contact .r a:hover {
	width:100px;
	height:40px;
	line-height:40px;
	background:#00a9b0;
	color:#ffffff;
	display:block;
	text-align:center;
	margin-top:20px
}
.pro_content_inc {
	width:1130px;
	height:43px;
	border-bottom:1px solid #e9f2f2;
	margin-top:30px
}
.pindex_1b {
	background:#00a9b0;
	cursor:pointer;
	color:#ffffff;
	float:left;
	width:110px;
	height:43px;
	line-height:43px;
	font-size:16px;
	text-align:center
}
.pindex_1b a {
	color:#ffffff;
	font-size:16px
}
.pindex_1b a:hover {
	color:#ffffff;
	font-size:16px
}
.pro_content {
	width:1130px;
	padding-top:20px;
	margin:auto;
	padding-bottom:20px;
	text-align:left;
	background:#ffffff;
}
 @media screen and (max-width:1400px) {
.in_pro {
width:1000px;
margin:auto
}
.in_pro_left {
float:left;
width:250px;
background:#f3f3f3
}
.in_pro_left_title_cn {
width:100%;
margin:auto;
height:50px;
line-height:50px;
color:#000000;
font-size:20px;
font-weight:bold;
text-align:center
}
.in_pro_left_title_en {
width:100%;
margin:auto;
height:25px;
line-height:25px;
color:#454545;
font-size:14px;
text-align:center
}
.in_pro_left_title_line {
width:80%;
height:1px;
line-height:1px;
background:#cccccc;
margin:auto;
margin-bottom:10px
}
.in_pro_case {
width:250px;
margin:auto
}
.in_pro_case_img {
width:200px;
height:150px;
overflow:hidden;
margin:auto;
}
.in_pro_case_img img {
width:200px;
height:150px
}
.in_pro_case_title {
width:200px;
text-align:center;
height:40px;
line-height:40px;
margin:auto
}
.in_pro_left_1 {
display:none
}
.in_pro_m {
float:left;
width:20px
}
 .in_pro_r {
float:left;
width:730px;
}
.pro_b_img {
width:400px;
float:left;
}
.pro_b_img .abc {
width:400px;
height:300px
}
.pro_img {
display:none
}
.pro_right {
width:320px;
float:right;
}
.pro_right_title {
width:100%;
padding-bottom:10px;
font-size:24px;
height:40px;
line-height:40px;
font-weight:bold;
color:#000;
}
.pro_right_des {
width:100%;
padding-bottom:10px;
line-height:25px;
height:230px;
overflow:auto;
overflow-x:hidden;
padding-top:20px;
font-size:14px
}
 .pro_right_title2 {
width:100%;
line-height:30px;
height:30px;
font-size:14px
}
.pro_right_title2 b {
color:#000;
font-size:16px
}
 .pro_right_title3 {
width:100%;
line-height:30px;
height:30px;
font-size:14px
}
.pro_right_title3 b {
color:#000;
font-size:16px
}
 .pro_right_des1 {
width:100%;
padding-bottom:10px;
line-height:25px;
height:180px;
overflow:auto;
overflow-x:hidden;
font-size:14px
}
.pro_right_des1 b {
color:#000;
font-size:16px
}
 .pro_right_des b {
color:#000;
font-size:18px
}
.pro_contact {
width:100%;
margin:auto;
height:80px;
background:#f3f3f3;
margin-top:10px
}
.pro_contact .l {
float:left;
height:80px;
line-height:80px;
padding-left:20px;
font-size:20px;
color:#00a9b0;
display:none
}
.pro_contact .m {
float:left;
padding-left:10px
}
.pro_contact .m a {
width:100px;
height:40px;
line-height:40px;
background:#f57a10;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
.pro_contact .m a:hover {
width:100px;
height:40px;
line-height:40px;
background:#00a9b0;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
.pro_contact .r {
float:left;
padding-left:10px
}
.pro_contact .r a {
width:100px;
height:40px;
line-height:40px;
background:#f57a10;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
.pro_contact .r a:hover {
width:100px;
height:40px;
line-height:40px;
background:#00a9b0;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
 .pro_content_inc {
width:730px;
height:43px;
border-bottom:1px solid #e9f2f2;
margin-top:30px
}
.pindex_1b {
background:#00a9b0;
cursor:pointer;
color:#ffffff;
float:left;
width:110px;
height:43px;
line-height:43px;
font-size:16px;
text-align:center
}
.pindex_1b a {
color:#ffffff;
font-size:16px
}
.pindex_1b a:hover {
color:#ffffff;
font-size:16px
}
.pro_content {
width:730px;
padding-top:20px;
margin:auto;
padding-bottom:20px;
text-align:left;
background:#ffffff;
}
.pro_content img {
width:100%
}
}
 @media screen and (max-width:1024px) {
.in_pro {
width:780px;
margin:auto
}
.in_pro_left {
float:left;
width:250px;
background:#f3f3f3;
display:none
}
.in_pro_left_title_cn {
width:100%;
margin:auto;
height:50px;
line-height:50px;
color:#000000;
font-size:20px;
font-weight:bold;
text-align:center
}
.in_pro_left_title_en {
width:100%;
margin:auto;
height:25px;
line-height:25px;
color:#454545;
font-size:14px;
text-align:center
}
.in_pro_left_title_line {
width:80%;
height:1px;
line-height:1px;
background:#cccccc;
margin:auto;
margin-bottom:10px
}
.in_pro_case {
width:250px;
margin:auto
}
.in_pro_case_img {
width:200px;
height:150px;
overflow:hidden;
margin:auto;
}
.in_pro_case_img img {
width:200px;
height:150px
}
.in_pro_case_title {
width:200px;
text-align:center;
height:40px;
line-height:40px;
margin:auto
}
 .in_pro_left_1 {
width:100%;
background:#f3f3f3;
display:block
}
.in_pro_left_title_cn_1 {
width:100%;
margin:auto;
height:50px;
line-height:50px;
color:#000000;
font-size:20px;
font-weight:bold;
text-align:center
}
.in_pro_left_title_en_1 {
width:100%;
margin:auto;
height:25px;
line-height:25px;
color:#454545;
font-size:14px;
text-align:center
}
.in_pro_left_title_line_1 {
width:80%;
height:1px;
line-height:1px;
background:#cccccc;
margin:auto;
margin-bottom:10px
}
.in_pro_case_1 {
width:33.3%;
margin:auto;
float:left
}
.in_pro_case_img_1 {
width:90%;
overflow:hidden;
margin:auto;
}
.in_pro_case_img_1 img {
width:100%
}
.in_pro_case_title_1 {
width:90%;
text-align:center;
height:40px;
line-height:40px;
margin:auto
}
 .in_pro_m {
float:left;
width:20px
}
 .in_pro_r {
float:left;
width:780px;
}
.pro_b_img {
width:400px;
float:left;
}
.pro_b_img .abc {
width:400px;
height:300px
}
.pro_img {
display:none
}
.pro_right {
width:370px;
float:right;
}
.pro_right_title {
width:100%;
padding-bottom:10px;
font-size:24px;
height:40px;
line-height:40px;
font-weight:bold;
color:#000;
}
.pro_right_des {
width:100%;
padding-bottom:10px;
line-height:25px;
height:230px;
overflow:auto;
overflow-x:hidden;
padding-top:20px;
font-size:14px
}
.pro_right_des b {
color:#000;
font-size:18px
}
.pro_contact {
width:100%;
margin:auto;
height:80px;
background:#f3f3f3;
margin-top:10px
}
.pro_contact .l {
float:left;
height:80px;
line-height:80px;
padding-left:20px;
font-size:20px;
color:#00a9b0;
display:none
}
.pro_contact .m {
float:left;
padding-left:10px
}
.pro_contact .m a {
width:100px;
height:40px;
line-height:40px;
background:#f57a10;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
.pro_contact .m a:hover {
width:100px;
height:40px;
line-height:40px;
background:#00a9b0;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
.pro_contact .r {
float:left;
padding-left:10px
}
.pro_contact .r a {
width:100px;
height:40px;
line-height:40px;
background:#f57a10;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
.pro_contact .r a:hover {
width:100px;
height:40px;
line-height:40px;
background:#00a9b0;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
 .pro_content_inc {
width:780px;
height:43px;
border-bottom:1px solid #e9f2f2;
margin-top:30px
}
.pindex_1b {
background:#00a9b0;
cursor:pointer;
color:#ffffff;
float:left;
width:110px;
height:43px;
line-height:43px;
font-size:16px;
text-align:center
}
.pindex_1b a {
color:#ffffff;
font-size:16px
}
.pindex_1b a:hover {
color:#ffffff;
font-size:16px
}
.pro_content {
width:780px;
padding-top:20px;
margin:auto;
padding-bottom:20px;
text-align:left;
background:#ffffff;
}
}
 @media screen and (max-width:781px) {
.in_pro {
width:100%;
margin:auto
}
.in_pro_left {
float:left;
width:250px;
background:#f3f3f3;
display:none
}
.in_pro_left_title_cn {
width:100%;
margin:auto;
height:50px;
line-height:50px;
color:#000000;
font-size:20px;
font-weight:bold;
text-align:center
}
.in_pro_left_title_en {
width:100%;
margin:auto;
height:25px;
line-height:25px;
color:#454545;
font-size:14px;
text-align:center
}
.in_pro_left_title_line {
width:80%;
height:1px;
line-height:1px;
background:#cccccc;
margin:auto;
margin-bottom:10px
}
 .in_pro_case {
width:250px;
margin:auto
}
.in_pro_case_img {
width:200px;
height:150px;
overflow:hidden;
margin:auto;
}
.in_pro_case_img img {
width:200px;
height:150px
}
.in_pro_case_title {
width:200px;
text-align:center;
height:40px;
line-height:40px;
margin:auto
}
 .in_pro_left_1 {
width:100%;
background:#f3f3f3;
}
.in_pro_left_title_cn_1 {
width:100%;
margin:auto;
height:50px;
line-height:50px;
color:#000000;
font-size:20px;
font-weight:bold;
text-align:center
}
.in_pro_left_title_en_1 {
width:100%;
margin:auto;
height:25px;
line-height:25px;
color:#454545;
font-size:14px;
text-align:center
}
.in_pro_left_title_line_1 {
width:80%;
height:1px;
line-height:1px;
background:#cccccc;
margin:auto;
margin-bottom:10px
}
.in_pro_case_1 {
width:50%;
margin:auto;
float:left
}
.in_pro_case_img_1 {
width:90%;
overflow:hidden;
margin:auto;
}
.in_pro_case_img_1 img {
width:100%
}
.in_pro_case_title_1 {
width:90%;
text-align:center;
height:40px;
line-height:40px;
margin:auto
}
 .in_pro_m {
float:left;
width:20px;
display:none
}
 .in_pro_r {
float:left;
width:100%;
}
.pro_b_img {
width:100%;
float:left;
display:none
}
.pro_b_img .abc {
width:100%;
height:auto
}
 .pro_img {
display:block
}
.pro_img img {
width:100%
}
 .pro_right {
width:100%;
float:right;
}
.pro_right_title {
width:100%;
padding-bottom:10px;
font-size:24px;
height:40px;
line-height:40px;
font-weight:bold;
color:#000;
}
 .pro_right_title2 {
width:100%;
line-height:30px;
height:30px;
font-size:14px
}
.pro_right_title2 b {
color:#000;
font-size:16px
}
 .pro_right_title3 {
width:100%;
line-height:30px;
height:30px;
font-size:14px
}
.pro_right_title3 b {
color:#000;
font-size:16px
}
 .pro_right_des1 {
width:100%;
padding-bottom:10px;
line-height:25px;
height:auto;
font-size:14px
}
.pro_right_des1 b {
color:#000;
font-size:16px
}
 .pro_right_des {
width:100%;
padding-bottom:10px;
line-height:25px;
height:auto;
overflow:auto;
overflow-x:hidden;
padding-top:20px;
font-size:14px
}
.pro_right_des b {
color:#000;
font-size:18px
}
.pro_contact {
width:100%;
margin:auto;
height:80px;
background:#f3f3f3;
margin-top:10px
}
.pro_contact .l {
float:left;
height:80px;
line-height:80px;
padding-left:20px;
font-size:20px;
color:#00a9b0;
display:none
}
.pro_contact .m {
float:left;
padding-left:10px
}
.pro_contact .m a {
width:100px;
height:40px;
line-height:40px;
background:#f57a10;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
.pro_contact .m a:hover {
width:100px;
height:40px;
line-height:40px;
background:#00a9b0;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
.pro_contact .r {
float:left;
padding-left:10px
}
.pro_contact .r a {
width:100px;
height:40px;
line-height:40px;
background:#f57a10;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
.pro_contact .r a:hover {
width:100px;
height:40px;
line-height:40px;
background:#00a9b0;
color:#ffffff;
display:block;
text-align:center;
margin-top:20px
}
 .pro_content_inc {
width:100%;
height:43px;
border-bottom:1px solid #e9f2f2;
margin-top:30px
}
.pindex_1b {
background:#00a9b0;
cursor:pointer;
color:#ffffff;
float:left;
width:110px;
height:43px;
line-height:43px;
font-size:16px;
text-align:center
}
.pindex_1b a {
color:#ffffff;
font-size:16px
}
.pindex_1b a:hover {
color:#ffffff;
font-size:16px
}
.pro_content {
width:100%;
padding-top:20px;
margin:auto;
padding-bottom:20px;
text-align:left;
background:#ffffff;
}
}
 @media screen and (max-width:481px) {
.in_pro {
width:100%;
margin:auto
}
 .in_pro_left_1 {
width:100%;
background:#f3f3f3;
}
.in_pro_left_title_cn_1 {
width:100%;
margin:auto;
height:50px;
line-height:50px;
color:#000000;
font-size:20px;
font-weight:bold;
text-align:center
}
.in_pro_left_title_en_1 {
width:100%;
margin:auto;
height:25px;
line-height:25px;
color:#454545;
font-size:14px;
text-align:center
}
.in_pro_left_title_line_1 {
width:80%;
height:1px;
line-height:1px;
background:#cccccc;
margin:auto;
margin-bottom:10px
}
.in_pro_case_1 {
width:100%;
margin:auto;
float:left
}
.in_pro_case_img_1 {
width:90%;
overflow:hidden;
margin:auto;
}
.in_pro_case_img_1 img {
width:100%
}
.in_pro_case_title_1 {
width:90%;
text-align:center;
height:40px;
line-height:40px;
margin:auto
}
}
.con {
	width: 1400px;
	margin-top: 10px;
	margin:auto;
}
.proa1 li {
	border-bottom:1px dotted #ccc;
	float:left;
	padding:10px;
	margin-bottom:30px;
	position: relative;
	width:1400px;
	height:210px;
}
.proa1 li a.proa {
	margin-right:20px;
	width:250px;
	height:188px;
	position:absolute;
	left: 10px;
	top:10px;
}
.proa1 li a img {
	width:250px;
	height:188px;
}
.proa1 li h2 a {
	color:#444;
	font-size:18px;
	position:absolute;
	left:270px;
	top:10px;
	line-height:40px;
	width:1100px;
}
.proa1 li h3 {
	color:#666;
	position:absolute;
	left:270px;
	top:45px;
	line-height:30px;
	width:1100px;
	font-size:16px;
	font-weight:normal
}
.proa1 li h4 {
	color:#666;
	position:absolute;
	left:270px;
	top:75px;
	line-height:30px;
	width:1100px;
	font-size:16px;
	font-weight:normal
}
.proa1 li p {
	position:absolute;
	left:270px;
	top:85px;
	width:1100px;
	height:65px;
	color:#666;
	font-size:16px;
	line-height:30px;
	padding-top:20px
}
.proa1 li a.more {
	position:absolute;
	right:10px;
	top:170px;
	padding:5px 10px;
	border:1px solid #ccc;
	color:#444
}
.proa1 li:hover a {
	color:#00a9b0;
	border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover {
	background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover h2 {
	color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
 @media screen and (max-width:1400px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa1 li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
margin-bottom:30px;
position: relative;
width:100%;
height:210px;
}
.proa1 li a.proa {
margin-right:20px;
width:20%;
position:absolute;
left: 10px;
top:10px;
}
.proa1 li a img {
width:100%;
height:188px;
}
.proa1 li h2 a {
color:#444;
font-size:18px;
position:absolute;
left:22%;
top:10px;
line-height:40px;
width:78%;
}
 .proa1 li h3 {
color:#666;
position:absolute;
left:22%;
top:45px;
line-height:30px;
width:78%;
font-size:16px;
font-weight:normal
}
.proa1 li h4 {
color:#666;
position:absolute;
left:22%;
top:75px;
line-height:30px;
width:78%;
font-size:16px;
font-weight:normal
}
 .proa1 li p {
position:absolute;
left:22%;
top:85px;
width:78%;
height:80px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:20px;
overflow:hidden
}
.proa1 li a.more {
position:absolute;
right:10px;
top:170px;
padding:5px 10px;
border:1px solid #ccc;
color:#444
}
.proa1 li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
 @media screen and (max-width:1024px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa1 li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
margin-bottom:30px;
position: relative;
width:100%;
height:210px;
}
.proa1 li a.proa {
margin-right:20px;
width:20%;
position:absolute;
left: 10px;
top:10px;
}
.proa1 li a img {
width:100%;
height:188px;
}
.proa1 li h2 a {
color:#444;
font-size:18px;
position:absolute;
left:22%;
top:10px;
line-height:40px;
width:78%;
}
 .proa1 li h3 {
color:#666;
position:absolute;
left:22%;
top:55px;
line-height:30px;
width:78%;
font-size:16px;
font-weight:normal
}
.proa1 li h4 {
color:#666;
position:absolute;
left:22%;
top:85px;
line-height:30px;
width:78%;
font-size:16px;
font-weight:normal
}
 .proa1 li p {
position:absolute;
left:22%;
top:95px;
width:78%;
height:80px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:20px;
overflow:hidden
}
.proa1 li a.more {
position:absolute;
right:10px;
top:175px;
padding:5px 10px;
border:1px solid #ccc;
color:#444
}
.proa1 li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
 @media screen and (max-width:781px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa1 li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
margin-bottom:30px;
position: relative;
width:100%;
height:210px;
}
.proa1 li a.proa {
margin-right:20px;
width:40%;
position:absolute;
left: 10px;
top:10px;
}
.proa1 li a img {
width:100%;
height:auto
}
.proa1 li h2 a {
color:#444;
font-size:18px;
position:absolute;
left:45%;
top:10px;
line-height:40px;
width:55%;
}
 .proa1 li h3 {
color:#666;
position:absolute;
left:45%;
top:55px;
line-height:30px;
width:55%;
font-size:16px;
font-weight:normal
}
.proa1 li h4 {
color:#666;
position:absolute;
left:45%;
top:105px;
line-height:30px;
width:55%;
font-size:16px;
font-weight:normal
}
 .proa1 li p {
position:absolute;
left:45%;
top:40px;
width:55%;
height:110px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:20px;
overflow:hidden;
display:none
}
.proa1 li a.more {
position:absolute;
right:10px;
top:160px;
padding:5px 10px;
border:1px solid #ccc;
color:#444
}
.proa1 li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
 @media screen and (max-width:600px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa1 li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
margin-bottom:30px;
position: relative;
width:100%;
height:210px;
}
.proa1 li a.proa {
margin-right:20px;
width:40%;
position:absolute;
left: 10px;
top:10px;
}
.proa1 li a img {
width:100%;
height:auto
}
.proa1 li h2 a {
color:#444;
font-size:18px;
position:absolute;
left:45%;
top:10px;
line-height:40px;
width:55%;
}
 .proa1 li h3 {
color:#666;
position:absolute;
left:45%;
top:55px;
line-height:30px;
width:55%;
font-size:16px;
font-weight:normal
}
.proa1 li h4 {
color:#666;
position:absolute;
left:45%;
top:105px;
line-height:30px;
width:55%;
font-size:16px;
font-weight:normal
}
 .proa1 li p {
position:absolute;
left:45%;
top:40px;
width:55%;
height:110px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:20px;
overflow:hidden;
display:none
}
.proa1 li a.more {
position:absolute;
right:10px;
top:160px;
padding:5px 10px;
border:1px solid #ccc;
color:#444
}
.proa1 li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
 @media screen and (max-width:481px) {
.con {
width: 100%;
margin-top: 10px;
margin:auto;
}
.proa1 li {
border-bottom:1px dotted #ccc;
float:left;
padding:10px;
padding-bottom:30px;
width:100%;
height:auto;
}
.proa1 li a.proa {
margin-right:0px;
width:100%;
position:inherit;
left: 0px;
top:10px
}
.proa1 li a img {
width:100%;
}
.proa1 li h2 a {
color:#444;
font-size:18px;
position:inherit;
left:45%;
top:10px;
line-height:60px;
width:100%;
}
 .proa1 li h3 {
color:#666;
position:inherit;
left:0px;
top:0px;
line-height:30px;
width:100%;
font-size:16px;
font-weight:normal
}
.proa1 li h4 {
color:#666;
position:inherit;
left:0px;
top:0px;
line-height:30px;
width:100%;
font-size:16px;
font-weight:normal
}
 .proa1 li p {
position:inherit;
left:0%;
top:0px;
width:100%;
height:120px;
color:#666;
font-size:16px;
line-height:30px;
padding-top:0px;
overflow:hidden;
display:block
}
.proa1 li a.more {
position:inherit;
left:0px;
top:15px;
padding:5px 10px;
border:1px solid #ccc;
color:#444;
}
.proa1 li:hover a {
color:#00a9b0;
border-color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover {
background:#f4f4f4;
-webkit-transition: all .5s;
transition: all .5s;
}
.proa1 li:hover h2 {
color:#00a9b0;
-webkit-transition: all .5s;
transition: all .5s;
}
}
.contatc_ny {
	width:1400px;
	margin:auto
}
.contact_ny1 {
	float:left;
	background:#f8f8f8;
	width:48%;
	height:152px;
	border:1px solid #eeeeee
}
.contact_ny2 {
	float:right;
	background:#f8f8f8;
	width:48%;
	height:152px;
	border:1px solid #eeeeee
}
.contact_ny_3 {
	width: 1398px;
	margin: auto;
	background:#f8f8f8;
	height:198px;
	border:1px solid #eeeeee;
	margin-bottom:60px
}
.contact_ny_4 {
	float:left;
	width:25%
}
.bottom_ny_tle {
	text-align:left;
	padding-left:50px;
	font-weight:bold;
	font-size:32px;
	height:40px;
	line-height:40px
}
.contact_ny_10 {
	width:100%;
	margin:auto;
	padding-top:80px;
	padding-bottom:60px
}
.contact_ny_company {
	width:100%;
	text-align:left;
	height:40px;
	line-height:40px;
	font-size:26px
}
 @media screen and (max-width:1400px) {
.contatc_ny {
width:98%;
margin:auto
}
.contact_ny1 {
float:left;
background:#f8f8f8;
width:48%;
height:152px;
border:1px solid #eeeeee;
margin-left:1%
}
.contact_ny2 {
float:left;
background:#f8f8f8;
width:48%;
height:152px;
border:1px solid #eeeeee;
margin-left:1%
}
.contact_ny_3 {
width: 98%;
margin: auto;
background:#f8f8f8;
height:198px;
border:1px solid #eeeeee;
margin-bottom:60px
}
.contact_ny_4 {
float:left;
width:25%
}
}
@media screen and (max-width:1024px) {
.contatc_ny {
width:98%;
margin:auto
}
.contact_ny1 {
float:left;
background:#f8f8f8;
width:48%;
height:152px;
border:1px solid #eeeeee;
margin-left:1%
}
.contact_ny2 {
float:left;
background:#f8f8f8;
width:48%;
height:152px;
border:1px solid #eeeeee;
margin-left:1%
}
.contact_ny_3 {
width: 98%;
margin: auto;
background:#f8f8f8;
height:198px;
border:1px solid #eeeeee;
margin-bottom:60px
}
.contact_ny_4 {
float:left;
width:50%
}
.bottom_ny_tle {
text-align:left;
padding-left:50px;
font-weight:bold;
font-size:22px;
height:40px;
line-height:40px
}
}
@media screen and (max-width:781px) {
.contatc_ny {
width:98%;
margin:auto
}
.contact_ny1 {
float:left;
background:#f8f8f8;
width:48%;
height:152px;
border:1px solid #eeeeee;
margin-left:1%
}
.contact_ny2 {
float:left;
background:#f8f8f8;
width:48%;
height:152px;
border:1px solid #eeeeee;
margin-left:1%
}
.contact_ny_3 {
width: 98%;
margin: auto;
background:#f8f8f8;
height:198px;
border:1px solid #eeeeee;
margin-bottom:60px
}
.contact_ny_4 {
float:left;
width:100%
}
.bottom_ny_tle {
text-align:left;
padding-left:50px;
font-weight:bold;
font-size:14px;
height:40px;
line-height:40px
}
}
@media screen and (max-width:481px) {
.contatc_ny {
width:98%;
margin:auto
}
.bottom_ny_tle {
text-align:left;
padding-left:50px;
font-weight:bold;
font-size:24px;
height:40px;
line-height:40px
}
 .contact_ny1 {
float:left;
background:#f8f8f8;
width:98%;
height:152px;
border:1px solid #eeeeee;
margin-left:0%;
margin-bottom:20px
}
.contact_ny2 {
float:left;
background:#f8f8f8;
width:98%;
height:152px;
border:1px solid #eeeeee;
margin-left:0%
}
.contact_ny_3 {
width: 98%;
margin: auto;
background:#f8f8f8;
height:auto;
border:1px solid #eeeeee;
margin-bottom:20px
}
.contact_ny_4 {
float:left;
width:100%
}
 .contact_ny_10 {
width:100%;
margin:auto;
padding-top:20px;
padding-bottom:20px
}
 .contact_ny_company {
width:100%;
text-align:left;
height:40px;
line-height:40px;
font-size:20px
}
}
.feedback_1_button {
	border: none;
	background-color: #fff;
	font-size: 18px;
	cursor: pointer;
	line-height:50px;
	width: 633px;
	box-sizing:border-box;
	background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(-50.86deg, #044A89 0%, #118C73 57.99999999999999%, #6CB148 100%);
	color: #044A89;
	padding: 1px;
	border-radius: 5px;
	background-clip: content-box, padding-box;
 transition: filter .5s ease;
}
.feedback_2_button {
	border: none;
	background-color: #fff;
	font-size: 18px;
	cursor: pointer;
	line-height:50px;
	width: 1300px;
	box-sizing:border-box;
	background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(-50.86deg, #044A89 0%, #118C73 57.99999999999999%, #6CB148 100%);
	color: #044A89;
	padding: 1px;
	border-radius: 5px;
	background-clip: content-box, padding-box;
 transition: filter .5s ease;
}
.feedback_3_button {
	border: none;
	background-color: #fff;
	font-size: 18px;
	cursor: pointer;
	line-height:50px;
	width: 1300px;
	box-sizing:border-box;
	background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(-50.86deg, #044A89 0%, #118C73 57.99999999999999%, #6CB148 100%);
	color: #044A89;
	padding: 1px;
	border-radius: 5px;
	background-clip: content-box, padding-box;
 transition: filter .5s ease;
	height:300px
}
.feedback_4_botton {
	width:240px;
	height:40px;
	line-height:40px;
	background:linear-gradient(-57.87deg, #044A89 0%, #118C73 57.99999999999999%, #6CB148 100%);
	color: transparent;
	color:#ffffff;
	border-radius: 20px;
	border:none;
	margin-bottom:30px;
	cursor:pointer
}