.nav ul li a{ color:#FFFFFF} .nav ul ul{ font-size:14px; line-height:1.5; text-align:center; float: left; width: 100%; position: absolute; z-index: 22; left: 0px; top:100px;background-color:rgba(0,0,0,0.3); display:none; background-color:#FFFFFF; } .nav ul ul ul{ left:100%; top:0px;} .nav ul li ul li{ float:left; width:100%;} .nav ul li ul li>a{ float:left; width:100%; padding-top:10px; padding-bottom:10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee; color:#666666; } /*.nav ul li ul li>a:hover:after{ content:''; position: absolute; left: 0px; bottom: 0px; width: 100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #1F5496;}*/ .nav ul li{ position: relative;} .nav>ul>li:hover:after{ content:''; /* background-color:rgba(0,0,0,0.3);*/ position: absolute; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #1F5496; left: 0px; bottom: 0px; width: 100%; } .nav>ul>li:hover>ul{ display:block} .nav >ul> li:nth-child(4)>ul{ width:120%; } .nav ul li ul li a:hover,#header.navbg .nav ul li ul li a:hover{ background-color:#1F5496; color:#FFFFFF} #header.navbg a{ color:#666666} .logo2{ display:none} #header.navbg .logo2{ display:block} #header.navbg .logo11{ display:none;} .bgs{ float:left; width:100%; background-color:#ffffff;} #postion{ float:left; width:100%; line-height:32px; font-size:14px; position: relative; padding-top:10px; } #postion>b{background-color: #286bbe; display:none; font-size: 36px; line-height:1; color: #FFFFFF; text-align: center; padding-top:20px; padding-bottom:20px; /* position: absolute; left: 0px; bottom: 0px; background-image: url(in_r2_c2.png); background-repeat: no-repeat; background-position: center top;*/ border-radius:5px 5px 0 0; font-weight: lighter; padding-left:20px; padding-right:20px; float:left; } #postion>div{ float:left} #postion>div,#postion>div a{ color:#999999} #main{ clear:both; /*border: 1px solid #dddddd;*/border-radius:5px; padding:20px; margin-bottom:50px; } .sortin{ background-color:#F5F5F5; margin-bottom:10px;} .sortin a{ color:#666666;} .pronav{ clear:both; text-align:center; line-height:90px; margin-bottom: 0px; } .pronav a{ display:inline-block; margin-left:5px; -webkit-transition:100ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; font-size: 18px; position: relative; padding-left:25px; padding-right:25px; } .pronav a span{display:inline-block;} .pronav a:after{ content:''; border-left-width: 1px; border-left-style: solid; border-left-color: #cccccc; height:12px; position: absolute; left: 0px; top: 50%; margin-top:-6px; } .pronav a.select,.pronav a:hover{ color: #004A9A; } .pronav a:before{ content:''; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #004A9A; position: absolute; left: 0px; bottom: 0px; float: left; width: 0%;-webkit-transition:100ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; } .pronav a:hover:before,.pronav a.select:before{ width: 100%; } #cms *,#cms1 *{max-width:100%;} #cms .li{ float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #737373; padding-bottom: 5px; line-height: 32px; font-size: 14px; } #cms .li .ntitle{ float: left; width: 80%; text-align: left; white-space: nowrap; overflow: hidden; font-family: "宋体"; text-overflow: ellipsis; } #cms .li .ntitle a{ font-family: Arial, Helvetica, sans-serif; } #cms .li .time{ float: right; width: 12%; color: #999999; font-size: 14px; } #cms1 .content{ float: left; width: 700px; overflow: hidden; margin-top: 10px; padding-bottom: 10px; } #cms .list,#cms .slist{ width:325px; margin-left: 30px; margin-right: 30px; overflow:hidden; float:left; margin-top:10px; margin-bottom:10px; } #cms .list:nth-child(3n+1){ clear:both} /*#cms .list .item1{ color:#666666} #cms .list .item2{ color:#666666}*/ #cms .list .img,#cms .slist .img{ width: 323px; border: 1px solid #ddd; float:left;height:330px; overflow:hidden; text-align:center;display: flex; justify-content:center; align-items:center; } #cms .list .img img{max-height:100%; max-width:100%;} #cms .list .text{ display:none} #cms .list .img .text{ padding: 5%; float: left; height: 90%; width: 90%; position: absolute; left: 0px; top: 100%; background-color:rgba(0,120,255,0.5);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; z-index:22; color:#FFFFFF; display:block } #cms .list:hover .img .text{ display:block;top:0%;} #cms .list:hover .img .text .ntitle{ font-size:24px; padding-bottom:10px; padding-top:10px;} #cms .list:hover .img .text+img{ width:100%; height:100%;} #cms .list .img{ /*background-color:#e8e9eb*/ position: relative; } /*#cms .list .img img{height:230px; width: 100%;}*/ #cms .list .img a:hover img,#cms .list:hover .img img,#cms .slist .img a:hover,#cms .slist:hover .img a{opacity:1;} #cms .list .ntitle,#cms .slist .ntitle{ width:100%; text-align:center; white-space: nowrap; overflow: hidden; line-height:35px; } #cms1 h1.h1{ font-size: 28px; /*font-weight: lighter;*/ line-height: 1.5; padding-top: 15px; padding-bottom:30px; } #cms1 #info{ font-size: 14px; /*line-height: 50px;*/ color: #CCCCCC; } #cms1 #content{ padding-bottom: 15px; } #pages{ float: left; clear:both; width:100%; line-height: 50px; padding-top: 15px; padding-bottom: 15px; text-align: center; } #pages a{ height: 18px; margin-right: 5px; margin-left: 5px; border: 1px solid #dddddd; text-align: center; padding-right: 8px; padding-left: 8px; line-height: 18px; color: #666666; padding-top: 3px; padding-bottom: 3px; } #pages a.select{ background-color:#005baa; color: #FFFFFF; } #cms .picli{ float: left; width: 46%; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; padding-left:1%; padding-right:1%; margin-right: 1%; margin-left: 1%; } #cms .picli:nth-child(2n+1){ clear:both} /*#cms .picli:hover a{color: #0099FF;}*/ #cms .picli .img{ float:left; overflow:hidden; background-color: #FFFFFF; padding: 2px; } #cms .picli .img img{ width:180px; height:120px; } #cms .picli .img+.right{ margin-left:200px;} #cms .picli .right .dp{ float:left; width:100%; /* font-family: "宋体";*/ font-size: 12px; color: #666666; line-height:1.5; height:3em; overflow:hidden; } #cms .picli .img+ .right> .dp{ height:6em;} #cms .picli .date+ .right> .dp{ height:3em;} #cms .picli .right .ntitle{ font-size: 16px; white-space: nowrap; float: left; width: 100%; overflow: hidden; padding-bottom: 5px; } #cms .picli .date{ float:left; overflow:hidden; background-color: #eeeeee; width:90px; height:90px; text-align: center;border-radius:5px; } #cms .picli .date+.right{ margin-left:100px;} #cms .picli .date>span{display:block; font-size:32px;background-color: #999999; line-height:60px;} #cms .picli .date>i{ font-size: 14px; font-style: normal; line-height: 30px; color: #666666; display:block; } #cms .picli:hover{ /*background-color:rgba(200,200,200,0.1);*/background-color:rgba(0,120,255,0.5);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;} #cms .picli:hover .right .dp,#cms .picli:hover,#cms .picli:hover a{color: #ffffff;} #cms .spicli{ float:left; width: 46%; margin-right: 2%; margin-left: 2%; margin-top: 15px; margin-bottom: 15px; } #cms .spicli:nth-child(2n+1){ clear:both} #cms .spicli *{ max-width:100%;} #cms .spicli>div{ float:left; width:100%; text-align:center} #cms .spicli>div.right{ color: #666666; padding-top:15px; } #cms .spicli>div.right>div{ float:left; width:100%; /* white-space: nowrap;*/ overflow: hidden; line-height:2; } #cms .spicli>div.right .ntitle{white-space: nowrap; font-size: 16px; font-weight: bold; color:#CC0000; line-height: 45px; float: left; width: 100%; /* border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; */margin-bottom:10px; text-align:center; } /*#cms .spicli>div.right .item>span{ color:#0066CC}*/ #cms .spicli>div.right .ntitle a{color:#CC0000;} .back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right; line-height:32px;} .back a{ display:inline-block; background-color:#283653; color: #FFFFFF; padding-left:15px; padding-right:15px; } .nextpage div{ white-space: nowrap; float: left; width: 100%; overflow: hidden; } .pagination{ clear:both; text-align:center; padding-top:15px;} .pagination li{ display:inline-block; border: 1px solid #dddddd; padding-left:10px; padding-right:10px; margin: 0px; overflow:hidden; } .pagination li+li{ border-left-style: none; } .pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;} .pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;} .pagination li:nth-last-child(2){border-radius:0 3px 3px 0;} .pagination li.disabled{} .pagination li.active{ background-color:#1DA3F3; color:#FFFFFF} .pagination li a{ color:#333333} #cms .caseli{ border: 1px solid #eeeeee;overflow:hidden; float: left; width: 32%; margin-left: 2%; margin-bottom: 15px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #cms .caseli:nth-child(3n+1){ clear:both; margin-left:0px;} #cms .caseli .img{float:left; width:100%; height:220px;display: flex; overflow:hidden; justify-content:center; align-items:center;} #cms .caseli .img img{width:100%;} #cms .caseli .dp{ clear:both; } #cms .caseli .dp .title{ padding-left:10px; padding-right:10px; color:#888888; padding-top:10px;} #cms .caseli .dp .ntitle{ padding-left:10px; padding-right:10px; line-height:1.2; min-height:2.4em; margin-top:10px; color:#333333; } #cms .caseli .dp .more{ padding-left:10px; padding-right:10px; border-top-width: 1px; border-top-style: solid; border-top-color: #eeeeee; text-align: right; margin-top:10px; color:#666666; } /*#cms .caseli:hover,#cms .caseli:hover a .title,#cms .caseli:hover a .ntitle,#cms .caseli:hover a .more{ color: #004A9A;}*/ #cms .caseli:hover a .ntitle{ color: #004A9A;}