@import "reset.import.css";
@import "mod_header.import.css";
@import "mod_footer.import.css";
@import "mod_banner.import.css";
.mod_header{position:relative;background-color:#1f2727;}

.mod_bg{position:absolute;left:0;top:0;width:100%;}
.mod_bg .bg1{height:640px;background:url("../image/investment_area/banner2.jpg") no-repeat center 0;}

/*投资者关系介绍*/
.top_intro__bd{text-align:left;}
.top_intro__cont{margin-right:260px;}
.banner--relations{background-image:url(../image/investor_relations/banner_relations.jpg);}
/*投资者关系图谱详细*/
.relations_diagram{height:735px;overflow:hidden;}
.relations_diagram,
.relations_diagram .wrap__inner{background:url(img/investor_relations/relative_pattern.png) no-repeat center top;}
.relations_diagram .wrap__inner{height:100%;}
.diagram_graph{position:relative;height:100%;}
.diagram_obj__group{position:absolute;top:0;left:0;width:100%;height:2000px;}
.diagram_obj{position:absolute;left:50%;background:url(img/investor_relations/polyon_round.png) no-repeat center center;width:110px;height:60px;padding:70px 45px;text-align:center;color:#fff;font-size:14px;display:table;}
.diagram_obj__inner{display:table-cell;vertical-align:middle;}
.diagram_obj--1{top:352px;margin-left:-505px;}
.diagram_obj--2{top:146px;margin-left:-377px;}
.diagram_obj--3{top:51px;margin-left:-101px;}
.diagram_obj--4{top:146px;margin-left:175px;}
.diagram_obj--5{top:352px;margin-left:303px;}
.diagram_semi_circle{position:absolute;left:50%;top:268px;margin-left:-330px;width:660px;height:300px;z-index:10;background:url(img/investor_relations/polyon_shape.png) no-repeat;}
/*投资者关系图文简介*/
.relations_group{position:relative;z-index:20;margin:-170px auto 60px;max-width:92%;min-width:1100px;background-color:#fff;padding-top:110px;}
.relations__item{margin-bottom:100px;}
.relations__item_show{position:relative;}
.relations__item_show_shape{position:absolute;top:50px;left:110px;background-color:#f2f2f2;width:100%;height:100%;}
.relations__item_pic{position:relative;z-index:10;display:block;width:460px;}
.relations__item_desc{position:relative;z-index:20;color:#666;padding-top:100px;font-size:16px;line-height:1.8;}
.relations__item_tit{font-size:36px;font-weight:700;margin-bottom:30px;font-family:"keepcalm";}
.relations__item_content{text-align:justify;}
.relations__item--left .relations__item_show,
.relations__item--left_sp .relations__item_show{float:left;}
.relations__item--left .relations__item_tit,
.relations__item--left_sp .relations__item_tit{text-align:right;}
.relations__item--left .relations__item_desc{margin-left:520px;}
.relations__item--left_sp .relations__item_pic,
.relations__item--right_sp .relations__item_pic{width:670px;}
.relations__item--left_sp .relations__item_desc{margin-left:720px;padding-top:0;}

.relations__item--right .relations__item_show,
.relations__item--right_sp .relations__item_show{float:right;}
.relations__item--right .relations__item_tit,
.relations__item--right_sp .relations__item_tit{text-align:left;}
.relations__item--right .relations__item_desc{margin-right:520px;}
.relations__item--right_sp .relations__item_desc{margin-right:720px;padding-top:0;}

/*动画*/
.diagram_obj__group{-webkit-transform:rotate(-90deg) scale(0);-moz-transform:rotate(-90deg) scale(0);transform:rotate(-90deg) scale(0);opacity:0;}
.diagram_semi_circle{-webkit-transform:translateY(310px);-moz-transform:translateY(310px);transform:translateY(310px);opacity:0;}
.play .diagram_obj__group{-webkit-animation:rotating 1s 0.6s cubic-bezier(0.19, 1, 0.22, 1) both;-moz-animation:rotating 1s 0.6s cubic-bezier(0.19, 1, 0.22, 1) both;animation:rotating 1s 0.6s cubic-bezier(0.19, 1, 0.22, 1) both; }
.play .diagram_semi_circle{-webkit-animation:action 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1) both;-moz-animation:action 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1) both;animation:action 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1) both; }
.diagram_obj:hover{-webkit-animation:scaling 4s both infinite;-moz-animation:scaling 4s both infinite;animation:scaling 4s both infinite;cursor:default;}

@-webkit-keyframes scaling {
    0%,
    100% {-webkit-transform:scale(1);}
    50%{-webkit-transform:scale(1.2);}
}

@-moz-keyframes scaling {
    0%,
    100% {-mox-transform:scale(1);}
    50%{-moz-transform:scale(1.2);}
}

@keyframes scaling {
    0%,
    100% {transform:scale(1);}
    50%{transform:scale(1.2);}
}


@-webkit-keyframes rotating {
    0% {-webkit-transform:rotate(-90deg) scale(0);opacity:0;}
    100% {-webkit-transform:rotate(0deg) scale(1);opacity:1;}
}

@-moz-keyframes rotating {
    0% {-moz-transform:rotate(-90deg) scale(0);opacity:0;}
    100% {-moz-transform:rotate(0deg) scale(1);opacity:1;}
}

@keyframes rotating {
    0% {transform:rotate(-90deg) scale(0);opacity:0;}
    100% {transform:rotate(0deg) scale(1);opacity:1;}
}

@-webkit-keyframes action {
    100% {-webkit-transform:none;opacity:1;}
}

@-moz-keyframes action {
    100% {-moz-transform:none;opacity:1;}
}

@keyframes action {
    100% {transform:none;opacity:1;}
}