.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;}

/*============================================
hot-key
===========================================*/
.hot-key{background: #f2f2f2;
    height: 82px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    font-size: 14px;
}
.hot-key .wrap{display:flex; justify-content: space-between;}

.hot-key p {color: #444;line-height: 82px;}
.hot-key a {color: #444;display: inline-block;margin-right: 15px;}
.hot-key a:hover{color:var(--color1); text-decoration: underline;}
.searchform {width: 270px;height: 30px;border-radius: 20px;background: #fff;padding-left: 10px;margin-top: 28px;display: flex;}
.searchform input {border: 0;}
.searchform__field{}
.searchform .searchform__field {width: 224px;height: 30px;line-height: 30px;color: #a9a9a9;float: left;}
.searchform__button {width: 30px;height: 30px;cursor: pointer; background: url("/template/template_cn/images/icon/ico_search2.png") no-repeat center;}
@media screen and (max-width: 1023px)
{
	.hot-key{display:none;}
}

.cols-box{height: 55px;background: #fff;margin-bottom: 20px;overflow: hidden;width:1200px;margin:0 auto 20px;background: #f4f4f4;}
.cols-box ul{display:flex; align-items: center;}
.cols-box li{width: 100%;height: 55px;font-size: 18px;line-height: 55px;text-align: center;float: left;border-right: 1px solid #d8d8d8;box-sizing:border-box;background: #f4f4f4;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;position: relative;}
.cols-box li a {
            display: block;
            height: 55px;
            color: #333;
        }
.cols-box li.active{background: var(--color1);color:#FFFFFF;}
.cols-box li:hover {background:#333;border-color: #333;}
.cols-box li.active a,.cols-box li:hover a {color: #fff;}
.cols-box li.active:after{content:"";width:10px; height: 10px; position: absolute;bottom:-6px; left:calc((100% - 10px) / 2);background:linear-gradient(135deg,#fff 0%,#fff 50%,transparent 50%,transparent 100%); transform:rotate(45deg);}
@media screen and (max-width: 1023px)
{
	.cols-box{display:none;}
}
.ny-page{width:100%;}




.main-boxs.case-box{max-width: 1200px;}
.main-boxs.case-box main{width:100%; max-width: unset;padding: 0px;}
.main-boxs.case-box main .row{margin:0px;}
.case-box.case-list main{border:0px;}
.title-h2{padding: 20px 0px 0px 0px; font-size:2rem;}
.title-time{font-weight: 300; font-size:14px;}
.case-box .card-img-c{height: auto;overflow: hidden; max-height:auto;}
.case-box .card-img-c img{height: auto;}
.case-box .lh-2{margin-top:0px;}

.news-list{width:100%;}
.news-list ul{width:100%;}
.news-list ul li{width:100%;border: 1px solid #dedede;
    margin-bottom: 15px;
    padding: 22px 50px 22px 22px;
    background: #fff;
    overflow: hidden;}
.news-list ul li .img {
    width: 25%;
    float: left;
    margin-right: 5.8%;
    border-radius: 50%;
}
.news-list ul li .img img {
    width: 100%;
    display: block;
	max-width:100%;
}
.news-list ul li .text{padding: 20px 0 0;}
.news-list ul li .text h4 {height: 40px;font-weight: normal;font-size:18px;color: #333333;line-height: 40px;margin-bottom: 5px;overflow: hidden;}
.news-list ul li .text h4 a {display: block;height: 40px;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list ul li:hover{border:1px solid var(--color1);}
.news-list ul li:hover h4 a {color: var(--color1);}
.news-list ul li .text .desc{max-height: 72px;font-size: 14px;line-height: 24px;color: #797979;margin-bottom: 28px;overflow: hidden;}
.news-list ul li .text .more{
            width: 90px;height: 34px;line-height: 30px;text-align: center;display: block;float: right;background: #b6b6b6;color: #fff;}
.news-list ul li .text .more a{color:#fff;font-size: 14px;}     
.news-list ul li:hover .text .more{background: var(--color1);border-color:  var(--color1);}
.news-list ul li:hover .text .more a {color: #fff;}

.news-box main h2{font-size:1.5rem;}
.title-time{font-size:14px; font-weight: 300;}

.news-box .news-info{padding-top: 2rem; color:#000;max-width: 800px;margin: auto;}
.news-box .news-info img{width:100% !important; height: auto !important; margin:1rem auto;}
.news-box .news-info p{ font-size:1rem !important; line-height: 2 !important;}
.news-box .news-info b,.news-box .news-info strong{font-size:1.5rem !important; padding-bottom:1rem;}

.news-hot{ margin-top:30px;width:100%; overflow: hidden;background:#f5f5f5; padding:2rem;}
.news-hot h3 {
    font-family: var(--ff2);
    font-size: 24px;
    text-transform: uppercase;
	padding-top: 1rem;
    /*background: var(--color1);
    color: #FFF;
    padding: 10px 10px 10px 15px;*/
}
.news-hot ul{margin-top: 2rem;}
.news-hot ul li{width:100%; font-size:14px; color:#333; border-bottom:1px dashed #dbdbdb; display:felx; justify-content: space-between; padding-bottom:6px;margin-bottom:10px;}
.news-hot ul li a{width: 100%;display: flex;justify-content: space-between; font-size:14px;}
.news-hot ul li h5{flex: 1; margin-right:3rem; font-size:14px;}.news-hot ul li a:hover{color:var(--color1);}
.news-hot ul li .date{width:100px; flex-shrink: 0;}


.news-box main h2{border:0px;height: auto;padding: 0px 2rem;}
.news-box main{margin-bottom:20px;}
.page-pagination{margin:50px 0px 20px 0px;width: 100%;overflow: hidden;}
.page-pagination span{background:#a2a2a2; padding:5px 20px; font-size:14px; margin-right:1rem; color:#FFFFFF;}
.page-pagination p{margin:15px 0px; font-size:14px;}
.page-pagination p:hover span{background:var(--color1);}
.page-pagination p:hover a{color:var(--color1); }

@media screen and (max-width: 1023px)
{
	.page-pagination p{display: flex;align-items: center;}
	.page-pagination span{max-width: 90px;flex-shrink: 0;}
	.news-box main h2{line-height: 2.3rem;}
}
@media screen and (max-width: 767px)
{

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


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

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


.com-about img{height:auto !important;}

@media screen and (max-width: 1600px){.case-box .card-img-c{height: auto;}}
@media screen and (max-width: 1440px){.case-box .card-img-c{height: auto;}
@media screen and (max-width: 1366px){.case-box .card-img-c{height: auto;}}
@media screen and (max-width: 1280px){.case-box .card-img-c{height: 325px;}}
@media screen and (max-width: 1200px){.case-box .card-img-c{height: 320px;}}
@media screen and (max-width: 1024px){.case-box .card-img-c{height: 320px;}}
@media screen and (max-width: 1023px)
{
	.news-wrap{flex-direction: column;}
	.news-content .news-img{width:100%;}
	.news-content .news-img img{width:100%;max-width:100%;}
	.news-content .news-panel{width: 100%;padding: 1rem;}
}
@media screen and (max-width: 767px)
{
	.news-list ul li{flex-direction: column;padding:25px; margin-bottom:25px;}
	.news-list ul li .img{width: 100%;overflow: hidden; position: relative;float: none;margin: 0;border-radius: 0;padding-top: 60%;height: 50vw;}
	.news-list ul li .img img{width: 100%;display: block;max-width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;transition:0.5s;}
	.news-list ul li:hover{border-color:#dedede;-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    -webkit-transform: translate3d(0, -2px, 0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    transform: translate3d(0, -2px, 0);
    }
	.news-list ul li:hover .img img{transform: scale(1.065); transition:0.5s;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
	
}


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

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

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

.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%;}
	
.search__wrapper{}
.search__wrapper .card{}
.search__wrapper .card .card-img{height: auto;overflow: hidden;}
.search__wrapper .card .card-title{font-size:1rem;}
.search__wrapper .form-group{margin:0px;}
.search__wrapper .form-group input{border-bottom-right-radius: 0px; border-top-right-radius: 0px; height:50px; padding:0px 10px; margin: 0px;}

.form-inline{padding:20px 0px;}
.form-inline button{ min-width: unset;
    font-size: 1rem;
    padding: 0px 50px;
    height: 50px;
    margin: 0px !important;
    background: var(--color1);
    border: 0px;  border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.form-inline button:hover{transition: 0.3s; background: var(--color3);}


	.cases-box .news-list ul li .img img{border-radius: 50%;}


.ny-list-anli img{max-width: 100%;}

	

@media screen and (max-width: 1600px)
{
	.main-boxs.case-box{max-width: 1400px;}
}
@media screen and (max-width: 1500px)
{
	.main-boxs.case-box{max-width: 1280px;}
}
@media screen and (max-width: 1366px)
{
	.main-boxs.case-box{max-width: 1200px;}
}

@media only screen and (max-width: 1199px) {
	.titleBox h2{font-size:20px;}
	
}

@media screen and (max-width: 1023px)
{
	.center{max-width:100%;}
	.case-list{}
	.case-box .card-img-c img{max-width: 100%;height: 100%;}
	figcaption a{font-size:1rem;}
	
}
@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
	
}


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

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

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