@charset "utf-8";

.etc012div_wrap{/*width:1300px;*/ margin:0 auto; position:relative;}
.etc012axebox{border:1px solid rgb(56, 153, 236) !important; background:#000; width:30px; text-align:center; position:absolute; height:30px; line-height:30px;
color:#ccc; font-size:16px; right:0; top:0; margin:-5px -33px 0 0;}
.etc012{width:100%; float:left; clear:both;}

.etc012 .etc012conBox{width:100%;overflow:hidden;padding: 40px 15px 45px;box-sizing:border-box;background:#2f2f2f;}
.etc012 .etc012conBox p.etc012title{height:28px;overflow:hidden;font-size: 23px;line-height:28px;color:#fff;font-weight:800;}
.etc012 .etc012conBox span.etc012subtitle{width:100%;height:20px;overflow:hidden;margin:10px 0 45px 0;line-height:20px;letter-spacing:-0.5px;font-size: 14px;color:#fff;float:left;}
.etc012 .etc012conBox .etc012Block1{width:30%; float:left; }
.etc012 .etc012conBox .etc012Block1 ul{width:100%; float:left; padding:15px 0;}
.etc012 .etc012conBox .etc012Block1 ul li{float:left; width:100%; color:#fff; position:relative; margin-bottom:35px;}
.etc012 .etc012conBox .etc012Block1 ul li span{height:23px; line-height:20px; float:left; font-size:15px; padding-left:30px; box-sizing:border-box; overflow:hidden;}
.etc012 .etc012conBox .etc012Block1 ul li:last-child span{height:43px; line-height:20px;}
.etc012 .etc012conBox .etc012Block1 ul li img{width:20px; height:20px;float:left; position:absolute; top:0; left:0;}


.etc012 .etc012conBox .etc012Block2{width:70%; float:left; padding-left:30px; box-sizing:border-box;}
.etc012 .etc012conBox .etc012Block2 ul{}
.etc012 .etc012conBox .etc012Block2 ul li{margin-bottom:12px;}
.etc012 .etc012conBox .etc012Block2 ul li:nth-child(1), .etc012 .etc012conBox .etc012Block2 ul li:nth-child(2){width:50%; float:left;}
.etc012 .etc012conBox .etc012Block2 ul li:nth-child(1){padding-right:12px; box-sizing:border-box;}
.etc012 .etc012conBox .etc012Block2 ul li:nth-child(2){}
.etc012 .etc012conBox .etc012Block2 ul li:nth-child(4){height:150px;}
.etc012 .etc012conBox .etc012Block2 ul li:nth-child(4) textarea{width:100%; min-width:100%; max-width:100%; height:150px; min-height:100%; max-height:100%; line-height:18px; color:#333; border:1px solid #e7e7e7; background:#f5f5f5; font-size:14px; box-sizing:border-box; padding:8px;}

.etc012 .etc012conBox .etc012Block2 ul li input{width:100%; height:35px; vertical-align:top; color:#333; border:1px solid #e7e7e7; background:#f5f5f5; font-size:14px; box-sizing:border-box; padding:5px 8px;}
.etc012 .etc012conBox .etc012Block2 a.etc012sendBtn,
.etc012 .etc012conBox .etc012Block2 span.etc012sendBtn
{float:left; width:100%; text-align:center; background:#28b9e9; color:#fff; padding:13px 20px; box-sizing:border-box; font-size:14px; display:block;}
.etc012 .etc012conBox .etc012Block1 h3, .etc012 .etc012conBox .etc012Block2 h3{height:43px;line-height:38px;overflow:hidden;border-bottom:1px solid #505050;margin-bottom:25px;font-weight:400;font-size: 17px;color:#fff;}

.etc012 ::placeholder {color:#bbb;}



 	@media (max-width:799px){
		.etc012 .etc012conBox{padding:20px 15px 25px;}
		.etc012 .etc012conBox .etc012Block1{width:100%;}
		.etc012 .etc012conBox .etc012Block2{width:100%; padding-left:0;}

		.etc012 .etc012conBox p.etc012title {font-size:19px;}
		.etc012 .etc012conBox span.etc012subtitle {margin-bottom:20px;}
		.etc012 .etc012conBox .etc012Block1 ul {padding:0;}
		.etc012 .etc012conBox .etc012Block1 ul li {margin-bottom:15px;}
		.etc012 .etc012conBox .etc012Block1 ul li span {font-size:13px;}
	}