*{margin: 0px;padding: 0px;font-family: '-apple-system','BlinkMacSystemFont','Microsoft Yahei','sans-serif';color:#333;cursor:url('favicon.ico'),auto;}

.container{width: 1100px;height:100%;margin: 0px auto;overflow: hidden;zoom: 1;position: relative;}
.container .smallContainer{width: 900px;margin: 0px auto;overflow: hidden;zoom: 1;}

.head-navbar.active{position:fixed;background-color: rgba(255,255,255,0.9);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);transition: opacity 1s 0s;opacity: 1;}
.head-navbar.hidden{opacity: 0;}
.head-navbar{position:absolute;width: 100%;background-color: rgba(0,0,0,0.7);z-index: 2}
.head-navbar-blank{height: 60px;}
.navbar-brand{display:inline-block;width: 18.1818%;height:60px;float: left;position: relative;}
.navbar-brand img{width: 80%;position: absolute;left: 10%;bottom: 25%;}
.navbar-nav{display: inline-block;height: 60px;overflow: hidden;float: right;padding:0px 15px;}
.navbar-item.active{font-weight: 800;font-size: 18px;}
.navbar-item{list-style: none;display: inline-block;height: 60px;line-height: 80px;margin: 0px 15px;font-size: 16px;color: #fff;letter-spacing: 2px;}
.head-navbar.active .navbar-item p{color: #666;}
.head-navbar .navbar-item a{color: #fff;text-decoration: none;}
.head-navbar .navbar-item a p{color: #fff;}

.section{height: 600px;background-color: #fff;}
.section.section0{height: 844px;background-color: rgba(0,0,0,0.7);}
.section0 .section0-box{position: absolute;top: 250px;left: 110px;overflow: hidden;}
.section0 .section0-box h3{color: #fff;font-size: 60px;letter-spacing: 8px;line-height: 80px;font-weight: 400;margin-bottom: 10px;}
.section0 .section0-box p{color: #fff;font-size: 24px;letter-spacing: 2px;line-height: 32px;font-weight: 200;}
.section0 .section0-box button{margin-top: 36px;color:#fff;background-color: #4988D2;border-radius: 100px;border:none;width: 200px;height: 50px;font-size: 26px;letter-spacing: 9px;line-height: 50px;cursor: pointer;}
.section0 .section0-box .small.active{transform: translate(0px,0px);transition: transform 1s 0s,opacity 1s 0s,visibility 1s 0s;opacity: 1;visibility: visible;}
.section0 .section0-box .small{top: 0px;left: 0px;width: 240px;height: 240px;transform: translate(0px,120px);opacity: 0;visibility: hidden;transition: transform 1s 0s,opacity 1s 0s,visibility 1s 0s;}
.section0 img{position: absolute;top:120px;right: 20px;width: 490px;}
.section.section1{height: 680px;}
.section1 .section1-box{position: absolute;top: 230px;left: 110px;}
.section1 .section1-box span{display: inline-block;width: 100px;height: 15px;background-color: #4276E0;margin-bottom: 30px;}
.section1 .section1-box h3{font-size: 36px;letter-spacing: 3px;line-height: 67px;font-weight: 400;margin-bottom: 10px;}
.section1 .section1-box p{font-size: 18px;letter-spacing: 1px;line-height: 24px;font-weight: 200;}
.section1 .section1-box button{margin-top: 36px;color:#fff;background-color: #4988D2;border-radius: 100px;border:none;width: 200px;height: 50px;font-size: 26px;letter-spacing: 9px;line-height: 50px;cursor: pointer;}
.section1.active img{opacity: 1;transform: translate(0px,0px);transition: opacity 1s 0s,transform 1s 0s;}
.section1 img{position: absolute;top:230px;right: 100px;width: 240px;transform: translate(100px,0px);opacity: 0.5;transition: opacity 1s 0s,transform 1s 0s;}
.section.section2{background-color: #FAFBFC;}
.section2 .section2-box{position: absolute;top: 173px;right: 110px;}
.section2 .section2-box span{display: inline-block;width: 100px;height: 15px;background-color: #943DD1;margin-bottom: 30px;}
.section2 .section2-box h3{font-size: 36px;letter-spacing: 3px;line-height: 67px;font-weight: 400;margin-bottom: 10px;}
.section2 .section2-box p{font-size: 18px;letter-spacing: 1px;line-height: 24px;font-weight: 200;}
.section2 .section2-box button{margin-top: 36px;color:#fff;background-color: #4988D2;border-radius: 100px;border:none;width: 200px;height: 50px;font-size: 26px;letter-spacing: 9px;line-height: 50px;cursor: pointer;}
.section2.active img{opacity: 1;transform: translate(0px,0px);transition: opacity 1s 0s,transform 1s 0s;}
.section2 img{position: absolute;top:173px;left: 100px;width: 240px;transform: translate(-100px,0px);opacity: 0.5;transition: opacity 1s 0s,transform 1s 0s;}
.section3 .section3-box{position: absolute;top: 173px;left: 110px;}
.section3 .section3-box span{display: inline-block;width: 100px;height: 15px;background-color: #EF3636;margin-bottom: 30px;}
.section3 .section3-box h3{font-size: 36px;letter-spacing: 3px;line-height: 67px;font-weight: 400;margin-bottom: 10px;}
.section3 .section3-box p{font-size: 18px;letter-spacing: 1px;line-height: 24px;font-weight: 200;}
.section3 .section3-box button.join:hover{box-shadow: 0px 0px 4px 0px #ff8888;}
.section3 .section3-box button.join{color:#EF3636;background-color: transparent;cursor: pointer;}
.section3 .section3-box button:hover{box-shadow: 0px 0px 4px 0px #ff4040;}
.section3 .section3-box button{margin-top: 36px;color:#fff;background-color: #EF3636;border:1px solid #EF3636;box-sizing: border-box;width: 180px;height: 50px;font-size: 20px;letter-spacing: 1px;line-height: 50px;margin-right: 30px;cursor: pointer;}
.section3.active img{opacity: 1;transform: translate(0px,0px);transition: opacity 1s 0s,transform 1s 0s;}
.section3 img{position: absolute;top:173px;right: 100px;width: 240px;transform: translate(100px,0px);opacity: 0.5;transition: opacity 1s 0s,transform 1s 0s;}

.foot-brief{height: 400px;background-color: #fff;}
.foot-brief .container{border-top: 1px solid #979797;}
.foot-brief .container .brief-box{width: 50%;float: left;margin-top: 50px;}
.foot-brief .container .brief-box .img-box{overflow: hidden;zoom:1;}
.foot-brief .container .brief-box .img-box-left{width: 100px;float: left;}
.foot-brief .container .brief-box .img-box img{width: 100%;}
.foot-brief .container .brief-box .img-box-right{display: inline-block;float: left;}
.foot-brief .container .brief-box .img-box-right p{margin:0px;margin-left: 20px;line-height: 100px;}
.foot-brief .container .brief-box p{font-size: 14px;letter-spacing: 1px;margin-top: 20px;}
.foot-brief .container .brief-box p a{margin-right: 20px;}

.navbar-nav.linkus{float: left;}

.linkus-content{padding: 100px 0px;}
.linkus-content img{width: 160px;display: block;margin: 0px auto;}
.linkus-content h3{font-size: 24px;letter-spacing: 2px;line-height: 32px;margin-top: 30px;}
.linkus-content h3 span{display: inline-block;width: 6px;height: 26px;background-color: #0074BD;margin-right: 10px;position: relative;top: 3px;}
.linkus-content p{margin-top: 20px;letter-spacing: 1px;line-height: 32px;}
.linkus-content .title{font-weight: 800;}
.linkus-content .stitle{font-weight: 800;font-size: 14px;}

.service-content{padding: 30px 0px;}
.service-content img{width: 160px;display: block;margin: 0px auto;}
.service-content h3{font-size: 24px;letter-spacing: 2px;line-height: 32px;margin-top: 30px;text-align: center;}
.service-content p{margin-top: 20px;letter-spacing: 1px;line-height: 32px;font-size: 14px;}
.service-content .title{font-weight: 800;font-size: 16px;zoom: 1;overflow: hidden;}
.service-content .title small{float:right;}
.service-content .htitle{text-align: left;}
.service-content .stitle{font-weight: 800;}

.foot-brief.linkus .container .brief-box{width: 60%;float: none;margin: 0px auto;margin-top: 100px;margin-bottom: 50px;}
.foot-brief.linkus .container .brief-box .img-box-left{width: 120px;float: left;}
.foot-brief.linkus .container .brief-box .img-box-right p{margin:0px;margin-left: 70px;line-height: 120px;}
.foot-brief.linkus p{text-align: center;}

@media screen and (max-width: 1250px) {
	.container{width: 960px;}
}
@media screen and (min-width: 1250px) {
	.container{width: 1100px;}
}