/* main */

.main_text{text-align:center;padding:6.77% 0}
.main_text h2{font-family: 'Candal', sans-serif;font-size: 50px;color:#2ab151;padding-bottom:3.5%;font-weight:400}
.main_text p{font-size:22px;line-height:37px}
 @media all and (max-width:980px) {
  .main_text{width:90%;margin:0 auto;padding:13% 0}
 .main_text br{display:none}
 .main_text h2{font-size:20px}
 .main_text p{font-size:14px;line-height:1.5}
 }


.threebox{border-top:1px solid #000;border-bottom:1px solid #000;overflow:hidden;text-align:center}
.threebox h4{font-size:30px;font-weight:400;font-family: 'Candal', sans-serif;padding-top:48px}
.threebox p{font-size:18px;padding:20px 0 40px 0;line-height:1.5}
.c_box{padding:4.79% 5.21%;float:left;width:33.33%}
.threebox .box1{border-right:1px solid #000}
.threebox .box2{border-right:1px solid #000}
.threebox .box3{text-align:left}
 .box3 h3{font-size:40px;line-height:1.1}
 .box3 p{font-size:18px;padding:25px 0 70px 0}
 .box3 p.gostore{padding:7px 0}
 .box3 a{font-size:16px;border:1px solid #d4d4d4;border-radius:10px;padding:12px 25px;transition: 0.3s linear;display:inline-block;width:190px;}
 .box3 a:hover{background:#2ab151;border:1px solid #2ab151;  color:#fff; transition: 0.3s linear;}
 .box3 img{padding-top:19%}

 @media all and (max-width:1880px) {
 .box3 h3{font-size:2.5rem}
   .box3 img{width:77%;padding-top:18%}

 }
 @media all and (max-width:1440px) {
 .threebox br{display:none; }
 .box3 h3{font-size:28px}
 .box3 h3 br{display: block}
   .box3 p{padding:20px 0 30px 0}
   .box3 img{width:85%;padding-top:18%}
   .box1 .more{display:inline-block;margin-top:26px}
   .box2 .more{display:inline-block;margin-top:26px}
 }
  @media all and (max-width:1310px) {
     .box1 .more{margin-top:0px}
  }

 @media all and (max-width:980px) {
.threebox{ overflow-x: auto;
  white-space: nowrap; }
.hide{min-width:1000px/* 1300px; */}
.threebox br{display:none; }
.threebox h4{font-size:18px}
.threebox p{font-size:14px}
.box1 {white-space:initial}
   .box1 .more{margin-top:0}
.threebox .box2 {white-space:initial}
.threebox .box3 {white-space:initial;}
 .box3 img{padding-top:21%;width:80%}
  .box3 a{font-size:13px;}
   .box3 p{padding:9% 0 11% 0}
  .c_box{padding:4% 5.21%}
  .box2 .more{display:inline-block;margin-top:20px}
 }






.contact{width:67.81%;margin:0 auto;overflow:hidden;padding:6.77% 0}
.contact p{font-size:18px}
.con_head{width:30%;margin-right:5%;float:left;}
.con_head p{font-size:28px;padding: 46px 0 15% 0;line-height:42px}
.con_head img{width:60%}
.con_body{width:65%;float:left;font-size:18px}
.con_body p{padding:27px 0 10px 0}
.con_body span{color:#2ab151}
.ess{float:right;color:#000 !important;font-size:15px}
input[type=text]{
color: #555;
height: 50 px;
border: 1px solid #000;
padding: 18px 16px;
width:100%;
font-size:16px

}
input[type=checkbox]{
color:#000
}
textarea{
width:100%;height:100px;border:1px solid #000;color: #555;padding: 18px 16px;font-size:16px
}
.half{width:calc(50% - 15px);float:left;margin-right:30px}
.half:nth-child(2){margin-right:0}
input[type=checkbox], input[type=radio] {
accent-color:#1ea545; 
}
.email{width:100%;overflow:hidden}
.con_body .agree{font-size:16px;padding: 0;}
.send{width:100%}
.send a{padding:13px 60px;background:#000;color:#fff;transition: 0.3s linear;}
.send a:hover{background:#2ab151;transition: 0.3s linear;}

@media all and (max-width:1440px) {
.contact{width:80%}
}
@media all and (max-width:980px) {
.contact{width:90%;padding:50px 0;}
.contact p{font-size:14px}
.con_head{width:100%;}
.con_head p{line-height:1.5;font-size:14px}
input[type=text]{font-size:14px}
textarea{font-size:14px}
.con_head br{display:none}
.con_head img{display:none}
.con_body{width:100%;font-size:14px}
.con_head p{padding:20px 0 30px 0;}
.half{width:100%}
.half .pt0{padding-top:0}
.ess{display:none}
.con_body .agree{font-size:14px}
}