@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
a,a:hover{text-decoration:none;color:inherit;cursor:pointer}
button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0}
textarea{overflow:auto}
button{cursor:pointer}
i{vertical-align:middle;font-style:normal}
img{max-width:100%;border:none}
input::placeholder,textarea::placeholder{font-family:inherit}
li,ul{list-style:none}
.clearfix{zoom:1}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
.clearfix::after{content:'';display:block;height:0;visibility:hidden;clear:both}
main,section{display:block}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.flex-jc-ai-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.line1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.line2{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.line5{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
table{border-collapse:collapse}
.table td,.table th{border:1px solid #e5e5e5;padding:6px 16px}
.table-bottom td,.table-bottom th{border-bottom:1px solid #e5e5e5;padding:8px}
body{font-family:Roboto,sans-serif;max-width:1920px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.5;overflow-x:hidden;color:#333;overflow-x:hidden;padding-top:70px}
.bodylay{position:fixed;top:1rem;bottom:0;right:0;left:0;z-index:98;display:none;background:rgba(0,0,0,.6)}
.noscroll{overflow-y:hidden}
/*!index  */
header{position:fixed;width:100%;top:0;left:0;z-index:99;border-bottom:1px solid #ececec;background:#FFF}
.logo{max-width:200px;}
.logo img {height:auto;max-height:70px;}
.nav li a{display:block;font-weight:500;color:#000;line-height:70px;padding:0 20px;text-transform:uppercase}
.nav li a:hover{color:#ffb53b}
.banner .container{justify-content:space-between;}
.banner-l{width:36%}
.banner-r{width:50%}
.banner-tit{font-size:30px;font-weight:500;color:#222;line-height:1}
.banner-tit span{font-size:100px;font-weight:700}
.banner-text{font-size:14px;color:#777}
.searchbox{max-width:480px;height:40px;margin-top:28px}
.searchbox input{width:calc(100% - 110px);height:100%;background:#e9ebec;border-radius:3px 0 0 3px;padding:0 20px;border:1px solid transparent}
.searchbox button{width:110px;height:100%;background:linear-gradient(90deg,#ffb53b,#ff8108);border-radius:0 5px 5px 0;color:#FFF}
.searchbox button img{margin-right:10px}
.maypro{background:#f2f2f2;padding:2.5% 0}
.home-text{font-size:14px;color:#1b4cc3;text-align:center}
.home-tit{font-size:25px;font-weight:500;color:#000;text-align:center;text-transform:uppercase}
.maypro-list{margin-top:30px}
.maypro-list li{width:23%;background:#FFF}
.maypro-item-img{overflow:hidden;max-height:250px;}
.maypro-item-img img{transition:transform .2s linear;display:block;margin:0 auto}
.maypro-list li:hover .maypro-item-img img{transform:scale(1.1)}
.maypro-item-box{border-top:1px solid #e5e5e5;padding:3%;justify-content:space-between}
.maypro-item-tit{width:calc(100% - 50px);font-size:14px;max-height:42px}
.maypro-item-icon{width:25px;height:25px;background:linear-gradient(90deg,#ffb53b,#ff8108)}
.maypro-list li:hover .maypro-item-tit{color:#ffb53b}
.feed{padding:2% 0}
.feedbackForm{margin-top:20px;font-size:14px;color:#555}
.feedbackForm input{height:44px;background:#f2f2f2;border-radius:3px;width:48%;padding:0 20px;border:1px solid transparent}
.feedbackForm textarea{width:100%;background:#f2f2f2;border-radius:3px;min-height:160px;margin:20px 0 15px;padding:20px;border:1px solid transparent}
.feedbackForm button{display:block;width:170px;height:40px;background:linear-gradient(90deg,#ffb53b,#ff8108);border-radius:3px;margin:0 auto;color:#FFF;font-size:16px}
.feedbackForm button img{margin-left:10px}
.feedbackForm .input-error{border-color:#ffb53b}
footer{background:#2e2e2e}
.copy{font-size:14px;color:#b1b1b1;text-align:center;padding:20px 0}
.copy span{margin-left:6px}
.mmenu{display:none}
.searchbox .search-error{border:1px solid #ffb53b;border-right:none}
@media(max-width:768px){
html{font-size:13.333vw}
header>.container{height:.99rem;align-items:center}
.mmenu{display:flex;flex-direction:column;justify-content:space-between;width:36px;height:26px}
.mmenu p{width:100%;height:2px;background:#000;transition:transform .2s linear}
.nav li a{line-height:1rem;font-size:.28rem;font-weight:400}
nav{position:fixed;top:1rem;background:#FFF;right:-100%;width:60vw;bottom:0;z-index:99;transition:right .2s linear;overflow-y:auto}
.nav{display:block}
.head-act .mmenu p:nth-child(1){transform:rotate(45deg) translate(8px,10px)}
.head-act .mmenu p:nth-child(2){transform:scale(0)}
.head-act .mmenu p:nth-child(3){transform:rotate(-45deg) translate(7px,-10px)}
.head-act nav{right:0}
body{padding-top:1rem}
.banner-l{width:100%;text-align:center}
.banner-r{width:100%;text-align:center}
.searchbox{margin:.3rem auto .5rem}
.banner-tit,.home-tit{font-size:.38rem}
.banner-tit span{font-size:1rem}
.maypro-list li{width:48%;margin-bottom:4%}
.feed,.maypro{padding:.5rem 0}}
@media(max-width:481px){
.feedbackForm{margin-top:0}
.feedbackForm input{height:.9rem;width:100%;margin-top:20px}
.feedbackForm textarea{min-height:150px}
.copy{padding:20px 0}}
@media(max-width:415px){
html{font-size:56px}}