/*底部footer样式*/
.small-footer{ width: 100%; background: #292f36;}
.contert{ max-width: 1200px; margin: 0 auto; }
.ctrl-main-know { padding-top: 40px;   min-height: 270px; overflow: hidden; border-bottom: 1px solid #434548;}
.map-16{ margin-top: 16px !important;}
.ctrl-main-know>div {padding-bottom: 30px;   position: relative;  box-sizing: border-box;   padding-left: 0px !important; overflow: hidden;}
.ctrl-main-know>div .phone-cell {  right: 0 !important;  width: 240px;  position: absolute; top: -6px !important;left:inherit !important;}
	.ctrl-main-know > div .phone-cell .online {
		width: 230px;
		height: 36px;
		line-height: 36px;
		background: #1977f3;
		color: #fff;
		text-align: center;
		border-radius: 2px;
		padding-left: 0;
		margin-top: 20px !important;
		cursor: pointer;
	}
.ctrl-main-know>div .phone-cell>div {  position: relative; padding-left:0 !important; }
	.ctrl-main-know > div .phone-cell > div img {
		position: absolute;
		width: 60px;
		top: 30px;
		cursor: default;
		left: inherit !important;
	}
.ctrl-main-know>div .phone-cell>div img.white {display: none}
.ctrl-main-know>div .phone-cell>div img.black {display: block}
.ctrl-main-know>div .phone-cell>div img.white-black {display: none}
.ctrl-main-know>div .phone-cell>div h2 {color: #fff;font-size: 14px;height: 30px; line-height: 30px;	margin-top: 0;	margin-bottom: 0}
.ctrl-main-know>div .phone-cell>div h1 {	color: #fff;font-size:26px; font-weight: bold; height: 30px;margin-top: 0;margin-bottom: 0}
.ctrl-main-know>div .phone-cell>div ul {margin: 16px 0}
.ctrl-main-know>div .phone-cell>div ul li {height: 30px;line-height: 30px}
.ctrl-main-know>div .phone-cell>div ul li a {font-size: 14px;color: #9b9ea0;	transition: color .3s}
.ctrl-main-know>div .phone-cell>div ul li a:hover {	color: #1977f3 !important;	text-decoration: none}
.ctrl-main-know>div .ctrl-main-know-content {border-left: 1px solid #4b5054;	box-sizing: border-box;	padding-left: 130px}
.ctrl-main-know>div .ctrl-main-know-content>li {width:13% !important;float: left}
	.ctrl-main-know > div .ctrl-main-know-content > li:first-child {
		margin-left: 4%;
	}
.ctrl-main-know>div .ctrl-main-know-content .ctrl-main-know-title {color: #fff;font-size: 14px;	height: 18px;line-height: 18px;font-weight: normal}
.ctrl-main-know>div .ctrl-main-know-content .ctrl-main-know-subcontent {margin-top: 14px}
.ctrl-main-know>div .ctrl-main-know-content .ctrl-main-know-subcontent li {margin-top: 8px}
.ctrl-main-know>div .ctrl-main-know-content .ctrl-main-know-subcontent li a {color:rgba(255,255,255,0.6) ;height: 18px;line-height: 18px;transition: color .3s; font-size: 12px;}
.ctrl-main-know>div .ctrl-main-know-content .ctrl-main-know-subcontent li a:hover {color: #1977f3 !important;text-decoration: none}
.ctrl-main-know>div .ctrl-main-know-content .ctrl-main-know-subcontent li.qr-code img {margin-top: 16px;width: 80px}
.ctrl-main-hot {padding-top: 20px; border-bottom: 1px solid #434548;}
.ctrl-main-hot>div {padding-bottom: 20px; overflow: hidden;}
.ctrl-main-hot .ctrl-main-hot-content>div {position: relative;padding-left: 80px}
.ctrl-main-hot .ctrl-main-hot-content>div .ctrl-main-hot-title {font-size: 12px;color: #fff;	font-weight: normal;position: absolute;left: 0;	margin-top: 8px}
.ctrl-main-hot .ctrl-main-hot-content>div .ctrl-main-hot-subcontent li {float: left;margin-top: 8px; padding: 0 16px; font-size: 12px; }
.ctrl-main-hot .ctrl-main-hot-content>div .ctrl-main-hot-subcontent li a {color:rgba(255,255,255,0.6); transition: color .3s}
.ctrl-main-hot .ctrl-main-hot-content>div .ctrl-main-hot-subcontent li a:hover {color: #1977f3 !important;text-decoration: none}

.ctrl-copyright-100 {padding: 20px 0}
.ctrl-copyright-100 .copyright {line-height:30px; color:rgba(255,255,255,0.6);;font-size: 12px; text-align: center;}
.ctrl-copyright-100 .xin {margin-top: 10px;display: block}
.ctrl-copyright-100 .copyright i{ text-decoration:none;height:20px;line-height:20px;display: inline-block;}
.ctrl-copyright-100 .copyright i img{float: left; width: 20px; padding-top: 5px;}
.ctrl-copyright-100 .copyright a:hover{text-decoration: underline; }
.ctrl-copyright-100 .copyright span{ display: inline-flex;}
.ctrl-copyright-100 .copyright a{ display: inline-block; padding:0 5px 0 2px;}

.fl-new{float: left; width: 300px; float: left;margin-right: 45px;}
	.fl-new h3 {
		color: #fff;
		font-size: 14px;
		height: 18px;
		line-height: 18px;
		font-weight: normal;
	}
.fl-new ul{margin: 0; padding: 0; margin-top: 12px;}
	.fl-new ul li {
		line-height: 32px;
		width: 100%;
		color: #fff;
		text-align: left;
		float: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		font-size: 12px;
	}
.fl-new ul li a{color:rgba(255,255,255,0.6);}
.fl-new ul li a:hover{color: #1977f3;}

.gz-us{width: 100%; margin-top: 20px;}
.gz-us h3{color: #fff; font-size: 14px;  height: 18px;  line-height: 18px;   font-weight: normal; padding-top:10px;}
.gz-us ul{ margin: 0 !important; padding: 0 !important;;}
.gz-us ul li{ width: 40px !important; height: 40px !important; float: left !important; margin: 16px 20px 0 10px;}
.gz-us ul li img{width: 40px !important;  height: 40px;  float: left;  position: initial !important;  top: 0 !important;}

.fl-new h3 span {
	float: right;
	font-size: 12px;
	color: rgba(255,255,255,0.6);
}

.ctrl-main-know>div .phone-cell .online a{display: block;}
.ctrl-main-know>div .phone-cell .online a:hover{background: #2e82ff;color: #fff;border-radius: 2px;}

.footer-nav-about {
	position: relative;
	z-index: 1;
	text-align: left;
	font-size: 0;
	top: -3px;overflow: inherit;
}
.footer-nav-about dd {
    display: inline-block;
    margin-right: 4px;
    text-align: left; width: auto;
}
.footer-nav-submenus-link {
    display: block;
    padding-top: 12px;
    float: left;
    font-size: 12px;
    line-height: 24px;
}
	.footer-nav-submenus-link > i {
		display: block !important;
		float: left;
		width: 40px;
		height: 40px;
	}
.footer-nav-submenus-qr {
	display: none;
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 160px !important;
	height: 170px !important;
	margin-bottom: -15px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
	border-radius: 2px 2px 2px 2px;
}
.footer-nav-submenus-qr span {
    display: block;
    width: 130px;
    height: 130px;
    margin: 12px auto 0 auto;
    background-size: cover;
}
.qr-wechat span {
    background-image: url(../images/qr-wechat.png);
}
.footer-nav-submenus-qr p {
    font-size: 12px;
    line-height: 30px;
    color: #252b3a;
    text-align: center;
}
.footer-nav-submenus-qr:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    border-bottom: 0;
    border-left: 3px solid transparent;
    border-color: #fff transparent currentcolor;
    border-right: 3px solid transparent;
    border-top: 3px solid #fff;
}
.footer-nav-submenus-qr.qr-wechat:before {
    left: 17px;
    margin-left: -3px;
}
.footer-nav-submenus-link:hover .footer-nav-submenus-qr {
    display: block;
}
.footer-nav-submenus-link>i img{width: 40px !important; height: 40px!important;}
.qr-weibo span { background-image: url(../images/qr-weibo.png);}
.qr-app span {  background-image:url(../images/qr-app.png);}
.footer-nav-submenus-qr.qr-weibo:before {
    left: 50%;
    margin-left: -3px;
}
.footer-nav-submenus-qr.qr-app:before {
    right: 17px;
    margin-right: -3px;
}
/* .huise{display: block; opacity: 1;}
.baise{display: none;opacity: 0;} */
/* .footer-nav-submenus-link:hover .huise{display: none;}
.footer-nav-submenus-link:hover .baise{display: block;} */
/* .baise{display: block;} */
.huise{display: block; opacity: 1;}
.baise{display: none; opacity: 0;}
.footer-nav-submenus-link:hover .baise{display: block; opacity:1;}

@media screen and (min-width: 769px){
	.fl-new{ margin-right: 0;}
}

@media screen and (min-width: 769px) and (max-width: 980px){
	.fl-new{ width: 180px;}
	
}
@media only screen and (max-width: 1023px){
	.footer-nav-submenus-qr {display: none;}
}
.ctrl-foot{ display: none;}

@media only screen and (max-width:768px ){
  .ctrl-foot{ display: block;}
  .small-footer{ display: none;}
  
}