@charset "utf-8";
/* CSS Document */
.IntTrainBanner{ position:relative; height:600px; background:url(banner.png) no-repeat center #4a88e1;}
.IntTrainBannerText{margin-top: 152px; color:#fff;}
.IntTrainBannerText h3{font-size: 52px;font-weight: normal;line-height: 66px;letter-spacing:4px;}
.IntTrainBannerText p{font-size: 22px;line-height: 72px;}
.IntTrainBbtn{width: 202px;height: 61px;line-height: 61px;text-align: center;border: 1px solid #fff;border-radius:5px;margin-top: 14px;}
.IntTrainBbtn a{font-size: 22px; color:#fff;}
.intTrainfloor{ padding:106px 0;}
.intTrainfloor .intTrainfTitle{ text-align:center; font-size:45px; color:#575656;margin-bottom: 101px;line-height: 45px;letter-spacing: 2px;}

.fiveElements{ overflow:hidden;}
.fiveElements ul{ margin-right:-20px;}
.fiveElements li{width:20%;float:left;text-align:center;}
.fiveElements .fiveEBox{margin-right:20px;border: 1px solid #eee;padding: 6px; box-sizing:border-box;border-radius: 5px;}
.fiveElements .fiveEBox span{ display:block; width:100%; height:100%;border: 1px solid #01a1f1;box-sizing: border-box;border-radius: 5px;}
.fiveElements .fiveEBox img{ margin-top:40px;}
.fiveElements .fiveEBox em{display: block;width: 44px;border: 1px solid #eee;margin: 12px auto 20px;}
.fiveElements .fiveEBox .fiveETit{margin-bottom: 30px;font-size: 18px;color: #333;line-height: 18px;letter-spacing: 2px;}
.fiveElements .fiveEBox:hover{border: 1px solid #1396db;background: #1396db;border-radius: 40px;overflow: hidden; transition: 0.3s;}
.fiveElements .fiveEBox:hover span{ background: #fff;}

.intTrainfloor2{background: url(itfbg.png) no-repeat top center;background-size: auto 100%;}
.onlineSystemImg{ max-width:100%;}
.onlineSystem ul{ padding-left:70px;}
.onlineSystem li{padding: 22.5px 0px 22.5px 66px;position:relative;}
.onlineSystem .osIconBox{ position:absolute; left:0;top:50%; margin-top:-25px;}
.onlineSystem .osIconBox img{ display:block;}
.osTextInfo h3{font-size:20px;color: #575656; line-height:20px;margin-bottom: 14px;letter-spacing: 1px;font-weight: normal;}
.osTextInfo p{color: #a9a9a9;font-size: 14px;line-height: 14px;letter-spacing: 1px;}

.intTfTitleB{text-align: center;}
.intTfTitleB .intTfTitle{font-size: 45px;line-height: 45px;margin-bottom: 33px; color:#575656;letter-spacing: 1px;}
.intTfTitleB .intTfTips{ font-size:18px; color:#8d8d8d; line-height:18px;margin-bottom: 105px;letter-spacing: 1px;}
.TechnicalFunction li{ text-align:center;}
.TechnicalFunction .tfBox{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding-top:43px;padding-bottom: 43px;    transition: 0.3s;}
.TechnicalFunction .tfBox:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);}
.TechnicalFunction li:nth-child(3n) .tfBox{ border-right:0;}
.TechnicalFunction li:nth-child(7) .tfBox,.TechnicalFunction li:nth-child(8) .tfBox,.TechnicalFunction li:nth-child(9) .tfBox{ border-bottom:0;}
.tfIconBox img{ display:block; margin:0 auto 10px;}
.tfTextInfo h3{font-size: 25px;letter-spacing: 1px;font-weight: normal;line-height: 25px;margin-bottom: 10px;}
.tfTextInfo p{font-size: 14px;color: #b7b7b7;width: 214px;margin: auto; line-height:20px; letter-spacing:1px;}

.intTrainfloor4{ background:url(resbg.png) no-repeat bottom center #f5f5f5;}
.Resolvent{ padding-top:48px;}
.Resolvent li:nth-child(2),.Resolvent li:nth-child(4){ margin-top:162px;}
.Resolvent .ResolventBox{width: 273px;height: 273px; background:url(iconbg.png) no-repeat center;text-align: center;margin: auto;padding-top: 44px;box-sizing: border-box;}
.Resolvent .ResolventBox img{ display:block; margin:0 auto 20px;}
.Resolvent .ResTextInfo h3{ font-weight:normal; font-size:24px; line-height:24px;letter-spacing: 1px;}
.Resolvent .ResTextInfo{ color:#fff;}
.Resolvent .ResTextInfo p{font-size: 16px;line-height: 28px;margin:15px 50px 0;letter-spacing: 1px;}

.intTrainfloor5{ background:url(securitybg.jpg) no-repeat top center;background-size: 100% 100%;}
.intTrainfloor5 .intTrainfTitle{ color:#fff;}
.intTrainfloor5 .securityBox{ margin:0 31px;border-radius: 3px;background: #fff;padding: 36px;}
.intTrainfloor5 .securityBox img{ display:block;margin: 0 auto 16px;}
.intTrainfloor5 .securityBox em{ display:block; margin:auto; width:50px; border:1px solid #1296db;}
.intTrainfloor5 .securityInfo h3{color: #1a1a1a;font-size: 28px;text-align: center;font-weight: normal;letter-spacing: 1px;line-height: 28px;margin-bottom: 26px;margin-top: 29px}
.intTrainfloor5 .securityInfo p{font-size: 17px;color: #6d6d6d;}

.intTrainfloor6{ background:url(knowledgebg.png) no-repeat center bottom;}
.intTrainfloor6 .knowledgeImg img{ display:block; width:100%;}
.intTrainfloor6 .kn1{ background:#ffb866; color:#fff;}
.intTrainfloor6 .kn2{ background:#7ad5b2; color:#fff;}
.intTrainfloor6 .kn3{ background:#58baeb; color:#fff;}
.intTrainfloor6 .knowledgeCon{padding: 30px;}
.knowledge ul{margin: 0 40px;}
.knowledgeCon h3{font-size: 20px;font-weight: normal;letter-spacing: 1px;line-height: 20px;}
.knowledgeCon h3:after{ content:""; display:block; width:90px;margin-top: 14px;border:1px solid #fff;}
.knowledgeCon p{ font-size:16px; line-height:28px;letter-spacing: 1px;margin-top: 20px;}
.knowledgeImg{ position:relative;}
.knowledgeImg em{ position:absolute;top:50%; margin-top:-15px;left: -1px;}
.arrow-left {width:0; height:0; border-top:30px solid transparent;border-bottom:30px solid transparent; border-right:30px solid #7ad5b2; }
.arrow-right {width:0; height:0; border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid #58baeb;}
.intTrainfloor6 .kn1 .arrow-right{border-left: 30px solid #ffb866;}
.intTrainfloor6 .kn2 .arrow-left{right:-1px;left: auto;}

.intTrainfloor7{ background:url(WAbilitybg.png) no-repeat top center;background-size: auto 100%;}
.intTrainfloor7 .WorkingATit{ font-size:45px; text-align:center; line-height:45px; color:#55a0e5;margin-bottom: 30px;}
.intTrainfloor7 .WorkingAImg img{ width:100%;}

.intTrainfloor8{ background:url(personality.jpg) no-repeat top center; background:auto 100%;}
.intTrainfloor8 .intTrainfTitle{ color:#fff;margin-bottom: 40px;}
.personality .personImg{ display:block; width:100%; margin:auto;}
.personality .personalityTips{font-size: 18px;margin-top: 92px;color: #fff;text-align: center;padding: 0 15%;}

.intTrainfloor9 .intTfTitleB .intTfTips{line-height: 30px;width: 80%;margin: auto;}
.Customer {margin-top: 53px;}
.Customer .linkBox{ padding:35px 20px 36px;}
.Customer .linkLogo img{ max-width:100%; height:57px; overflow:hidden; display:block; margin:auto;}
.Customer .linkBox p{ text-align:center;font-size: 16px; margin-top:10px;letter-spacing: 1px;line-height: 28px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.Customer .Customer1 li:nth-of-type(odd){ background:#f5f5f5;}
.Customer .Customer2 li:nth-of-type(even){ background:#f5f5f5;}
.Customer .Customer3 li:nth-of-type(odd){ background:#f5f5f5;}
.Customer .Customer4 li:nth-of-type(even){ background:#f5f5f5;}
.Customer .CustomerMore{display: block;width:270px;height:78px;line-height:78px;text-align: center;background: #59bbec;color: #fff;border-radius: 5px;letter-spacing: 2px;margin: 80px auto 14px;font-size: 30px;}
.intTrainfloor9 .intTfTitleB .intTfTitle{font-size: 36px;color: #777777;letter-spacing: 5px;}

.intTrainfloor10{ background:url(FreeTrialbg.png) no-repeat bottom center #f6f6f8;}
.FreeTrialImg{ width:100%;}
.intTrainfloor10 .FreeTrialText{ margin-left:30px;}
.intTrainfloor10 .FreeTrialText h3{font-size: 36px;font-weight: normal;color: #494747;letter-spacing: 5px;margin-top: 58px;line-height: 36px;margin-bottom: 24px;}
.intTrainfloor10 .FreeTrialText p{ font-size:25px; color:#7f7e7e;line-height: 25px;margin-bottom: 48px;}
.FreeTrialBbtn a{display: inline-block;width: 180px;height: 60px;line-height: 60px;text-align: center;background: #24a5f1; color:#fff; border-radius:5px; font-size:20px;   letter-spacing: 2px;    cursor: pointer;}

.mIntTrainBanner{ display:none;}
.mIntTrainBanner img{ display:block; width:100%;}



@media all and (min-width: 1180px) and (max-width: 1920px) {

}

@media all and (min-width: 992px) and (max-width: 1180px) {
	.intTrainfloor{ padding-left:30px; padding-right:30px;}
	.intTrainfloor6 .knowledgeCon {padding: 25px;}
	.mIntTrainBanner{ display:block;}
	.IntTrainBanner{ display:none;}
}

@media screen and (max-width: 992px) {
	.intTrainfloor{ padding-left:25px; padding-right:25px;}
	.mIntTrainBanner{ display:block;}
	.IntTrainBanner{ display:none;}
	.intTrainfloor .intTrainfTitle{ font-size:40px;margin-bottom: 61px;}
	.intTfTitleB .intTfTitle {font-size:40px;}
	.intTfTitleB .intTfTips{font-size: 16px;line-height: 26px;margin-bottom: 65px;}
	
	.intTrainfloor5 .securityBox {margin: 0 10px;padding: 20px;height: 346px;}
	.intTrainfloor5 .securityInfo p {font-size: 15px;}
	
	.Resolvent{ padding-top:0;}
	.Resolvent li:nth-child(2), .Resolvent li:nth-child(4){margin-top: 82px;}
	
	.intTrainfloor10 .FreeTrialText h3{margin-top: 0;line-height: 45px;}
	.intTrainfloor10 .FreeTrialText p{line-height: 40px;}
}


@media screen and (max-width:768px){
	.intTrainfloor{ padding-left:20px; padding-right:20px;}
	.intTrainfloor .intTrainfTitle{ font-size:35px;margin-bottom: 61px;}
	.intTfTitleB .intTfTitle {font-size: 35px;}
	.intTfTitleB .intTfTips{font-size: 16px;line-height: 26px;margin-bottom: 65px;}

	.fiveElements li{ width:33.33%; margin-bottom:20px;}
	
	.onlineSystem div:first-child{ text-align:center;}
	.onlineSystem ul{ margin-left:20px; margin-right:20px; padding-left:0;}
	
	.TechnicalFunction li:nth-child(3n) .tfBox{border-right: 1px solid #eee;}
	.TechnicalFunction li:nth-child(2n) .tfBox{border-right:0;}
	.TechnicalFunction li:nth-child(7) .tfBox,.TechnicalFunction li:nth-child(8) .tfBox{ border-bottom: 1px solid #eee;}
	.tfTextInfo p{ width:auto;min-height: 60px;padding: 0 15px;}
	
	.intTrainfloor5 .securityBox{ margin:0 0 20px;height: auto;}
	.securityImgBox{ float:left; width:80px;}
	.securityInfo{ padding-left:90px;}
	.intTrainfloor5 .securityInfo h3{ margin-top:10px; margin-bottom:10px;text-align:left;font-size: 24px;}
	
	.knowledge ul{ margin:0;}
	.intTrainfloor6 li{ margin-bottom:20px;}
	.knowledgeImg em{ display:none;}
	.intTrainfloor6 .knowledgeCon{ padding:20px;}
	.knowledgeCon p {font-size: 14px;line-height: 24px;}
	
	.personality .personalityTips{ padding:0;font-size: 16px;margin-top: 52px;}
	
	.intTrainfloor9 .intTfTitleB .intTfTitle {font-size: 30px;}
	
	.intTrainfloor10 .FreeTrialText{ margin-left:0;}
	.intTrainfloor10 .FreeTrialText h3 {font-size: 30px;}
	.intTrainfloor10 .FreeTrialText p{line-height: 35px;font-size: 20px;}
	.FreeTrialBbtn{ text-align:center;}
	.Customer .CustomerMore{font-size: 20px; height:60px; line-height:60px;}
	.FreeTrialBbtn a{width: 270px;}
}

@media (max-width: 480px){
	.intTrainfloor{ padding:56px 15px;}
	.TechnicalFunction ul{ margin-left:-15px; margin-right:-15px;}
	.intTfTitleB .intTfTitle{ font-size:30px; line-height:45px;margin-bottom: 23px;}
	.intTfTitleB .intTfTips{font-size: 16px;line-height: 26px;margin-bottom: 50px;}
	.intTrainfloor .intTrainfTitle{font-size:30px;margin-bottom: 51px;}
	
	.fiveElements li{ width:50%;}
	
	.osTextInfo h3{ font-size:20px;margin-bottom: 10px;}
	.osTextInfo p{ line-height:24px;}
	
	.tfTextInfo h3,.Resolvent .ResTextInfo h3{font-size:20px;}
	.Resolvent .ResTextInfo p{font-size: 14px;line-height: 24px;margin-top: 10px;}
	
	.Resolvent{ padding-top:0;}
	.Resolvent li{ margin-bottom:20px;}
	.Resolvent li:nth-child(2), .Resolvent li:nth-child(4){ margin-top:0px;}
	
	.securityImgBox{ float:none; width:auto;}
	.securityInfo{ padding-left:0; text-align:center;}
	.intTrainfloor5 .securityInfo h3{line-height: 20px;margin-bottom: 16px; text-align:center; margin-top:20px;font-size: 20px;}
	.intTrainfloor5 .securityInfo p{ font-size:14px; line-height:24px;}
	
	.knowledge ul{ margin:0;}
	.knowledge ul li{ margin-bottom:20px;}
	.intTrainfloor6 .knowledgeCon {padding: 20px;}
	.knowledgeCon p {font-size: 14px;line-height: 24px;margin-top: 15px;}
	.knowledgeCon h3 {font-size: 18px;line-height: 18px;}
	.knowledgeCon h3:after{width: 80px;}
	
	.personality .personalityTips{padding:0;margin-top: 42px;}
	.intTrainfloor9 .intTfTitleB .intTfTitle{font-size: 26px;line-height: 40px;}
	.intTrainfloor9 .intTfTitleB .intTfTips{line-height: 26px;font-size: 16px; width:auto;}
	
	.Customer .CustomerMore{width: 100%;height: 60px;line-height: 60px;font-size: 20px;letter-spacing: 2px;}
	
	.intTrainfloor10 .FreeTrialText{ margin-left:0;}
	.intTrainfloor10 .FreeTrialText h3 {font-size: 26px;}
	.intTrainfloor10 .FreeTrialText p {font-size: 15px;}
	.FreeTrialBbtn a{ width:100%;}


}