@charset "utf-8";
/* CSS Document */
*{ /*-webkit-transition:all .2s ease-in-out;-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;*/ }
html{ font-size: 100% !important; }
body{  font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif !important;  font-size:62.5% !important;}
body,h1,h2,h3,h4,h5,h6,ul,li,p,input,select,label,img,dl,dt,dd{ margin:0; padding:0; font-family:"Microsoft Yahei" !important;}
ul,li{ list-style:none; font-family:"Microsoft Yahei" !important;}
a{ color:#ce3440; outline: none; text-decoration:none; font-family:"Microsoft Yahei" !important;}
a:active {star:expression(this.onFocus=this.blur());}
a:hover,a:focus{ color: initial !important; text-decoration: none !important; outline: none !important;}
img{ border:none;}
em{ font-style:normal;}
.clear{ clear:both;}
h1,h2,h3{ margin-top: 0px !important; }
dt{ font-weight: normal !important; }

.wrap p,.wrap h1,.wrap h2,.wrap h3,.wrap h4,.wrap h5,.wrap h6{letter-spacing: 0px!important;}

/*@font-face {*/
	/*font-family: "Source Han Sans CN Regular";*/
	/*src: url("../fonts/Source Han Sans CN Regular.woff2") format("woff2"),*/
	/*url("../fonts/Source Han Sans CN Regular.woff") format("woff"),*/
	/*url("../fonts/Source Han Sans CN Regular.ttf") format("truetype"),*/
	/*url("../fonts/Source Han Sans CN Regular.eot") format("embedded-opentype"),*/
	/*url("../fonts/Source Han Sans CN Regular.svg") format("svg");*/
	/*font-weight: normal;*/
	/*font-style: normal;*/
/*}*/

/*=====HEADER & FOOTER=====*/
@media (min-width: 1200px){
	#navbar .container,.maincontent.container,.footer.lp .container{ width: 1170px; }
}

.semi_title{ font-size: 3.9em; }
.footer.lp {  margin-top: 0 !important;}

@media (min-width: 992px){
	.padd-top .pr-0{ min-height: 80px; }
}
@media (min-width: 768px){
	#navbar .container {  width: 100%; max-width: 1250px;}
}
@media (max-width: 768px){
	.footer-top,.footer-last{ display: none; }
	.footer-meta{ margin-bottom: 45px; }
}
.ban-left{
	display: inline-block;
	width: 58%;
}
.banner-right{
	display: inline-block;
	width: 41%;
}
/*=====BANNER=====*/
.bannerBg{ background:url(../images/top-back.jpg) no-repeat 100% 100%; width:1200px;  height:499px;  position: relative; background-size: cover;margin: 160px auto 0;}
.banner-content{ position: relative; max-width: 1120px; min-height: 485px;  margin:0 auto;  color: #fff; text-align: center;}
.b-content{ position: relative; padding-top: 100px;}
.b-content h1{ margin-bottom: 38px; font-weight: bold; font-size: 2.625rem; color: #00294c;  padding-top:9px;font-family: "Noto Sans SC" !important; }
.b-content span{ background:url(https://mt4-mt5.com/images/banner_5.png) right center no-repeat;  padding:17px 126px 0 0 ; margin-right: 8px;}
.b-content p.txt01{ font-size: 2.15rem;  font-weight:100; color: #00294c; letter-spacing: 2px;font-family: "Noto Sans SC" !important;}

.b-content p.btn-b{ display: block; background-color: rgb(45,109,165);  color: #ffffff;  max-width: 364px; margin:30px 0 4px 0;  padding: 25px 38px; font-size: 1.4rem; text-align: center;  letter-spacing:1px; cursor:pointer;font-family: "Noto Sans SC" !important;border-radius: 7px}
/*.b-content p.btn-b:hover,.b-content p.btn-b:focus{color: #000 !important; }*/
.banner-content p.b-time{  line-height: 21px; color: #6b6a6e;  font-size: 1.4em; letter-spacing:9px; text-align: center;font-family: "\5FAE\8F6F\96C5\9ED1" !important;}
.b-time{
	font-size: .875rem;
	color: #2d6da5;
	letter-spacing: 18px;
	text-indent: 0.5em;
}

.bannerbar{ display: block; background-color: #fafafa; padding:27px 0 23px 0; width: 1200px; margin:0 auto;}
.bannerbar ul{ width: 100%;  }
.bannerbar ul li{ float: left; width: 25%; text-align: center; font-size: 2.265rem; color: #00294c;font-family: "\5FAE\8F6F\96C5\9ED1" !important; }
.bannerbar ul li span{color: #00294c;font-family: "Noto Sans SC" !important; font-size: 1.5rem;font-weight: bold;}

.b-content ul{
	width: 70%;
}
.b-content ul li{
	display: inline-block;
	width: 32%;
	text-align: center;
}
.b-content ul li p{
	font-size: 1.25rem;
	padding-top: 14px;
	color: #00294c;
	font-family: Noto Sans SC !important;
}
.wrap strong{
	display: block;
	width: 72px;
	height: 3px;
	background: #333540;
	margin: 0 auto 127px;
}
/*=====CONTENT=====*/
.wrap{ width: 100%; margin:0 auto; }
h4.title{margin: 80px 0 22px 0;font-family: "Noto Sans SC" !important;line-height: 1.1;font-size: 2.725rem; color: #00294c; letter-spacing: 2px !important; text-align: center;}
h4.title b.red{ color: #00294c; }
h4.title img{ padding:0 14px;vertical-align: unset; }
h4.title span.yellow{ font-size: 1.2em; color: #d9a629; }
h4.title b.font41{ font-size: 1.2em;position: relative;top: 4px;font-weight: 700; }

.onebox,.twobox,.threebox,.banner-content{ padding-left: 10px; padding-right: 10px; }

.threetxt p.lp-btn-green {background-color: rgb(45,109,165) !important;color: #fff !important;}
.onebox{ max-width:1180px; margin:0 auto;border-bottom: 1px solid #babfc3;  }
h6.titleb{color: rgb(0,41,76);font-family: "Noto Sans SC" !important;font-weight: 300;font-size: 2.25rem;margin-top: 0px;margin-bottom: 10px;}
h6.titleb span{ display: inline-block; background-color: #09080e; margin-right: 9px; width: 41px; line-height: 41px; font-weight: bold; text-align: center; color: #fff; border-radius: 10em; }
h6.titleb em{ font-style: inherit;font-weight: 500; color: rgb(243,178,62);font-family: "Noto Sans SC" !important; }
h6.titleb i{ font-weight: 300;font-family: "Noto Sans SC" !important;list-style-type: none;font-style: inherit;padding: 0;margin: 0; }
.onetxt{ float: left; max-width: 550px;  width: 49%;}
.oneimg{
	display: inline-block;
	width: 49%;
}
h6.titleb em:nth-of-type(2){
	color: rgb(0,41,76) !important;
}
.onebox ul{ display: inline-block; margin-top: 11px;}
.onebox ul li{ color: #00294c;font-weight: 300;letter-spacing: 3px;line-height: 24px; font-size: 1.125rem;  margin-top: 12px;font-family: "Noto Sans SC" !important;}
.onetxt p{ border-radius:7px;font-family: "Noto Sans SC" !important;display: block; background-color: rgb(45,109,165); max-width: 230px; line-height: 56px; color: #ffffff; margin:35px 0 0 0px; font-size: 1.5rem;  text-align: center;cursor:pointer;}
.mtbtn-bar {
	background-color: #19181d;
	border-bottom: #838f95 25px solid;
	line-height: 58px;
	text-align: center;
}
a:visited {
	text-decoration: none;
}
.mtbtn-bar a {
	font-size: 2.2em;
	font-weight: 500;
	color: #94ff94 !important;
	text-decoration: none;
	font-family: "\5FAE\8F6F\96C5\9ED1" !important;
}
.oneimg img{ max-width: 386px;float: right; }

.towboxbg{ display: block;width:1200px; margin:98px auto 82px auto; padding-bottom: 55px;   border-bottom: solid 1px #babfc3;}
.twobox{ margin:0 0 0 26px;}
.twoimg{position: relative;  float: left; margin-right: 199px;}
.twoimg img{max-width: 377px; width: 100%; }
.twotxt h6.titleb{ color: rgb(0,41,76); }
.twotxt h6.titleb span{ background-color: #00d0ff; color: #19181d; }
.twotxt{ float: left; }
.twotxt h6.titleb em{ color: #00d0ff; }
.twotxt ul{display: block; margin-top: 11px;}
.twotxt ul li{line-height: 24px;padding-top: 12px;font-weight:300;letter-spacing: 2px; font-size: 1.125rem; color: #00294c;font-family: "Noto Sans SC" !important; }
/*.twotxt img{ margin:15px 0 0 62px;  max-width: 436px; width: 100%;}*/
.twotxt a{ float: right; padding:33px 0 0 43px; font-size: 2em; color: #00d0ff; }
.twotxt a:hover,.twotxt a:focus{ color: #2ed9ff !important; }

.two-bottom{
	margin-top: 44px;
}
.two-div-left{
	display: inline-block;
	width:241px;
	height: 55px;
	line-height: 55px;
	border-radius: 7px;
	background: #121d2b;
	text-align: center;
	margin-right: 12px;
	cursor: pointer;
}
.two-div-left img{
	margin-right: 18px;
}
.two-div-left p{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 12px;
	font-family: "Noto Sans SC" !important;
}
.two-div-left p span{
	display: block;
	font-size: 1.35rem;
}
.com-top-div{
	top: 0;
}
.two-div-right{
	display: inline-block;
	width:241px;
	height: 55px;
	line-height: 55px;
	border-radius: 7px;
	background: rgb(219,219,219);
	text-align: center;
	cursor: pointer;
}
.two-div-right img{
	margin-right: 18px;
}
.two-div-right p{
	display: inline-block;
	color: #686767;
	font-size: 1.4rem;
	line-height: 55px;
	vertical-align: top;
	font-family: "Noto Sans SC" !important;
}
.threebox{ max-width: 1233px; margin:0 auto 157px; }
.threetxt{ float: left; margin:0px 70px 0 0;}
.threetxt ul{ margin-top:11px;font-family: "Noto Sans SC" !important;}
.threetxt ul li{    font-weight:300;line-height: 24px;letter-spacing: 2px;padding-top: 12px;font-size: 1.125rem; color: #00294c;font-family: "Noto Sans SC" !important;}
.threetxt p.lp-btn{  display: inline-block; font-family: "Noto Sans SC" !important;background-color: #121d2b; width: 241px; margin:35px auto 0; line-height: 55px; text-align: center; font-size: 1.5rem;  color: #ffffff; border-radius: 7px;cursor:pointer;}

.threeimg{ float: left; max-width: 642px; }
.threeimg img{ max-width: 642px; width: 100%; }

/*底部样式*/
.connection{width: 100%; height: 132px; margin: 0 auto; bottom: 0; position: fixed; z-index: 999; background:#000 url("https://mt4-mt5.com/images/back.jpg") no-repeat center; border-top:7px #b5bdd4 solid; }
.connection .X{width: 18px; height: 18px; position: absolute; right: 1%; top: 5%; color: #fff; text-align: center; z-index: 99999; cursor: pointer; }

.form{width: 1158px; height: auto; margin: 0 auto; display: flex; justify-content: space-between;  padding-top: 47px;}
.form>div {position: relative;position: relative;display: inline-block;margin-right: 12px; }
.form>div input{ display: flex; background-color: rgba(255,255,255,0); width: 247px; height: 45px; font-size: 18px; color: #fff !important;  text-indent: 1em; letter-spacing: 2px; border: 1px #fff solid; outline: none; font-family: SourceHanSansCN-Regular;text-fill-color: white;-webkit-text-fill-color: white; }
.form .number span{ position: absolute; color: #707070; font-size: 12px; right: 12px; top: 16px; }

.L-back .L-form input::-webkit-input-placeholder { color: #7e7e7e !important;}
.L-back .L-form input:-moz-placeholder { color: #7e7e7e !important;}
.L-back .L-form input:-ms-input-placeholder { color: #7e7e7e !important;}

.ib-bg .L-form input::-webkit-input-placeholder { color: #bfbebc !important;}
.ib-bg .L-form input:-moz-placeholder { color: #bfbebc !important;}
.ib-bg .L-form input:-ms-input-placeholder { color: #bfbebc !important;}



.form ::-webkit-input-placeholder { color: #fffc00;}
.form :-moz-placeholder { color: #fffc00;}
.form :-ms-input-placeholder { color: #fffc00;}
.form a{ display: inline-block;background-color: #fffc00; width: 370px; height: 45px;  font-size: 25px; line-height: 45px; color: #302f04; letter-spacing: 2px; font-weight: normal; text-align: center;vertical-align: bottom; }

.L-sidebar {width: 36px; height: auto; position: fixed; right: 0%; text-align: center; padding: 15px 10px; top: 30%; font-size: 16px; color: #fff;  cursor: pointer;   z-index: 500;   display: none; border-radius: 10px 0 0 10px;
	background: -webkit-linear-gradient(left, rgba(225,0,25,0.99) , rgba(255,78,78,0.99),rgb(255,39,39)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, rgba(225,0,25,0.99) , rgba(255,78,78,0.99),rgb(255,39,39)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, rgba(225,0,25,0.99) , rgba(255,78,78,0.99),rgb(255,39,39)); /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(top, #ff4e4e , #e10019);
	background: linear-gradient(left, rgba(225,0,25,0.99) , rgba(255,78,78,0.99),rgb(255,39,39)); /* 标准的语法 */
}

/*======MOBILE===*/

@media only screen and (max-width:1245px){
	.threebox{ display: table; }
	.threeimg img{ max-width: 592px; }
	.threetxt { margin-right: 37px; }
}


@media only screen and (max-width:1198px){
	.oneimg img{ max-width: 505px; }
	.towboxbg { margin-top: 82px;  }

	.threetxt { margin-top: 0px; }
	.threeimg img{ max-width: 492px;  margin-top: 23px;}
}

@media only screen and (max-width:1063px){
	.towboxbg{ padding-bottom: 45px; }
	.twoimg,.threeimg{ display: none; }
	.twotxt{ float: none; margin:47px auto 0; max-width: 652px; }

	.threebox{ max-width: 517px; }
	.threetxt{ margin: 0 auto; float: none; max-width: 497px; }
}

@media only screen and (max-width:1092px){
	.onetxt p{ margin-top: 35px; }
	.oneimg img{ max-width: 405px; margin-top: 10px;}
}
@media only screen and (max-width:1020px){
	.b-content{ font-size: 96%; }
}


@media only screen and (min-width: 991px){
	.b-content h1 br{ display: none; }
}

@media only screen and (max-width: 991px){
	.banner-content{ min-height: auto;   }
	.b-content{   padding: 75px 0 63px 0;  }
	.b-content h1{ padding-top: 0px; line-height: 105px; }

	.onetxt{ float: none; margin:0 auto; max-width: 495px; }
	.onetxt p{ margin:35px auto 0 auto; }
	.oneimg{ display: none;}

	.twobox { max-width: 582px;  }
	.twoimg{  }
}

@media only screen and (max-width:852px){
	h4.title b.font41{ display: block; padding-top: 15px; }
	h4.title img{ max-width: 75px; }
}


@media screen and (max-width: 768px){
	.wrap{ font-size: 90%; }

	.b-content{ font-size: 90%;}
	.b-content p.btn-b{ max-width: 310px; padding: 7px 0; margin-left:auto; margin-right: auto;}
}

@media only screen and (max-width: 705px){
	.b-content { padding: 42px 0 37px 0; }
	.b-content p.txt01{ font-size: 4em; }
	.b-content h1{ font-size: 5.5em;  line-height: 80px;}
	.bannerbar{ font-size: 88%; }
	.b-content span{ background-size: 1.5em; padding-right: 77px;}

	.b-content p.btn-b { margin:26px auto 30px auto;}


}
@media only screen and (max-width:610px){
	.b-content,.bannerbar{ font-size: 80%; }
	.b-content span { background-size: 1.2em; padding-right: 58px;  padding-top: 0px;}
}
@media only screen and (max-width:550px){
	.wrap{ font-size: 85%; }
	.onebox ul{ margin-top: 15px; }
	.towboxbg{ margin: 45px  0; }
	.twotxt img{ max-width: 316px; }
	.twotxt a{ padding-left: 0px; }
}

@media only screen and (max-width:536px){
	.b-content,.bannerbar{ font-size: 70%; }
	.b-content h1{ line-height: 53px; padding-top: 15px; }
	.b-content span{ padding-right: 49px; }

	.b-content, .bannerbar{ padding:13px 0 10px 0; }

}
@media only screen and (max-width:522px){
	h6.titleb{ font-size: 3em; }
	h6.titleb span { width: 36px; line-height: 36px; margin-right: 5px; }

	.twotxt a{ display: block; float: none;  padding: 8px 0px 0 63px;}
	h4.title{ margin-bottom: 32px; }
	h4.title b.font41{ font-size: 1em;  padding-top: 0px;}
	h4.title img{ max-width: 54px; }

	.threebox{ margin: 0 auto 50px;width: 94%;}
	.threetxt ul{  margin: 24px 63px 28px 0; }

}

@media only screen and (max-width:456px){
	.b-content,.bannerbar{ font-size: 60%; }
	.b-content p.btn-b{ margin: 20px auto 22px auto; }
	.b-content span{padding-right: 42px;}
}

@media only screen and (max-width:407px){
	.b-content{  font-size: 56%; }
	.b-content h1 { line-height: 44px; }

}

@media only screen and (max-width:396px){
	.wrap{ font-size: 80%; }
	h6.titleb{ font-size: 2.7em; }
	.twotxt img{ max-width: 237px; }

	h6.titleb span{width: 30px; line-height: 30px;}
	h4.title{ font-size: 3.2em; }
}

@media only screen and (max-width:373px){
	.b-content h1{ font-size: 5em;  }
	.b-content span { padding-right: 35px;}

	h4.title{ margin:18px 0 40px 0; font-size: 3em; }
	h6.titleb{ font-size: 2.5em; }

}
/*移动端样式*/
@media screen and (min-width: 270px)and (max-width: 991px){
	.connection .X{ right: 3%;top: 3%; }
	.submit p{ width: 80%;  padding-bottom: 35px;}
	.chengg p{ display: block; width: 80%; text-align: center; margin: 0 auto;}

	.connection{height: auto; background: #000 !important; display: none; z-index: 1047;}
	.form{display: block; width: 100%; }
	.form>div{display: block; width: 270px; height: 55px; margin: 0 auto 10px; }
	.form>div input{font-size: 16px; height: 35px;  }
	.form .number span{ right: 34px; top: 11px; }
	.form a{display: block; width: 270px; height: 35px; line-height: 35px; font-size: 16px; margin: 0 auto 20px; }
	.L-sidebar{display: block; }
}

@media screen and (max-width: 455px){
	.chengg{ background-size: 25em; }
	.L-back{  width: 302px; height: 344px; margin: -172px 0 0 -151px;}
	.L-form input{ width: 265px;}
	.L-form i{ left: 35px; }
	.L-back h3 { font-size: 20px; line-height: 0px; }
	.L-form>div { width:270px; }
	.L-form a { width: 264px;  font-size: 16px;}
	.L-form p{ letter-spacing: 10px; }
	/*.L-form .number{ margin-bottom: 24px !important; }*/
	.cha, .pos{ width: 23px; height: 23px; right: 2%; top: 3%; border: none;}
	.cha{ right: 13%; top: 13%; }
	.bot{ height: 26px !important; }


	.ib-bg{  width: 296px; height: 380px; margin: -190px 0 0 -148px;}
	.ib-bg h3{  padding: 30px 0 54px 15px; }
	.ib-bg .L-form,.mt-bg .L-form { margin-top: 0px; }
	.ib-bg .L-form>div,.mt-bg .L-form>div{ width: 262px;}
	.ib-bg .L-form input,.mt-bg .L-form input{ width: 265px; height: 34px; line-height: 34px; border-width: 1px; font-size: 15px;  text-indent: 2.5em;}
	.ib-bg .L-form div>i{ background-size: 1em !important; height: 16px; left: 10px;  /*top: 12px; */}
	.ib-bg .L-form .tel>i{ background-size: 0.7em !important; }
	.ib-bg .L-form a{ width:262px;height: 42px; line-height: 42px; font-size: 17px; }

	.mt-bg{ padding-top: 25px; width: 296px; height: 400px; margin: -200px 0 0 -148px; border-radius: 15px;}
	.mt-bg h3 {padding-bottom: 26px;}
	.mt-bg .pos{ top: 0%; }
}
@media screen and (min-width: 320px) and (max-width: 423px){
	.bannerBg{
		width: 100%;
		margin: 130px auto 0;
	}
	.ban-left{
		display: none;
	}
	.banner-right{
		width: 100%;
		text-align: center;
	}
	.b-content p.txt01 {
		font-size: 4em;
	}
	.b-content ul{
		width: 100%;
	}
	.b-content{
		padding: 75px 0 63px 0;
	}
	.b-time{
		letter-spacing: 10px;
		text-indent: 0;
	}
	:root {
		--swiper-navigation-size: 44px;
	}
	.bannerbar{
		width: 100%;
	}
	.bannerbar ul li{
		font-size: 1rem;
	}
	.bannerbar ul li span{
		font-size: 1rem;
		font-weight: normal;
	}
	.b-content p.btn-b{
		width: 94%;
	}
	.wrap{
		width: 100%;
	}
	.wrap strong{
		display: none;
	}
	.onetxt{
		width: 94%;
	}
	.onebox ul{
		width: 100%;
	}
	.onebox ul li{
		width: 49%;
		display: inherit;
	}
	h6.titleb{
		text-align: center;
	}
	h4.title{
		font-size: 2.5em;
	}
	h4.title b.font41{
		display: inline-block;
	}
	h4.title img{
		padding: 0 5px;
	}
	.onebox ul{
		text-align: center;
	}
	.onebox{
		padding-bottom: 30px;
		width: 94%;
	}
	.towboxbg{
		width: 100%;
	}
	.twobox{
		width: 100%;
		margin: 0 auto;
	}
	.twotxt ul{
		width: 80%;
		margin: 0 auto;
	}
	.two-div-left {
		display: block;
		margin: 0 auto;
	}
	.two-div-right{
		display: block;
		margin: 15px auto 0;
	}
	.two-bottom {
		margin-top: 30px;
	}
	.threetxt{
		width: 94%;
	}
	.threetxt ul{
		width: 80%;
		margin: 0 auto;
	}
	.threetxt p.lp-btn{
		display: block;
		margin: 30px auto 0;
	}
	.threetxt p.lp-btn-green{
		margin: 0px auto 0;
	}
	.twotxt ul li{
		width: 86%;
		margin: 0 auto;
	}
	h6.titleb i{
		font-weight: normal !important;
	}
}