.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;border-radius:30px; margin-bottom:10px}
.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:#0e478b; margin_left:5px; margin-right:5px; display:inline-block;border-radius:30px; margin-bottom:10px}
.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}	
}	











.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 {width:1400px;margin:auto}
.index_news_content_1 {float:left;width:50%;padding-bottom:20px;}
.index_news_content2{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; cursor:pointer}
.index_news_content2b{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; background:#f4f4f4; cursor:pointer}

 @media screen and (max-width:1400px) {
.index_news_content {width:100%;margin:auto}
.index_news_content_1 {float:left;width:50%;padding-bottom:20px;}
.index_news_content2{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; cursor:pointer}
.index_news_content2b{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; background:#f4f4f4; cursor:pointer}
}
 @media screen and (max-width:1024px) {
.index_news_content {width:100%;margin:auto}
.index_news_content_1 {float:left;width:50%;padding-bottom:20px;}
.index_news_content2{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; cursor:pointer}
.index_news_content2b{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; background:#f4f4f4; cursor:pointer}

}

@media screen and (max-width:781px) {
.index_news_content {width:100%;margin:auto}
.index_news_content_1 {float:left;width:100%;padding-bottom:20px;}
.index_news_content2{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; cursor:pointer}
.index_news_content2b{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; background:#f4f4f4; cursor:pointer}

}
 @media screen and (max-width:481px) {
.index_news_content {width:100%;margin:auto}
.index_news_content_1 {float:left;width:100%;padding-bottom:20px;}
.index_news_content2{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; cursor:pointer}
.index_news_content2b{ width:98%; margin:auto; border:1px solid #cccccc; text-align:center; border-bottom:2px solid #0e478b; background:#f4f4f4; cursor:pointer}
}






.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat; padding-bottom:140px}
.ys_body{width:600px; padding-top:30px; margin:auto}

.ys_tu1_l{ width:50%; float:left}
.ys_tu1_l_body{width:100%; margin:auto; background:url(../images/ys_1.jpg) center top no-repeat; height:437px}
.ys_tu1_r{ width:50%; float:left}

.ys_tu2_l{ width:50%; float:left}
.ys_tu2_l_body{width:100%; margin:auto; background:url(../images/ys_2.jpg) center top no-repeat; height:437px}
.ys_tu2_r{ width:50%; float:left}

.ys_12{float:left; width:600px}
.ys_34{float:right; width:600px}
.ys_body_12_1{ float:left; width:50px}
.ys_body_12_2{ float:left;}
.ys_body_12_2_body{ width:51px; height:75px; line-height:75px; background:url(../images/index_ys_dian.png); color:#ffffff; text-align:center; font-size:36px; font-weight:bold}
.ys_body_12_3{ float:left; width:25px}
.ys_body_12_4{ float:left; width:460px}
.ys_body_12_4_1{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:30px}
.ys_body_12_4_2{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:24px; border-bottom:1px solid #d1d1d1; padding-bottom:10px}
.ys_body_12_4_3{ width:100%; text-align:left; line-height:25px; color:#ffffff; font-size:18px; padding-top:15px}


@media screen and (max-width:1400px) {
.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat; padding-bottom:140px}
.ys_body{width:100%; padding-top:30px; margin:auto}
.ys_12{float:left; width:100%}
.ys_34{float:right;  width:95%}
.ys_body_12_1{ float:left; width:5%}
.ys_body_12_2{ float:left;}
.ys_body_12_2_body{ width:51px; height:75px; line-height:75px; background:url(../images/index_ys_dian.png); color:#ffffff; text-align:center; font-size:36px; font-weight:bold}
.ys_body_12_3{ float:left; width:2.5%}
.ys_body_12_4{ float:left; width:80%}
.ys_body_12_4_1{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:30px}
.ys_body_12_4_2{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:24px; border-bottom:1px solid #d1d1d1; padding-bottom:10px}
.ys_body_12_4_3{ width:100%; text-align:left; line-height:25px; color:#ffffff; font-size:18px; padding-top:15px}


}


@media screen and (max-width:1024px) {
.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat; padding-bottom:140px}
.ys_body{width:100%; padding-top:30px; margin:auto}
.ys_12{float:left; width:100%}
.ys_34{float:right;  width:95%}
.ys_body_12_1{ float:left; width:5%}
.ys_body_12_2{ float:left;}
.ys_body_12_2_body{ width:51px; height:75px; line-height:75px; background:url(../images/index_ys_dian.png); color:#ffffff; text-align:center; font-size:36px; font-weight:bold}
.ys_body_12_3{ float:left; width:2.5%}
.ys_body_12_4{ float:left; width:80%}
.ys_body_12_4_1{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:30px}
.ys_body_12_4_2{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:24px; border-bottom:1px solid #d1d1d1; padding-bottom:10px}
.ys_body_12_4_3{ width:100%; text-align:left; line-height:25px; color:#ffffff; font-size:18px; padding-top:15px}


}


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

.ys_tu1_l{ width:100%; float:left}
.ys_tu1_l_body{width:100%; margin:auto; background:url(../images/ys_1.jpg) center top no-repeat; height:437px}
.ys_tu1_r{ width:100%; float:left}

.ys_tu2_l{ width:100%; float:left}
.ys_tu2_l_body{width:100%; margin:auto; background:url(../images/ys_2.jpg) center top no-repeat; height:437px; margin-top:30px}
.ys_tu2_r{ width:100%; float:left}

.ys_body{width:90%; padding-top:30px; margin:auto}
.ys_12{float:left; width:100%}
.ys_34{float:left;  width:100%}
.ys_body_12_1{ float:left; width:0%}
.ys_body_12_2{ float:left;}
.ys_body_12_2_body{ width:51px; height:75px; line-height:75px; background:url(../images/index_ys_dian.png); color:#ffffff; text-align:center; font-size:36px; font-weight:bold}
.ys_body_12_3{ float:left; width:2.5%}
.ys_body_12_4{ float:left; width:80%}
.ys_body_12_4_1{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:30px}
.ys_body_12_4_2{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:24px; border-bottom:1px solid #d1d1d1; padding-bottom:10px}
.ys_body_12_4_3{ width:100%; text-align:left; line-height:25px; color:#ffffff; font-size:18px; padding-top:15px}

}


@media screen and (max-width:481px) {
.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top}	

.ys_tu1_l{ width:100%; float:left}
.ys_tu1_l_body{width:100%; margin:auto; background:url(../images/ys_1.jpg) center top no-repeat; height:437px}
.ys_tu1_r{ width:100%; float:left}

.ys_tu2_l{ width:100%; float:left}
.ys_tu2_l_body{width:100%; margin:auto; background:url(../images/ys_2.jpg) center top no-repeat; height:437px; margin-top:30px}
.ys_tu2_r{ width:100%; float:left}

.ys_body{width:90%; padding-top:30px; margin:auto}
.ys_12{float:left; width:100%}
.ys_34{float:left;  width:100%}
.ys_body_12_1{ float:left; width:0%}
.ys_body_12_2{ float:left;}
.ys_body_12_2_body{ width:51px; height:75px; line-height:75px; background:url(../images/index_ys_dian.png); color:#ffffff; text-align:center; font-size:36px; font-weight:bold}
.ys_body_12_3{ float:left; width:2.5%}
.ys_body_12_4{ float:left; width:80%}
.ys_body_12_4_1{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:30px}
.ys_body_12_4_2{ width:100%; text-align:left; height:40px; line-height:40px; color:#ffffff; font-size:16px; border-bottom:1px solid #d1d1d1; padding-bottom:10px}
.ys_body_12_4_3{ width:100%; text-align:left; line-height:25px; color:#ffffff; font-size:14px; padding-top:15px}	



}





.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:#0e478b; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#0e478b; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#0e478b}
.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:#0e478b; 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:#0e478b; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#0e478b; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#0e478b}
.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:#0e478b; 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:#0e478b; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#0e478b; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#0e478b}
.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:#0e478b; 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:#0e478b; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#0e478b; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#0e478b}
.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:#0e478b; 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:#0e478b; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#0e478b; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#0e478b}
.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:#0e478b; 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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0e478b;-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:98%; 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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0e478b;-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:98%; 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:90px; 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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0e478b;-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:90px; 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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0e478b;-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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0e478b;-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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }

}

.pindex_1{ width:100px; height:43px; cursor:pointer; background:#0e478b; 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:#0e478b}
.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:#0e478b; 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:#0e478b; 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:#0e478b; 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; line-height:2}
.pro_content h2{ color:#0e478b}

@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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; 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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0e478b;-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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0e478b;-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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0e478b;-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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0e478b;-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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0e478b;-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:#0e478b; border-color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0e478b;-webkit-transition: all .5s;transition: all .5s; }

}



.index_pro_tj{ width:1400px; margin:auto; padding-top:20px}
.index_pro_tj_r{ width:1400px}
.index_pro_class_pro1{width:25%;  float:left; padding-top:5px; padding-bottom:5px}
.index_pro_class_pro_body1{width:330px;background:#ffffff; padding-bottom:10px; height:450px;border-radius:20px}
.index_pro_class_pro_img1_top{ width:310px; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:310px; height:233px; overflow:hidden; margin:auto; text-align:center;}
.index_pro_class_pro_img1 img{ width:310px; height:233px}
.index_pro_class_pro_title1{width:310px; height:50px; text-align:center; line-height:50px; margin:auto}
.index_pro_class_pro_title1 a{ color:#222222; font-size:18px; font-weight:bold}
.index_pro_class_pro_title1 a:hover{ color:#0e478b; font-size:18px; font-weight:bold}
.index_pro_class_pro_smallc1{width:310px; line-height:30px; margin:auto; text-align:left; color:#454545; font-size:14px; height:90px; overflow:hidden}	 
.index_pro_more2{ width:140px; margin:auto; padding-top:20px}
.index_pro_more2 a{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}
.index_pro_more2 a:hover{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}


 @media screen and (max-width:1400px) {
	 
.index_pro_tj{ width:98%; margin:auto; padding-top:20px}
.index_pro_tj_r{  width:100%; margin:auto;}
.index_pro_class_pro1{width:25%;  float:left; padding-top:5%; padding-bottom:5%}
.index_pro_class_pro_body1{width:96%;background:#ffffff; padding-bottom:10px; height:450px;border-radius:20px}
.index_pro_class_pro_img1_top{ width:100%; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center;}
.index_pro_class_pro_img1 img{ width:100%; height:auto}
.index_pro_class_pro_title1{width:90%; height:50px; text-align:center; line-height:50px; margin:auto}
.index_pro_class_pro_title1 a{ color:#222222; font-size:18px; font-weight:bold}
.index_pro_class_pro_title1 a:hover{ color:#0e478b; font-size:18px; font-weight:bold}
.index_pro_class_pro_smallc1{width:90%; line-height:30px; margin:auto; text-align:left; color:#454545; font-size:14px; height:90px; overflow:hidden}	 
.index_pro_more2{ width:140px; margin:auto; padding-top:20px}
.index_pro_more2 a{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}
.index_pro_more2 a:hover{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}

	 }
	 
 @media screen and (max-width:1024px) {
	 
.index_pro_tj{ width:98%; margin:auto; padding-top:20px}
.index_pro_tj_r{  width:100%; margin:auto;}
.index_pro_class_pro1{width:25%;  float:left; padding-top:5%; padding-bottom:5%}
.index_pro_class_pro_body1{width:96%;background:#ffffff; padding-bottom:10px; height:350px;border-radius:20px}
.index_pro_class_pro_img1_top{ width:100%; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center;}
.index_pro_class_pro_img1 img{ width:100%; height:auto}
.index_pro_class_pro_title1{width:90%; height:50px; text-align:center; line-height:50px; margin:auto}
.index_pro_class_pro_title1 a{ color:#222222; font-size:18px; font-weight:bold}
.index_pro_class_pro_title1 a:hover{ color:#0e478b; font-size:18px; font-weight:bold}
.index_pro_class_pro_smallc1{width:90%; line-height:30px; margin:auto; text-align:left; color:#454545; font-size:14px; height:90px; overflow:hidden}	 
.index_pro_more2{ width:140px; margin:auto; padding-top:20px}
.index_pro_more2 a{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}
.index_pro_more2 a:hover{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}

	 }
	 
 @media screen and (max-width:781px) {
	 
.index_pro_tj{ width:98%; margin:auto; padding-top:20px}
.index_pro_tj_r{  width:100%; margin:auto;}
.index_pro_class_pro1{width:50%;  float:left; padding-top:2%; padding-bottom:2%}
.index_pro_class_pro_body1{width:96%;background:#ffffff; padding-bottom:10px; height:450px;border-radius:20px}
.index_pro_class_pro_img1_top{ width:100%; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center;}
.index_pro_class_pro_img1 img{ width:100%; height:auto}
.index_pro_class_pro_title1{width:90%; height:50px; text-align:center; line-height:50px; margin:auto}
.index_pro_class_pro_title1 a{ color:#222222; font-size:18px; font-weight:bold}
.index_pro_class_pro_title1 a:hover{ color:#0e478b; font-size:18px; font-weight:bold}
.index_pro_class_pro_smallc1{width:90%; line-height:30px; margin:auto; text-align:left; color:#454545; font-size:14px; height:90px; overflow:hidden}	 
.index_pro_more2{ width:140px; margin:auto; padding-top:20px}
.index_pro_more2 a{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}
.index_pro_more2 a:hover{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}

	 }
	 
 @media screen and (max-width:481px) {
	 
.index_pro_tj{ width:98%; margin:auto; padding-top:20px}
.index_pro_tj_r{  width:100%; margin:auto;}
.index_pro_class_pro1{width:100%;  float:left; padding-top:2%; padding-bottom:2%}
.index_pro_class_pro_body1{width:96%;background:#ffffff; padding-bottom:10px; height:500px;border-radius:20px; margin:auto}
.index_pro_class_pro_img1_top{ width:100%; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center;}
.index_pro_class_pro_img1 img{ width:100%; height:auto}
.index_pro_class_pro_title1{width:90%; height:50px; text-align:center; line-height:50px; margin:auto}
.index_pro_class_pro_title1 a{ color:#222222; font-size:18px; font-weight:bold}
.index_pro_class_pro_title1 a:hover{ color:#0e478b; font-size:18px; font-weight:bold}
.index_pro_class_pro_smallc1{width:90%; line-height:30px; margin:auto; text-align:left; color:#454545; font-size:14px; height:90px; overflow:hidden}	 
.index_pro_more2{ width:140px; margin:auto; padding-top:20px}
.index_pro_more2 a{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}
.index_pro_more2 a:hover{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#0e478b; line-height:33px;border-radius:1000px}

	 }




.index_project{ width: 1400px; margin:auto }
.index_project_bg{width:100%; margin:auto; background:url(../images/index_case_bg.jpg) center top; height:890px}
.index_project_1{width:50%; float:left;}
.index_project_2{ float:left; width:50%; padding-bottom:10px}
.index_project2_body{ width:95%; margin:auto}

@media screen and (max-width:1400px) {
.index_project{ width: 100%; margin:auto }
.index_project_bg{width:100%; margin:auto; background:url(../images/index_case_bg.jpg) center top; height:890px}
.index_project_1{width:50%; float:left;}
.index_project_2{ float:left; width:50%; padding-bottom:10px}

}
@media screen and (max-width:1024px) {
.index_project{ width: 100%; margin:auto }
.index_project_bg{width:100%; margin:auto; background:url(../images/index_case_bg.jpg) center top; height:890px}
.index_project_1{width:50%; float:left;}
.index_project_2{ float:left; width:50%; padding-bottom:10px}

}
@media screen and (max-width:781px) {
.index_project{ width: 98%; margin:auto }
.index_project_bg{width:100%; margin:auto; background:url(../images/index_case_bg.jpg) center top; height:890px}
.index_project_1{width:100%; float:left; padding-bottom:10px}
.index_project_2{ float:left; width:100%; padding-bottom:10px}
.index_project2_body{ width:100%; margin:auto}

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

}	



.index_news_body{ width:1400px; margin:auto}
.index_news_contet{float:left; width:680px; background:#FFF;margin-left:10px; margin-right:10px; height:650px}

@media screen and (max-width:1400px) {
.index_news_body{ width:100%; margin:auto}
.index_news_contet{float:left; width:48%; background:#FFF;margin-left:1%; margin-right:1%; height:650px}
}
@media screen and (max-width:1024px) {
.index_news_body{ width:100%; margin:auto}
.index_news_contet{float:left; width:48%; background:#FFF;margin-left:1%; margin-right:1%; height:650px}

}
@media screen and (max-width:781px) {
.index_news_body{ width:100%; margin:auto}
.index_news_contet{float:left; width:98%; background:#FFF;margin-left:1%; margin-right:1%; height:650px}

}
@media screen and (max-width:481px) {
.index_news_body{ width:100%; margin:auto}
.index_news_contet{float:left; width:98%; background:#FFF;margin-left:1%; margin-right:1%; height:650px}

}