@charset "utf-8";

.etc013div_wrap {/*width:1300px;*/ margin:0 auto; position:relative;}
.etc013axebox {width:30px; border:1px solid rgb(56, 153, 236) !important; background:#000;  position:absolute; height:30px; 
				color:#ccc; font-size:16px; line-height:30px; text-align:center; right:0; top:0; margin:-5px -33px 0 0;}


.etc013 {width:100% !important; float:left; clear:both; /*box-shadow:1px 2px 16px #63636342; margin:13px 0*/ /*border-radius:3px;*/ overflow:hidden;}

.etc013 .etc013conBox {width:100%; overflow:hidden; box-sizing:border-box; background:#fff; padding:0;}
.etc013 .etc013conBox p.etc013title {height:28px;overflow:hidden;font-size: 23px;line-height:28px;color:#fff;font-weight:800;}
.etc013 .etc013conBox span.etc013subtitle {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;}

.etc013 .etc013conBox .etc013Block1 {width:30%; float:left; padding:15px; background:#3a3838; box-sizing:border-box;}
.etc013 .etc013conBox .etc013Block1 ul {width:100%; float:left; padding:15px 0; margin-bottom:55px;}
.etc013 .etc013conBox .etc013Block1 ul li {float:left; width:100%; color:#fff; position:relative; margin-bottom:35px; padding-left:30px; box-sizing:border-box;}
.etc013 .etc013conBox .etc013Block1 ul li span {height:23px; line-height:20px; float:left; font-size:15px; box-sizing:border-box; overflow:hidden;}
.etc013 .etc013conBox .etc013Block1 ul li img {width:20px; height:20px;float:left; position:absolute; top:0; left:0;}
.etc013 .etc013conBox .etc013Block1 ul li:last-child span {height:43px; line-height:20px;}

.etc013 .etc013conBox .etc013Block2 {width:70%; float:left; box-sizing:border-box; background:white; padding:15px;}
.etc013 .etc013conBox .etc013Block1 h3 {color:white;}
.etc013 .etc013conBox .etc013Block2 ul {}
.etc013 .etc013conBox .etc013Block2 ul li{margin-bottom:12px;}
.etc013 .etc013conBox .etc013Block2 ul li:nth-child(1), 
.etc013 .etc013conBox .etc013Block2 ul li:nth-child(2) {width:50%; float:left;}
.etc013 .etc013conBox .etc013Block2 ul li:nth-child(1) {padding-right:12px; box-sizing:border-box;}
.etc013 .etc013conBox .etc013Block2 ul li:nth-child(2) {}
.etc013 .etc013conBox .etc013Block2 ul li:nth-child(4) {height:140px; margin-bottom:60px;}
.etc013 .etc013conBox .etc013Block2 ul li:nth-child(4) textarea{width:100%;min-width:100%;max-width:100%;height:150px;line-height:18px;color:#333;background: #fff;font-size: 13px;box-sizing:border-box;padding: 8px 0 0 0;letter-spacing: -0.5px;border: none;outline: none;border-bottom: 1px solid #ddd;}
.etc013 .etc013conBox .etc013Block2 ul li:nth-child(4) textarea::selection,
.etc013 .etc013conBox .etc013Block2 ul li:nth-child(4) textarea::-moz-selection {background:#333 !important; color:white;}
.etc013 .etc013conBox .etc013Block2 ul li p.tit {color:#bbbbbb; font-size:14px; letter-spacing:-1px; margin:10px 0; float:left;}
.etc013 .etc013conBox .etc013Block2 span.etc013sendBtn:empty {padding-left:3px; padding-right:13px;}
.etc013 .etc013conBox .etc013Block2 span.etc013sendBtn:after {content: url(../img/send.png); padding-left:10px; float:right;}


.etc013 .etc013conBox .etc013Block2 ul li input {width:100%;height:35px;vertical-align:top;color: #636363;border:1px solid #e7e7e7;background: #fff;
												font-size:14px; box-sizing:border-box;padding: 0;border: none;border-bottom: 1px solid #ddd;outline: none;}
.etc013 .etc013conBox .etc013Block2 ul li ::placeholder {color:#bbb;}
.etc013 .etc013conBox .etc013Block2 span.etc013sendBtn {float:left;width: auto;text-align:center;background: #333;color:#fff;padding:13px 20px;box-sizing:border-box;font-size:14px;display:block;border-radius: 20px;}
.etc013 .etc013conBox .etc013Block1 h3,
.etc013 .etc013conBox .etc013Block2 h3 {height:43px; line-height:38px; overflow:hidden; margin-bottom:25px; font-size:17px; letter-spacing:-1px; font-weight:600;}
.etc013 .etc013conBox .etc013Block2 h3 {color:#333;}
.etc013 .etc013conBox .etc013Block2 h3 span {font-weight:400 !important; font-size:14px !important;}




 	@media (max-width:799px){
		.etc013 .etc013conBox{padding:20px 15px 25px;}
		.etc013 .etc013conBox .etc013Block1{width:100%;}
		.etc013 .etc013conBox .etc013Block2{width:100%; padding-left:0;}

		.etc013 .etc013conBox p.etc013title {font-size:19px;}
		.etc013 .etc013conBox span.etc013subtitle {margin-bottom:20px;}
		.etc013 .etc013conBox .etc013Block1 ul {padding:0; margin-bottom:0;}
		.etc013 .etc013conBox .etc013Block1 ul li {margin-bottom:15px;}
		.etc013 .etc013conBox .etc013Block1 ul li span {font-size:13px;}
		.etc013 .etc013conBox .etc013Block2 span.etc013sendBtn {float:right;} 
	}

    @media (max-width:599px){
       .etc013 .etc013conBox .etc013Block2 h3 {height:auto; line-height:25px;}
       .etc013 .etc013conBox .etc013Block2 h3 span {display:block; width:100%; clear:both;}
    }

