﻿.titleBox{width:100%; float: left; overflow: hidden;margin:0px auto 20px auto;}
.titleBox h2{color:#333333; font-weight: 500;font-size:22px; text-align: center;margin: auto;}
.titleBox h5{color:#777777; font-weight: 500;font-size:12px; text-align: center;margin: 10px auto auto auto;}
.titleBox h5 span{padding:0px 10px;}
.ArtBack{display: none;}
.topRecord{font-size:14px;}
.main-box{padding: 20px 0 75px;}
.topRecord{padding: 0px 0 20px;}


.Pagination{clear: both;padding: 10px 0px;text-align: center;}
.Pagination span{padding: 5px 10px;margin: 0px 5px;background-color: #1c90d0;color: #FFFFFF;font-size: 12px;}
.Pagination a{padding: 5px 10px;margin: 0px 5px;background-color: #09ADC2;color: #FFFFFF;font-size: 12px;}
.Pagination a:hover{color: #FFEB3B;background-color: #FF9800;}

.news-content{ margin: 10px auto;padding: 0px 10px;}
.news-wrap{display: flex;border-bottom:1px dashed #ccc;padding: 20px 0px;}
.news-content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.news-content .news-img img{max-width: 90%;}
.news-content .news-panel{display: flex; flex:1; vertical-align: top; padding-left: 5px; box-sizing: border-box;    flex-direction: column;
    justify-content: space-between;}
.news-content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news-content .news-panel .detail{color: #777; line-height: 24px; margin-top:10px; font-size:15px;margin-bottom: auto;}
.news-content .news-panel .read-push{color: #AAA; font-size: 14px;padding-top: 5px;}

.main-boxs.case-box{padding: 2rem 0px;max-width: 90vw;display: flex;flex-direction: column;}
.case-item{display:flex; flex-wrap:wrap;}
.case-item:nth-child(2n){flex-direction:row-reverse;}
.case-item .case-img{width:50%;margin:0px; overflow: hidden;}
.case-item .case-img img{transition: 0.5s;}
.case-item:hover img{transform: scale(1.06);}
.case-item .case-text{width:50%; padding:100px;}
.case-text h5{font-size:34px; padding-bottom:1rem;}

.case-box ul{}
.case-box ul li{width: calc((100% / 3) - 2%);float: left;margin: 1%;box-shadow: var(--card-hover-box-shadow);}
.case-box ul li .img{width:100%; height:auto; overflow: hidden;}
.case-box ul li img{max-width:100%; transition: 0.5s;}
.case-box ul li:hover img{transform: scale(1.1);}
.case-box ul li .text{width:100%; line-height: 30px; font-size: 18px; color: #333; text-align: left;margin:auto 0px;display: block;padding: 20px 25px 10px 25px;}
.case-box ul li .text a{color:#333;font-size: 20px; font-weight: 500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;height: 40px;display: block;}
.case-box ul li .text p{font-size:14px; line-height: 24px;margin-top: 10px;height: 50px;overflow: hidden;}
.case-box ul li .more{}
.case-box ul li .more{display: block; width:100%; text-align: left;margin: 20px 0px;}
.case-box ul li .more a{ padding:0px 25px 0px 25px; font-size:14px; color:var(--primary); background: none;text-decoration: underline }

.zs-box ul{display: flex;flex-wrap: wrap;flex-direction: row;}
.zs-box ul li{width: calc((100% / 4) - 2%);float: left;margin: 1%;box-shadow: var(--card-hover-box-shadow);}
.zs-box ul li .img{width:100%; height:auto; overflow: hidden;}
.zs-box ul li img{max-width:100%; transition: 0.5s;}
.zs-box ul li:hover img{transform: scale(1.1);}
.zs-box ul li .text{width:100%; line-height: 30px; font-size: 18px; color: #333; text-align: left;margin:auto 0px;display: block;padding: 20px 25px 10px 25px;}
.zs-box ul li .text a{color:#333;font-size: 20px; font-weight: 500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;height: 40px;display: block;}
.zs-box ul li .text p{font-size:14px; line-height: 24px;margin-top: 10px;height: 50px;overflow: hidden;}
.zs-box ul li .more{}
.zs-box ul li .more{display: block; width:100%; text-align: left;margin: 20px 0px;}
.zs-box ul li .more a{ padding:0px 25px 0px 25px; font-size:14px; color:var(--primary); background: none;text-decoration: underline }

.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: var(--primary);
    color: #FFFFFF;
    padding: 15px 50px 15px 56px;
    z-index: 2;
    position: relative;
    display: block;
}
.btn1 a:after{content: "\e659";font-family: "iconfont" !important;text-align: center; }
.btn1 a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn1 a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}
.btn1 a:before {background-color: var(--mask-color);}
.case-item .btn1{margin-top:60px; }
.case-item .btn1 a{background: transparent;border: 1px solid #333;padding: 10px 50px; color:#333;}
.case-item .btn1:hover a{color:#FFFFFF;border-color: #FFFFFF;}

.container.cp_container{padding:0px;margin: auto;}

.artCont{width:100%;word-wrap: break-word;word-break: normal;}
.artCont .cpyy_list img{width:100%; max-width: 100%; max-height: 300px;}
.artCont .cpyy_list p{text-align: center;  padding:10px 0px;}
.artCont img{max-width:100%;}

.ny-list-anli img{max-width: 100%;}

@media only screen and (max-width: 1199px) {
	.titleBox h2{font-size:20px;}
	
}

@media screen and (max-width: 1023px)
{
	
	
}
@media (min-width: 375px) and (max-width: 767px)
{
	.news-wrap{flex-direction: column;}
	.news-content .news-img{width:100%;}
	.news-content .news-panel{padding: 1rem;}
}
@media (min-width: 321px) and (max-width: 375px)
{
	
	
}
@media screen and (max-width: 320px)
{
	
	
}