@charset"utf-8";
/* CSS Document */

/*样式重置（reset）*/
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,form,input,textarea,th,td,select{ margin:0; padding:0; }
em{ font-style: normal; }
li{ list-style: none; }
a{ text-decoration: none; color:#333;}
a,a:hover { text-decoration: none; outline: none;  }
i{ font-style: normal; }
img{ border: none;}
table{ border-collapse: collapse; }
input, select, textarea { border: none; outline: none; background: none }
textarea{ resize: none; overflow: auto; }
dl{ display: block; }
dt{ float: left; }
body{font-family: 'Microsoft Yahei',sans-serif,arial;font-size: 14px; color: #333;background: #fff;}
*{ line-height: 150%; box-sizing: border-box; -moz-box-sizing:border-box; /* Firefox */ 	-webkit-box-sizing:border-box; /* Safari */ letter-spacing: 1px;}
/*public*/
.fl{ float: left; }
.fr{ float: right;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.text-hidden{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.wrap{width: 1420px; margin: 0 auto;}
/*滚动条*/
div ::-webkit-scrollbar {
  overflow: visible;
  width: 8px; 
}
div ::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  border-radius: 8px;
  min-height: 15px; 
}

@font-face{
	font-family: 'appleGothic';
	src:url('../fonts/AppleGothic.eot');
	src: url('../fonts/AppleGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/AppleGothic.woff') format('woff'), /* Modern Browsers */
	url('../fonts/AppleGothic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/AppleGothic.svg?#appleGothic') format('svg'); /* Legacy iOS */
}
.header{ position: absolute; z-index: 999; top:0; left: 0; width: 100%; height: 80px; }
.header,.header a{ color: #fff; }
.header-logo{ float: left; padding: 12px 0; }
.header-logo img{ display: block; }
.header-login{ float: right; height: 80px; }
.header-login a{ display: inline-block; }
.header .header-login i{ margin: 0 20px; color: #b9cfff; }
.agency-login{ display: block; width: 112px; height: 32px; line-height: 32px; margin-top: 24px; border-radius: 16px; text-align: center; background:-webkit-linear-gradient(left, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); background:-o-linear-gradient(left, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); background:linear-gradient(to right, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); }
.header .header-link{ line-height: 80px; color: #b9cfff; }
.header-nav{ float: right; margin-right: 100px; }
.header-nav li{ display: block; float: left; height: 80px; margin: 0 20px; }
.header-nav li a{ position: relative; display: block; line-height: 80px; font-size: 16px; letter-spacing: 2px; color: #b9cfff; }
.header-nav li .line{ position: absolute; left: 0; top:0; width: 0; height: 4px; background: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.header-nav li.active .line,.header-nav li:hover .line{ width: 100%; }
.header-nav li.active a,.header-nav li:hover a{ color: #fff; }
.header-scroll .header-link{ color: #acacac; }

.header-scroll{ position: fixed; top:0; background: #fff; box-shadow:0px 6px 12px rgba(51,51,51,0.1); }
.header-scroll .header-nav a{ color:#acacac;}
.header-scroll .header-nav li .line{ background: #338ce9; }
.header-scroll .header-nav li.active a,.header-scroll .header-nav li:hover a{ color: #338ce9; }

.needs{ padding: 80px 0; background: url(../images/needs_bg.png) no-repeat center; color: #fff; }
.needs-text{ font-size: 18px; line-height: 36px; }
.needs-text h4{ font-size: 40px; font-weight: normal; margin-bottom: 20px; }
.form{ width: 590px; }
.form input{ display: block; height: 70px; line-height: 70px; padding: 0 20px; text-align: center; margin-bottom: 25px; border-radius: 20px; border: 1px solid #a7cbea; background:rgba(0,0,0,0.32); font-size: 18px; letter-spacing: 2px; color: #fff; }
.input-des{ width: 100%; }
.form .name,.form .tel{ width: 280px; }
.submit-btn{ display: block; height: 70px; line-height: 70px; text-align: center; border-radius: 20px; background:-webkit-linear-gradient(330deg, rgba(2,209,254,1) 0%, rgba(26,71,222,1) 77%, rgba(43,108,248,1) 100%); background:-o-linear-gradient(330deg, rgba(2,209,254,1) 0%, rgba(26,71,222,1) 77%, rgba(43,108,248,1) 100%); background:linear-gradient(60deg, rgba(2,209,254,1) 0%, rgba(26,71,222,1) 77%, rgba(43,108,248,1) 100%); font-size: 24px; color: #fff; letter-spacing: 2px; }

.footer{ height: 354px; padding-top: 60px; background: url(../images/footer_bg.jpg) no-repeat center;color: #fff; }
.footer-box1{ padding-bottom: 45px; border-bottom: 1px solid #707070; }
.footer-des{ width: 630px; }
.footer-des h4{ font-size: 24px; margin-bottom: 15px; font-weight: normal; letter-spacing: 2px;}
.footer-des p,.footer-about li a,.footer-contact dl,.friend-link a{ color:rgba(255,255,255,.6); }
.footer-des p{ line-height: 24px; }
.footer h3{ font-size: 18px; font-weight: normal; margin-bottom: 15px; }
.footer-about{ margin-right: 100px; }
.footer-about li{ display: block; line-height: 30px; }
.footer-about li a:hover,.footer-about li.active a,.friend-link a:hover{ color: #02d1fe; }
.footer-contact dl{ }
.footer-contact dl dt{ float: left; line-height: 30px; }
.footer-contact dl dd{ float: left; line-height: 30px; }
.footer-follow{ width: 190px; height: 160px; overflow: hidden; }
.footer-follow img{ width: 160px; height: 160px;  }
.footer-follow span{ display: inline-block; width: 30px; padding: 0 8px; float: right; }
.footer-box2{ padding-top: 10px; }
.friend-link{ line-height: 34px; }
.friend-link span{ font-size: 18px; }
.friend-link a{ margin-left: 15px; }
.copyright{ line-height: 30px; }
/*视频弹窗*/
.video-layer{ display: none; position: fixed; z-index: 99; left: 0; top:0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); }
.video-layer-main{ position: absolute; left: 50%; top:50%; width: 1200px; height: 674px; margin: -337px 0 0 -600px; }
#my-video{ width: 100%; height: 100%; overflow: hidden; }
#my-video video{ -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; }
.video-close{ position: absolute; right: 0px; top:-44px; width: 24px; height: 24px; background: url('../images/btn_close.png') no-repeat center center; }
.video-js .vjs-control-bar{ bottom: -1px; }
.vjs-button>.vjs-icon-placeholder:before{ line-height: 1.9; }

.sidebar-contact{ display: none; position: fixed; z-index: 999; right: 10px; top:50%; margin-top: -64px; }
.sidebar-contact .qq-box{ width: 156px; height: 64px; background: url(../images/contact.png) no-repeat center top; }
.sidebar-contact .qq{ display: inline-block; width: 100%; height: 40px; margin-top: 1px; line-height: 40px;background: url(../images/qq.png) no-repeat 22px center; padding-left: 50px; font-size: 20px; color: #fff; }

/*btn*/
.btns .btn{ display: inline-block; margin-right: 40px; width: 120px; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; }
.site-btn{ color: #fff; background:-webkit-linear-gradient(325deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); background:-o-linear-gradient(325deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); background:linear-gradient(55deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); }
.trial-btn{ border: 1px solid #2b6cf8; color: #2b6cf8; }
.btns .btn:hover{ box-shadow:0px 3px 6px rgba(51,143,233,0.7); }
/*六大体系*/
.major-list{ padding-top: 50px; }
.major-list li{ float: left; width: 460px; height: 280px; margin-bottom: 45px; margin-right: 20px; border-radius: 8px; background: #fff; transition: all .3s; }
.major-list li:nth-child(3n){ margin-right: 0; }
.major-list li>a{ display: block; padding: 40px 40px 0; }
.major-list .major-title{ height: 60px; line-height: 60px; padding-left: 55px;margin-bottom: 20px; background-repeat: no-repeat; -webkit-background-size: 36px; background-size: 36px; background-position: left center; font-size: 20px; font-weight: 600; transition: all .3s; }
.major-list li .icon1{ background-image: url(../images/major_icon01.png); }
.major-list li .icon2{ background-image: url(../images/major_icon02.png); }
.major-list li .icon3{ background-image: url(../images/major_icon03.png); }
.major-list li .icon4{ background-image: url(../images/major_icon04.png); }
.major-list li .icon5{ background-image: url(../images/major_icon05.png); }
.major-list li .icon6{ background-image: url(../images/major_icon06.png); }
.major-list li p{ line-height: 22px; color: #666; }
.major-list li:hover .major-title{ font-size: 24px; -webkit-background-size: 44px; background-size: 44px; color: #2b6cf8; }
.major-list li:hover{ box-shadow:0px 6px 12px rgba(43,108,248,0.2);}

@media (max-width:1500px){
	.wrap{ width: 1180px; }
	.header-nav{ margin-right: 60px; }
	.header .header-login i{ margin: 0 10px; }
	.form{ width: 42%; }
	.form .name, .form .tel{ width: 48%; }
	.needs-text h4{ font-size: 34px; }
	.footer-des{ width: 40%; }
	.footer-about{ margin-right: 80px; }
	.major-list li{ width: 380px; }
	.major-list li>a{ padding: 30px 30px 0; }
	.video-layer-main{ width: 900px; height: 505px; margin: -252.5px 0 0 -450px; }
}