.main {
	padding: 68px 0px 0px;
}
.main .head {
	padding-bottom: 70px;
}
.main .head::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "020";
}
.main .head .left {
	width: 660px; float: left; position: relative;
}
.main .head .left .banner {
	margin: 0px auto; border: 1px solid rgb(232, 232, 232); border-image: none; width: 500px; height: 500px; overflow: hidden;
}
.main .head .left .banner img {
	display: none; max-height: 100%; max-width: 100%;
}
.main .head .left .childs {
	padding: 12px 29px 0px 37px; width: 630px; height: 150px; overflow: hidden; position: relative;
}
.main .head .left .childs::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "020";
}
.main .head .left .child {
	border: 1px solid rgb(232, 232, 232); border-image: none; width: 148px; height: 148px; margin-right: 6px; float: left; cursor: pointer;
}
.main .head .left :nth-child(4).child {
	margin-right: 0px;
}
.main .head .left .child img {
	width: 100%; height: 100%; vertical-align: middle;
}
.main .head .left .leftBtn {
	left: 0px; top: 50px; position: absolute;
}
.main .head .left .rightBtn {
	top: 50px; right: 0px; position: absolute;
}
.main .head .left .logoBtn {
	cursor: pointer;
}
.main .head .right {
	width: 445px; color: rgb(102, 102, 102); font-size: 16px; float: right;
}
.main .head .right .title {
	color: rgb(51, 51, 51); line-height: 26px; padding-bottom: 37px; font-size: 20px;
}
.main .head .right .sub {
	height: 4px; border-top-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.main .head .right .info {
	padding: 34px 0px 52px; line-height: 24px;
}
.main .head .right .tag {
	line-height: 24px;
}
.main .content .right p {
	padding: 0px; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}
.main .content .right div {
	padding: 0px; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}
.main .content::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "020";
}
.main .content .left {
	width: 280px; float: left;
}
.main .content .left li {
	height: 50px; color: rgb(102, 102, 102); line-height: 50px; font-size: 14px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer;
}
.main .content .right {
	padding: 28px 36px; border: 1px solid rgb(222, 222, 222); border-image: none; width: 780px; float: right; position: relative;
}
.main .content .right .child {
	display: none;
}
.main .content .right .title {
	color: rgb(51, 51, 51); line-height: 22px; font-size: 16px;
}
.main .content .right .info {
	padding: 22px 0px; color: rgb(102, 102, 102); line-height: 22px; font-size: 14px;
}
.main .foot {
	margin: 60px 0px; height: 78px; text-align: center; border-top-color: rgb(190, 190, 190); border-bottom-color: rgb(190, 190, 190); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: relative;
}
.main .foot .child {
	width: 193px; height: 100%; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; position: relative;
}
.main .foot a:nth-child(1) .child {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.main .foot .child .childIcon {
	vertical-align: middle; display: inline-block;
}
.main .foot .child .childInfo {
	vertical-align: middle; display: inline-block;
}
.main .foot .child .childIcon {
	background: rgb(102, 102, 102); border-radius: 38px; width: 38px; height: 38px; text-align: center; line-height: 38px; margin-top: 20px; position: relative; -moz-border-radius: 38px; -ms-border-radius: 38px; -o-border-radius: 38px; -webkit-border-radius: 38px;
}
.main .foot .child .childIcon img {
	vertical-align: middle;
}
.main .foot .child .childIcon img {
	transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.main .foot .child:hover .childIcon img {
	transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg);
}
.main .foot .child .childInfo {
	text-align: left; padding-left: 12px; margin-top: 18px;
}
.main .foot .child .childInfo p {
	color: rgb(102, 102, 102); font-size: 14px;
}
.main .about {
	padding: 66px 0px 100px; position: relative;
}
.main .about .aboutTitle {
	height: 24px; padding-bottom: 40px; position: relative;
}
.main .about .aboutTitle span {
	background: rgb(255, 255, 255); color: rgb(51, 51, 51); line-height: 24px; padding-right: 20px; font-size: 18px; position: relative; z-index: 1;
}
.main .about .aboutTitle .sub {
	background: rgb(232, 232, 232); left: 0px; top: 10px; width: 100%; height: 6px; position: absolute;
}
.main .about .child {
	border: 1px solid rgb(232, 232, 232); border-image: none; width: 288px; margin-left: 12px; float: left; position: relative;
}
.main .about a:nth-child(1) .child {
	margin-left: 0px;
}
.main .about .child .childImg {
	width: 288px; height: 288px; text-align: center; line-height: 288px;
}
.main .about .child .childImg img {
	vertical-align: middle; max-height: 90%; max-width: 90%;
}
.main .about .child {
	transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.main .about .child:hover {
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.main .about .child .childTitle {
	height: 60px; text-align: center; position: relative;
}
.main .about .child .childTitle p {
	color: rgb(0, 111, 207); line-height: 20px; padding-top: 14px;
}
.main .about .child .childSub {
	margin: 0px auto; width: 250px; height: 5px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.main .about .child .childInfo {
	height: 54px; text-align: center; color: rgb(0, 111, 207); line-height: 54px; font-size: 14px;
}
.main .about .child .childInfo img {
	vertical-align: middle;
}
.main .about .child .childInfo span {
	vertical-align: middle;
}
.bdsharebuttonbox {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1;
}
.bdsharebuttonbox a {
	display: none;
}
.bdsharebuttonbox .bds_weixin {
	width: 100%; height: 100%; display: block; opacity: 0 !important;
}
@media all and (max-width:639px)
{
.main .head .left {
	width: 660px; float: left; position: relative;
}
.main .head .left .banner {
	margin: 0px auto; border: 1px solid rgb(232, 232, 232); border-image: none; width: 99%; height: 500px; overflow: hidden;
}
.main .head .left .banner img {
	display: none; max-height: 100%; max-width: 100%;
}
.main .head .left .childs {
	padding: 12px 29px 0px 37px; width: 80%; height: 75px; overflow: hidden; position: relative;
}
.main .head .left .childs::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "020";
}
.main .head .left .child {
	border: 1px solid rgb(232, 232, 232); border-image: none; width: 148px; height: 148px; margin-right: 6px; float: left; cursor: pointer;
}
.main .head .left :nth-child(4).child {
	margin-right: 0px;
}
.main .head .left .child img {
	width: 100%; height: 100%; vertical-align: middle;
}
.main .head .left .leftBtn {
	left: 0px; top: 20px; position: absolute;
}
.main .head .left .rightBtn {
	top: 20px; right: 0px; position: absolute;
}
.main .head .left .logoBtn {
	cursor: pointer;
}
.main {
	padding: 20px 0px 0px;
}
.main .head {
	padding-bottom: 15px;
}
.main .head .left {
	width: 100%; float: none;
}
.main .head .left .banner {
	height: 100%;
}
.main .head .left .childs {
	padding-top: 6px;
}
.main .head .left .child {
	width: 23%; height: 71px; margin-right: 1%;
}
.main .head .left :nth-child(4).child {
	margin-right: 0px;
}
.main .head .right {
	width: 100%; padding-top: 20px; font-size: 12px; float: none;
}
.main .head .right .title {
	line-height: 22px; padding-bottom: 6px; font-size: 14px;
}
.main .head .right .sub {
	height: 2px;
}
.main .head .right .info {
	padding: 10px 0px;
}
.main .head .right .tag {
	line-height: 20px; font-size: 12px;
}
.main .content .left {
	width: 100%; float: none;
}
.main .content .left li {
	height: 30px; line-height: 30px; font-size: 12px;
}
.main .content .right {
	padding: 10px 12px; width: auto; margin-top: 10px; float: none;
}
.main .content .right .title {
	line-height: 22px; font-size: 14px;
}
.main .content .right .info {
	padding: 6px 0px; line-height: 18px; font-size: 14px;
}
.main .foot {
	margin: 20px 0px; height: 60px;
}
.main .foot .child {
	width: 22%;
}
.main .foot .child .childIcon {
	border-radius: 38px; width: 38px; height: 38px; line-height: 38px; margin-top: 10px; -moz-border-radius: 38px; -ms-border-radius: 38px; -o-border-radius: 38px; -webkit-border-radius: 38px;
}
.main .foot .child .childInfo {
	display: none;
}
.main .about {
	padding: 0px 0px 40px; display: none;
}
.main .about .aboutTitle {
	height: 24px; padding-bottom: 40px;
}
.main .about .aboutTitle span {
	line-height: 20px; padding-right: 8px; font-size: 14px;
}
.main .about .aboutTitle .sub {
	top: 8px; height: 4px;
}
.main .about .child {
	margin: 10px auto; width: 288px; float: none; display: inline-block;
}
.main .about .child .childImg {
	width: 288px; height: 288px; line-height: 288px;
}
.main .about .child .childTitle {
	height: 60px;
}
.main .about .child .childTitle p {
	line-height: 20px; padding-top: 14px;
}
.main .about .child .childSub {
	width: 250px; height: 5px;
}
.main .about .child .childInfo {
	height: 54px; line-height: 54px; font-size: 14px;
}
}
@media all and (max-width:1023px) and (min-width:640px)
{
.main .head .left {
	width: 660px; float: left; position: relative;
}
.main .head .left .banner {
	margin: 0px auto; border: 1px solid rgb(232, 232, 232); border-image: none; width: 500px; height: 500px; overflow: hidden;
}
.main .head .left .banner img {
	display: none; max-height: 100%; max-width: 100%;
}
.main .head .left .childs {
	padding: 12px 29px 0px 37px; width: 87%; height: 126px; overflow: hidden; position: relative;
}
.main .head .left .childs::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "020";
}
.main .head .left .child {
	border: 1px solid rgb(232, 232, 232); border-image: none; width: 148px; height: 148px; margin-right: 6px; float: left; cursor: pointer;
}
.main .head .left :nth-child(4).child {
	margin-right: 0px;
}
.main .head .left .child img {
	width: 100%; height: 100%; vertical-align: middle;
}
.main .head .left .leftBtn {
	left: 0px; top: 50px; position: absolute;
}
.main .head .left .rightBtn {
	top: 50px; right: 0px; position: absolute;
}
.main .head .left .logoBtn {
	cursor: pointer;
}
.main {
	padding: 40px 0px 0px;
}
.main .head {
	padding-bottom: 30px;
}
.main .head .left {
	width: 100%; float: none;
}
.main .head .left .banner {
	height: 610px;
}
.main .head .left .childs {
	padding-top: 12px;
}
.main .head .left .child {
	width: 122px; height: 124px; margin-right: 6px;
}
.main .head .left :nth-child(4).child {
	margin-right: 0px;
}
.main .head .right {
	width: 100%; padding-top: 40px; font-size: 16px; float: none;
}
.main .head .right .title {
	line-height: 26px; padding-bottom: 20px; font-size: 20px;
}
.main .head .right .sub {
	height: 4px;
}
.main .head .right .info {
	padding: 20px 0px;
}
.main .head .right .tag {
	line-height: 24px;
}
.main .content .left {
	width: 100%; float: none;
}
.main .content .left li {
	height: 50px; line-height: 50px; font-size: 14px;
}
.main .content .right {
	padding: 28px 36px; width: auto; margin-top: 20px; float: none;
}
.main .content .right .title {
	line-height: 22px; font-size: 16px;
}
.main .content .right .info {
	padding: 22px 0px; line-height: 22px; font-size: 14px;
}
.main .foot {
	margin: 60px 0px; height: 78px;
}
.main .foot .child {
	width: 24%;
}
.main .foot .child .childIcon {
	border-radius: 38px; width: 38px; height: 38px; line-height: 38px; margin-top: 20px; -moz-border-radius: 38px; -ms-border-radius: 38px; -o-border-radius: 38px; -webkit-border-radius: 38px;
}
.main .foot .child .childInfo {
	padding-left: 12px; margin-top: 18px;
}
.main .foot .child .childInfo p {
	font-size: 14px;
}
.main .about {
	padding: 0px 0px 100px;
}
.main .about .aboutTitle {
	height: 24px; padding-bottom: 40px;
}
.main .about .aboutTitle span {
	line-height: 24px; padding-right: 20px; font-size: 18px;
}
.main .about .aboutTitle .sub {
	top: 10px; height: 6px;
}
.main .about .child {
	margin: 6px 6px 0px 0px; width: 288px; float: none; display: inline-block;
}
.main .about a:nth-child(1) .child {
	margin-left: 0px;
}
.main .about .child .childImg {
	width: 288px; height: 288px; line-height: 288px;
}
.main .about .child .childTitle {
	height: 60px;
}
.main .about .child .childTitle p {
	line-height: 20px; padding-top: 14px;
}
.main .about .child .childSub {
	width: 250px; height: 5px;
}
.main .about .child .childInfo {
	height: 54px; line-height: 54px; font-size: 14px;
}
}
@media all and (max-width:1199px) and (min-width:1024px)
{
.main {
	padding: 40px 0px 0px;
}
.main .head {
	padding-bottom: 70px;
}
.main .head .left {
	width: 504px;
}
.main .head .left .banner {
	height: 498px;
}
.main .head .left .child {
	width: 120px; height: 120px; margin-right: 5px;
}
.main .head .left :nth-child(4).child {
	margin-right: 0px;
}
.main .head .right {
	width: 445px; font-size: 16px;
}
.main .content .left {
	width: 228px;
}
.main .content .right {
	padding: 28px 36px; width: 637px;
}
.main .about {
	padding: 20px 0px 60px;
}
.main .about .child {
	margin: 10px 10px 0px 0px; float: none; display: inline-block;
}
}