﻿.viewport {
    clear: both;
    overflow: hidden;
}
.viewport-cont {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-top: 354px;
}
.fixed-view-ico {
    position: fixed;
    _position: absolute;
    left: auto;
    right: 25px;
    top: 50%;
    z-index: 999;
    width: 124px;
    height: 120px;
    margin-top: -60px;
}
.fixed-view-ico a {
	position:relative;
	display:block;
	width:124px;
	height:22px;
	margin-bottom:5px;
	background:url(../images/dot.png) no-repeat;
	_background:url(../images/dot_ie6.png) no-repeat;
}
.fixed-view-ico .on {
	background-image:url(../images/dot_hover.png);
	_background-image:url(../images/dot_hover_ie6.png);    
}
.fixed-view-ico a span{
	display:inline-block;
	width:0px;
	position:absolute;
	right:38px;
	font-size:12px;
	line-height:22px;
	height:22px;
	font-weight:normal;
	color:#333333;
	text-align:right;
	overflow:hidden;
}
.fixed-view-ico a:hover span,
.fixed-view-ico a.on span{
	width:124px;
}
.fixed-view-ico a.on span{
    color:#ffffff;
}
.inside-arrow{
	height: 52px;
	padding-bottom: 50px;
	position: relative;
}
.inside-arrow .arrow{
	width: 52px;
	height: 52px;	
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -26px;
}
.inside-arrow .arrow a {
    background-image:url(../images/bg_sign04.png); background-repeat:no-repeat; background-position:center center;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-indent: 300px;
    overflow: hidden;
    display: block;
}
.inside-arrow .arrow a:hover{
    background-image:url(../images/bg_sign04b.png); background-repeat:no-repeat; background-position:center center; text-decoration:none;
}
.inside-bg{position:relative; background-color:#ffffff; clear:both; overflow:hidden;}
.about-fi {
    background: url(../images/about-brief.jpg) no-repeat center top fixed #fff;
    padding-top: 402px;
}
.about-se {
    background: url(../images/about-se.jpg) no-repeat center top fixed #fff;
}
.about-th {
    background: url(../images/about-manage.jpg) no-repeat center top fixed #fff;
}
.about-fif {
    background: url(../images/about-history.jpg) no-repeat center top fixed #fff;
}
.about-five {
    background: url(../images/about-world.jpg) no-repeat center top fixed #fff;
}
.about-tit{height:28px; text-align:center; margin-top:50px;}
.about-tit span{display:inline-block;}
.about-tit span.span-01{font-size:24px; color:#3655b1; text-transform:uppercase;}
.about-tit span.span-02{color:#adadad; font-size:16px; font-family:Arial; padding-left:20px; padding-top:10px; text-transform:uppercase;}
.about-brief{padding-top:60px; padding-bottom:100px; width:1000px; overflow:hidden; word-wrap:break-word; word-break:break-all; clear:both; line-height:200%;}
.about-brief p{padding-bottom:15px;}
.about-history{width:1000px; height:56px; position:relative; overflow:hidden; margin-top:50px;}
.about-history ul{float:left;}
.about-history ul li{width:106px; height:56px; float:left;}
.about-history ul li a{width:106px; height:16px; padding-top:40px; display:block; background-image:url(../images/history.png); background-repeat:no-repeat; background-position:center 10px; text-align:center; font-size:12px; color:#898989;}
.about-history ul li a.jc_current,
.about-history ul li a:hover{background-image:url(../images/history2.png); font-size:18px; color:#2654b4; text-decoration:none; height:20px; padding-top:36px;}
.about-history a.prev-5,
.about-history a.next-5{float:left; width:56px; height:56px; line-height:56px; overflow:hidden; text-indent:300px; display:block; background-repeat:no-repeat; background-position:center center;}
.about-history a.prev-5{background-image:url(../images/prev5.png); margin-right:20px;}
.about-history a.next-5{background-image:url(../images/next5.png); margin-left:20px;}
.about-history a.prev-5:hover{background-image:url(../images/prev5-2.png); text-decoration:none;}
.about-history a.next-5:hover{background-image:url(../images/next5-2.png); text-decoration:none;}
.history-list{clear:both; overflow:hidden; margin-top:50px; padding-bottom:100px;}
.history-list .zf_list{width:1000px; line-height:190%; word-wrap:break-word; word-break:break-all; padding:7px 0px 7px 0px; clear:both; overflow:hidden; font-size:14px;}
.about-Social{clear:both; overflow:hidden; padding-bottom:100px;}
.about-Social .jc_con{width:274px; float:left;}
.about-Social .mright{margin-right:89px;}
.about-Social .jc_con .tit{height:35px;}
.about-Social .jc_con .tit a{font-size:16px; font-weight:bold; color:#333333;}
.about-Social .jc_con .tit a:hover{color:#2654b4;}
.about-Social .jc_con .brief{width:274px; line-height:190%; word-wrap:break-word; word-break:break-all; clear:both; overflow:hidden;}
.about-Social .jc_con .more{margin-top:30px; height:35px;}
.about-Social .jc_con .more a{width:35px; height:35px; line-height:35px; display:block; text-indent:300px; overflow:hidden; background-image:url(../images/next6.png); background-repeat:no-repeat;}
.about-Social .jc_con .more a:hover{background-image:url(../images/next6-2.png); text-decoration:none;}