body{background:url(../img/xiaomai2.jpg) no-repeat center 1530px;}
.clear{overflow:hidden;}
h1,h2,h3,h4{font-weight:normal;}
/* ban */
.ban{width: 100%; background: url(../img/ban.jpg) no-repeat 50% top; padding-top:12rem; height: 800px; box-sizing: border-box; text-align: center;}
.ban h1, .ban span{color: #fff; font-family: "Anton"; font-size: 3rem; line-height: 4rem;}
.ban .container div{display:flex; flex-wrap:wrap; justify-content:space-between}
.ban p{width:49%;color: #fff; font-size: 1.12rem; line-height: 2rem; margin-top: 1.5rem;}
.ban a{display: block; width:10rem; line-height: 3.75rem; margin:3.5rem auto 0; color:#232323; font-size: 1.5rem; background-color: #ffb933; transition:all .2s; font-family: "Anton"}
.ban a:hover{border-radius:10px;transition:all .2s;}
/* Feed Processing Industry's Prospects */
.prospects{width: 100%; background:url(../img/xiaomai.jpg) no-repeat right 65px;}
.prospects .txt{display: flex; flex-wrap: wrap; justify-content: space-between;}
.prospects .txt .left{width: 50%; background-color: #ffb933; padding:1.8rem 1.5rem 0; box-sizing: border-box;}
.prospects .txt .left h2{color: #fff; text-align: center; font-size:1.87rem; font-family: "Anton"; line-height: 2.5rem;}
.prospects .txt .left p{color: #3d3838;}
.prospects .txt .right{width:50%; background-color: #232323;padding:4.6rem 1.8rem 5rem; box-sizing: border-box; position: relative;}
.prospects .txt .right span{position: absolute; font-size: 8.75rem; color: #fff;}
.prospects .txt .right span:first-of-type{top:0; left:10px;}
.prospects .txt .right span:last-of-type{right:15px;}
.prospects .txt .right p{color: #fff;}

.prospects .chart dl dt{color: #333; font-weight: bold; margin: 3rem 0 1.2rem; text-align: center;}
.prospects .chart .columnar{width: 50%; float: left;}
.prospects .chart .circle{width: 50%; float: right;}
.prospects .chart .circle p{color: #333;line-height: 1.75rem; text-align: center; margin-top: 10px;}
.prospects .source{text-align: center; margin-top: 2rem; line-height: 1.75rem; color: #333;}
/* Richi Machinery */
.title{text-align: center;}
.title h2{font-family: "Anton"; font-size:1.87rem; line-height: 3.12rem;}
.title h2::after{display:block; content: ''; width: 10rem; height:2px; background-color: #333; margin:1.5rem auto 0;}
.title p{line-height: 1.81rem; color: #333; text-align: center; margin-top: 1rem;}
.richi{margin-top: 3.75rem;}
.richi .main{margin-top: 2.5rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.richi .main .left{width:49%;  position: relative; cursor: pointer;}
.richi .main .left img{width: 100%;}
.richi .main .left::after{display: block; content: '▶'; width: 60px; height: 60px; font-size: 2.18rem; line-height: 3.75rem; color: #fff; border: 1px solid #fff; border-radius: 50%; position: absolute; top:50%; left: 50%; margin:-30px 0 0 -30px; text-align: center; transition: all .2s;}
.richi .main .left:hover::after{ color: #ffbe33; border:1px solid #ffbe33; transition: all .2s;}
.richi .main .right{width: 49%; }
.richi .main .right p{margin-top: 1.2rem; color: #333; line-height: 1.75rem;}
.richi .main .right .img{margin-top: 1.2rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.richi .main .right .img img{border:1px solid #ffbe33; border-radius: 5px;width: 32.5%;height:auto}
/* How Can We Help Your Feed Business? */
.help{width: 100%; padding:3.75rem 0 3rem; background:url(../img/cow.png) no-repeat right top #ffbe33;}
.help .main{margin-top:2.5rem; display: flex; flex-wrap: wrap; justify-content: space-around;}
.help .main dl{width:24%;}
.help .main dt{position: relative;}
.help .main .border{width:121px;margin: 0 auto;position: relative; transition: all .5s;}
.help .main dl:nth-child(2) .border{transform: rotate(90deg);}
.help .main dl:nth-child(3) .border{transform: rotate(180deg);}
.help .main dl:nth-child(4) .border{transform: rotate(270deg);}
.help .main dl:hover .border{transform: rotate(-360deg); transition: all .5s;}
.help .main .coin{width:51px;position: absolute; top: 50%; left: 50%; margin:-25px 0 0 -25px;}
.help .main dd{margin-top:1.2rem; color: #333; line-height: 1.87rem; font-size: 1rem; text-align: center;}
/* Customized Solutions For Complete Animal Feed Mill Plant */
.solution{width: 100%; background:url(../img/sanjiao_bg.jpg) no-repeat center bottom #ffbe33;}
.solution .title{display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution .title h2{width:40%; text-align: left;}
.solution .title h2::after{margin: 5px 0 0 0;}
.solution .title p{width:58%; text-align: left; margin-top: 1.8rem;}
.solution .main{position: relative; margin-top:1rem; height: 550px;}
.solution .main .txt{width:500px;background-color: #fff; border-radius: 5px;padding:20px; box-sizing: border-box; box-shadow: 0 0 20px #333; margin-top: 65px; z-index: 1; position: absolute;}
.solution .main .txt div{border: 2px solid #ffbe33; padding:30px 30px 20px; border-radius: 5px;}
.solution .main .txt p{ color: #333;}
.solution .main .txt a{width:160px; height: 50px; line-height: 3.12rem; transition: all .2s; display: block; text-align: center; background: #ffbe33; margin: 30px auto 0; font-size: 1.5rem; font-family: "Anton";}
.solution .main .txt a:hover{border-radius: 10px; transition: all .2s; color: #fff;}
.solution .main .img{width:780px; height: 500px; background:url(../img/huawen_bg.jpg) no-repeat; padding:20px 20px 0 120px; box-sizing: border-box; border-radius: 5px; position: absolute; top: 0; right: 0;}
.solution .main .img ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution .main .img li{width:200px;border:2px solid #ffbe33; box-sizing: border-box;margin-bottom:20px; border-radius: 3px; position: relative;}
.solution .main .img span{display: block; position: absolute;right: 10px; bottom: 0; line-height: 2.5rem;  font-size: 1.5rem; -webkit-text-stroke:1px #fff; font-weight: bold;}
/* Feed Pellet Size */
.size{width:100%; background: url(../img/chicken.png) no-repeat left top #edf2f1;}
.size .main ul{margin-top: 35px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.size .main li{width:220px; box-sizing: border-box;}
.size .main img{border:2px solid #ffbe33; border-radius: 2px;}
.size .main p{font-size: 1.12rem; color: #333; text-align: center; margin:5px 0;}
/* Standard Feed Production Process */
.process{width: 100%; background: url(../img/pig.png) no-repeat right bottom #edf2f1; padding-top:40px;}
.process .title h2::after{background: #ffbe33;}
.process .process_menu{margin: 35px 0;}
.process .process_menu ul{position: relative;}
.process .process_menu li{width:142px; height: 60px; position: relative; padding-right: 20px; box-sizing: border-box; float: left;z-index: 9;margin-left: -10px;cursor: pointer; }
.process .process_menu li:nth-child(2){ z-index: 8; }
.process .process_menu li:nth-child(3){ z-index: 7;}
.process .process_menu li:nth-child(4){ z-index: 6;}
.process .process_menu li:nth-child(5){ z-index: 5;}
.process .process_menu li:nth-child(6){ z-index: 4;}
.process .process_menu li:nth-child(7){ z-index: 3;}
.process .process_menu li:nth-child(8){ z-index: 2;}
.process .process_menu li:nth-child(9){ z-index: 1;width: 124px;}
.process .process_menu li::before{display: block;content: '';width:122px; height: 60px; background: #d0d2d2; position: absolute; left: 0; top: 0;transition: all .2s;}
.process .process_menu li::after{display: block; content: ''; border-left: 20px solid #d0d2d2; border-top:30px solid transparent;border-bottom:30px solid transparent; border-right: none; position: absolute; right: 0; top: 0;transition: all .2s;}
.process .process_menu li:nth-child(1){margin-left: 0;}
.process .process_menu li:nth-child(1) p::before{display: none;}
.process .process_menu li:nth-child(9)::after{display: none;}
.process .process_menu li p{width:100%;color: #333; height: 60px; line-height: 1.87rem; position: absolute; text-align: center; z-index: 1; }
.process .process_menu li p::before{display: block; content: ''; border-left: 20px solid #edf2f1; border-top:30px solid transparent;border-bottom:30px solid transparent; border-right: none; position: absolute; left: 0; top: 0;z-index: -1;}
.process .process_menu li:hover::before,.process .process_menu li.on::before{background: #ffbe33;transition: all .2s;}
.process .process_menu li:hover::after,.process .process_menu li.on::after{border-left: 20px solid #ffbe33;transition: all .2s;}
.process .txt p{ line-height: 1.75rem; color: #333; text-align: center;}
.process .img{margin-top: 2.5rem; height: 300px;display: flex; flex-wrap: wrap;justify-content: space-between; background-color: rgba(255, 255, 255, .7);}
.process .img .left{width: 13.5%; height: 100%; background: #ffbe33; padding: 5rem .5rem 0; box-sizing: border-box;}
.process .img .left h3{font-size: 1.25rem; line-height: 1.62rem; font-family: "Anton"; color: #333;text-align: center;}
.process .img .left a{width:6.2rem; height: 2.5rem; line-height: 2.5rem; text-align: center;display: block; margin: 35px auto 0; font-size: 1.12rem; color: #333; border:1px solid #333;transition: all .2s;}
.process .img .left a:hover{border-radius: 10px; transition: all .2s;}
.process .img .right{width: 86.5%; }
.process .img .right li{width: 18%; margin: 1.8rem 1% 0; float: left;}
.process .img .right li img{width:100%;border:1px solid #ffbe33; border-radius: 5px;transition: all .2s;}
.process .img .right li p{text-align: center; text-transform: capitalize; font-size: 1.12rem; color: #333; margin-top:20px;transition: all .2s;}
.process .img .right li a:hover p{color: #ffbe33;transition: all .2s;}
.process .img .right li a:hover img{ transform: scale(1.1); transition: all .2s;}
/* Applications */
.application{width: 100%; height:1012px;position:relative; background: url(../img/yumidiwen.jpg) no-repeat center top; padding-top:40px; box-sizing: border-box;}
.downarrow{width:38px; height: 130px; margin:0 auto; position: relative;}
.downarrow::before{display: block; content: ''; position: absolute; width: 38px; height: 100px; background: url(../img/arrow.png) no-repeat;top:0; animation: down 2s infinite ease-in-out; }
@keyframes down{
    0% {
        top:0;
        opacity: .5;
    }
    100% {
        top: 30px;
        opacity: 1;
    }
}
.application .title h2{color: #ffbe33; margin-top: 80px;}
.application .title h2::after{background:#ffbe33; margin:5px auto 0;}
.application .title p{color: #fff; margin-top: 35px;}
.application .main{background:url(../img/xiantiao.png) no-repeat 50% 15px; position: relative; height: 420px; margin-top: 30px;}
.application .main img{width:494px;margin:55px auto 0;}
.application .main li{position: absolute;width: 200px; height: 80px; cursor: pointer; border: 2px solid #fff; background:#ffbe33; box-sizing: border-box; border-radius: 3px;animation:blink 6s infinite 0s;}
@keyframes blink{
    from { border: 2px solid #fff; background:#ffbe33;}
    1% { border:2px solid #ffbe33; background:#fff;}
    17% {border:2px solid #ffbe33; background:#fff;}
    18% { border: 2px solid #fff; background:#ffbe33;}
    to { border: 2px solid #fff; background:#ffbe33;}
}
.application .main li:nth-child(2){animation-delay:1s}
.application .main li:nth-child(3){animation-delay:2s}
.application .main li:nth-child(4){animation-delay:3s}
.application .main li:nth-child(5){animation-delay:4s}
.application .main li:nth-child(6){animation-delay:5s}
.application .main li a{color: #333; font-size: 1.12rem; line-height: 1.62rem;padding:10px 10px 0; text-align: center; display: block; width: 100%; height: 100%; box-sizing: border-box;}
.application .main li:hover{border:2px solid #ffbe33; background:#fff; transition:all .2s;}
.application .main li:nth-child(1){top: 0;}
.application .main li:nth-child(2){top: 170px;}
.application .main li:nth-child(3){top: 330px;}
.application .main li:nth-child(4){top: 0; right: 0;}
.application .main li:nth-child(5){top: 170px;right: 0;}
.application .main li:nth-child(6){top: 330px;right: 0;}

.appli_tc2{width: 980px; height: 80vh; display: none; z-index:999; position: fixed; top: 80px; left: 50%; margin-left: -490px;}
.appli_tc2 iframe{width: 100%; height: 100%;}
.appli_tc2 .appli_close{width: 40px; height: 40px; line-height: 2.5rem; text-align: center; background: #ffbe33; border-radius: 50%; right: 50px; top: 50px; color: #fff; cursor: pointer; font-size: 2.37rem; position: absolute;}
/* How To Build Your Own Complete Animal Feed Production Plant ? */
.plant{width: 100%; padding-top: 50px;}
.plant .plant_menu h4{text-align: center; margin-top: 30px;}
.plant .plant_menu ul{width: 1020px; margin: 20px auto; display: flex; flex-wrap: wrap;justify-content: space-between;}
.plant .plant_menu li{width: 185px; margin-bottom: 20px; cursor: pointer;}
.plant .plant_menu li p{width: 190px;height: 80px;position: relative; line-height: 1.5rem; text-align: center;margin-left: 8px; border: 2px solid #ffbe33; box-sizing: border-box; border-radius: 25px; display:table-cell; vertical-align:middle; color:#232323;padding:0 2px;}
.plant .plant_menu li p::before{display:block; content:'';width: 10px; height: 20px;border-radius: 0 10px 10px 0; border: 2px solid #ffbe33; border-left-color: #fff; box-sizing: border-box; position: absolute;left: 0; top: 50%; margin-top: -10px; margin-left:-2px; background:#fff;transition: all .2s;}
.plant .plant_menu li:hover p::before,.plant .plant_menu li.on p::before{width: 20px; border-radius: 50%; background: #ffbe33;border-left-color: #ffbe33; margin-left: -10px; transition: all .2s;}
.plant .main{width: 1020px; margin:0 auto; overflow:hidden; height:1000px;}
.plant .list img{border: 1px solid #232323; border-radius: 5px;width: 1020px; box-sizing: border-box;}
.plant .list table{width:1020px;border: 1px solid #232323; text-align: center; color: #333; margin-top: 40px; line-height: 2.5rem; border-collapse: collapse;overflow:hidden;}
.plant .list td,.plant .list th{border: 1px solid #232323; min-width: 330px;}
.plant .list tbody{width: 1020px; overflow:hidden;}
.plant .list th{background: #ffbe33;}
.plant .list tr{width:1020px;}
.plant .list tr:nth-child(2n){background:#ffebc1;}
.plant a{width: 500px; height: 40px; line-height: 2.5rem;text-align: center; display: block; margin: 20px auto 0; background: #ffbe33; color: #333; transition: all .2s;}
.plant a:hover{border-radius: 10px; transition: all .2s;}
/* Investment Guide */
.maitian_bg{width: 100%; background: url(../img/maitian.jpg) no-repeat center top;}
.investment{width:100%;}
.investment .title h4{color: #333; margin-top:60px; text-align: center;}
.investment .main{width: 1020px; margin: 0 auto;}
.investment .main table{border: 1px solid #232323; text-align: center; color: #333; margin-top: 40px; line-height: 2.5rem; border-collapse: collapse;}
.investment .main th{background: #ffbe33;}
.investment .main th,.investment .main td{border: 1px solid #232323;}
.investment .main tr:nth-child(2n+1){ background:#fdeac1;}
.investment .main tr:last-child td{padding:15px 20px; text-align: left;line-height: 1.5rem;}
/* Different Needs, Common Choice */
.case{width:100%; background: url(../img/goat.png) no-repeat left top; padding-top: 50px;}
.case .title{position: relative;}
.case .title h3{width:380px; margin:0 auto;text-align: center; color: #232323; position: relative;}
.case .title::before,.case .title::after {width:400px; height: 2px; display: block; content: ''; background:#232323;position: absolute;top: 50%;}
.case .title::after {right: 0;}
.case .title h3::before,.case .title h3::after{display: block; content: '';width: 6px; height: 6px; border: 1px solid #232323; border-radius: 50%; position: absolute; top: 50%; margin-top:-3px;}
.case .title h3::after{right: 0;}
.case .main ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px;}
.case .main li{width: 32.5%; margin-bottom: 1.2rem; position: relative; overflow: hidden;}
.case .main li img{width: 100%;}
.case .main li:not(.more) p{position: absolute; width: 90%; height: 85%; border: 1px solid #ffbe33; padding: 15% 10px 0; box-sizing: border-box; text-align: center; color: #fff; top: 100%; left: 5%;z-index: 2; transition: all 1s;}
.case .main li::after{display: block; content: ''; width: 100%; height: 100%; left: 0; top: 100%; background-color: rgba(0, 0, 0, .5); position: absolute; z-index: 1; transition: all 1s;}
.case .main li:not(.more):hover p{top:20px; transition: all 1s;}
.case .main li:not(.more):hover:after{top: 0; transition: all 1s;}
.case .main .more{background:#ffbe33;padding:50px 40px 0; box-sizing: border-box;}
.case .main .more img{margin: 0 auto;}
.case .main .more p{color: #fff; text-align: center; font-size: 1.5rem;margin-top: 20px;}
.case .main .more div{display: flex;justify-content: space-between;}
.case .main .more a{width:120px; height: 40px; line-height: 2.5rem; display: block; text-align: center; color: #fff; margin-top:30px; border:1px solid #fff;transition: all .2s;}
.case .main .more a:hover{border-radius: 10px;transition: all .2s;}
.case .main .more img{width: 51px;height:auto}
/* Support -Focus On Your Needs */
.support{padding: 50px 0 70px;}
.support .main{margin-top:40px; display: flex;flex-wrap: wrap; justify-content: space-between;}
.support .main .left{width:49%;}
.support .txt dt{font-size: 1.5rem; color: #232323;}
.support .txt dd{margin-top: 15px; position: relative;}
.support .txt dd::after{position: absolute;display: block; content: '1'; font-size: 18.75rem; font-weight: bold; color: #fff0dd; top: 25px; left: 180px; z-index: -1;}
.support .txt dl:nth-child(2) dd::after{content: '2';}
.support .txt dl:nth-child(3) dd::after{content: '3';}
.support .txt dl:nth-child(4) dd::after{content: '4';}
.support .txt dl:nth-child(5) dd::after{content: '5';}
.support .txt dl:nth-child(6) dd::after{content: '6';}
.support .txt dd p{margin-bottom: 21px; color: #232323;}
.support .support_arrow{width: 120px; height: 40px;margin-top:20px; border: 1px solid #4e4e4e; border-radius: 20px; display: flex; justify-content: space-between; padding:2px 5px 0; box-sizing: border-box;}
.support .support_arrow a{width:34px; height: 34px; display: block; cursor: pointer; line-height: 2.12rem;border-radius: 50%; background: #ffbe33; text-align: center; color: #474747; font-size: 1.87rem;}
.support .right{position: relative;width: 49%;}
.support .right li img{width:100%}
.support .circle{position: absolute; bottom: 40px; width: 110px; left: 230px; display: flex; justify-content: space-between;}
.support .circle li{width: 10px; height: 10px; border-radius: 50%; cursor: pointer; background-color: rgba(0, 0, 0, .5); transition: all .2s;}
.support .circle li:hover,.support .circle li.on{background:#ffbe33; transition: all .2s;}
.support a.more{width: 460px; height: 40px; line-height: 2.5rem; text-align: center; display: block; color: #232323; margin: 40px auto 0; background-color: #ffbe33; cursor: pointer; transition: all .2s;}
.support a.more:hover{border-radius: 10px; transition: all .2s;}
/* RICHI In The World */
.world{width: 100%; background: #232323; padding: 50px 0 80px;}
.world .title h2{color: #ffbe33;}
.world .title h2::after{background:#ffbe33;}
.world .title p{color: #fff; margin-bottom: 50px;}
.world .main{display: flex;flex-wrap:wrap;justify-content: space-between;}
.world .map {width:900px; height:570px;position: relative;}
.world .map li{position: absolute;}
.world .map li:nth-child(1){top:0; left: 0;}
.world .map li:nth-child(2){right: 20px; top: 45px;}
.world .map li:nth-child(3){right: 367px; top: 45px;}
.world .map li:nth-child(4){right: 336px; top: 298px;}
.world .map li:nth-child(5){right: 48px; bottom: 7px;}
.world .map li a{position: absolute;width:220px; height: 60px; padding:5px 10px 0;box-sizing: border-box;line-height: 1.5rem; display: block; background:#ffbe33;}
.world .map li a::after{position: absolute;width: 10px; height: 10px; line-height: 10px; display: block; content: '+'; color: #ffbe33; background: #fff; bottom: 0; right: 0; text-align: center;}
.world .map li:nth-child(1) a{top: 37px;}
.world .map li:nth-child(2) a{top: 110px; right: 0;}
.world .map li:nth-child(3) a{top:94px; left: -65px;}
.world .map li:nth-child(4) a{top:12px; left: -82px;}
.world .map li:nth-child(5) a{bottom:77px; right: -55px;}
.world .map li img{transition:all .2s;}
.world .map li:hover img,.world .map li.on img{filter: brightness(2); transition: all .2s;}
.world .txt{width:240px; height: 570px; background:#323232;}
.world .txt .area{border-bottom:1px solid #5b5b5b; height: 60px; text-align: center; line-height: 3.75rem; color: #fff; font-size: 1.5rem;}
.world .txt .detail{padding:20px 0;height:510px; box-sizing: border-box; color: #ccc; text-align: center; line-height: 1.75rem; }
.world .txt .detail div{height:470px;overflow-y: scroll;}
.world .txt .detail div::-webkit-scrollbar{width: 6px; background: #5b5b5b;}
.world .txt .detail div::-webkit-scrollbar-thumb{border-radius:3px;background:#323232;}
.world .txt .detail b{color: #fff;}
/* GET A QUOTATION */
.quotation{width: 100%; background: url(../img/future.jpg) no-repeat center bottom;}
.quotation .container{background: url(../img/toparrow.jpg) no-repeat center top; padding-top:70px;}
.quotation .contact{display: flex;flex-wrap: wrap; justify-content: space-around; margin-top: 40px;}
.quotation .contact dl{display: flex; line-height: 3.75rem; height: 3.75rem; font-size: 1.5rem;}
.quotation .contact dt{margin-right: 35px; }
.quotation .contact dt img{display: inline-block; vertical-align: middle;}
.quotation .form2{margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.quotation .form2 .left,.quotation .form2 .right{width: 49%;}
.quotation .form2 .left div,.quotation .form2 .right{ height: 3.62rem;display: flex; color: #838687; line-height: 3.62rem; background: #f2f2f2; margin-bottom: 2.5rem; text-indent: 1rem;}
.quotation .form2 label span{color: #ffbe33;}
.quotation .form2 input{width: 65%; background: none;text-indent: 20px; font-size: 1rem; border: none; }
.quotation .form2 .right{height: 255px;}
.quotation .form2 .right textarea{width:80%; background: none; border: none; outline: none; line-height: 3.62rem; font-size: 1rem; text-indent: 20px;}
.quotation form .sub{width:180px; height: 50px; line-height: 3.12rem; text-align: center; font-size: 1.5rem;margin: 0 auto; color: #484949; display: block; background: #ffbe33; cursor:pointer; border:none;}
.quotation .vision{width: 980px; margin:80px auto 200px; border:2px dashed #232323; border-radius: 10px; padding:35px 80px; box-sizing: border-box;}
.quotation .vision h3{text-align: center; font-size:1.87rem; font-family: "Anton"; color:#333;}
.quotation .vision p{color: #232323; margin-top: 30px;}
@media (max-width:1179px) {
    img{width: 100%;height:auto}
    .ban{background: url(../img/ban_1200.jpg) no-repeat 50% top;}
    body{background: url(../img/xiaomai2_1200.jpg) no-repeat center 1600px;}
    .solution{background: url(../img/sanjiao_bg_1200.jpg) no-repeat center bottom #ffbe33;}
    .application{background: url(../img/yumidiwen_1200.jpg) no-repeat center top;}
    .maitian_bg{background: url(../img/maitian_1200.jpg) no-repeat center top;}
    .quotation{background: url(../img/future_1200.jpg) no-repeat center bottom;}
    .process .process_menu ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .process .process_menu ul li{width: 10.6%;height: auto;position: unset;padding: 0;float: unset;margin: 0;background: #d0d2d2;display: flex;align-items: center;}
    .process .process_menu ul li::before,.process .process_menu ul li::after{display: none;}
    .process .process_menu ul li.on{background: #ffbe33;}
    .process .process_menu li p{height: auto;line-height: 1.5rem;position: unset;padding: 1rem 0;}
    .world .txt{width: calc(100% - 900px);}
}
@media (max-width:1024px) {
    body{background: none;}
    .ban{padding-top: 8rem;}
    .help{background:#ffbe33}
    .solution{padding-bottom: 15rem;}
    .solution .main{position: unset;height: auto;}
    .solution .main .txt{width: 100%;box-shadow: 0 2px 5px #333; margin-top: 2rem;position: unset;}
    .solution .main .img{width:100%;height: auto;padding: 2rem; position: unset; background-size: cover;margin-top: 1rem;}
    .solution .main .img li{width: 30%;}
    .plant .main{height: auto;}
    .plant .main,.plant .list table,.plant .list img,.plant .list tbody,.plant .list tr{width: 100%;box-sizing: border-box;}
    .plant .list td, .plant .list th{min-width: unset;}
    .investment .main{width: 100%;}
    .case .title h3{width: 50%;}
    .case .title::before, .case .title::after{width: 25%;}
    .case .main .more{padding: 2rem 1rem 0;}
    .case .main .more a,.world .txt{width: 48%;}
    .world .map{width: 49%; height: auto;position: unset;}
    .world .map li{position: unset;margin-bottom: 4rem;}
    .world .map li img{display: none;}
    .world .map li a{position: unset;}
    .world .map li a::after{position: relative;bottom: 3px;right: -100%;}
    .world .map li.on a{background:#fff}
    .richi{padding-bottom: 3rem;}
}
@media (max-width:768px) {
    .ban{background: url(../img/ban_768.jpg) no-repeat 50% top;}
    body{background: url(../img/xiaomai2_768.jpg) no-repeat center 2400px;}
    .solution{background: url(../img/sanjiao_bg_768.jpg) no-repeat center bottom #ffbe33;}
    .application{background: url(../img/yumidiwen_768.jpg) no-repeat center top;}
    .maitian_bg{background: url(../img/maitian_768.jpg) no-repeat center top;}
    .quotation{background: url(../img/future_768.jpg) no-repeat center bottom;}
    .richi .main .left,.richi .main .right{width: 100%;}
    .solution .title h2,.solution .title p{width: 100%;}
    .process .process_menu ul li,.process .process_menu li:nth-child(9){width: 19%;margin: 0 0 1rem 0;}
    .process .img .left{width: 20%;}
    .process .img .right{width: 80%;}
    .process .img .right li{width: 23%;}
    .process .img .right li:nth-child(5){display: none;}
    .appli_tc2{width: 90%;top: 5vh;left: 5%;margin-left: 0;}
    .plant .plant_menu ul{width: 100%;}
    .plant .plant_menu li{width: 32.5%;}
    .case .main li:not(.more)::after{top: 0;}
    .case .main li:not(.more) p{top: 1rem;padding: 0;}
    .case .main .more{padding: 1rem;}
    .support .main .left{width: 100%;}
    .support .main .right{display: none;}
    .support .txt dd::after{left: 40%;}
    .quotation .contact dl{font-size: 1.2rem;}
    .quotation .contact dt{width: 20%;margin-right: 2%;}
    .quotation .contact dd{width: 78%;}
    .quotation .form2 input{width: 55%;}
    .quotation .form2 .right textarea{width: 70%;}
    .quotation .vision{width: 98%;}   
}
@media (max-width:425px) {
    .ban{height: auto;padding: 3rem 0; margin-top:5rem;background-size:cover}
    .ban p,.prospects .txt .left,.prospects .txt .right{width: 100%;}
    .prospects .chart .columnar,.prospects .chart .circle{width: 100%;}
    .solution{background: #ffbe33;padding-bottom: 3rem;}
    .solution .main .img{padding: 1rem;}
    .help .main dl,.solution .main .img li{width: 49%;}
    .size{background: #edf2f1;padding-top: 3rem;}
    .size .main li,.process .process_menu ul li,.process .process_menu li:nth-child(9){width: 49%;}
    .process{background: #edf2f1;}
    .process .img{height: auto;}
    .process .img .left{width: 100%; height: auto;padding: 2rem 1rem;}
    .process .img .left a{margin-top: 1rem;}
    .process .img .right{width: 100%;height: auto;padding-bottom: 3rem;}
    .process .img .right li{width: 48%;}
    .process .img .right li p{height: 3rem;}
    .application{background: #000;height: auto;padding-bottom: 3rem;}
    .application .downarrow{display: none;}
    .application .title h2{margin-top: 0;}
    .application .main{background: none;height: auto;}
    .application .main img{display: none;}
    .application .main ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .application .main ul li{position: unset; width:49%; margin-bottom: 1rem;}
    .plant,.investment,.case,.maitian_bg{background: none;}
    .plant .main{display: none;}
    .plant .plant_menu li{width: 49%;}
    .plant a{width: 90%;line-height: 1.5rem;height: auto; padding: .5rem 1rem;}
    .investment .main {overflow-x: scroll;}
    .investment .main table{width: 1024px;}
    .case .main li{width: 100%;}
    .case .main li:not(.more) p{padding: 20% 2rem 0;}
    .support .txt dd::after{left: 25%;}
    .support a.more{width: 90%;line-height: 1.5rem; height: auto; padding: .5rem;}
    .world .map,.world .txt{width: 100%;}
    .world .map ul{display: flex;flex-wrap: wrap; justify-content: space-between;}
    .world .map li{width: 49%; margin-bottom: 1rem;}
    .world .map li a{width: 100%; height: auto;}
    .quotation{background: none;}
    .quotation .form2 .left, .quotation .form2 .right{width: 100%;}
    .quotation .vision{padding: 2rem 1rem; margin: 3rem auto 5rem;}
}