/*头部,导航*/ .fj-top { width: 100%; position: relative; } .topping { height: 84px; } .left-font { float: left; width: 25%; } .left-font i img { margin-top: 8px; } .right-font { float: left; } .right-font li { width: 110px; float: left; position: relative; text-align: center; line-height: 84px; } .right-font li a { font-size: 17px; height: 14px; color: #333; line-height: 84px; font-family: "微软雅黑"; } .right-font li a.list_curr { color: #f15858; } .right_phone { float: right; line-height: 84px; } .right_phone i { float: right; font-size: 24px; color: #f05e62; margin-right: 5px; } .right_phone span { float: right; font-size: 14px; color: #f05e62; } .fj-banner { width: 100%; overflow: hidden; position: relative; } .banner{ width:100%; height:530px; overflow:hidden; position:relative;font-size:0} .b-img{ height:530px; position:absolute; left:0; top:0;} .b-img a{ display:block; height:530px; float:left;} .b-list{ height:50px; padding-top:500px; position:relative; margin:0 auto;z-index:1;} .b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;} .b-list .spcss{border:3px solid #f05656;} .bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; } .bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; } .bar-left em{ display:block; width:50px; height:100px; background:url(../img/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:340px;} .bar-right em{ display:block; width:50px; height:100px; background:url(../img/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:340px;} .bar-left .emcss{ background-position:0px -100px;} .bar-right .emcss{ background-position:-50px -100px;} .box { width:558px; overflow:hidden; margin-top:14px; position:relative; } .banner01 { width:2232px; height:332px; color:#fff; font-size:30px; margin-left:0; } .banner01 li { overflow:hidden; float:left; } .banner01 li a { width:558px; height:332px; float:left; } .banner01 li a img { width:100%; height:100%; } .dot { overflow:hidden; position:absolute; bottom:0; right:20px; z-index:8; } .dot strong { height:10px; width:10px; display: inline-block; background:#acacac; border-radius:50%; margin:12px 0; cursor: pointer; } .dot strong.curr { background:#fff; } .dot strong:hover { background:#fff; } .box01 { width:1340px; overflow:hidden; margin-top:14px; position:relative; } .banner02 { width:4560px; height:420px; color:#fff; font-size:30px; margin-left:0; } .banner02 li { overflow:hidden; float:left; position:relative; } .banner02 li a { width:1140px; height:420px; float:left; } .banner02 li a img { width:100%; height:100%; } .banner02 li a span { display:block; font-size:14px; color:#fff; position:absolute; bottom:2.5%; left:5%; z-index:99; } .dot01 { overflow:hidden; position:absolute; bottom:0; right:20px; z-index:999; } .dot01 dfn { height:10px; width:10px; display: inline-block; background:#acacac; border-radius:50%; margin:4px 0; cursor: pointer; } .dot01 dfn.curr01 { background:#fff; } .dot01 dfn:hover { background:#fff; } .topping { background: #fff; } /*脚步*/ footer { overflow: hidden; background: #747474; } .inner { overflow: hidden; padding: 50px 0; } .inner h5 { text-align: center; } .inner h5 a { color: #fff; font-size: 14px; } .inner h5 em { color: #fff; } .inner p { color: #fff; font-size: 14px; text-align: center; padding-top: 10px; } .inner_t { padding: 15px 0; background: #5b5b5b; } .inner_t p { color: #fff; font-size: 14px; text-align: center; } .backTop { position: fixed; bottom: 100px; right: 80px; overflow: hidden; height: 100px; width: 100px; } .backTop a { font-size: 60px; background: #192c38; color: #fff; text-decoration: none; } .fj-news { overflow: hidden; padding: 40px 0; } .np_wrap { overflow: hidden; } .wrap_l { overflow: hidden; float: left; width: 49%; } .wrap_l_t { overflow: hidden; } .wrap_title { overflow: hidden; } .wrap_title i { float: left; height: 20px; width: 4px; background: #f15858; } .wrap_title span { float: left; font-size: 16px; color: #333; padding: 0 5px; } .wrap_title em { float: left; font-size: 14px; color: #999; padding-top: 8px; } .wrap_cont { overflow: hidden; background: #f5f5f5; padding: 10px; margin-top: 14px; } .wrap_cont p { color: #666; line-height: 24px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } .wrap_cont a { display: block; text-align: right; color: #666; } .wrap_l_b { margin-top: 20px; overflow: hidden; } .wrap_cont1 { background: #F5F5F5; padding: 10px; overflow: hidden; margin-top: 14px; } .wrap_cont1 b { float: left; width: 48%; height: 160px; } .wrap_cont1 b img { width: 100%; height: 100%; border-radius: 5px; } .detials { float: right; width: 48%; height: 160px; } .detials p { color: #666; line-height: 24px; } .wrap_cont1 a { display: block; text-align: right; color: #666; } .wrap_r { float: right; width: 49%; overflow: hidden; } .np_wrap01 { margin-top: 40px; } .np_wrap02 { margin-top: 40px; position:relative; } .ban { overflow: hidden; } .ban01 { overflow: hidden; position: relative; } .intro_t { background: rgba(0,0,0,.5); height: 40px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 9; } .intro { height: 40px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 99; padding: 0 10px; } .intro marquee { float: left; width: 30%; color: #fff; font-size: 14px; line-height: 40px; } .wrap02 { background: #f5f5f5; padding: 10px; margin-top: 14px; height:260px; overflow:hidden; transition: all 300ms; } .wrap02 ul { overflow: hidden; } .wrap02 ul li { overflow: hidden; text-align: center; color: #666; font-size: 14px; float: left; width: 25%; padding: 10px 0 ; } .wrap02 ul li a.curr02 { color: #f05656; } .wrap02 ul li a:hover { color: #f05656; } .wrap02 span { display:block; color: #666; font-size: 14px; padding: 10px 0 ; text-align:center; position:absolute; bottom:-38px; left:0; right:0; background:#dedede; cursor:pointer; } .view { overflow: hidden; text-align: right; padding-right:46px; } .view a { color: #f05656; font-size: 14px; } .code01 { position: fixed; top: 70%; right: 9%; } .code01 i { display: block; } .code01 i img { width: 80%; border: 2px solid #e8e8e8; } @media screen and (min-width:1680px) and (max-width:1919px) { .code01 { position: fixed; top: 70%; right: 4%; } .code01 i { display: block; } .code01 i img { width: 80%; border: 2px solid #e8e8e8; } } @media screen and (min-width:1600px) and (max-width:1679px) { .code01 { position: fixed; top: 70%; right: 1.5%; } .code01 i { display: block; } .code01 i img { width: 80%; border: 2px solid #e8e8e8; } } @media screen and (min-width:1440px) and (max-width:1599px) { .code01 { position: fixed; top: 70%; right: -4%; } .code01 i { display: block; } .code01 i img { width: 56%; border: 2px solid #e8e8e8; } } @media screen and (min-width:1360px) and (max-width:1439px) { .code01 { position: fixed; top: 70%; right: -6.5%; } .code01 i { display: block; } .code01 i img { width: 42%; border: 2px solid #e8e8e8; } } .code02 { position: fixed; top: 70%; left: 10.3%; } .code02 i { display: block; } .code02 i img { width: 80%; border: 2px solid #e8e8e8; } @media screen and (min-width:1680px) and (max-width:1919px) { .code02 { position: fixed; top: 70%; left: 5.3%; } .code02 i { display: block; } .code02 i img { width: 80%; border: 2px solid #e8e8e8; } } @media screen and (min-width:1600px) and (max-width:1679px) { .code02 { position: fixed; top: 70%; left: 3%; } .code02 i { display: block; } .code02 i img { width: 80%; border: 2px solid #e8e8e8; } } @media screen and (min-width:1440px) and (max-width:1599px) { .code02 { position: fixed; top: 70%; left: 1%; } .code02 i { display: block; } .code02 i img { width: 56%; border: 2px solid #e8e8e8; } } @media screen and (min-width:1360px) and (max-width:1439px) { .code02 { position: fixed; top: 70%; left: 0.7%; } .code02 i { display: block; } .code02 i img { width: 42%; border: 2px solid #e8e8e8; } } .picture { overflow: hidden; width: 100%; } .picture i { display: block; } .picture i img { height: 100%; width: 100%; } .news_title { height: 60px; line-height: 60px; } .news_title { font-size: 14px; color: #333; } .news_cont { padding: 20px 40px; background: #fff; background: #fff; } .news_cont h5 { text-align: center; height: 40px; line-height: 40px; } .news_cont h5 i { display: inline-block; background: #afafaf; height: 6px; width: 6px; border-radius: 50%; margin-right: 5px; } .news_cont h5 i.i_curr { background: #3a3a3a; } .news_cont h5 em { display: inline-block; background: #afafaf; height: 6px; width: 6px; border-radius: 50%; margin-left: 5px; } .news_cont h5 em.em_curr { background: #3a3a3a; } .news_cont h5 span { font-size: 16px; color: #333; margin: 0 2px; } .news_cont ul { overflow: hidden; } .news_cont ul li { overflow: hidden; display: block; height: 40px; line-height: 40px; } .news_cont ul li a.curr03 i { background: #f15858; } .news_cont ul li a.curr03 span { color: #f15858; } .news_cont ul li i { float: left; background: #666; height: 3px; width: 3px; border-radius: 50%; margin: 18px 10px 0 0; } .news_cont ul li span { float: left; width: 80%; font-size: 14px; color: #666; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } .news_cont ul li em { float: right; width: 15%; color: #666; font-size: 14px; } .news_page { overflow: hidden; text-align: center; padding: 30px 0 120px 0; } .news_page i { display: inline-block; color: #333; font-size: 14px; margin: 0 8px; } .news_page span { display: inline-block; color: #333; font-size: 14px; margin: 0 8px; cursor: pointer; } .news_page span.curr04 { color: #f15858; } .news_details { overflow: hidden; } .news_details p { font-size: 12px; color: #666; text-indent: 2em; line-height: 26px; text-align:justify; text-justify:inter-ideograph; } .news_details span { display: block; color: #666; font-size: 12px; margin-top: 12px; } .sopot_cont { background: #fff; margin-bottom: 60px; position:relative; height:310px; overflow: hidden; transition: all 300ms; padding-bottom:40px; } .sopot_cont cite { display:block; color: #666; font-size: 14px; padding: 10px 0 ; text-align:center; position:absolute; bottom:0; left:0; right:0; background:#dedede; cursor:pointer; } .sopot_cont h5 { text-align: center; height: 40px; line-height: 40px; padding-top: 20px; } .sopot_cont h5 i { display: inline-block; background: #afafaf; height: 6px; width: 6px; border-radius: 50%; margin-right: 5px; } .sopot_cont h5 i.i_curr { background: #3a3a3a; } .sopot_cont h5 em { display: inline-block; background: #afafaf; height: 6px; width: 6px; border-radius: 50%; margin-left: 5px; } .sopot_cont h5 em.em_curr { background: #3a3a3a; } .sopot_cont h5 span { font-size: 16px; color: #333; margin: 0 2px; } .wrap_spot { background: #fff; padding: 10px; margin-top: 14px; } .wrap_spot ul { overflow: hidden; } .wrap_spot ul li { overflow: hidden; text-align: center; color: #666; font-size: 14px; float: left; width: 25%; padding: 10px 0 ; } .wrap_spot ul li a.curr02 { color: #f05656; } .wrap_spot ul li a:hover { color: #f05656; } .np_intro { overflow: hidden; } .np_intro h5 { font-size: 14px; color: #333; text-align: left; } .np_intro p { font-size: 12px; color: #666; line-height: 26px; text-align:justify; text-justify:inter-ideograph; } .np_intro span { display: block; color: #f16161; font-size: 14px; padding: 10px 0; } .intro_cont { overflow: hidden; margin-top: 6px; } .intro_cont i { float: left; font-size: 14px; color: #333; } .intro_cont em { float: left; font-size: 14px; color: #333; padding-left: 6px; } .np_cont { margin-bottom: 80px; } .np_details { padding: 30px; overflow: hidden; background: #fff; } .np_details_l { float: left; width: 40%; overflow: hidden; } .np_details_l i { display: block; height: 420px; width: 420px; } .np_details_l i img { height: 100%; width: 100%; } .np_details_r { overflow: hidden; float: right; width: 58%; } .np_details_r h5 { font-size: 20px; color: #333; } .np_details_r p { color: #f15858; font-size: 18px; margin-top: 20px; line-height: 30px; } .all_pic { overflow: hidden; } .all_pic a { display: block; margin-bottom: 20px; } .all_pic a img { width: 100%; }