::-webkit-scrollbar{
	width: 8px;
}
::-webkit-scrollbar-track{
	background: #fff;
}
::-webkit-scrollbar-thumb{
	background: #1b1b1b;
}
::-webkit-scrollbar-thumb:window-inactive{background: #1b1b1b;
}
::-webkit-scrollbar-thumb:vertical:hover{background: #1b1b1b;
}
html, body {
	font-size:12px;
    color: #777;
}
header {
	    position: relative;
	    z-index: 10;
	    transition: transform 0.5s ease 0s;
	    height: 100px;
	}
header .header-main {
    width: 100%;
    padding-top: 28px;
    height:72px;
    background-color: #fff;
    transition: padding 0.3s ease 0s, transform 0.5s ease 0s;
    position: fixed;
    left: 0;
    top: 0;
}	
.header-main-inner{width:79%;margin: 0 auto;min-width: 1200px;}
.header-main-part{float:left;}
.header-main-part >span:nth-child(1) >a{float:left;}
.header-main-part >span:nth-child(1) >a >img{width:45px;}
.header-main-part >span:nth-child(2){color:#000;float:left;font-size:24px;margin-left: 12px;margin-top:7px;}
.header-main-part >span:nth-child(3){float:left;border:1px solid #d1d1d1;height:30px;margin-left: 12px;margin-top:4px;}
.header-main-part >span:nth-child(4){color:#000;float:left;font-size:18px;margin-left: 12px;margin-top:12px;}

.service_item{float: right;padding-top: 10px;}
.service_item >a { float:left;}
.service_item >a:nth-child(n+2){margin-left: 34px;}
.service_item >a >span{font-size: 14px;color:#333;}
.service_item >a >span:HOVER{color:gray;}

.login_service{float: right;padding-top: 2px;}
.login_service >a { float:left;}
.login_service >span{float:left;border:1px solid #d1d1d1;height:15px;margin-left: 12px;}
.login_service >a:nth-child(1){margin-left: 51px;}
.register{margin-left: 12px;}
.login_service >span{font-size: 12px;}

.login_service a:HOVER{color:gray;}

.clearfix {
	zoom: 1;
}

a img {
	border: 0;
}

div,a,img,ul,li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
.per100_ad00,.per100_ad01,.per100_ad02,.per100_ad03,.per100_ad04{overflow:hidden;min-width:1200px;min-height: 300px;}
.per100_ad00{ position:relative}
.per100_ad01{height: 100%; background:#080A1F url(http://cdn.eccalc.com/storage/files/2fbeb4a9-18e2-4539-ae27-df38c32e6404.png) center center no-repeat;}
.per100_ad02{height: 100%; background:#040A1A url(http://cdn.eccalc.com/storage/files/2fbeb4a9-18e2-4539-ae27-df38c32e6404.png) center center no-repeat;}
.per100_ad03{height: 100%; background:#0F0F0F url(http://cdn.eccalc.com/storage/files/2fbeb4a9-18e2-4539-ae27-df38c32e6404.png) center center no-repeat;}
 UL {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.num {POSITION: absolute; WIDTH: auto;bottom: 30px; right:50%; z-index:2;}
.num LI {TEXT-ALIGN: center; LINE-HEIGHT: 15px; LIST-STYLE-TYPE: none; MARGIN: 1px;padding:0 5px; WIDTH: 15px; FONT-FAMILY: Arial; FLOAT: left; HEIGHT: 15px; COLOR: #86a2b8; FONT-SIZE: 12px; CURSOR: pointer; background:url(../../../codebase/login/img/normal.png) no-repeat;}
.num LI.on {LINE-HEIGHT: 15px; WIDTH: 15px; HEIGHT: 15px; COLOR: #ffffff; background:url(../../../codebase/login/img/on.png) no-repeat;}

.link{
			border: 1px solid #aaa;
		    display: block;
		    width: 42px;
		    height: 42px;
		    border-radius: 50%;
		    margin-top: 66px;
		    transition: background 0.3s ease 0s;
		    position: relative;
		    overflow: hidden;
	}

.link .bg{
	    display: block;
	    width: 0;
	    height: 0;
	    left: 50%;
	    top: 50%;
	    transition: all 0.3s ease 0s;
	    position: absolute;
	    border-radius: 50%;
	    overflow: hidden;

}
.link i{
		display: block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    z-index: 2;
	    transition: all 0.3s ease 0s;
	    background: url(../../../codebase/web/images/ico_06.png) no-repeat center;
}
.link:hover i {
    background: url(../../../codebase/web/images/ico_05.png) no-repeat center;
    background-color: #333;
}

.link2 i{
		display: block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    z-index: 2;
	    transition: all 0.3s ease 0s;
	    background: url(../../../codebase/web/images/ico_05.png) no-repeat center;
}
.link2:hover i {
    background: url(../../../codebase/web/images/ico_06.png) no-repeat center;
    background-color: #fff;
}


.link3{margin-top: 10px !important;float: right;margin-right: 25px;}	
.link3 i{right: 0px;}

.up-graybox{
	z-index: 3;
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.up-graybox .out-ico {
    display: none;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.content_all{width:100%;height: auto;background-color: #eaeaea;}
.content_bd{
	width:79%;height: 100%;margin: 0 auto;
	}
   .content_part{width:100%;margin-bottom: 10px;zoom:1;min-width: 714px;}
   .content_part1{margin-bottom: 0px;}
   .content_part2{height: 170px;margin-bottom: 0px;}
	
	
.content_part:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.content_part_back1{background-color: #fff;}
.content_part_back2{background-color:#262626;color:#fff;}
.content_part_back3{background-color: #2f2f2f;color:#fff;}
	
.intro_part{float:left;width:45%;height: 100%;}
.intro_part_50{float:left;width:50%;height: 100%;}
.intro_part1{background-color: #fff;}	
.intro_part2{background-color:#262626;}
.intro_part3{background-color: #3e3e3e;color:#fff;}

.left_inner_part{padding-top: 82px;padding-right: 30px;padding-left: 30px;}

.left_inner_part .left_inner_part_title{padding-bottom: 10px;}
.left_inner_part .left_inner_part_title span{font-size:24px;color:#000;letter-spacing: 2px;}
.left_inner_part_split{padding-bottom: 20px;}
.left_inner_part_split .line {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;}
.left_inner_part .left_inner_part_memo{padding-bottom: 20px;}
.left_inner_part .left_inner_part_memo span{font-size:16px;color:#565e61;}
.left_inner_part .left_inner_part_intro{font-size:13px;width:400px;color:#99A5B2;padding-bottom: 20px;line-height: 25px;letter-spacing: 2px;}
.left_inner_part .left_inner_part_link{padding-bottom: 0px;}
.left_inner_part_top{padding-top: 150px;}

.left_inner_part_title_font2{color: #fff !important;font-weight: bold !important;}
.left_inner_part_split_font2{background-color: #9a9a9a !important;}
.left_inner_part_memo_font2{color: #cdcdcd !important; font-size: 14px !important;}
.left_inner_part_intro_font2{color: #fff !important;opacity: 0.5 !important;font-size: 14px !important;filter: alpha(opacity=50) !important;line-height: 24px;}

.pic_part{float:left;width:55%;height: 100%;position: relative;}
.pic_part_50{float:left;width:50%;height: 100%;position: relative;}
.pic_part >a{transition: color 0.3s ease 0s;width:100%;height: 100%;}
.pic_part >a >img{width:100%;height: 100%;z-index: 2;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.pic_part:hover .up-graybox {opacity: 1;filter: alpha(opacity=1);}

.intro_part_style{color:#fff !important;}

.content_part_pic{float:left;width:50%;height: 100%;background-color: #eaeaea;}
.content_part_pic_split{position: relative;height: 100%;margin-right: 7px;}
.content_part_pic_split2{margin-left: 7px;margin-right: 0px;}
.content_part_pic_split >a{transition: color 0.3s ease 0s;}
.content_part_pic_split >a >img{width:100%;height: 100%;z-index: 2;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.content_part_pic_split:hover .up-graybox {opacity: 1;filter: alpha(opacity=1);}

.inner_pad{padding-top: 15px;}

.resource_body{width:100%;height: 520px;background-color: #fff;}
.resource_body_pad{padding: 0 80px;}
.resource_title{text-align: center;padding-top: 70px;padding-bottom: 100px;}
.resource_title >span{font-size:26px;color:#565E61;}

.resource_content_item{width:100%;height: 130px;}
.resource_content_item >div{width:25%;float:left;}
.resource_content_item >div >div:nth-child(1){text-align: center;}
.resource_content_item >div >div:nth-child(1) >img{width:52px;}
.resource_content_item >div >div:nth-child(2){text-align: center;font-size: 16px;padding-top: 10px;color: #565E61;}

.parter_resource_body{width:100%;height: 422px;background-color: #fff;}
.parter_resource_body_pad{padding: 0 80px;}
.parter_resource_title{text-align: center;padding-bottom: 100px;}
.parter_resource_title >span{font-size:26px;color:#565E61;}

.parter_resource_content_item{width:100%;height: 130px;}
.parter_resource_content_item >div{width:25%;float:left;}
.parter_resource_content_item >div >div:nth-child(1){text-align: center;}
.parter_resource_content_item >div >div:nth-child(1) >img{width:130px;}

.data_design{float:left;width:50%;height: 100%;background-color: #eaeaea;padding-bottom: 15px;}
.data_design_inner{height: 100%;margin-right: 8px;background-color: #fff;}
.data_design_inner2{margin-left: 8px;margin-right: 0px;}
.data_design_inner >div:nth-child(1){width:100%;height: 60px;}
.data_design_inner >div:nth-child(1) >span{font-size:26px;color:#000000;float: left;margin-left: 30px;margin-top: 15px;}
.data_design_inner >div:nth-child(2){height: 40px;margin-left: 30px;margin-right: 20px;border-bottom: 1px solid #d1d1d1;}
.data_design_inner >div:nth-child(2) >span{font-size:16px;float:left;color:#8C959f;}
.data_design_inner >div:nth-child(2) >img{float:right;margin-right: 20px;}

.ysb_data_total{width:100%;height: auto;position: relative;}
.ysb_data_info{width:868px;position: absolute;top:160px;left:40px;color:#fff;}
.ysb_data_info_title{padding-bottom: 50px;}
.ysb_data_info_title span{font-size: 26px;}
.ysb_data_info_users,.ysb_data_info_fgl{padding-bottom: 30px;}
.ysb_data_info_fgl{padding-top: 20px;}
.ysb_data_info_users span{font-size: 20px;}
.ysb_data_info_fgl span{font-size: 20px;}


.ysb_data_info_block{width: 100%;height: 110px;}
.ysb_data_info_item{float: left;width: 33.33%;height: 100%;}
.ysb_data_info_item >div:nth-child(1){text-align: center;padding-top:5px;padding-bottom: 30px;}
.ysb_data_info_item >div:nth-child(1) span{font-size: 16px;}
.ysb_data_info_item >div:nth-child(2){text-align: center;}
.ysb_data_info_item >div:nth-child(2) span{font-size: 42px;}

.ysb_data_info_item_pad{height: 100%;border-left: 1px solid gray;border-right: 1px solid gray;padding-top: 0px !important;padding-bottom: 0px !important;}
.ysb_data_info_item_pad >div:nth-child(1){text-align: center;padding-top: 5px;padding-bottom: 30px;}
.ysb_data_info_item_pad >div:nth-child(1) span{font-size: 16px;}
.ysb_data_info_item_pad >div:nth-child(2){text-align: center;}
.ysb_data_info_item_pad >div:nth-child(2) span{font-size: 42px;}



.ysb_fgl_info_block{width: 100%;height: 135px;}
.ysb_fgl_info_item{float: left;width: 25%;height: 100%;}
.ysb_fgl_info_item >div:nth-child(1){text-align: center;padding-top:5px;padding-bottom: 30px;}
.ysb_fgl_info_item >div:nth-child(1) span{font-size: 16px;}
.ysb_fgl_info_item >div:nth-child(2){text-align: center;padding: 0 10px;height: 30px;padding-bottom: 20px;}
.ysb_fgl_info_item >div:nth-child(2) img{width: 30px;}
.ysb_fgl_info_item >div:nth-child(3){text-align: center;padding-top:5px;padding-bottom: 10px;font-size: 14px;}
.ysb_fgl_info_item >div:nth-child(3) span{font-size: 32px;}

.ysb_fgl_info_item_pad{height: 100%;border-left: 1px solid gray;padding-top: 0px !important;padding-bottom: 0px !important;}
.ysb_fgl_info_item_pad >div:nth-child(1){text-align: center;padding-top:5px;padding-bottom: 30px;}
.ysb_fgl_info_item_pad >div:nth-child(1) span{font-size: 16px;}
.ysb_fgl_info_item_pad >div:nth-child(2){text-align: center;padding: 0 10px;height: 30px;padding-bottom: 20px;}
.ysb_fgl_info_item_pad >div:nth-child(2) img{width: 30px;}
.ysb_fgl_info_item_pad >div:nth-child(3){text-align: center;padding-top:5px;padding-bottom: 10px;font-size: 14px;}
.ysb_fgl_info_item_pad >div:nth-child(3) span{font-size: 32px;}



.intro_info{margin: 0 auto;width: 79%;position: relative;}
.intro_info >div{position: absolute;top: 280px;left: 20px;color:#fff;z-index: 9;}
.intro_info >div >div{padding-bottom: 10px;font-size: 47px;line-height: 56px;letter-spacing:5px;transition: all 0.4s ease 0.8s;}

.ysb_data_total_split{width:100%;border-bottom: 1px solid gray;height: 1px;padding-top: 20px;padding-bottom: 20px;}

@media (max-width: 1750px){
	.ysb_data_info{width: 752px;position: absolute;top:140px;left:40px;color:#fff;}
}

@media (max-width: 1650px){
	.ysb_data_info{width: 700px;position: absolute;top:120px;left:40px;color:#fff;}
	
	.intro_info >div{top:180px !important;}
	.intro_info >div >div {
	    padding-bottom: 10px;
	    font-size: 42px;
	    line-height: 52px;
	    letter-spacing: 3px;
	    transition: all 0.4s ease 0.8s;
	}
}

@media (max-width: 1500px){
	.ysb_data_info{width: 612px;position: absolute;top:100px;left:40px;color:#fff;}
	
	.left_inner_part{padding-top: 50px;padding-right: 30px;padding-left: 30px;}
	.link{margin-top: 30px;}	
	.left_inner_part_top{padding-top: 100px !important;}
	
	.intro_info >div{top:150px !important;}
	.intro_info >div >div {
	    padding-bottom: 10px;
	    font-size: 40px;
	    line-height: 48px;
	    letter-spacing: 3px;
	    transition: all 0.4s ease 0.8s;
	}
}

@media (max-width: 1380px){
	.ysb_data_info{width: 562px;position: absolute;top:80px;left:40px;color:#fff;}
	
	.left_inner_part{padding-top: 50px;padding-right: 30px;padding-left: 30px;}
	.link{margin-top: 30px;}	
	.left_inner_part_top{padding-top: 100px !important;}
	
	.intro_info >div{top:130px !important;}
	.intro_info >div >div {
	    padding-bottom: 10px;
	    font-size: 38px;
	    line-height: 45px;
	    letter-spacing: 2px;
	    transition: all 0.4s ease 0.8s;
	}
}

@media (max-width: 1250px){
	.ysb_data_info{width: 512px;position: absolute;top:60px;left:40px;color:#fff;}
	.ysb_fgl_info_block{height: 103px;}
	.ysb_data_info_item >div:nth-child(2) span{font-size: 26px;}
	.ysb_data_info_item_pad >div:nth-child(2) span{font-size: 26px;}
	.ysb_data_info_block{height: 80px;}
	.ysb_data_info_users, .ysb_data_info_fgl{padding-bottom:15px;}
	.ysb_data_info_item >div:nth-child(1){padding-bottom: 15px;}
	.ysb_data_info_item_pad >div:nth-child(1){padding-bottom: 15px;}
	.ysb_data_total_split{padding: 10px 0px;}
	.ysb_fgl_info_item >div:nth-child(3) span{font-size: 18px;}
	.ysb_fgl_info_item_pad >div:nth-child(3) span{font-size: 18px;}
	.ysb_fgl_info_item_pad >div:nth-child(1){padding-bottom: 15px;}
	.ysb_fgl_info_item >div:nth-child(1){padding-bottom: 15px;}
	
	.ysb_fgl_info_item >div:nth-child(2){padding-bottom:10px;}
	.ysb_fgl_info_item_pad >div:nth-child(2){padding-bottom:10px;}
	
	.left_inner_part{padding-top: 30px;padding-right: 30px;padding-left: 30px;}
	.link{margin-top: 20px;}
	.left_inner_part_top{padding-top: 60px !important;}	
	
	.intro_info >div{top:100px !important;}
	.intro_info >div >div {
	    padding-bottom: 10px;
	    font-size: 32px;
	    line-height: 40px;
	    letter-spacing: 2px;
	    transition: all 0.4s ease 0.8s;
	}
}

@media (max-width: 1100px){
	.ysb_data_info{width: 412px;position: absolute;top:30px;left:40px;color:#fff;}
	.ysb_fgl_info_block{height: 103px;}
	.ysb_data_info_item >div:nth-child(2) span{font-size: 26px;}
	.ysb_data_info_item_pad >div:nth-child(2) span{font-size: 26px;}
	.ysb_data_info_block{height: 80px;}
	.ysb_data_info_users, .ysb_data_info_fgl{padding-bottom:15px;}
	.ysb_data_info_item >div:nth-child(1){padding-bottom: 15px;}
	.ysb_data_info_item_pad >div:nth-child(1){padding-bottom: 15px;}
	.ysb_data_total_split{padding: 10px 0px;}
	.ysb_fgl_info_item >div:nth-child(3) span{font-size: 18px;}
	.ysb_fgl_info_item_pad >div:nth-child(3) span{font-size: 18px;}
	.ysb_fgl_info_item_pad >div:nth-child(1){padding-bottom: 15px;}
	.ysb_fgl_info_item >div:nth-child(1){padding-bottom: 15px;}
	
	.ysb_fgl_info_item >div:nth-child(2){padding-bottom:10px;}
	.ysb_fgl_info_item_pad >div:nth-child(2){padding-bottom:10px;}
	
	.left_inner_part{padding-top: 10px;padding-right: 30px;padding-left: 30px;}	
	.link{margin-top: 10px;}
	.left_inner_part_top{padding-top: 50px !important;}
	
	.intro_info >div{top:75px !important;}
	.intro_info >div >div {
	    padding-bottom: 10px;
	    font-size: 30px;
	    line-height: 38px;
	    letter-spacing: 2px;
	    transition: all 0.4s ease 0.8s;
	}
}

@media (max-width: 1000px){
	
	.left_inner_part{padding-top: 10px;padding-right: 30px;padding-left: 30px;}	
	.link{margin-top: 10px;}
	.intro_info >div{top:50px !important;}
	.left_inner_part_top{padding-top: 50px !important;}
	
	.left_inner_part .left_inner_part_intro{padding-bottom:0px;}
}