@charset "utf-8";
.title_black {padding-top: 50px;text-align: center;}
.title_white {padding-top: 50px;text-align: center;color: #fff;}
.title_black p,.title_white p {color: #999;padding-top: 10px;}

/************banner************/
.banner {height: 540px;background: #323232;padding-top: 64px;}

/************公告及行情************/
.col01 {background: #04091a;}
.announcement,.quotes {width: 1290px;margin: 0 auto;}
.announcement li {float: left;width: 380px;padding: 20px 25px;display: block;overflow: hidden;font-size: 14px;line-height:16px;color: #999;}
.announcement li a{max-width:330px;float:left;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;}
.announcement li span {padding-left: 10px;color: #555;}
.col01_line {width: 1240px;margin: 0 auto;border-top: 1px solid #2b2b2b;height: 0;overflow: hidden;}
.quotes li {float: left;width: 380px;display: block;padding: 25px;color: #999;position: relative;}
.quotes li span {float: left;width: 30%;}
.quotes li p {font-size: 14px;padding-top: 10px;}
.quotes li strong {font-size: 24px;padding-bottom: 10px;}
.k_line {width: 70%;height: 80px;float: left;}
.k_line img {width: 100%;}
.quotes_tips {font-size: 12px;color: #94b9cf;padding: 0 25px 20px 25px;}

/************平台数据************/
.col02 {background: url(/static/images/data_bg.png) no-repeat top center;}
.data {width: 1240px;margin: 55px auto 0 auto;}
.data li {width: 25%;float: left;background: url(/static/images/data_bg02.png) no-repeat bottom center;text-align: center;}
.data li.data03{padding-top:18px;}
.data li.data02{padding-top:33px;}
.data li.data01{padding-top:58px;}
.data li em {width: 16px;height: 16px;border: 4px solid #2a7bd7;border-radius: 50%;display: block;margin: 0 auto;background: #fff;}.data li p {padding: 30px 0 5px 0;color: #999;}/************为什么选择我们************/.col03 {background: url(/static/images/superiority_bg.png) repeat-x bottom;padding-bottom: 60px;}
.superiority {width: 1260px;margin: 40px auto 0 auto;}
.superiority li {margin: 0 10px;float: left;display: block;border-radius: 10px;box-shadow: 1px 2px 30px rgba(0, 0, 0, 0.08);cursor: pointer;}
.superiority li p {padding-top: 10px;line-height: 28px;}
.superiority li.sup01,.superiority li.sup02,.superiority li.sup03,.superiority li.sup04 {width: 250px;height: 250px;text-align: center;color: #cda94e;}
.superiority li.sup01_2,.superiority li.sup02_2,.superiority li.sup03_2,
.superiority li.sup04_2 {width: 370px;height: 220px;padding: 30px 30px 0 30px;float: left;}
.superiority li.sup01 img,.superiority li.sup02 img,.superiority li.sup03 img,.superiority li.sup04 img {padding: 50px 0 15px 0;}
.superiority li.sup01_2 img,.superiority li.sup02_2 img,.superiority li.sup03_2 img,.superiority li.sup04_2 img {width: 38px;height: 38px;padding-right: 15px;float: left;}
.superiority li.sup01 p,.superiority li.sup02 p,.superiority li.sup03 p,.superiority li.sup04 p {display: none;}
.superiority li.sup01_2 p,.superiority li.sup02_2 p,.superiority li.sup03_2 p,.superiority li.sup04_2 p {display: block;}
.superiority li.sup01 {background: url(/static/images/sup_bg01.jpg) no-repeat right;}
.superiority li.sup02 {background: url(/static/images/sup_bg02.jpg) no-repeat right;}
.superiority li.sup03 {background: url(/static/images/sup_bg03.jpg) no-repeat right;}
.superiority li.sup04 {background: url(/static/images/sup_bg04.jpg) no-repeat right;}
.superiority li.sup01_2 {background: url(/static/images/sup_bg01_2.jpg) no-repeat right #dbd211;}
.superiority li.sup02_2 {background: url(/static/images/sup_bg02_2.jpg) no-repeat right #dbd211;}
.superiority li.sup03_2 {background: url(/static/images/sup_bg03_2.jpg) no-repeat right #dbd211;}
.superiority li.sup04_2 {background: url(/static/images/sup_bg04_2.jpg) no-repeat right #dbd211;}

/************平台下载************/
.col04{background:url(/static/images/i_down_quan_bg.png) no-repeat center -100px #1e1e1e;}
.i_down_app{background:url(/static/images/about_c1_image.png) no-repeat center bottom;min-height:580px;}
.i_down_mt4{background:url(/static/images/i_down_bg.png) no-repeat center bottom;min-height:580px;}
.soft_tips{color:#999;text-align:center;padding:15px 5% 0 5%;line-height:24px;}

.i_down_soft{max-width:1240px;margin:0 auto;color:#999;}
.mt4_sup{padding: 32px 0 16px 0;}
.app_sup{width:315px;padding-top:110px;float:right;}
.down_sup ul li {height:36px;line-height: 36px;padding-left: 14px;}
.down_sup ul li em {width:24px;height: 24px;display: block;background: url(/static/images/down_icon02.png) no-repeat center;margin: 6px 10px 0 0;float: left;}
.app_introduction{padding-top:20px;line-height:30px;padding-left: 14px;}

.down{float:left;}
.app_code{width: 130px;height: 155px;background: #fff;border-radius: 5px;font-size: 12px;text-align: center;padding:15px 25px;margin:90px 0 20px 0;}
.mt4_code{width: 130px;height: 155px;background: #fff;border-radius: 5px;font-size: 12px;text-align: center;padding: 10px;margin-right:15px;display:block;float: left;}
.app_code img,.mt4_code img {width: 100%;display: block;margin-bottom: 5px;}
.down_btn {width: 180px;float: left;}
.down_btn li a {height: 46px;line-height: 46px;border: 1px solid #444;border-radius: 5px;display: block;margin-bottom: 15px;}
.down_btn li a:hover {background: #cda94e;border: 1px solid #cda94e;color: #323232;}
.down_btn li em {width: 30px;height: 30px;display: block;float: left;margin: 8px 10px 0 15px;}
.register {width: 700px;height: 60px;padding: 40px 0 60px 0;margin: 0 auto;}
.register_text {width: 67.5%;height: 38px;line-height: 38px;padding: 10px 5%;border-radius: 30px 0 0 30px;font-size: 24px;float: left;border-left: 1px solid #ddd;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}.register_btn {width: 22%;height: 60px;line-height: 60px;border-radius: 0 30px 30px 0;font-size: 24px;background: #1877f2;color: #323232;float: left;-webkit-appearance: none;/*去除input默认样式*/}
.register_btn:hover {background: #ebcf00;}

/************合作伙伴************/
.col06{background: #f5f5f5;padding-bottom:30px;}
.partner_title{width:100%;height:50px;margin:0 auto;text-align:center;}
.partner_title li{padding:0 25px;display:inline-table;}
.partner_title li a:hover{color:#323232;}
.partner_title li a.cur{color:#323232;}
.partner_title li a.cur02{color:#fff;}
.partner {max-width: 1240px;margin: 40px auto 0 auto;}
.partner li {width: 20%;padding-bottom: 30px;float: left;}
.partner li img {display: block;margin: 0 auto;}
.friend_links{ max-width:1240px;margin:0 auto;padding:40px 0 0 0;min-height:100px;}
.friend_links li{height: 100px; align-items: center;width:20%; padding:0 0 20px 0;float:left;display:flex;}
.friend_links li a{display: block; margin: auto; padding: 0 20%;}
.friend_links li a img{max-width: 220px; width: 100%;}
.friend_links li a:hover{color:#baba00;}

.ah{display: inline-block;width: 261px;height: 60%;position: absolute;z-index: 999;left: 33%;}

/************圣诞风格************/
.i_f_tips{height:40px;padding:110px 0 0 0;width:100%;position:fixed;bottom:0;z-index:999;text-align:center;color:#999;}
.b_sdlr{position:fixed;left:0;bottom:20px;z-index:9999;}
.b_sds{position:fixed;right:50px;bottom:20px;z-index:9999;}
.i_f_tips span{z-index:99999;position:fixed;bottom:0;right:0;width:60px;height:40px;}
.i_f_tips span a{display:block;font-size:30px;line-height:40px;}
.i_f_tips span a:hover{color:#323232;}

@media screen and (max-width:800px) {
		.hide{display: none;}
		.swiper-container {height: 215px !important;}
		.swiper-slide {height: 215px !important;background-size: 140% !important;}
		.k_line,.data li em,.col06,.app_code,.mt4_code,.down_sup {display: none;}
		.superiority li.sup01,.superiority li.sup02,.superiority li.sup03,.superiority li.sup04 {display: block;margin: 10px 21%;}
		.title_black,.title_white {padding: 30px 5% 0 5%;}
		.banner {height: 215px;background: #323232;padding-top: 0px;}
		.announcement,.quotes,.col01_line,.superiority,.down_con,.data {width: 90%;margin: 0 5%;}
		.announcement {height: 50px !important;overflow: hidden;position: relative;}
		.announcement li {width: 100%;padding: 15px 0;white-space: nowrap;}
		.announcement li a{max-width:84%;}
		.announcement li span {z-index: 0;position: absolute;}
		.line li{margin-top: 0px !important;}
		.quotes li {width: 33.33%;padding: 20px 0;text-align: center;}
		.quotes li span {width: 100%;}.quotes_tips {padding: 0 0 20px 0;}
		.col02 {background: none;padding-bottom: 20px;}
		.col03{padding-bottom: 30px;}
		.col04 {padding-bottom: 0;}
		.data li.data01,.data li.data02,.data li.data03,.data li.data04 {padding-top: 0;width: 50%;}
		.superiority li.sup01_2,.superiority li.sup02_2,.superiority li.sup03_2,.superiority li.sup04_2 {width: 90%;height: auto;padding: 20px 5%;margin: 20px 0 0 0;}.superiority li.sup01_2 img,.superiority li.sup02_2 img,.superiority li.sup03_2 img,.superiority li.sup04_2 img {width: 32px;height: 32px;padding-right: 10px;}

		.col04{background:url(/static/images/i_down_quan_bg.png) no-repeat -300px -100px #1e1e1e;}
		.i_down_app{background:url(/static/images/i_down_app_bg1.png) no-repeat -400px bottom ;background-size:1200px;min-height:520px;}
		.i_down_mt4{background:url(/static/images/i_down_bg.png) no-repeat center bottom;background-size:1200px;min-height:540px;}
		.down{margin:0 auto;float:none;}
		.down_btn {float:none; margin:0 auto; width: 240px; }
		.mt4-Developerinfo{float:none; margin:auto; width:90%;}
	    .down_btn li a{width:85%;border-radius:30px;margin:20px 0 0 0;padding-left:15%;}

		.register {width: 90%;margin: 0 auto;padding: 30px 0 40px 0;}
		.register_text,.register_btn {font-size: 18px;}
		.ah{display: none}

		.partner_title{width:100%;height:30px;}
        .partner_title li{padding:0 10px;display:inline-table;}

		/************圣诞风格************/
        .i_f_tips{height:45px;padding:100px 10% 0 10%;background:url(/static/images/cj/f_cj_bg.png) no-repeat center bottom;background-size:1000px;width:80%;font-size:14px;}
        .i_f_tips span{z-index:99999;position:fixed;bottom:0;right:0;width:30px;height:30px;}

		#zg img{right: 0 !important;top: 30% !important;left: 8%;}
		#startvideo{top: 35% !important;left: 8% !important;width: 85% !important;}
}

@media screen and (min-width:801px) and (max-width:1400px) {
	.i_f_tips{height:35px;padding:155px 0 0 0;background:url(/static/images/cj/f_cj_bg.png) no-repeat top center;background-size:1400px;}
}

@media screen and (max-width:800px) {
	.down_btn li a{margin:0 0 8px;}
}

/* 公司介绍 */
.introduce{background-color: #ffffff;}
.introduce .title{padding: 80px 0 42px;}
.introduce .title h2{margin-bottom: 24px;margin-bottom: 18px; color: #333333;text-align: center;}
.introduce .title p{margin: auto; max-width:720px; width: 100%; text-align: center;font:400 16px/28px var(--PFR); color: #666666; text-align:center;white-space: pre-wrap;word-break: break-word;line-height: 1.9;}

.introduce ul{margin: auto; width: 100%; max-width: 1100px; display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;}
.introduce ul li{width: 25%;display: flex;justify-content: center;align-items: center;}
.introduce ul li img{width: 56px;height: 56px;display: block;margin-right: 16px;}
.introduce ul li .left p:nth-of-type(1){font:400 14px/1 var(--PFR); color: #666; padding-bottom: 5px;text-align: center;}
.introduce ul li .left p:nth-of-type(2){font:500 24px/1 var(--PFM); color: #333333;text-align: right;}

.introduce .companyMore{
	padding: 40px 0 40px 0;margin: 0 auto;
	display: flex;align-items: center;justify-content: center;
	font:500 14px var(--PFR); color: #333333;cursor: pointer;}
.introduce .companyMore img{margin-left: 2px;margin-top: 2px; width: 14px;}

.introduce .company-video{margin: auto; width: 100%; max-width: 853px;height: 319px;margin: 0 auto;position: relative;padding-bottom: 80px;}
.company-video #companyVideo{width:100%;height:100%; border-radius: 10px; object-fit:cover;}
@media only screen and (max-width: 1000px) {
	.introduce .company-video{max-width: 640px;}
	.company-video #companyVideo{object-fit: contain;}
}
.introduce .company-video-icon{/*width: 80px;height: 80px;*/position: absolute;left: 0;right: 0;/*top: 40%;*/margin: 0 auto;cursor: pointer;}

/* 公司公告 */
.company .wrapper{margin: auto; max-width: 1200px;}
.company .companyTab{max-width: 664px;margin: 0 auto;display: flex;justify-content: space-around;align-items: center;padding: 80px 0 80px 0;}
.company .companyTitle{color: #666666;font-size: 36px;line-height: 36px;cursor: pointer;position: relative;font-weight: bold;}
.company .companyTitle:hover{color: #333333;}
.companyTabActived{color: #333333 !important;font-size: 36px;line-height: 36px;}
.companyTabActived:after{content:''; display:block; width:80px; border-bottom:3px solid #333333; margin: 0 auto;border-radius: 4px;position: absolute;left: 0;right: 0;bottom: -20px;margin: 0 auto;}
.companyContent{position: relative;padding-bottom: 20px;}
.companyContent ul {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} 
.companyContent ul li{margin:0 auto 24px; width: 285px;height: 296px;border-radius: 10px;border: 1px solid #E4E4E4;}
.companyContent ul li a >div{height: 180px; overflow: hidden; border-radius: 10px 10px 0 0; display: flex; justify-content: center; align-items:center; background-color:#f6f6f6;}
.companyContent ul li img{transition:all .4s; height: 100%; width:100%; object-fit: cover;}
.companyContent ul li a:hover img{
	-ms-transform:scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);}
.companyContent ul li a p:nth-of-type(1){color: #333333;font-size: 18px;line-height: 28px;height: 58px;margin: 14px 20px 10px 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;-webkit-box-orient: vertical;transition:all .4s;}
.companyContent ul li a:hover p:nth-of-type(1){color: #da950c;}
.companyContent ul li a p:nth-of-type(2){color: #999999;font-size: 14px;line-height: 14px;padding: 0 0 20px 20px;}
.companyContent ul li a{width: 100%;height: 100%;}

.devjt{width: 1320px;display: flex;justify-content: space-between;position: absolute;left: -60px;right: 0;top:130px;margin: 0 auto;}
.devjt img{cursor: pointer;}

.tzbkmore{text-align: center;margin-top: 50px;}
.tzbkmore a{color: #000000;font-size: 18px;line-height: 18px;display: flex;justify-content: center;align-items: center;}
.tzbkmore img{margin-top: 2px;margin-left: 6px;}
@media screen and (min-width:1200px) {
	.companyContent ul li{margin-bottom: 0;}
}
@media screen and (max-width:863px) {
	.company .companyTitle{font-size: 24px;line-height: 24px;}
	.companyTabActived{font-size: 24px;line-height: 24px;}
	.introduce .title{padding: 6vw 0 !important;}
	.introduce .title h2{margin-bottom: 2vw;}
	.introduce .title p{width: 96% ; font: 400 2vw/1.5 var(--PFR) !important; }
	.introduce ul li img{margin-right: 2vw; width: 6vw !important; height: 6vw;}
	.introduce ul li .left p:nth-of-type(1){font-size: 1.8vw;}
	.introduce ul li .left p:nth-of-type(2){font-size: 2vw;}
	.introduce .companyMore{padding: 2vw 0;}
	.introduce .company-video{max-width:640px; height: initial;padding-bottom: 204px;}
	.introduce .company-video-icon{width: 100%;}
}
@media screen and (max-width:580px) {
	.i_down_mt4{margin-bottom:30px;}
	.company .companyTab{padding: 0 0 40px 0;}
	.companyContent{width:100%; overflow:auto; margin:auto; padding-bottom:0;}
	.companyContent ul {width:182vw; justify-content:space-around;} 
	.companyContent ul li{ margin:0; width:40vw; height:auto;}
	.companyContent ul li a >div{height: 90px;}
	.companyContent ul li a p:nth-of-type(1){margin: 10px 16px 10px 16px; height:64px;-webkit-line-clamp: 3; font-size: 16px; line-height: 22px;text-align: justify;}
	.introduce .title h2{margin-bottom: 2vw;}
	.introduce .title p{font: 400 2.6vw/1.5 var(--PFR) !important;}
}