/* 联系内容 */

.contact {

	margin-top: 100px;

}

.contact .flow_specific{

	margin-top: 30px

}



.contact_box>h3 {

	height: 70px;

	margin: 0;

}

.contact_box>h3::before {

	content: '';

	display: inline-block;

	height: 2px;

	width: 66px;

	vertical-align: middle;

	background-color: #61a74f;

	margin-right: 26px;

}

.contact_box>p {

	margin: 0;

	font-size: 16px;

	color: #666;

}

.contac_remind_p>p span {

	color: #d40000

}

/* 提醒 */

.contact_box_remind {

	margin-top: 30px;

	width: 100%;

	padding: 35px 45px;

	display: flex;

	align-items: center;

	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);

}

.contac_remind_i {

	flex: 1.5;

	display: flex;

	justify-content: center;

}

.contac_remind_i>i {

	font-size: 65px;

	color: #222;

}

.contac_remind_p {

	padding-left: 15px;

	flex: 8.5;

}

.contac_remind_p>p {

	margin: 0;

	font-size: 16px;

	color: #222;

}

.contac_remind_p>p>i {

	color: #dd0000;

	margin-right: 8px;

}

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

.contac_remind_i {

	display: none;

}

.contact_box>h3 {

	font-size: 26px;

}

.contact_box_remind {

	padding: 20px 30px;

}

.contact .flow_specific li>p{

	padding-left: 10px

}

}

/* 表格 */

.contact_box_table {

	margin-top: 50px;

}

.contact_box_table>ul {

	border-top: 1px solid #cccccc;

}

.contact_box_table>ul>li {

	padding: 22px 0;

	display: flex;

	align-items: center;

	border-bottom: 1px solid #cccccc;

}

.contact_box_table>ul>li>strong {

	flex: 2;

	text-align: center;

	font-size: 14px;

	color: #222;

	font-weight: 400;

}

.contact_box_table>ul>li>strong span {

	color: #d40000;

}

.contact_box_table>ul>li>strong>i {

	color: #dd0000;

}

.contact_box_table>ul>li>div {

	flex: 8;

}

.contact_box_table>ul>li>div>textarea {

	overflow-y: hidden;

	resize: none;

	outline: none;

	width: 85%;

	height: 120px;

	border-radius: 8px;

	border: 1px solid #ccc;

	padding: 20px;

	box-shadow: 0px 0px 5px #d8d8d8 inset;

}

.contact_box_table .contact_table_input {

	width: 85%;

	height: 48px;

	border-radius: 8px;

	border: 1px solid #ccc;

	padding: 0 20px;

	box-shadow: 0px 0px 5px #d8d8d8 inset;

}

.contact_box_table #theme {

	width: 200px;

	height: 48px;

	line-height: 48px;

	border-radius: 8px;

	border: 1px solid #ccc;

	padding: 0 20px;

	cursor: pointer;

	box-shadow: 0px 0px 5px #d8d8d8 inset;

/*	ppearance:none;-moz-appearance:none;-webkit-appearance:none;*/

}

.contact_box_table #theme option {

	cursor: pointer;

	height: 60px;

	line-height: 60px;

	border-bottom: 1px solid #e1e1e1;

}

.contact_box_table input {

	width: 85%;

	height: 48px;

	border-radius: 8px;

	border: 1px solid #ccc;

	padding: 0 20px;

	box-shadow: 0px 0px 5px #d8d8d8 inset;

}

.contact_box_table textarea {

	overflow-y: hidden;

	resize: none;

	outline: none;

	width: 85%;

	height: 120px;

	border-radius: 8px;

	border: 1px solid #ccc;

	padding: 20px;

	box-shadow: 0px 0px 5px #d8d8d8 inset;

}

/* 提交按钮 */

.contact_box_btn {

	margin-top: 45px;

	text-align: left;

	margin-bottom: 50px;

}

.contact_box_btn .submit {

	display: inline-block;

	width: 266px;

	height: 62px;

	line-height: 62px;

	color: #fff;

	text-align: center;

	background-color: #2e6baf;

	font-size: 18px;

	transition: all .4s;

	border: none;

}

.contact_box_btn .submit:hover {

	background-color: #61a74f;

}

.contact_box_btn>a {

	display: inline-block;

	width: 266px;

	height: 62px;

	line-height: 62px;

	color: #fff;

	text-align: center;

	background-color: #2e6baf;

	font-size: 18px;

	transition: all .4s;

}

.contact_box_btn>a:hover {

	background-color: #61a74f;

}

.tisbox {

	position: fixed;

	width: 100%;

	height: 100%;

	z-index: 997;

	background: rgba(0,0,0,.7);

	top: 0px;

	left: 0px;

	display: none;

	transition: all .6s;

}

.tis {

	border: 1px solid #ddd;

	padding: 30px;

	background: rgba(255,255,255,1);

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 998;

	transition: all .6s;

	display: none;

	max-width: 60%;

}

.tis * {

	transition: all .3s;

}

.tis h3 {

	font-size: 24px;

	margin: 30px 0;

}

.tis h3::after {

	content: '';

	display: inline-block;

	height: 2px;

	width: 66px;

	vertical-align: middle;

	background-color: #61a74f;

	margin-right: 26px;

}

.tis li {

	font-size: 15px;

	border-bottom: 1px dotted #a1a1a1;

	color: #777;

	padding: 10px 0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

}

.tis li span {

	color: #222;

	line-height: 30px;

	padding-left: 10px;

}

.tis li.lcont {

	text-overflow: clip;

	white-space: normal;

}

.tis li span.contentcc {

	color: #222;

	line-height: 30px;

	max-height: 100px;

	overflow: hidden;

	overflow-y: scroll;

	display: block;

}

.tis #sx {

	background: #61a74f;

	width: 50%;

	color: #FFF;

	padding: 15px 20px;

	display: block;

	margin: 20px 0;

	float: left;

}

.tis #qx {

	background: #555;

	width: 50%;

	color: #FFF;

	padding: 15px 20px;

	display: block;

	margin: 20px 0;

	float: left;

}

.tis #sx:hover {

	background: #40822f;

}

.tis #qx:hover {

	background: #222;

}

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

.contact {

	margin-top: 60px;

}

.contact_box_table {

	margin-top: 50px;

}

.contact_box_btn {

	margin-top: 35px;

	text-align: left;

}

.contact_box_table>ul>li>strong {

	padding-right: 10px;

}

.contact_box_table .contact_table_input {

	width: 95%;

}

.contact_box_table>ul>li>div>textarea {

	width: 95%;

}

}

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

.tis {

	width: 90%;

	max-width: 95%;

}

.contac_remind_p>p {

	font-size: 14px;

}

.contact_box>p {

	font-size: 14px;

}

.contact_box>h3 {

	font-size: 24px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

}

	.tis li { padding: 8px 0;}

	.tis h3 { margin:25px 0; }

	.tis #qx{ padding: 10px 15px; margin: 10px 0}

	.tis #sx{ padding: 10px 15px; margin: 10px 0}

}