@charset "utf-8";
/* CSS Document */
.contact_box{width:100%; padding-bottom:100px; background: url(../contact/img/contact_banner.jpg) #fff no-repeat top center; overflow: hidden;}
.contact_banner{width: 100%; text-align:center;}
.contact_banner h1{font-size:36px; color:#1D2130; font-weight:bold; margin-top: 70px;}
.contact_banner p{font-size:20px; color:#2C2C2C; margin-top:16px; line-height: 1.6;}
.contact_cont{padding:70px 130px 35px; border-radius:15px; box-shadow: 2px 10px 28px rgba(202, 128, 255, 0.12); background:#fff; box-sizing: border-box; margin-top: 45px; max-width: 950px; width: 92%;}
.contact_inforlist{display:flex; width:100%; justify-content:space-between;}
.contact_inforlist .contact_inforitem{width:100%; position:relative; padding-bottom:20px; margin-bottom: 15px;}
.contact_inforlist .contact_inforitem p{font-size:16px; color:#000; margin-bottom:10px; line-height: 22px;}
.contact_inforlist .contact_inforitem p sup{color:red;}
.contact_inforlist .contact_inforitem i{color:red; display:none; margin-top:5px; position:absolute; bottom:0; left: 0;}
.contact_inforlist .contact_inforitem input{height:60px; line-height:60px; padding:0 14px; width:100%; border:1px solid #c0c0c0; border-radius:5px; font-size:16px; box-sizing: border-box;}
.contact_inforlist .contact_inforitem input.invalid,.contact_inforlist .contact_inforitem textarea.invalid{border-color:red;}
.contact_inforlist .contact_inforitem textarea{padding:14px; width:100%; border:1px solid #c0c0c0; border-radius:5px; font-size:16px; resize:none; min-height:230px; box-sizing: border-box;}
.contact_inforlist .contact_inforitem input:placeholder,.contact_inforlist .contact_inforitem textarea:placeholder{color:rgba(0,0,0,.5);}
.contact_inforlist.half .contact_inforitem{width:44%;}
.subarea{width:268px; text-align:center; padding-bottom:35px; position:relative;}
.submit_button{width:268px; height:60px; line-height:60px; text-align:center; cursor:pointer; background:#7591FF; font-weight:bold; border: 1px solid #FFFFFF; color:#ffffff; font-size:18px; border-radius:60px; display:block; box-shadow: 0px 4px 4px #C1CDFF;}
.submit_tips{color:red; display:block; margin-top:5px; position:absolute; bottom:8px; left:0; right:0; margin:auto; display:none;}
.submit_tips.succeed{color:green; opacity:1;}
.contact_tips{font-size: 14px; margin-bottom: 35px; color: #606060; line-height: 160%;}
.contact_tips a{font-size: inherit; color: #0093ff; text-decoration: underline;}
.layout{width: 100%; height: 100%; position: fixed; z-index: 10; background: rgba(0,0,0,.1); left: 0; top: 0; display: none;}
.layout_box{width: 92%; max-width: 470px; height: 280px; padding: 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 0 0 30px 0 rgba(220,220,220,1); border-radius: 10px; background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; text-align: center;}
.layout_box p{font-size: 16px; color: #000000; margin-top: 35px;}
.layout_close{position: absolute; cursor: pointer; right: 20px; top: 20px; z-index: 11;}
.layout_okay{width: 188px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; border-radius: 5px; background: #7591FF; text-align: center; color: #ffffff; margin-top: 45px;}
@media screen and (max-width: 1190px) {
	
}
@media screen and (max-width: 980px) {
.contact_box{background: #e1f5ff;}
.contact_banner{ padding: 60px 0; height: auto;}
.contact_cont{margin-top: 0; padding: 40px 30px 30px 30px;}
.contact_banner h1,.contact_banner p{padding: 0 20px; margin-top: 0;}
}


@media screen and (max-width: 568px) {
.contact_inforlist.half .contact_inforitem{width: 100%;}
.contact_inforlist{flex-direction: column;}
.contact_inforitem{margin-bottom: 20px;}
.submit_button{font-size: 20px;}

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
}