/** ********************************************** ** 头部css(header-1.css) **/ #topMain>li>a { height:96px; line-height:76px; } #topMain.nav-pills>li>a { color:#1F262D; font-weight:400; background-color:transparent; } #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a { color:#1F262D; background-color:rgba(0,0,0,0.03); } #topMain.nav-pills>li.active>a { color:#687482; } #topMain.nav-pills>li>a.dropdown-toggle { padding-right:53px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain.nav-pills>li>a.dropdown-toggle:after { display: block; content: "\f0d7"; position: absolute; top: 50%; right: 20px; margin: -5px 0 0; font-family: FontAwesome; font-size: 12px; opacity: .8; line-height: 1em; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -moz-transform .2s ease-in; -ms-transition: -ms-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; } #header.bottom.dropup #topMain.nav-pills>li>a.dropdown-toggle:after { content: "\f0d7"; } #topNav .navbar-collapse { float:right; } #topNav a.logo { height:96px; line-height:96px; overflow:hidden; display:inline-block; } @media only screen and (max-width: 1215px) { #topMain.nav-pills>li>a { font-size:13px; } } @media only screen and (max-width: 992px) { /* Force 60px */ #header { height:60px !important; } #header #topNav a.logo { height:60px !important; line-height:50px !important; } #header #topNav a.logo>img { max-height:60px !important; } #header #topNav #topMain>li>a { height:40px !important; line-height:40px !important; padding-top:0; } #topMain>li { border-bottom:rgba(0,0,0,0.1) 1px solid; } #topMain>li:last-child { border-bottom:0; } #header li.search .search-box { margin:0 !important; position:fixed; left:0; right:0; top:60px !important; width:100%; background-color:#fff; border-top:rgba(0,0,0,0.1) 1px solid; } } /** ********************************************** ** 结束:头部css(header-1.css) **/ /** ********************************************** ** 颜色主题css(orange.css) **/ /** Orange #0062b3 **************************************************************** **/ ::selection { background: #0062b3; } ::-moz-selection { background: #0062b3; /* Firefox */ } ::-webkit-selection { background: #0062b3; /* Safari */ } a, a:focus:not(.btn), section.dark a, #slidetop a:hover, h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, .pagination>li>a, .pagination>li>a:hover, .pagination>li>span, ul.list-links>li>a:hover, #sidepanel ul li a[data-toggle="collapse"], #sidepanel ul li a[data-toggle="collapse"]:hover, #sidepanel ul li a:hover, .menu-list ul li a:hover, /* header-0.css */ .menu-list ul li.active a, /* header-0.css */ #menu_overlay_close:hover, /* header-0.css */ #topMain.nav-pills>li.active>a>span.topMain-icon, #page-menu.page-menu-light ul>li:hover>a>i, #page-menu.page-menu-dark ul>li:hover>a>i, #page-menu.page-menu-transparent ul>li:hover>a>i, #page-menu.page-menu-light ul>li.active>a>i, #page-menu.page-menu-dark ul>li.active>a>i, #page-menu.page-menu-transparent ul>li.active>a>i, .tp-caption.block_white, section span.theme-color, section em.theme-color, section i.theme-color, section b.theme-color, section div.theme-color, section p.theme-color, .owl-carousel.featured a.figure>span>i, .owl-carousel.featured a:hover, figure.zoom>a.lightbox:hover, #portfolio h2>a:hover, #portfolio h3>a:hover, #portfolio h4>a:hover, #portfolio h5>a:hover, #portfolio h6>a:hover, .tab-post a:hover, .tag:hover>span.txt, section.dark .tag:hover>span.txt, ul.widget-twitter li>small>a:hover, .blog-post-item h2>a:hover, .blog-post-item h3>a:hover, .blog-post-item h4>a:hover, .blog-post-item h5>a:hover, .item-box .item-hover .inner .ico-rounded:hover>span, ul.side-nav>li:hover>a, ul.side-nav>li a:hover, ul.side-nav>li.active>a, a.href-reset:hover, a.href-reset.active, .href-reset a.active, .href-reset a:hover, .href-reset a.active, .price-clean-popular h4, .box-icon.box-icon-color i, .switch-primary.switch-round > input:checked + .switch-label:after, section.dark .nav-tabs.nav-clean>li.active>a { color: #0062b3; } #sidepanel.sidepanel-theme-color, div.alert.alert-theme-color, div.alert.alert-primary, span.badge-default, span.label-default, .list-group-item.active>.badge.badge-default, .nav-tabs.nav-alternate>li.active>a, .datepicker table tr td.active.active, .callout-theme-color, .progress-bar-primary, .toast-primary, .owl-theme .owl-controls .owl-page span, .open>.dropdown-toggle.btn-primary, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .pagination>.active>a, .pagination>.active>a:hover, #header li.quick-cart .quick-cart-box a.btn, #header li.quick-cart .quick-cart-box a.btn:hover, /* used by dark & transparent header */ #topMain.nav-pills>li.active>a>span.theme-color , .ei-slider-thumbs li.ei-slider-element, /* elastic slider active indicator */ .flex-control-paging li a.flex-active, /* flex slider bullets */ .tp-caption.block_theme_color, .tp-bullets.simplebullets.round .bullet.selected, i.ico-color, .caption-primary, .shop-list-options .btn.active, .box-static.box-color, .switch.switch-primary > input:checked + .switch-label, .fancy-file-upload.fancy-file-primary>span.button, .primary-slider .ui-slider .ui-slider-handle:before, .primary-slider .ui-slider .ui-slider-range, .ribbon-inner, .info-bar.info-bar-color, .music-album-title:hover, .inews-item .inews-thumbnail .inews-sticky, #progressBar #bar, /* OWL */ #page-menu, #page-menu ul { background-color:#0062b3; } /* !important required */ #music-player .mejs-controls .mejs-time-rail .mejs-time-current, #music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, section .theme-background, .swiper-pagination-bullet-active { background-color:#0062b3 !important; } .inews-content-inner h3>a, div.side-nav ul>li:hover>a, div.side-nav ul>li.active>a, .pagination.pagination-simple>li.active>a, div.side-nav ul.list-group-bordered>li>a:hover, section .theme-color { color:#0062b3 !important; } .primary-slider .ui-slider .ui-slider-handle, .switch.switch-primary > input:checked + .switch-label, .timeline_center li h3:before, .timeline_center:after, a.thumbnail.active, a.thumbnail:hover, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus { border-color:#0062b3; } .open>.dropdown-toggle.btn-primary, .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover .pagination>.active>a, .pagination>.active>a:hover { border-color: #0062b3; } #topNav ul.dropdown-menu { /* submenu border top color */ border-top-color:#0062b3; } section.featured-grid div.row>div .ribbon:before, .modal-content { border-top-color:#0062b3; } #topNav ul.dropdown-menu { border-color: #0062b3 #fff #fff; } #topNav div.submenu-dark ul.dropdown-menu { border-color: #0062b3 #3F3F3F #3F3F3F; } #topNav div.submenu-color ul.dropdown-menu { border-color: #0062b3 #3F3F3F #3F3F3F; } #topMain li.search .search-box { border-top: #0062b3 2px solid; } /* COLOR DROP DOWN MENU */ #topNav div.submenu-color ul.dropdown-menu { background-color:#0062b3; } #topNav div.submenu-color ul.dropdown-menu { border-color: #888 #0062b3 #0062b3; } #topNav div.submenu-color ul.dropdown-menu a.dropdown-toggle { background-image: url('../../images/submenu_light.png'); } #topNav div.submenu-color ul.dropdown-menu li.active>a, #topNav div.submenu-color ul.dropdown-menu li.active:hover>a, #topNav div.submenu-color ul.dropdown-menu li.active:focus>a, #topNav div.submenu-color ul.dropdown-menu li:hover>a, #topNav div.submenu-color ul.dropdown-menu li:focus>a, #topNav div.submenu-color ul.dropdown-menu li:focus>a { color:#fff; background-color:rgba(0,0,0,0.15); } #topNav div.submenu-color ul.dropdown-menu li.divider { background-color:rgba(255,255,255,0.3); } #topNav div.submenu-color ul.dropdown-menu>li a { color:#fff; } #topNav div.submenu-color #topMain>li.mega-menu div.row div>ul>li>span { color:#fff; } #topNav div.submenu-color #topMain>li.mega-menu div.row div { border-left: rgba(0,0,0,0.2) 1px solid; } /* Theme Color Section */ section.theme-color, section.theme-color div.heading-title.heading-dotted h1, section.theme-color div.heading-title.heading-dotted h2, section.theme-color div.heading-title.heading-dotted h3, section.theme-color div.heading-title.heading-dotted h4, section.theme-color div.heading-title.heading-dotted h5, section.theme-color div.heading-title.heading-dotted h6 { color:#fff; background-color: #0062b3; } section.theme-color div.heading-title h1, section.theme-color div.heading-title h2, section.theme-color div.heading-title h3, section.theme-color div.heading-title h4, section.theme-color div.heading-title h5, section.theme-color div.heading-title h6 { background-color: #0062b3; } section.theme-color div.heading-title h1 span, section.theme-color div.heading-title h2 span, section.theme-color div.heading-title h3 span, section.theme-color div.heading-title h4 span, section.theme-color div.heading-title h5 span, section.theme-color div.heading-title h6 span { color:#fff; } section.theme-color a { color:#fff; text-decoration:none; } section.theme-color a:hover { color:#111; } section.theme-color pre { background-color:rgba(0,0,0,0.1); } section.theme-color div.heading-border-bottom.heading-color { border-bottom-color:rgba(255,255,255,0.5); } /** Vertical Menu *************************************************** **/ body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:focus, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:hover, body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>.active>a, body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a { color:#0062b3 !important; } /** [Shortcode] Buttons *************************************************** **/ section.dark .btn-default:hover { color: #0062b3; background-color:rgba(0,0,0,0.3); } /** [Shortcode] Page Header *************************************************** **/ section.page-header .breadcrumb a:hover { color: #0062b3 !important; text-decoration:none; } /** [Shortcode] Dividers *************************************************** **/ div.divider.divider-color i { color:#fff; } div.divider.divider-color:before, div.divider.divider-color:after { border-top:#0062b3 1px solid; } div.divider.divider-color i { color:#0062b3; } div.divider.divider-circle.divider-color i { color:#fff; background-color: #0062b3; } div.divider.divider-border>a:hover>i { color:#0062b3; } /** [Shortcode] Headings *************************************************** **/ div.heading-title.heading-line-single.heading-color:before, div.heading-title.heading-line-double.heading-color:before { border-color:#0062b3; } div.heading-border-bottom.heading-color { border-bottom-color:#0062b3; } div.heading-title.heading-border.heading-color, div.heading-title.heading-border.heading-inverse.heading-color { border-color:#0062b3; } section.dark div.heading-title.heading-border-bottom { border-bottom-color:#0062b3; } /** [Shortcode] Icon Boxes *************************************************** **/ .box-icon a.box-icon-title:hover>h2 { color:#0062b3; } .box-icon a.box-icon-title:hover>i { color:#fff; background-color:#0062b3; } .box-icon a.box-icon-more { color:#111; } .box-icon a.box-icon-more:hover, section.dark .box-icon a.box-icon-more:hover { color:#0062b3; } .box-video a.box-video-title:hover h2, .box-video a.box-image-title:hover h2 { color:#0062b3; } .box-flip .box2 { color:#fff; background-color:#0062b3; } .box-flip .box2 h1, .box-flip .box2 h2, .box-flip .box2 h3, .box-flip .box2 h4, .box-flip .box2 h5, .box-flip .box2 h6 { color:#fff; } .box-static.box-border-top { border-color:#0062b3; } /** [Shortcode] Navigations *************************************************** **/ .navbar-primary { border-color:#0062b3 !important; background-color:#0062b3 !important; } /** [Shortcode] Paginations *************************************************** **/ section.dark .pagination > li.active>a, .pagination > li.active>a { border-color:#0062b3; background-color:#0062b3; } /** [Shortcode] Process Steps *************************************************** **/ .process-wizard-primary > .process-wizard-step > .process-wizard-dot, .process-wizard-primary > .process-wizard-step > .progress > .progress-bar { background:#0062b3; } .process-wizard-primary > .process-wizard-step > .process-wizard-dot:after { background-color:rgba(0,0,0,0.4); } ul.process-steps li.active a, ul.process-steps li.active a:focus, ul.process-steps li.active:hover>a { background-color:#0062b3 !important; border-color:#0062b3 !important; } ul.process-steps li.active h1, ul.process-steps li.active h2, ul.process-steps li.active h3, ul.process-steps li.active h4, ul.process-steps li.active h5, ul.process-steps li.active h6 { color:#0062b3; } /** [Shortcode] Process Steps *************************************************** **/ div.mega-price-table .pricing-title, div.mega-price-table .pricing-head, div.mega-price-table .pricing.popular { background-color:#0062b3; } div.mega-price-table .pricing:hover h4, div.mega-price-table .pricing-table i.fa { color:#0062b3; } /** Styled Icons **************************************************************** **/ section.dark i.ico-hover:hover, i.ico-hover:hover { background-color:#0062b3; border-color:#0062b3; } /** [Shortcode] Tabs **************************************************************** **/ .nav-tabs.nav-top-border>li.active>a, .nav-tabs.nav-top-border>li.active>a:hover { border-top-color:#0062b3 !important; } .nav-tabs.nav-bottom-border>li.active>a, .nav-tabs.nav-bottom-border>li.active>a:hover { border-bottom-color:#0062b3 !important; } .nav-tabs.nav-alternate>li.active>a { background-color: #0062b3 !important; } .nav-tabs>li.active>a { color: #0062b3 !important; } /** Sky Forms **************************************************************** **/ /**/ /* normal state */ /**/ .sky-form .toggle i:before { background-color: #0062b3; } .sky-form .button { background-color: #0062b3; } /**/ /* checked state */ /**/ .sky-form .radio input + i:after { background-color: #0062b3; } .sky-form .checkbox input + i:after { color: #0062b3; } .sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i { border-color: #0062b3; } .sky-form .rating input:checked ~ label { color: #0062b3; } /** Hover Buttons **************************************************************** **/ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #0062b3, 0 0 1px rgba(0, 0, 0, 0); } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active, .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active, .hvr-sweep-to-right:before, .hvr-sweep-to-left:before, .hvr-sweep-to-bottom:before, .hvr-sweep-to-top:before, .hvr-bounce-to-right:before, .hvr-bounce-to-left:before, .hvr-bounce-to-bottom:before, .hvr-bounce-to-top:before , .hvr-radial-out:before, .hvr-radial-in, .hvr-rectangle-inm .hvr-rectangle-out:before, .hvr-shutter-in-horizontal, .hvr-shutter-out-horizontal:before, .hvr-shutter-in-vertical, .hvr-shutter-out-vertical:before, .hvr-underline-from-left:before, .hvr-underline-from-center:before, .hvr-underline-from-right:before, .hvr-overline-from-left:before, .hvr-overline-from-center:before, .hvr-overline-from-right:before, .hvr-underline-reveal:before, .hvr-overline-reveal:before { background-color: #0062b3; } /** ********************************************** ** 颜色主题css(orange.css) **/ /** ********************************************** ** 自定义样式和重写hdcore.css中的选择器. **/ /*全局字体,通常中文网站采用同一种字体*/ * { font-family: "微软雅黑", arial,sans-serif, verdana; } small, h1, h2, h3, h4, h5, h6 { font-family: "微软雅黑", arial, sans-serif, verdana; } .container p{ line-height: 2em; } #topMain li a{ font-size:16px; font-weight: bold; } .social-wechat:hover { background-color: #3FB135 !important; } .social-wechat { background-color: #3FB135; } .social-weibo:hover { background-color: #E04D6A !important; } .social-weibo { background-color: #E04D6A; } .social-qq:hover { background-color: #4EB0ED !important; } .social-qq { background-color: #4EB0ED; } .btn-qq{color:#fff;background-color:#4EB0ED;border-color:rgba(0,0,0,0.2)}.btn-qq:hover,.btn-qq:focus,.btn-qq:active,.btn-qq.active,.open>.dropdown-toggle.btn-qq{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)} .btn-qq:active,.btn-qq.active,.open>.dropdown-toggle.btn-qq{background-image:none} .btn-qq.disabled,.btn-qq[disabled],fieldset[disabled] .btn-qq,.btn-qq.disabled:hover,.btn-qq[disabled]:hover,fieldset[disabled] .btn-qq:hover,.btn-qq.disabled:focus,.btn-qq[disabled]:focus,fieldset[disabled] .btn-qq:focus,.btn-qq.disabled:active,.btn-qq[disabled]:active,fieldset[disabled] .btn-qq:active,.btn-qq.disabled.active,.btn-qq[disabled].active,fieldset[disabled] .btn-qq.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)} .btn-qq .badge{color:#55acee;background-color:#fff} .btn-wechat{color:#fff;background-color:#3FB135;border-color:rgba(0,0,0,0.2)}.btn-wechat:hover,.btn-wechat:focus,.btn-wechat:active,.btn-wechat.active,.open>.dropdown-toggle.btn-wechat{color:#fff;background-color:#349D38;border-color:rgba(0,0,0,0.2)} .btn-wechat:active,.btn-wechat.active,.open>.dropdown-toggle.btn-wechat{background-image:none} .btn-wechat.disabled,.btn-wechat[disabled],fieldset[disabled] .btn-wechat,.btn-wechat.disabled:hover,.btn-wechat[disabled]:hover,fieldset[disabled] .btn-wechat:hover,.btn-wechat.disabled:focus,.btn-wechat[disabled]:focus,fieldset[disabled] .btn-wechat:focus,.btn-wechat.disabled:active,.btn-wechat[disabled]:active,fieldset[disabled] .btn-wechat:active,.btn-wechat.disabled.active,.btn-wechat[disabled].active,fieldset[disabled] .btn-wechat.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)} .btn-wechat .badge{color:#55acee;background-color:#fff} .btn-weibo{color:#fff;background-color:#E04D6A;border-color:rgba(0,0,0,0.2)}.btn-weibo:hover,.btn-weibo:focus,.btn-weibo:active,.btn-weibo.active,.open>.dropdown-toggle.btn-weibo{color:#fff;background-color:#E04D2A;border-color:rgba(0,0,0,0.2)} .btn-weibo:active,.btn-weibo.active,.open>.dropdown-toggle.btn-weibo{background-image:none} .btn-weibo.disabled,.btn-weibo[disabled],fieldset[disabled] .btn-weibo,.btn-weibo.disabled:hover,.btn-weibo[disabled]:hover,fieldset[disabled] .btn-weibo:hover,.btn-weibo.disabled:focus,.btn-weibo[disabled]:focus,fieldset[disabled] .btn-weibo:focus,.btn-weibo.disabled:active,.btn-weibo[disabled]:active,fieldset[disabled] .btn-weibo:active,.btn-weibo.disabled.active,.btn-weibo[disabled].active,fieldset[disabled] .btn-weibo.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)} .btn-weibo .badge{color:#55acee;background-color:#fff} #regform .error{ color: #BF6464; font-size: 12px; padding-left: 10px; } #topNav div.submenu-color ul.dropdown-menu a.dropdown-toggle { background-image: url('../images/submenu_light.png'); } /** ********************************************** ** 结束:自定义样式和重写hdcore.css中的选择器. **/ .nav-tabs.nav-top-border>li.active>a, .nav-tabs.nav-top-border>li.active>a:hover { border-top-color: #0062b3 !important; } .nav-tabs>li.active>a { color: #0062b3 !important; } div.heading-border-bottom.heading-color { border-bottom-color: #0062b3; } /*浏览器下载提示*/ .tc_cont_w{display: block;} .tc_cont_w .tc_cont{position:fixed; bottom:0; left:0; width:100%; height:70px; z-index:9990;} .tc_cont_w .tc_bg{position:fixed; bottom:0; left:0; width:100%; height:70px; z-index:9900; background:#000; opacity:0.7; filter:alpha(opacity=70); } .tc_cont_w .tc_cont .tc_main{ width: 750px; margin: 0 auto; height:70px; overflow:hidden;} .tc_cont_w .tc_cont .tc_main dd{width:314px; margin:0 auto; text-align:center; float:left;} .tc_cont_w .tc_cont .tc_main .tc_head{height:50px; width:40px; line-height:24px; text-align:center; font-size:18px; font-family:"微软雅黑"; color:#333; position:relative; margin-top:11px; color: #F76E10; } .tc_cont_w .tc_cont .tc_main .tc_gantan{ margin-top:10px; width:60px;} .tc_cont_w .tc_cont .tc_main .tc_gantan img{height:50px;} .tc_cont_w .tc_cont .tc_main .tc_txt{margin:16px 20px 0; width:310px; font-size:16px; color:#fff} .tc_cont_w .tc_cont .tc_main .tc_btn{ height:40px; width:188px;line-height:40px; text-align:center; margin-top: 16px; background: #F76E10; margin-top: 16px; } .tc_cont_w .tc_cont .tc_main .tc_btn a{font-size:18px; font-family:"微软雅黑"; color:#fff;} .tc_cont_w .tc_cont .tc_main .close{ font-size: 67px; font-weight: 100; margin-top: 3px; width: 90px; color: #F8873A; cursor:pointer;opacity:1; filter:alpha(opacity=100);} .box{width:1400px;margin:0 auto;} .inbanner{height:280px;background-position:center;background-repeat:no-repeat;background-size:cover;} .incls{margin-top:110px;color:#fff;text-align:right;} .incls .txt{font-size: 30px;} .page{padding:50px 0;} .page .left{width:1100px;} .ld{padding:30px;background:#fff;} .ld_list li{height:430px;margin-bottom:30px;border-bottom:1px dashed #d4d4d4;} .ld_hd{height:184px;margin-bottom:30px;} .ld_hd .img,.ld_hd .img img{width:130px;height:184px;} .ld_hd .title{margin-left:48px;margin-top:84px;color:#4c4c4c;font-weight: bold;font-size: 18px;} .ld_hd .des{width:760px;height:95px;padding-left:50px;position:relative;color:#4c4c4c;font-size: 16px;border-left:1px solid #e5e5e5;padding-top:20px;line-height:30px;margin-top:45px;} .ld_bd{height:185px;background:#f4f6f6;padding:30px;} .ld_bd .scroll{height:135px;overflow-y: scroll;line-height:30px;color:#8b8c8c;} .ld_bd .scroll::-webkit-scrollbar { width:4px; height:4px; } .ld_bd .scroll::-webkit-scrollbar-button { background-color:#fff; } .ld_bd .scroll::-webkit-scrollbar-track { background:#fff; } .ld_bd .scroll::-webkit-scrollbar-track-piece { } .ld_bd .scroll::-webkit-scrollbar-thumb{ background:#ce1d29; border-radius:0px; } .ld_bd .scroll::-webkit-scrollbar-corner { background:#fff; } .ld_bd .scroll::-webkit-scrollbar-resizer { background:#fff; } .page .right{width:250px;position:fixed;padding:20px;background:#fff;top;:431px;transition: all ease 0.5s;} .page .right li{height:auto;padding:0 20px;border-bottom:1px solid #e1e1e1;font-size: 16px;color: #4c4c4c;line-height:50px;} .page .right li span{float:right;color:#c1c1c1;} .page .right li:hover,.page .right li.on{color:#fff;background:#f7612e url(/hdimg/bas/images_col/lefton.jpg) no-repeat left top;border-color:#f7612e;} .page .right li:hover span,.page .right li.on span,.page .right li.on a{color:#fff;} .page .right li:hover a{color:#fff;} .page .right li li{ border-bottom: none; } .page .right li li:hover{ background: none; } .wh{height:453px;background:url(../../../hdimg/bas/img2/bg_wh.jpg) no-repeat center #fff;padding:95px 70px 95px 0;} .wh_ctrl{width:660px;height:260px;background:#f4f6f6;padding:63px 70px;position:relative;margin-left:20px;display:flex;justify-content: space-between;flex-wrap:wrap;} .wh_ctrl::before{width:20px;height:195px;display: block;content:'';background:#ce1d29;position:absolute;left:-20px;top:33px;} .wh_ctrl span{display:inline-block;padding-left:30px;width:220px;margin-bottom:30px;font-size:16px;color:#4c4c4c;background:url(../../../hdimg/bas/img2/ico_wh.png) no-repeat left center;height:25px;} .wh_ctrl span.on,.wh_ctrl span:hover{color:#ce1d29;background-image:url(../../../hdimg/bas/img2/ico_wh_on.png);} .wh_list li{width:495px;} .wh_list li .title{height:100px;margin-top:30px;border-bottom:1px dashed #c9c9c9;font-size:24px;color:#4c4c4c;} .wh_list .des{margin-top:82px;color:#333;font-size:16px; padding-left: 115px;} .wh_list .des .des_hd{font-size:30px;color:#ce1d29;font-weight: bold;margin-bottom:15px;} .d_page{padding:20px;background:#fff;} .d_page .title{font-size: 30px;color: #ce1d29; text-align: center; font-weight: bold;} .d_page .title2{font-size: 24px;color: #333; padding-top: 10px; text-align: center;} .d_page .des{height:50px;line-height:50px;padding:0 20px;background:#f9f9f9;color:#898989;margin:33px 0 20px 0;} .d_page .con{line-height:2.2rem;font-size: 16px;color: #333;} .x_page{display: flex;justify-content: space-between;flex-wrap: wrap;} .x_page li{height:140px;width:540px;background:#fff;margin-bottom:20px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .x_page li:hover{background: url(/hdimg/bas/images_col/dangqun_h.jpg) no-repeat left;} .x_page li .date{width:114px;height:140px;text-align: center;position:relative;} .x_page li .date::after{display: block;content:'';width:1px;height:80px;background:#f5f5f6;position:absolute;right:0;top:0;bottom:0;margin:auto 0;} .x_page li .date .day{font-size:30px;font-weight: bold;color: #4c4c4c;margin-top:24px;} .x_page li .date .ym{color: #4c4c4c;} .x_page li .con{width:406px;padding-right:20px;} .x_page li .con .title{font-size: 16px;color: #4c4c4c;margin-top:29px;} .x_page li .con .des{color: #b4b4b4;margin-top:5px;line-height:24px;} .t_page{width:100%;overflow:hidden;} .t_wrapper{width:1120px;} .t_page li{width:355px;height:240px;padding:20px;background:#fff;float:left;clear:right;margin:0 18px 20px 0;} .t_page li img{width:315px;height:180px;} .t_page li .title{text-align: center;margin-top:12px;color: #333;} .tw_page{overflow:hidden;} .tw_page .wrapper{width:1125px;} .tw_page li{width:355px;height:320px;padding:20px;background:#fff;margin:0 20px 20px 0;} .tw_page li .img,.tw_page li .img img{width:100%;height:180px;} .tw_con{margin-top:27px;} .tw_con .date{width:55px;text-align: center;} .tw_con .date .day{font-size:30px;color:#ce1d29;} .tw_con .date .ym{font-size:12px;color:#ce1d29;} .tw_con_box{width:250px;} .tw_con_box .title{font-size: 16px;color:#4c4c4c;} .tw_con_box .des{color: #c9c9c9;} .dsj_page{padding:30px;background:#fff;} .event_year {text-align:center;float:left;margin-top:10px; } .event_year li { height:50px;line-height:50px;background:#f4f6f6;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer;width:70px;} .event_year li.current { width:75px;background:url(../../../hdimg/bas/img2/ico_dsj_year.png)no-repeat center;color:#FFF;text-align:left;padding-left:9px; } .event_list { width:920px;float:right;margin:10px 0 20px 0;position:relative;} .event_list::before{display:block;content:'';width:3px;height:100%;background:#f4f6f6;position:absolute;left:76px;top:0;z-index:0;} .event_list h3 { margin:0 0 10px 70px;font-size:30px;color:#ce1d29;padding-left:25px;background:url(../../../hdimg/bas/img2/ico_dsj_dot.png) left center no-repeat;height:38px;line-height:30px;font-style:italic;z-index:1;position:relative;font-weight: normal;} .event_list li {margin-bottom:20px;} .event_list li span { width:32px;text-align:right;display:block;float:left;margin-top:31px;position:relative;} .event_list li span::after{display: block;content:'';width:12px;height:2px;background:#ce1d29;position:absolute;right:-51px;top:9px;} .event_list li p { width:810px;margin-left:65px;display:inline-block;line-height:25px;height:80px;background:#f4f6f6;padding:25px;color:#4c4c4c;} .wljj{height:500px;background:url(../../../hdimg/bas/img2/bg_wljj.jpg) no-repeat center;} .wljj .box{height:100%;position: relative;} .wl_txt{width:660px;} .wl_txt .year{margin-top:70px;font-size: 80px;color: #ebecee;} .wl_txt .txt{font-size: 30px;color: #ce1d29;margin-top:-62px;} .wl_txt .title{font-size: 18px;font-weight: bold;color: #ce1d29;margin-top:35px;} .wl_txt .des{margin-top:25px;line-height:28px;color: #4c4c4c;} .wl_btn{position:absolute;right:0;bottom:0;} .wl_btn a{display:inline-block;width:150px;height:150px;text-align: center;padding-top:45px;color:#fff !important;line-height:24px;float:left;} .wl_btn a span{font-size:30px;} .wl_btn a.m1{background:#ce1d29;} .wl_btn a.m2{background:#c41c27;} .wl_btn a.m3{background:#ba1a25;} .dszzc{height:500px;background:url(../../../hdimg/bas/img2/bg_dszzc.jpg) no-repeat center;} .dszzc .wrapper{width:750px;} .dszzc .title{margin-top:127px;font-size:30px;color:#fff;} .dszzc .des{margin-top:35px;line-height:30px;color:#959497;} .dszzc .more{margin-top:73px;display: inline-block;width:120px;height:22px;background:url(../../../hdimg/bas/img2/ico_dsjzc_more.png) no-repeat bottom center;color:#fff !important;} .jtlj{height:400px;} .jtlj li{width:466px;height:400px;text-align: center;padding-top:215px;transition: all ease 0.5s;} .jtlj li:hover{background:#ce1d29;} .jtlj li .ch{font-size: 18px;font-weight: bold;color: #676767;} .jtlj li .en{font-size: 10px;color: #787878;} .jtlj li.m1{background:url(../../../hdimg/bas/img2/ico_jtlj_m1.png) no-repeat center 150px #eff1f1;} .jtlj li.m2{background:url(../../../hdimg/bas/img2/ico_jtlj_m2.png) no-repeat center 150px #ebeded;} .jtlj li.m3{background:url(../../../hdimg/bas/img2/ico_jtlj_m3.png) no-repeat center 150px #e6e8e8;} .jtlj li:hover{background-color:#ce1d29;} .jtlj li:hover .ch{color:#fff;} .jtlj li:hover .en{color:#fff;} .jtlj li:hover.m1{background-image:url(../../../hdimg/bas/img2/ico_jtlj_m1_on.png);} .jtlj li:hover.m2{background-image:url(../../../hdimg/bas/img2/ico_jtlj_m2_on.png);} .jtlj li:hover.m3{background-image:url(../../../hdimg/bas/img2/ico_jtlj_m3_on.png);} a,a:hover,a:link,a:visited{} a:focus{ color: inherit !important; } body{min-width:1400px;}