@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust: none;}
body,ul,dl,li,dd,dt,p,div,h1,h2,h3,h4,h5,h6,form,table,td,th,ol,form{margin:0;padding:0;border:0;}
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",Arial,sans-serif;color:#231F20;background:#eaeae8;}
a img,img{border:0;margin:0;padding:0; vertical-align:top;}table,td,th{font-size:inherit;}h6,h5,h4,h3,h2,h1{margin:0;padding:0;font-size:100%;font-weight:normal;}ol,ul,li{list-style:none outside none;}textarea,select,input,button{font-size:100%;padding:0;color:#999; font-family:inherit;}
/* 默认链接颜色 */
a {color:#ccc; text-decoration:none;cursor:pointer;outline:none;}
a:hover {color:#44b549; text-decoration:none; }
/* 颜色 */
.yellow{color:#DBAB38}a.yellow:hover{color:#EAEAEA}
.white{color:#fff;}a.white:hover{color:#EAEAEA;}
.gray77{color:#777;}
.gray99{color:#999;}
.black{ color:#000}
.green{ color:#093}
.red{ color:#c00}
/* 通用属性 */
.fLeft{float:left;}
.fRight{float:right;}
/*文字对齐方式*/
.txtLeft{text-align:left}
.txtRight{text-align:right}
.txtCenter{text-align:center}
/*常用方法*/
.b{font-weight:bold;}
.normal{font-weight:normal;}
.lineHeight{line-height:1.8;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft22{font-size:22px;}
.ft24{font-size:24px;}
.articleP p{padding-bottom:15px;}
/* 清除浮动 */
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
div:after,dl:after,ul:after{clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
div,dl,ul{zoom:1;}

/*blank*/
.blank5{clear:both; height:5px; overflow:hidden; display:block;font-size:1px;}
.blank10{clear:both; height:10px; overflow:hidden; display:block;font-size:1px;}
.blank15{clear:both; height:15px; overflow:hidden; display:block;font-size:1px;}
.blank20{clear:both; height:20px; overflow:hidden; display:block;font-size:1px;}
.blank30{clear:both; height:30px; overflow:hidden; display:block;font-size:1px;}
.blank40{clear:both; height:40px; overflow:hidden; display:block;font-size:1px;}
.w1190{ width:1190px; margin:0 auto;}
.header{ height:70px; background:#333333;}
.header .topbox{}
.header .topbox .logo{ padding:14px 0 0 0;}
.header .topbox .logo a{ display:block; width:179px; height:42px; overflow:hidden; text-indent:-999px; background:url(../images/pc/logo.png) 0 0 no-repeat;}
.header .topbox .subnav{ height:70px; position:relative}
.header .topbox .subnav li{ display:block; float:left; line-height:70px;}
.header .topbox .subnav a.english{ display:block; padding:0 30px; font-family:Arial; background:#222; font-size:14px;}
.header .topbox .subnav a.english:hover{ background:#111; color:#fff}
.header .topbox .subnav a.ico-qrCode{ display:block; width:80px; height:70px; background:#f7d82c url(../images/pc/ico-iphone.png) 28px 18px no-repeat;}
.header .topbox .subnav .qrCode{ width:166px; height:173px; position:absolute; right:-40px; top:80px; z-index:100;}
.banner{ height:600px; background:url(../images/pc/bg-banner.gif) 0 0 repeat; position:relative}
.icobar{ width:380px; height:387px; background:url(../images/pc/banner-ico.png) 0 0 no-repeat; position:absolute; left:50%; top:0; z-index:3; margin-left:-180px;}



.banner-txt-01{ width:541px; height:230px; background:url(../images/pc/banner-txt-01.png) 0 0 no-repeat; position:absolute; left:50%; top:160px; z-index:4; margin-left:-270px;}
.banner-txt-02{ width:89px; height:3px; background:url(../images/pc/banner-txt-02.png) 0 0 no-repeat; position:absolute; left:50%; top:300px; z-index:4; margin-left:-44px;}
.banner-txt-03{ width:412px; height:66px; background:url(../images/pc/banner-txt-03.png) 0 0 no-repeat; position:absolute; left:50%; top:350px; z-index:4; margin-left:-206px;}
.navbg{ height:168px; background:#333333; position:relative;}
.navbox{position:absolute; left:50%; top:-80px; width:1190px; margin-left:-595px;}
.navbox .nav-bar{ margin-left:-111px;}
.navbox a{ width:149px; height:193px; display:block; float:left; margin-left:111px;}
.ico-arrow-down{ width:81px; height:32px; background:url(../images/pc/ico-arrow-down.png) 0 0 no-repeat; position:absolute; left:50%; bottom:-32px; z-index:4; margin-left:-40px;}
.navbox .nav-bar img{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, transform 0.35s;
	-ms-transition: opacity 0.35s, transform 0.35s;
	-o-transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	vertical-align:top;}

.navbox .nav-bar img:hover{
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.mainbox{height:700px; position:relative}
.inforbox{ color:#FFF; padding-top:155px;}
.inforbox h3{ font-size:40px;}
.inforbox .line{ height:30px; width:80px; border-top:solid 1px #FFF; margin-top:30px;}
.inforbox p{ font-size:16px; line-height:28px;}
.inforbox a.but-more{ display:block; width:200px; height:40px; text-align:center; line-height:40px; background:#f2f2f2; font-size:18px; border-radius:3px; -webkit-border-radius:3px; margin-top:30px;}
.inforbox a.but-more:hover{ background:#fff;}
.inforbox .qrCode-bar{ margin-top:30px;}

.box-academy{ background:#43b1cc; border-top:solid 6px #388ea4;}
.box-academy a.but-more{ color:#43b1cc;}
.img-academy{ position:absolute; right:0; top:175px; width:635px; height:281px; z-index:11}


.box-active{ background:#de716a;}
.box-active a.but-more{ color:#de716a;}
.img-active{ position:absolute; left:0; top:105px; width:553px; height:527px; z-index:11}


.box-card{ background:#65c69b;}
.box-card .mainbox{height:680px;}
.box-card .inforbox{ color:#FFF; padding-top:130px;}
.img-card{ position:absolute; right:0; bottom:0; width:576px; height:574px; z-index:11}

.box-company{ background:#6581ca;}
.box-company .mainbox{height:680px;}
.box-company .inforbox{ color:#FFF; padding-top:130px;}
.img-company{ position:absolute; left:0; top:100px; width:688px; height:400px; z-index:11}


.box-product{ background:#c18dbd;}
.box-product a.but-more{ color:#c18dbd;}
.img-product{ position:absolute; right:0; top:105px; width:327px; height:449px; z-index:11}



.box-partner{ background:#f4f4f4; padding:60px 0;}
.box-partner h3{ font-size:40px; text-align:center; color:#333333}
.box-partner .line{ height:30px; width:80px; border-top:solid 1px #ccc; margin:30px auto 20px;}
.PartA{ margin-left:-40px; margin-top:35px}
.barPart{ width:370px; float:left; margin-left:40px;}
.barPart .txbox{ margin:0 auto; border-radius:50%; -webkit-border-radius:50%; width:120px; height:120px; border:solid 5px #fff;-moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; box-shadow:2px 2px 2px #ccc; overflow:hidden;}
.barPart .txbox img{ width:100%;}
.barPart h4{ display:block; font-size:18px; padding:20px 0 0 0; text-align:center;}
.barPart h5{ display:block; font-size:12px; padding:5px 0 0 0; color:#999; text-align:center;}
.barPart p{ margin-top:15px; background:url(../images/pc/marks-left.png) 0 0 no-repeat; text-indent:28px; font-size:14px; line-height:22px}

.butBigdl{ background:#333; padding:60px 0 40px 0; border-bottom:solid 1px #0c0c0c}
.butBigdl a.butDingla{ display:block; width:311px; height:82px; margin:20px auto; overflow:hidden; text-indent:-999px; background:url(../images/pc/footerBut.png) 0 0 no-repeat;}
.butBigdl a.butDingla:hover{ background:url(../images/pc/footerButHover.png) 0 0 no-repeat;}
.footer{ background:#333; padding:50px 0; border-top:solid 1px #585858; color:#ccc;}
.infor-company{ width:700px;}
.infor-company li{ display:block; float:left; width:200px; font-size:14px; line-height:22px;}
.infor-company .line{height:30px; width:80px; border-top:solid 1px #666; margin-top:30px;}


.anim{
	animation: anim 1s ease;
	-moz-animation: anim 1s ease;	/* Firefox */
	-webkit-animation: anim 1s ease;	/* Safari 和 Chrome */
	-o-animation: anim 1s ease;
	}	
@-webkit-keyframes anim /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(0,-200px,0);
	transform: translate3d(0,-200px,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}

@-moz-keyframes anim /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(0,-200px,0);
	transform: translate3d(0,-200px,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}
@-o-keyframes anim /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(0,-200px,0);
	transform: translate3d(0,-200px,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}
@-ms-keyframes anim /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(0,-200px,0);
	transform: translate3d(0,-200px,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}


.animab{
	animation: animab 1s ease;
	-moz-animation: animab 1s ease;	/* Firefox */
	-webkit-animation: animab 1s ease;	/* Safari 和 Chrome */
	-o-animation: animab 1s ease;
	}	
@-webkit-keyframes animab /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(-200px,0,0);
	transform: translate3d(-200px,0,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}

@-moz-keyframes animab /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(-200px,0,0);
	transform: translate3d(-200px,0,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}
@-o-keyframes animab /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(-200px,0,0);
	transform: translate3d(-200px,0,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}
@-ms-keyframes animab /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(-200px,0,0);
	transform: translate3d(-200px,0,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}

.animac{
	animation: animac 1s ease;
	-moz-animation: animac 1s ease;	/* Firefox */
	-webkit-animation: animac 1s ease;	/* Safari 和 Chrome */
	-o-animation: animac 1s ease;
	}	
@-webkit-keyframes animac /* Safari 和 Chrome */
{
0%   {
	width:10px;
	-webkit-transform: translate3d(44px,0,0);
	transform: translate3d(44px,0,0);}
100% {
	width:89px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}

@-moz-keyframes animac /* Safari 和 Chrome */
{
0%   {
	width:10px;
	-webkit-transform: translate3d(44px,0,0);
	transform: translate3d(44px,0,0);}
100% {
	width:89px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}
@-o-keyframes animac /* Safari 和 Chrome */
{
0%   {
	width:10px;
	-webkit-transform: translate3d(44px,0,0);
	transform: translate3d(44px,0,0);}
100% {
	width:89px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}
@-ms-keyframes animac /* Safari 和 Chrome */
{
0%   {
	width:10px;
	-webkit-transform: translate3d(44px,0,0);
	transform: translate3d(44px,0,0);}
100% {
	width:89px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}


.animad{
	animation: animad 1s ease;
	-moz-animation: animad 1s ease;	/* Firefox */
	-webkit-animation: animad 1s ease;	/* Safari 和 Chrome */
	-o-animation: animad 1s ease;
	}	
@-webkit-keyframes animad /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(400px,0,0);
	transform: translate3d(400px,0,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}

@-moz-keyframes animad /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(400px,0,0);
	transform: translate3d(400px,0,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}
@-o-keyframes animad /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(400px,0,0);
	transform: translate3d(400px,0,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}
@-ms-keyframes animad /* Safari 和 Chrome */
{
0%   {
	opacity:0;
	-webkit-transform: translate3d(400px,0,0);
	transform: translate3d(400px,0,0);}
100% {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0px,0,0);
	}
}