a:active, a:hover { color: #1aa1e6 !important; } body { width: 100%; height: auto; background:url(/uploads/image/wpsimages/banner.png) 50% 0px no-repeat; } /*ã©â¡â¶ã©æ’â¨ã¥â¯â¼ã¨ë†âª*/ #topheader { height: 32px; text-align: center; border-bottom: 1px solid #2d4aa9; background: #2d4aa9; } #topheader .top { width: 1000px; height: inherit; margin: 0px auto; } #topheader a { float: left; height: 32px; line-height: 32px; color: rgb(255, 255, 255); font-size: 12px; margin: 0px 10px; } .content { width: 1200px; height: auto; margin: 0 auto; } /*banner*/ .banner { width: 1200px; height: 413px; margin: 0 auto; } /*ã¥â¯â¼ã¨ë†âª*/ .nav_box { width: 100%; height: 60px; background: 50% 0 no-repeat; } .nav_list { width: 1200px; height: 60px; margin: 0 auto; list-style: none; } .nav_list li { float: left; font-size: 20px; font-weight: bold; color: #fff; line-height: 60px; text-align: center; cursor: pointer; position: relative; } .nav_list li a { font-weight: bold; color: #fff; } .nav_list li li { margin-left: 36px; } /*ã§â€°ë†ã¦âæ’*/ .footer { padding: 25px 0 25px 0; /* background: url(/uploads/image/wp7images/bq.jpg); */ text-align: center; margin-top:30px; background-color: #00cdff; } .footer p { line-height: 30px; font-size: 16px; color: #fff; } /*ã¨âå¡ã§â€žâ¦ã¥å’âº*/ .jj_tu_box { width: 586px; height: 380px; overflow: hidden; margin-top: 35px; } .focusbox3 { width: 586px; height: 356px; position: relative; } .focusbox3:hover .arrow-left { background: url(/uploads/image/wwsimages/jj_right.png) no-repeat left top; position: absolute; left: 0; top: 135px; width: 38px; height: 72px; z-index: 2 } .focusbox3:hover .arrow-right { background: url(/uploads/image/wwsimages/jj_left.png) no-repeat left bottom; position: absolute; right: 0; top: 135px; width: 38px; height: 72px; z-index: 2 } .focusbox3 .swiper-container { width: 586px; height: 356px; } .swiper-slide { position: relative; } .focusbox3 .swiper-container.swiper-wrapper .swiper-slide img { width: 586px; height: 356px; } .focusbox3 .swiper-container .swiper-wrapper .swiper-slide .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; opacity: 0.8; background: #2d4aa7; z-index: 0 } .focusbox3 .swiper-container .swiper-wrapper .swiper-slide .title { position: absolute; left: 2%; bottom: 0; width: 96%; height: 45px; line-height: 45px; color: #fff; overflow: hidden; z-index: 1; font-size: 18px; font-weight: bold; text-align: center; } .focusbox3 .swiper-container .swiper-wrapper .swiper-slide .title a { color: #fff; } .focusbox3 .pagination { position: absolute; right: 10px; text-align: center; bottom: -25px; width: 100%; z-index: 2; } .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #2d4aa7; margin: 0 10px; cursor: pointer; } .swiper-active-switch { background: #2c9592; } .jj_txt_box { width: 580px; height: auto; overflow: hidden; } .jj_txt_box .title { font-size: 22px; color: #333333; font-weight: bold; line-height: 32px; } .jj_txt_box .title a { color: #333333; } .jj_txt_box .txt { font-size: 16px; color: #666; line-height: 28px; margin-top: 10px; padding-bottom: 10px; /* text-indent: 2em; */ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #bfbfbf; } .jj_txt_box .txt a { color: #666 } .jj_txt_box .txt span a { font-size: 16px; color: #00cdff; } .jj_list { margin-top: 9px; } .jj_list li { font-size: 18px; color: #333; position: relative; margin-top: 13px; line-height: 25px; padding-left: 15px; height: auto; } .jj_list li a { color: #333; } .jj_list li:before { content: ""; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #00cdff; border-radius: 100%; } /*end*/ .dh_box { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 33px; margin-bottom: 20px; position: relative; text-align: center; } .dh_box span { width: 465px; height: 67px; display: inline-block; position: absolute; top: 43px; left: 386px; } .boxbg01 .dh_box { margin-top: 50px; margin-bottom: 30px; } /*ã¥â¤â´ã¦ââ¡*/ .dtt { width: 1200px; height: auto; margin: 0 auto; background: url(/uploads/image/wp7images/tt.jpg) 0 7px no-repeat; padding-left: 90px; padding-bottom: 17px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #bfbfbf; margin-top: 30px; } .dtt .tit { font-size: 46px; color: #d70c0c; font-weight: bold; line-height: 55px; text-align: center; } .dtt .tit a { color: #d70c0c; font-weight: bold; } .dtt .txt { font-size: 18px; color: #666666; line-height: 28px; margin-top: 15px; font-family: ã¥â®â€¹ã¤â½â€œ, arial, helvetica, sans-serif; text-align: center; } .dtt .txt a { color: #686868; } /*ã©â«ëœã¦â¸â€¦ã¥â¤â§ã¥â€ºâ¾*/ .gqdt_box { width: 100%; height: 570px; background: #ffffff; margin-top:30px; } .gqdt_nr { width: 1200px; height: 570px; margin: 0 auto; } .focusbox5 { width: 1200px; height: 570px; position: relative; } .focusbox5 .arrow-left5 { background: url(/uploads/image/wwsimages/djch_left.png) no-repeat left top; position: absolute; left: -55px; top: 243px; width: 38px; height: 82px; z-index: 2 } .focusbox5 .arrow-right5 { background: url(/uploads/image/wwsimages/djch_right.png) no-repeat left bottom; position: absolute; right: -55px; top: 243px; width: 38px; height: 82px; z-index: 2 } .focusbox5 .swiper-container { width: 1200px; height: 570px; } .swiper-slide { position: relative; } .focusbox5 .swiper-container.swiper-wrapper .swiper-slide img { width: 1200px; height: 570px; } .focusbox5 .swiper-container .swiper-wrapper .swiper-slide .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; opacity: 0.5; background: #000000; z-index: 0 } .focusbox5 .swiper-container .swiper-wrapper .swiper-slide .title { position: absolute; left: 2%; bottom: 0; width: 96%; height: 60px; line-height: 60px; color: #fff; overflow: hidden; z-index: 1; font-size: 22px; font-weight: bold; text-align: center; } .focusbox5 .swiper-container .swiper-wrapper .swiper-slide .title a { color: #fff; } .focusbox5 .pagination { position: absolute; right: 10px; text-align: right; bottom: 20px; width: 15%; z-index: 2; } .focusbox5 .swiper-pagination-switch { display: inline-block; width: 9px; height: 9px; border-radius: 9px; background: #fff; margin: 0 5px; cursor: pointer; } .focusbox5 .swiper-active-switch { background: #00cdff; } .gdbb{ width:1200px; margin:auto; background:#eeeeee; height:40px; margin-top:20px;} .gdbbl{ width:97px; float:left;} .gdbbl img{ width:97px; height:40px;} .gdbbr{ width:1103px; float:right;} /*ã¦â»å¡ã¥å â¨ã¦â€¢ë†ã¦å¾å“ã¦â â·ã¥â¼â*/ #gd_area{width:1095px; height:40px; line-height:40px; overflow:hidden;float:left; margin-right:8px;} .wrap{float: left;width:100000px;} #gd_content,#gd_scroll{float:left;} #gd_content li,#gd_scroll li{height:40px; color:#000;padding-left:8px; margin-right:15px; display:inline;float:left; line-height:40px; background:url(/uploads/image/wsicommon_img/com_dot.gif) 0 20px no-repeat; font-size:14px;} #gd_content li a,#gd_scroll li a{color:#666;} .xxdt_list { width: 100%; height: auto; } .xxdt_list li { width: 100%; height: 184px; overflow: hidden; padding-bottom:20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #bfbfbf; } .xxdt_list li img { float: left; width: 210px; height: 125px; margin-right:15px; } .xxdt_list li p { font-size: 14px; color: #666; line-height: 25px; height:124px; overflow:hidden; } .xxdt_list li p a { color: #000; } .xxdt_list li h2 { font-size: 22px; height:24px; overflow:hidden; color: #000; line-height:24px; margin-bottom:15px; } .xxdt_list li h2 a { color: #000; } .xxdt_list li p span{ color: #d30306; padding-left:10px; } .xxdt_list li p span a{ color: #00cdff; } .xxdt_list2 { width: 100%; height: auto; } .xxdt_list2 li { width: 100%; height: 138px; overflow: hidden; background: #f5f2ea; padding-right:15px; } .xxdt_list2 li li { margin-top:20px; } .xxdt_list2 li img { float: left; width: 246px; height: 138px; margin-right:20px; } .xxdt_list2 li p { font-size: 14px; color: #666; line-height: 24px; margin-top:10px; height:72px; overflow:hidden; } .xxdt_list2 li p span{ color: #d30306; padding-left:10px; } .xxdt_list2 li p span a{ color: #00cdff; } .xxdt_list2 li p a { color: #000; } .xxdt_list2 li h2 { font-size: 22px; color: #000; line-height: 29px; height:28px; overflow:hidden; margin-top:20px; } .xxdt_list2 li h2 a { color: #222; } .xxdt_list3 { width: 100%; height: auto; } .xxdt_list3 li { width: 100%; height: 138px; overflow: hidden; background:#f5f2ea; padding-left:15px; } .xxdt_list3 li li { margin-top:20px; } .xxdt_list3 li img { float: right; width: 246px; height: 138px; margin-left:20px; } .xxdt_list3 li p { font-size: 14px; color: #666; line-height: 24px; margin-top:10px; height:72px; overflow:hidden; } .xxdt_list3 li p span{ color: #d30306; padding-left:10px; } .xxdt_list3 li p span a{ color: #00cdff; } .xxdt_list3 li p a { color: #000; } .xxdt_list3 li h2 { font-size: 22px; color: #000; line-height: 29px; height:28px; overflow:hidden; margin-top:20px; } .xxdt_list3 li h2 a { color: #000; } .xwdyx{ width:1200px; margin:auto} .xwdyxl{ width:732px; float:left;} .xwdyxr{ width:426px; float:right;} /*ã¨â§â€ ã©â¢â€˜ã¨â¦âã©â€”â»*/ .part1 { width: 1200px; height: 330px; position: relative; margin: 0 auto; margin-top:40px; } .part1-left { width: 586px; height: 330px; position: relative; float: left; } .part1-left:hover .arrow-left { background: url(/uploads/image/wwsimages/jj_right.png) no-repeat left top; position: absolute; left: 0; top: 110px; width: 38px; height: 72px; z-index: 2 } .part1-left:hover .arrow-right { background: url(/uploads/image/wwsimages/jj_left.png) no-repeat left bottom; position: absolute; right: 0; top: 110px; width: 38px; height: 72px; z-index: 2 } .part1-left .swiper-container { width: 586px; height: 330px; margin: 0 auto; } .swiper-slide { position: relative; } .part1-left .pagination { position: absolute; right: 10px; text-align: right; bottom: 13px; width: 19%; z-index: 2; border-radius: 10px; } .part1-left .swiper-pagination-switch { display: inline-block; width: 7px; height: 7px; background: #a0a0a0; margin: 0 3px; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .part1-left .swiper-active-switch { background: #00cdff; width: 8px; height: 8px; } .part1-left .pictitle { position: relative; width: 586px; height: 330px; overflow: hidden; } .part1-left .pictitle .img img { width: 586px; height: 330px; display: block; } .part1-left .pictitle .bg { background: #000000; bottom: 0; height: 40px; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 10; } .part1-left .pictitle .name { bottom: 0; color: #fff; height: 58px; left: 0; line-height: 80px; overflow: hidden; position: absolute; text-indent: 0.5em; text-align: left; font-size: 18px; width: 100%; z-index: 11; } .part1-left .pictitle .name a { color: #fff; text-decoration: none; } .part1-left .pictitle .name a:hover { /* text-decoration: underline; */ } .part1-right { width: 412px; height: 356px; float: right;/* background: #1d71b7; */ } .part1-right h3 { width: 348px; font-size: 24px; color: #333; padding: 25px 0px 15px 0px; border-bottom: 1px dashed #528dfa; text-align: center; margin: 0 auto; line-height: 35px; font-weight: bold; } .part1-right h3 a { color: #333; font-weight: bold; } .part1-right ul { width: 385px; margin: -6px auto 0; } .part1-right li { background: 0 22px no-repeat; color: #333; padding: 16px 0 14px 12px; } .part1-right li a { color: #333; } .indexlink { width: 126px; height: 29px; line-height: 29px; position: absolute; left: 50%; top: 140px; margin-left: -63px; background: 0 0 no-repeat; text-align: center; color: #fff; } .indexlink a { color: #fff; } .mul-play { position: absolute; width: 70px; height: 70px; bottom: 60px; left: 5px; display: none; cursor: pointer; z-index: 999; } .mul-play img { width: 70px; height: 70px; display: block; } .videopart { width: 586px; height: 330x; background: #333; position: absolute; top: 0; left: 0; z-index: 50; } .videopart iframe { width: 586px; height: 330px; } .videopart .videopart-close { width: 22px; height: 22px; position: absolute; top: 0; right: -22px; z-index: 50; background: url(/uploads/image/wbbundle/s1014_icon_btn_close.png) no-repeat; cursor: pointer; background-size: 100% auto; } /*ã§â€¹â¬ã¥â®â¶ã§â­â€“ã¥ë†â€™*/ .djch_box { width: 100%; height: 460px; background: #ffffff; } .djch_nr { width: 1172px; height: 460px; margin: 0 auto; } .focusbox4 { width: 1172px; height: 460px; position: relative; background: #fff; } .focusbox4 .arrow-left4 { background: url(/uploads/image/wp7images/left.jpg) no-repeat left top; position: absolute; left: -55px; top: 189px; width: 22px; height: 75px; z-index: 2 } .focusbox4 .arrow-right4 { background: url(/uploads/image/wp7images/right.jpg) no-repeat left bottom; position: absolute; right: -55px; top: 189px; width: 22px; height: 75px; z-index: 2 } .focusbox4 .swiper-container { width: 1171px; height: 460px; } .swiper-slide { position: relative; } .slide_cont { width: 1185px; } .narrow_box { float: left; width: 230px; height: 460px; position: relative; margin-right: 7px; transition: all 1s; cursor: pointer; } .narrow_box .title { position: absolute; left: 0; width: 230px; height: 230px; background: url(/uploads/image/wp7images/chbg.jpg) no-repeat; font-size: 18px; color: #fff; font-weight: bold; line-height: 32px; text-align: center; padding: 40px 35px; z-index: 2; box-sizing: border-box; } .narrow_box .title a { color: #fff; } .narrow_box .img { position: absolute; left: 0; width: 230px; height: 230px; top: 230px\9; } .narrow_box .img img { width: 100%; height: 100%; } .narrow_box:nth-child(odd) .title { top: 0; } .narrow_box:nth-child(odd) .img { top: 230px; } .narrow_box:nth-child(even) .title { top: 230px; } .narrow_box:nth-child(even) .img { top: 0; } .narrow_box.on { width: 460px; height: 460px; } .narrow_box.on .img { position: absolute; left: 0; width: 460px; height: 460px; top: 0\9; } .narrow_box.on .title { position: absolute; left: 0; top: 327px; width: 100%; height: 133px; background: url(/uploads/image/wp7images/djbg2.png) repeat-x; font-size: 18px; color: #fff; font-weight: bold; line-height: 32px; text-align: center; padding: 75px 10px 0 10px; } .narrow_box.on:nth-child(odd) .img { top: 0; } .jchd { width: 1200px; margin: auto; } .dyx { width: 1200px; margin: auto; } .dyxl { width: 581px; float: left; } .dyxl .zcxw { width: 251px; float: left; } .dyxl .zcxw img { width: 251px; height: 140px; margin-top: 20px; } .dyxl .zcxw h3 { font-size: 22px; color: #000; line-height: 28px; margin-top: 6px; } .dyxl .zcxw h3 a { color: #000; } .dyxl .zcxw p { font-size: 14px; color: #666666; line-height: 22px; margin-top: 6px } .dyxl .zcxw p a { color: #666666; } .dyxl .ycxw { width: 303px; float: right; margin-top: 20px; } .dyxr { width: 581px; float: right; } .rdjj { } .rdjjl { float: left; width: 142px; height: 80px; } .rdjjl img { width: 142px; height: 80px; } .rdjjr { float: right; width: 145px; } .rdjjr h4 { font-size: 16px; color: #000; line-height: 24px; } .rdjjr h4 a { color: #000; } .rdjj p { font-size: 14px; color: #666; line-height: 24px; padding-left: 22px; background: url(/uploads/image/wp7images/yh.jpg) -1px 0 no-repeat; margin-top: 10px; } .rdjj p a { color: #666; } .part5 .cfhgstop { position: relative; } .part5 .cfhgstop .cfhgbg ul { margin: 0 auto; padding-top: 10px; width: 100%; overflow: hidden; } .part5 .cfhgstop .cfhgbg li { float: left; width: 189px; position: relative; } .part5 .cfhgstop .cfhgbg li li { margin-left: 7px; } .part5 .cfhgstop .cfhgbg li img { width: 189px; height: 107px; display: block; } .part5 .cfhgstop .cfhgbg li .text { position: absolute; width: 189px; height: 107px; bottom: 0px; left: 0; z-index: 14; display: none; } .part5 .cfhgstop .cfhgbg li .text h3 { margin-top: 42px; color: #fff; font-size: 1em; padding: 0px 10px 0px; text-align: center; font-size: 18px; line-height: 22px; } .part5 .cfhgstop .cfhgbg li .text h3 a { color: #fff; } .part5 .cfhgstop .cfhgbg li .text p { display: block; line-height: 24px; text-align: center; color: #fff; padding: 0 10px; font-size: 14px; } .part5 .cfhgstop .cfhgbg li .bg { width: 189px; height: 107px; position: absolute; bottom: 0px; left: 0; background: url(/uploads/image/wp7images/jctpbg.png) 0 0 no-repeat; z-index: 13; display: none; } /*ã¥â€ºâ¾ã§â€°â€¡ã¥ë†â€”ã¨â¡â¨ã§â»â€žã¤â»â¶2*/ .picnews2 { height: 328px; overflow: hidden; position: relative; width: 581px; } .picnews2 .picimg a { display: block; line-height: 0 } .picnews2 .picimg img { width: 581px; height: 328px; } .picnews2 .picbg { background: url(/uploads/image/wp7images/djbg2.png); bottom: 0; height: 133px; left: 0; position: absolute; width: 100%; z-index: 10; } .picnews2 .pictit { bottom: 7px; color: #ffffff; height: 35px; left: 0; line-height: 35px; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 11; font-size: 18px; } .picnews2 .pictit a { color: #ffffff; line-height: 35px; } .jchdl{ float:left; width:780px;} .jchdr{ float:right; width:405px;} /*ã§â€žâ¦ã§â€šâ¹ã¥â€ºâ¾*/ .poster-main{ position:relative; width:542px;height:366px; margin-top:20px;} .poster-main a,.poster-main img{display:block;} .poster-main .poster-list{width:542px;height:366px;} .poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;} .poster-main .poster-btn{ position:absolute;top:0;width:100px;height:355px; z-index:10; cursor:pointer; opacity:0.8} .poster-main .poster-prev-btn{left:0;} .poster-main .poster-next-btn{right:0;} .poto-pic { position:relative; } .poto-pic .bg { background: #000000; bottom: 0; height: 42px; left: 0; opacity:0.4; filter:alpha(opacity=40); position: absolute; width: 100%; z-index: 10; } .poto-pic .name { font-size:16px; bottom: 0; color: #ffffff; height: 42px; left: 0; line-height: 42px; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 11; } .poto-pic .name a { color: #ffffff; text-decoration:none; } .sczp{ float:right; width:183px; height:56px;} .sczp img{width:183px; height:56px; margin-top:20px;}