@charset "utf-8";


.is-header ul {
    margin-bottom: 0;
    margin-top: 0;
}

.m-banner {
    height: 540px;
    background: url(../images/banner.png)no-repeat top center;
    overflow: hidden;
}

.m-banner .href {
    margin: 30px 0 70px;
}

.m-banner .href .f-fr {
    width: 105px;
	height: 36px;
    line-height: 38px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 18px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.zttitle {
    width: 910px;
	height: 261px;
    margin: 0 auto;
}


.is-main {
    padding: 50px 0 37px;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.toutiao{margin-bottom: 50px;}
.toutiao p {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.toutiao p:first-child {
    font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #333333;
    margin-bottom: 25px;
}
.toutiao p:last-child {
    font-size: 16px;
    text-align: center;
}

.rotation {
    width: 100%;
    height: 488px;
    margin-bottom: 30px;
}
.rotation .bd {
    width: 725px;
	height: 100%;
    float: left;
}
.rotation .bd .tempWrap{height: 488px !important;}
.rotation .bd ul li img {
    width: 100%;
    height: 100%;
}
.rotation .hd {
    width: 470px;
    height: 100%;
    float: right;
}
.rotation .hd ul li {
    width: 470px;
	height: 93px;
	background-color: #f5f5f5;
    margin-bottom: 5px;
    padding: 20px;
    font-size: 18px;
}
.rotation .hd ul li a {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.rotation .hd ul li:last-child{margin-bottom: 0;}
.rotation .hd ul li.on {
    background-color: #d10000;
}
.rotation .hd ul li.on a{color: #fff;}

.ztbox {
    width: 100%;
    height: 300px;
    margin-bottom: 35px;
}
.ztboxlist {
    width: 100%;
    height: 100%;
}
.title {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ddd;
    position: relative;
    line-height: 3;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #d10000;
}
.titlea{background: url(../images/biao.png) 65px top no-repeat;}
.titleb{background: url(../images/biao.png) 140px top no-repeat;}
.title a {
    display: block;
    height: 60px;
    font-size: 16px;
    float: right;
    line-height: 80px;
    font-weight: normal;
	color: #d10000;
}
.ztboxlist ul{width: 570px;}
.ztboxlist ul li {
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding-left: 15px;
    position: relative;
    font-size: 18px;
}
.ztboxlist ul li::before {
    content: "";
    width: 5px;
	height: 5px;
	background-color: #eb542b;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.ztboxlist ul li a {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ztboxlist ul li span {
    float: right;
    color: #999999;
}
.dbbox {
    width: 100%;
}
.dbboxlist ul{width: 570px;}
.dbboxlist ul li {
    width: 100%;
    height: 120px;
    margin-top: 30px;
}
.imgphoto {
    width: 120px;
    height: 120px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
}
.imgphoto img {
    width: 100%;
    height: 100%;
}
.titlebox {
    height: 120px;
}
.titlebox p:first-child {
    text-align: left;
    font-size: 20px;
	font-weight: bold;
	color: #333333;
    margin-bottom: 15px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.titlebox p:last-child {
    font-size: 14px;
	line-height: 24px;
	color: #999999;
    text-align: left;
    text-indent: 2em;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.titlebox a:hover p:first-child {
    color: #d10000;
}


.m-top{background: #f5f5f5;}
.g-top{margin: 0 auto; width: 1200px; height: 40px; line-height: 40px;}
.g-top,.g-top a{font-size: 13px; color: #999;}
.g-top .u-link li{float: left; margin: 0 3px 0 7px;}
.g-top .u-link li a{display: block; padding-left: 22px; background-image: url(/dist/images/public/icon-sjlink.png); background-repeat: no-repeat;}
.g-top .u-link li.u-lk1 a{background-position: 0 0;}
.g-top .u-link li.u-lk2 a{background-position: 0 -40px;}
.g-top .u-link li.u-lk3 a{background-position: 0 -80px;}
.g-top .u-funs li{float: left; margin-left: 8px;}
.g-top .u-funs li a{display: block; padding-left: 9px; background: url(/dist/images/public/bg-funline.png) left center no-repeat;}


/*media query*/
/*large pcScreen*/
@media (min-width:1280px) {}

/*medium pcScreen lg*/
@media screen and (max-width: 1279px) {}

@media screen and (max-width: 1200px) {}
/*平板*/
/* 适配pad */
@media screen and (min-width:768px) and (max-width: 1025px) {
    body{min-width:100%}
    .g-top,.m-banner,.u-nav{width:100%}
    .g-top{height:auto}
    .m-nav .navbar-collapse{width:100%!important}
    .g-nav li.u-yjnav a.u-yja{font-size:16px;}
    .m-banner .m-search{float:right;margin-left:0;margin-right:10px;background:#fff}
    .m-footer{width:100%!important}
    .m-search .u-searchtext{width:220px}
    .m-footer #_ideConac{left:0}
    .m-footer #f-elderwza{left:72px;top:36px;}
    #f-elderwza img{width:110px!important;height:auto!important}
	.u-link{margin:0}
    .container{width:100%;padding:10px;}
    .zttitle{width:100%}
    .zttitle img{max-width:100%}
    .rotation .hd,.rotation .bd{float:none;width:100%}
    .rotation .hd ul li,.ztboxlist ul{width:100%}
    .rotation{height:auto}
    .ztbox{height:auto;overflow:hidden}
}

/*pad md*/
@media screen and (max-width: 991px) {}

/*phone sm*/
@media screen and (max-width: 767px) {
    .g-top{height: auto;}
    .container,.ztboxlist,.zttitle,.zttitle img,.rotation .hd,.rotation .hd ul li,.rotation .bd{width: 100%;}
    .m-banner .href img{width: 200px;}
    .rotation{height: 690px;overflow: hidden;}
    .rotation .bd{height: 222px;}
    .rotation .hd{height: 450px;margin-bottom: 10px;}
    .ztboxlist ul,.dbboxlist ul{width: 100%;margin-bottom: 20px;float: none;}
    .titlebox{width: 220px;}
    .is-main{width: 95%;}
    .ztboxlist ul li a{width: 70%;}
    .ztbox,.ztboxlist{height: 100%;}
    .m-banner{height:320px}
    .toutiao p:first-child{font-size:26px}
    .u-link{display:none;}
    .g-top{padding:0!important}
    
}

/*small xs*/
@media screen and (max-width: 600px) {}

@media screen and (max-width: 580px) {}