@charset "utf-8";
body{ margin:0px; padding:0px;position: relative;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, ol, dd, dl{ list-style:none;margin:0;padding:0px;}
li {
    list-style: none;
}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#foot_nav {
    display: none;
}
a.tbgjc {
    font-weight: bold;
}

.process_bg{height:300px;background: url(../img/852b8e411683478306.jpg)no-repeat center;}
.process{display: flex;justify-content: space-between;align-items: center;}
/*左边*/
.process_left{display: flex;flex-direction: column;justify-content: center;height: 300px;}
.process_title{text-align: left;padding: 0px;}
.process_title b{color:#fff!important;}
.process_title p{color:#eee!important;}
.process_left_a a{display: block;width:180px;height:50px;line-height: 50px;margin-top: 50px;background: #ff9f00;border-radius: 10px;font-size: 18px;color:#fff;text-align:center;}
.process_left_a a:hover{background: #62d091;}
/*右边*/
.process_right{display: flex;flex-direction: column;justify-content: center;height: 130px;padding-right: 90px;background: url(../img/20230325110801_1339630860.png)no-repeat right center;}
.process_right_ul{display: flex;}
.process_right_ul li{display: flex;align-items: center;position: relative;}
.process_right_ul li:after{content: "";display: block;width:20px;height:20px;background: #44c77f;border-radius: 100%;position: absolute;top: 2px;left: 29px;}
.process_right_ul span{font-size: 36px;color:#fff;position: relative;z-index: 2;}
.process_right_ul p{font-size: 20px;color:#fff;}
.process_right_ul i{display: block;width:32px;height:15px;background: url(../img/20230325110228_1923102843.png)no-repeat;}
.process_right_two i{transform: rotate(180deg);}
.process_right_one li{margin-left: 40px;}
.process_right_one p{margin:0px 40px 0 20px;}
.process_right_one li:last-child p{margin-right: 0px;}
.process_right_one li:last-child i{display: none;}
.process_right_two{margin-top: 50px;flex-direction: row-reverse;}
.process_right_two li:first-child i{display:none;}
.process_right_two li+li{margin-right: 40px;}
.process_right_two li+li p{margin: 0 40px 0 20px;}
.process_right_two li:first-child p{margin-left: 20px;}

.title b {
    display: block;
    font-size: 40px;
    color: #333;
}
.title p {
    font-size: 18px;
    color: #999;
    line-height: 30px;
}

.bg {
    width: 100%;
    min-width: 1400px;
}
.pages {
    margin: 0 auto;
    width: 1400px;
    position: relative;
}


@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;}
#foot_nav li{ list-style:none;}
#foot_nav li a {width: calc(100% / 1);text-align: center;height: 90px;line-height: 90px;background: #ff9f00; color: #fff;float: left;font-size: 46px; font-weight: bold;}

a.tbgjc {
    display:none;
}
.in-lc
{
	display:none;
}
.footer {
    padding: 10px 0 113px;
}

.header .text strong {
    font-size: 32px;
}

.mio-banner {
    padding-top: 64px;
}
.pages {
    margin: 0 auto;
    width: 98%;
    position: relative;
}
.bg {
    width: 100%;
    min-width: 100%;
}
.top80 {
    padding-top: 56px;
}
.process_left{
	display:none;
}
.process_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-right: 0;
    background: url(../img/20230325110801_1339630860.png)no-repeat right 121px;
    width: 100%;
    background-size: 6%;
}
.process_right_ul {
    display: flex;
    margin-top: 68px;
}
.process_right_one li {
    margin-left: 0;
}
.process_right_ul span {
    font-size: 36px;
    color: #fff;
    position: relative;
    z-index: 2;
    left: 11px;
}
.process_right_one p {
    margin: 0px 30px 0 22px;
}
.process_right_ul li:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #44c77f;
    border-radius: 100%;
    position: absolute;
    top: 2px;
    left: 29px;
}
.process_right_two li+li {
    margin-right: 0;
}

.in-pro-left {
    float: none;
    width: 100%;
    overflow: hidden;
}
.in-pro-left {
    display: block!important;
}
.in-pro-left .tit{
	display:none;
}
.in-lanmu ul li {
    display: inline-block;
}
.in-lanmu ul {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.in-pro-right {
    float: none;
    width: 100%;
    margin-top:30px;
}

}