body{font-size:18px; line-height: 27px; font-family: "Microsoft YaHei"; margin:0; padding:0;}
table{border:0; border-collapse: collapse;}
div,p,ul,ol,li,td,form,dl,dt,dd,a,span,i,b,strong,em,h1,h2,h3,h4,h5,h6{
	font-family: "Microsoft YaHei"; margin:0; padding:0; color: #000;
}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
img{border:0; margin:0; padding:0;}
.fl{float: left;}
.fr{float: right;}
.ct{text-align: center;}
.m0{margin:0 auto;}
.of{overflow: hidden;}
.img_block{display: block; width: 100%;}
.cle{width: 100%; height: 0px; overflow: hidden; clear: both;}
body,html{background: #fff;}
.container{margin: 0 auto; }
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1220px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}
.header-box.bottom-line {
    box-shadow: 0 5px 10px 0 #f6f6f6;
}
.header-box{position: fixed; width: 100%; z-index: 99; background: #0b0827;}
.header-fixed-hidden{width: 100%; height: 96px;}
.header{position: relative; z-index: 1001;}
.header .logo,.header .tabs-box-fa{float: left;}
.header .logo{margin:20px 40px 0 0;}
.header .option-box{float: right;}
.clear{width: 100%; height: 0; clear: both;}
ul.tabs-box-fa{position: relative;}
ul.tabs-box-fa:after{content: ''; clear: both; display: block;}
ul.tabs-box>li{float: left; position: relative; padding: 0 23px; -webkit-tap-highlight-color:transparent;}
.tabs-child{ width: 100%; text-align: center; background: #fff; position: absolute; left: 0; top: 96px; z-index: 100;}
.tabs-child li{height: 0; width: 100%; overflow: hidden;}
.header .option-box {overflow: hidden;}
.header .option-box .search-box{float: left;}
ul.tabs-box>li>a{font-size: 20px; line-height: 96px; display: inline-block; width: 100%; color: #fff;}
ul.tabs-box>li>a.exists-child{padding-right: 13px; position: relative; -webkit-tap-highlight-color:transparent;}
ul.tabs-box>li>a.exists-child:after{content: ''; position: absolute; right: 0; top: 50%; margin-top: -4px;
	background-image: url(../images/tab-arrow-b-white.png);
	background-repeat: no-repeat;  width: 13px; height: 8px; background-size: 100% 100%;
	-webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -moz-transition: -webkit-transform 0.3s;
}
.header .option-box .search-box{
	background: url(../images/icon-search.png) no-repeat; width: 100px; height: 38px; line-height: 38px; border-radius: 20px; 
	padding-left: 46px; background-color: #f5f5f5; color: #666; box-sizing:border-box; background-size: 18px 18px; display: inline-block;
	background-position: 18px 10px; font-size: 14px; margin-top: 30px; -webkit-tap-highlight-color:transparent;
}
.header-box .header .option-box .user-box{float: right; margin-left: 15px; overflow: hidden;}
.header-box .header .option-box span{margin: 0 8px; font-size: 16px; line-height: 96px; display: block; float: left;}
.header-box .header .option-box .user-box a{color: #666; font-size: 16px;  line-height: 96px; display: block; float: left;}
ul.tabs-box>li:hover{background: #007aff;}
ul.tabs-box>li:hover .tabhref{color: #fff;}
ul.tabs-box>li:hover .exists-child:after{
	background-image: url(../images/tab-arrow-b-white.png);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
ul.tabs-box>li .tabs-child li{background: #fff; }
ul.tabs-box>li .tabs-child li a{color: #666; font-size: 16px; line-height: 24px; display: block; padding:10px 0;}


/*登录、注册、找回密码*/
.account-modal{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 999; left: 0; top: 0; display: none;}
.login-center {position: absolute;left: 50%;top: 50%; width: 360px;transform: translate(-50%, -50%);background: #fff; padding: 50px 90px;
	/*box-sizing: border-box;*/ display: none; border-radius: 4px;
}
.login-close { position: absolute; padding: 15px; right: 0; top: 0; cursor: pointer;}
.login-center .login-close img { width: 16px; display: block;}
.login-center .title { font-size: 24px; font-weight: bold; line-height: 1; margin-bottom: 20px;}
.login-center .check-link {
    font-size: 16px; line-height: 24px; margin-bottom: 20px;
}
.login-center .check-link a {color: #423BDD;}
.login-center .option { position: relative; height: 52px; border-bottom: 1px solid #EBEBEB; line-height: 52px;}
.login-center .option input {width: 100%; height: 100%; display: inline-block; line-height: 52px; padding:0;
 font-size: 16px; border: none; outline: none;
}
.login-center .option .look-pwd {position: absolute;  right: 0; bottom: 0; cursor: pointer; z-index: 9; height: 100%; width: 45px;
   background: url(../images/eye-close.png) no-repeat; background-size: 23px 23px; background-position: center center;
    background-color: #fff;
}
.login-center .option .look-pwd.open {background-image: url(https://www.jazzyear.com/statics/image/eye-open.png);}
.login-center .forget {text-align: right; color: #666; font-size: 14px; margin-top:10px;}
.login-center .forget a{font-size: 14px; line-height: 18px;}
.login-center .login-btn { height: 42px; line-height: 42px;background: #423BDD; border-radius: 25px; color: #fff; font-size: 18px;
    text-align: center; margin: 20px 0; cursor: pointer;
}
.login-center .other-box {text-align: center; height: 14px; position: relative; color: #666; font-size: 14px; line-height: 1; margin-bottom: 20px;}
.login-center .other-box .line { position: absolute; width: 150px; height: 1px; background: #999999; left: 50%; top: 50%;
    margin-left: -75px;
}
.login-center .other-box .text { position: inherit; background: #fff; display: inline-block; padding: 0 5px; line-height: 14px; margin: 0 auto;}
.login-center .wechat {text-align: center; margin-bottom: 20px;}
.login-center .wechat img { width: 30px; display: block; margin:0 auto; cursor: pointer;}
.login-center .agreement {color: #666; font-size: 12px; text-align: center; width: 110%; margin-left: -5%; line-height: 18px;}
.login-center .agreement a {color: #666; font-size: 12px; line-height: 18px;}
.login-center a:hover {text-decoration: underline;}
.login-center .option .getcode { padding: 0 6px; position: absolute; right: 0; color: #423BDD; cursor: pointer; font-size: 16px; line-height: 52px;
    z-index: 9; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
    background-color: #fff;
}

/*foot*/
.foot-con{background: #0b0827; padding:50px 0 30px; margin-top: 80px;}
.footer{display: flex; justify-content: space-between;}
.footer .logo{width: 160px;}
.footer .attention-us .qrcode {display: inline-block;text-align: center;}
.footer .attention-us .qrcode div{color: #fff; font-size: 14px; padding-top: 10px;}
.footer .attention-us li {font-size: 12px;line-height: 18px;margin-bottom: 8px;}
.footer .attention-us .title {font-size: 16px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.net-nav-block{float: left; width: 320px;}
.net-nav-block:first-child{margin-right: 70px;}
.net-nav-block .tit{color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.net-nav-block .line-box{width: 100%; height: 4px; background: #666887;}
.net-nav-block .line-box .line{width: 60px; height: 100%; background: #347dfa;}
.net-nav-block ul{overflow: hidden;}
.net-nav-block ul li{width: 25%; float: left; margin-top: 10px;}
.net-nav-block ul li a{color: #fff; font-size: 14px; line-height: 20px;}
.foot-num{border-top: 1px solid #24213d; margin-top: 50px; padding-top: 20px;}
.foot-num p{color: #fff; font-size: 14px; line-height: 20px; padding-bottom: 5px; text-align: center;}
.foot-num p a{color: #fff; font-size: 14px; line-height: 20px; padding-bottom: 5px; text-align: center;}


.icon-search {background-image:url(../images/icons/icon.png)}
.icon-search {background-repeat:no-repeat;vertical-align:text-bottom}
.icon-search {width:20px;height:20px;display:inline-block}
.icon-search-close {position:absolute;right:60px;top:60px;background-position:-260px -120px;cursor:pointer}

.search-box-layer {position:fixed;top:0;bottom:0;width:100%;height:100%;
	background-color:#fff;z-index:9999;overflow:auto;
	-webkit-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);opacity:0;
	/*transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s;*/
}
.guide-prompt,.nums-prompt {color:#fff;background-color:#f63756;border-radius:50px;width:5px;height:5px;padding:0;
	display:none;position:absolute;font-style:normal}
.search-box-last {opacity:1}
.nums-prompt {right:-5px;top:-4px}
.guide-prompt {right:27px;top:17px}
.search-box-layer.active {opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);
	transform:scale(1,1)}
.search-content {position:absolute;width:550px;left:50%;margin-left:-275px;padding-top:95px}
.overlay-dialog-animate {-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;
	-webkit-animation:scale-fade .5s forwards cubic-bezier(.8,.02,.45,.91);animation:scale-fade .5s forwards cubic-bezier(.8,.02,.45,.91)}
.search-title {font-size:50px;color:#bbb}
.search-input {margin-top:55px}
.search-input button {position:absolute;right:0;width:40px;height:40px;text-indent:-999px; background-color: transparent;
	border:none; background-image:url(../images/icons/icon.png); background-position:  -262px -68px; background-repeat: no-repeat;outline:0}
.search-input button:hover {background-position:-362px -68px}
.search-content input {border:none;border-bottom:1px solid #f0f0f0;height:45px;width:100%;font-size:26px;
	background-color:transparent;padding-right:50px}
.search-content input:focus {box-shadow:none;outline:0}
.search-content input::-webkit-input-placeholder {color:#bbb;text-overflow:ellipsis}
.search-content input:-moz-placeholder {color:#bbb!important;text-overflow:ellipsis}
.search-content input::-moz-placeholder {color:#bbb!important;text-overflow:ellipsis}
.search-content input:-ms-input-placeholder {color:#bbb!important;text-overflow:ellipsis}
.search-history {margin-top:50px;display:inline-block}
.search-history span {font-size:16px;color:#bbb}
.search-history ul {margin:10px 0 0;display:inline-block;   margin-bottom:10px}
.search-history ul li {float:left;height:35px;border:1px solid #f0f0f0;padding:0 15px;cursor:pointer;   margin:0 10px 10px 0}
.search-box-layer .search-history ul {width:550px}
.search-history .empty-history {font-size:14px;color:#bbb;cursor:pointer}
.search-history .empty-history:hover {font-size:14px;color:#333;cursor:pointer}
.search-history ul li a {display:inline-block;width:100%;height:100%;color:#333;font-size:16px;line-height:33px}
.search-history ul li:hover {background-color:#D93641;color:#fff;border-color:#D93641}
.search-history ul li:hover a {color:#fff}
.search-hot ul li:hover {background-color:#f97752;border-color:#f97752}
.search-hot {margin-top:40px}
.search-hot ul li a {color:#f1754f}

@-webkit-keyframes scale-fade {
	0% {opacity:0;-webkit-transform:scale(.8) rotateX(-40deg);}
	50% {opacity:1}
	70% {-webkit-transform:scale(1.05) rotateX(0);}
	100% {-webkit-transform:scale(1) rotateX(0);}
}
@-moz-keyframes scale-fade {
	0% {opacity:0;-moz-transform:scale(.8) rotateX(-40deg);}
	50% {opacity:1}
	70% {-moz-transform:scale(1.05) rotateX(0);}
	100% {-moz-transform:scale(1) rotateX(0);}
}
@keyframes scale-fade {
	0% {opacity:0;transform:scale(.8) rotateX(-40deg);}
	50% {opacity:1}
	70% {transform:scale(1.05) rotateX(0);}
	100% {transform:scale(1) rotateX(0);}
}


/*  search   */
.latest-news ul li{
    margin-bottom: 34px;
}

.latest-news .img{
    width: 262px;
    height: 150px;
    overflow: hidden;
}
.clearfix.filter{margin-bottom: 20px;}
.latest-news .title{
    /*height: 30px;
    line-height: 30px;*/
    justify-content: space-between;
    margin: 10px 0 5px;
}

.latest-news .title h2{
    margin-bottom: 5px; font-size: 20px; color: #dc3545;
}

.latest-news .title a{
    transition: color .2s;
}

.latest-news .title a:hover{
    color: #4285f4;
}

.latest-news .text{
    margin-left: 20px;
    width: 518px;
}

.latest-news .text h3{
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 0;
    transition: color .2s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.latest-news .text h3:hover{
    color: #4285f4;
}

.latest-news .text p{
    color: #999;
    line-height: 1.6;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 52px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.latest-news .text footer{
    color: #999;
}

.latest-news .text footer .time{
    margin-left: 20px;
}

.latest-news .text footer .time img{
    width: 16px;
    vertical-align: middle;
    margin-right: 3px;
}

.latest-news .text footer .read img{
    width: 16px;
    vertical-align: middle;
    margin-right: 2px;
}

.latest-news .text .location{
    color: #4285f4;
    margin-bottom: 0;
    height: 30px
}

li.flex{
    margin-top: 20px;
    margin-bottom: 20px;
}
footer.flex{
    display: flex;
    font-size: 12px;
    margin-top: 8px;
}

.item-right{
    margin-left: auto;
}
.latest-news select{outline: none; font-size: 14px; border: 1px solid #bfbfbf; border-radius: 5px; padding:3px 5px; color: #444;}
.search-article{position: relative;}
.search-article .search-text{
	border: none; border: 1px solid #ddd; height: 45px; width: 100%; font-size: 18px; line-height: 45px; border-radius: 25px;
    background-color: transparent; padding:0 15px; outline: none; box-sizing:border-box;
}
.search-article button{position: absolute; right: 15px; top: 7px; width: 30px; height: 30px; border: none; background-color: transparent;
    background-image: url(../images/icon-search.png);background-position:  0 0; padding:0; background-repeat:  no-repeat; outline: 0;
    background-size: 100%;
}

.scrollTopfixed{position: fixed; bottom: 50px; right: 30px; width: 50px; height: 50px; display: none; z-index: 10000;}
.scrollTopfixed img{display: block; width: 100%; height: 100%;}

@media (max-width: 1199px){
	.header .logo{margin-right: 20px;}
	ul.tabs-box>li{padding:0 15px;}
	ul.tabs-box>li>a.exists-child{padding-right: 10px;}
	ul.tabs-box>li>a{font-size: 18px;}
	ul.tabs-box>li .tabs-child li a{font-size: 14px; padding:0; line-height: 44px;}
	.header .option-box .search-box{width: 85px; padding-left: 40px; background-size: 16px 16px;}
	.header-box .header .option-box .user-box{margin-left: 12px;}
	.header-box .header .option-box span{margin:0 5px; font-size: 14px;}
	.header-box .header .option-box .user-box a{font-size: 14px;}

}

@media (max-width: 992px){
    .tabs-box-fa{position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); display: none;}
    .tabs-box {position: absolute; right: 0; background:#0b0827; width: 70%; padding: 0 3%; box-sizing: border-box;
	    height: 100%; top: 0; padding-top: 74px; overflow-y: auto; padding-bottom: 50px;
	}
	.header .option-box .search-box {
	    color: transparent; width: 35px; height: 35px; background: url(../images/icon-mobile-w-search.png) no-repeat; background-size: 100% 100%;
	    padding: 0; border-radius: 0; margin-top: 20px; z-index: 1000; position: relative;
	}
	.header-box .header .menu { width: 36px; margin-left: 40px; margin-top: 20px; display: inline-block; z-index: 1000; position: relative;}
	.header .logo{margin:10px 0 0;}
	.header-fixed-hidden{height: 74px;}
	ul.tabs-box>li{float: none; width: 100%; padding:0; border-bottom: 1px solid #ddd;}
	ul.tabs-box>li>a.exists-child:after{content: none;}
	ul.tabs-box>li:hover{background: transparent;}
	/*ul.tabs-box>li:hover .tabhref{color: #000;}*/
	ul.tabs-box>li>a.exists-child{padding-right: 0;}
	ul.tabs-box>li.mobile-login{border-bottom: 0; margin: 0 auto; margin-top: 50px;
	    width: 70px; padding-top: 70px; background: url(../images/login-person.png) no-repeat; background-size: 70px 70px; 
	    text-align: center; font-size: 14px; color: #000;
	}
	ul.tabs-box>li>a{line-height: 70px; padding-left: 15px; box-sizing:border-box;}
	ul.tabs-box>li>a.exists-child-mobile{
		/*background: url(../images/sanjiao-w-b.png) no-repeat;  background-size: 18px 16px;
		background-position: center right;*/
		width: 50%;
	}
	.downup{position: absolute; right: 0px; top: 0; width: 40%; height: 70px; display: flex; justify-content: flex-end; align-items: center;}
	.downup img{display: block; width: 18px;}
	ul.tabs-box>li>a.exists-child-mobile.exists-child-mobile-t{
		background-image: url(../images/sanjiao-w-t.png);
	}
	.tabs-child{position: static; background: #0b0827; width: auto; padding:0 15px 15px 25px; text-align: left; display: none;}
	ul.tabs-box>li .tabs-child li{height: auto; background: transparent;}
	ul.tabs-box>li .tabs-child li a{font-size: 16px; color: #fff;}
	.tabs-box-fixed{position: fixed; width: 100%; height: 74px; left: 0; top: 0; background:#0b0827; z-index: 100; display: none;}
	

	.foot-con{margin-top: 50px;}
    .footer .logo{width: 120px;}
    .net-nav-block:first-child{margin-right: 0; margin-bottom: 20px;}
    .net-nav-block{float: none;}
}
@media (max-width: 768px){
	.container{margin:0 10px;}
	.header .logo{width: 80px;}
	.header .logo img{display: block; width: 100%;}
	.header .option-box .search-box{width: 20px; height: 20px; margin-top: 14px;}
	.header-box .header .menu{width: 20px; margin-left: 22px; margin-top: 14px;}

	.tabs-box{width: 80%; padding-top: 78px;}
	.header-box{padding: 15px 0;}
	.header-fixed-hidden,.tabs-box-fixed{height: 48px; padding:15px 0;}
	ul.tabs-box>li>a{line-height: 50px; padding-left: 10px; font-size: 16px;}
	/*ul.tabs-box>li>a.exists-child-mobile{background-size: 14px 12px;}*/
	.downup{height: 50px;}
	.downup img{display: block; width: 14px;}
	.tabs-child{padding:0 15px 7px;}
	ul.tabs-box>li .tabs-child li a{font-size: 14px; line-height: 36px;}
	
	/*foot*/
    .foot-con{padding:30px 0 20px; margin-top: 50px;}
    .footer{display: block;}
    .footer .logo{width: 130px; /*margin:0 auto;*/}
    .net-nav{overflow: hidden; margin:20px 0 10px;}
    .net-nav-block{float: none; width: 96%;}
    .net-nav-block:first-child{margin-right: 4%;}
    .foot-num{margin-top: 30px;}
    .footer .attention-us .title{margin-bottom: 15px;}

	.login-center {width: 80%; box-sizing:border-box; padding:30px 40px;}
	.login-center .option {display: flex; align-items: center; height:40px; line-height: 40px; border-bottom: 1px solid #EBEBEB;}
	.login-center .option input {font-size: 15px; flex: 1;}
	.login-center .other-box,.login-center .wechat{display: none;}
	.login-center .option .getcode{line-height: 40px; font-size: 15px;}

	.search-article .search-text{
		height: 32px; font-size: 14px; line-height: 32px; padding:0 10px; 
	}
	.search-article button{right: 10px; width: 20px; height: 20px; background-size: 100% 100%; background-position: 0 0; top:5px;}
	.latest-news .title h2{font-size: 18px;}
	.latest-news .title{font-size: 14px; line-height: 20px; margin-top: 0;}
	.latest-news ul li{margin:10px 0 20px;}
	.latest-news ul li a{font-size: 16px; line-height: 24px;}
	.latest-news .text footer .time{margin-left: 12px;}
	.latest-news ul li a.read-more{font-size: 12px; }
	.paging-box ul li{margin:0 5px!important;}

	.search-content{width: 94%; position: relative; left: 3%; margin-left: 0; padding-top: 60px;}
	.search-input{margin-top: 30px;}
	.search-hot{margin-top: 20px;}
	.search-content input{box-sizing:border-box; font-size: 16px; line-height: 36px; height: 36px;}
	.search-input button{width: 24px; height: 24px; top: 95px; right: 5px; background-size: 100% 100%; background-image: url(../images/icon-search.png);
		background-position: 0 0;}
	.search-box-layer .search-history ul{width: auto;}
	.icon-search-close{z-index: 9999; right: 15px; top: 30px;}
}