@charset "utf-8";
/* CSS Document */
.banner{ width:100%;}
.banner img{ width:100%;}
.title{ width:160px; margin:0 auto; text-align:center; margin-top:60px;}
.title h1{ font-size:30px; font-weight:bold;}
.title p{ font-size:20px; font-weight:400;    margin-top: 5px;}
.title hr{ width:120px; margin:5px auto;}
.title .hrc{ width:35px; margin:0 auto; height:2px; background-color:#000; margin-top:-7px;}
.navb{margin-bottom: 45px;}
.navb ul{ width:70%; margin:0 auto; margin-top:55px; /*border-bottom: 1px solid #CCC;*/}
.navb ul li{ width:25%; float:left; text-align:center; height:40px; line-height:40px;}
.navb ul li a{ font-size:20px;font-weight:bold; display: block;}

.nav-box{margin-bottom: 40px;}
.nav-news{ border-bottom:1px solid #ccc; margin-top:60px; }
.nav-news-left{ float:left; width:88px; height:88px;/* margin-top:35px;*/ margin-bottom:45px; text-align:center; border:1px solid #ccc; box-shadow:0 0 5px 2px #Ccc;}
.nav-news-left h1{ font-size:36px; padding-top:10px;}
.nav-news-left p{ font-size:12px; padding-top:10px;}
.nav-news-right{ float:right; width:88%; margin-top:10px;}
.nav-news-right h2 a{ font-size:16px; font-weight:bold; /*padding-top:15px;*/word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.nav-news-right p{ font-size:14px; padding-top:10px;  word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news2{ margin-top:36px;}
.box:hover { cursor:pointer;}
.box.active a{color:#FFF; transition: all 1s; cursor:pointer;}
.box.active { background-color:#DCB76B; color:#FFF; transition: all 1s; cursor:pointer;}
.box:hover a{  cursor:pointer;}
.fg{ height:1px; background-color:#CCC;}

@media screen and (max-width:1219px){
    
}
@media screen and (max-width:1024px){
	.title {margin-top: 40px;}
	.nav-news-right { width: 85%;}
}
@media screen and (max-width:768px){
.nav-news-left { display:none;}
.nav-news-right { width:100%; margin-bottom:20px;}
.nav-news-right p {text-indent:2em;}
.nav-news {margin-top: 20px;}
.navb ul { margin-top: 30px; width:100%;}
.navb ul li { width:25%;}
.title h1 {font-size: 20px;}
.title p { font-size: 20px;}
.navb ul { margin-top:30px;}
.fg{ display:none;}
.nav-news { margin-top: 5px;}
.navb ul li a { font-size: 18px;}
.navb ul { margin-bottom: 30px;}
}
	
@media screen and (max-width:470px){.title { margin-top: 16px;}
.navb ul { margin-top: 12px;}
.title p {font-size: 20px;}
.title h1 {font-size: 20px;}
.navb ul li a { font-size: 18px;}
.nav-news-right h2 a {font-size: 16px;}
.nav-news-right p a {font-size: 14px;}
}
@media screen and (max-width:470px){/*.nav ul li{ margin-left:2px;}*/}<!--ºÄʱ1764540963.8895Ãë-->