@charset "utf-8";
.intro-bar{ width: 100%; height: 1px; display: block; background: #0075d9; border-top: 1px solid #026acc;}
.intro-img{ width: 100%; height: 382px; display: block; overflow: hidden; min-width: 1200px;}
.in-img{ position: relative; left: 50%; margin-left: -960px; width: 100%; height: 382px;}
.intro-img img{ width: auto; height: 380px; display: block;}
.columnbox{ width: 1090px; height: auto; margin: 50px auto; display: block; position: relative; overflow: hidden;}
.sidebarbox{ width: 186px; height: auto; border: 1px solid #fbfbfb; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-radius: 2px; background: #fff; position: relative; float: left; box-shadow: 1px 1px 3px 0px #f4f4f4;z-index:9999}
.sidebarbox ul{ overflow: hidden; margin-top: -2px;}
.sidebarbox li{ margin-top: 2px; display: block; background: #f5f5f5; height: 52px; line-height: 52px; position: relative;}
.sidebarbox li a{ width: 100%; height: 100%; padding-left: 24px; display: block; font-size: 16px; font-family: "微软雅黑";}
.sidebarbox li i{ width: 5px; height: 52px; position: absolute; top: 0; left: 0; background: #004b92; display: none;}
.sidebarbox li a:hover{ background: #fff; color: #004b92;}
.sidebarbox li a:hover i{ display: block;}
.sidebarbox li .active{background: #fff; color: #004b92;}
.sidebarbox li .active i{ display: block;}
.container-rig{ width: 864px; height: auto; float: right;}
.container-rig .main-tit{ font-size: 24px; color: #004b92; line-height: 26px; padding-bottom: 18px; position: relative; padding-left: 30px; border-bottom: 1px solid #dcdcdc;}
.container-rig .main-tit i{ width: 5px; height: 26px; background: #004b92; position: absolute; top: 0; left: 0;}
.container-rig .main-tit span{ color: #c0c0c0; font-size: 18px; font-family: "[Aldine721BT]"; padding-left: 22px; position: relative; top: -1px;}
.cat-txt{ padding-bottom: 30px;}
.cat-txt p{ line-height: 30px; font-size: 14px; color: #555; padding: 25px 0;}
.cat-txt span{ color: #004b92;}
.domain{ width: 864px; height: auto; position: relative; overflow: hidden; padding: 27px 0 54px;}
.domain ul{ overflow: hidden;}
.domain li{width: 216px; height: 194px; float: left; background: #f7f7f7; text-align: center; position: relative; overflow: hidden;}
.domain ul .bg{ background: #eee;}
.domain li i{ width: 55px; height: 55px; display: block; margin: 50px auto 10px; background:url("../images/about/icon.png") no-repeat;}
.domain li .icon1{ background-position: -110px -165px;}
.domain li .icon3{ background-position: -55px 0;}
.domain li .icon4{ background-position: -110px 0;}
.domain li .icon5{ background-position: -165px 0;}
.domain li .icon6{ background-position: 0 -55px;}
.domain li .icon7{ background-position: -55px -55px;}
.domain li .icon8{ background-position: -110px -55px;}
.domain li .icon9{ background-position: -165px -55px;}
.domain li .icon10{ background-position: 0 -110px;}
.domain li .icon11{ background-position: -55px -110px;}
.domain li .icon12{ background-position: -110px -110px;}
.domain li .icon13{ background-position: -165px -110px;}
.domain li .icon14{ background-position: 0 -165px;}
.domain li .icon15{ background-position: -55px -165px;}
.domain li .icon16{ background-position: -110px -165px;}
.domain li span{ color: #555; font-size: 18px; display: block;}
.domain li strong{ font-size: 24px; color: #fff; display: none; height: 55px; margin: 50px auto 5px; z-index: 1; position: relative;}
.domain li a{ color: #004b92; font-size: 24px; display: none; position: relative; z-index: 1;}
.domain li .bga{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;}
.domain li:hover .bga{ background:url("../images/about/bg.png") no-repeat;
animation: 0.7s ease 0s normal none 1 running myoutscle1; transform: scale(1.1);}
@keyframes myoutscle1 {
0% {
    transform: scale(1, 1);
}
100% {
    transform: scale(1.1, 1.1);
}
}
.domain li:hover i{ display: none;}
.domain li:hover span{ display: none;}
.domain li:hover strong{ display: block;}
.domain li:hover a{ display: block; margin-top: 10px;font-size: 0; width: 138px; height: 38px; border:0;}
.domain .lost:hover{ background: #f7f7f7;}
.dggtrait{ margin: 48px 0 48px 22px; height: 402px; display: block; position: relative;}
.dggtrait>div{ position: absolute; width: 256px; height: 256px; text-align: center;}
.dggtrait>div .bg{background:url("../images/about/bg2.png") no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;}
.dggtrait>div i{ width: 50px; height: 48px; background:url("../images/about/icon2.png") no-repeat; display: block; margin: 57px auto 12px; z-index: 1; position: relative;}
.dggtrait>div b{ font-size: 18px; color: #fff; z-index: 1; position:relative;}
.dggtrait>div p{ display: block; margin: 8px auto 0; color: #fff; font-size: 14px; line-height: 20px; z-index: 1; position: relative;}
.dggtrait>div:hover .bg{background:url("../images/about/bg3.png") no-repeat;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-ms-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);}
.dggtrait>div:hover b{ color: #555;}
.dggtrait>div:hover p{ color: #555;}
.dggtrait>div .icon1{ background-position: 0 0;}
.dggtrait>div .icon2{ background-position: -50px 0;}
.dggtrait>div .icon3{ background-position: -100px 0;}
.dggtrait>div .icon4{ background-position: -150px 0;}
.dggtrait>div .icon5{ background-position: -200px 0;}
.dggtrait>div:hover .icon1{ background-position: 0 -48px;}
.dggtrait>div:hover .icon2{ background-position: -50px -48px;}
.dggtrait>div:hover .icon3{ background-position: -100px -48px;}
.dggtrait>div:hover .icon4{ background-position: -150px -48px;}
.dggtrait>div:hover .icon5{ background-position: -200px -48px;}
.dggtrait .bank1{ top: 0; left: 0;}
.dggtrait .bank2{ top: 146px; left: 140px;}
.dggtrait .bank3{ top: 0; left: 280px;}
.dggtrait .bank4{ top: 146px; left: 422px;}
.dggtrait .bank5{ top: 0; left: 563px;}
.dggdata{ padding: 80px 0; position: relative; overflow: hidden;}
.dggdata ul{ width: 860px; overflow: hidden; margin: 0 auto;}
.dggdata li{ width: 142px; float: left; margin: 0 15px; text-align: center;}
.dggdata li .icon{width: 116px; height: 116px; border-radius: 56px; display: block; background:#004b92; line-height: 116px; font-size: 24px; color: #fff; margin-top: 13.5px;}
.dggdata li .icon b{ font-size: 40px;}
.dggdata li span{ font-size: 18px; margin-top: 20px; display: block;}
.dggdata li .icon:hover{ background: #ff8814; border: 8px solid #fff1e2; border-radius: 50%; margin-top: 10px;animation: 0.6s ease 0s normal none 1 running myoutscle; transform: scale(1.1);}
@keyframes myoutscle {
0% {
    transform: scale(1, 1);
}
100% {
    transform: scale(1.1, 1.1);
}
}
.relationbox {margin: 20px auto; display: block; overflow: hidden; background: #f4f4f4;}
.relationbox>p{ float: left; width: 840px; line-height: 35px; color: #444; font-size: 16px; padding: 10px 10px 10px 10px;}
.relationbox>p span{ color: #fe5960; font-weight: 600;}
.relationbox2 {margin: 20px auto; display: block; overflow: hidden;}
.relationbox2>p{ float: left; width: 840px; line-height: 35px; color: #444; font-size: 16px; padding: 10px 10px 10px 10px;}
.sub-tit{ display: block; clear:both; margin: 10px auto;position: relative; overflow: hidden; background:url("../images/about/icon3.png") left center no-repeat; font-size: 16px; color: #444; padding: 0 0 0 25px;}
.sub-tit b{ position: relative; top: -1px;}
.relamap{ display: block; border: 1px solid #dcdcdc; height: 400px; padding: 6px; margin-bottom: 25px;}
.relamap:hover{ border: 1px solid #004b92;}
.main-cat{background-color:#f5f5f5; margin-top:20px; width:830px; padding:35px 0 55px 35px;}
.main-cat .main{background:url("../images/about/hr.jpg") repeat-y 107px 0;}
.main-cat .year{position:relative; z-index:100; margin-bottom:15px; overflow:hidden; }

.main-cat h3{float:left; font-size:16px; width:90px; text-align:right; position:relative;}
.main-cat .year  h3 a span{background:url("../images/about/icon7.png") 0 0 no-repeat;  width:26px; height:26px; display:block; position:absolute; left:93px; top:0;}
.main-cat h3 i{display:block; position:absolute; top:8px; left:125px;-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	-webkit-transform-origin:6px 3px;
	-moz-transform-origin:6px 3px;
	-ms-transform-origin:6px 3px;
	-o-transform-origin:6px 3px;
	transform-origin:6px 3px}
.main-cat .list{  position: relative;
    overflow: hidden;
    -webkit-transition: height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
    -moz-transition: height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
    -ms-transition: height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
    -o-transition: height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
    transition: height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	margin-top:20px;
}
.main-cat .list ul{bottom:0; }
.main-cat .list ul li{/*background:url(../images/about/icon5.png) 3px 0 no-repeat;*/ color:#555; padding-left:48px; font-size:14px;}
.main-cat h3 a .intros{font-size:16px; color:#555; position:absolute; left:120px; top:0; width:80px;}
.main-cat .list ul li .more p{padding:12px 0; border-bottom:1px dotted #e5e5e5;}
.main-cat .list ul li .more p span{color:#adadad; font-size:16px; font-family:"HiraginoSansGB"; display:block}
/*.main-cat .main .year.close h3 i{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}*/
.main-cat .list ul li .more p em{display:inline-block; color:#004b92;}
.main-cat .main .year h3 i .img2{display:block;}
.main-cat .main .year h3 i .img1{display:none;}
.main-cat .main .year.close h3 i .img1{display:block;}
.main-cat .main .year.close h3 i .img2{display:none;}
.main .year.close .list{
	opacity:0;
	height:0!important;
}
.main-cat .year.close h3 a span{background:url("../images/about/icon5.png") 0px 0 no-repeat; left:98px;}