/* 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/esvicommon/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/esvicommon/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/esvicommon/top_logo.png) no-repeat left center; }
#main_menu
{ width:790px; height:100px; }
#main_menu li
{ float:left; position:relative; width:120px; 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/esvicommon/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:210px; 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:left; padding:0 0 0 20px; /* 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/esvicommon/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; overflow:hidden; }
.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:120px; line-height:20px; padding:0 0 10px 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/esvicommon/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:350px; height:80px; vertical-align:text-top; }
.feedback p
{ margin:5px 0; }
.feedback label
{ display:inline-block; width:220px; }
/* 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:last-child
{ border-bottom:0; }
#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:inline-block; line-height:20px; font-size:12px; width:100%; }
#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:280px; }
.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/esvinmagazine/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/esvinmagazine/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; }
/* 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/esvicommon/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/esvicommon/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; line-height:18px; padding:4px 0; }
.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/esvicommon/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_wide
{ height:210px; }
#main_footer .nav .fl
{ position:relative; width:670px; height:100%; background:url(/uploads/image/esvicommon/dot_gray.png) repeat-x left 28px; }
#main_footer .nav .fr
{ width:280px; height:210px; border-left:1px dotted #666666; padding-left:20px; overflow:hidden; }
#main_footer .nav dl
{ float:left; width:145px; height:100%; font-size:12px; }
#main_footer .nav dl:nth-child(3)
{ width:165px; }
#main_footer .nav dl:nth-child(4)
{ width:120px; }
#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/esvicommon/icon_arrow_down.png) no-repeat left center; }
#main_footer .nav dd
{ line-height:14px; background:url(/uploads/image/esvicommon/icon_arrow_right.png) no-repeat left center; padding:3px 0 2px 12px; font-size:11px; }
#main_footer .search
{ position:absolute; left:450px; bottom:5px; }
#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; display:none; }
#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/esvicommon/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/esviaicon/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/esviaicon/error.png) no-repeat 10px center; }
#msg .info
{ color:white; background:#3399ff url(/uploads/image/esviaicon/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) {
}
*/