@charset "utf-8";

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

@font-face {
	font-family: 'AlibabaPuHuiTi-Regular';
	src:url('../fonts/AlibabaPuHuiTi-Regular.otf') format('woff');
    font-display:swap;
}

/*html5设置*/
html {-webkit-text-size-adjust:none; font-size: 5.20834vw;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#f4f4f6;color:#000;font:normal 0.18rem/1.7778em 'AlibabaPuHuiTi-Regular'; overflow-x:hidden;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#000;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#9eed58;}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:95.83334%;margin:0 auto;}
.clear{clear:both;width:100%; overflow:hidden;}
.figure {overflow: hidden; position: relative;}
.figure a {display: block;}
.figure img {display: block; width: 100%; height: auto;}
.figure .img {background: no-repeat center center; background-size: cover; display: block; transition: all .3s;}
.rows {display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.wot {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.submit {cursor:pointer;}
.ytable {display: table;width: 100%;}
.ytable-fixed {table-layout: fixed;}
.ytable-cell {display: table-cell;vertical-align: middle;}
.fz60 {font-size: 3.3334em; line-height: 1.2em;}
.fz58 {font-size: 3.1667em; line-height: 1.45em;}
.fz57 {font-size: 3.1112em; line-height: 1.45em;}
.fz56 {font-size: 3.1112em; line-height: 1.45em;}
.fz53 {font-size: 2.9445em; line-height: 1.45em;}
.fz52 {font-size: 2.8889em; line-height: 1.45em;}
.fz49 {font-size: 2.7223em; line-height: 1.35em;}
.fz48 {font-size: 2.6667em; line-height: 1.35em;}
.fz47 {font-size: 2.6112em; line-height: 1.35em;}
.fz44 {font-size: 2.4445em; line-height: 1.35em;}
.fz43 {font-size: 2.3889em; line-height: 1.5em;}
.fz42 {font-size: 2.3334em; line-height: 1.5em;}
.fz40 {font-size: 2.2223em; line-height: 1.5em;}
.fz38 {font-size: 2.1112em; line-height: 1.5em;}
.fz36 {font-size: 2em; line-height: 1.5em;}
.fz34 {font-size: 1.8889em; line-height: 1.5em;}
.fz33 {font-size: 1.8334em; line-height: 1.5em;}
.fz32 {font-size: 1.7778em; line-height: 1.5em;}
.fz31 {font-size: 1.7223em; line-height: 1.5em;}
.fz30 {font-size: 1.6667em; line-height: 1.434em;}
.fz28 {font-size: 1.5556em; line-height: 1.538em;}
.fz27 {font-size: 1.5em; line-height: 1.538em;}
.fz26 {font-size: 1.4445em; line-height: 1.538em;}
.fz25 {font-size: 1.3889em; line-height: 1.5em;}
.fz24 {font-size: 1.3334em; line-height: 1.5em;}
.fz23 {font-size: 1.2778em; line-height: 1.65em;}
.fz22 {font-size: 1.2223em; line-height: 1.75em;}
.fz21 {font-size: 1.1667em; line-height: 1.45em;}
.fz20 {font-size: 1.1112em; line-height: 1.9em;}

/*flexbox*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.table{display:table;table-layout:fixed;width:100%;}
.table .td{display:table-cell;vertical-align:middle;}

/*entry*/
.entry img{height:auto!important;}
.entry ul li{position:relative;padding-left:1.66666667em;}
.entry ul li:before{width:0.27777778em;height:0.27777778em;border-radius:50%;background-color:#3f3a39;content:'';display:block;position:absolute;left:0.38888889em;top:0.75em;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #908e90;}

/*header*/
#header > .inner{display:table;table-layout:fixed;padding:0 0.55rem 0 0.64rem;}

/*logo*/
#logo{font-size:1em;width:7.33333333em;display:table-cell;vertical-align:middle;position:relative;z-index:10;padding:2em 0 1.38888889em;}
#logo a{display:block;overflow:hidden;padding-bottom:44.6969697%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}

/*button*/
#button{display:table-cell;vertical-align:middle;width:14em; padding-right:5.5em; transition:all 0.3s; position:relative;}
#button.active{width:20em;}

/*search*/
#search .input{background-color:#9eed58;border-radius:0.55555556em;position:relative;padding:0 1.55555556em 0 3.55555556em;}
#search .text{display:block;font-size:0.88888889em;width:100%;height:3.5em;line-height:1.875em;padding:0.625em 0;color:#fff;}
#search .go{display:block;position:absolute;left:1.55555556em;top:0;height:100%;width:1.33333333em;cursor:pointer;background:url(../images/search_01.png) no-repeat center center;background-size:100% auto;}


/* language */
.language{ position:absolute; top:50%; right:0; text-align:right; transform:translateY(-50%);z-index: 10}
.language em{ font-style:normal; display:inline-block; padding:0 .5em;}
.language ul{position: absolute;z-index: 100;width:1.5rem;right:0;background:#fff;box-shadow: 0 0 0.1rem rgba(0,0,0,0.06); top:100%;text-align: center;padding:0.1rem;border-radius: 0.05rem; display: none;}
.language ul li{border-bottom:1px solid #e8e8e8;}
.language ul li:last-child{border-bottom:0;}

/*navbtn*/
#navbtn{display:none;}

/*navi*/
#navi{display:table-cell;vertical-align:middle;padding:0 1em;}
#navi .menu{align-items:center;justify-content:flex-end;}
#navi a{display:block;}
#navi .parent{padding:1.11111111em 1.38888889em;line-height:2.8em;position:relative;font-weight:500;}
#navi .drop{position:absolute;
    /* left:50%;transform:translateX(-50%); */
    left: 0;
    text-align: left;
    top:100%;background-color:#9eed58;min-width:100%;padding:0.5em 0;display:none;z-index:5;}
#navi .drop li{line-height:2em;position: relative;}
#navi .drop a{padding:0.25em 1.38888889em;white-space:nowrap;color:#fff;}
#navi .drop li:hover{background: #fff; }
#navi .drop li:hover a{color: #000;}
#navi em{display:none;}

#navi .drop li dl{background:#fff;position: absolute;left:100%;top:0;text-align: left;font-size:0.16rem;padding:0.1rem 0.1rem;}
#navi .drop li dl.dl{display: none;}
#navi .drop li dl dt{line-height: 1.6;font-weight: bold;}
#navi .drop li dl dd a{color:#000;line-height: 1.6}
#navi .drop li dl dd a span{color:#9eed58;margin-right:0.1rem;position: absolute;left:0.18rem;}

@media(min-width:1025px){
	#navi .drop li:hover .dlon{display: block;}
}

/*footer*/
#footer{padding:0.6rem 0 0.67rem;}
#footer.footer_info{background:#fff;margin-top:0.6rem;padding-top:0.3rem;padding-bottom:0.35rem;}
#footer .inner{border-radius:0.7rem;padding:1.06rem 1.57rem 0.3rem 1.14rem;background-color:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:initial;}

/*bottom*/
#bottom{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:0.83333333em;line-height:2.13333333em;width:100%;margin-top:4.27023582%;}

/*pages*/
#pages a{color:#808080;display:block;overflow:hidden;}
#pages a:not(:last-child){margin-right:1.66666667em;}
#pages a:hover{color:#000;}

/*copyright*/
#copyright{letter-spacing:0.06666667em;}
#copyright a{display:inline-block;}

/*menu*/
#menu{width:60%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding-top:0.3rem; justify-content: end;}
#menu dl{width:16%;}
#menu dl:nth-child(3){width:27%;}
#menu dl:nth-child(5){width:15%;}
#menu dt{border-bottom:1px solid #bfbfbf;line-height:1.77777778em;font-weight:bold;margin-bottom:0.88888889em;padding:0 0.55555556em 1.11111111em;}
#menu dd{font-size:0.88888889em;line-height:1.6875em;letter-spacing:0.0625em;padding:0 0.625em;}

/*infor*/
#infor{width:38.36838751%;}
#infor .logo{width:18.10631229%;margin-bottom:1em;}
#infor .logo img{display:block;width:100%;}
#infor .name{font-size:1.11111111em;line-height:1.6em;margin-bottom:0.25em;}
#infor .meta{font-size:0.88888889em;line-height:1.5625em;margin-bottom:0.6875em;}
#infor .qrcode{overflow:hidden;}
#infor .qrcode ul{width:106.31229236%;}
#infor .qrcode li{width:25%;padding-right:5.9375%;padding-top:5.9375%;text-align:center;}
#infor .qrcode img{display:block;width:100%;}
#infor .qrcode .text{font-size:0.83333333em;line-height:2.13333333em;margin-top:0.13333333em;}

/*slides*/
#slides{margin-bottom:1.3rem;}
#slides .swiper{border-radius:0.8rem;}
#slides .img{padding-bottom:56.52173913%;}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;padding:0 6.52173913%;font-size:0.88rem;}
#slides .name{font-size:1em;line-height:1.13636364em;color:#fff;letter-spacing:0.04545455em; font-weight: normal;}
#slides .alias{color:#9eed58;font-weight:normal;font-size:0.40909091em;letter-spacing:0.05555556em;line-height:1.35em;margin-top:0.61111111em;}
#slides .swiper-pagination{position:absolute;left:50%;bottom:4.80769231%;transform:translateX(-50%);justify-content:center;}
#slides .swiper-pagination-bullet{width:0.55555556em;height:0.55555556em;border-radius:50%;opacity:1;background-color:rgba(255,255,255,0.4);position:relative;margin:0 0.55555556em;}
#slides .swiper-pagination-bullet-active{background-color:#9eed58;}

/*vmore*/
.vmore{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.vmore .go{display:block;width:0.8rem;width:4.44444444em;border-radius:50%;background-color:#9eed58;}
.vmore .go:hover{opacity:0.85;}

.vmore2 .go{font-size:0.36rem;color:#9eed58;text-align: center;height: 0.8rem;width:0.8rem;line-height: 0.75rem}

.vmore i{display:block;overflow:hidden;padding-bottom:100%;background:url(../images/vmore_01.svg) no-repeat center center;background-size:47.5% auto;}
.vmore .black{background-color:#000;}
.vmore .black i{background-image:url(../images/vmore_02.svg);}
.hmtitle{margin-bottom:0.7rem;}
.hmtitle .name{font-size:1em;line-height:1.25em;font-weight:normal;}
.hmtitle .alias{font-size:0.67857143em;font-weight:normal;color:#9eed58;line-height:1.35em;}
.hmtitle.pdl{padding:0 1.18rem;}

/*hmabout*/
#hmabout{margin-bottom:1.27rem;}
#hmabout .inner{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#hmabout .figure{width:50%;}
#hmabout .video{padding-bottom:56.52173913%;position:relative;border-radius:0.7rem;overflow:hidden;}
#hmabout .video video{display:block; object-fit: cover; position:absolute;left:0;top:0;width:100%;height:100%;}
#hmabout .play{position:absolute;left:50%;top:50%;width:9.56521739%;padding-bottom:9.56521739%;margin:-4.7826087% 0 0 -4.7826087%;background:url(../images/play_01.svg) no-repeat center center;background-size:contain;cursor:pointer;display:block;transition:all 0.3s;}
#hmabout .play:hover{transform:scale(0.9);}
#hmabout .text{width:50%;padding:0 0.8rem 0 1.2rem;}
#hmabout .hmtitle{margin-bottom:0.4rem;}
#hmabout .intro{color:#474747;line-height:1.72727273em;max-height:5.18181818em;-webkit-line-clamp:3;margin-bottom:1.47rem;}
#hmabout .vmore{justify-content:flex-end;}

#hmabout .video_files{position:fixed; left:0; top:0; width:100%; height:100%; z-index:10;background:rgba(0,0,0,0.5);}
#hmabout .video_files video{width:60%;margin:0 auto;display: block; background-color:#000;}
#hmabout .video_files .ytable{height: 100%}
#hmabout .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;cursor: pointer;}
#hmabout .video_files .close::before,
#hmabout .video_files .close::after{ position:absolute; content:''; width:3px; height:100%; background-color:#fff; left:13px; top:0px;}
#hmabout .video_files .close::before{ transform:rotate(45deg);}
#hmabout .video_files .close::after{ transform:rotate(-45deg);}

/*hmproduct*/
#hmproduct{margin-bottom:1.26rem;}
#hmproduct .swiper{background-color:#fff;border-radius:0.8rem; transition: 0.3s;}
#hmproduct .info{
    /* align-items:center; */
    -webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:1.2rem 1.2rem 0.9rem;}
#hmproduct .text{
    /* width:41.25%; */
    width:47.25%;
}
#hmproduct .tag{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;margin-bottom:0.5625em;}
#hmproduct .tag span{display:block;background-color:#9eed58;color:#fff;height:2em;line-height:2em;border-radius:0.3125em;padding:0 0.75em;}
#hmproduct .title{line-height:1.14285714em;margin-bottom:0.07142857em;}
#hmproduct .title a:hover{ color: #000;}
#hmproduct .meta{line-height:2em;font-weight:bold;margin-bottom:0.39rem;}
#hmproduct .intro{line-height:1.9em;margin-bottom:0.75rem;min-height: 2.3rem;}
#hmproduct .intro p{position:relative;padding-left:1.3em;}
#hmproduct .intro p:before{width:0.4em;height:0.4em;border-radius:50%;background-color:#9eed58;content:'';display:block;position:absolute;left:0;top:0.75em;}
#hmproduct .more{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#hmproduct .more a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:8.33333333em;height:2.77777778em;align-items:center;justify-content:center;background-color:#e6e6e6;border-radius:0.33333333em;}
#hmproduct .more a:hover{background-color:#9eed58;color:#fff;}
#hmproduct .figure{width:49.5625%;padding-bottom:3.75%;}
#hmproduct .img{padding-bottom:79.57124842%;}
#hmproduct .vmore{position:absolute;right:0;bottom:0;}
#hmproduct .swiper-button-prev,
#hmproduct .swiper-button-next{display: none;}
#hmproduct .swiper:hover{box-shadow: 0 0 0.12rem rgba(0,0,0,0.1)}

/*hmintro*/
.hmintro{line-height:1.72727273em;color:#474747;}

/*hmsolution*/
#hmsolution{overflow:hidden;margin-bottom:1.2rem;}
#hmsolution .top{padding:0 1.18rem;margin-bottom:0.72rem;}
#hmsolution .hmtitle{margin-bottom:0.24rem;}
#hmsolution .hmintro{max-width:50.90909091em;}
#hmsolution .swiper-slide{padding:0.15rem 0.05rem;}
#hmsolution .info{background-color:#fff;border-radius:0.7rem;padding:12.10761653% 11.09864849% 10.93048715%;position:relative;height:100%;}
#hmsolution .info:hover{box-shadow: 0 0 0.12rem rgba(0,0,0,0.1)}
#hmsolution .title{line-height:1.20689655em;font-weight:normal;height:2.4137931em;-webkit-line-clamp:2;margin-bottom:0.78rem;}
#hmsolution .title:hover a{color:#000;}
#hmsolution .intro{color:#808080;line-height:1.6em;height:6.4em;-webkit-line-clamp:4;margin-bottom:0.87rem;text-align:justify;}
#hmsolution .vmore{justify-content:flex-end;}

/*hmnews*/
#hmnews .inner{background-color:#000;border-radius:0.8rem;padding:1.27rem 0.55rem 0rem;}
#hmnews .hmtitle{color:#fff;margin-bottom:0.2rem;padding-left:0.75rem;}
#hmnews .swiper{padding:0.5rem;width:105%;margin-left:-2.5%;}
#hmnews .info{padding:10% 8% 8%;}
#hmnews .info:after{content:'';width:100%;height:100%;background:#fff;top:0;left:0;position:absolute;z-index:-1;border-radius:0.7rem;transition: all 0.8s;}
#hmnews .info:hover:after{transform: scale(1.02);}
#hmnews .text{padding-right:12.12121212%;margin-bottom:24.54545455%;}
#hmnews .title{line-height:1.31818182em;height:3.95454545em;-webkit-line-clamp:3;margin-bottom:4.63917526%;}
#hmnews .title a:hover{color:#000;}
#hmnews .intro{line-height:1.77777778em;color:#787878;height:8.88888889em;-webkit-line-clamp:5;text-align:justify;}
#hmnews .tag{background-color:#f4f4f6;height:3.16666667em;padding:0 1em;border-radius:0.75em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;margin-bottom:7.57575758%;}
#hmnews .meta{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#hmnews .date{font-weight:bold;}
#hmnews .go{width:3.88888889em;}

/*banner*/
#banner{position:relative;margin:0 0.3rem;}
#banner .img{padding-bottom:36.55913978%;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;color:#fff;font-size:0.91rem;padding:0 11.55913978%;}
#banner .name{font-size:1em;letter-spacing:0.02197802em;line-height:1.25em;margin-bottom:0.30769231em;}
#banner .alias{font-size:0.37362637em;line-height:1.125em;letter-spacing:0.125em;font-weight:lighter;}

/*pagename*/
.pagename{margin-bottom:0.55rem;padding:0 0.6rem;}
.pagename .name{font-size:1em;line-height:1.125em;font-weight:normal;letter-spacing:0.01923077em;}
.pagename .alias{font-size:0.73076923em;font-weight:normal;color:#9eed58;line-height:1.35em;letter-spacing:-0.02631579em;margin-bottom:0.15789474em;}

/*contact*/
#contact{padding:0.65rem 0.42rem 1.23rem;overflow:hidden;}
#contact .pagename{padding:0;}
#contact .info{padding:0 1.2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#contact .item{width:47.49340369%;padding-top:3.82585752%;}
#contact .title{font-weight:normal;padding-left:1em;position:relative;line-height:1.13207547em;margin-bottom:0.46rem;}
#contact .title:before{width:0.64150943em;height:0.64150943em;border-radius:50%;background-color:#9eed58;content:'';display:block;position:absolute;left:0;top:0.24528302em;}
#contact .intro{padding-left:1.55882353em;line-height:2em;}
.msgform .item{margin-bottom:2.26460072%;}
.msgform .label{display:block;line-height:1.71428571em;padding:0 0.47619048em;margin-bottom:0.23809524em;}
.msgform .text{display:block;width:100%;height:2.143em;background-color:#f2f2f4;border-radius:0.23809524em;line-height:1.66666667em;padding:0.95238095em 1em;}
.msgform textarea.text{height:10.71428571em;}
.msgform .column{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;}
.msgform .column .item{width:45.88796186%;}

.msgform .msgform-btn{background: #9eed58; border-radius: 0.3em;  padding: .3em 1.5em; display: block; margin: 0 auto; color: #fff; cursor: pointer;}

/*message*/
.message{background-color:#fff;border-radius:0.61rem;padding:0.84rem 0.81rem 0.9rem;}
.message .name{font-weight:normal;line-height:1.13207547em;text-align:center;margin-bottom:6.3170441%;}

/*wrapper*/
#wrapper{overflow:hidden;padding:0.62rem 0 0.1rem;}
#wrapper > .flex{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*solution*/
#solution{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:0.18rem;}

/*sitem*/
.sitem{width:48.11827957%;margin-bottom:0.5rem;}
.sitem:nth-child(1){width:100%;}
.sitem:nth-child(1) .info{padding-right:0.86rem;}
.sitem:nth-child(1) .intro{margin-bottom:1.53rem;}
.sitem .info{background-color:#fff;border-radius:0.82rem;padding:1.32rem 2.02rem 0.93rem 0.86rem;}
.sitem .info:hover{box-shadow: 0 0.05rem 0.3rem rgba(0,0,0,0.1)}
.sitem .title{font-weight:normal;margin-bottom:0.37rem;transition: all 0.5s;display: inline-block;}
/* .sitem .info:hover .title{transform: scale(1.05);} */
.sitem .title a:hover{color:#000;}
.sitem .intro{color:#808080;letter-spacing:0.04761905em;line-height:1.42857143em;height:4.28571429em;-webkit-line-clamp:3;margin-bottom:1.33rem;text-align:justify;}

/*pagenavi*/
#pagenavi{justify-content:center;align-items:center;}
#pagenavi a{display:block;margin:0.33333333em;height:2.19444444em;min-width:2.19444444em;line-height:2.19444444em;position:relative;border-radius:1.11111111em;background-color:#fff;padding:0 0.5em;text-align:center;}
#pagenavi a:hover{
    /* background:rgba(0,0,0,0.2); */
    background-color: #71be36;
    color:#000}
#pagenavi .a_arrow{background-color:#9eed58;}
#pagenavi a.a_cur{color: #000; background: #9eed58;}
#pagenavi a.a_cur:hover{background:rgba(0,0,0,0.2)}

/*bxname*/
.bxname .name{font-size:1em;line-height:1.125em;font-weight:normal;letter-spacing:0.01754386em;}
.bxname .alias{font-size:0.66666667em;font-weight:normal;color:#9eed58;line-height:1.35em;letter-spacing:-0.02631579em;margin-bottom:0.15789474em;}
.abox{padding:0 0.88rem;}

/*profile*/
.profile{margin-bottom:1.13rem;}
.profile .intro{margin-left:4.16rem;text-align:justify;letter-spacing:0.08695652em;}

/*culture*/
.culture .intro{margin-left:4.16rem;text-align:justify;letter-spacing:0.07692308em;}
.culture .intro li{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:0.86rem;}
.culture .intro li h4{color:#9eed58;font-size:1.65384615em;line-height:1.25em;font-weight:normal;width:4.65116279em;}
.culture .intro li p{width:calc(100% - 9.538em);border-bottom:1px solid #dedee0;padding-bottom:0.48rem;padding-right:1.68rem;}
.culture .intro li:last-child p{border-bottom:none;}

/*joinus*/
.joinus .abox{margin-bottom:0.92rem;}
.joinus .intro{margin-top:0.64rem;}
.joinus .list{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.joinus .item{width:48.69565217%;margin-bottom:2.60869565%;}
.joinus .img{padding-bottom:75.33482143%;}
.joinus .info{display:block;position:relative;color:#fff;border-radius:0.6rem;overflow:hidden;}
.joinus .info:hover{box-shadow: 0 0.1rem 0.35rem rgba(0,0,0,0.15)}
.joinus .info:hover .img{transform:scale(1.05);}
.joinus .txt{position:absolute;left:0;bottom:0;font-weight:normal;width: 100%;padding:5.58035714% 7.14285714%;display: flex;justify-content: space-between; align-items: center;}
.joinus .title{}
.joinus .vmore{ cursor: pointer;}
.joinus .more a{justify-content:center;align-items:center;background-color:#9eed58;height:2.32653061em;border-radius:0.40816327em;}
.joinus .more a:hover{box-shadow: 0 0 0.2rem rgba(0,0,0,0.15); color:#000;}
.joinus .more i{display:block;font-style:normal;background:url(../images/arrow_01.png) no-repeat right center;background-size:0.83673469em auto;padding-right:1.67346939em;transition:all 0.2s;}




/*category*/
.category{padding:0 0.6rem;margin-bottom:0.31rem;}
.category li:not(:last-child){margin-right:0.58rem;}
.category .cur a{color:#9eed58;}

/*prolist**/
#prolist{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.pitem{width:48.64130435%;margin-bottom:2.7173913%;}
.pitem .info{position:relative;height:100%;background-color:#fff;border-radius:0.65rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;align-items:flex-end;overflow:hidden;
    /* padding:1.4rem 0 0 0; */
    padding:2rem 0 0 0;
}
.pitem .figure{width:72.62569832%;}
.pitem .img{padding-bottom:73.107692%;background-position:right bottom;background-size:contain;}
.pitem .text{position:absolute;left:0.8rem;top:0;
    /* width:29.05027933%; */
    width:calc(100% - 1.6rem);
    height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;z-index:5;padding:0.88rem 0 0.8rem;}
.pitem .top{margin-bottom:0.2rem;color:#000;transition: all 0.5s;}
/* .pitem .info:hover .top{transform: scale(1.05);} */
.pitem .tag{font-weight:bold;line-height:1.25em;margin-bottom:0.15rem;}
.pitem .title{line-height:1.30555556em;height:2.61111111em;-webkit-line-clamp:2;}
.pitem .info:hover{box-shadow: 0 0.05rem 0.3rem rgba(0,0,0,0.1)}
/* .pitem .info:hover .img{transform:scale(1.05);} */
.pitem:nth-child(1){width:100%;}
.pitem:nth-child(1) .figure{width:52.98913043%;}
.pitem:nth-child(1) .img{padding-bottom:61.13989637%;}

/*aside*/
#aside{width:26%;}
#aside .pagename{padding:0;margin-bottom:0;}

/*widget*/
.widget{background-color:#fff;border-radius:0.6rem;padding:0.53rem 0.5rem 0.8rem;}

/*sidemenu*/
.sidemenu span{display:block;position:relative;padding-right:1.02941176em;}
.sidemenu span i{position:absolute;right:0;top:0;height:100%;width:0.85294118em;background:url(../images/arrow_02.png) no-repeat center center;background-size:contain;display:block;cursor:pointer;z-index:2;}
.sidemenu > ul{border-top:1px solid #c3c3c3;margin:0.9rem 0 0.27rem;}
.sidemenu .parent{border-bottom:1px solid #c3c3c3;padding:0.82352941em 0;}
.sidemenu .parent ul{padding:0.5em 0;display:none;}
.sidemenu .parent li{font-size:0.58823529em;line-height:2.05em;font-weight:lighter;}
.sidemenu .cur ul{display:block;}

/*columninfo*/
.columninfo{margin-bottom:1.22222222em;}
.columninfo .name,.columninfo .alias{font-weight:normal;line-height:1.25em;}

/*main*/
#main{width:66%;padding:1.1rem 1.8rem 0 0;}
#main.npt{padding:0;}

/*jobitem*/
.jobitem{border-top:1px solid #908e90;padding:1.5em 0;}
.jobitem .hgroup{margin-bottom:0.26rem;}
.jobitem .name,.jobitem .alias{font-size:1em;line-height:1.28125em;font-weight:lighter;}
.jobitem .meta{border-bottom:2px solid #b5b4b6;padding-bottom:0.27rem;}
.jobitem .info{padding:1.61111111em 0;}
.jobitem .intro *{line-height:1.75em;}
.jobitem .intro h6{font-size:1.20833333em;margin-bottom:0.44827586em;}
.jobitem .send{letter-spacing:0.05263158em;margin-top:0.89473684em;}

/*newspost*/
#newspost{margin-bottom:1.2rem;overflow:hidden;}
#newspost .title{line-height:1.33333333em;border-bottom:0.02rem solid #9d9b9d;padding-bottom:0.4375em;margin-bottom:1.02083333em;}
#newspost .tag{margin-bottom:0.64285714em;}
#newspost .tag span{display:flex;height:2.07142857em;align-items:center;border:1px solid #7d7b7d;padding:0 0.85714286em;color:#231f20;border-radius:0.35714286em;}
#newspost .meta{border-bottom:1px solid #9d9b9d;padding-bottom:1em;margin-bottom:0.58064516em;}
#newspost .meta span{display:block;margin-right:1em;}
#newspost .excerpt{line-height:1.38461538em;text-align:justify;border-bottom:0.02rem solid #b5b4b6;padding-bottom:1.92307692em;margin-bottom:2.69230769em;}
#newspost .entry{font-weight:lighter;}
#newspost .entry *{line-height:1.42307692em;}
#newspost .pnav{justify-content:center;margin-top:2.41666667em;}
#newspost .pnav a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:2.19444444em;height:2.19444444em;background-color:#fff;border-radius:50%;margin:0 0.72222222em;}

/*newslist*/
#newslist{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:1.11111111em;}
#newslist .info{position:relative;height:100%;overflow:hidden;background-color:#fff;}
#newslist .info:hover{box-shadow: 0 0.05rem 0.3rem rgba(0,0,0,0.1)}
#newslist .title{font-weight:normal;line-height:1.25581395em;height:2.51162791em;-webkit-line-clamp:2;color:#000;transition: all 0.5s;}
/* #newslist .info:hover .title{transform: scale(1.05);} */
#newslist .excerpt{line-height:1.42857143em;height:5.71428571em;-webkit-line-clamp:4;color:#808080;text-align:justify;}
#newslist .meta{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#newslist .date{font-weight:bold;color:#000;}

/*nitem*/
.nitem{width:48.64130435%;margin-bottom:2.7173913%;}
.nitem .info{border-radius:0.61rem;display:block;padding:1.03rem 1.3rem 0.8rem 0.9rem;}
.nitem .title{margin-bottom:0.74rem;}
.nitem .excerpt{margin-right:0.65rem;margin-bottom:1rem;}

/*istop*/
.istop{margin-bottom:0.43rem;}
.istop .info{border-radius:0.82rem;padding:0.3rem 0.37rem 0.3rem 0.86rem;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.istop .figure{width:52.18404193%;border-radius:0.6rem;}
.istop .img{padding-bottom:75.44642857%;}
.istop .text{width:39.66220151%;}
.istop .title{margin-bottom:0.58rem;}
.istop .excerpt{margin-bottom:1.23rem;}

/*latest*/
.latest ul{padding:1.1rem 0;}
.latest li{line-height:2.96296296em;}

/*spost*/

#spost .columninfo{border-bottom:1px solid #908e90;padding-bottom:1.38888889em;margin-bottom:2.44444444em;}
#spost .excerpt{font-weight:lighter;line-height:1.28125em;
    /* border-bottom:1px solid #908e90; */
    padding-bottom:1.1875em;
    /* margin-bottom:1.40625em; */
}
#spost .entry{line-height:1.42307692em;letter-spacing:0.07692308em;text-align:justify;margin-bottom:2.38461538em;}
#spost .entry h4{font-size:1.15384615em;line-height:1.43333333em;font-weight:normal;margin-bottom:0.66666667em;}

/*recommend*/
#recommend .name{margin-bottom:0.7em;font-weight:normal;}
#recommend a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;border:1px solid #3c3c3d;height:2.84em;padding:0 1.12em;border-radius:0.6em;}
#recommend a:hover{color: #000;}
/*propost*/

#propost .info{padding-right:0.44rem;}
#propost .pic{margin-bottom:1.38888889em;}
#propost .tag{margin-bottom:0.45454545em;}
#propost .tag span{display:block;background-color:#9eed58;color:#fff;line-height:2.21212121em;letter-spacing:0.09090909em;padding:0 0.75757576em;border-radius:0.3030303em;}
#propost .title{line-height:1.4em;}
#propost .meta{margin-bottom:0.90909091em;}
#propost .entry{color:#231f20;letter-spacing:0.08em;margin-bottom:2.8em;}
#propost .name{line-height:1.3030303em;margin-bottom:0.81818182em;}
#propost .pic .play{position:absolute;left:50%;top:50%;width:9.56521739%;padding-bottom:9.56521739%;margin:-4.7826087% 0 0 -4.7826087%;background:url(../images/play_01.svg) no-repeat center center;background-size:contain;cursor:pointer;display:block;transition:all 0.3s;}
#propost .pic .play:hover{transform:scale(0.9);}

#propost .video_files{position:fixed; left:0; top:0; width:100%; height:100%; z-index:10;background:rgba(0,0,0,0.5);}
#propost .video_files video{width:60%;margin:0 auto;display: block; background-color:#000;}
#propost .video_files .ytable{height: 100%}
#propost .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;cursor: pointer;}
#propost .video_files .close::before,
#propost .video_files .close::after{ position:absolute; content:''; width:3px; height:100%; background-color:#fff; left:13px; top:0px;}
#propost .video_files .close::before{ transform:rotate(45deg);}
#propost .video_files .close::after{ transform:rotate(-45deg);}

.feature{overflow:hidden;margin-bottom:1.66666667em;}
.feature ul{width:102.3%;}
.feature li{width:33.333%;padding-bottom:2.24828935%;padding-right:2.24828935%;}
.feature .box{position:relative;height:100%;border:1px solid #3c3c3d;border-radius:0.83333333em;padding:0.5em 1.07692308em 0.57692308em;}
.feature h5{font-size:1em;line-height:1.35em;margin-bottom:0.19230769em; }
.feature p{font-size: 1em;line-height:1.35em;}

/*parameter*/
.parameter{overflow:hidden;margin-bottom:0.63rem;}
.parameter ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.parameter li{border-bottom:1px solid #908e90;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:43.8748914%;padding:0.11111111em 0;margin-bottom:2.11111111em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between; font-size: 1em;}
.parameter .left{width:29.7029703%;}
.parameter .right{width:65.14851485%;}

/*project*/
#project{background-color:#fff;padding:2.77777778em 3.88888889em 4.77777778em;}
#project .name{line-height:1.13157895em;border-bottom:1px solid #c3c3c3;padding-bottom:0.86842105em;position:relative;margin-bottom:0;padding-right:1.57894737em;}
#project .name i{background:#9eed58 url(../images/arrow_02.png) no-repeat center 55%;background-size:47.05882353% auto;width:1.34210526em;height:1.34210526em;border-radius:50%;position:absolute;right:0;top:-0.07894737em;cursor:pointer; transition: all .3s;}
#project .item{border-bottom:1px solid #c3c3c3;padding:1.55555556em 0 1.83333333em;}
#project .tit{position:relative;padding-right:2.14285714em;}
#project .tit i{background:url(../images/arrow_02.png) no-repeat center center;background-size:contain;width:1.82142857em;height:0.60714286em;position:absolute;right:0;top:0.46428571em;display:block;cursor:pointer; transition: all .3s;}
#project .intro{line-height:1.61111111em;margin-top:0.27777778em;}
#project .tit i.on{transform: rotate(180deg);}
#project .name i.on{transform: rotate(180deg);}

@media only screen and (max-width:1280px){

    /*1280px*/
    body{font-size:0.24rem;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    body{font-size:3.125vw;}

    /*1024px*/
    #header > .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-top:1em;padding-bottom:1em;}

    /*1024px*/
    #logo{display:block;padding:0;}

    /*1024px*/
    #button{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;width:auto; padding-right:0;}
    #button.active{width:auto;}

    /*1024px*/
    #search{width:12em;}
    #search .text{font-size:1em;height:2.85714286em;line-height:1.78571429em;padding-top:0.53571429em;padding-bottom:0.53571429em;}
    #search .go{ left:.8em;}
    #search .input{ padding-left:2.5em;}


    /* 1024 */
    .language{ margin-left:1em; position:relative; top:auto; right:auto; transform:translateY(0);}
    .language em{ padding:0 .2em;}


    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:1.5em;height:1.5em;margin-left:1em;transition:all 0.3s;display:block;z-index:10;overflow:hidden;}
    #navbtn:before,
    #navbtn:after,
    #navbtn i{width:100%;height:0.21428571em;background-color:#000;display:block;position:absolute;left:0;transition:all 0.3s;content:'';}
    #navbtn:before{top:0;}
    #navbtn:after{bottom:0;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active:before{transform:rotate(45deg);top:50%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}

    /*1024px*/
    #navi{position:fixed;width:100%;height:100%;background-color:rgba(240,242,247,0.9);z-index:9;left:0;top:0;display:none;}
    #navi .menu{position:fixed;right:0;top:5.27759375em;width:80%;max-width:25em;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 5.27759375em);display:block;padding:2em;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1.05em rgba(0,0,0,0.1);border-top-left-radius:5px;}
    #navi.active .menu{transform:translateX(0);}
    #navi .parent{padding:0.6em 0;line-height:2em;position:relative;}
    #navi em{display:block;position:absolute;right:-2em;width:3.5em;height:3.5em;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.42857143em;height:0.42857143em;border-right:0.07142857em solid #333;border-bottom:0.07142857em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.32142857em 0 0 -0.64285714em;transition:all 0.3s;}
    #navi .on > em:after{border-right-color:#9eed58;border-bottom-color:#9eed58;transform:rotate(45deg);}
    #navi .drop{position:relative;left:auto;transform:none;text-align:left;min-width:0;padding:0;margin-top:1em;background-color:transparent;}
    #navi .drop li{margin-left:2em;padding:0.5em 0;}
    #navi .drop a{padding:0;color:#333;}
    #navi .drop li:hover{background: #fff; }
    #navi .drop li:hover a{color: #000;}

    #navi .drop li dl{position: relative;left:0;display: none;overflow: hidden}
    #navi .drop li dl dt{display: none;}
    #navi .drop li dl dd a span{position: relative;left:0;}

    .language ul{width:4rem;}

    /*1024px*/
    #infor{width:100%;}
    #infor .qrcode ul{justify-content:center;}

    /*1024px*/
    #menu{display:none;}

    /*1024px*/
    #pages{width:100%;justify-content:center;}

    /*1024px*/
    #copyright{width:100%;text-align:center;}

    /*1024px*/
    #hmabout .text{width:100%;margin-bottom:2em;padding-left:0.8rem;}
    #hmabout .figure{width:100%;}
    #hmabout .video_files video{width:80%;}

    /*1024px*/
    #hmproduct .text{width:100%;margin-bottom:2em;}
    #hmproduct .figure{width:100%;}

    /*1024px*/
    #contact .info{padding:0;}
    #contact .item{width:100%;}

    /*1024px*/
    .msgform .column .item{width:100%;}

    /*1024px*/
    .sitem{width:100%;}
    .sitem .info{padding-right:0.86rem;}

    /*1024px*/
    .bxname{margin-bottom:0.5em;}

    /*1024px*/
    .profile .intro{margin-left:0;}

    /*1024px*/
    .culture .intro{margin-left:0;}
    .culture .intro li{display:block;}
    .culture .intro li h4{width:auto;line-height:1.5em;}
    .culture .intro li p{width:auto;padding-right:0;}

    /*1024px*/
    .joinus .item{width:100%;}

    /*1024px*/
    .pitem{width:100%;}
    .pitem .text{width:50%;}
    .pitem .figure{width:52.98913043%;}
    .pitem:nth-child(1) .img{padding-bottom:82.30769231%;}

    /*1024px*/
    #aside{width:100%;}
    #aside .pagename{cursor:pointer;}

    /*1024px*/
    .sidemenu ul{display:none;}

    /*1024px*/
    #main{width:100%;padding-right:0;}

    /*1024px*/
    .nitem{width:100%;}

    /*1024px*/
    .istop .info{padding:0.8rem;}
    .istop .text{width:100%;margin-bottom:1rem;}
    .istop .figure{width:100%;}

    /*1024px*/
    .latest ul{display:none;}

    /*1024px*/
    .feature li{width:50%;}

    /*1024px*/
    .parameter li{width:100%;}

    /*1024px*/
    #project{padding:1.5em 2em 2em;}

    /*1024px*/
    #propost .video_files video{width:80%;}

}
@media only screen and (max-width:750px){

    /*750px*/
    body{font-size:3.73333333vw;}

    /*750px*/
    .fz60{font-size:2.14285714em;}
    .fz58{font-size:2.07142857em;}
    .fz57{font-size:2.03571429em;}
    .fz56{font-size:2em;}
    .fz53{font-size:1.89285714em;}
    .fz52{font-size:1.85714286em;}
    .fz49{font-size:1.75em;}
    .fz48{font-size:1.71428571em;}
    .fz47{font-size:1.67857143em;}
    .fz44{font-size:1.57142857em;}
    .fz43{font-size:1.53571429em;}
    .fz42{font-size:1.5em;}
    .fz40{font-size:1.42857143em;}
    .fz38{font-size:1.35714286em;}
    .fz36{font-size:1.28571429em;}
    .fz34{font-size:1.21428571em;}
    .fz33{font-size:1.17857143em;}
    .fz32{font-size:1.14285714em;}
    .fz31{font-size:1.10714286em;}
    .fz30{font-size:1.07142857em;}
    .fz28,.fz27,.fz26,.fz25,.fz24,.fz23,.fz22,.fz21,.fz20{font-size:1em;}

    /* 750px */
    #navbtn{ margin-left:.5em;}

    /*750px*/
    #search{width:9em;}

    /* 750px */
    .language{ margin-left:.5em;}

    /*750px*/
    #slides .text{font-size:1.75em;}
    #slides .swiper-pagination-bullet{margin:0 0.25em;}

    /*750px*/
    .vmore .go{width:2.85714286em;}
    .vmore2 .go{width:2rem;height: 2rem;font-size:1rem;line-height: 1.8rem}

    /*750px*/
    .hmtitle{margin-bottom:0.75em;}

    /*750px*/
    #hmsolution .top{margin-bottom:1.5em;}
    #hmsolution .info{padding:9% 8% 8%;}

    /*750px*/
    #hmnews .go{width:2.5em;}

    /*750px*/
    #banner .text{font-size:1.875em;padding:0 5%;}

    /*750px*/
    #contact{padding:2em 0;}
    #contact .item{padding-top:8%;}

    /*750px*/
    .msgform .item{margin-bottom:1em;}

    /*750px*/
    .message{padding:2em 1.5em;}

    /*750px*/
    #wrapper{padding:2em 0;}

    /*750px*/
    .pagename{margin-bottom:0.75em;}

    /*750px*/
    #solution{margin-bottom:2em;}

    /*750px*/
    .culture .intro li{margin-bottom:1em;}
    .culture .intro li p{padding-bottom:1em;}

    /*750px*/
    .joinus .item{margin-bottom:1em;}

    /*750px*/
    .category{margin-bottom:1em;}
    .category li:not(:last-child){margin-right:1em;}

    /*750px*/
    .pitem{margin-bottom:1em;}

    /*750px*/
    .nitem,.istop{margin-bottom:1em;}

    /*750px*/
    #project .intro{margin-top:0.5em;}

    #propost{padding: 0 2%; box-sizing: border-box;}
    #spost{padding: 0 2%; box-sizing: border-box;}
    #newspost{ padding: 0 2%; box-sizing: border-box;}
    
}