@charset "utf-8";
/* CSS Document */

body { font-family:"微软雅黑"; margin:0; padding:0; background:#ffffff;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img{ margin:0; padding:0; border:0; font-weight:normal; font-size:12px;}
img{ border:none; vertical-align:middle;}
ul,li{ list-style-type: none; }
button{ vertical-align:middle; cursor:pointer;}
input, button{	vertical-align:middle; border:none; font-family:"微软雅黑";}
.clear { clear:both; overflow:hidden; height:0px;}
.blank{ display:block; height:10px; clear:both; overflow:hidden; visibility:hidden;}
.lft{ float:left;}
.rgt{ float:right;}
.clearfix{ overflow:hidden; zoom:1;}
.warp{ margin:0 auto; width:100%; min-width:1200px; max-width:1920px;}
.center{ width: 1200px; margin: 0 auto;}

/*头部*/
.top{ overflow: hidden; border-bottom: 1px solid #dddddd; padding: 8px 0;}
.top .left{ float: left;}
.top .left a{ float: left; font-size: 12px; border-radius: 12px; border: 1px solid #e0e0e0; width: 83px; height: 22px; text-align: center; text-decoration: none; line-height: 22px; color: #888888; margin-right: 20px;}
.top .right{ float: right;}
.top .right .search{ float: left; width: 184px; height: 22px; border: 1px solid #e0e0e0; border-radius: 12px; position: relative;}
.bdcs-container .bdcs-search{width:100%;}
.bdcs-container .bdcs-search-form-input,.bdcs-container .bdcs-search-form-submit{border:0;}
.top .right .search label{ display: block;}
.top .right .search #bdcs-search-form-input{width: 100%; height: 22px !important; padding: 0; border-radius: 12px; text-indent: 1em; outline: none;box-sizing: border-box;padding-right: 30px;}
.top .right #bdcs-search-form-submit{ position: absolute; width: 18px; height: 18px; background: url(../images/icon_search.png) center no-repeat; right: 10px; top: 2px;}
.top .right .user{ display:none; float: left; width: 18px; height: 23px; background: url(../images/icon_user.png) center no-repeat; margin: 0  20px; cursor: pointer;}
.top .right .collection{ float: left; width: 23px; height: 23px; background: url(../images/icon_collection.png) center no-repeat; cursor: pointer;margin-left: 10px;}

.header{ overflow: hidden; border-bottom: 1px solid #dddddd;  position: relative; padding: 30px 0;}
.header .logo{ float: left; position: relative; z-index: 9;}
.header .counter{ margin: 0 auto; text-align: center; position: absolute; z-index: 5; width: 90%; left: 0; font-size: 14px; color: #333333; padding-left: 10%; top: 50%; margin-top: -15px;}
.header .counter .day{ display: inline-block; padding: 0 4px;}
.header .counter .day i{ display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 2px; font-style: normal; font-size: 18px; color: #fff; margin: 0 4px; position: relative; box-shadow: 1px 1px 2px #888888;}
.header .counter .day i:after{ content: ""; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; background: #000; opacity: 0.1;}
.header .counter .day i.number_1{ background: #fa565a;}
.header .counter .day i.number_2{ background: #2dcb73;}
.header .counter .day i.number_3{ background: #f6bc57;}
.header .quickEnter{ float: right; overflow: hidden; position: relative; z-index: 9;}
.header .enterance{ float: left; margin-left: 20px;}
.header .enterance .icon{ width: 40px; height: 40px; background-image: url(../images/icon.png); background-repeat: no-repeat; transition: all 0.3s;}
.header .enterance .icon_1{ background-position: 0 0;}
.header .enterance .icon_2{ background-position: -40px 0;}
.header .enterance .icon_3{ background-position: -80px 0;}
.header .enterance .icon_4{ background-position: -120px 0;}
.header .enterance:hover .icon_1{ background-position: 0 -40px;}
.header .enterance:hover .icon_2{ background-position: -40px -40px;}
.header .enterance:hover .icon_3{ background-position: -80px -40px;}
.header .enterance:hover .icon_4{ background-position: -120px -40px;}
.header .enterance .enteranceTxt{ text-align: center; margin-top: 5px;}
.header .enterance .enteranceTxt a{ text-decoration: none; font-size: 12px; color: #333333; transition: all 0.3s;}
.header .enterance:hover .enteranceTxt a{ color: #2f4f90;}
.header .sideMenu{ display: none;}

.sideMenuContainer{ display: none;}

.nav{ height: 48px;border-bottom: 1px solid #ccc;}
.nav.fixed{ position: fixed; width: 100%; left: 0; top: 0; z-index: 999999999; background: #fff; border-bottom: 1px solid #888888;}
.nav .quickNav{ float: left; width: 282px; height: 48px; position: relative;}
.nav .quickNav .quickNavTitle{ background: #000000; text-align: center; font-size: 18px; line-height: 48px; color: #fff;}
.nav .normalNav{ float: left; width: 918px;}
.nav .normalNav .parentNav{ padding: 0 28px; height: 48px;}
.nav .normalNav .parentNavItem{ float: left; padding: 0 30px; height: 48px; line-height: 48px; text-align: center; position: relative;}
.nav .normalNav .parentNavItem .parentLink{ text-decoration: none; color: #333333; font-size: 14px;}
.nav .normalNav .parentNavItem.hasSubNav .parentLink{ color: #304f90; position: relative;cursor: default;}
.nav .normalNav .parentNavItem.hasSubNav .parentLink:after{ content: ""; position: absolute; width: 10px; height: 5px; background: url(../images/icon_arrowDown.png) center no-repeat; top: 50%; margin-top: -3px; right: -20px;}

.nav .normalNav .subNav{ position: absolute; left: 0; top: 42px; background: #fff; min-width: 100%; display: none; z-index: 1000;}
.nav .normalNav .subNav_1{ width: 100px;}
.nav .normalNav .subNav_2{ width: 180px;}
.nav .normalNav .subNav_3{ width: 120px;}
.nav .normalNav .subNavItem{ height: 36px; line-height: 36px; padding:0 30px; text-align: left;}
.nav .normalNav .subNavItem:hover{ background: #304f90;}
.nav .normalNav .subNavItem a{ text-decoration: none; font-size: 12px; color: #888888; transition: all 0.3s;}
.nav .normalNav .subNavItem:hover a{ color: #fff;}


/*快捷导航*/
.banner{ position: relative;}
.banner .navAbout{ position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 9;}
.banner .navAbout .quickNavList{ width: 282px; height: 395px; background: rgba(67,129,199,0.35); }
.banner .navAbout .quickNavItem{ margin: 0 22px; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 20px 0 10px; cursor: pointer;}
.banner .navAbout .quickNavItem h2{ font-size: 18px; line-height: 24px; font-weight: bold; color: #fff;}
.banner .navAbout .quickNavItem p{ margin-top: 12px; position: relative;}
.banner .navAbout .quickNavItem p:after{ content: ""; display: block; width: 7px; height: 13px; background: url(../images/icon_more.png) center no-repeat; position: absolute; right: 6px; top: 50%; margin-top: -7px;}
.banner .navAbout .quickNavItem p a{ font-size: 14px; line-height: 24px; color: #fff; text-decoration: none; padding-right: 16px;}
.banner .quickNavContent{ position: absolute; top: 0; left: 282px; height: 100%;}
.banner .quickNavContentList{ height: 100%;}
.banner .quickNavContentItem{ background: #ffffff; height: 100%; overflow: hidden; display: none;}
.banner .quickNavContentItem.item_1{ width: 636px;}
.banner .quickNavContentItem .leftContent{ float: left; width: 330px; margin-left: 24px; margin-top: 20px;}
.banner .quickNavContentItem .quickNavItemTitle{ font-size: 18px; line-height: 20px; color: #333333; border-left: 2px solid #304f90; padding-left: 12px;}
.banner .aboutFrmList{ overflow: hidden;}
.banner .aboutFrmItem{ float: left; margin: 24px 12px 0;}
.banner .aboutFrmItem .icon{ width: 45px; height: 45px; border-radius: 50%; border: 1px solid #e2e2e2; margin: 0 auto; background-image: url(../images/icon.png); background-repeat: no-repeat; transition: all 0.3s;}
.banner .aboutFrmItem:hover .icon{ border-color: #304f90;}
.banner .quickNavContentItem.item_1 .aboutFrmItem .icon_1{ background-position: 0 -80px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem .icon_2{ background-position: -45px -80px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem .icon_3{ background-position: -90px -80px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem .icon_4{ background-position: -135px -80px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem .icon_5{ background-position: -180px -80px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem .icon_6{ background-position: -225px -80px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem .icon_7{ background-position: -270px -80px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem:hover .icon_1{ background-position: 0 -125px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem:hover .icon_2{ background-position: -45px -125px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem:hover .icon_3{ background-position: -90px -125px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem:hover .icon_4{ background-position: -135px -125px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem:hover .icon_5{ background-position: -180px -125px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem:hover .icon_6{ background-position: -225px -125px;}
.banner .quickNavContentItem.item_1 .aboutFrmItem:hover .icon_7{ background-position: -270px -125px;}
.banner .aboutFrmItem .itemTxt{ font-size: 14px; line-height: 30px;}
.banner .aboutFrmItem .itemTxt a{ text-decoration: none; color: #333333; transition: all 0.3s;}
.banner .quickNavContentItem.item_1 .aboutFrmItem:hover .itemTxt a{ color: #304f90;}
.banner .frmGuide{ margin-top: 35px;}
.banner .guideList{ overflow: hidden; padding-left: 5px; margin-top: 15px;}
.banner .guideList a{ font-size: 14px; line-height: 24px; color: #888888; text-decoration: none; float: left; margin-right: 25px;}
.banner .guideList a:hover{ color: #304f90;}
.banner .quickNavContentItem .rightContent{ float: right; margin-right: 24px; margin-top: 20px;}
.banner .quickNavContentItem .videoList{ padding-left: 24px; margin-top: 30px;}
.banner .quickNavContentItem .videoItem{ width: 180px; height: 105px; position: relative; background: #f5f5f5; margin-bottom: 24px; padding-bottom:35px;}
.banner .quickNavContentItem .videoItem p{ font-size: 18px; color: #333333; width: 100%; line-height: 36px; position: absolute; bottom: 0; left: 0; margin-top: 0; text-align: center;}
.banner .quickNavContentItem .videoItem .play{ /*position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -21px;*/ display:block;}
.banner .quickNavContentItem.item_1 .btn{ width: 110px; height: 26px; border: 1px solid #304f90; line-height: 26px; text-align: center; margin: 32px auto 0;}
.banner .quickNavContentItem.item_1 .btn a{ text-decoration: none; font-size: 12px; color: #304f90;}
.banner .quickNavContentItem.item_2{ width: 636px;}
.banner .quickNavContentItem.item_2 .quickNavItemTitle{ margin-left: 24px; margin-top: 20px;}
.banner .quickNavContentItem .courseCenter{ overflow: hidden; margin-left: 24px;}
.banner .quickNavContentItem .courseItem{ float: left; width: 180px; margin-right: 24px; margin-top: 22px;}
.banner .quickNavContentItem .courseImg{ background: #dddddd; height: 105px;}
.banner .quickNavContentItem .courseTxt{ text-align: center;}
.banner .quickNavContentItem .courseTxt a{ text-decoration: none; color: #333333; display: block; font-size: 14px; line-height: 24px; margin-top: 10px;}

.banner .quickNavContentItem.item_3{ width: 408px;}
.banner .quickNavContentItem.item_3 .quickNavItemTitle{ margin-left: 24px; margin-top: 20px;}
.banner .studyArea{ overflow: hidden; padding-left: 12px;}
.banner .studyItem{ float: left; margin: 24px 12px 0;}
.banner .studyItem .icon{ width: 45px; height: 45px; border-radius: 50%; border: 1px solid #e2e2e2; margin: 0 auto; background-image: url(../images/icon.png); background-repeat: no-repeat; transition: all 0.3s;}
.banner .studyItem:hover .icon{ border-color: #304f90;}
.banner .studyItem .icon_1{ background-position: 0 -170px;}
.banner .studyItem .icon_2{ background-position: -45px -170px;}
.banner .studyItem .icon_3{ background-position: -90px -170px;}
.banner .studyItem .icon_4{ background-position: -135px -170px;}
.banner .studyItem .icon_5{ background-position: -180px -170px;}
.banner .studyItem .icon_6{ background-position: -225px -170px;}
.banner .studyItem .icon_7{ background-position: -270px -170px;}
.banner .studyItem:hover .icon_1{ background-position: 0 -215px;}
.banner .studyItem:hover .icon_2{ background-position: -45px -215px;}
.banner .studyItem:hover .icon_3{ background-position: -90px -215px;}
.banner .studyItem:hover .icon_4{ background-position: -135px -215px;}
.banner .studyItem:hover .icon_5{ background-position: -180px -215px;}
.banner .studyItem:hover .icon_6{ background-position: -225px -215px;}
.banner .studyItem:hover .icon_7{ background-position: -270px -215px;}

.banner .studyItem .itemTxt{ font-size: 14px; margin-top: 8px; text-align: center;}
.banner .studyItem .itemTxt a{ text-decoration: none; color: #333333; transition: all 0.3s;}
.banner .studyItem:hover .itemTxt a{ color: #304f90;}
.banner .quickNavContentItem .btnGroup{ overflow: hidden; margin-top: 50px; padding-left: 24px;}
.banner .quickNavContentItem .btnGroup a{ display: block; float: left; width: 95px; height: 24px; border: 1px solid #304f90; text-align: center; text-decoration: none; line-height: 24px; text-decoration: none; font-size: 12px; color: #304f90; margin-right: 24px;}

.banner .quickNavContentItem.item_4{ width: 408px;}
.banner .quickNavContentItem.item_4 .quickNavItemTitle{ margin-left: 24px; margin-top: 20px;}
.banner .signArea{ overflow: hidden; padding-left: 12px;}
.banner .signItem{ float: left; margin: 24px 25px 0; width: 50px;}
.banner .signItem .icon{ width: 45px; height: 45px; border-radius: 50%; border: 1px solid #e2e2e2; margin: 0 auto; background-image: url(../images/icon.png); background-repeat: no-repeat; transition: all 0.3s;}
.banner .signItem:hover .icon{ border-color: #304f90;}
.banner .signItem .icon_1{ background-position: 0 -260px;}
.banner .signItem .icon_2{ background-position: -45px -260px;}
.banner .signItem .icon_3{ background-position: -90px -260px;}
.banner .signItem .icon_4{ background-position: -135px -260px;}
.banner .signItem .icon_5{ background-position: -180px -260px;}
.banner .signItem .icon_6{ background-position: -225px -260px;}
.banner .signItem .icon_7{ background-position: -270px -260px;}
.banner .signItem:hover .icon_1{ background-position: 0 -305px;}
.banner .signItem:hover .icon_2{ background-position: -45px -305px;}
.banner .signItem:hover .icon_3{ background-position: -90px -305px;}
.banner .signItem:hover .icon_4{ background-position: -135px -305px;}
.banner .signItem:hover .icon_5{ background-position: -180px -305px;}
.banner .signItem:hover .icon_6{ background-position: -225px -305px;}
.banner .signItem:hover .icon_7{ background-position: -270px -305px;}
.banner .signItem .itemTxt{ font-size: 14px; margin-top: 8px; text-align: center; width: 200%; margin-left: -50%;}
.banner .signItem .itemTxt a{ text-decoration: none; color: #333333; transition: all 0.3s;}
.banner .signItem:hover .itemTxt a{ color: #304f90;}
.banner .quickNavContentItem.item_4 .btn{ width: 110px; height: 26px; border: 1px solid #304f90; line-height: 26px; text-align: center; margin: -35px 0 0 200px;}
.banner .quickNavContentItem.item_4 .btn a {text-decoration: none; font-size: 12px; color: #304f90;}

/*尾部*/
.footer{ padding-top: 80px;}
.footer .siteInforBox{ height: 287px; background: #213b74;}
.footer .footerLogo{ float: left;}
.footer .footerLogo .logoImg{  width: 230px; height: 180px; background: #3574b9; box-shadow: 2px 2px 5px #000000; text-align: center; position: relative; margin-top: -17px;}
.footer .footerLogo .logoImg:after{ content: ""; display: block; width: 14px; height: 17px; background: url(../images/flag.png) center no-repeat; position: absolute; top: 0; right: -14px;}
.footer .footerLogo .img{ padding-top: 34px;}
.footer .footerLogo .txt{ color: #fefefe; font-size: 14px; line-height: 14px; letter-spacing: 1px; padding-top: 14px; border-top: 1px solid #fefefe; width: 185px; margin: 21px auto 0;}
.footer .footerLogo .tel{ color: #ffffff; font-size: 15px; background: url(../images/footerTel.png) left center no-repeat; padding-left: 58px; margin-left: 30px; margin-top: 26px;}
.footer .footerLogo .tel b{ font-size: 19px;}
.footer .siteMap{ float: left; overflow: hidden; margin-left: 106px; margin-top: 65px;}
.footer .siteMap dl{ float: left; margin-right: 65px;}
.footer .siteMap dt{ font-size: 16px; line-height: 36px; color: #fff; font-weight: bold; border-bottom: 1px solid #FFFFFF; padding-right: 12px;}
.footer .siteMap dd{ font-size: 14px; line-height: 14px; margin-top: 14px;}
.footer .siteMap dd a{ color: #dddddd; text-decoration: none;}
.footer .QRcode{ float: right; margin-top: 75px; text-align: center;}
.footer .QRcode .img{}
.footer .QRcode .txt{ font-size: 14px; line-height: 28px; color: #dddddd; margin-top: 10px;}
.footer .copyRight{ text-align: center; background: #333333; overflow: hidden; padding: 18px 0 27px;}
.footer .copyRightTxt{ font-size: 12px; line-height: 18px; color: #dddddd;}
.footer .faithfulSite{ text-align: center; margin-top: 18px;}
.footer .faithfulSite a{ margin: 0 10px;}
.footer .friendship .containBox{ width: 1200px; margin: 0 auto; overflow: hidden; padding: 12px 0;}
.footer .friendship .item{ float: left;}
.footer .friendship .containBox a{ font-size: 12px; text-decoration: none; color: #ccc; padding: 0 10px;}

.rightFix{ position: fixed; right: 10px; top: 50%; transform: translateY(-50%); z-index: 999999; display: none;}
.rightFix>div{ width: 45px; height: 45px; border: 1px solid #ddd; border-radius: 50%; background-color: #fff !important; margin: 5px 0;}
.rightFix .backTotop{ background: url(../images/icon_arrowUp.jpg) center no-repeat;}
.rightFix .toggleNav{ font-size: 16px; line-height: 45px; text-align: center; color: #909090;}

/*尾部结束*/



/*响应式代码*/


/*750-1199*/
@media only screen and (min-width: 750px) and (max-width: 1199px) {
	*{ box-sizing: border-box;}
	.warp{ margin:0 auto; width:100%; min-width:750px; max-width:1200px;}
	.center{ width: 96%; margin: 0 auto;}
	.header .logo{ width: 30%; position: absolute; top: 50%; transform: translateY(-50%);}
	.header .logo img{ width: 100%;}
	.nav .quickNav{ width: 20%;}
	.nav .normalNav .parentNav{ padding: 0;}
	.nav .normalNav{ width: 80%;}
	.nav .parentNavItem{ width: 14.28%; padding: 0 !important;}
		
	.footer{}
	.footer .siteInforBox{ height: auto; padding-bottom: 40px;}
	.footer .footerLogo{ width: 20%;}
	.footer .footerLogo .logoImg{ width: 100%;}
	.footer .footerLogo .img img{ width: 80%;}
	.footer .footerLogo .txt{ width: 96%; line-height: 20px;}
	.footer .footerLogo .tel{ margin-left: 0; margin-top: 20px;}
	.footer .footerLogo .tel b{ font-size: 16px;}
	.footer .siteMap{ width: 60%; margin-left: 4%; margin-top: 5%;}
	.footer .siteMap dl{ width: 18%; margin-right: 2%;}
	.footer .QRcode{ width: 15%; margin-top: 5%;}
	.footer .QRcode img{ width: 100%;}
	
	.footer .friendship .containBox{ width: 96%;}
}


/*320-749*/
@media only screen and (min-width: 320px) and (max-width: 749px) {
	*{ box-sizing: border-box;}
	.warp{ margin:0 auto; width:100%; min-width:320px; max-width:750px; overflow: hidden;}
	.center{ width: 96%; margin: 0 auto;}
	.top{ display: none;}
	.header{ padding: 2% 0; height: 65px; background: #fff;}
	.header.fixed{ position: fixed; width: 100%; top: 0; z-index: 4;}
	.header .logo{ width: 30%; position: absolute; top: 50%; transform: translateY(-50%);}
	.header .logo img{ width: 100%;}
	.header .counter{ position: absolute; top: 50%; transform: translateY(-50%); margin-top: 0; width: 37%; left: 45%; padding: 0; text-align: center;}
	.header .sideMenu{ display: block; width: 30px; height: 30px; background: url(../images/sideMenu.png) center no-repeat; background-size: 100% 100%; position: absolute; right: 10px; top: 50%; margin-top: -15px;}	
	.header .quickEnter{ display: none;}
	.header .counter .day i{ width: 24px; height: 24px; line-height: 24px; font-size: 16px;}
	.sideMenuContainer{ display: block; position: absolute; background: #202020; height: 100%; padding: 10px; position: fixed; top: 65px; right: -200px; width: 200px; z-index: 999;}
	.sideMenuContainer .navMenubox { width: 220px;background: #1c2229;}
	.sideMenuContainer .navMenu-top { padding: 10px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1) }
	.sideMenuContainer .navMenu> li { display: block; margin: 0; padding: 0; border: 0px; }
	.sideMenuContainer .navMenu>li>a { display: block; overflow: hidden; padding-left: 0px; line-height: 32px; color: #ffffff; transition: all .3s; position: relative; text-decoration: none; font-size: 14px; border-top: 1px solid #222932; border-bottom: 2px solid #191e24; }
	.sideMenuContainer .navMenu > li:nth-of-type(1)> a { border-top: 1px solid transparent; }
	.sideMenuContainer .navMenu > li:last-child > a { border-bottom: 1px solid transparent; }
	.sideMenuContainer .navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px;}
	.sideMenuContainer .navMenu li a .arrow{ width: 20px; height: 20px; background: url(../images/off.png) center no-repeat; display: block; position: absolute; top: 50%; right: 0; margin-top: -10px; opacity: 0.8;}
	.sideMenuContainer .navMenu li a .arrow.open{ background: url(../images/open.png) center no-repeat; }
	.sideMenuContainer .navMenu>li>a.active, .navMenu>li>a:hover { color: #FFF; background: #12181b; }
	.sideMenuContainer .navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 10px; padding-bottom: 5px; }
	.sideMenuContainer .navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
	.sideMenuContainer .navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
	.sideMenuContainer .navMenu>li>ul.sub-menu li>a { display: block; font-size: 12px; line-height: 32px; padding-left: 1em; color: #ccc; clear: both; position: relative; text-decoration: none;}
	.sideMenuContainer .navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #FFF; background: #12181b; }

		
	.nav{ height: auto;}	
	.nav .quickNav{ display: none;}	
	.nav .normalNav{ float: none; width: 100%; display: none;}
	
		
	.footer{}
	.footer .siteInforBox{ height: auto; padding: 4% 0;}
	.footer .siteInforBox .center{ display: flex; justify-content: space-between; align-items: center;}
	.footer .footerLogo{ width: 32%; order: 3;}
	.footer .footerLogo .logoImg{ display: none;}
	.footer .footerLogo .tel{ margin-left: 0; margin-top: 0; background-size: 20%; padding-left: 25%; font-size: 14px;}
	.footer .footerLogo .tel b{ font-size: 12px;}
	.footer .siteMap{ margin-left: 0; margin-top: 0; width: 25%; order: 1;}
	.footer .siteMap dl{ display: none;}
	.footer .siteMap dl:nth-child(4){ display: block; margin-right: 0;}
	.footer .siteMap dt{ line-height: 24px; font-size: 14px;}
	.footer .siteMap dd{ margin-top: 5px; font-size: 12px;}
	.footer .QRcode{ float: right; margin: 0; width: 30%; order: 2;}
	.footer .QRcode .img img{ width: 70%;}
	.footer .QRcode .txt{ line-height: 18px; margin-top: 5px; font-size: 14px;}
	.footer .copyRight{ padding:2%;}
	.footer .faithfulSite{ margin-top: 2%;}
	.footer .faithfulSite a{ margin: 0 2%;}
	.footer .faithfulSite img{ width: 15%;}
	.footer .friendship .containBox{ width: 98%;}
}