﻿

.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:#1894ff; 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_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:#1894ff; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#1894ff; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#1894ff}
.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:#1894ff; 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:#1894ff; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#1894ff; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#1894ff}
.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:#1894ff; 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:#1894ff; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#1894ff; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#1894ff}
.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:#1894ff; 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;