@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: 1081px;
	height: 215px;
    margin: 0 auto;
}


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



.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: 370px;
    margin-bottom: 30px;
}
.rotation .bd {
    width: 660px;
	height: 370px;
    float: left;
}
.rotation .bd li{height:370px}
.rotation .bd .tempWrap{height: 450px !important;}
.rotation .bd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rotation .hd {
    width: 535px;
    height: 100%;
    float: right;
}
.rotation .hd ul li {
    width: 535px;
	height: 86px;
	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;
    position: relative;
    text-align: center;
}
.titlea{background: url(../images/icon2.png) top no-repeat;}
.titleb{background: url(../images/icon1.png) top no-repeat;}
.title a {
    display: block;
    line-height: 76px;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #d10000;
    text-indent: -25px;
}
.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;
}





@media screen and (min-width:1200px) {
    .container {
        width: 1200px;
        margin: 0 auto;
    }
}

/*media query*/
/* 适配小屏1000px */
@media screen and (min-width:991px) and (max-width: 1199px) {
    .g-top{width:100%;overflow:hidden}
    .u-link{margin-top:0}
    .zttitle,.rotation .hd ul li{width:100%;}
    .zttitle img{max-width:100%}
    .rotation .hd{width:470px}
    .rotation .bd{width:500px}
    .ztboxlist ul{width:467px}
    .ztboxlist ul li a{width:75%}
   
}
/* 适配pad */
@media screen and (min-width:768px) and (max-width: 990px) {
    .container{width:750px}

}

/*phone sm*/
@media screen and (max-width: 991px) {
    .container,.ztboxlist,.zttitle,.zttitle img,.rotation .hd,.rotation .hd ul li,.rotation .bd{width: 100%;}
    .g-top{width:100%;overflow:hidden}
    .u-link{margin-top:0}
    .m-banner .href img{width: 200px;}
    .rotation{height: 690px;}
    .rotation .bd{height: 222px;}
    .rotation .hd{height: 350px;margin-bottom: 10px;}
    .ztboxlist 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%;}
    .zttitle{height:auto;}
    .m-banner{height:340px}
    
}