@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}


.clear{clear:both;display:block;overflow:hidden;}

/* history */
.historybox{width:100%;position:relative;}
#history{width:100%;position:relative;margin:50px auto 0 auto;}
.title{height:95px;line-height:95px;text-indent:280px;}
.title h2{color:#7c7c7c;font-size:1.5em;font-weight:500;}
#start{
	width:95px;height:95px;position:absolute;top:0;left:8em;border:6px solid rgba(0,0,0,0.15);border-radius:95px;text-indent:0;text-align:center;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#start .cmsk{height:83px;position:absolute;width:83px;top:0;left:0;}
#circle:hover{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	border-color:rgba(0,0,0,0);
}
.clock{display:block;}
#start:hover {border-color:rgba(255,255,255,0.6);background-color:#a6e2fd;}
#start:hover .clock{display:block;}
#start:hover .circlecontent{display:none;}
#start span{font-size:1.5em;color:#b0b0b0;}
#start .clock{
	background:url(../img_external/clock.png) no-repeat 0 0;width:83px;height:83px;position:absolute;top:0;left:0;display:none;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	border-radius:0;
}
#start:hover .clock{border-radius:83px;}
.timeyear{color:#b0b0b0;font-size:18px;line-height:20px;}
.timeblock{height:28px;margin-top:22px;margin-left:5px;}
.timeblock span{display:block;height:24px;width:18px;background:url(../img_external/date.png) no-repeat 0 0;float:left;}
.timeblock .numf{background-position:0px -48px;}
.timeblock .nums{background-position:0px 0px;}
.timeblock .numt{background-position:0px -24px;}
.timeblock .numfo{background-position:0px -72px;}
#content{height:355px;width:100%;overflow:hidden;/* background:url(../img_external/vertical.png) no-repeat 10em 2px;padding-top:10px; */}
.list{overflow:hidden;position:relative;}
.list li{height:69px;vertical-align:bottom;overflow:hidden;position:relative;}
.liwrap{height:55px;margin-top:28px;}
.lileft{position:absolute;top:0;left:0px;height:98px;width:16%;line-height:98px;text-align:right;}
.liright{position:absolute;top:0;right:0px;height:98px;width:80%;}
.histt{height:98px;line-height:98px;}
.hisct{font-size:1em;color:#6e6e6e;}
.md{font-size:1.2em;color:#3488c5;}
.year{font-size:1em;color:#AEAEAE;margin-right:10px;}
.point{width:55px;height:55px;position:absolute;top:0;left:8.5em;/* background:url(../img_external/point.png) no-repeat 0px 18px;overflow:hidden; */}
.point b{
	height:16px;width:16px;background:#fff;display:block;margin:17px 0 0 19px;border-radius:18px;border:2px solid #3488c5;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
	position:absolute;
	top:0;left:0;
}
.thiscur .point b{border:7px solid rgba(52,136,197,0.8);margin:12px 0px 0px 14px;border-radius:52px;}
.thiscur .histt a{color:#3488c5;}
.histt a{
	font-size:1.2em;color:#747474;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#arrow{position: absolute;top: 50%;right:-30px;z-index: 10;}
*html #arrow{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:350px;}

#arrow ul li{
	display:block;height:20px;width:20px;background:url(../img_external/updown.png) no-repeat 0 0;cursor:pointer;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
#arrow ul li:active{background-color:#000;}
#arrow ul .arrow_active{
	background-color:#000;
	-webkit-transition:all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;
	transition:all 0.1s ease-in;
}
#arrow ul .arrowup{background-position:0px -26px;margin-bottom:10px;}
#arrow ul .arrowdown{background-position:0px 0px;}

.end{
	width:95px;height:95px;position:absolute;left:8em;border:6px solid rgba(0,0,0,0.15);border-radius:95px;text-indent:0;text-align:center;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.end span{color:#3488c5;font-size:1.2em}

/* 合作伙伴 */
#effects a{color:#666e70}

@media (max-width:700px) {
	.end{position:absolute;left:1.5em;}
	.point{position:absolute;left:8em;}
	#start{position:absolute;left:1.5em;}
	
	.themeBackground-1{padding:35px 20px 10px 20px;width: 85%;}
	.themeBackgroundAbout-2{font-size: 1em;}
	
	.themeBackgroundZhenxin-2{font-size: 1em;line-height:1em}
}
@media (min-width: 701px) and (max-width:800px)  {
	.end{position:absolute;left:1.5em;}
	.point{position:absolute;left:8em;}
	#start{position:absolute;left:1.5em;}
	
	.themeBackground-1{padding:35px 20px 10px 20px;width: 80%;}
	.themeBackgroundAbout-2{font-size: 1em;}
	
	.themeBackgroundZhenxin-2{font-size: 1em;line-height:1em}
}
@media (min-width: 801px) and (max-width:1000px)  {
	.end{position:absolute;left:6.5em;}
	.point{position:absolute;left:8em;}
	#start{position:absolute;left:6.5em;}
	
	.themeBackground-1{padding:15px 17px 10px 17px;width: 70%;}
	.themeBackgroundAbout-2{font-size: 1.2em;}
	
	.themeBackgroundZhenxin-2{font-size: 1em;line-height:1em}
}
@media (min-width: 1001px) and (max-width:1120px) {
	.end{position:absolute;left:6.8em;}
	.point{position:absolute;left:8.2em;}
	#start{position:absolute;left:6.8em;}
	
	.themeBackground-1{padding:15px 14px 10px 14px;}
	.themeBackgroundAbout-2{font-size: 1.4em;}
	
	.themeBackgroundZhenxin-2{font-size: 1.2em;}
}
@media (min-width: 1121px) and (max-width:1250px) {
	.end{position:absolute;left:7.1em;}
	.point{position:absolute;left:8.3em;}
	#start{position:absolute;left:7.1em;}
	
	.themeBackground-1{padding:15px 12px 10px 12px;}
	.themeBackgroundAbout-2{font-size: 1.8em;}
	.themeBackgroundZhenxin-2{font-size: 1.4em;}
}
@media (min-width: 1251px) and (max-width:1400px) {
	.end{position:absolute;left:7.5em;}
	.point{position:absolute;left:8.6em;}
	#start{position:absolute;left:7.5em;}
	
	.themeBackground-1{padding:15px 9px 10px 9px;}
	.themeBackgroundAbout-2{font-size: 2em;}
	.themeBackgroundZhenxin-2{font-size: 1.4em;}
}
@media (min-width: 1401px) and (max-width:1520px) {
	.end{position:absolute;left:7.8em;}
	.point{position:absolute;left:8.7em;}
	#start{position:absolute;left:7.8em;}
	
	.themeBackground-1{padding:15px 8px 10px 8px;}
	.themeBackgroundAbout-2{font-size: 2.2em;}

	.themeBackgroundZhenxin-2{font-size: 1.6em;}
}
@media (min-width: 1521px) and (max-width:1700px) {
	.end{position:absolute;left:7.9em;}
	.point{position:absolute;left:8.85em;}
	#start{position:absolute;left:7.9em;}
	
	.themeBackground-1{padding:15px 4px 10px 4px;}
	.themeBackgroundAbout-2{font-size: 2.4em;}
    .themeBackgroundZhenxin-2{font-size: 1.8em;}
}
@media (min-width: 1701px){
	.end{position:absolute;left:8.2em;}
	.point{position:absolute;left:9em;}
	#start{position:absolute;left:8.2em;}
	
    .themeBackground-1{padding:15px 0 10px 0;width: 50%;}
    .themeBackgroundAbout-2{font-size: 2.6em;}
    .themeBackgroundZhenxin-2{font-size: 1.8em;line-height:1.4em}
}


@media (max-width:1000px) {
	.themeBackgroundAbout{background-image: url(../img_external/gallery/banner007.jpg);background-size:160%;background-repeat:no-repeat;background-color:#fff;}
    .themeBackgroundZhenxin{background-image: url(../img_external/gallery/zhenxinnew.jpg);background-size:160%;background-repeat:no-repeat;background-color:#fff;}
}
@media (min-width: 1001px) {
	.themeBackgroundAbout{background-image: url(../img_external/gallery/banner007.jpg);}
	.themeBackgroundZhenxin{background-image: url(../img_external/gallery/zhenxinnew.jpg);}
}