@charset "utf-8";
.banner { height: 600px; background: url("../images/banner.jpg") no-repeat center 0;}
.search { height: 80px; background: #f4f4f4; overflow: hidden;}
.search .sez { float: left; font-size: 16px; color: #333333; line-height: 80px;}
.search .sez a { color: #333333; margin-right: 10px;}
.search .sey { float: right; margin-top: 20px;}
.search .sey input { display: block; float: left;}
.search .sey .sek1 { width: 245px; height: 40px; background: url("../images/sek1.jpg") no-repeat; padding-left: 20px;}
.search .sey .sek2 { float: left; width: 55px; height: 40px; background: url("../images/sek2.jpg") no-repeat;}

.zs { height: 418px; overflow: hidden;}
.zs dl { padding-top: 80px;}
.zs dt { float: left;}
.zs dd { float: left; width: 600px; height: 338px; background: url("../images/zsb.jpg") no-repeat;}
.zs dd p { font-size: 24px; color: #ffffff; width: 500px; margin: 45px auto 30px;}
.zs dd em { display: block; width: 500px; font-size: 16px; color: #999999; line-height: 30px; margin: 0 auto;}
.zs dd em b { color: #ffffff;}

.fs { height: 1042px; background: url("../images/fsb.jpg") no-repeat center 0; overflow: hidden;}
.fs h3 { height: 125px; text-align: center; font-size: 36px; color: #333333; font-weight: normal; line-height: 36px; padding-top: 97px; background: url("../images/fsx.png") no-repeat center 142px;}
.fs h3 a { color: #333333;}
.fs h3 span { display: block; font: 20px "Arial"; color: #878787; text-transform: uppercase; margin-top: 10px;}
.fs .fsu { height: 220px;}
.fs .fsu li { float: left; width: 148px; height: 148px; border: 1px solid #e2e2e2; margin-right: 25px; position: relative;}
.fs .fsu li img { width: 148px; height: 109px;}
.fs .fsu li em { display: block; width: 148px; height: 39px; background: #f2f2f2; font-size: 16px; color: #333333; text-align: center; line-height: 39px;}
.fs .fsu li p { display: none; position: absolute; left: 0; top: 150px; z-index: 99;}
.fs .fsu li p a { display: block; width: 148px; height: 38px; border: 1px solid #e2e2e2; background: #ffffff; text-align: center; line-height: 38px;}
.fs .fsu li:hover,.fs .fsu .on { border-color: #e9181c;}
.fs .fsu li:hover em,.fs .fsu .on em { background: #e9181c; color: #ffffff;}
.fs .fsu li:hover p { display: block;}
.fs .fsu li p a:hover { background: #e9181c; color: #ffffff; border-color: #e9181c;}
.fs .fsu li:last-child { margin-right: 0;}
.fs .fso { position: relative;}
.fs .fso .fsu1 { width: 1000px; margin: 0 auto;}
.fs .fso .fsj1 { position: absolute; left: 0; top: 200px;}
.fs .fso .fsj2 { position: absolute; right: 0; top: 200px;}

.qs { height: 820px; overflow: hidden;}
.qs h3 { height: 125px; text-align: center; font-size: 36px; color: #333333; font-weight: normal; line-height: 36px; padding-top: 95px; background: url("../images/qsx.png") no-repeat center 140px;}
.qs h3 a { color: #333333;}
.qs h3 span { display: block; font: 20px "Arial"; color: #878787; text-transform: uppercase; margin-top: 10px;}
.qs ul { position: relative;}
.qs li { float: left; position: relative;}
.qs li em { display: block; position: absolute; left: 0; top: 105px; width: 400px; text-align: center; font-size: 24px; color: #ffffff; padding-bottom: 65px; background: url("../images/qsj.png") no-repeat center bottom;}
.qs li p { display: none; position: absolute; left: 0; top: 0; width: 400px; height: 100%; background: rgba(0,60,154,0.9); text-align: center; font-size: 24px; color: #ffffff; padding-top: 80px;}
.qs li p span { display: block; width: 280px; margin: 40px auto 0; font-size: 16px; line-height: 30px;}
.qs li:hover em { display: none;}
.qs li:hover p { display: block;}
.qs li:nth-child(1),.qs li:nth-child(4) { margin-right: 400px;}
.qs li:nth-child(2) { position: absolute; left: 400px; top: 0;}
.qs li:nth-child(2) em { top: 130px;}
.qs li:nth-child(2) p { padding-top: 130px;}

.ss { height: 410px; overflow: hidden;}
.ss h3 { height: 135px; text-align: center; font-size: 36px; color: #333333; font-weight: normal; line-height: 36px; padding-top: 95px; background: url("../images/ssx.png") no-repeat center 140px;}
.ss h3 a { color: #333333;}
.ss h3 span { display: block; font: 20px "Arial"; color: #878787; text-transform: uppercase; margin-top: 10px;}
.ss ul { margin-left: 70px;}
.ss li { float: left; width: 180px; height: 180px; margin-right: 40px; background: url("../images/ssy.jpg") no-repeat; text-align: center; font-size: 20px; color: #333333;}
.ss li p { padding: 35px 0 25px; font: 60px "Arial"; color: #003c9a; font-weight: bold; line-height: 60px;}

.ms { height: 750px; background: url("../images/msb.jpg") no-repeat center 0; overflow: hidden;}
.ms h3 { height: 155px; text-align: center; font-size: 36px; color: #333333; font-weight: normal; line-height: 36px; padding-top: 95px; background: url("../images/qsx.png") no-repeat center 140px;}
.ms h3 a { color: #333333;}
.ms h3 span { display: block; font: 20px "Arial"; color: #878787; text-transform: uppercase; margin-top: 10px;}
.ms ul { padding-left: 680px;}
.ms li { height: 160px;}
.ms li img { float: left;}
.ms li p { float: left; width: 400px; margin-left: 28px; font-size: 16px; color: #333333; line-height: 30px;}
.ms li p span { display: block; font-size: 24px; color: #333333; margin-bottom: 20px;}

.gg { height: 260px; background: url("../images/ggb.jpg") no-repeat center 0; overflow: hidden;}
.gg p { text-align: center; height: 90px; font-size: 30px; color: #ffffff; padding-top: 60px; line-height: 60px;}
.gg p b { font-size: 60px;}
.gg em { display: block; width: 320px; margin: 0 auto;}
.gg em span { display: block; float: left; width: 153px; height: 45px; background: url("../images/ggk1.png") no-repeat; font: 20px "Arial"; color: #ffffff; line-height: 45px; padding-left: 57px;}
.gg em a { display: block; float: left; width: 94px; height: 45px; background: url("../images/ggk2.png") no-repeat; font-size: 18px; color: #003c9a; font-weight: bold; line-height: 45px; padding-left: 16px;}

.lr { height: 781px; overflow: hidden;}
.lr h3 { height: 125px; text-align: center; font-size: 36px; color: #333333; font-weight: normal; line-height: 36px; padding-top: 95px; background: url("../images/fsx.png") no-repeat center 140px;}
.lr h3 a { color: #333333;}
.lr h3 span { display: block; font: 20px "Arial"; color: #878787; text-transform: uppercase; margin-top: 10px;}
.lr .lru { height: 510px;}
.lr li { float: left; margin-bottom: 30px;}
.lr li a { display: block; width: 175px; height: 130px; background: url("../images/lrk4.jpg") no-repeat; font-size: 18px; color: #ffffff; text-align: center;}
.lr li a:hover,.lr .on a { background: url("../images/lrk2.jpg") no-repeat;}
.lr li img { margin: 0 auto; padding: 20px 0 10px;}
.lr li:nth-child(odd) { margin-right: 850px;}
.lr li:nth-child(odd) a { background: url("../images/lrk3.jpg") no-repeat;}
.lr li:nth-child(odd) a:hover,.lr .on:nth-child(odd) a { background: url("../images/lrk1.jpg") no-repeat;}
.lr .lro p { position: absolute; left: 200px; top: 220px;}
.lr .lro p img { width: 800px; height: 450px;}
.lr .lrp { height: 50px; border-bottom: 1px solid #eeeeee;}
.lr .lrp i { display: block; float: left; margin-left: 300px; font-size: 24px; color: #333333; line-height: 50px;}
.lr .lrp em { display: block; float: left; margin-left: 25px;}
.lr .lrp em span { display: block; float: left; width: 155px; height: 50px; background: url("../images/lrk.jpg") no-repeat; font: 20px "Arial"; color: #ffffff; line-height: 50px; padding-left: 55px;}
.lr .lrp em a { display: block; float: left; width: 95px; height: 50px; background: url("../images/lrk.png") no-repeat; font-size: 18px; color: #ffffff; line-height: 50px; padding-left: 15px;}

.dz { height: 739px; overflow: hidden;}
.dz h3 { height: 124px; text-align: center; font-size: 36px; color: #333333; font-weight: normal; line-height: 36px; padding-top: 95px; background: url("../images/dzx.png") no-repeat center 140px;}
.dz h3 a { color: #333333;}
.dz h3 span { display: block; font: 20px "Arial"; color: #878787; text-transform: uppercase; margin-top: 10px;}
.dz dl { height: 338px; overflow: hidden;}
.dz dt { float: left;}
.dz dt img { width: 600px; height: 338px;}
.dz dd { float: left; width: 550px; height: 338px; background: #f6f6f6; padding-left: 50px;}
.dz dd p { width: 470px; font-size: 16px; color: #666666; line-height: 28px;}
.dz dd p span { display: block; font-size: 24px; color: #333333; margin: 65px 0 35px;}
.dz .dzk h4 { float: left; margin-top: 61px;}
.dz .dzk .dzu { float: left; margin-left: 186px;}
.dz .dzk .dzu li a { display: block; width: 180px; height: 61px; background: url("../images/dz_06.jpg") no-repeat; font-size: 20px; color: #333333; line-height: 60px; text-align: center; padding-right: 5px;}
.dz .dzk .dzu li a:hover, .dz .dzk .dzu .on a { background: url("../images/dz_16.jpg") no-repeat; color: #ffffff;}
.dz .dzk .dzp { width: 595px; height: 182px; background: #3e3e3e; float: left;}
.dz .dzk .dzp p { padding: 24px 0 0 40px;}
.dz .dzk .dzp p span { display: block; float: left; margin-right: 30px;}
.dz .dzk .dzp p img { width:240px; height:135px;}

.dk { height: 1280px; background: url("../images/dkb.jpg") no-repeat center 0; overflow: hidden;}
.dk h3 { height: 125px; text-align: center; font-size: 36px; color: #333333; font-weight: normal; line-height: 36px; padding-top: 95px; background: url("../images/dzx.png") no-repeat center 140px;}
.dk h3 a { color: #333333;}
.dk h3 span { display: block; font: 20px "Arial"; color: #878787; text-transform: uppercase; margin-top: 10px;}
.dk .dkk { height: 440px;}
.dk .dkk .dkz { width: 585px; float: left;}
.dk .dkk .dkz h4 { height: 80px; background: #f2f2f2;}
.dk .dkk .dkz h4 p { float: left; width: 160px; height: 65px; background: #003c9a; font-size: 22px; color: #ffffff; padding: 15px 0 0 30px;}
.dk .dkk .dkz h4 p span { display: block; font: 18px "Arial"; text-transform: uppercase; font-weight: normal; margin-top: 5px;}
.dk .dkk .dkz h4 em { display: block; float: right; width: 100px; height: 40px; background: #3e3e3e; font: 14px "Arial"; color: #ffffff; text-align: center; line-height: 40px; font-weight: normal;}
.dk .dkk .dkz dl { height: 170px; border-bottom: 1px solid #eeeeee;}
.dk .dkk .dkz dt { float: left; text-align: center; margin: 47px 0 0 30px;}
.dk .dkk .dkz dt a { font-size: 50px; color: #333333; line-height: 40px;}
.dk .dkk .dkz dt span { display: block; font-size: 16px;}
.dk .dkk .dkz dd { float: left; width: 400px; margin-left: 65px;}
.dk .dkk .dkz dd a { font-size: 16px; color: #666666; line-height: 26px;}
.dk .dkk .dkz dd span { display: block; font-size: 16px; color: #333333; font-weight: bold; margin: 45px 0 15px;}
.dk .dkk .dkz dd a:hover span { color:#003c9a;}
.dk .dkk .dkz li { height: 59px; border-bottom: 1px solid #eeeeee; line-height: 59px;}
.dk .dkk .dkz li a { font-size: 16px; color: #333333;}
.dk .dkk .dkz li a:hover { color:#003c9a;}
.dk .dkk .dkz li a span { font-size: 20px; color: #333333; margin: 0 70px 0 30px;}
.dk .dkk .dky { float: right; width: 585px;}
.dk .dkk .dky h4 { height: 80px; background: #f2f2f2; margin-bottom: 1px;}
.dk .dkk .dky h4 p { float: left; width: 160px; height: 65px; background: #003c9a; font-size: 22px; color: #ffffff; padding: 15px 0 0 30px;}
.dk .dkk .dky h4 p span { display: block; font: 18px "Arial"; text-transform: uppercase; font-weight: normal; margin-top: 5px;}
.dk .dkk .dky h4 em { display: block; float: right; width: 100px; height: 40px; background: #3e3e3e; font: 14px "Arial"; color: #ffffff; text-align: center; line-height: 40px; font-weight: normal;}
.dk .dkk .dky dt { height: 170px;}
.dk .dkk .dky dt img { width: 340px; height: 170px; float: left;}
.dk .dkk .dky dt em { display: block; float: left; width: 244px; height: 168px; border: 1px solid #f2f2f2; border-left: 0; text-align: center; font-size: 16px; color: #333333;}
.dk .dkk .dky dt em span { display: block; width: 150px; height: 58px; border-bottom: 1px solid #e2e2e2; margin: 0 auto; font-size: 50px; color: #333333; line-height: 50px; padding-top: 30px; margin-bottom: 10px;}
.dk .dkk .dky dd a { font-size: 16px; color: #666666; line-height: 26px;}
.dk .dkk .dky dd a span { display: block; font-size: 16px; color: #333333; font-weight: bold; margin: 30px 0 15px;}
.dk .dkk .dky dd a:hover span { color:#003c9a;}
.dk .dko h4 { float: left;}
.dk .dko h4 a { display: block; font-size: 22px; color: #ffffff; width: 140px; height: 175px; background: #3e3e3e url("../images/dk_13.jpg") no-repeat 35px 140px; padding: 45px 0 0 30px;}
.dk .dko h4 a span { display: block; font: 18px "Arial"; text-transform: uppercase; font-weight: normal; margin-top: 5px;}
.dk .dko li { float: left; width: 270px; margin-left: 50px;}
.dk .dko li em { display: block; font-size: 16px; color: #333333; font-weight: bold; height: 80px;}
.dk .dko li em img { margin-bottom: 10px;}
.dk .dko li p { display: block; font-size: 16px; color: #666666; line-height: 26px; height: 110px;}
.dk .dko li p img { margin-bottom: 10px;}
.dk .dko li span { display: block; width: 88px; height: 28px; border: 1px solid #d2d2d2; font: 14px "Arial"; color: #666666; text-align: center; line-height: 28px;}
.dk .dko li a:hover span { background:#003c9a; border-color:#003c9a; color:#ffffff;}