@charset "utf-8"; /* css document */ a { color: #333; font-size: 16px; } img { display: block; padding: 0; margin: 0; } body { font-size: 16px; min-width: 1200px; background: #fff; max-width: 1920px; margin: 0 auto; } .main { margin: 0 auto; min-width: 1200px; /* overflow: hidden; */ } .area, .topline, .tab3 { width: 1200px; margin: 0 auto; clear: both; } .news .pic img { float: left; margin-right: 19px; } .top { line-height: 39px; font-size: 14px; color: #666; background: #f5f5f5; } .ryb { height: 280px; } .logo-box { height: 119px; background: #fff; } .logo-box .search { width: 335px; height: 41px; margin-top: 34px; float: right; background: url(../images/search.jpg) no-repeat; } .logo-box .search input { line-height: 41px; float: left; border: 0; font-size: 16px; outline: none; background: none; height: 41px; } .logo-box .search .txt { width: 218px; padding-left: 20px; } .logo-box .search .btn { width: 97px; cursor: pointer; } .logo-box .logo { float: left } .logo-box img { display: block; } .top .banner img { display: block; } .nav { height: 50px; background: #3d8eda; } .nav li { float: left; position: relative; z-index: 1; } .nav li a { font-size: 16px; height: 50px; line-height: 50px; color: #fff; display: block; padding: 0 24px; background: url(../images/nav-line.jpg) no-repeat right center; } /* .nav a:hover { background: #ffc000; color: #c40001; } */ .nav a:hover, .nav li.cur a { background: #da251c; color: #fff; } .nav li .menu { background: #fff; z-index: 2; width: 214px; top: 56px; display: none; position: absolute; padding: 8px; border: 2px solid #da251c; } .nav li .menu a { font-size: 16px; color: #333333; height: 46px; background: #ebf2fc; line-height: 46px; font-weight: normal; padding: 0; padding-left: 15px; border-bottom: 1px solid #fff; } .nav li .menu a:hover { color: #fff; background: #ffc000 url(../images/nav-menu-jt.jpg) no-repeat right top; } .banner { background: url(../images/banner1.jpg) no-repeat top center; overflow: hidden; height: 261px; } .slide { width: 100%; height: 460px; margin: 0 auto; position: relative; } .slide .area { position: relative; margin-top: -40px; z-index: 99; } .slide .area .num { position: absolute; right: 0 } .slide .area .num li { float: left; width: 6px; height: 6px; background: url(../images/slide_li.png); margin-left: 13px; } .slide .area .num li.on { width: 20px; height: 6px; background: url(../images/slide_lic.png); } .slide .focusbox .pic img { width: 100%; height: 460px; display: block; } .slide .prev { position: absolute; display: block; left: 30px; top: 272px; width: 69px; height: 69px; background: url(../images/prev.png); } .slide .next { right: 30px; top: 272px; position: absolute; display: block; width: 69px; height: 69px; background: url(../images/next.png); } .slide2 { width: 528px; height: 380px; text-align: left; float: left; } .slide2 img { border: 0px solid #ccc; } .slide2 .focusbox { position: relative; width: 528px; height: 380px; overflow: hidden; text-align: left; } .slide2 .focusbox .pic img { width: 100%; height: 380px; display: block; } .slide2 .focusbox .bg { position: absolute; z-index: 3; height: 50px; background: url(../images/top.png) repeat-x; width: 100%; bottom: 0; } .slide2 .focusbox .num { position: absolute; z-index: 3; bottom: 11px; right: 5px; } .slide2 .focusbox .num ul { margin: 0 auto; } .slide2 .focusbox .num li { display: inline-block; width: 8px; height: 8px; overflow: hidden; padding: 4px; cursor: pointer; } .slide2 .focusbox .num li a { width: 100%; background: url(../images/slide2_li.png); height: 100%; display: block; } .slide2 .focusbox .num li.on a { background: url(../images/slide2_lic.png); } .slide2 .focusbox .txt { position: absolute; z-index: 4; bottom: 0; left: 0; height: 50px; line-height: 50px; padding-left: 20px; } .slide2 .focusbox .txt ul li a { color: #fff; } .w570 { width: 570px; } .h378 { height: 378px; } .news { background: #fff; border: 1px solid #e6e6e6; padding: 0 19px; } .news .title { height: 46px; line-height: 46px; border-bottom: 1px solid #e6e6e6; } .news .title h2 { color: #3d8eda; float: left; font-weight: bold; font-size: 20px; height: 46px; border-bottom: 1px solid #3d8eda; } .news .title .more { font-size: 14px; color: #da251c; float: right } .news .list ul { padding-top: 7px; } .news .list ul li { padding-left: 22px; height: 35px; line-height: 35px; background: url(../images/list-li.jpg) no-repeat left center; } .news .list ul li a { font-size: 16px; color: #666666; float: left; } .news .list ul li span { font-size: 16px; color: #999; float: right; } .news .list ul li a:hover { color: #b40001; } .items { border: 1px solid #e6e6e6; background: #fff; padding: 20px; position: relative; overflow: hidden; } .items li { float: left; margin-right: 20px; } .items .prev, .items .next { cursor: pointer; z-index: 1; display: block; position: absolute; left: 20px; top: 35px; width: 31px; height: 62px; background: url(../images/items-l.png) no-repeat top center; } .items .next { left: inherit; right: 18px; background: url(../images/items-r.png) no-repeat top center; } .items li img { display: block; width: 216px; height: 90px; } .tab1 { border: 1px solid #e6e6e6; background: #fff; } .tab1 .hd { float: left; width: 148px; } .tab1 .hd li { border-right: 1px solid #e6e6e6; height: 56px; padding-top: 72px; text-align: center; font-size: 20px; cursor: pointer; } .tab1 .hd li.l1 { background: url(../images/tab1-li1.jpg) no-repeat center 24px; } .tab1 .hd li.on.l1 { background: url(../images/tab1-li1c.jpg) no-repeat center 24px; } .tab1 .hd li.l2 { border: 1px solid #e6e6e6; border-left: 0; background: url(../images/tab1-li2.jpg) no-repeat center 24px; } .tab1 .hd li.on.l2 { background: url(../images/tab1-li2c.jpg) no-repeat center 24px; } .tab1 .hd li.l3 { background: url(../images/tab1-li3.jpg) no-repeat center 24px; } .tab1 .hd li.on.l3 { background: url(../images/tab1-li3c.jpg) no-repeat center 24px; } .tab1 .hd li.on { color: #0a408a; border-right: 1px solid #fff; } .tab1 .bd { float: right; width: 1022px; } .tab1 .jtgk .video { float: left; padding-top: 17px; } .tab1 .jtgk .video img { width: 480px; height: 350px; } .tab1 .jtgk .txt { width: 540px; color: #666666; line-height: 35px; padding-top: 8px; float: right; } .tab1 .jtgk .txt .zy { padding: 0 20px; height: 232px; } .w550 { width: 550px; } .h238 { height: 238px; } .tab1 .jtgk .txt .menu a { display: block; width: 110px; text-align: center; padding-right: 36px; margin-top: 28px; height: 36px; float: left; margin-left: 22px; margin-right: 9px; background: url(../images/jtgk-menu.jpg); } .nbr .title h2, .nbr .title { border: 0; } .ry-pic { padding-top: 18px; } .ry-pic li img { width: 233px; height: 156px; } .ry-pic li { padding: 18px 19px; margin-right: 22px; border: 1px solid #e6e6e6; float: left; } .yqlj { background: #fff; padding: 20px 0 20px 15px; } .yqlj b { font-size: 18px; font-weight: bold; color: #0a408a; float: left; line-height: 36px; } .yqlj a { margin-left: 25px; float: left; height: 34px; line-height: 34px; padding: 0 24px; border: 1px solid #e6e6e6; } .crumbs { background: #fff; padding: 26px 0; } .crumbs .menu { float: left; } .crumbs .menu a { display: block; height: 40px; line-height: 40px; color: #666666; margin-left: 20px; padding: 0 9px; float: left; background: #f0f0f0; } .crumbs .menu a.on { background: #0a408a; color: #fff; } .crumbs .route { line-height: 40px; padding: 0 20px; float: right; background: url(../images/route.jpg) no-repeat 0 center; } .crumbs .route img { padding: 0 10px; display: inline-block; vertical-align: middle; }.focusbox { width: 100%; height: 460px; overflow: hidden; } .footer .link1 { position: absolute; height: 112px; width: 102px; top: 0; right: 152px; } .footer .area{position: relative;} .footer { background: #3d8eda; font-size: 14px; line-height: 32px; padding: 34px 0 10px 0; color: #fff; } .pic-list { background: #fff; padding: 20px 0; } .pic-list li a { width: 273px; float: left; height: 302px; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.21); margin: 0 4px 24px 20px; background-color: #ffffff; display: block; } .pic-list li img { width: 273px; height: 159px; } .pic-list li h2 { font-size: 18px; color: #333333; line-height: 35px; padding-left: 14px; padding-bottom: 13px; } .pic-list li p { line-height: 24px; font-size: 14px; color: #999999; text-indent: 2em; padding: 0 14px; } .pic-list li a:hover { background-color: #0a408a; } .pic-list li a:hover p, .pic-list li h2 { color: #fff; } .page { text-align: center; padding: 10px; } .page a { height: 40px; display: inline-block; border-radius: 6px; border: solid 1px #999999; background: #fff; line-height: 40px; padding: 0 14px; margin: 2px; } .page a.on { color: #fff; background-color: #054099; border: solid 1px #054099; } .content { background: #fff; padding: 0 17px; } .content h2 { font-size: 30px; line-height: 40px; padding: 0 18px; padding-top: 35px; padding-bottom: 15px; text-align: center; } .content .time { text-align: center; color: #999999; font-size: 14px; line-height: 14px; height: 40px; border-bottom: solid 1px #e5e5e5; } .content .txt { padding-top: 30px; font-size: 16px; color: #666666; line-height: 24px; min-height: 300px; } .pic-list2 li a { height: auto; } .pic-list2 li img { width: 273px; height: 209px; } .pic-list2 li h2 { padding: 0; height: 50px; font-size: 16px; text-align: center; line-height: 50px; color: #333333; background-color: #e6e6e6; } .pic-list2 li a:hover h2 { color: #fff; background-color: #0a408a; } .zt-list { background: #fff; padding: 33px 0; } .zt-list li { float: left; margin-left: 23px; } .zt-list li img { width: 212px; height: 90px; } .map { background: url(../images/map.jpg) no-repeat top center; height: 690px; position: relative; } .map div { position: absolute; } .map .name { left: 143px; top: 125px; font-size: 18px; font-weight: bold; color: #333333; } .map .map-info { left: 98px; top: 168px; } .map .info { right: 0; top: 210px; width: 580px; font-size: 20px; color: #666666; } .map .info p { height: 70px; display: block; } .map .info p span { color: #333333; } .lists { background: #fff; } .lists li { height: 120px; border-bottom: dashed 1px #e5e5e5; margin: 0 20px; padding-top: 32px; } .lists li .time { width: 90px; height: 90px; background-color: #e6e6e6; border-radius: 6px; color: #333333; text-align: center; line-height: 28px; font-size: 16px; float: left; } .lists li .time b { line-height: 30px; padding-top: 20px; font-size: 30px; font-weight: normal; display: block; } .lists li .txt { width: 1047px; float: left; margin-left: 16px; } .lists li .txt h2 { font-size: 24px; color: #333333; } .lists li .txt p { color: #999999; line-height: 24px; padding-top: 8px; } .lists li a:hover .time { color: #fff; background-color: #054099; } .lists li a:hover .txt h2 { color: #054099; } .interact .menu { text-align: center; } .interact .menu li { width: 300px; height: 145px; display: inline-block; margin: 0 8px; } .interact .menu li.on { background: url(../images/hd-li-bg.jpg) no-repeat bottom; } .interact .menu li a { width: 300px; height: 100px; display: block; } .interact .menu li a.li1 { background: url(../images/hd-li1.jpg) no-repeat; } .interact .menu li a.li2 { background: url(../images/hd-li2.jpg) no-repeat; } .interact .menu li.on a.li1 { background: url(../images/hd-li1c.jpg) no-repeat; } .interact .menu li.on a.li2 { background: url(../images/hd-li2c.jpg) no-repeat; } .interact-form { background: #fff; padding-left: 53px; padding-top: 28px; padding-bottom: 28px; } .interact-form .title { padding-bottom: 26px; } .interact-form .title h2 { color: #333333; font-size: 24px; } .interact-form .title p { font-size: 18px; color: #999999; line-height: 30px; } .interact-form .txt { float: left; width: 328px; height: 48px; padding-left: 20px; border-radius: 6px; border: solid 1px #cccccc; outline: none; font-size: 16px; margin-right: 23px; margin-bottom: 26px; } .interact-form .textarea { width: 1076px; height: 140px; outline: none; line-height: 48px; border: solid 1px #cccccc; border-radius: 6px; margin-bottom: 33px; font-size: 16px; padding-left: 20px; } .interact-form .btn { width: 150px; height: 47px; background-color: #054099; border-radius: 6px; border: 0; font-size: 16px; color: #fff; outline: none; cursor: pointer; } .wz-list { background: #fff; padding: 0 20px; } .wz-list li { border-bottom: 1px dashed #eeeeee; height: 67px; clear: both; padding-left: 32px; background: url(../images/list-li.jpg) no-repeat 0 center; } .wz-list li a { clear: both; display: block; } .wz-list li h2 { padding-top: 20px; padding-bottom: 29px; color: #333; font-size: 18px; float: left; } .wz-list li span { float: right; color: #999999; padding-top: 20px; padding-bottom: 29px; font-size: 18px; } .ld-list { background: #fff; padding-left: 20px; padding-top: 26px; } .ld-list li { float: left; width: 300px; height: 191px; } .ld-list li img { width: 109px; height: 161px; float: left; } .ld-list li .txt { padding-left: 20px; float: left; } .ld-list li .txt h2 { font-size: 26px; line-height: 26px; color: #333333; padding-top: 22px; padding-bottom: 23px; } .ld-list li .txt p { font-size: 12px; color: #999999; line-height: 16px; } .ry-list { background: #fff; padding-left: 21px; padding-top: 27px; } .ry-list li { float: left; padding: 19px 20px; border: solid 1px #e5e5e5; margin-right: 22px; margin-bottom: 20px; } .ry-list li img { width: 232px; height: 156px; } .news516{ border: 0;padding: 0; } .w645{width: 645px;} .nav li .menu{border:0;padding:0;top:50px;width:112px;} .nav li .menu a{padding: 0;text-align:center;} .nav li .menu a:hover{background:#57a4e6} .listss li { height: 106px; border-bottom: solid 1px #eeeeee;line-height: 24px; padding-top: 32px; width: 920px; font-size: 14px; color: #999999; } .listss li .p{ padding-top: 6px;} .listss li a{font-size: 20px;color: #333;} .listss li .time{text-align: center;width: 73px;height: 73px;border: 1px solid #0f5aaa;line-height: 29px;float: left;margin-right: 40px;} .listss li .time .blue { background: #0f5aaa; color: #fff; height: 31px; font-size: 16px; line-height: 31px; } .listss li .time .t { color: #0f5aaa;font-weight: bold; font-size: 20px; height: 42px; line-height: 42px; } .listss li .txt { width: 1047px; float: left; margin-left: 16px; } .listss li .txt h2 { font-size: 24px; color: #333333; } .listss li .txt p { color: #999999; line-height: 24px; padding-top: 8px; } .listss li a:hover .time { color: #fff; background-color: #054099; } .listss li a:hover .txt h2 { color: #054099; } .dqwz{width:920px;height: 70px;line-height: 70px;border-bottom: 3px solid #0f5aab;overflow: hidden;} .dqwz h2{font-size: 30px;color: #0f5aab;font-weight: bold;} .dqwz span{color: #999;font-size: 14px;padding-top: 8px;} .slidenav{ width: 240px; } .slidenav .t { height: 70px;text-align: center;line-height: 70px;color: #fff;font-size: 30px;background: #0f5aab; } .slidenav li { padding-top: 1px; } .dqwz{width:920px;height: 70px;line-height: 70px;border-bottom: 3px solid #0f5aab;overflow: hidden;} .dqwz h2{font-size: 30px;color: #0f5aab;font-weight: bold;} .dqwz span{color: #999;font-size: 14px;padding-top: 8px;} .slidenav li a{display: block;color: #0f5aab;font-size: 16px;text-align: center;height: 48px;background: #eaeff3;line-height: 48px;} .slidenav li.c a { background: #0b64c4;color: #fff; } .pic-list3{ width: 920px; padding-top: 20px; color: #666666; overflow: hidden; text-align: center; } .pic-list3 ul{ width: 980px; } .pic-list3 li{ border: 1px solid #eaeff3;float: left;margin-right: 32px;margin-bottom: 35px;} .pic-list3 img{ width: 284px; display: block; height: 190px; } .pic-list3 h2 { height: 40px; line-height: 40px; font-size: 16px; background-color: #eaeff3; }