﻿/*
* @Title:  重置样式表
* @Author: 陈晓勉
* @Date:   2015-11-19 15:43:52
* @Last Modified by:   Marte
* @Last Modified time: 2018-05-04 17:49:03
*/
/* 重置 */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend { font: 12px/1.14 "Microsoft Yahei",arial,\5b8b\4f53; color: #333; outline: 0; }
body { background: none; min-width: 1200px; overflow-x: hidden; }
a, a:hover { color: #333; }
.imageContainer img { display: block; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true); }
/* 字体 */
@font-face { font-family: "NoveDemiBold"; src: url('../other/novecentowide-demibold-webfont.eot'); src: url('../other/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),url('../other/novecentowide-demibold-webfont.woff2') format('woff2'),url('../other/novecentowide-demibold-webfont.woff') format('woff'),url('../other/novecentowide-demibold-webfont.ttf') format('truetype'),url('../other/novecentowide-demibold-webfont.svg#dincond-boldalternateregular') format('svg'); }
@font-face { font-family: "DincondMedium"; src: url('../other/dincond-medium-webfont.eot'); src: url('../other/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../other/dincond-medium-webfont.woff2') format('woff2'),url('../other/dincond-medium-webfont.woff') format('woff'),url('../other/dincond-medium-webfont.ttf') format('truetype'),url('../other/dincond-medium-webfont.svg#dincond-boldalternateregular') format('svg'); }
@font-face { font-family: "DincondBold"; src: url('../other/dincond-boldalternate-webfont.eot'); src: url('../other/dincond-boldalternate-webfont.eot?#iefix') format('embedded-opentype'),url('../other/dincond-boldalternate-webfont.woff2') format('woff2'),url('../other/dincond-boldalternate-webfont.woff') format('woff'),url('../other/dincond-boldalternate-webfont.ttf') format('truetype'),url('../other/dincond-boldalternate-webfont.svg#dincond-boldalternateregular') format('svg'); }
@font-face { font-family: "Myriadsetpro"; src: url('../other/myriadsetpro-thin-webfont.eot'); src: url('../other/myriadsetpro-thin-webfont.eot?#iefix') format('embedded-opentype'),url('../other/myriadsetpro-thin-webfont.woff2') format('woff2'),url('../other/myriadsetpro-thin-webfont.woff') format('woff'),url('../other/myriadsetpro-thin-webfont.ttf') format('truetype'),url('../other/myriadsetpro-thin-webfont.svg#dincond-boldalternateregular') format('svg'); }
@font-face { font-family: "Premierleague"; src: url('../other/barclayspremierleague-webfont.eot'); src: url('../other/barclayspremierleague-webfont.eot?#iefix') format('embedded-opentype'),url('../other/barclayspremierleague-webfont.woff2') format('woff2'),url('../other/barclayspremierleague-webfont.woff') format('woff'),url('../other/barclayspremierleague-webfont.ttf') format('truetype'),url('../other/barclayspremierleague-webfont.svg#dincond-boldalternateregular') format('svg'); }
@font-face { font-family: "NovecentowideMedium"; src: url('../other/novecentowide-medium-webfont.eot'); src: url('../other/novecentowide-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../other/novecentowide-medium-webfont.woff2') format('woff2'),url('../other/novecentowide-medium-webfont.woff') format('woff'),url('../other/novecentowide-medium-webfont.ttf') format('truetype'),url('../other/novecentowide-medium-webfont.svg#dincond-boldalternateregular') format('svg'); }
/*@font-face{
    font-family: 'Dinpro';
    src: url('../other/DINPro-Regular.otf');
    font-weight: normal;
    font-style: normal;
}*/
/* 功能 */
.w1200 { width: 1200px; margin: 0 auto; }
.clearfix { clear: both; content: ''; *zoom: 1; }
.clearfix:after, .clearfix:before { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.fl { float: left; }
.fr { float: right; }
.oh { overflow: hidden; }
.dn { display: none; }
.pr { position: relative; }
.pr25 { padding-right: 25px; }
.mt10 { margin-top: 10px; }
.mt60 { margin-top: 60px; }
#bg-mask { position: fixed; top: 0; width: 100%; height: 100%; background-color: #182736; z-index: 110; display: none; filter: alpha(opacity=80); /*IE滤镜，透明度0%*/ -moz-opacity: 0.8; /*Firefox私有，透明度0%*/ opacity: 0.8; /*其他，透明度0%*/ _height: 1110px; }
#warper-mask { position: fixed; top: 0; width: 100%; height: 100%; background-color: #182736; z-index: 1100; display: none; filter: alpha(opacity=10); /*IE滤镜，透明度0%*/ -moz-opacity: 0.1; /*Firefox私有，透明度0%*/ opacity: 0.1; /*其他，透明度0%*/ _height: 1110px; }
#warper { position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all .3s; z-index: 110; background: #fff; }
.fixer { position: fixed; top: 0; left: 0; z-index: 100; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; }
.fixer.current { top: -200px; }
.sidebar-open .pageside { z-index: 120; }
.sidebar-open #warper { -webkit-transform: translateX(-500px); -moz-transform: translateX(-500px); -o-transform: translateX(-500px); /*transform: translateX(-500px);*/ *left: -500px; left: -500px\0; }
.sidebar-open #warper-mask { display: block; }
.sidebar-toggle { position: fixed; right: 0; top: 80px; display: block; width: 60px; height: 60px; z-index: 200; background: rgba(66, 66, 78, 0.1) none repeat scroll !important; /*实现FF背景透明，文字不透明*/ background: #42424e; filter: Alpha(opacity=70); }
.sidebar-toggle:hover {background: #a0623b !important;}
.sidebar-toggle:hover .menu-icon { background: url(../images/side-menu2.png) no-repeat center center; }
/*.sidebar-toggle:hover .menu-icon,.sidebar-toggle:hover .menu-icon:before,.sidebar-toggle:hover .menu-icon:after{background:#fff;}*/
.menu-icon {height: 60px;width: 60px;display: block;background: url(../images/side-menu.png) no-repeat center center;position: relative;/* top: 6px; */}
/*.menu-icon:before, .menu-icon:after{height: 2px;width: 17px;display: inline-block;vertical-align: middle;background: #D1B262;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.menu-icon:before, .menu-icon:after{position: absolute;content: '';}
.menu-icon:before{left: 0;top: -6px;}
.menu-icon:after{bottom: -6px;left: 0;}*/
.sidebar-open .sidebar-toggle { background: #1B3775 !important; }
.sidebar-open .sidebar-toggle:hover .menu-icon {background: #925b3a url(../images/side-close2.png) no-repeat center center !important;}
.sidebar-open .sidebar-toggle .menu-icon { background: url(../images/side-close.png) no-repeat center center; }
.sidebar-open .fixer { *left: -500px; left: -500px\0; }
/*.sidebar-open .sidebar-toggle .menu-icon:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top:0;background:#fff;}
.sidebar-open .sidebar-toggle .menu-icon:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top:0;background:#fff;}
*/
/*.sidebar-open .fixer{left:-500px\9;}*/
/* 公用 */
/* 头部 */
#header { width: 100%;  background: #fff /* url(../images/top-bg.jpg) no-repeat center top*/; }
.logoleftbg { width: 50%; float: left; height: 80px; background: #fff; *width: 49%; }
.logoleft { width: 710px; position: absolute; top: 0; left: 0; height: 80px; background: #fff; *top: -80px; }
.logorightbg { width: 50%; float: right; height: 80px; background: #ece8de; }
.logoright {/* width: 500px; *//* position: absolute; */top: 0;right: 25px;height: 80px; *top: -80px;}
.logo { display: block; float: left; width: 175px; height: 50px; margin-top: 18px; }
.stockbox { width: 137px; height: 66px; padding-top: 14px; margin-right: 0px; float: right; overflow: hidden; }
.stockbox ul li { height: 66px; }
.stock { width: 137px; height: 66px; float: left; }
.stock span { display: block; height: 24px; color: #ee5555; font-size: 24px; font-weight: bold; background: url(../images/icon-up2.jpg) no-repeat left 12px; padding-left: 18px; font-family: "DincondMedium"; }
.stock span.down { background: url(../images/icon-down1.jpg) no-repeat left 12px; color: #009900; }
.stock.icon-down span { background: url(../images/icon-down2.jpg) no-repeat left 12px; color: #009900; }
.stock strong { display: block; color: #97979f; margin-top: 8px; font-weight: normal; height: 14px; }
.inlinks { padding-left: 25px; height: 32px; width: 121px; float: right; line-height: 32px; background: url(../images/icon-bidding.jpg) no-repeat left; margin-top: 5px; }
.inlinks a { padding: 0 3px; font-size: 13px; color: #848484; }
/*2016-7-11*/
.outlinks{float:right;/* width:462px; */margin-top: 22px !important;}
.outlinks a{display:block;float:left;padding-left:20px;color:#42424e;font-size:13px;line-height:36px;font-weight: bold; font-family:"微软雅黑";}
a.icon-bidding{padding-left:36px;background: url(../images/public_icon.png) no-repeat left;margin-left:14px;}
/* 导航栏 */
.navbg {width: 100%;height: 66px;background: #42424e;}
.searchmenu { width: 26px; height: 39px; background: url(../images/icon-menu.jpg) no-repeat; float: right; margin-top: 21px; }
.icon-search { width: 19px; height: 39px; display: block; float: left; }
.icon-menu { width: 19px; height: 19px; display: block; float: right; }
.icon-home {display: inline-block;width: 62px;height: 60px;background: url(../images/icon-home.jpg) no-repeat #3a3a45 center center;float: left;margin-right: 0px;}
.nav {float: right;position: absolute;right: 45px;top: 0;width: 580px;z-index: 10;}
.nav ul { float: left; }
.nav li { float: left; background: url(../images/nav-line.jpg) no-repeat right; }
.nav .current a {background: #a0623b;color: #fff;}
.nav .prev { background: none; }
.nav .current a {/* color: #545051; */}
.nav .last { background: none; }
.nav li a { display: block; line-height: 60px; padding: 0 15px; font-size: 13px; color: #dcd0b3; font-weight: bold; transition: all .4s ease-in-out; }
.navline {position: absolute;display: block;width: 82px;height: 60px;/* background: #a0623b; */top: 0;left: 564px;z-index: 5;}
/* 二级导航 */
.innav { position: absolute; top: 0; left: 0px; z-index: 999; width: 700px; }
.innav dd { line-height: 60px; float: left; margin: 0 16px; }
.innav dd a { display: block; color: #42424e; font-size: 13px; font-weight: bold; }
.innav dd a:hover, .innav .on a { color: #0067b3; }
.navbg .suNav { display: none; }
.suNav .sNav > div { position: absolute; top: 0px; display: none; }
.suNav { height: 60px; }
.sN1{left: 630px;}
.sN2 {left: 710px;}
.sN3 {left: 800px;}
.sN4 { left: 532px; }
.sN5 { left: 560px; }
.sN5 .innav { width: 550px; }
.sN6 {left: 960px;}
.sN6 .innav {width: 360px;}
.sN7 { left: 906px; }
.sN9 { left: 988px; }
.innavbg { width: 100%; height: 60px; background: rgba(215, 209, 194, 0.7); background: rgba(215, 209, 194,0.7) none repeat scroll !important; /*实现FF背景透明，文字不透明*/ background: #d7d1c2; filter: Alpha(opacity=70); /*实现IE背景透明*/ display: block; position: absolute; top: 60px; left: 0; z-index: 999; }
.innavposit {width: 100%;height: 136px;z-index: 999;border-top: 6px solid #a15c32;}
/* 底部 */
.footerleftbg { width: 50%; float: left; height: 320px; background: #1f4082; width: 49%\9; }
.footerrightbg { width: 50%; float: right; height: 320px; background: #1b3775; }
.footerlinks { position: absolute; left: 0; top: 0; height: 320px; background: #1f4082; width: 858px; *top: -320px; }
.footerlinks a { color: #7589b0; display: block; line-height: 28px; font-size: 12px; }
.footerlinks a:hover { color: #dcd0b3; }
.footerlinks h3 a { font-size: 13px; color: #748198; }
.footerlinks ul { padding-top: 40px; }
.footerlinks li { float: left; width: 96px; }
.footerlinks .pro h3 a { color: #dcd0b3; font-size: 14px; }
.footerlinks .pro a { font-size: 13px; color: #90a0bf; }
.footerlinks .pro a:hover { color: #dcd0b3; }
.footerlinks .pro { padding-right: 30px; width: 130px; }
.footerinfos { position: absolute; right: 0; top: 0; height: 320px; background: #1b3775; width: 307px; color: #7589b0; line-height: 22px; *top: -320px; }
.sharediv { margin-top: 10px; height: 33px; line-height: 33px; }
.sharediv span { font-size: 14px; color: #dcd0b3; float: left; }
.sharediv a { display: block; float: left; width: 33px; height: 33px; margin-left: 10px; }
.icon-wx { background: url(../images/bg-share.png) no-repeat 0 0; position: relative; }
.icon-wx:hover .icon-wx-img { display: block; }
.icon-wx-img { position: absolute; top: -170px; left: -63px; display: none; }
.icon-wb { background: url(../images/bg-share.png) no-repeat -43px 0; }
.copyright { margin-top: 15px; }
.copyright a { color: #a4afc8; }
.baseinfo { margin-top: 6px; }
/* 法律声明 */
.lawbox { width: 1110px; padding: 55px 45px 45px; background: #fff; font-size: 13px; line-height: 24px; color: #818181; position: fixed; height: 350px; top: 50%; left: 50%; margin-left: -600px; margin-top: -225px; z-index: 120; }
h2.lawtitle b { font-size: 20px; color: #0063fb; display: block; padding-bottom: 5px; }
h2.lawtitle i { font-size: 28px; color: #a4834d; display: block; font-weight: normal; font-style: normal; letter-spacing: -2px; }
.lawbody { padding-top: 45px; }
.lawbody p { margin-bottom: 10px; }
.lawbody b { font-size: 14px; color: #0063fb; display: block; }
.btn-mask-close { display: block; width: 34px; height: 34px; background: url(../images/icon-close.png) no-repeat; position: absolute; right: 0; top: -45px; }
/* 网站地图 */
.sitemap-bd { padding-top: 30px; }
.sitemap-bd li { line-height: 32px; overflow: hidden; }
.sitemap-bd a { font-size: 13px; line-height: 32px; color: #818181; display: block; float: left; margin: 0 10px 0 10px; }
.sitemap-bd li:hover a { color: #587cce; font-weight: bold; }
.sitemap-bd h3 { float: left; }
.sitemap-bd h3 a { font-size: 13px; line-height: 32px; color: #818181; font-weight: normal; margin-left: 0; margin-right: 10px; }
/* 侧边栏 [陈晓勉 2015-12-15] */
.pageside { position: fixed; width: 500px; height: 100%; top: 0; right: 0; background: #1b3775; z-index: 100; }
.pageside-cont { width: 361px; height: 655px; padding-top: 39px; padding-left: 46px; color: #BDB9AF; }
.pageside-cont a { color: #BDB9AF; font-size: 13px; }
.pageside-cont a:hover { color: #c39d4c; }
.pageside-cont h3 { font-size: 20px; padding-top: 60px; background: url(../images/zs-side-logo.jpg) no-repeat; font-weight: normal; }
.stronglink { margin-top: 30px; }
.stronglink a { font-size: 15px; margin-right: 15px; }
.plinks { margin-top: 30px; }
.plinks a { font-size: 13px; margin-right: 15px; float: left; display: block; /**display:inline-block;*/ margin-bottom: 10px; }
.pageside-cont .more { color: #508c40; display: block; margin-top: 30px; }
.m15 { margin-top: 15px; }
/* 搜索栏 */
.searchbg { width: 100%; height: 60px; background: #a0623b; display: none; position: absolute; top: 60px; left: 0; z-index: 50; }
.search-input { width: 300px; height: 24px; background: #fcecc8; color: #75706d; padding: 13px 14px; overflow: hidden; float: right; border: 0; font-size: 13px; margin-top: 5px; line-height: 24px; margin-right: 10px; }
/*2016.7.8 石头*/
.zs_main { width: 100%; background: #d5d5d4; }
.zs_addr { width: 1200px; margin: 0 auto; padding: 54px 0; }
.investor-about { line-height: 36px; }
.addr_list { line-height: 32px; }
.addr_list a { margin-left: 8px; text-align: center; display: inline-block; padding: 0 16px; font-size: 14px; font-family: "微软雅黑"; color: #42424e; }
.addr_list a:hover,.addr_list a.on { background: url(../images/zs_back.png) no-repeat center; color: #ededed; }
/*.investor-about span.bs2content_span { color: #1f4082; }*/
.zs_addr span.bs2content_span{ color:#1f4082;font-weight: 600;}
.zs_addr_left { float: left; }
.main_list_wrap { width: 100%; background: #ededed; }
.main_list { width: 1200px; margin: 0 auto; padding: 30px 0; }
.main_list ul { overflow: hidden; }
.main_list li { background: #FFF; margin-left: 4px; margin-bottom: 10px; float: left; width: 296px; height:465px; position: relative;}
.main_list img { display: block; margin: 0 auto;background-color: #FFF;background: #FFF; }
.main_list li:hover img.pro_logo{opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;top:70px;transition: all 700ms; -webkit-transition: all 700ms;}
.main_list img.pro_img { width: 296px; height: 297px; }
.main_list img.pro_logo { width: 142px; height: 142px;position: absolute;top:155px;left:77px;background:#FFF;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;transition: all 400ms; -webkit-transition: all 400ms;}
.main_list h2 { width: 100%; text-align: center;     font-size: 16.5px;color: #333; font-family: "微软雅黑"; font-weight: normal; padding: 57px 10px 0; }
.main_list h3 { text-align: center; font-size: 13.5px; color: #a4a4a4; font-family: "微软雅黑"; margin-bottom: 5px; margin-top: 4px; font-weight: normal; padding: 0 10px; line-height: 22px; height: 44px; }
.main_list p { text-align: center; font-size: 25px; color: #a4834d; font-family: "DINCond-Medium"; padding: 0 10px; height: 40px; line-height:25px; }
.Especially { margin-left: 0 !important; }
.zs_button { width: 100%; height: 52px; background: #0C9; margin-top: 30px; line-height: 52px; background: #ffbb4c; overflow: hidden; }
.zs_button a { line-height: 52px; margin-top: 10px; }
.zs_button img { margin: 10px auto; }
/* select */
.select { position: relative; float: right;margin-top:10px; }
.select dt { height: 63px; display: inline-block; font-weight: normal; background: url(../images/select_icon.jpg) no-repeat right center; font-size: 14px; background-color: #bbbbbd; outline: none; line-height: 63px; text-indent: 24px; cursor: pointer; width: 298px; position: relative; color: #42424e; z-index: 99; }
.select dd { width: 298px; position: absolute; left: 0; top: 90px; background: #42424e; display: none; }
.select dd ul { width: 298px; max-height: 320px; overflow: auto; }
.select dd ul li a { color: #FFF; line-height: 63px; display: block; text-indent: 24px; font-family: "微软雅黑"; font-size: 14px; font-weight: normal; }
.select dd ul li:hover,.select dd ul li.on { background-color: #BBBBBD; }
.select dd ul li a:hover,.select dd ul li.on a { color: #42424e; }
.outlinks .icon-zs2{width:35px;height:27px;background:url(../images/icon-zs2.png) no-repeat;padding:0;margin-top:6px; margin-left:15px;}
.logoright .zs-erwei2{width:148px;height:180px;position:absolute; top:70px;/*left:32px;*/ right:-48px;text-align:center;color:#00a5ce;background:#fff;display:none;z-index:9999;}
.logoright .zs-erwei2 img{width:100%;height:auto;}
/*wang2018-05-04*/
#h_language{position: absolute; right: -40px; top: 0; height:80px; line-height: 80px; font-size: 18px; color:#42424e; cursor:pointer;}
#h_language:hover .language-box{bottom:-60px;}
#h_language .language-box{position:absolute; z-index: -1; left:50%; bottom:0; height:60px; width:224px; padding:0 15px; margin-left:-127px; overflow:hidden; background:#3a3a45; -webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
#h_language .language-box a{float:left; font-size: 13px; padding:0 13px; color:#d2ced5; line-height:60px;}
#h_language .language-box a.on,#h_language .language-box a:hover{color:#dcd0b3;}
/* 修改  */
.addr_list{padding-left: 62px;}
.zs_addr span.bs2content_span{margin-left: -62px;}
.addr_list a{height: 26px;box-sizing: border-box;line-height: 26px;}
.addr_list a:hover, .addr_list a.on{background: rgb(31,64,130);color: #ededed;border-radius: 13px;}
.zs_addr .select span.bs2content_span{margin-left: 0px;}
.zs_main{position: relative;z-index: 10;}
.main_list h2{padding: 40px 0 0 0;}
.main_list h3{height: auto;max-height: 44px;overflow: hidden;}
.televise{padding: 24px 0 20px 30px !important;}
.newLogo .logo{width: auto;height: auto;margin-top: 10px;/* margin-left: -20px; */}
.newLogo .stockbox{padding-top: 20px;}
.newLogo .outlinks{margin-top: 27px!important;}
.newLogo .logoleft,.newLogo .logoright,.newLogo .logoleftbg,.newLogo .logorightbg{height: 90px;}
.newLogo #h_language{height: 90px;line-height: 90px;}
.newLogo .sidebar-toggle{top: 96px;}
