/*閫氱敤*/ @charset "utf-8"; * { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; font-size:16px; line-height:2em; } ul, ol, li { list-style:none; } a { margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; text-decoration:none } a:link { color:#333; text-decoration:none; } a:visited { color:#333; text-decoration:none } a:hover { color:#3E480B; text-decoration:underline } a:active { color:#3E480B; text-decoration:none } input, select { vertical-align:middle; } input, textarea { border:none; } .clear { clear:both; } .header { width:1100px; margin:auto; height:90px; } .smheader { display:none; } .header .logo { width:230px; float:left; padding-top:10px; } .header .nav ul:after { display:block; clear:both; } .header .nav ul { width:720px; float:left; margin-left:10px; } .header .nav ul li { float:left; height:90px; line-height:90px; width:90px; text-align:center; } .header .ennav ul li { width:115px;} .header .nav ul li:hover { background:#0973C1; color:#FFFFFF; } .header .nav ul li:hover a { color:#ffffff; } .header .nav ul li ol { display:none; position:absolute; z-index:5; width:170px; } .header .nav ul li ol:nth-child(2) { width:200px; z-index:999999; } .header .nav ul li ol li { text-align:left; background:rgba(255, 255, 255, 0.8); width:100%; text-indent:10px; height:45px; line-height:45px; overflow: hidden; border-bottom:1px solid; } .header .nav ul li ol li a { display:block; color:#000000; line-height:45px; height:45px; } .header .nav ul li ol li a:link { color:#000000; } .header .nav ul li ol li a:hover { color:#fff; } .header .nav ul li ol li a:visited { color:#000000; } .header .nav ul li ol li:hover a{ color:#FFF;} .header .language { float:right; line-height:90px; width:130px; } .header .language a { border:1px solid #999999; background-color:#efefef; width:50px; text-align:center; margin-left:5px; margin-right:5px; padding:5px; border-radius:5px; } .pc_banner { width: 100%; overflow: hidden; position: relative; } .pc_banner .pcbanner .swiper-slide img { width: 100%; display: block; } .pc_banner .pcbanner .pagination { text-align: center; position: absolute; bottom: 10px; width: 100%; z-index: 99; } .pc_banner .pcbanner .pagination span { width: 12px; height: 12px; border-radius: 50%; display: inline-block; text-indent: -999px; overflow: hidden; overflow: hidden; cursor: pointer; background: #eee; margin: 0 3px; opacity: 1; } .pc_banner .pcbanner .pagination span.swiper-pagination-bullet-active { background: #3E480B; color: #fff; } .pc_banner .pcbanner .next { position: absolute; right: 5%; top: 45%; z-index: 99; height: 45px; width: 45px; background: url(/template/default/index/images/bannerri.png); opacity: 0.8; background-size: 100%; cursor: pointer; outline: 0; } .pc_banner .pcbanner .next:hover { opacity: 1; } .pc_banner .pcbanner .prev { position: absolute; left: 5%; top: 45%; z-index: 99; height: 45px; width: 45px; background: url(/template/default/index/images/bannerle.png); opacity: 0.8; background-size: 100%; cursor: pointer; outline: 0; } .pc_banner .pcbanner .prev:hover { opacity: 1; } .pc_banner .banner_text { position: absolute; left: 0; top: 30%; width: 100%; z-index: 90; } .pc_banner .banner_text .banner_text_content { width: 585px; height: 200px; margin-left:calc(100%/2 - 555px); } .pc_banner .banner_text .banner_text_content .imgleft { width: 124px; float: left; position: relative; left: 106%; top:20px; } .pc_banner .banner_text .banner_text_content .banner_text_bg { height: 177px; padding: 20px; padding-left: 62px; z-index: 99; padding-bottom: 20px; background: url(/template/default/index/images/banner_bg.png); } .pc_banner .banner_text .banner_text_content .banner_text_bg p { position: relative; top: 290%; } .pc_banner .banner_text .banner_text_content .banner_text_bg p strong { font-size: 14px; color: #434343; font-weight: normal; display: block; text-align: center; padding-top: 20px; } .pc_banner .banner_text .banner_text_content .banner_text_bg p b { font-size: 19px; font-weight: normal; font-style: normal; color: #434343; display: block; padding-top: 18px; text-align: center; } .pc_banner .banner_text .banner_text_content .banner_text_bg p b span { font-weight: bold; color: #1c4587; } .pc_banner .banner_text .banner_text_content .banner_text_bg i { font-size: 0px; opacity: 0; color: #3E480B; font-weight: bold; display: block; text-align: center; font-style: normal; } .pc_banner .banner_text .banner_text_content .banner_text_bg i em { font-style: normal; font-weight: bold; color: #068915; } .m_pagebanner{ display:none} .m_pagebanner img{ width:100%;} .m_banner { display: none; width: 100%; overflow: hidden; } .m_banner .mbanner { position: relative; } .m_banner .mbanner .swiper-slide img { width: 100%; display: block; } .m_banner .mbanner .pagination { text-align: center; position: absolute; bottom: 5px; width: 100%; z-index: 90; } .m_banner .mbanner .pagination span { width: 10px; height: 10px; border-radius: 50%; display: inline-block; text-indent: -999px; overflow: hidden; overflow: hidden; cursor: pointer; background: #eee; margin: 0 4px; opacity: 1; } .m_banner .mbanner .pagination span.swiper-pagination-bullet-active { background: #036aac; color: #fff; } .banner a img { height:100%; width:100%; } .swiper-container { width:100%; } .swiper-slide>div { width:100%; height:100%; position:relative; } .swiper-slide img { width:100%; height:100%; } .swiper-slide p { background:rgba(0, 0, 0, 0.1); position:absolute; left:0; bottom:0px; width:100%; height:40px; text-align:center; } .main { width:1100px; margin:auto; margin-top:40px; } .main .main_title { height:45px; color:#fff; background-color:#0973C1; border-radius:10px 10px 0px 0px; } .main .main_title span { text-indent:10px; float:left; line-height:45px; font-weight:bold; } .main .main_title span i{ width:5px; height:20px; background:#FFF; display:block; float:left; margin-left:20px; margin-top:13px;border-radius:20px;} .main .main_title span .tab { margin-left:30px; } .main .main_title span .tab ul li { width:100px; float:left; text-align:center; text-indent:0; cursor:pointer; border:1px solid #000066; border-top:0; border-bottom:0; line-height:45px; } .main .main_title span .tab ul li.hover { background-color:#023F76; color:#FFFFFF; } .main .main_title a { float:right; line-height:25px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; background: #FFF; border-radius:20px; color:#3E480B; text-align:center; margin-top:10px; padding-left:8px; padding-right:8px; display:block; margin-right:10px; } .main .main_box1, .main .main_box2 { width:calc(100%/2 - 14px); min-height:352px; border:1px solid #efefef; float:left; -moz-box-shadow:4px 4px 10px #cccccc; -webkit-box-shadow:4px 4px 10px #cccccc; box-shadow:4px 4px 10px #cccccc; border-radius:10px 10px 0px 0px; } .main .main_box2 { margin-left:20px; } .main .main_box1 .info, .main_box2 .info, .main_box3 .info { padding:10px; } .main .main_box1 .info .info_img img { width:100%; } .main .main_box1 .info .info_text { line-height:30px; padding-top:6px; } .main .main_box2 .info ul li .link { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: calc(100% - 120px); float:left; } .main .main_box2 .info ul li a { background:url(../images/icon-09.gif) no-repeat 0px center; padding-left:20px; } .main .main_box2 .info ul li .data { width:120px; text-align:right; float:right; } .main .main_box3 { width:calc(100%-2px); border:1px solid #efefef; float:left; margin-top:20px; padding-bottom:20px; -moz-box-shadow:4px 4px 10px #cccccc; -webkit-box-shadow:4px 4px 10px #cccccc; box-shadow:4px 4px 10px #cccccc; border-radius:10px 10px 0px 0px; } .main .main_box3 .info .prolist li { margin:10px 0px 0px 15px; width:calc(100%/3 - 21px); float:left; text-align:center; border:1px solid #efefef; -moz-box-shadow:4px 4px 10px #cccccc; -webkit-box-shadow:4px 4px 10px #cccccc; box-shadow:4px 4px 10px #cccccc; } .main .main_box3 .info .prolist li:nth-child(3n) { } .main .main_box3 .info .prolist li p { height:4em; overflow:hidden; } .main .main_box3 .info .prolist li img { width:100%; } .main .main_box3 .info .prolist li:hover { -moz-box-shadow:4px 4px 10px #949494; -webkit-box-shadow:4px 4px 10px #949494; box-shadow:4px 4px 10px #949494; } .main .main_box3 .info .prolist li img { width:92%; padding:3%; margin:1%; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .main .main_box3 .info .prolist li:hover img { -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); } .footer { margin-top:60px; background:#404040; } .footer .links { border-bottom:2px solid #6B6B6B; color:#eaeaea; width:1100px; margin:auto; line-height:60px; } .footer .links a { color:#9d9d9d; } .footer .links a:hover { color:#eaeaea; } .footer .fnav { width:1100px; margin:auto; padding-top:20px; padding-bottom:20px; } .footer .fnav ul { width:1100px; float:left; } .footer .fnav ul li { width:110px; float:left; color:#eaeaea; } .footer .fnav ul li a { color:#eaeaea; } .footer .fnav ul li ol li { width:100%; height: 32px; line-height: 32px; overflow: hidden; display: block; } .footer .fnav ul li:nth-child(2) { width:260px; position:relative; } .footer .fnav ul li:nth-child(5) ol li{ height: auto; line-height: auto; } .footer .fnav ul li:nth-child(5) { width:500px; position:relative; } .footer .fnav ul li:nth-child(5) .ewm { padding-top:20px; } .footer .fnav ul li:nth-child(5) .ewm .ewmlist { float:left; width:130px; text-align:center; } .footer .footinfo { background-color:#323232; color:#9d9d9d; text-align:center; padding:20px; } .footer .footinfo a { color:#9d9d9d; } /*浜岀骇椤?/ .pagebanner { height:290px; background-image:url(../images/pagebanner.jpg); background-position:center; } .pagebanner_text { height: 120px; padding: 20px; z-index: 99; background: url(/template/default/index/images/banner_bg.png); width:360px; float:left; margin-top:60px; margin-left:calc(100%/2 - 555px); display:none; } .pagebanner_text .p1{ font-size: 20px; font-weight: normal; font-style: normal; color: #434343; text-align: center; margin:0px; padding:0px; width:100%;} .pagebanner_text .p2{ font-size:40px; opacity: 1; font-weight:bold; font-style:inherit; text-align:center; width:100%; color:#3E480B;} .main_left { float:left; width:250px; } .main_left .lefttitle { width:250px; height:60px; line-height:60px; background:#0973C1; font-size:24px; color:#fff; border-radius: 4px 4px 0 0; text-align:center; } .main_left .leftlist ul li.on a { background:#3E91DB; color:#FFF; font-weight:bold; } .main_left .leftlist ul li a { display:block; height:50px; line-height:50px; overflow: hidden; margin:0; text-decoration:none; border-bottom:1px dotted #dedede; width:250px; background:url(../images/menu_tb1.png) no-repeat right; text-indent:20px; margin-top:1px } .main_left .leftlist ul li a:hover{ background:#3788D7; color:#FFF;} .main_right { float:right; width:820px; } .main_right .righttitle { width:100%; height:60px; line-height:60px; overflow:hidden; font-size:24px; color:#333; border-bottom:1px solid #b8b8b8; margin-bottom:30px; } .main_right .righttitle span { color:#ababab; font-size:16pt; } .main_right .rightcontent { padding:5px; } .main_right .rightcontent img{ max-width:100%;} .main_right .rightcontent .tablelist { background-color:#CCCCCC; } .main_right .rightcontent .tablelist td { background-color:#FFFFFF; padding:2px; } .main_right .rightcontent ul li { float:left; overflow:hidden; margin-bottom:15px; border-bottom:1px dotted #dbd4cd; padding:5px; box-shadow:4px 4px 10px #cccccc; display:block; width: calc(100% - 10px); } .main_right .rightcontent ul li:hover { -moz-box-shadow:4px 4px 10px #949494; -webkit-box-shadow:4px 4px 10px #949494; box-shadow:4px 4px 10px #949494; } .main_right .rightcontent ul li:nth-of-type(odd) { background:#f6f6fa; } .main_right .rightcontent ul li:nth-of-type(even) { background:#fff; } .main_right .rightcontent ul li .pic { float:left; margin-right:15px; width:210px; } .main_right .rightcontent ul li .pic img { width:210px; } .main_right .rightcontent ul li .listtext { width:calc(100% - 225px); float:right; } .main_right .rightcontent ul li .listtext p.listtitle { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:30px; } .main_right .rightcontent ul li .listtext p.listtitle a { line-height:30px; font-weight:bold; } .main_right .rightcontent ul li .listtext p.listdate { color:#666; font-size:14px; } .main_right .rightcontent ul li .listtext p.listsummary { color:#666; font-size:14px; } .main_right .rightcontent .showtitle { text-align:center; font-weight:bold; } .main_right .rightcontent .showinfo { padding:3px; margin:3px; background:#f3f3f3; text-align:center; } .main_right .rightcontent .showcontent img { max-width:100%; } .main_right .rightcontent .showcontent .ndiv img{ max-width:400px;} .main_right .rightcontent .showcontent .ntable{ width:100%; background:#999999} .main_right .rightcontent .showcontent .ntable td{ background-color:#fff; padding:1px;} .main_right .rightcontent .showcontent hr{ background-color:#cccccc; height:1px; line-height:1px; margin:10px 0;} .main_right .rightcontent .show_pages{ background:#efefef; padding:5px;} .main_right .listpic ul li { margin: 10px 0px 0px 5px; width: calc(100%/2 - 20px); float:left; text-align:center; border:1px solid #efefef; padding:5px; -moz-box-shadow:0px 0px 72px 0px #efefef; -webkit-box-shadow:0px 0px 72px 0px #efefef; box-shadow:0px 0px 72px 0px #efefef; } .main_right .listpic ul li p { height:4em; } .main_right .listpic ul li:hover { -moz-box-shadow:0px 0px 72px 0px #e1dddd; -webkit-box-shadow:0px 0px 72px 0px #e1dddd; box-shadow:0px 0px 72px 0px #e1dddd; } .main_right .listpic ul li img { width:92%; padding:3%; margin:1%; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .main_right .listpic ul li:hover img { -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); } .main_right .pages { margin-top:20px; } .main_right .pagetable tr td { border:1px solid #ccc; } .main_right .pagetable { min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse;} @media screen and (max-width:1200px) { } @media screen and (max-width:1000px) { } @media screen and (max-width:780px) { * { font-size:16px; } .header { display:none } .smheader { background:#fff; height:50px; width:100%; position:fixed; color:#333; z-index:9999; display:block; top:0; border-bottom:1px solid #efefef; } .smheader .home { display:inline-block; padding:4px; border:1px solid rgba(0, 0, 0, 0.16); vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; position:absolute; left:2%; top:11px; background:url(../images/common.png) 0 center no-repeat; width:25px; height:25px; background-position: -203px -175px; background-size: 450px; } .smheader .home a { display: block; width:100%; height:100%; top:0; left:0; } .smheader .weblogo { text-align:center; height:50px; text-align:left; } .smheader .weblogo img { max-height:50px; margin-left:10px; } .smheader .language { display:inline-block; top:0; position:absolute; right:15%; top:11px; padding:6px; padding-top:2px; border:1px solid rgba(0, 0, 0, 0.16); vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; width:75px; height:25px; line-height:25px; } .smheader .language a { padding:2px; } .smheader .cate { display:inline-block; padding:4px; margin-left:5px; border:1px solid rgba(0, 0, 0, 0.16); vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; position:absolute; right:2%; top:11px; background:url(../images/common.png) 0 center no-repeat; width:25px; height:25px; background-position: -206px -50px!important; background-size: 400px; } .smheader .cate .catebar { display:block; width:100%; height:100%; right: 0; top:0 } .smheader .navt { background:#444444; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; } .smheader .navt li a { border-bottom:1px solid #333333; color:#fff; height:40px; line-height:40px; display:block; width:100%; } .smheader .navt li ul { display:none; } .m_banner { display: block; margin-top:52px; } .m_pagebanner{ display:block; margin-top:52px;} .pagebanner{ display:none;} .pc_banner { display: none; } .banner, .pagebanner { margin-top:52px; } .nav-left { display:none; width:100%; overflow:hidden; margin-top:15px; margin-bottom:10px; } .nav-left ul { overflow:hidden; } .nav-left ul li { padding:3px 6px; background-color:#f1f1f1; float:left; margin:2px; } .nav-left ul li.on { font-weight:bold; background-color:#02509a; color:#FFF; } .nav-left ul li.on a { color:#FFF; } .came { display:none; } .main { width:98%; display:block; margin-left:auto; margin-right:auto; margin-top:0px; } .main .main_box1, .main .main_box2, .main .main_box3 { width:100%; margin-top:20px; margin-left:0; min-height:inherit } .main .main_box3 .info .prolist li { margin: 10px 0px 0px 5px; width: calc(100%/2 - 15px); } .main .main_box3 .info .prolist li:nth-child(2n) { margin-left:15px; } .main .main_left { width:100%; } .main .main_left .lefttitle{ display:none;} .main .main_left .leftlist{ display:none;} .main .main_left .leftlist ul li{ float:left; width:50%; text-align:center;} .main_left .leftlist ul li a{ width:auto; background-image:none; text-indent:0;} .main .main_right { width:100%; margin:auto; } .main .main_right img { max-width:100%; } .main_right .rightcontent ul li .pic { width:100%; } .main_right .rightcontent ul li .pic img { width:100%; } .main_right .rightcontent ul li .listtext { width:100%; } .main_right .rightcontent ul li .listtext p.listtitle { overflow:auto; height:auto; white-space:inherit; } .main .main_right .listpic ul li { margin: 10px 0px 0px 5px; width: calc(100%/2 - 20px); } .links { display:none; } .footer { margin-top:10px; } .footer .fnav { width:100%; } .footer .fnav ul { width:98%; margin:auto; float: inherit; } .footer .fnav ul li { display:none; } .footer .fnav ul li:nth-child(5) { display:block; width:98%; margin:auto; } .footer .fnav ul li:nth-child(5) .ewm { display:none; } .footer .fnav ul li ol li { display:block; } } @media screen and (max-width:640px) { } @media screen and (max-width:500px) { } @media screen and (max-width:350px) { }