/* 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:#0177ce;}
.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:#0177ce;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:calc(100% - 20px);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;}
 .container .side-bar {width:25%;float:left;padding:40px 0px 0px 0px;min-height:1380px;background:#0177ce;}
.pagenavbar {background:rgba(255,255,255,0.15);}
.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.3);}
.aside li a {margin-bottom:15px;display:block;width:100%;line-height:40px;padding:0 10px 0 20px;color:#000;}
.aside li a:hover {color:#fff;}
.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:15px;line-height:40px;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;background:rgba(255,255,255,0.1);}
.left-related:hover 
.left-related li {width:100%;height:auto;}
.left-related li a {border-bottom:dotted 1px rgba(0,0,0,0.06);width:100%;height:24px;line-height:24px;font-size:14px;color:#fff;overflow:hidden;font-weight:200;}
.left-related li a:hover {color:#fff;}
.left-related li p {color:rgba(255,255,255,0.7);font-weight:100;height:45px;line-height:15px;overflow:hidden;margin-top:5px;font-size:12px;}
.r-more {text-align:right;padding-right:10px;font-size:12px;height: 25px;}
.left-related li .r-more a {color:#000;font-size:13px;font-weight:200;font-style:italic;}
.warp .container .main {width:calc(75% - 80px);float:right;height:auto;min-height:618px;padding:50px 40px 50px 40px;}
.content {min-height:800px;background:#fff;padding:50px 50px 50px 120px;}
.art-con-tlt {font-size:36px;line-height:36px;height:72px;padding-top:24px;color:#0177ce;word-break:break-word;}
.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:#0177ce;}
.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:#0177ce;}
.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:#626469;}
.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;}
.p-list>ul {padding:0px 0 30px 0;}
.p-list>ul>li {width:calc(33.333% - 1px);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:#0177ce;}
.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:#0177ce;}
.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-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(0%);filter:grayscale(0%);}
.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;}
.news-list-box {width:75%;float:right;height:auto;min-height:618px;padding:50px;}
.news-list {maegin:30px 0;}
.news-list li {width:calc(33.333% - 20px);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 {font-size:20px;line-height:24px;color:#000;max-height:96px;overflow:hidden;}
.news-list li .inner h2 a {color:#fff;}
.news-list li:hover  h2 a {color:#000;}
.news-list li:nth-child(even) .inner h2 a {color:#626469;}
.news-list li:nth-child(even):hover  h2 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:#0177ce;}
.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;}}


h1{font-size: 2.4em;line-height: 1em;font-weight: 900;color: #000; margin: 0 0 50px 0;text-align:center;}
h2{font-size: 1.8em;line-height: 1em;font-weight: 700;color: #000; margin: 0 0 30px 0;text-align:left;}
h3{font-size: 1.33333em;line-height: 1em;font-weight: 500;color: #000; margin: 0 0 30px 0;text-align:left;}