@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; list-style: none; font-size: 14px; font-family: "Microsoft YaHei", Arial } body { color: #000; } img { border: none; } a { color: #000; text-decoration: none; outline: none; } a:hover { text-decoration: none; color: #589bf0; } .auto { height: auto; overflow: hidden; } .newsleft_phone { display: none; } .wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .headerwrap { height: 96px; width: 100%; position: absolute; left: 0; top: 0; z-index: 999; } .headerbot { width: 100%; background: url(../images/navabg.png) repeat-x; height: 68px; position: relative; top: 28px; } .headerbot2 { background: url(../images/bg5.jpg) no-repeat center top; height: 68px; width: 100%; position: relative; top: 28px; } .fix { position: absolute; right: 0; transform: translateY(-50%); top: 50%; width: 32px; height: 542px; z-index: 999; background: url(../images/dwjm-zt.png) no-repeat center top; } .fix a { display: block; width: 32px; height:290px; } .fix a.a3 { position: absolute; left: 0; top: 0px; } .fix a.a1 { position: absolute; left: 0; top: 110px; } .fix a.a2 { position: absolute; left: 0; top: 200px; } .ewm { position: absolute; right: 0; bottom: 125px; z-index: 999; } .ewm_box { position: relative; } .ewm_box a { display: block; background: #0F9; } .wx_btn { width: 32px; height: 32px; margin-bottom: 1px; } .msg_btn { width: 32px; height: 32px; } .eweima-h { position: absolute; top: -248px; right: -161px; width: 120px; } .wx_img, .wx_img2 { display: block; } .msg { width: 171px; font-size: 12px; padding: 10px; background: #F8F8F8; position: absolute; top: 33px; right: -190px; } .mianwrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .mianwrap ol { position: absolute; right: 16px; top: 50%; z-index: 999; height: 85px; margin-top: 42px; } .mianwrap ol li { background: url(../images/visit.png) no-repeat; width: 8px; height: 8px; margin-bottom: 11px; cursor: pointer; } .mianwrap ol li.cur { background: url(../images/hov.png) no-repeat; } #headertop { width: 100%; height: 28px; background: url(../images/bgxx.png) repeat-x; } .content { background: url(../images/bg4.jpg) no-repeat center top; background-size: cover; position: absolute; right: 0; top: 0; z-index: 20; width: 100%; height: 100%; display: none; } .conbg { width: 998px; position: absolute; left: 50%; bottom: 241px; margin-left: -499px; } .connewscon { width: 100%; position: absolute; left: 0; bottom: -100%; } .connews { margin-bottom: 24px; width: 1080px; margin: 0 auto 24px; } .connews2 { width: 1080px; height: 30px; cursor: pointer; margin: 0 auto; } /*--- ------------------------------------ --------------------------------- ---------------------------*/ .con { padding: 0 4%; } #Top { position: relative; z-index: 99; background: #97d4ff; width: 100%; height: 28px; line-height: 26px; } #Top { background: #94070a; } #Top a { font-size: 12px; color: #002767; float: left; } #Top a { color: #fff; } #Top a { margin: 0 7px; } #Top i { width: 1px; height: 8px; background: #0e6aab; display: block; float: left; position: relative; top: 10px; } #Top .search { width: 12px; height: 12px; background: url(../images/top_icon1.png) no-repeat; position: relative; top: 3px; left: -27px; z-index: 10; } #Top .top_right { padding-right: 20px; } #Top.top_bg { background: url(../images/top_bg.jpg) repeat-x !important; } #Top.top_bg a { color: #ffffff; } #Top.top_bg i { background: #ffffff !important; } #Top.top_bg .search { background: url(../images/top_icon4.png) no-repeat; } .language { float: left; width: auto; overflow: hidden; text-align: center; margin-top: 1px; color: #fff; margin-right: 5px; } .language select { background-color: #71070a; color: #fff; border: none; text-align: center; font-size: 12px; } .language.bg select { background: url(../images/top_bg.jpg) repeat-x !important; } .search_txt { margin-top: 4px; height: 17px; padding-bottom: 2px; width: 140px; border-radius: 2px; border: 1px solid #94070a; text-indent: 5px; background: #71070a; color: #fff; } #nav { position: relative; z-index: 98; width: 100%; height: 68px; line-height: 68px; vertical-align: middle; } #nav .logo { position: relative; top: 9px; } #nav .logo img { width: 248px; } #nav ul li { float: left; margin-right: 28px; padding-left: 6px; background: url(../images/nav_icon.jpg) no-repeat left center; position: relative; } #nav ul li:first-child { background: none; } #nav ul li a { font-size: 14px; color: #ffffff; } #nav ul li a:hover, #nav ul li a.hover { color: #ffcc00; } .navXl { position: absolute; top: 68px; left: 0; background: url(../images/navxl.png) repeat; width: 93px; visibility: hidden; } .navXl a { line-height: 34px; border-bottom: 1px dashed #7ca3d8; display: block; width: 100%; text-align: center; } .navXl2 { width: 210px; text-align: center; } .navXl2 a { width: auto; margin: 0 10px; float: left; height: auto; } .news { width: 1080px; height: 180px; position: absolute; left: 50%; bottom: 33px; margin-left: -540px; z-index: 9 } .newsleft { width: 453px; height: 176px; position: absolute; left: 0; bottom: 0; background: #ffffff; } .newsbtn { width: 31px; height: 31px; position: absolute; right: 0; top: 0; overflow: hidden; } .zk, .sh { width: 31px; height: 40px; display: block; position: absolute; left: 183px; top: 0; z-index: 10; } .newsright { width: 621px; height: 176px; position: absolute; left: 459px; bottom: 0; } .mian { width: 100%; position: relative; height: 100%; } .mian ul { width: 100%; height: 100%; position: relative; } .mian ul li { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .mian ul li a { display: block; width: 100%; height: 100%; } .mian ul li img.bgx { position: absolute; left: 50%; bottom: 235px; width: 1038px; margin-left: -519px; } #bannerimg1 { background: url(../images/banner1.jpg) no-repeat center center; background-size: cover; } #bannerimg2 { background: url(../images/banner2.jpg) no-repeat center center; background-size: cover; } #bannerimg3 { background: url(../images/banner3.jpg) no-repeat center center; background-size: cover; } #bannerimg4 { background: url(../images/banner4.jpg) no-repeat center center; background-size: cover; } #bannerimg5 { background: url(../images/banner5.jpg) no-repeat center center; background-size: cover; } #bannerimg6 { background: url(../images/banner6.1.jpg) no-repeat center 65px; background-size: cover; } .new1 { position: absolute; left: 0; bottom: 0; width: 453px; height: 176px; } .new2 { position: absolute; left: 0; bottom: -472px; width: 453px; height: 100%; } .zk img { position: absolute; right: 4px; top: 15px } .sh img { position: absolute; right: 9px; top: 13px } .title1 { height: 30px; width: 100%; line-height: 30px; margin: 1px; position: relative; } .title1 h3 { font-size: 16px; color: #ae1400; padding-left: 11px; } .title1 h3 a { font-size: 16px; color: #ae1400; } .title1 h3 font { font-size: 12px; color: #8d7976; } .title1 a.more { font-size: 12px; color: #504f4e; position: absolute; top: 5px; right: 19px; } .title1 span { position: absolute; top: 0; right: 0; padding-right: 19px; height: 30px; background: #1772b0; text-indent: 10px; font-size: 16px; color: #a2c5cd; } .title1 span.more { background: none; } .title1 span a { color: #ae1400; font-size: 12px; } .title1 span font { font-size: 12px; color: #82afc5; } .title2 { height: 30px; line-height: 30px; } .title2 span { line-height: 30px; padding: 0 4px; background: #ae1400; font-size: 14px; color: #ffffff; display: inline-block; position: relative; top: 1px; left: 1px; } .title2 a { float: right; margin-right: 10px; color: #ae1400; font-size: 12px; } .list { padding-top: 8px; } .list li { line-height: 26px; background: url(../images/li_icon.png) no-repeat left; background-position: 0 13px; padding-left: 14px; margin: 0 18px; overflow: hidden; } .new1 .list li span, .new2 .list li span { float: right; font-size: 12px; } .new1 .list li a, .new2 .list li a { width: 400px; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis; /* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; /* Opera */ -moz-binding: url("ellipsis.xml#ellipsis"); /*FireFox*/ } .list3 { width: 94%; margin: 0 auto; } .list3 p { line-height: 16px; margin-bottom: 5px; padding-left: 5px; padding-bottom: 3px; border-bottom: 1px dashed #999; } .imgNew { padding: 15px 25px 0; } .imgNew img { width: 197px; } .imgNew_txt { width: 193px; float: right; } .imgNew_txt p { text-indent: 2em; } .newsright_box1 { background: url(../images/news_bg.png) repeat; width: 247px; height: 176px; } .newsphoto { width: 247px; height: 152px; float: left; overflow: hidden; position: relative; } .newsphoto ul { position: absolute; left: 0; top: 0; padding-top: 10px; } .newsphoto ul li { width: 247px; overflow: hidden; float: left; position: relative; } .newsphoto ol { position: absolute; right: 19px; bottom: 12px; height: 5px; line-height: 5px; z-index: 6; } .newsphoto ol li { width: 5px; height: 5px; background: #706f6f; cursor: pointer; float: left; margin-left: 11px; border-radius: 50%; } .newsphoto ol li:hover, .newsphoto ol li.active { background: #608dd0; } .newsright_box2 { background: url(../images/news_bg2.png) repeat; width: 285px; height: 176px; } .newsright_box2 .list li { line-height: 18px; background-position: 0 9px; margin-bottom: 9px; } .newsright_box3 ul li { width: 83px; height: 28px; line-height: 28px; margin-bottom: 1px; background: #1772b0; text-align: center; } .newsright_box3 ul li a { color: #ffffff; } .newsright_box3 ul li:hover { background: #075c92; } /*-=== 专题 ==-*/ .Xq_news { width: 1040px; height: 188px; margin: 0 auto; } .newsx { width: 1094px; height: 468px; position: absolute; left: 50%; bottom: 33px; margin-left: -547px; z-index: 9 } .newsright2 { width: 634px; height: 189px; position: absolute; left: 459px; bottom: 0; } .newsleft2 { width: 466px; height: 189px; position: absolute; left: 0; bottom: 0; } .new7 { position: absolute; left: 0; bottom: 0; } .new8 { position: absolute; left: 0; bottom: -468px; } .headerbot3 { background: url(../images/navbg3.jpg) repeat-x; height: 68px; width: 100%; position: relative; top: 28px; } .headerbot3 img { display: block; width: 1205px; height: 67px; position: absolute; left: 50%; top: 0; margin-left: -616px; } .connews2wrap { width: 100%; background: #003678; height: 30px; cursor: pointer; } .connews2wrap .title3 { width: 257px; height: 30px; line-height: 30px; float: left; background: #003678; padding-left: 11px; } .connews2wrap .title3 h3 { color: #a2c5cd; font-weight: normal; } .connews2wrap .title3 h3 font { font-size: 12px; color: #a2c5cd; } .connews2 { background: #f5f1e5; } .mag1 { border-left: 1px solid #f5f1e5; border-right: 3px solid #f5f1e5; } .mag2 { border-right: 1px solid #f5f1e5; border-left: 3px solid #f5f1e5; } .Xq_news_left, .Xq_news_right { width: 516px; height: 188px; background: url(../images/top_icon5.png) repeat; } .Xq_news_right .list li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tabMenu { height: 31px; overflow: hidden; } .tabMenu li { width: 50%; height: 31px; float: left; } .tabContent ul { display: none; } .list1Top { display: none; } /*增加样式*/ .mobile, .navMore { display: none; } .mobileNav { display: none; } .topLink { display: inline; } .topOneSelect { display: none; } .maxcontinner { position: absolute; width: 100%; height: 100%; overflow: hidden; } .dyjm_footers { margin: 0 auto; padding: 0; text-align: center; position: absolute; bottom: 0; z-index: 99; left: 0; right: 0; } .dyjm_footers a { display: inline-block; text-decoration: none; height: 20px; line-height: 20px; vertical-align: top; color: #939393; } .dyjm_footers a p { float: left; height: 20px; line-height: 20px; margin: 0px 0px 0px 5px; color: #939393; } @media screen and (max-width: 1200px) { .newsleft { display: none; } .newsleft_phone { display: block; } .newsleft_phone iframe { width: 100% !important; height: 375px !important; /* padding: 0 0 20px 0; */ } } @media screen and (max-width: 750px) { .dyjm_footers a { font-size: 12px; } }