.typearea{width: 1200px;margin: 0 auto;}
.zthead{width: 100%;height: 530px;background: url(../images/home/banner.png) center -49px no-repeat;}
.zthead .href {padding: 20px 0 70px;}
.zthead .href .f-fr{width: 122px;height: 46px;line-height: 46px;background: rgba(0, 0, 0, 0.3);border-radius: 23px;text-align: center;color: #f5f5f5;font-size: 18px;float: right;}
.zttitle{width: 1060px;margin: 0 auto;}

/*搜索*/
input {border: none;background: none;outline: none;}
.u-search{width: 290px; height: 46px;float: right;margin-right: 20px;}
.u-search form{display: flex;background: rgba(255, 255, 255, 0.3);height: 46px;overflow: hidden;border-radius: 23px;}
.u-search form input[type="text"]{flex:1;padding:0 0 0 23px;height: 46px;line-height: 46px;font-size: 15px;color: #f5f5f5;}
.u-search form input[type="submit"]{width: 46px;height: 46px;background: url(../images/home/seach.png) center center no-repeat;}
.u-search form input[type="text"]::-webkit-input-placeholder{color: #f5f5f5;}

.mainbody{padding: 40px 40px 20px;box-sizing: border-box;margin-top: -90px;background-color: #fff;}
.titlelist{margin-bottom: 40px;}
.tzlj{display: inline-block;width: 216px;height: 90px;background-color: #e6f1fd;text-align: center;font-size: 28px;font-weight: bold;color: #346fe8;margin-left: 6px;line-height: 90px;}
.tzlj:hover{background-color: #346fe8;color: #fff;}
.titlelist ul li{width: 220px;height: 90px;background-color: #e6f1fd;float: left;margin-right: 6px;text-indent: 84px;line-height: 64px;font-size: 28px;font-weight: bold;position: relative;}
.titlelist ul li:last-child{margin-right: 0;}
.titlelist ul li div{width: fit-content;height: 64px;margin: 14px auto 0;color: #346fe8;}
.titlelist ul li div.jiaoy{background: url(../images/home/jy1.png) no-repeat;}
.titlelist ul li div.jiank{background: url(../images/home/wsjk.png) no-repeat;}
.titlelist ul li div.dianq{background: url(../images/home/sdq.png) no-repeat;}
.titlelist ul li div.jiaot{background: url(../images/home/ggjt.png) no-repeat;}
.titlelist ul li.active{background-color: #346fe8;}
.titlelist ul li.active div{color: #fff;}
.titlelist ul li.active div.jiaoy{background: url(../images/home/jy.png) no-repeat;}
.titlelist ul li.active div.jiank{background: url(../images/home/wsjk1.png) no-repeat;}
.titlelist ul li.active div.dianq{background: url(../images/home/sdq1.png) no-repeat;}
.titlelist ul li.active div.jiaot{background: url(../images/home/ggjt1.png) no-repeat;}
.titlelist ul li.active::before{content: "";width:0px;height:0px;border:20px solid transparent;border-top-color:#346fe8;position: absolute;top: 90px;left: 50%;margin-left: -10px;}
/* .ztbox ul li{width: 340px;height: 308px;float: left;margin-right: 50px;margin-bottom: 30px;}
.ztbox ul li:nth-child(3n){margin-right: 0;}
.ztbox ul li img{width: 100%;height: 254px;}
.ztbox ul li p{width: 100%;height: 54px;text-align: center;line-height: 54px;background-color: #e6f1fd;padding: 0 20px;box-sizing: border-box;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;} */
.ggjtong ul li{width: 548px;height: 144px;margin-right: 0;}
.ggjtong ul li:nth-child(2n){float: right;}
.ggjtong ul li img{width: 100%;height: 90px;}
/* .ztbox ul li:hover{border: 4px solid #fdd80d;box-sizing: border-box;}
.ztbox ul li:hover p{background-color: #fdd80d;color: #fff;height: 50px;line-height: 50px;} */


.ztbox ul.jdlistrbox li{width: 545px;height: 212px;background-color: #ffffff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);padding: 20px;box-sizing: border-box;float: left;margin-right: 30px;margin-bottom: 30px;}
.ztbox ul.jdlistrbox li:nth-child(2n){margin-right: 0;}
.ztbox ul.jdlistrbox li div.imgbox{float: left;width: 192px;height: 172px;margin-right: 20px;}
.ztbox ul.jdlistrbox li img{width: 100%;height: 100%;}
.ztbox ul.jdlistrbox li div.textbox{width: calc(100% - 212px);float: left;height: 100%;overflow: auto;}
.ztbox ul.jdlistrbox li div h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.ztbox ul.jdlistrbox li div p{font-size: 14px;line-height: 28px;color: #808080;}

.ztbox ul.jdlistrbox li div.textbox::-webkit-scrollbar{
	width: 6px;
    border-radius: 3px;
    background: #dddddd;
}
.ztbox ul.jdlistrbox li div.textbox::-webkit-scrollbar-thumb{
	border-radius: 3px;
    height: 30px;
    background-color: #cbcbcb;
}


/*phone sm*/
@media screen and (max-width: 767px) {
    .typearea,.zttitle,.titlelist ul li,.ztbox ul li,.ggjtong ul li,.zttitle img{width: 100%;}
    .u-search{margin: 20px 0;}
    .zthead{height: 360px;}
    .ztbox ul li img{height: 220px;}
    .ztbox ul li{height: 274px;}
    .ggjtong ul li img{height: 48px;}
    .ggjtong ul li{height: 102px;}
}

@media screen and (min-width:768px) and (max-width: 1025px){
    .typearea{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .mainbody{padding-top: 40px;}
    .ztbox ul.jdlistrbox li{width: 49%;margin-right: 1%;}
    .tzlj,.titlelist ul li{margin-top: 10px;}
}