/*reset*/
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin: 0; padding: 0; background: url(../images/bodybg.jpg) no-repeat center top; background-size:100% 100%; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; text-align: center;}
html,body{padding:0; margin:0;}
input:focus {outline: none;}a{text-decoration: none;}
a{text-decoration: none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none; text-decoration: none; blr:expression(this.onFocus=this.blur());color: #323234;}
a:hover{color: #b94dd4; text-decoration: none;}
button{outline: none !important;}
button:active,button:focus{outline: none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none;margin: 0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
input{-moz-appearance:textfield;}

/* reset */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px; text-align: center;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 15px; height: 15px;background:#00a0ea; opacity: 1; margin:0 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width: 16px; height: 16px; background:#1a3675;}
.swiper-button-next,.swiper-button-prev{outline: none;}
.swiper-container .swiper-slide img{width:100%;}
.btn{border-radius:10px;}
.btn-primary{background: #00479d;}
.nav-tabs {border:0 !important; text-align:center;}
.navTabs0>li{margin:0 5px; float: none; display: inline-block;}
.navTabs0>li>a{width:200px; height:50px; line-height:50px; overflow:hidden; background: url(../images/btnbg0.png) no-repeat center top; background-size:100% 100%; border-radius:100px !important; border:0 !important; padding:0 !important; cursor: pointer; font-size:20px; color:#fff;}
.navTabs0>li.active>a{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); color:#fff;}
.navTabs0>li>a:hover{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); color:#fff;}
.navTabs0>li.active>a:hover{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%) !important;color:#fff;}
.navTabs0>li.active>a:active,.navTabs0>li.active>a:focus{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%) !important; color:#fff;}
.navTabs1{height:80px; overflow:hidden;}
.navTabs1>li{height:80px; margin-left:15px; float: none; display: inline-block;}
.navTabs1>li>a{min-width:150px; height:80px; line-height:80px; overflow:hidden; background:rgba(255,255,255,0.05);  border-radius:15px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border:0 !important; padding:0 30px !important; cursor: pointer; font-size:20px; color:#fff;}
.navTabs1>li>a::before{width: 100%; content:''; display: block; height:4px; overflow:hidden; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); position:absolute; left:0; top:0; }
.navTabs1>li.active>a{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); font-weight: bold; color:#fff;}
.navTabs1>li.active>a::before{height:3px; background:rgba(255,255,255,0.5);}
.navTabs1>li>a:hover{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); color:#fff;}
.navTabs1>li>a:hover::before{height:3px; background:rgba(255,255,255,0.5);}
.navTabs1>li.active>a:hover{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%) !important; color:#fff;}
.navTabs1>li.active>a:active,.navTabs1>li.active>a:focus{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%) !important; color:#fff;}
.tab-content{background:none; padding:0;}
.gradientbg{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}/*渐变背景*/
.gradientbt{display:inline-block; position:relative;}/*渐变下划线*/
.gradientbt::after{content:''; display:block; height:3px; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); margin-top:10px;}

/* layout */
.topbar{width:100%; height:80px; line-height:80px; overflow: hidden; background:url(../images/topbg.jpg) no-repeat center top; position: relative; z-index:2;}
.topbar.navFix{position: fixed; top:0; z-index:100;}
.topbar .logo{float: left; margin:20px 0 0 2em;}
.topbar .logo img{width:300px; display:block;}
.menu { height: auto;overflow: hidden;float: right; margin-right:30px;}
.menu ul{float: right; margin-right:30px;}
.menu li{float: left; margin-right:50px;}
.menu li a{font-size:18px; color:#fff; margin:0 10px; display: block; position: relative;}
.menu li a:hover{color:#fff; text-decoration: none; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.menu li.active a{}
.menu li.active a::after{width:100%; content:''; display:block; position: absolute; bottom:0; height:2px; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); margin-top:10px;}
.menu .topbtn{float: right; }
.menu .topbtn a{display:inline-block; width:100px; height:40px; line-height:40px; overflow:hidden; border-radius:100px; background: url(../images/loginbtnbg.png) no-repeat center top; font-size:18px; color:#fff; margin:15px 0 0 20px;}
.menu .topbtn span{ font-size:16px; color:#fff; margin-left:20px;}
.menu .topbtn span#logout:hover{cursor:pointer; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.menu .topbtn a:hover{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); }
.banner{width:100%; height:auto; overflow:hidden; margin-top:80px;}
.banner img{width:100%; display: block;}
.mainbody{width:100%; height:auto; overflow:hidden; background: url(../images/topbg.png) no-repeat center 90px; padding-top:90px; margin-bottom:50px;}
.footer{height:215px;overflow:hidden; background: rgba(255,255,255,0.3); padding:40px 0; text-align:left;}
.footer .foot_right{float: right; margin:0px 0 0 10px; text-align:center;}
.footer .foot_right .fr{display: inline-block; margin:0 10px;}
.footer .foot_right img{width:110px; height:110px; display: block; border-radius:10px; margin-bottom:10px;}
.footer .foot_right p{color:#fff;}
.footer .foot_left {}
.footer .foot_left li{float: left; margin-right:40px;}
.footer .foot_left h3{font-size:16px;color:#fff;font-weight: bold;}
.footer .foot_left p{font-size:14px; color:#fff; margin:10px 0 20px 0;line-height:2;}
.footer .foot_left a{display: block; color:#fff;}
.footer .foot_left a:hover{color:#333;background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.footer .foot_left .fl1{width:150px;}
.footer .foot_left .fl2{width:120px; margin-right:20px;}
.footer .foot_left .fl3{width:260px; margin-right:20px;}
.footer .foot_left .fl3 p{display: inline-block; float: left; margin-right:30px;}
.footer .foot_left .fl4{width:220px; margin-right:0;}
.copyright{width:100%; background:#000; height:50px; line-height:50px; text-align:center; }
.copyright p{font-size:14px; color:#666;}
.floatRightPanel{ position: fixed; right:30px; bottom:10%; z-index:1000;}
.floatRightPanel a{display: block; width:80px; height:80px; overflow: hidden; background: rgba(255,255,255,0.1); border-radius:15px; margin-bottom:10px; }
.floatRightPanel a img{height:30px; display: block; margin:15px auto 10px auto;}
.floatRightPanel a p{font-size:12px; color:#fff; font-weight: normal;}
.floatRightPanel a.floatPanel_backtop img{height:50px; margin:10px auto;}
.floatRightPanel a:hover{ background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}
.floatRightPanel .panelbox_share{height: auto; overflow:hidden; position: absolute; left:-210px; top:150px; border-radius:15px; z-index:100; display: none;  }
.floatRightPanel .panelbox_gz{height: auto; overflow:hidden; position: absolute; left:-210px; top:90px; border-radius:15px; z-index:100; display: none;  }

/* 企业产品弹窗 */
.companyDialog{width:100%; max-width:1200px;}
.companyDialog .modal-content{height:auto; overflow: auto; padding-bottom:40px; background:rgba(255,255,255,0.9);}
.companyDialog .modal-header{text-align: left; border:0; padding:50px 80px 10px 80px; position: relative;}
.companyDialog .modal-header .close{position:absolute; right:30px; top:20px;}
.companyDialog .modal-header h1{font-size:30px; background:-webkit-linear-gradient(-18deg, #801c7d 0%,#331f8a 50%,#116a95 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-top:10px; font-weight: bold;}
.companyDialog .modal-header .nav-tabs{ float: right; text-align:center;}
.companyDialog .modal-header .navTabs0>li{margin:0 0 0 15px;}
.companyDialog .modal-header .navTabs0>li>a{width:140px; height:45px; line-height:45px; overflow:hidden; background: url(../images/tabbg.png) no-repeat center top; color:#333; font-size:20px; font-weight: bold;}
.companyDialog .modal-header .navTabs0>li.active>a{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);  color:#fff;}
.companyDialog .modal-header .navTabs0>li>a:hover{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); color:#fff;}
.companyDialog .modal-body{padding:20px 80px 40px 80px;}
.companyDialog .tab-content .video video{width:100%;}
.companyDialog .tab-content .vlist {margin:20px 0;}
.companyDialog .tab-content .vlist li{width:200px; float: left; text-align: left; margin-right:20px;}
.companyDialog .tab-content .vlist li .list_img{width:100%; height:auto; overflow: hidden; padding:2px; margin-bottom: 10px;}
.companyDialog .tab-content .vlist li .list_img img{width:100%; display: block;}
.companyDialog .tab-content .vlist li.active .list_img{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}
.companyDialog .tab-content .vlist li .list_tit{font-size:14px; color: #333;}
.companyDialog .tab-content .about p{font-size:16px; color:#333; line-height:2; text-indent:2em;}
.companyDialog .tab-content .about img{width:100%; display: block; margin:20px 0;}
.companyDialog .message_list{min-height: 400px; background: #fff; border-radius:15px; padding:20px 30px; margin: 0 0 20px 0;}
.companyDialog .message_form{width:100%;}
.companyDialog .message_form textarea{width:100%; min-height:200px; border:2px #ccc solid; border-radius:15px; margin-bottom:40px; padding:20px; font-size:16px; line-height:2;}
.companyDialog .message_form button{width:200px; height:60px;line-height:60px; border:0;background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); border-radius:100px; font-size:18px; color:#fff; margin-left:20px;}
.companyDialog .message_form button:hover{opacity:0.8;}

/* 注册登录弹窗 */
.regDialog{width:100%; max-width:700px;}
.regDialog .modal-content{height:auto; overflow:hidden; background: url(../images/regbg.jpg) no-repeat center top; background-size:100% 100%; border-radius:15px;}
.regDialog .modal-header{text-align: center; border:0; padding:30px 80px 10px 80px; position: relative;}
.regDialog .modal-header .close{position:absolute; color:#fff; right:30px; top:20px;}
.regDialog .modal-header h1{font-size:24px; margin-top:10px; color:#fff; font-weight: bold;}
.regDialog .modal-body{padding:20px 100px 40px 100px;}
.regDialog .regform{width:100%;}
.regDialog .regform li{height:auto; overflow:hidden; display:flex; justify-content:center; position: relative; padding-bottom:40px; }
.regDialog .regform li span{display:block; width:200px; height:60px; line-height:60px; background:url(../images/tabbg.png) no-repeat center top; background-size:100% 100%; border-radius:100px; font-size:18px; color:#fff; margin-left:20px; cursor: pointer;}
.regDialog .regform input{flex:1; height:60px; line-height:60px; border:0; border-radius:100px; background:rgba(255,255,255,0.1); padding:0 30px; font-size:16px; color:#fff; transition:all 0.3s ease;}
.regDialog .regform input:focus{ background:rgba(255,255,255,0.3);}
.regDialog .regform button{width:50%; height:60px;line-height:60px; border:0;background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); border-radius:100px; font-size:18px; color:#fff; transition:all 0.3s ease;}
.regDialog .regform button:hover{opacity:0.5;}
.regDialog .regform select{flex:1; height:60px; line-height:60px; border:0; border-radius:100px; background:rgba(255,255,255,0.1); padding:0 30px; font-size:16px; color:#8e9aaa; transition:all 0.3s ease; outline:0;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.regDialog .regform select option{line-height:2;}
.regDialog .regform .selectbox:after {
    content:"";    
    position: absolute; 
	right:20px; 
	top: 25px;    
    z-index: 1;
    pointer-events: none;
    box-sizing: border-box;
	border-right:8px solid transparent;
	border-left:8px solid transparent;
	border-top:10px solid #8e9aaa;
	transition:all 0.6s ease;
}
.regDialog .regform label.error{text-align: left; color:red; font-size:14px; font-weight:normal; position: absolute; left:30px; bottom:10px;}
.regDialog .regform .form_tips{margin:-20px 0 0 0; text-align: left; font-size:14px; color:#8e9aaa; padding:0 30px 30px 30px; }
.regDialog .regform .form_tips p{font-weight: normal;}

/* 报名弹窗 */
.signUpDialog{width:100%; max-width:800px;}
.signUpDialog .modal-content{height:auto; overflow:hidden; padding-bottom:40px; background: url(../images/regbg.jpg) no-repeat center top; background-size:100% 100%; border-radius:15px;}
.signUpDialog .modal-header{text-align: center; border:0; padding:30px 80px 10px 80px; position: relative;}
.signUpDialog .modal-header .close{position:absolute; color:#fff; right:30px; top:20px;}
.signUpDialog .modal-header h1{font-size:24px; margin-top:10px; color:#fff; font-weight: bold;}
.signUpDialog .modal-body{padding:20px 100px 0px 100px;}
.signUpDialog .signUpform{width:100%;}
.signUpDialog .signUpform li{min-height:100px; overflow:hidden; }
.signUpDialog .signUpform input{width:100%; height:60px; line-height:60px; border:0; border-radius:100px; background:rgba(255,255,255,0.1);  padding:0 30px; font-size:16px; color:#fff; transition:all 0.3s ease;}
.signUpDialog .signUpform input:focus{ background:rgba(255,255,255,0.3);}
.signUpDialog .signUpform label{width:100%; text-align: left; margin:5px 0 0 30px; color:red; font-size:12px; font-weight:normal;}
.signUpDialog .signUpform textarea{width:100%; min-height:150px; border:0;  background:rgba(255,255,255,0.1); border-radius:15px; padding:10px 20px; font-size:16px; line-height:2; color:#fff;}
.signUpDialog .signUpform button{width:50%; height:60px;line-height:60px; border:0;background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); border-radius:100px; font-size:18px; color:#fff; transition:all 0.3s ease; margin-top:20px;}


/* 提示弹窗 */
.tipsDialog{width:100%; max-width:600px; margin-top:15%;}
.tipsDialog .modal-content{height:auto; overflow:hidden; padding-bottom:40px; background: url(../images/regbg.jpg) no-repeat center top; background-size:100% 100%; border-radius:15px;}
.tipsDialog .modal-header{text-align: center; border:0; padding:25px 40px 10px 40px; position: relative;}
.tipsDialog .modal-header .close{position:absolute; color:#fff; right:30px; top:20px;}
.tipsDialog .modal-header h4{font-size:20px; color:#fff; font-weight: bold; text-align: left;}
.tipsDialog .modal-body{padding:20px 100px 40px 100px;}
.tipsDialog .modal-body p{font-size:18px; margin-top:10px; color:#fff; font-weight: bold;}
.tipsDialog .modal-footer{padding:20px 20px 0px 20px; text-align: center; border:0;}
.tipsDialog .modal-footer button{width:30%; height:50px; line-height:50px; border-radius:100px; padding:0; font-size:16px; margin:0 4%; border:0; text-align:center;}
.tipsDialog .modal-footer button.cancel{background:rgba(255,255,255,0.5);}
.tipsDialog .modal-footer button.cancel:hover{background:rgba(255,255,255,1);}
.tipsDialog .modal-footer button.ok{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}
.tipsDialog .modal-footer button.ok:hover{opacity:0.8;}