/* CSS Document */ *{margin:0; padding:0; font-family:Arial, Helvetica, 寰蒋闆呴粦, sans-serif; } a{ color:#333; text-decoration:none;} ul, ol{list-style-type:none;} img{border:0; max-width:100%; vertical-align: middle;} .container{width:1280px; margin:0 auto; height:100%;} .clear{clear:both;} body{ overflow-x:hidden; position:relative; background:url(../images/bg.jpg) no-repeat center top;} h1, h2, h3, h4, h5, h6,b{ font-weight:normal;} input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());} p{ text-align:justify;} .fl{ float:left;} .fr{ float:right;} .datebox1, .datebox2{ display:none;} .header-top{ height:46px; line-height:46px; background:rgba(51,51,51,.2); font-size:16px; color:#333;} .header{ height:142px;} .header .logo{ float:left; padding:25px 0 24px} .header .search{ float:right; margin-top:60px;} .header .search input[type="text"]{ width:200px; height:40px; border:1px solid #cacaca; border-right:0; border-radius:6px 0 0 6px; padding:0 10px; float:left;} .header .search input[type="submit"]{ width:80px; height:42px; border:1px solid #2a4b8f; font-size:18px; color:#fff; float:left; background:#2a4b8f; border-radius:0 6px 6px 0;} .nav{ background:rgba(42,75,143,.5); line-height:80px; height:80px;} .nav li{ float:left; height:80px; position:relative;} .nav li >a { display:inline-block; height:100%; font-size:18px; color:#fff; padding:0 31px;} .nav li.on > a, .nav li:hover > a{ background:#fff; color:#2a4b8f;} .nav li dl{ position:absolute; display:none; z-index:999; background:#fff; left:50%; transform:translateX(-50%); width: 100%; top:100%;} .nav li:hover dl { display: block; } .nav li dl dd{ line-height:45px; border-top:1px dashed #ccc; display:table; width:100%; height:45px;} .nav li dl dd a{ width:100%; height:100%; display: table-cell; vertical-align: middle; line-height:24px; font-size:14px; text-align: center; color:#333;} .nav li dl dd:hover a{ background:rgba(42,75,143,.5); color:#fff;} .inews-top{ overflow:hidden; margin-top:50px;} .inews-box1{ width:553px; float:left; position:relative;} .inews-box1 .bd{ width:553px; height:405px;} .inews-box1 .bd li{ position:relative;} .inews-box1 .bd li .img{ position:relative; z-index:0; height: 405px;} .inews-box1 .bd li .title{ position:absolute; line-height:44px; bottom:0; left:0; background:rgba(0,0,0,.6); width:100%; height:44px;} .inews-box1 .bd li .title p{ font-size:16px; color:#fff; width:400px; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding:0 10px; height:44px;} .inews-box1 .bd li:hover .title p{ color:#0093dd;} .inews-box1 .hd ul{ position:absolute; right: 6px; bottom: 20px;} .inews-box1 .hd ul li{ float:left; text-indent:-999999px; width:8px; height:8px; border-radius:8px; margin:0 6px; background:#fff;} .inews-box1 .hd ul li.on{ background:#0093dd;} .inews-box1 .hd a{ width:53px; height:51px; position:absolute; top:50%; transform:translateY(-50%); opacity:0;} .inews-box1:hover .hd a{ opacity:1;} .inews-box1 .hd a.prev{ background:url(../images/news-prev.png) no-repeat center; left:0;} .inews-box1 .hd a.next{ background:url(../images/news-next.png) no-repeat center; right:0;} .inews-box2{ float:right; width:678px;} .inews-box2 .hd{ height:55px; line-height:55px; background:#f2f2f2;} .inews-box2 .hd li{ float:left; margin:0 30px 0 20px; position:relative; width:85px; text-align:center;} .inews-box2 .hd li a{ display:inline-block; height:100%; font-size:20px; color:#333; font-weight:bold;} .inews-box2 .hd li i{ width:85px; height:2px; background:#0093dd; position:absolute; bottom:0; left:0; display:none;} .inews-box2 .hd li.on a{ color:#0093dd;} .inews-box2 .hd li.on i{ display:inline-block;} .inews-box2 .bd{ padding:0 20px; background:#fff; height:350px;} .inews-box2 .bd li{ overflow:hidden; width:100%; border-bottom:1px dashed #d5d4d4; padding:13px 0;} .inews-box2 .bd li .Ndate{ width:80px; height:64px; background:#c3c2c2; color:#333; text-align:center; float:left;} .inews-box2 .bd li:hover .Ndate{ background:#0093dd; color:#fff;} .inews-box2 .bd li .Ndate span{ font-size:18px; margin: 10px 0 4px; display: inline-block;} .inews-box2 .bd li .Ndate p{ font-size:14px; text-align:center;} .inews-box2 .bd li .text{ float:right; width:534px;} .inews-box2 .bd li .text .title{ font-size:16px; color:#333; margin: 8px 0; width:534px; height:21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inews-box2 .bd li:hover .text .title{ color:#0093dd;} .inews-box2 .bd li .text .p{ font-size:14px; color:#696868; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden; height:20px; } .igg{ margin:38px 0 30px; clear:both;} .inews-box3{ width:600px; float:left;} .inews-box3 .hd{ line-height:68px; height:68px; overflow:hidden; padding:0 20px; width:560px; position:relative; border-bottom:1px solid #ccc;} .inews-box3 .hd li{ float:left;} .inews-box3 .hd li a{ font-size:20px; color:#333; display:inline-block; padding:0 25px; font-weight:bold;} .inews-box3 .hd li.on a{ color:#0093dd;} .inews-box3 .hd i{ display:inline-block; width:6px; height:32px; background:#112360; position:absolute; left:0; top:50%; transform:translateY(-50%);} .inews-box3 .bd li{ position:relative; overflow:hidden; line-height:52px; height:52px; border-bottom:1px dashed #d5d4d4;} .inews-box3 .bd li i{ display:inline-block; width:6px; height:6px; background:#333; border-radius:6px; left:0; top:50%; transform:translateY(-50%); position:absolute;} .inews-box3 .bd li:hover i{ background:#0093dd;} .inews-box3 .bd li a{ text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size:16px; color:#333; width:460px; padding-left:18px; height:52px;} .inews-box3 .bd li:hover a{ color:#0093dd;} .inews-box3 .bd li span{ float:right; color:#333;} .inews-box4{ width:600px; float:left; margin-left: 80px;} .inews-box4 .hd{ line-height:68px; height:68px; overflow:hidden; padding:0 20px; width:560px; position:relative; border-bottom:1px solid #ccc;} .inews-box4 .hd li{ float:left;} .inews-box4 .hd li a{ font-size:20px; color:#333; display:inline-block; padding:0 25px; font-weight:bold;} .inews-box4 .hd li.on a{ color:#0093dd;} .inews-box4 .hd i{ display:inline-block; width:6px; height:32px; background:#112360; position:absolute; left:0; top:50%; transform:translateY(-50%);} .inews-box4 .bd li{ position:relative; overflow:hidden; line-height:52px; height:52px; border-bottom:1px dashed #d5d4d4;} .inews-box4 .bd li i{ display:inline-block; width:6px; height:6px; background:#333; border-radius:6px; left:0; top:50%; transform:translateY(-50%); position:absolute;} .inews-box4 .bd li:hover i{ background:#0093dd;} .inews-box4 .bd li a{ text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size:16px; color:#333; width:460px; padding-left:18px; height:52px;} .inews-box4 .bd li:hover a{ color:#0093dd;} .inews-box4 .bd li span{ float:right; color:#333;} .iabout-img{ margin-top:45px; position:relative;} .iabout-img .top{ font-size:20px; color:#333; font-weight:bold; background:url(../images/title-icon.png) no-repeat center left; padding-left:35px;} .iabout-img .bd{ width:1150px; margin:0px auto; height:176px; overflow:hidden; padding:50px 0;} .iabout-img .bd li{ float:left; width:265px; height:176px; overflow:hidden; margin-right:30px;} .iabout-img .bd li img{ transition: all 0.3s ease-out;} .iabout-img .bd li:hover img{ transform: scale(1.1,1.1);} .iabout-img .hd a{ width:53px; height:51px; position:absolute; top:55%; transform:translateY(-50%);} .iabout-img .hd a.prev{ background:url(../images/news-prev.png) no-repeat center; left:0;} .iabout-img .hd a.next{ background:url(../images/news-next.png) no-repeat center; right:0;} .footer{ background:#eee;} .footer .foot-box{ padding:28px 0; overflow:hidden;} .footer .foot-box li{ width:186px; height:40px; float:left; margin-right: 32px; position:relative;} .footer .foot-box li:last-child{ margin-right:0;} .footer .foot-box li select{ width:186px; height:40px; text-align:center; border:none; padding:0 10px; line-height:40px; appearance: none; -webkit-appearance: none; -moz-appearance: none;} .footer .foot-box li::before{ content:url(../images/foot-icon.png); position:absolute; display:inline-block; width:8px; height:14px; top:50%; transform:translateY(-50%); right:10px;} .footer .foot-copy{ padding-bottom:20px;} .footer .foot-copy p{ text-align:center; line-height: 30px;} .footer .foot-copy p span, .footer .foot-copy p a{ margin:0 14px; font-size:16px; color:#333;} .page-box{ margin-top:50px; overflow:hidden;} .ty-left{ width:282px; float:left;} .ty-left .ty-top{ width:282px; height:98px; text-align:center; line-height:98px; background:url(../images/ty-top-bg.png) no-repeat center; font-size:30px; color:#1b1b1b;} .ty-left .ty-nav dd{ border:1px solid #93d0f4; margin-top:-1px; line-height:45px; background:#d4d8df; padding:0 40px 0 36px;} .ty-left .ty-nav dd a{ display:inline-block; width:100%; height:100%;} .ty-left .ty-nav dd span{ float:right;} .ty-left .ty-nav dd.on, .ty-left .ty-nav dd:hover{ background:#0093dd;} .ty-left .ty-nav dd.on a, .ty-left .ty-nav dd:hover a{ color:#fff;} .ty-left .ty-contact{ background:url(../images/ty-contact-bg.png) no-repeat center; width:282px; height:173px; margin-top:20px;} .ty-left .ty-contact .title{ padding:20px 0 0 48px; font-size:20px; color:#333;} .ty-left .ty-contact .text{ padding:20px 18px 0 14px;} .ty-left .ty-contact .text p{ font-size:14px; color:#333; line-height:24px;} .ty-right{ width:958px; float:right;} .ty-right .ty-top{ height:40px; border-bottom:1px solid #93979d;} .ty-right .mbx{ font-size:16px; color:#333; line-height:40px; float:right;} .ty-right .mbx a{ font-size:16px; color:#333; display:inline-block; margin:0 5px;} .ty-right .mbx span{ background:url(../images/mbx-icon.png) no-repeat center left; padding-left:26px; display:inline-block;} .ty-right .mbx a:hover{ color:#0093dd; text-decoration:underline;} .ty-con{ padding:20px 0;} .about{ padding:10px 0 50px;} .about .title{ font-size:20px; color:#333; text-align:center;} .about .text{ font-size:16px; color:#333; line-height:24px; margin-top:30px;} .img-list{ padding:20px 0;} .img-list li{ width:265px; float:left; margin-right:80px; margin-bottom:30px;} .img-list li:nth-child(3n){ margin-right:0;} .img-list li .img{ width:265px; height:176px; overflow:hidden; } .img-list li img{ transition: all 0.3s ease-out;} .img-list li:hover img{ transform: scale(1.1,1.1);} .img-list li .title{ font-size:16px; color:#333; text-align:center; line-height:40px;} .pager-list{ padding-top:40px; padding-bottom:50px; text-align:center;} .pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;} .pager-list li{ float:left; padding:0 5px;} .pager-list li>*{ display:inline-block; font-size:14px; color:#0074bf; height:30px; line-height:30px; padding:0 12px; border:1px solid #bfbfbf; background:#fff; border-radius:4px; } .pager-list li a:hover{ background:#0093dd; color:#fff; border:1px solid #0093dd;} .pager-list li.active>*{ color:#fff; background:#0093dd; border:1px solid #0093dd;} .pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;} .news-list li{ position:relative; overflow:hidden; line-height:52px; height:52px; border-bottom:1px dashed #d5d4d4;} .news-list li i{ display:inline-block; width:6px; height:6px; background:#333; border-radius:6px; left:0; top:50%; transform:translateY(-50%); position:absolute;} .news-list li:hover i{ background:#0093dd;} .news-list li a{ text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size:16px; color:#333; width:830px; padding-left:18px; height:52px;} .news-list li:hover a{ color:#0093dd;} .news-list li span{ float:right; color:#333;} .news-con{ padding:20px 0;} .news-con .title{ text-align:center; font-size:20px; color:#333;} .news-con .bq{ text-align:center; line-height:28px; font-size:14px; color:#878787; padding:20px 0;} .news-con .bq span{ margin:0 20px; } .fx{ display:inline-block;} .fx a{ display:inline-block; width:35px; height:28px !important; padding-left:0 !important; position:relative; float:left; margin:0 20px;} .fx a.wx{ background:url(../images/fx-icon4.png) no-repeat center;} .bshare-custom .bshare-weixin{ background:url(../images/fx-icon2.png) no-repeat center !important;} .bshare-custom .bshare-qzone{background:url(../images/fx-icon3.png) no-repeat center !important;} .bshare-custom .bshare-sinaminiblog{background:url(../images/fx-icon1.png) no-repeat center !important;} .news-con .text{ font-size:14px; color:#333; line-height:24px; margin-top:30px;} .news-con .text table{ margin:auto } /* .news-con .text>*+* { margin-top:22px } */ .pager{ border-top:1px solid #a1a1a1; padding:10px 0;} .pager div{ line-height:35px; font-size:14px; color:#333;} .pager div a:hover{ color:#0093dd; text-decoration:underline;}