@charset "utf-8"; .common_color, .has_account a.common_color { color:#333e8d } .common_bg, .common_page a.nowpage, .common_page a:hover, .vip_left_nav li.vip_left_btn1:hover, .vip_left_nav li.vip_left_btn1.nowpage, .vip_left_nav li.vip_left_btn2:hover, .vip_left_nav li.vip_left_btn2.nowpage, .vip_left_nav li.vip_left_btn3:hover, .vip_left_nav li.vip_left_btn3.nowpage, .vip_left_nav li.vip_left_btn4:hover, .vip_left_nav li.vip_left_btn4.nowpage, .vip_add_address a.common_bg, .vip_login li input.common_bg, .level_bg p.common_bg, .scrollbutton.smallImgUp:hover, .scrollbutton.smallImgDown:hover, .star_score_box p.common_bg, .view_img_btns input, .view_imgs .prev:hover, .view_imgs .next:hover { background-color:#333e8d } .common_border_color, .type_choose span.border_color, .type_choose2 span.border_color, .view_imgs .listBox .on img { border-color:#333e8d } .product_about_top span.on { border-top-color:#333e8d } /* 瀛愰〉鍩虹鏋舵瀯 */ .main { width:1002px; height:auto; overflow:hidden; margin:0 auto; position:relative; padding-bottom: 26px; margin-bottom: 15px; } #contentLeft { position:absolute; top:0; left:0; height:auto; width:240px } #contentRight { float:right; width:740px; height:auto; overflow:hidden } /*.left{float:left;margin-left:-296px;width:280px;height:auto;overflow:hidden;}*/ .right { overflow:hidden; } .right_con { width:100%; height:auto; overflow:hidden; font:14px/30px "microsoft yahei"; padding:16px 0 } .right_con div, .right_con p { font-size:14px; } /* 浜у搧 */ .product1, .product2, .product3, .product4, .product5, .product6, .product7, .product7 li, .product8, .product8 li { width:49%; height:auto; overflow:hidden; float:left; } .product1 li, .product2 li, .product3 li, .product4 li, .product5 li, .product6 li { width:33%; float:left; height:auto; overflow:hidden; position:relative } .product1 li>a, .product2 li>a, .product6 li>a { display:block; width:88%; margin:3px auto; height:auto; overflow:hidden; position:relative; } .product1 li>a>img, .product2 li>a>img, .product3 li img, .product4 li div a img, .product5 li div a img, .product6 li a img { display:block; width: 215px; height: 162px; } .product1 li>p, .product2 li>p, .product3 li>p, .product4 li>p, .product5 li>p, .product6 li>p { width:88%; margin:0 auto; text-align:center; font:14px/42px "microsoft yahei"; } .product2 li>a>span { display:block; position:absolute; width:90%; padding:5%; left:0; top:0; font:14px/30px "microsoft yahei"; color:#fff; background:url(../images/blackbg.png) 0 0 repeat; height:90%; overflow:hidden; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; filter:alpha(opacity=0); opacity: 0; } .product2 li>a:hover span { display:block; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; filter:alpha(opacity=100); opacity: 1; } .product3 li>div { width:88%; margin:3px auto; height:auto; position:relative; } .product3 li>div>p, .prod-zoom { position:absolute; background:url(../images/product_zoom.png) 0 0 no-repeat; width:53px; height:53px; left:50%; top:50%; margin:-26px 0 0 -26px; cursor: pointer; z-index:1; top:-100%; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s; } .product3 li>div:hover p, .prod7-left:hover p, .prod8-left:hover p { top:50%; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; } .product4 li div { width:88%; padding:4px; margin:3px auto; border:2px solid transparent; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; } .product4 li div a, .product5 li div a { display:block; width:100%; overflow:hidden; } .product5 li div { width:88%; padding:6px; margin:3px auto; position:relative; } .product5 li div p, .product5 li div:hover p, .product6 li, .product6 li:hover { -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; } .pro5-border1 { position: absolute; left:0; top:0; width:0; border-top:2px solid transparent; } .pro5-border2 { position: absolute; left:0; top:0; height:0; border-left:2px solid transparent; } .pro5-border3 { position: absolute; right:0; top:0; height:0; border-right:2px solid transparent; } .pro5-border4 { position: absolute; left:0; bottom:0; width:0; border-bottom:2px solid transparent; } .product5 li div:hover p.pro5-border1, .product5 li div:hover p.pro5-border4 { width:100%; } .product5 li div:hover p.pro5-border2, .product5 li div:hover p.pro5-border3 { height:100%; } .product6 { padding-top:12px; } .product6 li { position:relative; top:0 } .product6 li:hover { top:-12px; } .product7 li, .product8 li { padding-bottom:16px; } .prod7-left { float:left; width:49%; height:auto; overflow:hidden; position:relative; height:330px; } .prod7-left a, .prod8-left a { display:block; width:100%; height:auto; overflow:hidden; } .prod7-left a img, .prod8-left a img { display:block; /* width: 320px; height: 240px; */ border:1px solid #ccc; padding:2px; margin:0 auto; } .product7 li>p { float:left; width:63.4375%; margin-left:3.4375%; font:16px/36px "microsoft yahei"; color:#9a9a9a; height:36px; overflow:hidden; } .product7 li>p>a, .product8 li>p a { float:left } .product7 li>p>span, .product8 li>p span { float:right; } .prod7-right { float:left; width:63.4375%; margin-left:3.4375%; height:120px; overflow:hidden; font:14px/30px "microsoft yahei"; color:#7c7c7c; } .product8 li>p { width:100%; height:36px; overflow:hidden; font:16px/36px "microsoft yahei"; color:#9a9a9a; } .prod8-left { float:left; width:22.8125%; height:auto; overflow:hidden; position:relative; margin-right:1.875%; } .prod8-right { float:left; width:73.125%; height:120px; overflow:hidden; font:14px/30px "microsoft yahei"; color:#7c7c7c; } /* 鍥剧墖鏀惧ぇ閮ㄥ垎 */ #picShow { position: fixed; width:100%; height:100%; background:url(../images/blackbg.png) 0 0 repeat; left:0; top:0; z-index:9999 } .pic_show_box { width:100%; height:100%; overflow:hidden; position: relative; } .pic_show_box img { display:block; margin:93px auto 0; border:5px solid rgba(255, 255, 255, .2); } #pic_quit { position: absolute; background:url(../images/quit.png) 0 0 no-repeat; width:64px; height:64px; top:0; right:0; cursor: pointer } #lbtn { display:block; position: absolute; background:url(../images/leftbtn1.png) 0 0 no-repeat; width:53px; height:53px; top:287px; left:65px; } #rbtn { display:block; position: absolute; background:url(../images/rightbtn1.png) 0 0 no-repeat; width:53px; height:53px; top:287px; right:65px; } .pic_show_box p { width:593px; text-align:center; margin:0 auto; overflow:hidden; font:18px/106px "microsoft yahei"; color:#0c4201; text-overflow: ellipsis; white-space: nowrap } .pic_show_box p a { color:#fff; } /* 鏂伴椈 */ .news { width:100%; height:auto; overflow:hidden; } .news li { width:100%; height:50px; border-bottom:1px dotted #232323; overflow:hidden; background:url(../images/icons1.jpg) 8px center no-repeat; text-indent:19px; font:14px/50px "microsoft yahei"; color:#1d1d1d; } .news li a { float:left; color:#1d1d1d } .news li span { float:right; } .news li.blank { margin-bottom:26px; } .news1 { width:100%; height:auto; overflow:hidden; margin:12px auto; } .news1 li { width:100%; padding:5px 0; height:30px; font:14px/30px "microsoft yahei"; color:#737373;/* background:#fff; */ border-bottom:1px solid #e5e5e5; } .news1 li a { float:left; margin-left:12px; } .news1 li span { float:right; margin-right:12px; } .news2 li { border-bottom:1px solid #ccc; } .news3 li { border-bottom:1px dashed #ccc; } #news5 li.news4-bg { background:#eee; } #news5 font { -webkit-transition:all 0.1s ease-in-out 0s; -moz-transition:all 0.1s ease-in-out 0s; -ms-transition:all 0.1s ease-in-out 0s; transition:all 0.1s ease-in-out 0s; } .news_fadein li { -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; -webkit-transform:rotateX(90deg); -moz-transform:rotateX(90deg); -ms-transform:rotateX(90deg); transform:rotateX(90deg); } .news_fadein li.show-animation { -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg); transform:rotateX(0deg); } .news_fadein li.show-animation:nth-child(1) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; transition-delay: 100ms; } .news_fadein li.show-animation:nth-child(2) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; transition-delay: 200ms; } .news_fadein li.show-animation:nth-child(3) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; transition-delay: 300ms; } .news_fadein li.show-animation:nth-child(4) { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; transition-delay: 400ms; } .news_fadein li.show-animation:nth-child(5) { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; } .news_fadein li.show-animation:nth-child(6) { -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; transition-delay: 600ms; } .news_fadein li.show-animation:nth-child(7) { -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; transition-delay: 700ms; } .news_fadein li.show-animation:nth-child(8) { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; transition-delay: 800ms; } .news_fadein li.show-animation:nth-child(9) { -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; transition-delay: 900ms; } .news_fadein li.show-animation:nth-child(10) { -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; transition-delay: 1000ms; } .news_fadein li.show-animation:nth-child(11) { -webkit-transition-delay: 1100ms; -moz-transition-delay: 1100ms; -ms-transition-delay: 1100ms; transition-delay: 1100ms; } .news_fadein li.show-animation:nth-child(12) { -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; transition-delay: 1200ms; } .news_fadein li.show-animation:nth-child(13) { -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; transition-delay: 1300ms; } .news_fadein li.show-animation:nth-child(14) { -webkit-transition-delay: 1400ms; -moz-transition-delay: 1400ms; -ms-transition-delay: 1400ms; transition-delay: 1400ms; } .news_fadein li.show-animation:nth-child(15) { -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; transition-delay: 1500ms; } .news_indent li a { text-indent:0; -webkit-transition:all 0.1s ease-in-out 0s; -moz-transition:all 0.1s ease-in-out 0s; -ms-transition:all 0.1s ease-in-out 0s; transition:all 0.1s ease-in-out 0s; } .news_indent li:hover a { text-indent:20px; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; } /* 璇︾粏椤 */ .view-title { width:100%; text-align:center; font:20px/36px "microsoft yahei"; color:#333; padding:14px 0 0 } .view-date { width:100%; text-align:center; font:12px/24px "microsoft yahei"; color:#999; } .view-date span { margin:0 7px; } .view-share { width:140px; margin:0 auto; } .view-pages { width:100%; height:auto; overflow:hidden; margin:20px auto; } .view-pages p { width:100%; height:30px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; border-bottom:1px dashed #ddd; } .view-back { display:block; width:100px; height:30px; margin:10px auto; text-align:center; font:14px/30px "microsoft yahei"; } /* left-type */ #left-type { width:100%; height:auto; overflow:hidden; } #left-type li { width:100%;/* height: 33px; */ line-height: 31px; background-color: #fff; margin: 5px 0; } #left-type li a { color:#7a7a7a; display:block; height: 35px; font-size: 15px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; text-indent: 15px; font-weight: bold; } #left-type li a:hover { background-color: #db0e34; color:#fff!important; } #left-type li on { background-color: #db0e34; color:#fff!important; } #left-type>li>ul>li { /* background-color: #f7f7f7!important; */ margin: 0; border-bottom: 0; } #left-type>li>ul>li>a { /* text-indent:25px; */ /* background-color: #589fd1!important; */ /* margin: 0 7px; */ padding: 3px 0; font-size: 14px; background-color: #f0f0f0; border-bottom: 1px solid #cbcbcb; } #left-type>li>ul:last-child li a:last-child { border-bottom: 0; } #left-type>li>ul>li>ul>li>a { text-indent:40px; } #left-type>li>ul>li>a:hover { background-color: #f0f0f0!important; color:#000!important; } #left-type>li>ul>li>ul>li>ul>li>a { text-indent:55px; } #left-type>li>ul>li>ul>li>ul>li>ul>li>a { text-indent:70px; } #left-type li ul { display:none } #left-type li ul.show>li>ul { display:block; } #left-type li a.on { background:#db0e34!important; color:#fff; margin:0!important; } /* 鏁翠綋淇敼棰滆壊 */ .pg-color { color:#7a7a7a; } .pg-border-color, .product4 li div:hover { border-color:green; } .pg-color:hover { color:#db0e34 } /* view */ .view h1 { width:100%; text-align:center; font:16px/30px "microsoft yahei"; color:#343434; } .date { width:100%; text-align:center; font:12px/32px "microsoft yahei"; color:#7d7d7d } .page { width:100%; margin:10px auto; overflow: hidden; position: relative } .page p { width:100%; height:28px; font:12px/28px "microsoft yahei"; color:#1d1d1d; overflow: hidden; } .page p a { color:#1d1d1d } .page p a:hover, .back:hover { text-decoration: underline } .back { font:14px/39px "microsoft yahei"; color:#fff; background:#333e8d; width:138px; margin:0 auto; margin-top: 10px; border-radius:4px; display:block; text-align:center; } .view img { max-width: 100%; display:inline } .view div { font-size:14px; } .pdf_down { display:block; background:url(../images/pdf.jpg) 0 0 no-repeat; width:224px; height:46px; margin:10px auto; font:14px/46px "microsoft yahei"; color:#fff; text-indent:74px; } .white-bg { background:#fff; padding:10px 0; } #allmap { margin:20px 0; } /* con1 */ .con1 { width:1002px; height:480px; margin:0 auto; overflow:hidden; } .con1-left { width:240px; height:auto; overflow:hidden; background:#f0f0f0; margin-bottom: 7px; } .left-title1 { width:100%; height:63px;/* background:url(../images/left_title1.jpg) 0 0 repeat-x; */ text-align:left; font:18px "microsoft yahei"; color:#fff; } .class_up { display:block; background:url(../images/left_top.jpg) -11px 0 no-repeat; width:213px; height:19px; margin:11px 0 8px 13px; } .class_down { display:block; background:url(../images/left_bottom.jpg) -11px 0 no-repeat; width:213px; height:19px; margin:8px auto 13px; } .con1_class { width:212px; height:290px; overflow:hidden; margin:0 auto; position:relative; margin:0 13px; } .con1_class>ul { position:absolute; left:0; top:0; width:100%; } .con1_class ul li { width:195px; overflow:hidden; font:14px/41px "microsoft yahei"; color:#1d1d1d; padding:0 0; } .con1_class ul li a { color:#1d1d1d; } .con1_class>ul>li>a {/* padding:0 14px; */ background: transparent; } .con2_class { width:212px; height:790px; overflow:hidden; margin:0 auto; position:relative; margin:0 13px; } .con2_class>ul { position:absolute; left:0; top:0; width:100%; } .con2_class ul li { width:195px; overflow:hidden; font:14px/41px "microsoft yahei"; color:#1d1d1d; padding:0 0; } .con2_class ul li a { color:#1d1d1d; } .con2_class>ul>li>a {/* padding:0 14px; */ background: transparent; } .child_top { position: relative; height: 280px; }