/* 公共 */
html, body, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, button, textarea, p {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
body{
min-width:1200px;
margin:0 auto;
font-size:14px;
font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
background:#fff;
text-align:justify;
color:#333;
}
img{
border:none;
}
a{
cursor:pointer !important;
color:#333;
text-decoration:none;
outline:none;
}
ul,ol{
list-style-type:none;
}
em{
font-style:normal;
}
.lt{
float:left;
}
.rt{
float:right;
}
div.clear{
font: 0px Arial; line-height:0;
height:0;
overflow:hidden;
clear:both;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
clear: both;
visibility: hidden;
}
.btn{
cursor:pointer;
}
/* 版心 */
.w1200 {
width: 1200px;
margin: 0 auto;
}
.w1700{
max-width: 1700px;
margin:auto;
}
/* header */
header {
height: 64px;
background-color: #ffffff;
text-align: center;
}
header .w1200 {
height: 64px;
}
.logo {
float: left;
width: 100px;
height: 20px;
margin-top:-13px;
margin-left:20px;
}
.logo a {
display: inline-block;
width: 100%;
height: 100%;
}
.logo h1 {
color: transparent;
text-indent: -9999px;
}
.nav {
font-size: 14px;
display: inline-block;
height: 64px;
}
.nav li {
float: left;
margin: 0 10px;
line-height: 64px;
height: 64px;
width:80px;
}
.nav a {
display: inline-block;
height: 30px;
line-height: 30px;
color: #838388;
position: relative;
}
.nav li:hover a, .nav li.active a {
color: #d73e3e;
}
.nav li.active{
border-bottom:2px solid #f16650 !important;
box-sizing: border-box;
}
.login-box {
float: right;
line-height: 64px;
}
.login-box a {
display: inline-block;
vertical-align: middle;
line-height: 30px;
width: 76px;
height: 30px;
background-color: #e64a4a;
font-size: 14px;
color: #ffffff;
}
.login-box .login-box-one{
margin-right:-5px;
}
.login-box .login-box-btn {
background-color: #f16650;
}
.swiper-pagination-bullet{
width: 40px;
height: 4px;
background-color: #ffffff;
border-radius: 2px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:30px;
}
.platform{
background:url(../images/1-bj.png);
overflow: hidden;
/* margin-top: -4px; */
}
.platform .platform_l{
margin:136px 0px;
}
.platform .platform_l h3{
font-family: MicrosoftYaHei;
font-size: 30px;
line-height: 30px;
color: #333333;
margin-bottom:50px;
position: relative;
}
.platform .platform_l h3 span{
width: 10px;
height: 10px;
border: solid 2px #e24847;
display: block;
border-radius: 50%;
position: absolute;
top:16px;
left: 274px;
}
.platform .platform_l p{
width: 450px;
height: 88px;
font-family: MicrosoftYaHei;
font-size: 16px;
line-height: 36px;
color: #636366;
}
.platform .platform_r{
}
.platform .platform_r ul{
width:621px;
/* position: relative; */
height: 301px;
margin:70px 0px 69px;
border-radius: 5px;
}
.platform .platform_r ul li{
float: left;
width: 310px;
height: 150px;
background-color: #ffffff;
position: relative;
}
.platform .platform_r .platform_box{
width: 100%;
height: 100%;
position: relative;
}
.platform .platform_r .platform_box img{
position: absolute;
top:45px;
left:40px;
}
.platform .platform_r .platform_box img:nth-child(2){
display: none;
}
.platform .platform_r ul li:nth-child(1){
border-bottom:1px solid #e3e3ee;
border-radius: 5px 0px 0px 0px;
}
.platform .platform_r ul li:nth-child(2){
border-left: 1px solid #e3e3ee;
border-bottom:1px solid #e3e3ee;
border-radius: 0px 5px 0px 0px;
}
.platform .platform_r ul li:nth-child(3){
border-right:1px solid #e3e3ee;
border-radius: 0px 0px 0px 5px;
}
.platform .platform_r ul li:nth-child(4){
border-radius: 0px 0px 5px 0px;
}
.platform .platform_r ul li{
}
.platform .platform_r .platform_tit {
float: left;
margin-top:40px;
margin-left:120px;
}
.platform .platform_r .platform_tit h2{
font-family: MicrosoftYaHei-Bold;
font-size: 36px;
color: #434344;
font-weight: bold;
}
.platform .platform_r .platform_tit p{
font-family: MicrosoftYaHei;
font-size: 16px;
color: #838388;
}
.platform .platform_r ul li:hover>.platform_box{
width: 340px;
height: 165px;
background-image: linear-gradient(35deg,
#ef4747 0%,
#f16e5a 100%);
box-shadow: 0px 0px 10px 0px
rgba(241, 110, 90, 0.7);
border-radius: 5px;
position: absolute;
left:-15px;
right:15px;
top:-7.5px;
bottom: 7.5px;
z-index: 100;
}
.platform .platform_r ul li:hover h2{
color:#fff;
}
.platform .platform_r ul li:hover p{
color: #fff;
}
.platform .platform_r ul li:hover>.platform_box img:nth-child(1){
display: none;
}
.platform .platform_r ul li:hover>.platform_box img:nth-child(2){
display: block;
}
.caption{
position: relative;
}
.caption>p{
font-family: MicrosoftYaHei;
font-size:120px;
color: #ededed;
margin-left:-144px;
}
.caption .caption_tit{
position: absolute;
top:52px;
}
.caption .caption_tit h2{
font-family: SourceHanSansCN-Medium;
font-size: 30px;
line-height: 30px;
color: #333333;
font-weight: bold;
}
.caption .caption_tit p{
font-family: SourceHanSansCN-Bold;
font-size: 14px;
line-height: 30px;
color: #333333;
font-weight: bold;
}
.caption .caption_tit p span{
float: left;
}
.caption .caption_tit p span:first-child{
width: 10px;
height: 10px;
border: solid 2px #e24847;
border-radius: 20px;
display: block;
margin:8px 10px 0px 0px;
}
.service{
background-color: #f7f7f7;
overflow: hidden;
padding: 40px 0px 70px;
}
.service ul li{
float: left;
width: 290px;
margin-right: 8px;
padding: 0px 2px;
}
.service ul li:last-child{
margin-right:0px;
}
.service ul li>a>div{
padding: 0px 0px 20px 0px;
height: 340px;
border-bottom: 1px solid transparent;
border-color: rgba(244, 244, 244, 0.9);
}
.service ul li:hover>a>div{
border-bottom:1px solid #e0e0e0;
border-color: rgba(255, 255, 255, 0.2);
}
.service ul li>a>div img{
display:inline-block;
margin: 2px auto 0px;
width: 100%;
}
.service ul li>a>div h2{
font-family: MicrosoftYaHei-Bold;
font-size: 18px;
line-height: 30px;
color: #333333;
padding:30px 30px 20px;
font-weight: bold;
}
.service ul li>a>div p{
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 24px;
color: #838388;
padding:0px 30px 30px;
}
.service ul li>a>p{
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 30px;
color: #838388;
padding: 0px 15px 0px 30px;
display: block;
}
.service ul li>a>p>span{
float: left;
}
.service ul li>a>p>span>img{
padding:12px 0px 6px 10px;
}
.service ul li>a>p>span>img:nth-child(2){
display: none;
}
.service ul li>a>p>span>img:nth-child(1){
display: block;
}
.service ul li:hover{
background-image: linear-gradient(45deg,
#ef4747 0%,
#f16e5a 100%);
}
.service ul li:hover p{
color:#fff;
}
.service ul li:hover h2{
color:#fff;
}
.service ul li:hover span{
color:#fff;
}
.service ul li:hover>a>p>span:last-child{
float: right;
}
.service ul li:hover>a>p>span>img {
padding: 12px 0px 6px 15px;
}
.service ul li:hover>a>p>span>img:nth-child(1){
display: none;
}
.service ul li:hover>a>p>span>img:nth-child(2){
display: block;
line-height: 30px;
display: block;
border-left:1px solid #e0e0e0;
float: right;
border-color: rgba(255, 255, 255, 0.2);
}
.advantage{
background:url(../images/3-bj.png) no-repeat;
overflow: hidden;
padding: 50px 0px 80px;
}
.advantage_box{
margin-top: 50px;
}
.advantage_box ul{
float: left;
border-right:1px solid #e3e3ee;
width: 399px;
}
.advantage_box ul li:nth-child(2){
margin-top:30px;
}
.advantage_box ul:last-child{
border-right:none;
}
.advantage_box ul li{
overflow: hidden;
}
.advantage_box ul li>img{
float: left;
}
.advantage_box ul li>div{
float: left;
margin-left: 12px;
}
.advantage_box ul li>div img{
}
.advantage_box ul li>div h2{
font-family: MicrosoftYaHei-Bold;
font-size: 18px;
line-height: 36px;
color: #333333;
font-weight: bold;
}
.advantage_box ul li>div p{
font-family: MicrosoftYaHei;
font-size: 16px;
line-height: 36px;
color: #838388;
}
.advantage_box ul li>div p span{
width: 12px;
height: 12px;
border: solid 2px #444444;
display: block;
border-radius: 20px;
float: left;
margin:10px 10px 0px 0px;
}
.advantage_box ul:nth-child(2) li{
margin-left:50px;
}
.advantage_box ul:nth-child(3) li{
margin-left:66px;
}
.amounts{
/* background-image: linear-gradient(90deg,
#121212 0%,
#212121 50%,
#1a1a1a 100%); */
background-image: url(../images/4-bj.png);
/* opacity: 0.88; */
width: 100%;
overflow: hidden;
padding: 60px 0px 90px;
}
.amounts .caption{
float: left;
}
.amounts .caption>p{
color: #ffffff;
opacity: 0.05;
}
.amounts .caption .caption_tit h2{
color: #ffffff;
}
.amounts .caption .caption_tit p{
color: #ffffff;
}
.amounts .handle{
height: 70px;
text-align: center;
float:right;
margin: 60px 0px;
}
.amounts .handle .btn{
display: inline-block;
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 24px;
color: #ffffff;
width: 100px;
height: 36px;
line-height: 36px;
}
.amounts .handle .hover{
width: 100px;
height: 36px;
line-height: 36px;
background-image: linear-gradient(90deg,
#f16750 40%,
#f89552 80%,
#ffc353 100%);
}
.amounts .con_box{
}
.amounts .con{
width: 100%;
background-color: #ffffff;
border-radius: 5px;
overflow: hidden;
display: none;
}
.amounts .show{
display: block;
}
.amounts .con a{
display: block;
width: 240px;
height: 120px;
float: left;
cursor: default !important;
}
.amounts .con img{
display: block;
width: 240px;
height: 120px;
}
.process{
background-color: #f7f7f7;
overflow: hidden;
padding:40px 0px 70px;
}
.process_top .caption{
float: left;
}
.process_top .handle1{
float: right;
margin: 60px 0px;
}
.process_top .handle1 .btn{
display: inline-block;
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 24px;
color: #333333;
width: 100px;
height: 36px;
line-height: 36px;
text-align: center;
}
.process_top .handle1 .hover{
width: 100px;
height: 36px;
line-height: 36px;
background-image: linear-gradient(90deg,
#f16750 40%,
#f89552 80%,
#ffc353 100%);
color:#fff;
}
.process_box{
margin-top: 50px;
}
.process_box .con{
display: none;
}
.process_box .show{
display: block;
}
.process_box ul li{
float: left;
}
.process_box ul li img{
display: block;
margin:auto
}
.process_box ul li p{
font-family: MicrosoftYaHei-Bold;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #333333;
font-weight: bold;
text-align: center;
}
.process_box .con li:nth-child(2n){
margin-top:40px;
}
.package{
padding: 40px 0px 80px;
overflow: hidden;
}
.package_box{
}
.package_box ul{
margin: auto;
}
.package_box>ul>li{
width: 380px;
height: 183px;
margin-top:30px;
float: left;
position: relative;
}
.package_box>ul>li:nth-child(2){
margin-left: 30px;
margin-right: 30px;
}
.package_box>ul>li>ol{
/* width: 320px;*/
/* background-color: #ffffff; */
box-shadow: 0px 2px 18px 0px
rgba(47, 47, 47, 0.09);
padding:30px;
background: url(../images/6-bj.png) #ffffff no-repeat;
background-size:100% 100%;
}
.package_box>ul>li>ol:hover{
margin-top:-15px;
transition: all linear 0.5s;
}
.package_box>ul>li>ol>li{
overflow: hidden;
}
.package_box ul li>ol li h2{
font-family: MicrosoftYaHei-Bold;
font-size: 18px;
color: #333333;
float: left;
font-weight: bold;
}
.package_box ul li>ol li a{
width: 70px;
height: 24px;
background-image: linear-gradient(90deg,
#f16750 0%,
#fe8f52 100%);
border-radius: 2px;
display: block;
float:right;
text-align: center;
line-height:24px;
color:#fff;
}
.package_box ul li>ol li p{
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 24px;
color: #838388;
margin: 10px 0px 10px;
height: 48px;
}
.package_box ul li>ol li span:first-child{
font-family: MicrosoftYaHei;
font-size: 14px;
color: #f16750;
float: left;
}
.package_box ul li>ol li span:first-child em{
font-family: MicrosoftYaHei;
font-size: 24px;
color: #f16750;
}
.package_box ul li>ol li span:last-child{
font-family: MicrosoftYaHei;
font-size: 14px;
color: #f16750;
float: right;
}
.package_box ul li>ol li span:last-child a{
font-family: MicrosoftYaHei;
font-size: 14px;
color: #f16750;
float: right;
background-image: none;
width: 76px;
}
.join{
background-color: #f7f7f7;
padding: 40px 0px 70px;
overflow: hidden;
}
.join_box{
}
.join_box .caption{
float: left;
}
.join_box .caption>p {
margin-left:-90px;
}
.join_page{
float: right;
width: 400px;
border-bottom:1px solid #c3c3cc;
margin: 60px 0px;
}
.join_page p:first-child{
float: left;
}
.join_page p:first-child>span{
display: block;
float: left;
}
.join_page p span{
font-family: MicrosoftYaHei;
font-size: 10px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #c3c3cc;
margin-top:-6px;
}
.join_page .active{
font-family: MicrosoftYaHei-Bold;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-top:0px;
}
.join_page>p:last-child{
float: right;
margin-top: 10px;
}
.join_wrap_box{
max-width: 1600px;
margin: 30px auto 0px;
}
.join_wrap{
max-width: 1600px;
height: 600px;
background: url(../images/7-bj.png) #f7f7f7 no-repeat;
margin:auto;
}
.join_wrap .join_l{
float: left;
padding:120px 0px;
}
.join_wrap .join_l h2{
font-family: MicrosoftYaHei-Bold;
font-size: 48px;
line-height: 80px;
color: #ffffff;
font-weight: bold;
}
.join_wrap .join_l p{
font-family: MicrosoftYaHei-Bold;
font-size: 24px;
line-height: 48px;
color: #ffffff;
opacity: 0.25;
}
.join_wrap .join_l a{
width: 180px;
height: 40px;
background-image: linear-gradient(90deg,
#f16750 29%,
#ffc453 100%);
display: block;
text-align: center;
line-height: 40px;
color:#fff;
margin-top: 20px;
}
.join_wrap .join_r {
float:right;
}
.join_wrap .join_r ul{
display: none;
}
.join_wrap .join_r .show{
display: block;
}
.join_wrap .join_r ul li{
width: 370px;
height: 95px;
background-color: #ffffff;
box-shadow: 0px 2px 18px 0px
rgba(47, 47, 47, 0.09);
padding:25px 0px 30px 30px;
margin-bottom:20px;
}
.join_wrap .join_r ul li:first-child{
margin-top:-30px;
}
.join_wrap .join_r ul li>span{
width: 14px;
height: 14px;
border: solid 2px #f16650;
display:block;
border-radius: 50%;
float: left;
margin-top:2px;
}
.join_wrap .join_r ul li>div{
float: left;
margin-top: -14px;
margin-left: 10px;
}
.join_wrap .join_r ul li>div h2{
font-family: MicrosoftYaHei-Bold;
font-size: 16px;
line-height: 48px;
color: #333333;
font-weight: bold;
}
.join_wrap .join_r ul li>div p{
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 36px;
color: #333333;
}
.join_wrap .join_r ul li>div span{
font-family: MicrosoftYaHei;
font-size: 12px;
line-height: 48px;
color: #838388;
}
.join_wrap .join_btn{
float: right;
margin-right: 30px;
margin-top: 460px;
}
.join_wrap .join_btn a{
width: 40px;
height: 40px;
background-color: #ffffff;
opacity: 0.3;
display: block;
margin-top:20px;
position: relative;
}
.join_wrap .join_btn a img{
position: absolute;
top: 16px;
left: 13px;
}
.join_wrap .join_btn a img:first-child{
display:block;
}
.join_wrap .join_btn a img:last-child{
display:none;
}
.join_wrap .join_btn .active{
width: 40px;
height: 40px;
background-color: #ffffff;
opacity: 1;
}
.join_wrap .join_btn .active img:last-child{
display: block;
}
.join_wrap .join_btn .active img:first-child{
display: none;
}
.join_wrap .join_btn a img{
display: block;
margin:auto;
}
.message{
overflow: hidden;
padding: 50px 0px 90px;
}
.message_top .caption {
float: left;
}
.message_top a{
width: 100px;
height: 30px;
background-color: #ffffff;
border: solid 1px #a3a3aa;
display: block;
text-align: center;
line-height: 30px;
font-family: MicrosoftYaHei;
font-size: 14px;
color: #a3a3aa;
float: right;
margin:60px 0px;
}
.message_wrap{
width: 100%;
margin-top: 50px;
}
.message_wrap .news_z_btn{
float: left;
/* margin-top: 70px; */
}
.message_wrap .news_y_btn{
float: right;
/* margin-top: 70px; */
}
.swiper-button-prev , .swiper-button-next{
background-image: none;
}
.message_wrap ul{
float: left;
/* display: none; */
}
.message_wrap .message_box .show{
display: block;
}
.message_wrap ul li{
font-family: MicrosoftYaHei;
float: left;
width: 583px;
}
.message_wrap ul li h2{
font-size: 16px;
line-height: 42px;
color: #333333;
text-align: center;
margin: 20px auto 0px;
font-weight: bold;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
width: 70%;
}
.message_wrap ul li p{
font-size: 14px;
line-height: 24px;
color: #838388;
width: 460px;
display: block;
margin: auto;
}
.message_wrap ul li img{
display:block;
margin: 6px auto 15px;
}
.message_wrap .news_top{
font-family: MicrosoftYaHei-Bold;
text-align: center;
}
.message_wrap .news_top p{
font-size: 36px;
line-height: 36px;
color: #f1f1f1;
}
.message_wrap .news_top h2{
font-size: 16px;
line-height: 22px;
color: #f16750;
margin-top:-28px;
}
.start{
width: 100%;
text-align: center;
background: url(../images/9-bj.png) no-repeat;
padding: 43px 0px;
}
.start p{
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 22px;
color: #ffffff;
}
.start>a{
width: 240px;
height: 40px;
background-image: linear-gradient(90deg,
#f16750 29%,
#ffc353 100%);
text-align: center;
display: block;
line-height: 40px;
margin: 15px auto;
font-family: MicrosoftYaHei;
font-size: 16px;
color: #ffffff;
}
.start p a{
font-family: MicrosoftYaHei;
font-size: 14px;
color: #fff77c;
}
.footer{
background-color: #232323;
overflow: hidden;
clear: both;
}
.footer_box{
padding-bottom: 30px;
overflow: hidden;
}
.footer .foo_l{
float: left;
width: 660px;
}
.footer .foo_l>li{
overflow: hidden;
/* margin-top: 30px; */
}
.footer .foo_l>li>ol{
margin-left:-40px;
}
.footer .foo_l>li>ol>li{
display: inline-block;
}
.footer .foo_l li img{
float:left;
margin-bottom: 30px;
margin-top: 10px;
/* width: 146px;
height: 50px; */
}
.footer .foo_l li h2{
height: 50px;
font-family: QingYuan;
font-size: 24px;
line-height: 30px;
color: #ffffff;
text-align: center;
display: block;
line-height: 50px;
margin-left: 20px;
border-left: 1px solid #e24847;
float: left;
padding-left: 20px;
}
.footer .foo_l li p{
font-family: MicrosoftYaHei;
font-size: 16px;
line-height: 30px;
color: #ffffff;
}
.footer .foo_l li>ol>li>a{
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 30px;
color: #a1a1a1;
float: left;
margin-right: 50px;
}
.footer .foo_l li>ol>li>a:hover{
color: #e34847;
}
.footer .foo_r{
float: right;
margin-top:110px;
}
/*.footer .foo_r>li{*/
/* float: left;*/
/*}*/
/*.footer .foo_r>li:nth-child(2){*/
/* margin-left: 60px;*/
/* margin-top:-9px;*/
/*}*/
.footer .foo_r>li p{
font-family: MicrosoftYaHei;
font-size: 16px;
line-height: 36px;
color: #ffffff;
}
.footer .foo_r>li h2{
font-family: MicrosoftYaHei;
font-size: 30px;
color: #ffffff;
}
.footer .foo_r>li a{
width: 110px;
height: 30px;
background-image: linear-gradient(90deg,
#d63c3c 0%,
#f15454 100%);
border-radius: 15px;
line-height: 30px;
text-align: center;
display: block;
font-family: MicrosoftYaHei;
font-size: 14px;
color: #ffffff;
margin-top:30px;
}
.footer .foo_r>li span{
display: block;
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 22px;
color:#ffff;
}
.footer .foo_r>li span:last-child{
color: #ffd286;
}
.footer .icp{
overflow: hidden;
width: 100%;
height: 30px;
}
.footer .icp p{
text-align: center;
font-family: MicrosoftYaHei;
font-size: 12px;
line-height: 30px;
color: #838388;
}
.footer .icp a{
color: #838388;
}
.contacts{
position: fixed;
right:0px;
top:50%;
margin-top:-200px;
z-index: 9999;
}
.contacts ul{
}
.contacts ul li{
background-color: #f7f7f7;
box-shadow: 0px 1px 8px 0px
rgba(22, 22, 22, 0.15);
border-radius: 5px;
width: 130px;
margin-bottom: 8px;
position: relative;
}
.contacts ul li a img{
display: block;
}
.contacts .img_hover{
width: 130px;
height: 30px;
display: block;
position: relative;
}
.contacts .img_hover img{
position: absolute;
top:0px;
left:0px;
display: block;
}
.windowShadow {
display: none;
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
background-color: rgba(0,0,0,0.25);
z-index: 5;
}
/* 自定义popup弹出层 */
.windowShadow{display:none; width:100%;height:100%;position:fixed;left:0;right:0;top:0;background-color:rgba(0,0,0,0.25);z-index:5;}
.windowShadow .popupBox{width:300px;height:300px;position:absolute;left:50%;top:50%;margin-top:-150px;margin-left:-150px;background-color: #ffffff;box-shadow: 0px 2px 8px 0px rgba(36, 36, 36, 0.11);}
.windowShadow .popupBox .img{display:flex;width:100%;height:200px;justify-content: center;align-items: center;}
.windowShadow .popupBox .title{font-size:18px;color:#333;text-align:center;padding:0px 10px;}
.windowShadow .popupBox .msgTxt{padding:0px 10px;font-size: 14px;color:#999;line-height:1.3;text-align: center;}
.footer .foo_l ol {
padding-left: 3em;
}
/* .contacts .img_hover img:last-child{
display: none;
} */
/* .contacts .ma_hover{
position: absolute;
right:100px;
top:-20px;
background-color: #ffffff;
box-shadow: 0px 1px 8px 0px
rgba(22, 22, 22, 0.15);
border-radius: 5px;
display: none;
} */
/* .contacts .ma_hover.active{
position: absolute;
right: 110px;
top:-20px;
background-color: #ffffff;
box-shadow: 0px 1px 8px 0px
rgba(22, 22, 22, 0.15);
border-radius: 5px;
transition: all linear 0.5s;
display: block;
} */
@media screen and (max-width: 750px){
.w1200{width: 100%;}
.contacts{display: none;}
.banner_hz img.view{width: 100% }
.platform .platform_l p{width: 100%;}
.platform .platform_r , .advantage , .process , .join_l , .join_wrap .join_btn , .message{display: none;}
.service ul li{float: none; margin: 0px auto 50px;}
.service ul li:last-child{margin:auto;}
.amounts .con a , .amounts .con a img { width: 118px; height: 60px;}
.package_box>ul>li{width: 90%;margin:auto; float: none;}
.package_box>ul>li:nth-child(2){margin: auto;}
.package_box { margin-top: -160px;}
.join_page{width: auto;}
.join_box .caption>p{margin-left: -180px;}
.join_wrap .join_r ul li{width: auto;}
.join_wrap .join_r{float: none;}
.platform .platform_l{margin: 70px 20px 100px;}
.caption{padding-left: 20px;}
.join_box .caption{padding-left: 0px;}
.footer .foo_r{margin-top: 0px !important;}
}