/* CSS Document */
@charset "utf-8";
@import url("public.css");
@import url("animate.css");	


.nbanner{ width:100%; height:auto; overflow:hidden; }
.nbanner img{width:100%; height:auto;}

.case{ width:95%; height:76px; overflow: hidden; margin: 0 auto; }
.case_1{  height:96px; overflow: hidden; float: right; }
.case_1 ul li{ width: 120px; height: 76px; line-height: 96px; font-size: 18px; float: left;}
.case_1 ul li a{ color: #333;}
.case_1 ul li a:hover{ color: #D50512; font-weight: bold;}
.case_1h{color: #D50512!important; font-weight: bold;}
.hidden{ display: none;}

.fenye{width:1310px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px; margin-bottom:40px; }

/*文章页*/
.wenz{ width: 1180px; height: 66px; line-height: 66px; overflow: hidden; margin: 0 auto; margin-top: 43px; border-bottom: 1px solid #D9D9D9; font-size: 24px; color: #000; text-align: center}
.wenz_1{ width: 1180px; height: 54px;line-height: 54px; overflow: hidden; margin: 0 auto; font-size: 14px; color: #333; text-align: right}
.wenz_2{ width: 1180px; height: auto;line-height: 28px; overflow: hidden; margin: 0 auto;  font-size: 14px; color: #333; margin-top: 24px; }
.wenz_2 img{ width:auto; height: auto;max-width: 100%;}
.wenz_3{ width: 1180px; height: 60px;line-height: 60px; overflow: hidden; margin: 0 auto;  font-size: 16px; color: #333;margin-top: 24px;border-bottom: 1px solid #D9D9D9; margin-bottom: 60px;}
.wenz_3 ul li{ width: 50%; height: 60px; float: left;}
.wenz_3 ul li a{ color: #333;}
.wenz_3 ul li a:hover{ color: #D50512; font-weight: bold;}
.wenz_3 ul li:nth-child(2){ text-align: right}

/*案例详情*/
.case1{ width: 1700px; height: 80px; overflow: hidden; margin: 0 auto; margin-top: 50px;}
.case1_1{ width: 53%; height: 80px; overflow: hidden; line-height: 80px; font-size: 64px; color: #000; float: left}
.case1_2{ width: 47%; height: 80px; overflow: hidden; line-height: 40px; font-size: 20px; color: #333; float: left}
.case2{ width: 1700px; height: auto; overflow: hidden;margin: 0 auto; margin-top: 60px;line-height: 44px; font-size: 20px; color: #333; }
.case2 img{ width:auto; height: auto;max-width: 100%; margin-top: 20px;}




.case3{ width:100%; height:auto; overflow:hidden; background:#FAFAFA;}
/*分页*/
.fenye{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:36px; margin-bottom:60px;}
.pagess{text-align:center; width:96%; height:40px; margin:0 auto; margin-top:5px; margin-bottom:0px;}
.page-num:not(:disabled){cursor: pointer;}
.page-num, .page-link{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;font-size:12px;color: #666;/*background-color: #fff;*/border: 1px solid #dee2e6;float: left;}
a.page-num:hover, .page-link:hover{text-decoration: none;color: #000!important;}
.page-num-current{z-index: 1;color: #fff;background-color: #0058a0;border-color: #0058a0;}
.page-num-current:hover{color: #fff;}

/*其他*/

.pages{padding-top: 10px;padding-bottom: 10px;}
.pagess a{color:#666}
.pagess a:hover{color:#0081ba!important}
.page-num-current{color:#fff!important}
.page-num-current:hover{color:#fff!important}


/*news*/
.news{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:70px; margin-bottom:70px;}
.news ul li{ width:1200px; height:auto; overflow:hidden; margin-bottom:42px; border-bottom:1px solid #eee; }

.news_1{ width:320px; height:200px; overflow:hidden; float:left; margin-right:48px;margin-bottom:22px;}
.news_1 img{ width:320px; height:200px;transition: all 0.6s;}
.news_1 img:hover{width:320px; height:200px;transform: scale(1.1);}
.news_2{ width:100%; height:200px; overflow:hidden; float:left;margin-bottom:22px; }
.news_2_1{ width:100%; height:24px; line-height:24px; font-size:20px; font-weight:bold; margin-top:21px; overflow:hidden;}
.news_2_1 a{ color:#333;}
.news_2_1 a:hover{ color:#d7000f; text-decoration:underline;}
.news_2_2{ width:100%; height:34px; line-height:34px; font-size:14px; color:#666; text-transform:uppercase; overflow:hidden;}

.news_2_4{ width:100%; height:62px; line-height:31px; font-size:16px; color:#666;overflow:hidden; margin-top:20px;}
.news_2_5{ width:100%; height:28px; line-height:28px; font-size:14px; overflow:hidden; margin-top:13px;}
.news_2_5 a{ width:98px; height:28px; color:#fff; background:#333; text-align:center; display:block; float: right}
.news_2_5 a:hover{ width:98px; height:28px; color:#fff; background:#d7000f; text-align:center;}


@media screen and (max-width:1800px){
.case1{ width: 89%; height: 80px; overflow: hidden; margin: 0 auto; margin-top: 50px;}
.case1_1{ width: 53%; height: 80px; overflow: hidden; line-height: 80px; font-size: 64px; color: #000; float: left}
.case1_2{ width: 47%; height: 80px; overflow: hidden; line-height: 40px; font-size: 20px; color: #333; float: left}
.case2{ width: 89%; height: auto; overflow: hidden;margin: 0 auto; margin-top: 60px;line-height: 44px; font-size: 20px; color: #333; }


}

@media screen and (max-width:750px){
.case{ width:95%; height:auto; overflow: hidden; margin: 0 auto; margin-bottom: 10px; }
.case_1{height:auto;overflow: hidden;float: right;margin-top: 20px;}
.case_1 ul li{width: auto;height: 32px;line-height: 32px;font-size: 14px;margin-right: 8px;margin-bottom: 8px;float: left;border: 1px solid #ccc}
.case_1 ul li:nth-child(5n){margin-right: 0px;}
.case_1 ul li a{color: #333;padding-left: 8px;padding-right: 8px;}
.case_1 ul li a:hover{ color: #D50512; font-weight: bold;}
.case_1h{color: #D50512!important; font-weight: bold;}
.hidden{ display: none;}
	
	
.fenye{width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:40px; margin-bottom:40px; }

/*文章页*/
.wenz{ width: 96%; height: auto; line-height: 40px; overflow: hidden; margin: 0 auto; margin-top: 23px; border-bottom: 1px solid #D9D9D9; font-size: 18px; color: #000; text-align: center}
.wenz_1{ width: 96%; height: 34px;line-height: 34px; overflow: hidden; margin: 0 auto; font-size: 14px; color: #333; text-align: right}
.wenz_2{ width: 96%; height: auto;line-height: 28px; overflow: hidden; margin: 0 auto;  font-size: 14px; color: #333; margin-top: 14px; }
.wenz_2 img{ width:auto; height: auto;max-width: 100%;}
.wenz_3{ width: 96%; height: auto;line-height: 30px; overflow: hidden; margin: 0 auto;  font-size: 14px; color: #333;margin-top: 14px;border-bottom: 1px solid #D9D9D9; margin-bottom: 60px;}
.wenz_3 ul li{ width: 100%; height: 30px; float: left;}
.wenz_3 ul li a{ color: #333;}
.wenz_3 ul li a:hover{ color: #D50512; font-weight: bold;}
.wenz_3 ul li:nth-child(2){ text-align: left}

/*案例详情*/
.case1{ width: 96%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 10px;}
.case1_1{ width: 100%; height: 48px; overflow: hidden; line-height: 48px; font-size: 18px; color: #000; float: left; font-weight: 600;}
.case1_2{ width: 100%; height: 48px; overflow: hidden; line-height: 24px; font-size: 14px; color: #333; float: left}
.case2{ width: 96%; height: auto; overflow: hidden;margin: 0 auto; margin-top: 20px;line-height:28px; font-size: 14px; color: #333; }
.case2 img{ width:auto; height: auto;max-width: 100%; margin-top: 20px;}




.case3{ width:100%; height:auto; overflow:hidden; background:#FAFAFA;}
/*news*/
.news{ width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.news ul li{ width:100%; height:auto; overflow:hidden; margin-bottom:12px; border-bottom:1px solid #eee; }

.news_1{ width:320px; height:auto; overflow:hidden; float:left; margin-right:48px;margin-bottom:22px;}
.news_1 img{ width:320px; height:auto;transition: all 0.6s;}
.news_1 img:hover{width:320px; height:auto;transform: scale(1.1);}
.news_2{ width:100%; height:auto; overflow:hidden; float:left;margin-bottom:22px; }
.news_2_1{ width:100%; height:24px; line-height:24px; font-size:18px; font-weight:bold; margin-top:11px; overflow:hidden;}
.news_2_1 a{ color:#333;}
.news_2_1 a:hover{ color:#d7000f; text-decoration:underline;}
.news_2_2{ width:100%; height:24px; line-height:24px; font-size:12px; color:#666; text-transform:uppercase; overflow:hidden;}

.news_2_4{ width:100%; height:52px; line-height:26px; font-size:14px; color:#666;overflow:hidden; margin-top:10px;}
.news_2_5{ width:100%; height:28px; line-height:28px; font-size:14px; overflow:hidden; margin-top:5px;}
.news_2_5 a{ width:98px; height:28px; color:#fff; background:#333; text-align:center; display:block; float: right}
.news_2_5 a:hover{ width:98px; height:28px; color:#fff; background:#d7000f; text-align:center;}
}
@media screen and (max-width:424px){

.case_1 ul li{width: auto;height: 32px;line-height: 32px;font-size: 14px;margin-right: 18px;margin-bottom: 12px;float: left;border: 1px solid #ccc}
.case_1 ul li:nth-child(4n){margin-right: 0px;}
.case_1 ul li:nth-child(5n){margin-right: 18px;}


}