.main .caseInfo {
	padding: 20px 0px 46px; color: rgb(102, 102, 102); line-height: 16px; font-size: 14px;
}
.main .mainHead .content {
	background: rgb(241, 241, 241); padding: 20px 0px 20px 30px;
}
.main .mainHead .content::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "020";
}
.main .mainHead .content .child {
	width: 292px; float: left; position: relative;
}
.main .mainHead .content .child li {
	color: rgb(102, 102, 102); line-height: 22px; font-size: 14px; cursor: pointer;
}
.main .mainHead .content .child li {
	transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.main .mainHead .content .child li:hover {
	color: rgb(125, 47, 141);
}
.main .mainHead .content .child .title {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 16px;
}
.main .mainHead .more {
	margin: 20px 0px; border: 1px solid rgb(226, 226, 226); border-image: none; height: 58px; text-align: center; color: rgb(125, 47, 141); line-height: 58px; font-size: 15px;
}
.main .mainContent .child {
	padding: 70px 0px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.main .mainContent .child::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "020";
}
.main .mainContent .child .childImg {
	width: 567px; height: 370px; float: left; position: relative;
}
.main .mainContent .child .childImg img {
	width: 100%; height: 100%; vertical-align: middle;
}
.main .mainContent .child .childInfo {
	width: 520px; float: right; position: relative;
}
.main .mainContent .child .childInfo .childTitle {
	color: rgb(51, 51, 51); line-height: 30px; padding-top: 36px; font-size: 20px;
}
.main .mainContent .child .childInfo .childTitle2 {
	color: rgb(51, 51, 51); line-height: 32px; padding-bottom: 30px; font-size: 20px;
}
.main .mainContent .child .childInfo .childInfo2 {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}
.main .mainContent .leftChild.child .childImg {
	float: left;
}
.main .mainContent .leftChild.child .childInfo {
	float: right;
}
.main .mainContent .rightChild.child .childImg {
	float: right;
}
.main .mainContent .rightChild.child .childInfo {
	float: left;
}
@media all and (max-width:639px)
{
.main .caseInfo {
	padding: 10px 0px 23px; line-height: 16px; font-size: 12px;
}
.main .mainHead .content {
	padding: 10px;
}
.main .mainHead .content .child {
	width: 46%; margin-bottom: 10px; vertical-align: text-top; float: none; display: inline-block;
}
.main .mainHead .content .child li {
	line-height: 18px; font-size: 12px;
}
.main .mainHead .content .child .title {
	line-height: 22px; font-size: 14px;
}
.main .mainHead .more {
	margin: 10px 0px; height: 30px; line-height: 30px; font-size: 12px;
}
.main .mainContent .child {
	padding: 20px 0px;
}
.main .mainContent .child .childImg {
	margin: 0px auto; width: 100%; height: auto; float: none;
}
.main .mainContent .child .childImg img {
	width: 100%; height: auto; vertical-align: middle;
}
.main .mainContent .child .childInfo {
	width: 100%; float: none;
}
.main .mainContent .child .childInfo .childTitle {
	line-height: 20px; padding-top: 18px; font-size: 14px;
}
.main .mainContent .child .childInfo .childTitle2 {
	line-height: 20px; padding-bottom: 16px; font-size: 12px;
}
.main .mainContent .child .childInfo .childInfo2 {
	line-height: 20px; font-size: 12px;
}
.main .mainContent .leftChild.child .childImg {
	float: none;
}
.main .mainContent .leftChild.child .childInfo {
	float: none;
}
.main .mainContent .rightChild.child .childImg {
	float: none;
}
.main .mainContent .rightChild.child .childInfo {
	float: none;
}
}
@media all and (max-width:1023px) and (min-width:640px)
{
.main .caseInfo {
	padding: 20px 0px 46px; line-height: 16px; font-size: 14px;
}
.main .mainHead .content {
	padding: 20px;
}
.main .mainHead .content .child {
	width: 46%; margin-bottom: 20px; vertical-align: text-top; float: none; display: inline-block;
}
.main .mainHead .content .child li {
	color: rgb(102, 102, 102); line-height: 22px; font-size: 14px;
}
.main .mainHead .content .child .title {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 16px;
}
.main .mainHead .more {
	margin: 20px 0px; height: 58px; line-height: 58px; font-size: 15px;
}
.main .mainContent .child {
	padding: 40px 0px;
}
.main .mainContent .child .childImg {
	margin: 0px auto; width: 100%; height: auto; float: none;
}
.main .mainContent .child .childImg img {
	width: 100%; height: auto; vertical-align: middle;
}
.main .mainContent .child .childInfo {
	width: 100%; float: none;
}
.main .mainContent .child .childInfo .childTitle {
	line-height: 30px; padding-top: 36px; font-size: 20px;
}
.main .mainContent .child .childInfo .childTitle2 {
	line-height: 32px; padding-bottom: 30px; font-size: 16px;
}
.main .mainContent .child .childInfo .childInfo2 {
	line-height: 24px; font-size: 14px;
}
.main .mainContent .leftChild.child .childImg {
	float: none;
}
.main .mainContent .leftChild.child .childInfo {
	float: none;
}
.main .mainContent .rightChild.child .childImg {
	float: none;
}
.main .mainContent .rightChild.child .childInfo {
	float: none;
}
}
@media all and (max-width:1199px) and (min-width:1024px)
{
.main .mainHead .content .child {
	width: 190px;
}
.main .mainContent .child {
	padding: 40px 0px;
}
.main .mainContent .child .childImg {
	width: 463px; height: 302px;
}
.main .mainContent .child .childInfo {
	width: 424px;
}
.main .mainContent .child .childInfo .childTitle {
	padding-top: 20px;
}
}
