.fl{ float: left;}
.fr{ float: right;}

/*****************************¹«¹²Ñùʽ********************************/


.a_title{ height: 50px; line-height: 50px; background-color: #30393E; overflow: hidden;}
.a_title>div{ width: 1000px; margin: 0 auto;}
.a_tl li{ float: left; color: #ffffff; margin-left: 5px;}
.a_tl a{ color: #ffffff; font-size: 14px; margin-right: 5px;}
.a_tr li{ float: left;}
.a_tr a{ float: left; color: #ffffff; margin-left: 40px;}
.a_li1{ background: url("../images/home.png") no-repeat 10px center;}
.a_li2{ background: url("../images/star.png") no-repeat 10px center;}

.a_footer{ width: 100%; background-color: #F5F5F5;}
.a_ft{ height: 40px; line-height: 40px; background-color: #30393E; text-align: center; color: #ffffff;}
.a_ft a{ color: #ffffff; margin: 0 5px;}
.a_fm{ text-align: center; padding: 15px 0;}
.a_fb{ text-align: center; padding-bottom: 20px;}
.a_fb p{ line-height: 24px; color: #666666; padding-bottom: 8px;}
.a_fb p span{ margin-left: 20px;}
.zs_sp1{ background: url("../images/zs_f1.png") no-repeat 0 center; padding-left: 20px;}


/*****************************ǧÃûºÃÖ§Êé********************************/

/*.zs_bg1{ height: 860px; background: url("../images/zs_m1.jpg") no-repeat center top;background-size: contain; width: 100%;}*/

.zs_bg1{text-align: center;}


/*.zs_main a{ margin-left: -75px; position: absolute; left: 50%; top: 535px;}*/


.zs_bg2{ height: 1134px; background: #082859 url("../images/zs_m3.jpg") no-repeat center top; position: relative;background-size:100% 100%;}

.b_logo{ margin-left: -600px; position: absolute; left: 50%; top: 130px;}
.b_m1{ width: 675px; height: 376px; position: absolute; left: 50%; top: 270px; margin-left: -600px;}
.b_m2{ position: absolute; left: 50%; top: 220px; margin-left: 100px;}


.b_left{ position: absolute; left: 0; top: 480px;}
.b_right{ position: absolute; right: 0; top: 480px;}

.b_ll{ position: absolute; right: 70px; top: 20px;}
.b_ll:hover .b_a3{ display: block;}
.b_ll:hover .b_a1{ border: 2px solid #313434; background-color: #313434;}
.b_a3{ display: none; width: 120px; text-align: center; height: 113px; padding-top: 11px; background-color: #313434; position: absolute; right: 39px; top: 0;}
.b_ll .b_a1{ padding: 5px 0; display: block; width: 35px; text-align: center; height: 110px; line-height: 20px; border: 2px solid #ffffff; font-size: 18px; color: #ffffff; background: url("../images/zs_m7.png") no-repeat center 90px;}

.zs_bg2 .b_a2{ padding: 5px 0; position: absolute; right: 20px; top: 20px; display: block; width: 35px; text-align: center; height: 110px; line-height: 20px; border: 2px solid #ffffff; font-size: 18px; color: #ffffff; background: url("../images/zs_m8.png") no-repeat center 90px;}
.zs_bg2 .b_a2:hover{ border: 2px solid #313434; background-color: #313434;}


.b_mb{ position: absolute; left: 50%; top: 850px; margin-left: -600px;}

.b_ul1 li{ float: left; margin-right: 20px; width: 77px; text-align: center; height: 89px; line-height: 89px; background: url("../images/zs_m9.png") no-repeat center center;}
/*.b_ul1 li:hover{ background: url("../images/zs_m10.png") no-repeat center center;}*/

.b_ul1 .name_foc{ background: url("../images/zs_m10.png") no-repeat center center;}

.b_ul1 li a{ font-size: 20px; color: #ffffff;}

.b_con{ width: 1200px; margin: 0 auto; padding: 30px 0;}

.b_text{ width: 1000px; padding: 30px 100px 80px; position: relative;}
.b_text p{ font-size: 20px; line-height: 32px;}
.b_pic1{ position: absolute; left: 0; top: 0;}
.b_pic2{ position: absolute; right: 0; bottom: 0;}
.b_pic3{ position: absolute; right: 100px; bottom: 20px;}

.b_c1{ padding: 20px; margin-top: 40px;}

.b_col1{ overflow: hidden; padding: 30px 0;}
.b_col2{ float: left; margin-right: 45px; width: 256px; text-align: center; height: 400px; background: url("../images/zs_m15.png") no-repeat center top;}
.b_col1 .b_act1{ margin-right: 0;}
.b_a4{ display: block; font-size: 30px; color: #ab1f24; font-weight: bold; margin-top: 30px;}
.b_pic4{ position: relative; margin-left: 7px;}
.b_shade{ display: none; position: absolute; left: 0; bottom: 60px; width: 100%; height: 35px; background-color: #ffffff; opacity: 0.5; filter:alpha(opacity=50);}
.b_text2{ display: none; position: absolute; left: 0; bottom: 68px; font-size: 16px; color: #ab1f24; width: 100%; text-align: center;}
.b_pic4:hover .b_shade{ display: block;}
.b_pic4:hover .b_text2{ display: block;}


@media only screen and ( max-width: 1220px) {
    .b_con{ width: 1000px; margin: 0 auto; padding: 30px 0;}
    .b_text{ width: 800px; padding: 30px 100px 80px; position: relative;}
    .b_text p{ font-size: 18px; line-height: 32px;}

    .b_col2{ margin-right: 53px; width: 200px; height: 350px; background: url("../images/zs_m17.png") no-repeat center top;}
    .b_pic4 a img{ width: 180px; height: 225px;}
    .b_a4{ font-size: 24px;}

}








.c_main{ max-width: 1000px; margin: 0 auto; background: url("../images/zs_m21.jpg") repeat-y center top;}
.c_m1{ position: relative;}
.c_m1 img{ width: 1000px;}
.c_m1 span{ font-size: 35px; color: #ED6F09; font-weight: bold; position: absolute; right:0%;bottom:30%;display:block;width:240px;text-align: center;}

.c_col1{ padding: 80px; overflow: hidden;}
.c_col1 img{ float: left; width: 320px;}

.c_m2{ float: left; max-width: 440px; margin-top: 80px;}
.c_m2 h4{ padding-left: 30px; line-height: 30px; background: url("../images/zs_m20.jpg") no-repeat 0 center; font-size: 24px; font-weight: normal;}
.c_m2 h4 a{ color: #000000;}
.c_m2 h4 span{ margin-left: 30px; font-size: 20px;}
.c_m2 p{ line-height: 30px; font-size: 18px; padding: 30px 0 10px 0; text-indent: 2em;}
.c_a1{ font-size: 18px; color: #B02E33;}
.c_act1{ margin-left: 80px;}
.c_act2{ margin-right: 80px;}

@media only screen and ( max-width: 1000px) {
    .c_m1 img{ width: 100%;}
    .c_m1 span{ font-size: 2rem;}
    .c_col1 img{ width: 40%;}
    .c_m2 h4{ font-size: 2rem;}
    .c_m2{ max-width: 350px;}
}