@charset "utf-8";
/**
 * copyright (c) xinhuanet inc. all rights reserved.
 *
 * @license: mit
 * @author: superwoods
 * @email:  st_sister@icloud.com
 * @date:   2016-09-12-10:28:40
 *
 * @(demo)last modified by:   superwoods
 * @(demo)last modified time: 2016-10-16-01:00:14
 */
/*! normalize.css v4.1.1 | mit license | github.com/necolas/normalize.css */
/**
 * 1. change the default font family in all browsers (opinionated).
 * 2. correct the line height in all browsers.
 * 3. prevent adjustments of font size after orientation changes in ie and ios.
 */
body { /*font-family: "pinghei", stheitisc-light, "lucida grande", "lucida sans unicode", helvetica, arial, verdana, sans-serif;*/
    /* 2016-09-21 mac os sierra */
font-family: 'hanhei sc', 'pingfang sc', 'helvetica neue', 'helvetica', 'stheitisc-light', 'arial', sans-serif; }
.ie body, .windows body { font-family: microsoft yahei, microsoft yahei lights, arial; }
.oldie body { font-family: \5b8b\4f53, arial; }
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, pre, textarea, ul { padding: 0; margin : 0; }
img { border : none; overflow: hidden; }
ol, ul { list-style: none; }
.hide { display: none; }
html { /* font-family: sans-serif;  1 */
line-height : 1.15; /* 2 */
-ms-text-size-adjust : 100%; /* 3 */
-webkit-text-size-adjust: 100%;/* 3 */
}
/**
 * remove the margin in all browsers (opinionated).
 */
/*
body {
    margin: 0;
}*/
/* html5 display definitions
   ========================================================================== */
/**
 * add the correct display in ie 9-.
 * 1. add the correct display in edge, ie, and firefox.
 * 2. add the correct display in ie.
 */
article, aside, details, /* 1 */
figcaption, figure, footer, header, main, /* 2 */
menu, nav, section, summary { /* 1 */
display: block; }
/**
 * add the correct display in ie 9-.
 */
audio, canvas, progress, video { display: inline-block; }
/**
 * add the correct display in ios 4-7.
 */
audio:not([controls]) { display: none; height : 0; }
/**
 * add the correct vertical alignment in chrome, firefox, and opera.
 */
progress { vertical-align: baseline; }
/**
 * add the correct display in ie 10-.
 * 1. add the correct display in ie.
 */
template, /* 1 */
[hidden] { display: none; }
/* links
   ========================================================================== */
/**
 * 1. remove the gray background on active links in ie 10.
 * 2. remove gaps in links underline in ios 8  and safari 8 .
 */
a { text-decoration : none; background-color : transparent; /* 1 */
-webkit-text-decoration-skip: objects;/* 2 */
}
/**
 * remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active, a:hover { outline-width: 0; }
/*a:active {
    color: #000 !important;
}*/
a:hover { /*color: #3773db !important;*/
color: #3773db；; }
/* text-level semantics
   ========================================================================== */
/**
 * 1. remove the bottom border in firefox 39-.
 * 2. add the correct text decoration in chrome, edge, ie, opera, and safari.
 */
abbr[title] { border-bottom : none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted;/* 2 */
}
/**
 * prevent the duplicate application of `bolder` by the next rule in safari 6.
 */
b, strong { font-weight: inherit; }
/**
 * add the correct font weight in chrome, edge, and safari.
 */
b, strong { font-weight: bolder; }
/**
 * add the correct font style in android 4.3-.
 */
dfn { font-style: italic; }
/**
 * correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in chrome, firefox, and safari.
 */
h1 { font-size: 2em; margin : .67em 0; }
/**
 * add the correct background and color in ie 9-.
 */
mark { background-color: #ff0; }
/**
 * add the correct font size in all browsers.
 */
small { font-size: 80%; }
/**
 * prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
/* embedded content
   ========================================================================== */
/**
 * remove the border on images inside links in ie 10-.
 */
img { border-style: none; }
/**
 * hide the overflow in ie.
 */
svg:not(:root) { overflow: hidden; }
/* grouping content
   ========================================================================== */
/**
 * 1. correct the inheritance and scaling of font size in all browsers.
 * 2. correct the odd `em` font sizing in all browsers.
 */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */
font-size : 1em;/* 2 */
}
/**
 * add the correct margin in ie 8.
 */
figure { margin: 1em 40px; }
/**
 * 1. add the correct box sizing in firefox.
 * 2. show the overflow in edge and ie.
 */
hr { box-sizing: content-box; /* 1 */
height : 0; /* 1 */
overflow : visible;/* 2 */
}
/* forms
   ========================================================================== */
/**
 * 1. change font properties to `inherit` in all browsers (opinionated).
 * 2. remove the margin in firefox and safari.
 */
button, input, optgroup, select, textarea { font : inherit; /* 1 */
margin: 0;/* 2 */
}
/**
 * restore the font weight unset by the previous rule.
 */
optgroup { font-weight: bold; }
/**
 * show the overflow in ie.
 * 1. show the overflow in edge.
 */
button, input { /* 1 */
overflow: visible; }
/**
 * remove the inheritance of text transform in edge, firefox, and ie.
 * 1. remove the inheritance of text transform in firefox.
 */
button, select { /* 1 */
text-transform: none; }
/**
 * 1. prevent a webkit bug where (2) destroys native `audio` and `video`
 *    controls in android 4.
 * 2. correct the inability to style clickable types in ios and safari.
 */
button, html [type="button"], /* 1 */
[type="reset"], [type="submit"] { -webkit-appearance: button;/* 2 */
}
/**
 * remove the inner border and padding in firefox.
 */
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
 border-style: none;
 padding : 0;
}
/**
 * restore the focus styles unset by the previous rule.
 */
[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring {
 outline: 1px dotted buttontext;
}
/**
 * change the border, margin, and padding in all browsers (opinionated).
 */
fieldset { border : 1px solid #c0c0c0; margin : 0 2px; padding: .35em .625em .75em; }
/**
 * 1. correct the text wrapping in edge and ie.
 * 2. correct the color inheritance from `fieldset` elements in ie.
 * 3. remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend { box-sizing : border-box; /* 1 */
color : inherit; /* 2 */
display : table; /* 1 */
max-width : 100%; /* 1 */
padding : 0; /* 3 */
white-space: normal;/* 1 */
}
/**
 * remove the default vertical scrollbar in ie.
 */
textarea { overflow: auto; }
/**
 * 1. add the correct box sizing in ie 10-.
 * 2. remove the padding in ie 10-.
 */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */
padding : 0;/* 2 */
}
/**
 * correct the cursor style of increment and decrement buttons in chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
 height: auto;
}
/**
 * 1. correct the odd appearance in chrome and safari.
 * 2. correct the outline style in safari.
 */
[type="search"] { -webkit-appearance: textfield; /* 1 */
outline-offset : -2px;/* 2 */
}
/**
 * remove the inner padding and cancel buttons in chrome and safari on os x.
 */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
/**
 * correct the text style of placeholders in chrome, edge, and safari.
 */
::-webkit-input-placeholder {
 color : inherit;
 opacity: .54;
}
/**
 * 1. correct the inability to style clickable types in ios and safari.
 * 2. change font properties to `inherit` in safari.
 */
::-webkit-file-upload-button {
 -webkit-appearance: button;
    /* 1 */
    font : inherit;
/* 2 */
}
/**
 * copyright (c) xinhuanet inc. all rights reserved.
 *
 * @license: mit
 * @author: superwoods
 * @email:  st_sister@icloud.com
 * @date:   2016-09-12-10:29:13
 * @(demo)last modified by:   superwoods
 * @(demo)last modified time: 2016-10-16-01:00:14

 */
/*基础制作页面组件*/
/*20150716 v1.0*/
/*20160421 v1.1 商讨了默认字号，a的默认连接颜色样式等*/
/* --------------------------------------------------------------- superwoods */
.mask-layer { position : fixed; z-index : 999; width : 100%; height : 100%; background-color: rgba(255, 255, 255, 0.8); top : 0; left : 0; justify-content : center; align-items : center; }
.mask-layer.active { display: flex; }
.mask-layer-close { width : 57px; height : 57px; position : absolute; right : 18px; top : 18px; background-image : ; background-position: right top; background-repeat : no-repeat; cursor : pointer; }
.mask-layer-in { position : relative; display : flex; justify-content : center; /*top             : 50%;
    left            : 50%;
    margin-top      : -200px;
    margin-left     : -300px;*/
z-index : 2; background-color: #fff; box-shadow : 0 19px 35px 0 rgba(0, 0, 0, 0.5); }
.mask-layer-in img { height: auto; }
.mask-layer-in, .mask-layer-in p, .mask-layer-in p a { color: #fff; }
.mask-layer-in p { position : absolute; /*display        : flex;*/
    /*justify-content: center;*/
z-index : 3; top : auto; bottom : 10px; left : 5%; width : 90%; line-height: 26px; font-size : 16px; text-align : center; display : inline; }
.mask-layer-in:after { content : ''; position : absolute; top : auto; bottom : 0; width : 100%; height : 100%; background : ; background : -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0.9) 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(63%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.9))); background : -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0.9) 100%); background : -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0.9) 100%); background : -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0.9) 100%); background : linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0.9) 100%);  filter: progid:dximagetransform.microsoft.gradient( startcolorstr= '#00000000', endcolorstr='#e6000000', gradienttype=0 );
z-index : 2; pointer-events: none; }
.mask-layer-in.no-after-bg:after { display: none; }
/**
 * copyright (c) xinhuanet inc. all rights reserved.
 *
 * @license: mit
 * @author: superwoods
 * @email:  st_sister@icloud.com
 * @date:   2016-09-14-09:33:33
 * @(demo)last modified by:   superwoods
 * @(demo)last modified time: 2016-10-16-01:00:14

 */
/* is windows */
.windows body { font-family: "微软雅黑"; }
/*
 * swiper 2.7.0
 * mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * copyright 2010-2014, vladimir kharlampidi
 * the idangero.us
 * http://www.idangero.us/
 *
 * licensed under gpl & mit
 *
 * released on: august 30, 2014
*/
/* ===============================================================
basic swiper styles
================================================================*/
.swiper-container { margin : 0 auto; position : relative; overflow : hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility : hidden; backface-visibility : hidden; /* fix of webkit flickering */
z-index : 1; }
.swiper-wrapper { position : relative; width : 100%; -webkit-transition-property : -webkit-transform, left, top; -webkit-transition-duration : 0s; -webkit-transform : translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property : -moz-transform, left, top; -moz-transition-duration : 0s; -moz-transform : translate3d(0px, 0, 0); -moz-transition-timing-function : ease; -o-transition-property : -o-transform, left, top; -o-transition-duration : 0s; -o-transform : translate3d(0px, 0, 0); -o-transition-timing-function : ease; -o-transform : translate(0px, 0px); -ms-transition-property : -ms-transform, left, top; -ms-transition-duration : 0s; -ms-transform : translate3d(0px, 0, 0); -ms-transition-timing-function : ease; -webkit-transition-property : left, top, -webkit-transform; transition-property : left, top, -webkit-transform; -moz-transition-property : transform, left, top, -moz-transform; transition-property : transform, left, top; transition-property : transform, left, top, -webkit-transform, -moz-transform; transition-duration : 0s; transform : translate3d(0px, 0, 0); transition-timing-function : ease; -webkit-box-sizing : content-box; -moz-box-sizing : content-box; box-sizing : content-box; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function : ease-out; transition-timing-function : ease-out; margin : 0 auto; }
.swiper-slide { float : left; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; }
/* ie10 windows phone 8 fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/* ===============================================================
your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container { /* specify swiper's size: */
    /*width:200px;
	height: 100px;*/
}
.swiper-slide { /* specify slides's size: */
    /*width: 100%;
	height: 100%;*/
}
.swiper-slide-active { /* specific active slide styling: */
}
.swiper-slide-visible { /* specific visible slide styling: */
}
/* ===============================================================
pagination styles
================================================================*/
.swiper-pagination-switch { /* stylize pagination button: */
}
.swiper-active-switch { /* specific active button style: */
}
.swiper-visible-switch { /* specific visible button style: */
}
/**
 * copyright (c) xinhuanet inc. all rights reserved.
 *
 * @license: mit
 * @author: superwoods
 * @email:  st_sister@icloud.com
 * @date:   2016-10-14-04:45:37
 * @(demo)last modified by:   superwoods
 * @(demo)last modified time: 2016-10-16-01:00:14
9
 */
/* for andy: sidebar-equity-structure */
.sidebar-equity-structure { width: 100%; }
.sidebar-equity-structure:before { content : ''; display : block; height : 32px; overflow : hidden; pointer-events: none; }
.sidebar-equity-col { position: relative; height : 54px; }
.sidebar-equity-col-txt, .sidebar-equity-col-txt a { color: #3773db; }
.sidebar-equity-col-txt { position : absolute; top : 0; left : 0; font-size : 20px; height : 30px; line-height: 30px; z-index : 1; }
.sidebar-equity-col-txt-en, .sidebar-equity-col-txt-en a, .sidebar-equity-col-txt-more, .sidebar-equity-col-txt-more a { color : #808080; height : 24px; line-height: 24px; font-size : 14px; }
.sidebar-equity-col-txt-en { text-transform: uppercase; position : absolute; bottom : 0; left : 0; color : #b3b3b3; }
.sidebar-equity-col-txt-more { position : absolute; bottom : 0; right : 0; color : #b3b3b3; font-weight: 100; }
.sidebar-equity-col-txt-more:hover { color: #3773db; }
.sidebar-equity-structure-list { /*height     : 330px;*/
padding-top: 10px; }
.sidebar-equity-structure-list .name, .sidebar-equity-structure-list .ratio, .sidebar-equity-structure-list li { line-height: 28px; }
.sidebar-equity-structure-list .name { display : block; padding-left: 14px; font-size : 14px; color : #333; }
.sidebar-equity-structure-list .ratio { display : none; padding-left: 14px; font-size : 12px; }
.sidebar-equity-structure-list .active .name { background-color: #3773db; color : #fff; }
.sidebar-equity-structure-list .active .ratio { background-color: #6899f0; display : block; color : #fff; }
/*dialog*/
.dialog-body, .dialog-body .close-icon, .dialog-body .dialog-btn, .dialog-body .dialog-btn:before, .dialog-body .dialog-logo .logo { background-repeat: no-repeat; background-color : transparent; background-image : ; background-image : -webkit-image-set(url(/uploads/image/cimg/dialog-bg.png) 1x, url(/uploads/image/cimg/dialog-bg-2x.png) 2x); }
.dialog-mask { display : none; position : fixed; top : 0; left : 0; width : 100%; height : 100%; background: #000; filter: alpha(opacity=80); opacity : .8; }
.dialog-body { display : none; position : fixed; top : 50%; left : 50%; margin : -209px 0 0 -372px; width : 744px; height : 419px; color : #84370d; font-size : 2.1rem; line-height: 1.3; background : #000; }
.dialog-body .close-icon { position : absolute; top : 0; right : -32px; width : 32px; height : 32px; background-color: #3773db; cursor : pointer; }
.dialog-body .close-icon:hover { background-color: #0f82f9; }
.dialog-body .dialog-btn { display : block; position : absolute; bottom : -14px; left : 50%; margin-left : -61px; border : none; padding : 0; width : 122px; height : 43px; background-position: -50px -230px; }
@-webkit-keyframes dialoganimation {
 0% {
 opacity : 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform : scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
}
 60% {
 opacity : 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
}
}
@keyframes dialoganimation {
 0% {
 opacity : 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -ms-transform : scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform : scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
}
 60% {
 opacity : 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -ms-transform : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
}
}
.dialog-animation { -webkit-animation: dialoganimation .75s; animation : dialoganimation .75s; }
/**
 * copyright (c) xinhuanet inc. all rights reserved.
 *
 * @license: mit
 * @author: superwoods
 * @email:  st_sister@icloud.com
 * @date:   2016-10-14-10:38:08
 * @(demo)last modified by:   superwoods
 * @(demo)last modified time: 2016-10-16-01:00:14
59
 */
/*
    just for shashidi
    have fun!!!
*/
.box { width : 1200px; margin: 0 auto; }
.clearfix:after { content: ""; display: block; clear : both; }
body { overflow: auto; }
/*-------------------------*/
.sidebar { float: left; width: 228px; }
.video { height : 380px; background: red; }
.main { float : right; width : 936px; padding-bottom: 40px; padding-top : 40px; }
.part { clear : both; width : 100%; padding-bottom: 40px; }
.news-team { float: left; width: 562px; }
.prospectus-information-release { float: right; width: 324px; }
.company-news { padding-bottom: 13px; }
.company-news-content { height : 410px; padding-bottom: 12px; }
.company-news-list { padding-bottom: 26px; }
.head { position : relative; padding-bottom: 22px; margin-bottom : 14px; border-bottom : 3px solid #e6e6e6; }
.head-txt { position : relative; float : left; font-size : 20px; line-height: 100%; color : #3773db; }
.head-txt:after { content : ""; position : absolute; left : 0; top : 28px; display : block; font-size : 14px; line-height : 100%; color : #b3b3b3; white-space : nowrap; text-transform: uppercase; font-weight : 100; }
.company-news-tit-txt:after { content: "company news"; }
.head-more { float : right; padding-top: 26px; font-size : 14px; line-height: 100%; color : #b3b3b3; font-weight: 100; }
.content-tit-txt { font-size : 18px; line-height : 28px; color : #333; padding-right: .5em; }
.time { font-size : 14px; line-height: 34px; color : #b3b3b3; }
.substract { font-size : 14px; line-height: 22px; color : #808080; font-weight: 100; }
.detail { width : 80px; height : 26px; margin-top : 10px; background : #e6e6e6; font-size : 14px; line-height: 26px; color : #808080; text-align : center; }
.detail a { color: #808080; }
.detail:hover, .detail:hover a { background: #3773db; color : #fff; }
.management-team-tit-txt:after { content: "equity structure"; }
.tit-pic { float : left; width : 160px; height: 160px; }
.tit-pic img { display: block; height : 100%; }
.management-team-member { float: right; width: 370px; padding-top: 10px; }
.management-team-name { padding-top : 0; padding-bottom: 8px; }
.team-names, .team-status { display : inline-block; vertical-align: bottom; }
.team-names { margin-right: 10px; font-size : 18px; line-height : 100%; font-weight : 600; color : #4c4c4c; }
.team-names a { color: #4c4c4c; }
.management-team-introduce, .team-status { font-size : 14px; line-height: 100%; color : #808080; }
.management-team-introduce { line-height: 30px; font-weight: 100; }
.management-team-detail { padding-left: 6px; color : #3773db; }
/*公司新闻 & 管理团队 end */
.prospectus-tit-txt:after { content: "stock information"; }
.information-release-tit-txt:after { content: "information release"; }
.information-release-head, .prospectus-head { padding-bottom: 0; border-bottom : none;/*margin-bottom: 0;*/
}
.prospectus-content { /*padding-bottom: 40px;*/
}
.prospectus-img, .prospectus-img img { display: block; width : 185px; height : 220px; margin : 0 auto; }
.information-release-content { /*height  : 292px;*/
height: 254px; overflow: hidden; }
.information-release-pub, .information-release-time, .information-release-txt { font-size : 14px; line-height: 26px; }
.information-release-pub { color: #258bf1; }
.information-release-txt { color: #333; }
.information-release-time { color: #808080; }
.information-release-list { padding-top: 12px; }
.information-release-list:first-child { padding-top: 0; }
.information-release-list:first-child  a  a { color: #333; }
.stock-code { position : relative; height : 160px; padding-top : 20px; padding-left: 20px; background : #3773db; }
.stock-code-tit { font-size : 14px; line-height: 100%; color : #fff; }
.stock-code-num { padding-top : 8px; padding-bottom: 12px; font-size : 48px; line-height : 100%; color : #fff; }
.stock-code-tel { font-size: 16px; color : #fff83f; }
.stock-code-date { position : absolute; bottom : 0; left : 0; z-index : 2; width : 100%; height : 40px; font-size : 14px; line-height: 40px; color : #7dadff; text-indent: 20px; }
.stock-code-date:after { content : ""; position : absolute; left : 0; top : 0; z-index : -1; display : block; width : 100%; height : 100%; background: ##4984eb; background: rgba(0, 0, 0, 0.2); }
/*右侧 招投意向 & 信息披露 & 股票代码 end */
.part { width : 100%; overflow: hidden; }
.part-wrapper { width: 110%; }
.part-items { display : block; float : left; width : 220px; height : 200px; margin-left: 18px; border : 3px solid #3773db; border : 3px solid #f2f2f2; background : #3773db; background : #f2f2f2; cursor : pointer; transition : all .2s ease 0s; }
.part-items:hover { background: #3773db; border : 3px solid #3773db; }
.part-items:hover .part-items-tit, .part-items:hover .part-items-txt { color: #fff; }
.part-items:hover .part-items-tit a, .part-items:hover .part-items-txt a { color: #fff; }
.part-items:hover .part-web-ad-icon { background:  center no-repeat; }
.part-items:hover .part-info-service-icon { background:  center no-repeat; }
.part-items:hover .part-it-sevice-icon { background:  center no-repeat; }
.part-items:hover .part-mobile-icon { background:  center no-repeat; }
.part-business { margin-left: 0; background : none; cursor : initial; border : 3px solid #3773db; }
.part-business:hover { background: none; border : 3px solid #3773db; }
.our-business-en { padding-top : 14px; padding-left : 20px; font-size : 24px; line-height : 38px; font-weight : 600; color : #3773db; text-transform: uppercase; }
.our-business-cn { position : relative; padding-left: 20px; font-size : 20px; line-height : 34px; color : #3773db; }
.our-business-cn:after { content : ""; position : absolute; left : 20px; bottom : -8px; display : block; width : 35px; height : 3px; background: #ffd93f; }
.part-items-tit { font-size : 16px; line-height: 48px; text-align : center; color : #333; }
.part-items-txt { width : 90%; margin : 0 auto; font-size : 14px; line-height: 26px; text-align : center; color : #808080; font-weight: 100; }
.part-items-tit, .part-items-txt { color: #808080; }
.part-items-tit a { color: #333; }
.part-items-txt a { color: #808080; }
.part-items-icon { width : 58px; height : 54px; margin : 12px auto 0; overflow: hidden; }
.part-web-ad-icon { background:  center no-repeat; }
.part-info-service-icon { background:  center no-repeat; }
.part-it-sevice-icon { background:  center no-repeat; }
.part-mobile-icon { background:  center no-repeat; }
/*-----------------------*/
.part-items-icon:hover { -webkit-animation-name : rubberband; animation-name : rubberband; -webkit-animation-duration : 1s; animation-duration : 1s; -webkit-animation-fill-mode: both; animation-fill-mode : both; }
.animated { -webkit-animation-duration : 1s; animation-duration : 1s; -webkit-animation-fill-mode: both; animation-fill-mode : both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count : infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration : 2s; }
.animated.bouncein, .animated.bounceout, .animated.flipoutx, .animated.flipouty { -webkit-animation-duration: .75s; animation-duration : .75s; }
@-webkit-keyframes rubberband {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform : scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, .75, 1);
 transform : scale3d(1.25, .75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform : scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, .85, 1);
 transform : scale3d(1.15, .85, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 transform : scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 transform : scale3d(1.05, .95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform : scale3d(1, 1, 1);
}
}
@keyframes rubberband {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform : scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, .75, 1);
 transform : scale3d(1.25, .75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform : scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, .85, 1);
 transform : scale3d(1.15, .85, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 transform : scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 transform : scale3d(1.05, .95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform : scale3d(1, 1, 1);
}
}
.rubberband { -webkit-animation-name: rubberband; animation-name : rubberband; }
/* part animate end  */
/*index nav change begin*/
.nav { background-color: #fff; }
.logo { background-image: ; }
.xinhuanet-ltd { background-image: ; }
.nav-main-index, .nav-main-items, .nav-on { color: #4c4c4c; }
.nav-main-items:hover, .sub-nav-items:hover { color: #fff !important; }
.nav-main-index, .nav-main-items, .nav-on { /*color: #fff; */
}
.nav-bg { background: #4984eb; }
.sub-nav { background: #3773db; }
.sub-nav-items { color: #fff; }
/*.st-demo-box {
    width : 1200px;
    margin: 0 auto;
}*/
/*.st-demo-container {
    width   : 1200px;
    margin  : 0 auto;
    position: relative;
}*/
/*.st-demo-main {
    width   : 800px;
    height  : 900px;
    position: absolute;
    top     : 0;
    right   : 0;
}*/
/* homepage */
body { background-color: #fff; /*background-image   : ;*/
    /*background-position: center 0;*/
    /*background-repeat  : no-repeat;*/
    /* cover 必须依赖 html, body { width:100%; height:100%; } */
    /*background-size    : cover;*/
    /*overflow           : hidden;*/
position : relative; }
.position-container { position: relative; }
.dialog-body { z-index: 99; }
.dialog-mask { z-index: 98; }
.banner { width : 100%; height : 430px; /*background: pink;*/
position: relative; overflow: hidden; z-index : 1; }
.banner .swiper-container, .banner .swiper-wrapper { height: 430px; }
.banner-item-date { position : absolute; top : 93px; z-index : 5; left : 50%; margin-left: -241.5px; width : 483px; text-align : center; font-size : 20px; color : #fff; }
.banner-item-date:after, .banner-item-date:before { content : ""; display : block; width : 61px; height : 1px; background: rgba(255, 255, 255, 0.5); position : absolute; top : 50%; }
.banner-item-date:after { left: 0; }
.banner-item-date:before { right: 0; }
.banner-btn { width : 1200px; height : 430px; top : 50%; left : 50%; margin-left: -600px; margin-top : -215px; position : absolute; z-index : 2; }
.banner-btn-next, .banner-btn-pre { width : 52px; height : 52px; top : 50%; left : 50%; margin-top : -26px; z-index : 2; position : absolute; background-position: center center; background-repeat : no-repeat; cursor : pointer; border-radius : 100%; /*border             : 1px solid rgba(255, 255, 255, 0.5);*/
overflow : hidden; }
.banner-btn-next:hover, .banner-btn-pre:hover { background-position: center center; background-repeat : no-repeat; }
.banner-btn-pre { background-image: ; margin-left : -666px; }
.banner-btn-pre:hover { background-image: ; }
.banner-btn-next { background-image: ; margin-left : 616px; }
.banner-btn-next:hover { background-image: ; }
.banner-btn-next:hover, .banner-btn-pre:hover { box-shadow: 0 0 20px 0 rgba(255, 255, 255, 1); }
.banner-btn-next:active, .banner-btn-pre:active { box-shadow: 0 0 10px 0 rgba(0, 8, 55, 0.5); }
.banner-pagination { position : absolute; z-index : 20; top : 405px; width : 1200px; height : 3px; left : 50%; margin-left: -600px; text-align : center; line-height: 3px; }
.banner-pagination .swiper-pagination-switch { display : inline-block; width : 36px; height : 3px; background-color: #000; margin : 0 1.5px; opacity : .3; cursor : pointer; }
.banner-pagination .swiper-active-switch { background: #fff; opacity : 1; }
.banner-item { width : 100%; height : 430px; overflow: hidden; position: relative; }
/*.banner-item-box {
    width      : 1200px;
    top        : 0;
    left       : 50%;
    margin-left: -600px;
    position   : absolute;
    z-index    : 2;
}*/
.banner-item img { display : block; position : absolute; top : 0; left : 50%; margin-left: -960px; width : 1920px; height : 430px; z-index : 1; }
.banner-item-btn { width : 143px; height : 37px; background-color : #fff83f; position : absolute; top : 335px; left : 50%; margin-left : -71.5px; z-index : 2; text-align : center; line-height : 37px; /*border-radius   : 2px;*/
-webkit-transition: all .5s; transition : all .5s; }
.banner-item a:hover .banner-item-btn { box-shadow: 0 0 20px 0 rgba(0, 8, 55, 0.5); }
.banner-item a:active .banner-item-btn { box-shadow: 0 0 10px 0 rgba(255, 255, 255, 1); }
.banner-item-btn, .banner-item-btn a { color: #955f0b; }
.sidebar { width: 228px;/*background: red;*/
    /*position: absolute;*/
    /*top  : 0;
    left : 0;*/
}
.sidebar:before { content : ''; display : block; overflow: hidden; height : 480px; }
.sidebar-video { width : 228px; height : 380px; background-color: #7800ff; position : absolute; top : 572px; left : 50%; margin-left : -600px; z-index : 2; overflow : hidden; }
.sidebar-video:after { content : ''; display : block; width : 228px; position : absolute; left : 0; z-index : 2; background-color: #7800ff; height : 48px; bottom : -8px; }
.sidebar-video-pic, .sidebar-video-pic img, .sidebar-video-pic:after { display: block; width : 228px; height : 238px; cursor : pointer; }
.sidebar-video-pic { position : relative; background-color: #3c007f; }
/*.sidebar-video-pic img {
    position: absolute;
    top     : 0;
    left    : 0;
    z-index : 1;
}*/
.sidebar-video-pic:before { content : ''; display : block; width : 46px; height : 46px; background-image : ; background-position: center center; background-repeat : no-repeat; position : absolute; top : 50%; left : 50%; margin-top : -23px; margin-left : -23px; z-index : 4; pointer-events : none; }
.sidebar-video-pic:after { content : ''; background-color: rgba(0, 0, 0, 0.5); position : absolute; z-index : 3; top : 0; left : 0; pointer-events : none; }
.sidebar-txt-box { color: #fff; }
.sidebar-txt-abs, .sidebar-txt-title { padding: 0 20px; }
.sidebar-txt-title { font-size : 20px; line-height: 48px; padding-top: 6px; }
.sidebar-txt-abs { font-size : 14px; line-height: 24px; }
.sidebar-btn-open { width : 19px; height : 18px; position : absolute; bottom : 17px; left : 50%; margin-left : -9.5px; cursor : pointer; z-index : 3; -webkit-transition: all .5s; transition : all .5s; }
.sidebar-btn-open-bottom, .sidebar-btn-open-top { width : 19px; height : 18px; position : absolute; top : 0; left : 50%; margin-left : -9.5px; background-image : ; background-repeat : no-repeat; z-index : 5; overflow : hidden; -webkit-transition: all .5s; transition : all .5s; }
.sidebar-btn-open-top { opacity : .5; background-position: center 0; text-indent : -888px; }
.sidebar-btn-open-bottom { background-position: center bottom; }
.sidebar-btn-off { display : none; transform : rotate(180deg); -ms-transform : rotate(180deg); -moz-transform : rotate(180deg); -webkit-transform: rotate(180deg); -o-transform : rotate(180deg); }
/* ani */
@-webkit-keyframes opcaity {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
@keyframes opcaity {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
.sidebar-btn-open-top { -webkit-animation: opcaity 1.5s infinite; animation : opcaity 1.5s infinite; }
@-webkit-keyframes opcaity2 {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
@keyframes opcaity2 {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
.sidebar-btn-open-bottom { -webkit-animation: opcaity2 1.5s infinite; animation : opcaity2 1.5s infinite; }
/*fllowed by xh @2016-10-15-10:57*/
.nav-on { color: #fff; }
/*修改股权及高层*/
.sidebar-equity-content li { line-height: 54px; }
.sidebar-equity-content li a { font-size: 18px; margin-right: 10px; }
.sidebar-equity-content li span { font-size: 14px; color: #808080; }
#equity .equity-pic { float: left; width: 118px; }
#equity .equity-pic-name { font-size: 18px; line-height: 40px; }
#equity .equity-pic-info { font-size: 14px; color: #808080; line-height: 26px; }
#equity .equity-content { float: right; width: 390px; }
#equity .equity-content-pic { margin: 10px 0 15px 0; }
#equity .equity-content-tit { font-size: 18px; line-height: 50px; }
#equity .equity-content-info { font-size: 14px; color: #808080; line-height: 30px; }
#equity .equity-content-more { color: #3773db; }
.domnone { display: none; }
/*修改视频before/after为dom结构*/
.sidebar-video:after { display: none; }
.sidebar-video .after { display: block; width: 240px; position: absolute; left: -106px; z-index: 2; background-color: #7800ff; /*background: red;*/
height: 48px; bottom: -22px; }
.sidebar-btn-on .after { height: 54px; bottom: -28px; }
.sidebar-btn-off .after { bottom: -12px; }
.sidebar-video-pic:before, .sidebar-video-pic:after { display: none; }
.sidebar-video-pic .before { display: block; width: 46px; height: 46px; background-image: url(/uploads/image/c2img/sidebar-video-btn-play.png); background-position: center center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; z-index: 4; pointer-events: none; }
.sidebar-video-pic .after { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; z-index: 3; top: 0; left: 0; pointer-events: none; }
/*二级投资者关系中分支机构更改*/
.sub-nav-branch-organization { padding: 8px 0; line-height: 20px; }
.sub-nav { height: 266px; }
/*首页滚动新闻*/
.page-scrollnews { position: relative; height: 40px; background-color: #3773db; }
.scroll-news-tit { position: relative; float: left; width: 122px; height: 100%; background: #2956a4  18px center no-repeat; font-size: 14px; line-height: 40px; text-indent: 42px; color: #fff83f; }
.scroll-news-txt:before, .scroll-news-txt:after { content: ""; position: absolute; top: 0; z-index: 2; display: block; width: 45px; height: 40px; }
.scroll-news-txt { position: relative; float: right; width: 1050px; height: 100%; margin: 0 14px; overflow: hidden; }
.scroll-news-txt:before { right: 0; background-image: -moz-linear-gradient( 180deg, rgb(59,118,216) 0%, rgba(59,118,216,0) 100%); background-image: -webkit-linear-gradient( 180deg, rgb(59,118,216) 0%, rgba(59,118,216,0) 100%); background-image: -ms-linear-gradient( 180deg, rgb(59,118,216) 0%, rgba(59,118,216,0) 100%); }
.scroll-news-txt:after { left: 0; background-image: -moz-linear-gradient( 0deg, rgb(59,118,216) 0%, rgba(59,118,216,0) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(59,118,216) 0%, rgba(59,118,216,0) 100%); background-image: -ms-linear-gradient( 0deg, rgb(59,118,216) 0%, rgba(59,118,216,0) 100%); }
.ie8 .scroll-news-txt:before, .ie8 .scroll-news-txt:after { display: none; }
.scroll-item { position: absolute; left: 0; top: 0; height: 30px; width: 100%;/*temp*/ padding-top: 10px; }
.scroll-items { float: left; height: 100%; }
.scroll-items a { position: relative; padding-left: 12px; padding-right: 28px; font-size: 14px; color: #fff; }
.scroll-items a:hover { text-decoration: underline; color: #fff; }
.scroll-items a:after { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 4px; height: 4px; margin-top: -2px; background-color: #fff; border-radius: 100%; }
/**
 * copyright (c) 2000 - 2016 xinhuanet.com all rights reserved.
 * ipo v0.0.3
 * @time 2016-11-02-08.54.17
 */
.stock-information { height: 178px; margin-bottom: 28px; margin-top: 22px; text-transform: uppercase }
.stock-information-in { padding: 18px 22px; position: relative }
.stock-information-bg { background: ; background: -webkit-gradient(linear, left top, right top, color-stop(0, #ecf0f6), color-stop(100%, #fff)); background: -webkit-linear-gradient(left, #ecf0f6 0, #fff 100%); background: linear-gradient(to right, #ecf0f6 0, #fff 100%) }
.ie8 .stock-information-bg { filter:progid: dximagetransform.microsoft.gradient( startcolorstr= '#ecf0f6', endcolorstr='#ffffff', gradienttype=1)
}
.stock-information-top { line-height: 24px; font-size: 18px; color: #333 }
.stock-information-box { position: relative; height: 70px }
.stock-information-title { display: inline-block; float: left;/*font-family:helvetica neue condensed bold,helvetica neue;*/ line-height: 70px; height: 70px; font-size: 46px;/*font-weight:600*/ }
.stock-information-ratio { background-color: #3773db; display: inline-block; float: left; min-width: 85px; line-height: 27px; height: 27px; font-size: 16px; color: #fff; text-align: center; margin-top: 24px; border-radius: 4px; padding: 0 10px }
.stock-information-subtitle { line-height: 24px; font-size: 14px; color: grey; font-weight: 100 }
.red .stock-information-title { color: #ed0e35; padding-right: 10px }
.red .stock-information-ratio { background-color: #ed0e35; padding: 0 }
.green .stock-information-title { color: #149718; padding-right: 10px }
.green .stock-information-ratio { background-color: #149718; padding: 0 }
.stop .stock-information-title { color: grey; font-size: 30px; padding-right: 0 }
.stop .stock-information-ratio { display: none }
/*add 20161130*/
.prospectus-information-release-stock-info { height: 40px; }
.prospectus-information-release-info-txt-more { display: none; }