@charset "utf-8";

/*** index ***/
.wrap .row{padding: 30px 0;}
.banner{background-image: url(./images/banner.jpg);background-repeat:no-repeat;background-size:cover;width: 100%;height: 460px;color: #fff;}
.banner ul{list-style-type:none; margin:0; padding:0;margin: 20px 0 40px;}.tc{text-align: center}h4{font-size: 21px;padding-bottom: 5px;}
/*.banner h1{font-size: 53px;margin-top: 30px;} .banner h2{font-size: 43px}*/
.sprites span {float: left;width: 40px;height: 40px;margin-right: 5px;background-image: url(./images/bg-sprites.png);background-size: 35px 120px;}
.sprites .sprites1{background-position: 0 0;}.sprites .sprites2{background-position: 0 75px;}.sprites .sprites3{background-position: 0 35px;}
.p-title{text-align: center;margin: 20px;font-size: 28px}.price{margin-top: 80px;font-size: 18px;}
.description{width: 210px;margin: 20px auto;}.description p span{font-size: 24px;padding: 0 5px;}.dnode{background-color: #EFF3F2;padding: 50px;}
.footer{background-image: url(./images/bg-foot.png);background-repeat:no-repeat;background-size:100% 100%;width: 100%;height: 100%;}
.footer div{text-align: center;margin: 50px 50px 180px;}
@media screen and (min-width: 320px) and (max-width: 1024px) { .p-image img{width:100% !important;}}
@media screen and (min-width: 1024px) {.openapi{ background-image: url(images/icon-slack.png);background-repeat: no-repeat;background-size: 78%;}}