﻿/* CSS Document */
input,textarea {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.b-tlt {font-size:26px;color:#201D1D;margin:55px 0 23px;text-transform:uppercase;padding-left:20px;}
.p-banner {position:relative;height:180px;display:inline-block;width:100%;}
.p-banners {background:url(../images/bg-content.jpg);background-attachment:fixed;background-size:cover;height:960px;}
.p-banner:after {clear:both;content:"";display:block;height:0;visibility:hidden;}
.h1-tlt {font-size:36px;text-transform:uppercase;text-align:center;}
.h1-tlt a {color:#c7000b;display:inline-block;position:relative;}
.h1-tlt a:before,.h1-tlt a:after {position:absolute;content:'';width:40px;height:3px;background-color:#c7000b;top:50%;margin-top:-1.5px;}
.h1-tlt a:before {left:-51px;}
.h1-tlt a:after {right:-51px;}
.curmb {color:#000;text-align:right;margin:0px 10px 40px 0;font-size:14px;font-weight:300;}
.curmb a {color:#193c64;}
.curmb a:hover {color:#000;}
.next-box {margin-top:0px;border-top:solid 1px rgba(0,0,0,0.05);padding:21px 0 0;margin:30px 0 10px;}
.next-box .next {color:#000;font-size:16px;line-height:30px;}
.next-box .next a {padding:0 10px;color:#193c64;font-size:14px;}
.next-box .next a:hover {color:#333;}
.warp {position:relative;z-index:0;overflow:hidden;color:#626469;padding-top:160px;}
.warp>.container {position:relative;z-index:1;width:1140px;background:#fff;height:auto;}
.h-button {display:none;}
.g-tlt {width:100%;font-size:18px;font-weight:300;text-transform:uppercase;color:#fff;line-height:48px;padding:30px 10px 10px 0;margin:20px 0px 10px;text-align:center;position:relative;}
.g-tlt a {color:#fff;}
.side-bar .bar:nth-child(n+2) .g-tlt {border-bottom:1px solid rgba(255,255,255,0.3);padding:30px 10px 0 0px;margin:0;}
.side-bar .bar:nth-child(n+1):hover {background:rgba(255,255,255,0);}
.container .side-bar {width:25%;float:left;padding:40px 0px 0px 0px;min-height:618px;background:rgba(25,60,100,0.9);}
.pagenavbar {background:rgba(25,60,100,1);}
.pagenavbar .g-tlt:after {font-family:fontawesome;font-size:20px;padding-left:20px;content:"\f107";color:#fff;float:right;}
.aside li h3 {font-size:15px;font-weight:300;border-bottom:1px solid rgba(255,255,255,0.7);}
.aside li a {display:block;width:100%;line-height:40px;padding:0 10px 0 20px;color:rgba(255,255,255,1);}
.aside li a:hover {color:rgba(0,0,0,0.7);}
.aside li h4 {border-bottom: 1px solid rgba(255,255,255,0.3);}
.aside li:last-child {padding:0 0px 20px 0px;position:relative;}
.categroy ul {}
.categroy li {border-bottom:1px solid rgba(255,255,255,0.2);}
.categroy li a {font-size:18px;line-height:60px;color:#fff;padding:0 10px 0 20px;}
.categroy li:hover {}
.categroy li:hover a {color:#000;background:rgba(255,255,255,0.1);}
.new {margin:18px 15px 30px 15px;}
.left-related {padding:18px 10px 30px;}
.left-related:hover {background:rgba(255,255,255,0.15);}
.left-related li {width:100%;height:auto;}
.left-related li a {border-bottom:dotted 1px rgba(0,0,0,0.06);width:100%;height:48px;line-height:20px;font-size:14px;color:rgba(255,255,255,0.8);overflow:hidden;font-weight:200;}
.left-related li a:hover {color:rgba(255,255,255,1);}
.left-related li p {color:rgba(255,255,255,0.7);font-weight:100;height:45px;line-height:15px;overflow:hidden;margin-top:15px;font-size:12px;}
.r-more {text-align:right;padding-right:10px;font-size:12px;}
.left-related li .r-more a {color:rgba(255,255,255,0.6);font-size:13px;font-weight:200;font-style:italic;}
.warp .container .main {width:75%;float:right;height:auto;min-height:618px;padding:50px 20px 50px 20px;background:#fff;}
.content {min-height:800px;background:#fff;padding:50px 50px 50px 120px;}
.art-con-tlt {font-size:36px;line-height:36px;height:auto;padding-top:24px;color:#193c64;word-break:break-word;margin:0 0 40px 0;text-align:center;}
.art-con-tlt:after {content:'';height:1px;width:300px;margin:0 auto;margin-top:20px;margin-bottom:40px;display:block;background:-moz-linear-gradient(left,rgba(0,157,217,0) 0%,rgba(0,157,217,0.5) 26%,#0177ce 50%,rgba(0,157,217,0.5) 77%,rgba(0,157,217,0) 100%);background:-webkit-linear-gradient(left,rgba(0,157,217,0) 0%,rgba(0,157,217,0.5) 26%,#0177ce 50%,rgba(0,157,217,0.5) 77%,rgba(0,157,217,0) 100%);background:linear-gradient(to right,rgba(0,157,217,0) 0%,rgba(0,157,217,0.5) 26%,#0177ce 50%,rgba(0,157,217,0.5) 77%,rgba(0,157,217,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000177ce',endColorstr='#000177ce',GradientType=1 );}
.art-news-tlt {font-size:1.33333em;line-height:1em;font-weight:300;color:#000;margin:0 0 30px 0;}
.art-con-tlt a {color:#193c64;}
.art-con-tlt a:hover {color:#000;border-bottom:1px solid;}
.content figure,.art-content figure {margin:0 0 20px 0;}
.art-content .inner figure img,.content figure img {width:100%;height:auto;}
.art-content .inner figure figcaption,.content figure figcaption {font-size:18px;font-weight:300;text-align:center;color:#444;line-height:32px;}
.art-content .inner>figure figcaption a,.content>figure figcaption a {color:#ee0200;}
.art-content .inner>figure figcaption a:hover,.content>figure figcaption a {color:#000;border-bottom:1px solid;}
.content p,.art-content  .inner p {margin:0 0 20px 0;color:#444;}
.content p,.art-content  .inner p:nth-last-child(1) {margin:0 0 70px 0;}
.art-content>.inner>h2,.content>.inner>h2 {font-size:21px;line-height:32px;margin:40px 0 20px 0;color:#000;}
.art-content .inner table  {font-family:verdana,arial,sans-serif;font-size:11px;color:#333;border-width:1px;border-color:#666;border-collapse:collapse;width:100%;margin:20px auto}
.art-content .inner table  td:nth-child(odd) {border-width:1px;padding:1px;border-style:solid;border-color:#666;color:#000;background-color:#dedede;font-weight:600;text-align:center}
.art-content .inner table  td {border-width:1px;padding:1px;border-style:solid;border-color:#666;background-color:#fff}
.art-content .inner table  td p:nth-last-child(1){margin:0 0 0px 0;}
.p-list>ul {padding:0px 0 30px 0;}
.p-list>ul>li {width:25%;height:auto;margin:10px 0;padding:0 1px 0 0;float:left;}
.p-list>ul>li>figure {width:100%;height:auto;margin:0;}
.p-list-con h4 {height:30px;font-size:14px;line-height:32px;overflow:hidden;text-align:center;background:rgba(1,119,206,1);}
.p-list-con>h4>a {color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;}
.p-list>ul>li:hover .p-list-con h4 a {color:#000;}
.p-list-con h3 {height:30px;font-size:14px;line-height:32px;overflow:hidden;text-align:center;background:#193c64;}
.p-list-con h3 a {color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;}
.p-list>ul>li:hover .p-list-con h3 a {color:#000;}
.p-list>ul>li img {width:100%;height:auto;-webkit-filter:grayscale(0%);filter:grayscale(0%);-webkit-transition:all 1s;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out,all 0.2s ease-in-out,all .2s ease-in-out;}
.p-list>ul>li:hover img {-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.content>.p-list>ul>li img {width:100%;height:auto;-webkit-filter:grayscale(0%);filter:grayscale(0%);-webkit-transition:all 1s;-moz-transition:all 0.5s;transition:all 0.5s;}
.content>.p-list>ul>li:hover img {-webkit-filter:grayscale(100%);filter:grayscale(100%);}
 
@media only screen and (max-width:800px) {.curmb {display:none;}
.warp {padding-top:0px;}
.warp .container .main {width:100%;background:#fff;padding:20px;}
.warp>.container {width:100%;background:none;}
.content {padding:0 20px;}
.balive {background:#626469;color:#fff;}
.h-button {display:block;width:128px;margin:0 0 20px 20px;padding:0 10px;}
.balive:hover {color:#fff;}
.container .side-bar {width:calc(100% - 30px);margin:0 15px 30px 15px;padding:40px 0px 60px 0px;min-height:240px;display:none;}
.newsbar{display:none;}
.side-bar .bar .g-tlt:nth-child(1) {margin:0;padding:20px 15px 20px 0;}
.bar-show {display:block;}
.p-list>ul>li {width:100%;padding:0 1px;}
}
.content .date {color:#666666;line-height:28px;margin-top:14px;}
.content>.con {border-top:solid 1px #000;border-top:solid 1px rgba(0,0,0,0.1);margin-top:19px;padding:15px 0 20px;}
.content>.con p {margin:10px 20px;font-size:14px;}
.title-box{margin:0 10px 40px 0;}
.title-box .news-con-tlt{font-size:32px;line-height:40px;color:#000;float:left;}
.title-box span{font-size:16px;line-height:20px;float:right;}
.title-box span a{color:#ee0200;}
.news-list-box {width:75%;float:right;height:auto;min-height:618px;padding:50px;background:#fff;}
.news-list {maegin:30px 0;}
.news-list li {width:33.333%;padding:0 10px 30px 10px;overflow:hidden;float:left;}
.news-list li .img {width:100%;height:200px;overflow:hidden;}
.news-list li .img img {width:auto;height:200px;}
.news-list li:hover .img img {-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;}
.news-list li .inner {font-size:18px;background:#626469;color:#9b9ca0;padding:20px 20px 40px 20px;position:relative;}
.news-list li:nth-child(even) .inner {background:#cddae2;}
.news-list li .inner .date {font-size:16px;color:#9b9ca0;padding-bottom:10px;height:26px;}
.news-list li .inner .date:after {clear:both;content:"";display:block;height:0;visibility:hidden;}
.news-list li .inner h2,.news-list li .inner h5 {font-size:20px;line-height:24px;color:#000;height:48px;overflow:hidden;}
.news-list li .inner h2 a,.news-list li .inner h5 a {color:#fff;}
.news-list li:hover  h2 a,.news-list li:hover  h5 a {color:#000;}
.news-list li .inner h4 a{color:rgba(255,255,255,1);}
.news-list li:hover  h4 a{color:rgba(255,255,255,1);}
.news-list li:nth-child(odd) .inner h4 a{color:rgba(0,0,0,0.9);}
.news-list li:nth-child(odd):hover  h4 a{color:rgba(255,255,255,0.9);}
.news-list li:nth-child(even) .inner h2 a,.news-list li:nth-child(even) .inner h5 a {color:#626469;}
.news-list li:nth-child(even):hover  h2 a,.news-list li:nth-child(even):hover  h5 a {color:#000;}
.news-list li .inner p {font-size:16px;font-weight:300;line-height:24px;height:96px;overflow:hidden;color:#9b9ca0;margin:20px 0;}
.news-list li .inner .fa {font-size:30px;width:100%;display:block;text-align:right;position:absolute;left:auto;right:20px;bottom:20px;}
.news-list li:hover .inner .fa:before {color:#fff}
@media only screen and (max-width:768px) {.news-list-box {width:calc(100% - 40px);float:right;height:auto;min-height:618px;padding:20px;margin:0 20px;background:#fff;}
.news-list li {width:100%;padding:0 10px 30px 10px;overflow:hidden;float:left;}
.news-list li .img img {width:100%;height:auto;}
}
.contact {min-height:618px;background:#fff;padding:50px 50px 50px 120px;}
.art-contact-tlt {font-size:18px;line-height:48px;color:#ee0200;}
.contact-inner {width:55%;float:left;padding-right:10px;}
.contact-inner p {color:#333;font-size:14px;line-height:32px;padding:0 0 0px 10px;}
.contact-inner p:nth-last-child(1) {padding:0 0 20px 10px;}
.contact-inner .map {margin:20px 0;width:100%;height:390px;}
.contact .feedback {width:45%;float:right;padding:0 0 0 20px;}
.m-cattt {font-size:18px;font-weight:700;color:#000;margin:55px 0 17px 0;}
.map {padding:42px 0 0;background:#fff}
.map .inner {margin:20px 0 0 0;width:100%;height:390px;}
.map .con {bottom:0%;z-index:9;width:40%;height:500px;background:#003a7a;filter:alpha(opacity:80);opacity:0.8;color:#fff;padding:160px 40px 0 0;}
.map .con h4 {float:right;font:italic 900 40px/80px "Open Sans","Lucida Grande","Arial",sans-serif;width:100%;text-align:right;}
.map .con h5 {float:right;font:italic 300 16px/24px "Open Sans","Lucida Grande","Arial",sans-serif;width:100%;text-align:right;}
@media only screen and (max-width:960px){.warp>.container {width:90%;margin:0 5%;}.contact {padding:20px 20px 20px 60px;}}
.sitemap {padding:20px  0px 20px 80px;}
.sitemap ul li {list-style:none;line-height:22px;}
.sitemap ul li a {color:#009dd9;}
.sitemap ul li:before {content:'\f111';font-family:fontawesome;color:#009dd9;margin-left:-12px;margin-right:8px;font-size:5px;position:relative;top:-4.5px;float:left;line-height:30px;}
.next a{color:#e42627;}
