@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 14px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0;  clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}
.wrapper{width:100%;height: 100%; margin: 0 auto; overflow:hidden;}
.fl{float: left;}
.fr{float: right;}
a{color: #fff;}
a:hover{color:#004080}

.header { position:fixed; background:rgba(0,64,128,0.9); width: 236px;left: 0;top: 0;bottom: 0;text-align: center;z-index: 99;}
.header {animation: slideInLeft 0.5s;}
.logo{height: 188px;background-color: #fff;border-bottom: 4px solid #2b2b2b;}
.logo img{margin: 0 auto;margin-top: 27px;}
.nav{position: relative;z-index: 6;font-size: 14px;margin-top: 8%;}
.nav li{height: 50px;line-height: 50px;position: relative;font-size: 16px;}
.nav li a{display: block;color: #fff;}
.nav li a:hover{background-color: #fff;color: #000;}
.nav li .secNav{position: absolute;left: 236px;top: 0;width: 0;color: #fff;opacity: 0;}
.nav li .secNav dl{font-size: 14px;}
.nav li .secNav dl dd{}
.nav li .secNav a{display: block;color: #fff;}
.nav li .secNav a:hover{background-color: #2a2828;border-right: 4px solid #c30000;width: 172px;padding-left: 4px;}

.lan{color:#fff;margin-top:20px; position: fixed; top:30px; right:30px;}
.lan a{color:#fff;}
.lan a:hover{text-decoration:underline;}

.secNavWrap{position: absolute;left: 236px;width: 0;top: 0;bottom: 0;z-index: 4;background: #000;opacity: 0;transition: all 0.3s ease 0s;}
.search{width: 236px;height: 59px;background: #1c0000;position: absolute;bottom: 0;}
.search form{width: 200px;margin: 0 auto;height: 26px;margin-top: 16px;background: #fff;border-radius: 2px;}
.search .text{width: 150px;float: left;padding-left: 10px;height: 26px}
.search .ibtn{width:18px;height: 18px;background: url(search.png);background-size: cover; float: right;cursor: pointer; margin-top: 4px;margin-right: 5px;}

@media all and (max-height:750px){
    .nav li{height: 42px;line-height: 42px;}
}

#fullPage{width: 100%;height: 100%;}

.f1{width: 100%;height: 100%;}
.f1 .bd{width: 100%;height: 100%}
.f1 .bd ul{width: 100%;height: 100%;}
.f1 .hd { position:absolute; left:0; bottom:40px; width:100%; height:12px; z-index:4;}
.f1 .hd ul { width:1300px; height:12px; margin:0 auto; text-align:center;}
.f1 .hd ul li { display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 3px; border-radius:2px; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.f1 .hd ul .on {background:#004080;}
.f1 .bd li a{display:block;width:100%;height:100%;}

.f2{width: 100%;height: 100%;}
.f2 .box{width: 100%;}
.f2 .box .wrap{width: 1220px; }
.f2 .box .wrap .top{width: 270px;height: 52px;font-size: 30px;color: #26343d;margin: 0 auto;text-align: center;font-weight: bold;background: url(bian.png) bottom no-repeat;padding-top: 40px;margin-bottom: 30px;}
.f2 .box .wrap ul li{float:left;position: relative;margin-right: 10px;margin-bottom: 20px;width:24%;height:250px;overflow: hidden;}
.f2 .box .wrap ul li img{width: 297px;height: 218px;position: relative;z-index: 1;}
.f2 .box .wrap ul li:nth-child(4n){margin-right: 0;}
.f2 .box .wrap ul li a.coverImg{color:#000;text-align: center;font-size: 14px;display: block;line-height: 36px;}
.f2 .box .wrap ul li:hover a.coverImg{top:0px;width: 297px;height: 218px;position: absolute;background:url(f2_bgs.png);background-size: cover;z-index: 10;transition:all 0.5s;text-align: center;font-size: 14px;color: #fff;}
.f2 .box .wrap ul li:hover a.coverImg p{padding-top: 68px;}
.f3{width: 100%;height: 100%;background: url(f3_bg.png) no-repeat;background-size: cover;}
.f3 .box{width: 100%;}
.f3 .box .wrap{width: 1220px;}
.f3 .box .wrap .top{width: 270px;height: 52px;font-size: 30px;color: #fff;margin: 0 auto;text-align: center;font-weight: bold;background: url(bian.png) bottom no-repeat;padding-top: 70px;margin-bottom: 50px;}
.f3 .box .wrap ul li{width: 230px;height: 325px;float:left;margin-right: 16px;background-color:#fff;color: #000;}
.f3 .box .wrap ul li:nth-child(5){margin-right: 0;}
.f3 .box .wrap ul li img{width: 230px;height: 157px;}
.f3 .box .wrap ul li h1{font-size: 18px;padding-top: 18px;line-height: 42px;text-align: center;}
.f3 .box .wrap ul li p{font-size: 12px;line-height: 18px;padding: 0 30px;color: #000;}
.f3 .box .wrap ul li .ljgd{width: 84px;height: 26px;background-color: #004080;line-height: 26px;text-align: center;font-size: 12px;margin: 0 auto;margin-top: 10px;border-radius: 5px;color: #fff;}
.f3 .box .wrap ul li:hover{background-color: #004080;}
.f3 .box .wrap ul li:hover h1{color: #fff;}
.f3 .box .wrap ul li:hover p{color: #fff;}
.f3 .box .wrap ul li:hover .ljgd{background-color: #fff;}
.f3 .box .wrap ul li:hover .ljgd a{color: #000;}
.f3 .box .wrap ul{padding-bottom: 80px;}

.f4{width: 100%;height: 100%;}
.f4 .box{width: 100%;background: url(f4_bg.png) no-repeat bottom center;}
.f4 .box .wrap .top{width: 270px;height: 52px;font-size: 30px;color: #27353e;margin: 0 auto;text-align: center;font-weight: bold;background: url(bian.png) bottom no-repeat;padding-top: 40px;margin-bottom: 18px;}
.f4 .box .wrap .wz{font-size: 14px;line-height: 24px;}
.f4 .box .wrap .wz .profile{float: left;width:50%;text-align: justify;}
.f4 .box .wrap .wz .profile p{margin-bottom: 10px;}
.f4 .box .wrap .wz img{float: right;}
.f4 .box .wrap .wz  a{display: block; width: 100%;height: 40px;line-height: 40px;font-size: 14px;background-color: #26343d;text-align: center;color: #fff;margin-top: 35px;}
.f4 .box .wrap .wz  a:hover{background-color: #004080;}
.f4 .box .wrap .bd .hds ul{text-align: center;padding-top: 18px;padding-bottom: 43px;}
.f4 .box .wrap .bd .hds li{display: inline-block;}
.f4 .box .wrap .bd .bds{background-size: cover;height: 340px;}
.f4 .box .wrap .bd .bds li{width: 25%;float: left;text-align: center;height: 340px;}
.f4 .box .wrap .bd .bds li img{margin-top: 73px;}
.f4 .box .wrap .bd .bds li .p1{line-height: 80px;font-size: 30px;color: #004080;padding-top: 10px;}
.f4 .box .wrap .bd .bds li .p1 em{font-size: 15px;}
.f4 .box .wrap .bd .bds li p{font-size: 13px;color: #000;}
.f4 .box .wrap .bd .bds li .p2{font-size: 20px;color: #004080;padding:42px 0 33px;line-height: 20px;}

.f5{width: 100%;height: 100%; background:url(f5_bg.jpg); background-size:cover; }
.f5 .box{width: 100%;}
.f5 .box .wrap{width: 1220px;}
.f5 .box .wrap .top{width: 270px;height: 52px;font-size: 30px;color: #fff;margin: 0 auto;text-align: center;font-weight: bold;background: url(bian.png) bottom no-repeat;padding-top: 40px;margin-bottom: 30px;}
.f5 .box .wrap .bd{width: 1220px;height: 376px;background-color: #fff}
.f5 .box .wrap .bd>p{text-align: center;font-size: 18px;padding-top: 40px;padding-bottom: 15px;}
.f5 .box .wrap .bd em:nth-of-type(1){margin-right:  19px;margin-left: -15px;}
.f5 .box .wrap .bd em:nth-of-type(2){margin-left:  19px;}
.f5 .box .wrap .bd ul{width: 1091px;margin: 0 auto;}
.f5 .box .wrap .bd ul li{width: 258px;height: 247px; float: left;margin-right: 16px;position: relative;}
.f5 .box .wrap .bd ul li img{width: 258px;height: 196px}
.f5 .box .wrap .bd ul li:nth-child(4){margin-right: 0;}
.f5 .box .wrap .bd ul li>a{display: block;width: 258px;height: 196px;position: absolute;top: -246px;background: url(f5_bgs.png) no-repeat top;background-size: cover; transition: 0.5s;}
.f5 .box .wrap .bd ul li:hover a{top:0;}
.f5 .box .wrap .bd ul li p a{color: #000;}
.f5 .box .wrap .bd ul li p a:hover{color: #004080;}
.f5 .box .wrap .bd ul li p{font-size: 14px;line-height: 38px;padding:0 5px 12px;border-bottom: 1px solid #a5a5a5;}

.f6{width: 100%;height: 100%;}
.f6 .box{width: 100%;}
.f6 .box .wrap{width: 1220px;}
.f6 .box .wrap .top{width: 270px;height: 52px;font-size: 30px;color: #26343d;margin: 0 auto;text-align: center;font-weight: bold;background: url(bian.png) bottom no-repeat;padding-top: 40px;margin-bottom: 30px;}
.f6 .box .wrap .bd{width: 1220px;}
.f6 .box .wrap .bdl{width: 564px;position: relative;}
.f6 .box .wrap .bdl img{width:564px;height: 400px;}
.f6 .box .wrap .bdl span{position: absolute;top: 32px;left: 36px; width: 100px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;color: #fff;background: #b62127;}
.f6 .box .wrap .bdl span a:hover{color: #fff;}
.f6 .box .wrap .bdl .wz{height: 117px;background: rgba(0,0,0,0.8);position: absolute;bottom: 0;}
.f6 .box .wrap .bdl .wz h1{font-size: 16px;line-height:20px;color: #fff;padding: 32px 36px 14px;font-weight: normal;}
.f6 .box .wrap .bdl .wz em{width: 20px;height: 20px;background: url(f6_1.png);float: right;}
.f6 .box .wrap .bdl .wz p{color: #8f8f8d;padding: 0 36px;font-size: 12px;line-height: 18px;}
.f6 .box .wrap .bdr{width: 611px;}
.f6 .box .wrap .bdr a{color: #222222;}
.f6 .box .wrap .bdr a:hover{color:#004080;}
.f6 .box .wrap .bdr .b1{height: 119px;background: #ececec;margin-bottom: 21.5px;}
.f6 .box .wrap .bdr .b2{height: 119px;background: #ececec;margin-bottom: 21.5px;}
.f6 .box .wrap .bdr .b3{height: 119px;background: #ececec;}
.f6 .box .wrap .bdr .rq{width: 116px;text-align: center;font-family:Arial;margin-top:40px;font-size: 14px;}
.f6 .box .wrap .bdr .rq .p1{font-size: 48px;color: #999999;padding-top: 28px;line-height: 48px;}
.f6 .box .wrap .bdr .rq .p2{font-size: 14px;color: #b9b8b8;}
.f6 .box .wrap .bdr .wz{border-left: 1px solid #c9c9c9;margin-top: 32px;}
.f6 .box .wrap .bdr .wz .p3{font-size: 16px;color: #222222;line-height: 16px;padding-left: 15px;padding-bottom: 12px;}
.f6 .box .wrap .bdr .wz .p4{font-size: 12px;color: #888888;line-height: 18px;padding-left: 15px;}


 

.f7{width: 100%;background: url(f7_bg.jpg);background-size: cover;}
.f7 .box{width: 100%;}
.f7 .box .top{width:100%;margin-top: 9%}
.f7 .box .top .wrap li{width: 33.3%;float: left;text-align: center;padding:30px 0 35px;}
.f7 .box .top .wrap li h2{font-size: 20px;padding-top: 28px;font-weight: normal;}
.f7 .box .top .wrap li p{font-size: 12px;line-height: 36px;}
.f7 .box .top .wrap li a:hover{color: #004080;}
.f7 .box .bottom{width: 100%;}
.f7 .box .cen{width: 100%;height: 57px;background: #004080;color: #fff;font-size: 14px;line-height: 30px;}
.f7 .box .cen a:hover{color: #fff}
.f7 .box .cen .fl{line-height: 57px;}
.f7 .box .cen .fr{width: 310px;border-bottom: 1px solid #fff;margin-top: 17px;position: relative;}
.f7 .box .cen .fr select{display: block;width: 310px;color: #fff;cursor: pointer;}
.f7 .box .cen .fr select option{background: #004080;}
.f7 .box .bom{background: #004080;}
.f7 .box .bom a:hover{color: #004080;}
.f7 .box .bom_l{width: 60%;}
.f7 .box .bom_l dl{padding: 0 5px;float: left;margin:38px 15px 10px 0px;width:21%;}
.f7 .box .bom_l dl:last-child{margin-right: 0;}
.f7 .box .bom_l dl:nth-child(1){padding-left: 0;}
.f7 .box .bom_l dl:nth-child(6){border-right:none;}
.f7 .box .bom_l dl dt{padding-bottom: 4px;}
.f7 .box .bom_l dl dt a{font-size: 16px;color: #fff;}
.f7 .box .bom_l dl dd a{font-size: 14px;color: #fff;line-height: 28px;}
.f7 .box .bom_l dl dd a:hover{color:#fff;}
.f7 .box .bom_l dl .contacts{text-align: left;}
.f7 .box .bom_r{margin-right: 30px;}
.f7 .box .bom_r p:nth-child(1){padding-top: 42px;font-size: 16px;color: #fff;line-height: 14px;}
.f7 .box .bom_r p:nth-child(2){font-size:14px;color: #fff;margin-top: 15px;}
.f7 .box .bom_r img{cursor: pointer;}
.f7 .box .copyright{width:100%;height: 38px;background: #004080 ;line-height: 38px;color: #fff;font-size: 12px;}
.f7 .box .bom_code{float: right;margin-top: 42px;}
.f7 .box .bom_code img{width: 120px;}
.f7 .box .bom_code p{color: #fff;text-align: center;margin-top: 10px;font-size: 14px;}