﻿.index_product{width:100%; margin:auto; background:url(../images/index_product.jpg) center top no-repeat; height:1126px;}
.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; background:url(../images/index_product.jpg) center top no-repeat; height:1126px;}
.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; background:url(../images/index_product.jpg) center top no-repeat; height:926px;}
.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; background:url(../images/index_product.jpg) center top no-repeat #dfdfdf; height:1806px;}
.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; background:url(../images/index_product.jpg) center top no-repeat #dfdfdf; height:1506px;}
.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}
}	


.index_middle{ width:100%; margin:auto; background:url(../images/index_middle.jpg) center top no-repeat; height:165px}
.index_middle_body{ width:1400px; height:180px; margin:auto}
.index_middle_body .l{ float:left; padding-top:40px}
.index_middle_body .l .l1{ color:#ffffff; font-size:30px; height:50px; line-height:50px}
.index_middle_body .l .l2{ color:#ffffff; font-size:24px; height:40px; line-height:40px}
.index_middle_body .r{ float:right; width:154px; height:40px; border:1px solid #ffffff; color:#ffffff; text-align:center; line-height:40px; margin-top:60px; margin-right:50px}
.index_middle_body .r a{ color:#ffffff}
.index_middle_body .r a:hover{ color:#ffffff}
.index_middle_body .m{ float:right; width:154px; height:40px; border:1px solid #ffffff; color:#f5da02; text-align:center; line-height:40px; margin-top:60px; margin-right:50px}

@media screen and (max-width:1400px) {
.index_middle{ width:100%; margin:auto; background:url(../images/index_middle.jpg) center top no-repeat; height:165px}
.index_middle_body{ width:100%; height:180px; margin:auto}
.index_middle_body .l{ float:left; padding-top:40px; padding-left:10px}
.index_middle_body .l .l1{ color:#ffffff; font-size:24px; height:50px; line-height:50px}
.index_middle_body .l .l2{ color:#ffffff; font-size:18px; height:40px; line-height:40px}
.index_middle_body .r{ float:right; width:154px; height:40px; border:1px solid #ffffff; color:#ffffff; text-align:center; line-height:40px; margin-top:60px; margin-right:10px}
.index_middle_body .r a{ color:#ffffff}
.index_middle_body .r a:hover{ color:#ffffff}
.index_middle_body .m{ float:right; width:154px; height:40px; border:1px solid #ffffff; color:#f5da02; text-align:center; line-height:40px; margin-top:60px; margin-right:10px}	
}
@media screen and (max-width:1024px) {
.index_middle{ width:100%; margin:auto; background:url(../images/index_middle.jpg) center top no-repeat; height:165px}
.index_middle_body{ width:100%; height:180px; margin:auto}
.index_middle_body .l{ float:left; padding-top:40px; padding-left:10px}
.index_middle_body .l .l1{ color:#ffffff; font-size:18px; height:50px; line-height:50px}
.index_middle_body .l .l2{ color:#ffffff; font-size:16px; height:40px; line-height:40px}
.index_middle_body .r{ float:right; width:154px; height:40px; border:1px solid #ffffff; color:#ffffff; text-align:center; line-height:40px; margin-top:60px; margin-right:10px}
.index_middle_body .r a{ color:#ffffff}
.index_middle_body .r a:hover{ color:#ffffff}
.index_middle_body .m{ float:right; width:154px; height:40px; border:1px solid #ffffff; color:#f5da02; text-align:center; line-height:40px; margin-top:60px; margin-right:10px}	
}
@media screen and (max-width:781px) {
.index_middle{ width:100%; margin:auto; background:url(../images/index_middle.jpg) center top; height:330px}
.index_middle_body{ width:100%; height:180px; margin:auto}
.index_middle_body .l{ float:left; padding-top:40px; width:100%}
.index_middle_body .l .l1{ color:#ffffff; font-size:14px; height:50px; line-height:50px}
.index_middle_body .l .l2{ color:#ffffff; font-size:14px; height:40px; line-height:40px}
.index_middle_body .r{ float:left; width:154px; height:40px; border:1px solid #ffffff; color:#ffffff; text-align:center; line-height:40px; margin-top:90px; width:40%; margin-right:0px; margin-left:10px}
.index_middle_body .r a{ color:#ffffff}
.index_middle_body .r a:hover{ color:#ffffff}
.index_middle_body .m{ float:left; width:154px; height:40px; border:1px solid #ffffff; color:#f5da02; text-align:center; line-height:40px; margin-top:90px; width:40%; margin-right:0px; margin-left:10px}
}
@media screen and (max-width:481px) {
.index_middle{ width:100%; margin:auto; background:url(../images/index_middle.jpg) center top; height:330px}
.index_middle_body{ width:100%; height:180px; margin:auto}
.index_middle_body .l{ float:left; padding-top:40px; width:100%}
.index_middle_body .l .l1{ color:#ffffff; font-size:14px; height:50px; line-height:50px}
.index_middle_body .l .l2{ color:#ffffff; font-size:14px; height:40px; line-height:40px}
.index_middle_body .r{ float:left; width:154px; height:40px; border:1px solid #ffffff; color:#ffffff; text-align:center; line-height:40px; margin-top:90px; width:40%; margin-right:0px; margin-left:10px}
.index_middle_body .r a{ color:#ffffff}
.index_middle_body .r a:hover{ color:#ffffff}
.index_middle_body .m{ float:left; width:154px; height:40px; border:1px solid #ffffff; color:#f5da02; text-align:center; line-height:40px; margin-top:90px; width:40%; margin-right:0px; margin-left:10px}
}	



.index_about{width:100%; margin:auto; background:#f9f9f9}
.index_about_body{ width:1400px; margin:auto}
.index_about_l {float:left; width:750px}
.index_about_l .index_about_l_t1{ text-align:left; height:30px; line-height:30px; font-size:14px; color:#1a1d86}
.index_about_l .index_about_l_t2{ text-align:left; height:40px; line-height:40px; font-size:24px; color:#454545; font-weight:bold}
.index_about_m {float:left; width:150px}
.index_about_r {float:left; width:500px}
.index_about_r img{ width:440px}
.index_about_l_body{line-height:30px; width:100%}
.index_about_l_more{padding-top:60px}
.index_about_l_more a{ font-size:16px; padding-left:4px; padding-right:20px}
.index_about_l_more a:hover{ font-size:16px; padding-left:4px; padding-right:20px}

@media screen and (max-width:1400px) {
.index_about{width:100%; margin:auto; background:#f9f9f9}
.index_about_body{ width:1000px; margin:auto}
.index_about_l {float:left; width:500px}
.index_about_l .index_about_l_t1{ text-align:left; height:30px; line-height:30px; font-size:14px; color:#1a1d86}
.index_about_l .index_about_l_t2{ text-align:left; height:40px; line-height:40px; font-size:24px; color:#454545; font-weight:bold}
.index_about_m {float:left; width:60px}
.index_about_r {float:left; width:440px}
.index_about_r img{ width:440px}
.index_about_l_body{line-height:30px; width:100%}
.index_about_l_more{padding-top:10px}
.index_about_l_more a{ font-size:16px; padding-left:4px; padding-right:20px}
.index_about_l_more a:hover{ font-size:16px; padding-left:4px; padding-right:20px}
}
@media screen and (max-width:1024px) {
.index_about{width:100%; margin:auto; background:#f9f9f9}
.index_about_body{ width:96%; margin:auto}
.index_about_l {float:left; width:100%}
.index_about_l .index_about_l_t1{ text-align:left; height:30px; line-height:30px; font-size:14px; color:#1a1d86}
.index_about_l .index_about_l_t2{ text-align:left; height:40px; line-height:40px; font-size:24px; color:#454545; font-weight:bold}
.index_about_m {float:left; width:10%; display:none}
.index_about_r {float:left; width:40%; display:none}
.index_about_r img{ width:100%}
.index_about_l_body{line-height:30px; width:100%}
.index_about_l_more{padding-top:10px; padding-bottom:30px}
.index_about_l_more a{ font-size:16px; padding-left:4px; padding-right:20px}
.index_about_l_more a:hover{ font-size:16px; padding-left:4px; padding-right:20px}
}
@media screen and (max-width:781px) {
.index_about{width:100%; margin:auto; background:#f9f9f9}
.index_about_body{ width:96%; margin:auto}
.index_about_l {float:left; width:100%}
.index_about_l .index_about_l_t1{ text-align:left; height:30px; line-height:30px; font-size:14px; color:#1a1d86}
.index_about_l .index_about_l_t2{ text-align:left; height:40px; line-height:40px; font-size:24px; color:#454545; font-weight:bold}
.index_about_m {float:left; width:10%; display:none}
.index_about_r {float:left; width:40%; display:none}
.index_about_r img{ width:100%}
.index_about_l_body{line-height:30px; width:100%}
.index_about_l_more{padding-top:10px; padding-bottom:30px}
.index_about_l_more a{ font-size:16px; padding-left:4px; padding-right:20px}
.index_about_l_more a:hover{ font-size:16px; padding-left:4px; padding-right:20px}
}
@media screen and (max-width:481px) {
.index_about{width:100%; margin:auto; background:#f9f9f9}
.index_about_body{ width:96%; margin:auto}
.index_about_l {float:left; width:100%}
.index_about_l .index_about_l_t1{ text-align:left; height:30px; line-height:30px; font-size:14px; color:#1a1d86}
.index_about_l .index_about_l_t2{ text-align:left; height:40px; line-height:40px; font-size:24px; color:#454545; font-weight:bold}
.index_about_m {float:left; width:10%; display:none}
.index_about_r {float:left; width:100%; display:block; text-align:center}
.index_about_r img{ width:80%; margin:auto; text-align:center}
.index_about_l_body{line-height:30px; width:100%}
.index_about_l_more{padding-top:10px; padding-bottom:30px}
.index_about_l_more a{ font-size:12px; padding-left:4px; padding-right:8px}
.index_about_l_more a:hover{ font-size:12px; padding-left:4px; padding-right:8px}
} 


.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}
}	


.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat; height:auto}
.ys_body{width:820px; margin:auto}

.ys_b_t{ width:100%; margin:auto}
.ys_b_t1{ float:left}
.ys_b_t2{height:74px; line-height:74px; text-align:left; color:#1a1d86; font-size:18px; float:left; padding-left:10px}

.ys_body1{width:1400px; margin:auto; padding-top:120px}
.ys_body1_1{float:left; width:150px}
.ys_body1_2{float:left;}
.ys_body1_3{ float:right}

.ys_c_t{width:100%; padding-top:40px}

.ys_c_t1{float:left; padding-top:12px; padding-left:30px}
.ys_c_t2{height:30px; line-height:30px; text-align:left; color:#454545; font-size:16px;float:left; padding-left:10px}

.ys_body2{width:1400px; margin:auto; padding-top:40px}
.ys_body2_1{float:left; width:150px}
.ys_body2_2{float:left;}
.ys_body2_3{float:left; width:150px}
.ys_body2_4{float:left;}

.ys_body3{width:1400px; margin:auto; padding-top:40px}
.ys_body3_1{float:left; width:150px}
.ys_body3_2{float:left;}
.ys_body3_3{float:right;}


.ys_body4{width:1400px; margin:auto; padding-top:20px}
.ys_body4_1{float:left; width:150px}
.ys_body4_2{float:left;}
.ys_body4_3{float:left; width:150px}
.ys_body4_4{float:left; padding-top:100px}

@media screen and (max-width:1400px) {
	
.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat; height:auto}
.ys_body{width:820px; margin:auto}
.ys_title{margin:auto; text-align:left; padding-top:140px; float:left; padding-left:350px; width:560px}

.ys_b_t{ width:100%; margin:auto}
.ys_b_t1{ float:left; }
.ys_b_t2{height:74px; line-height:74px; text-align:left; color:#1a1d86; font-size:18px; float:left; padding-left:10px}

.ys_body1{width:1000px; margin:auto; padding-top:60px}
.ys_body1_1{float:left; width:0px}
.ys_body1_2{float:left; width:550px}
.ys_body1_3{ float:right; width:450px; padding-top:100px}
.ys_body1_3 img{ width:100%}

.ys_c_t{width:100%; padding-top:40px}

.ys_c_t1{float:left; padding-top:12px; padding-left:30px; width:10px}
.ys_c_t2{height:auto; line-height:30px; text-align:left; color:#454545; font-size:16px;float:left; padding-left:10px; width:420px}

.ys_body2{width:1000px; margin:auto; padding-top:40px}
.ys_body2_1{float:left; width:0px}
.ys_body2_2{float:left; width:450px}
.ys_body2_2 img{ width:100%}
.ys_body2_3{float:left; width:50px}
.ys_body2_4{float:left; width:500px; padding-top:40px}

.ys_body3{width:1000px; margin:auto; padding-top:120px}
.ys_body3_1{float:left; width:0px}
.ys_body3_2{float:left; width:550px}
.ys_body3_3{ float:right; width:450px; padding-top:10px}
.ys_body3_3 img{ width:100%}


.ys_body4{width:1000px; margin:auto; padding-top:40px}
.ys_body4_1{float:left; width:0px}
.ys_body4_2{float:left; width:450px}
.ys_body4_2 img{ width:100%}
.ys_body4_3{float:left; width:50px}
.ys_body4_4{float:left; width:500px; padding-top:40px}
	
}
@media screen and (max-width:1024px) {
.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat; height:auto}
.ys_body{width:780px; margin:auto}
.ys_body img{ width:100%}
.ys_title{margin:auto; text-align:left; padding-top:140px; float:left; padding-left:240px; width:500px}

.ys_b_t{ width:100%; margin:auto}
.ys_b_t1{ float:left; }
.ys_b_t2{height:74px; line-height:74px; text-align:left; color:#1a1d86; font-size:18px; float:left; padding-left:10px}

.ys_body1{width:780px; margin:auto; padding-top:0px}
.ys_body1_1{float:left; width:0px}
.ys_body1_2{float:left; width:430px}
.ys_body1_3{ float:right; width:350px; padding-top:100px}
.ys_body1_3 img{ width:100%}

.ys_c_t{width:100%; padding-top:40px}

.ys_c_t1{float:left; padding-top:12px; padding-left:30px; width:10px}
.ys_c_t2{height:auto; line-height:30px; text-align:left; color:#454545; font-size:16px;float:left; padding-left:10px; width:370px}

.ys_body2{width:780px; margin:auto; padding-top:40px}
.ys_body2_1{float:left; width:0px}
.ys_body2_2{float:left; width:330px; padding-top:60px}
.ys_body2_2 img{ width:100%}
.ys_body2_3{float:left; width:20px}
.ys_body2_4{float:left; width:430px; padding-top:40px}

.ys_body3{width:780px; margin:auto; padding-top:120px}
.ys_body3_1{float:left; width:0px}
.ys_body3_2{float:left; width:430px}
.ys_body3_3{ float:right; width:350px; padding-top:20px}
.ys_body3_3 img{ width:100%}


.ys_body4{width:780px; margin:auto; padding-top:20px}
.ys_body4_1{float:left; width:0px}
.ys_body4_2{float:left; width:330px; padding-top:20px}
.ys_body4_2 img{ width:100%}
.ys_body4_3{float:left; width:20px}
.ys_body4_4{float:left; width:430px; padding-top:40px}
}
@media screen and (max-width:781px) {
.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat; height:auto}
.ys_body{width:100%; margin:auto}
.ys_body img{ width:100%}

.ys_b_t{ width:100%; margin:auto}
.ys_b_t1{ float:left; }
.ys_b_t2{height:74px; line-height:74px; text-align:left; color:#1a1d86; font-size:18px; float:left; padding-left:10px}

.ys_body1{width:100%; margin:auto; padding-top:0px}
.ys_body1_1{float:left; width:0px}
.ys_body1_2{float:left; width:100%}
.ys_body1_3{ float:right; width:100%; padding-top:100px}
.ys_body1_3 img{ width:100%}

.ys_c_t{width:100%; padding-top:40px}

.ys_c_t1{float:left; padding-top:12px; padding-left:30px; width:10px}
.ys_c_t2{height:auto; line-height:30px; text-align:left; color:#454545; font-size:16px;float:left; padding-left:10px; width:80%}

.ys_body2{width:100%; margin:auto; padding-top:40px}
.ys_body2_1{float:left; width:0px}
.ys_body2_2{float:left; width:100%; padding-top:60px}
.ys_body2_2 img{ width:100%}
.ys_body2_3{float:left; width:20px; display:none}
.ys_body2_4{float:left; width:100%; padding-top:40px}

.ys_body3{width:100%; margin:auto; padding-top:120px}
.ys_body3_1{float:left; width:0px}
.ys_body3_2{float:left; width:100%}
.ys_body3_3{ float:right; width:100%; padding-top:20px}
.ys_body3_3 img{ width:100%}


.ys_body4{width:100%; margin:auto; padding-top:20px}
.ys_body4_1{float:left; width:0px}
.ys_body4_2{float:left; width:100%; padding-top:20px; display:none}
.ys_body4_2 img{ width:100%}
.ys_body4_3{float:left; width:100%}
.ys_body4_4{float:left; width:100%; padding-top:40px}
}
@media screen and (max-width:481px) {
.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat; height:auto}
.ys_body{width:100%; margin:auto}
.ys_body img{ width:100%}

.ys_b_t{ width:100%; margin:auto}
.ys_b_t1{ float:left; }
.ys_b_t2{height:74px; line-height:74px; text-align:left; color:#1a1d86; font-size:18px; float:left; padding-left:10px}

.ys_body1{width:100%; margin:auto; padding-top:0px}
.ys_body1_1{float:left; width:0px}
.ys_body1_2{float:left; width:100%}
.ys_body1_3{ float:right; width:100%; padding-top:100px}
.ys_body1_3 img{ width:100%}

.ys_c_t{width:100%; padding-top:40px}

.ys_c_t1{float:left; padding-top:12px; padding-left:30px; width:10px}
.ys_c_t2{height:auto; line-height:30px; text-align:left; color:#454545; font-size:16px;float:left; padding-left:10px; width:70%}

.ys_body2{width:100%; margin:auto; padding-top:40px}
.ys_body2_1{float:left; width:0px}
.ys_body2_2{float:left; width:100%; padding-top:60px}
.ys_body2_2 img{ width:100%}
.ys_body2_3{float:left; width:20px; display:none}
.ys_body2_4{float:left; width:100%; padding-top:40px}

.ys_body3{width:100%; margin:auto; padding-top:120px}
.ys_body3_1{float:left; width:0px}
.ys_body3_2{float:left; width:100%}
.ys_body3_3{ float:right; width:100%; padding-top:20px}
.ys_body3_3 img{ width:100%}


.ys_body4{width:100%; margin:auto; padding-top:20px}
.ys_body4_1{float:left; width:0px}
.ys_body4_2{float:left; width:100%; padding-top:20px; display:none}
.ys_body4_2 img{ width:100%}
.ys_body4_3{float:left; width:100%}
.ys_body4_4{float:left; width:100%; padding-top:40px}
}	





@media screen and (max-width:1400px) {
	
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:781px) {

}
@media screen and (max-width:481px) {

}	






