.main_content{}
.h2_title{font-size:2rem; font-weight:700; margin-bottom:1em;}






.content1{padding:3em 0;}
.content1_inner{max-width:1440px; margin:0 auto;}
.product_content{}
.product_content ul{}
/*.product_content ul li{border:1px solid #ddd; width:25%; text-align:center; box-sizing:border-box;}*/
/*.product_content ul li:nth-child(2){border-left:0; border-right:0;}*/
/*.product_content ul li:nth-child(4){border-left:0;}*/


.product_content ul li{width:25%; text-align:center; box-sizing:border-box; margin-right:1%; background:#ddd; border-radius:20px;}
.product_content ul li a{width:100%; height:100%; display:block; padding:4em 2em; box-sizing:border-box; color:#fff; display:flex; align-items:center; flex-direction:column; }
.product_content ul li:nth-of-type(1){background:#e6c3c3}
.product_content ul li:nth-of-type(2){background:#689bb0}
.product_content ul li:nth-of-type(3){background:#d7a73a}
.product_content ul li:nth-of-type(4){background:#abb866}

/*.product_content ul li a{width:100%; height:100%; display:block; padding:1.5em 0; box-sizing:border-box; color:#666;}*/
.product_content ul li a img{width:5em; margin-bottom:1em; transition-timing-function:ease-in-out; transition-duration:.25s;}
.product_content ul li a p{font-weight:600; font-size:1.5rem; white-space: nowrap;}
.product_content ul li:hover{background:#058bd2; transition:0.3s linear;}
.product_content ul li:hover a{color:#fff}
.product_content ul li a:hover img{transform:translateY(-5px);}


/*.product_content ul li:nth-of-type(1) a:hover img{content:url("/common/img/common/icon04_1.png")}*/
/*.product_content ul li:nth-of-type(2) a:hover img{content:url("/common/img/common/icon02_1.png")}*/
/*.product_content ul li:nth-of-type(3) a:hover img{content:url("/common/img/common/icon03_1.png")}*/
/*.product_content ul li:nth-of-type(4) a:hover img{content:url("/common/img/common/icon01_1.png")}*/


.content2{background:#eef3f6; padding:3em 0}
.content2_inner{max-width:1440px; margin:0 auto;}
.banner_wrap{}
.banner_wrap ul{}
.banner_wrap ul:after{content:''; display:block; clear:both;}
.banner_wrap ul li{float:left; width:25%; box-sizing:border-box; padding:1%;}
.banner_wrap ul li img{max-width:100%;}



.content3{padding-top:3em;}
.content3_inner{background:url('/common/img/main/online_img1.jpg') no-repeat center; height:500px; position: relative;}
.content3_txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%;}
.content3_txt img{margin-bottom:1em}
.content3_txt p:nth-of-type(1){font-size:2rem; font-weight:600; margin-bottom:0.5em; color:#fff;}
.content3_txt p:nth-of-type(2){color:#fff}
.content3_txt span{border:1px solid #fff; padding:1em 4em; display:inline-block; border-radius:5px; font-size:1.2rem; color:#fff; font-weight:600; cursor: pointer; margin-top:1em}
.content3_txt span:hover{border:1px solid #ddd;}