/* base */ html,body { width:100%; height:100%; } body { background:#fff; min-width:1000px; min-height:450px; overflow-y:scroll; overflow-x:hidden; } /* frame */ .frame_full, .frame_wide, .frame_middle, .frame_narrow { position:relative; margin:0 auto; } .frame_full { text-align:center; } .frame_wide, .frame_middle { text-align:left; } .frame_wide { width:1000px; } .frame_middle { width:960px; } .left, .right, .fl, .fr { position:relative; display:inline; } .left, .fl { float:left; } .right, .fr { float:right; } #wrapper { display:block; position:relative; z-index:0; /* margin-top:140px; */ } .shadow { box-shadow:1px 1px 5px #999; background:white; margin:5px; } /* common */ /* bxslider pager */ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; width:100%; bottom: 15px; right:10px; z-index:99999; text-align:right; height:10px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; text-indent: -9999px; overflow:hidden; } .bx-wrapper .bx-pager.bx-default-pager a { background: #aaaaaa; display: block; width: 7px; height: 7px; text-indent:-9999px; overflow:hidden; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #666666; } /* slider */ .slider { position:relative; height:100%; } .slider .hs_frame, .slider .hs_list { width:100%; height:100%; overflow:hidden; } .slider .hs_list li { float:left; width:100%; height:100%; overflow:hidden; } .slider .hs_list li a { display:block; position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider .bx-wrapper, .slider .bx-viewport { height:100%; } /* back to top */ section.top { text-align:center; padding:50px 0 10px 0; } section.top a { display:inline-block; line-height:25px; padding-left:25px; background:url(/uploads/image/csvicommon/icon_top.png) no-repeat left center; font-family:"times new roman"; } span.mask { position:absolute; display:block; width:100%; height:100%; left:0; top:0; background:#000; opacity:0.3; z-index:0; } /* top */ #top_panel { width:100%; height:100px; z-index:10; background:url(/uploads/image/csvicommon/bg_top_panel.png) no-repeat center top; } #top_panel .frame_wide { height:100%; } #top_panel.home { background-position:center -100px; } #top_panel .logo { width:165px; height:100%; } #top_panel .logo a { width:100%; height:100%; display:block; background:#e4b806 url(/uploads/image/csvicommon/top_logo.png) no-repeat left center; } #main_menu { width:790px; height:100px; } #main_menu li { float:left; position:relative; width:98px; height:100px; text-align:center; } #main_menu li a { display:block; position:relative; color:#e4b806;s height:30px; width:100%; line-height:30px; padding:30px 0 40px 0; font-size:15px; font-weight:normal; transition:all 0.2s linear;-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; } #main_menu li em { position:absolute; display:block; width:100%; height:15px; left:0; bottom:20px; background:url(/uploads/image/csvicommon/icon_submenu.png) no-repeat center top; } #main_menu li a:hover, #main_menu li.active > a { background-color:#c59b05; color:#3e3a39; } #main_menu li.active > em { background-position:center bottom;} #main_menu dl { position:absolute; width:98px; display:none; top:100px; z-index:999; background:#c59b05; padding-top:0px; opacity:0.9; } #main_menu dd { display:block; position:relative; overflow:hidden; } #main_menu dd i { position:absolute; width:100%; height:30px; top:0; left:0; } #main_menu dd a { display:block; line-height:30px; color:#222; height:30px; overflow:hidden; text-indent:0px; font-size:14px; text-align:center; padding:0; transition:background-color 0.2s linear;-webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; } #main_menu dd a:hover { background:#000; color:#e4b806; } #main_menu dl#wzqun_list { width:210px; } #main_menu dl#wzqun_list a { padding-left:20px; text-align:left; } #top_panel .right { width:45px; margin-top:24px; } #top_panel .qun { display:inline-block; font-size:15px; width:45px; height:45px; line-height:45px; top:0; padding:0 16px; } #top_panel .lang { display:inline-block; width:45px; height:45px; border-radius:100%; background:#c59b05; line-height:45px; text-align:center; font-size:11px; color:#423f3d; } #top_panel .lang a { color:#423f3d; } /* home */ .home .banner { position:relative; width:100%; height:700px; margin-top:-100px; } /* slider */ .slider { position:relative; height:100%; } .slider .hs_frame, .slider .hs_list { width:100%; height:100%; overflow:hidden; } .slider .hs_frame { position:absolute; left:0; top:0; } .slider .hs_list li { float:left; width:100%; height:100%; overflow:hidden; } .slider .hs_list li a { display:block; position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; /* background-size:cover; */ } .slider .bx-wrapper, .slider .bx-viewport { height:100%; } .home .slider .bx-pager { position:relative; margin:0 auto; width:1000px; bottom:55px; height:20px; text-align:left; } .home .slider .bx-pager-item:nth-child(1) { margin-left:50px; } .home .slider .bx-default-pager a { margin:5px 8px; width:8px; height:8px; background:#808080; font-size:1px; border-radius:100%; } .home .slider .bx-default-pager a:hover, .home .slider .bx-default-pager a.active { background:#e4b806; } .home .overview { padding:10px 0;} .scroll_down { position:fixed; width:100%; height:30px; z-index:999999; left:0; bottom:30px; display:none; } .scroll_down a { position:absolute; top:0; right:0; display:block; width:30px; height:30px; background:url(/uploads/image/csvicommon/icon_arrow_down_30.png) no-repeat; } /* home hot */ .home .hot { background:#e7e7e7; padding:50px 0; height:240px; } .home .hot .fl { width:320px; height:240px; background:#666; overflow:hidden; } .home .hot .fr { width:600px; } .home .hot .list header { height:32px; line-height:32px; background:#c4c5c5; border-radius:0 32px 32px 0; margin-bottom:25px; } .home .hot .list header strong { display:inline-block; padding:0 15px; font-size:16px; background:#4c4948; color:#fff; } .home .hot .list header span { display:block; float:right; width:32px; height:32px; } .home .hot .list header span a { display:block; width:100%; height:100%; border-radius:100%; background:#e4b806; color:#595757; font-size:12px; text-align:center; letter-spacing:-0.05em; font-family:"arial"; } .home .hot .list li { height:31px; line-height:31px; font-size:14px; } .home .hot .list li span { float:right; } /* home recommend */ .home .recommend { margin-top:65px; } .home .recommend .column { float:left; width:300px; height:470px; margin-right:30px; background:#e7e7e7; } .home .recommend .column:nth-child(3) { margin-right:0; } .home .recommend img { border-bottom:10px solid #e4b806; } .home .recommend .content { padding:35px 20px 0 20px; } .home .recommend h4 { font-weight:bold; font-size:16px; line-height:35px; } .home .recommend span { display:block; height:84px; line-height:28px; padding:15px 0; overflow:hidden; } .home .recommend a.more { display:inline-block; padding:0px 10px; font-size:12px; font-family:"arial"; background:#727171; color:white; height:18px; line-height:18px; } .home .recommend a.more:hover { background:#e4b806; } /* container */ /* common */ .container.common { margin-top:50px; } .container.common nav.fl { width:285px; margin-left:5px; } .container.common > div.fr { width:672px; } /* left navigate */ .fl h3 { height:32px; font-size:18px; font-weight:bold; padding-bottom:20px; border-bottom:2px solid #808080; } nav.fl ul { margin:15px 0 50px 0; } nav.fl ul li { position:relative; width:100%; } nav.fl a { display:block; padding-left:30px; border-bottom:1px solid #a9a9a9; line-height:50px; font-size:15px; background:url(/uploads/image/csvicommon/icon_arrow_class_right.png) no-repeat 10px 0; } nav.fl a:hover, nav.fl li.active > a { color:#000; background-color:#cacaca; background-position:10px -50px; } nav.fl a.sub:hover, nav.fl li.active > a.sub { background-position:10px -100px; } nav.fl li.active > a.noactive { color:#000; background-color:#fff; } nav.fl li dl { display:none; } nav.fl li.active dl { display:block; } nav.fl li dl a { background-image:none; font-size:13px; line-height:40px; } nav.fl li dl dd.active a { color:#000; background-color:#cacaca; } .container.common .fr header.top { height:50px; } .container.common .fr .content { padding:30px; border:1px solid #a4a4a4; min-height:700px; } .container.common .search { position:absolute; top:10px; right:0; } /* about */ /* */ #about .list .top { padding-bottom:30px; margin-bottom:30px; border-bottom:1px dotted #a9a9a9; text-align:center; } #about .list ul { padding-bottom:30px; border-bottom:1px dotted #a9a9a9; margin-bottom:30px; } #about .list li { height:32px; line-height:32px; font-size:13px; } #about .list li span { float:right; } .news.common .list ul { padding-bottom:30px; border-bottom:1px dotted #a9a9a9; margin-bottom:30px; } .news.common .list li { height:32px; line-height:32px; font-size:13px; } .news.common .list li span { float:right; } .details_title h3.title { margin-bottom:15px; } /* feedback */ .feedback strong { display:block; font-size:16px; padding-top:20px; } .feedback input[type="text"] { margin-left:10px; width:350px; } .feedback textarea { line-height:20px; margin-left:10px; resize:none; width:500px; height:80px; vertical-align:text-top; } .feedback p { margin:5px 0; } /* news */ /* list */ h3.title { font-size:16px; font-weight:bold; line-height:30px; padding-bottom:5px; border-bottom:1px dotted #a9a9a9; } #news .list li { position:relative; height:80px; overflow:hidden; padding:25px 0; border-bottom:1px dotted #a9a9a9; } #news .list li div { width:60px; height:65px; background:#dad6d2; color:#000; text-align:center; font-family:"arial" } #news .list li div strong { display:block; line-height:43px; border-bottom:2px solid white; font-size:20px; } #news .list li div span { display:block; line-height:20px; font-size:12px; } #news .list li a { display:block; width:530px; height:75px; font-size:12px; line-height:20px; } #news .list li a strong { display:block; line-height:20px; font-size:14px; font-weight:bold; padding-bottom:15px; } /* details */ #news .details header { text-align:center; font-size:12px; padding:20px 0 40px 0; border-bottom:1px dotted #a9a9a9; margin-bottom:20px; } #news .details header h3 { font-size:17px; font-weight:bold; line-height:40px; } #news .details footer { font-size:12px; margin-top:80px; } #news .details footer h4 { font-size:15px; font-weight:bold; padding-bottom:30px; border-bottom:1px dotted #a9a9a9; margin-bottom:10px; } /* magazine */ .magazine .home dl { position:relative; width:100%; margin-top:35px; } .magazine .home dt { width:310px; height:480px; } .magazine .home dt span { display:block; width:100%; height:420px; background-repeat:no-repeat; background-size:cover; } .magazine .home dt strong { display:block; width:100%; line-height:40px; background:#eaeaea; text-align:center; border-bottom:1px solid #b6b6b6; } .magazine .home dd { width:290px; } .magazine .home dd strong { display:block; font-size:14px; font-weight:bold; line-height:16px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dotted #a9a9a9; } .magazine .home dd a { display:block; line-height:30px; font-size:13px; } /* .magazine .home dd a:nth-child(2n 1) { margin-left:10px; } */ body.magazine_view { background:#4c4948; } .magazine_view #main_footer { padding-top:0; } .magazine_view #main_footer #btn_top, .magazine_view #main_footer .nav { display:none; } .magazine .details { min-height:800px; padding-top:100px; } .magazine .slider { height:750px; } .magazine .slider .hs_frame { width:870px; left:60px; } .magazine .slider .hs_list li { float:left; width:100%; height:600px; overflow:hidden; background:red; padding-bottom:30px; background:url(/uploads/image/csvinmagazine/bg_list.png) no-repeat center bottom; } .magazine .slider .hs_list li a { display:block; position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; /* background-size:cover; */ } .magazine .slider .bx-wrapper, .slider .bx-viewport { height:100%; } .magazine .slider .bx-pager { position:relative; margin:0 auto; width:100%; top:50px; height:20px; text-align:center; } .magazine .slider .bx-pager-item:nth-child(1) { margin-left:20px; } .magazine .slider .bx-default-pager a { margin:5px 8px; width:10px; height:10px; background:#808080; font-size:1px; border-radius:100%; } .magazine .slider .bx-default-pager a:hover, .magazine .slider .bx-default-pager a.active { background:#e4b806; } .magazine .slider a.nav { position:absolute; display:block; width:60px; height:600px; background:url(/uploads/image/csvinmagazine/nav_magazine.png) no-repeat left center; left:0; top:0; z-index:9999; } .magazine .slider a.nav.next { right:0; left:auto; background-position:-60px center; } .magazine .slider a.nav.prev:hover { background-position:-120px center; } .magazine .slider a.nav.next:hover { background-position:-180px center; } .magazine .pager { position:absolute; width:100%; height:30px; text-align:center; bottom:0px; } .magazine .pager span { display:inline-block; background:#e4b806; text-align:center; color:#000; padding:2px 15px; border-radius:5px; height:18px; line-height:18px; } .magazine .pager a { position:absolute; right:10px; top:0; width:150px; height:30px; color:#e4b806; } .magazine .pager a:hover { color:#fff; } /* industrial */ /* industrial */ #industrial .details h3, #industrial .list h3, #research .details h3, #research .list h3, #service .details h3, #service .list h3 { font-size:17px; font-weight:bold; line-height:40px; border-bottom:1px dotted #a9a9a9; margin-bottom:20px; } .album { margin-bottom:50px; border-bottom:1px dotted #a9a9a9; padding-bottom:50px; } .album header h3 { font-size:17px; font-weight:bold; line-height:40px; border-bottom:1px dotted #a9a9a9; margin-bottom:20px; } .album nav { width:610px; height:150px; overflow:hidden; } .album nav a.prev, .album nav a.next { position:absolute; width:30px; height:30px; background:url(/uploads/image/csvicommon/icon_arrow_album.png) no-repeat left top; opacity:0.85; z-index:9; } .album nav a.prev:hover, .album nav a.next:hover { opacity:1; } .album nav a.prev { left:10px; top:20px; } .album nav a.next { right:10px; bottom:20px; background-position:-30px top; } .album nav ul { position:relative; display:block; width:999999px; height:100%; } .album nav li { position:relative; display:block; float:left; width:610px; height:100%; } .album nav li a { display:block; float:left; width:115px; height:70px; margin:0 8px 8px 0; background-color:#fff; background-position:center center; background-size:contain; background-repeat:no-repeat; text-indent:-999999px; font-size:0; } .album nav li a em { display:block; width:100%; height:100%; background:#000; opacity:0.5; } .album nav li a:hover em, .album nav li a.active em { opacity:0.1; } .album nav li a:nth-child(5n 0) { margin-right:0; } .album .full { width:610px; height:400px; overflow:hidden; background-size:contain; background-repeat:no-repeat; background-position:center center; margin:20px 0; border:1px dotted #a9a9a9; } .album .overview { clear:both; } .album .overview h3 { text-align:center; font-size:15px; font-weight:bold; margin:20px 0; padding-top:30px; } .album .overview span { font-size:12px; } .album.system nav { float:right; width:240px; height:385px; } .album.system .overview h3 { text-align:left; border-bottom:1px dotted #a9a9a9; } .album.system .full { float:left; width:350px; height:380px; margin:0; } .album.system nav li a:nth-child(5n 0) { margin-right:8px; } .album.system nav li a:nth-child(2n 0) { margin-right:0; } .album.system nav li { width:240px; height:100%; } .album.jingpin, .album.system { border:0; padding-bottom:0; } .album.jingpin .overview h3 { padding:0; margin-top:0; } .album.jingpin .full { height:400px; } .album.yanfashebei .full { height:400px; } .album.yanfashebei { border:0; padding-bottom:10px; } .album.rongyu { border:0; height:auto; } .album.rongyu nav { height:200px; background:url(/uploads/image/csvicommon/dot_gray.png) repeat-x left 175px; margin-bottom:30px; } .album.rongyu nav li a { display:block; float:left; width:94px; height:64px; border:2px solid #ddd; margin:0 3px 6px 0; background-color:black; background-position:center center; background-size:cover; text-indent:-999999px; font-size:0; } .album.rongyu nav li a:hover,.album.rongyu nav li a.active { border:2px solid #e4b806; } .album.rongyu nav li a em { display:none; } .album.rongyu nav li a:nth-child(6n 0) { margin-right:0; } .album.rongyu nav a.prev, .album.rongyu nav a.next { top:auto; bottom:10px; opacity:1; } .album.rongyu nav a.prev { background-position:left -30px; left:0; } .album.rongyu nav a.next { background-position:-30px -30px; right:0; } .album.rongyu .overview { position:relative; float:left; width:200px; height:auto; margin:0; padding:0; } .album.rongyu .overview a { display:block; } .album.rongyu .full { position:relative; float:right; width:400px; height:auto; margin:0; padding:0; text-align:center; border:0; } .album.rongyu .full img { width:100%; height:auto; margin-bottom:20px; } /* top */ #btn_top { width:100%; height:75px; } #btn_top span { position:absolute; display:block; width:36px; height:75px; right:0; top:0; } #btn_top span a { display:block; width:36px; height:36px; background:url(/uploads/image/csvicommon/icon_home_top.png) no-repeat left 0; text-indent:-99999px; } #btn_top span a:hover { opacity:0.8; } #btn_top span a[title="top"] { background-position:left -39px; margin-top:3px; } /* footer */ #main_footer { width:100%; padding-top:75px; } #main_footer .nav { background:#d7d7d7; padding:40px 0; } #main_footer .nav .frame_middle { height:210px; } #main_footer .nav .fl { position:relative; width:570px; height:100%; background:url(/uploads/image/csvicommon/dot_gray.png) repeat-x left 28px; } #main_footer .nav .fr { width:300px; height:170px; border-left:1px dotted #666666; padding-left:38px; overflow:hidden; } #main_footer .nav dl { float:left; width:100px; height:100%; font-size:12px; } #main_footer .nav dl:last-child { width:70px; } #main_footer .nav dt { line-height:25px; margin-bottom:10px; padding-left:12px; background:url(/uploads/image/csvicommon/icon_arrow_down.png) no-repeat left center; } #main_footer .nav dd { line-height:21px; padding-left:12px; background:url(/uploads/image/csvicommon/icon_arrow_right.png) no-repeat left center; } #main_footer .search { position:absolute; left:350px; bottom:40px; } #main_footer .copyright { background:#423f3d; color:#d7d7d7; padding:20px 0; font-size:12px; } #main_footer .copyright .text { width:770px; display:inline-block; } #main_footer .copyright .powered { width:180px; display:inline-block; } #main_footer .copyright a { color:#d7d7d7; } #main_footer .copyright a:hover { color:#fff; } .frm_search { width:210px; height:20px; overflow:hidden; height:20px; background:url(/uploads/image/csvicommon/bg_search.png) no-repeat left center; padding:0; } .frm_search input[type="text"] { position:absolute; top:0; left:0; padding:1px 10px; width:150px; border:0; background:transparent; height:18px; } .frm_search input[type="submit"] { position:absolute; top:0; right:0; width:45px; border:0; background:transparent; height:20px; } .search_list li { border-bottom:1px dotted #888; line-height:35px; } .search_list li i { float:right; font-size:12px; } .search_list span { display:block; } .search_list h3 { font-weight:bold; border-bottom:1px dotted #888; margin-bottom:20px; } .search_list h3 i { color:red; } /* css3 */ .transition, .ani { transition:color,background-color 0.2s linear;-webkit-transition:color,background-color 0.2s linear; -moz-transition:color,background-color 0.2s linear; } /* common settings */ .text_justify { text-align:justify;} form label.error { display:block; color:red; padding-left:30px; background:url(/uploads/image/csviaicon/error.png) no-repeat 10px center; font-style:italic; } form label.error_block { display:block; display:none; } #msg { position:relative; text-align:center; z-index:99999; display:none; margin:10px; } #msg .error, #msg .info, #msg .warning { display:block; width:310px; margin:0 auto; padding:5px 5px 5px 35px; border:1px solid gray; box-shadow:0 3px 3px #666; border-radius:4px; font-size:13px; text-align:left; font-weight:bold; line-height:20px; } #msg .error { color:white; background:#cc3333 url(/uploads/image/csviaicon/error.png) no-repeat 10px center; } #msg .info { color:white; background:#3399ff url(/uploads/image/csviaicon/320.gif) no-repeat 10px center; } .blue, .blue a { color:#a0bbaf; } .blue:hover, .blue a:hover { color:#4f292a; } .white, .white a { color:#ffffff; } .white:hover, .white a:hover, .white .active a { color:#802637; } .fixed-top { position:fixed; bottom:auto; top:0px; z-index:88888; } .fixed-bottom { position:fixed; bottom:0px; top:auto; z-index:88888; } .fixed-left { position:fixed; right:auto; left:0px; } .fixed-right { position:fixed; right:0px; left:auto; } /* */ p.s_line_gray { background:url(/uploads/image/csvicommon/dot_gray.png) repeat-x left center;} /* flex */ @media only screen and (max-width: 1200px) { #wzqun_list { left:auto; right:0; } } /* @media only screen and (max-width: 1100px) { } @media only screen and (max-height: 640px) { } */