/* CSS Document */
.h2tlt{font:600 32px/36px "Times New Roman", serif;}
.art-h1-tlt{font:900 48px/48px Times, "Times New Roman", serif;padding:0 15px;margin:1.5rem auto 1rem;text-align: center;text-transform: uppercase;color:#cc0000;}
.art-h2-tlt-sfe{font:200 36px/48px  'Raleway', sans-serif;text-align: center;}
.art-con-tlt {font-size:36px;line-height:36px;height:auto;padding-top:24px;color:#444;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 );}
.h2-list-page{font:900 36px/36px  'Poppins',sans-serif;color:#cc0000;margin:50px;}
.h2-list-page a{color:#cc0000;}
.type-h3{font:900 36px/36px Times, "Times New Roman", serif;text-align: center;text-transform:uppercase;color:rgba(27,41,114,1);}
.type-h3 i{font-size:24px;font-weight:200;}
.subtitle{font:200 14px/28px Times, "Times New Roman", serif;color:rgba(0,0,0,0.8);text-align:right;padding:0 40px 0 0;}
.subtitle:before{content:"-----";color:rgba(0,0,0,0.5);padding:0 15px 0 0;}
.art-h2-tlt{color: #1b2972;margin-bottom: 2rem;font:300 25px/25px Crimson Text,Times New Roman,serif;}
.art-h2-tlt:after {content: ""; display: block; width: 60px;border-bottom: 2px solid #1b2972; margin-top: 0.6rem;}
.art-h3-tlt{font:500 30px/36px Times, "Times New Roman", serif;margin:3rem auto 1rem;}
.products-h2-tlt{font:700 24px/36px Times, "Times New Roman", serif;margin: 2.5rem 0 1rem;}
.edu-h4-tlt{font:300 14px/20px Arial,Helvetica,sans-serif;}
/*page benner*/
.page-banner{position:relative;width:100vw;max-width:100%;height:30vh;max-height:600px;overflow:hidden;}
.page-banner-img {position:absolute;width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;}
.page-banner h1,.page-banner h2{font-size:24px;position:absolute;top:25%;left:25%;width:50%;z-index:99;text-align:center;font-family:Raleway,sans-serif;font-weight:300;text-transform:uppercase;background-color:rgba(255,255,255,0.75);box-shadow:0 1em 2em -1em rgba(0,0,0,0.5);padding:1em 2em;line-height:1.5;}
/*nav*/
.product-detail > nav > .breadcrumb,.container > nav > .breadcrumb{background-color:#fff;}
.category-display > nav > .breadcrumb{margin:10px 0;}
.breadcrumb {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:0.25rem;}
.breadcrumb-item + .breadcrumb-item::before {display:inline-block;padding-right:0.5rem;padding-left:0.5rem;color:#6c757d;content:"/";}
.breadcrumb-item + .breadcrumb-item:hover::before {text-decoration:underline;}
.breadcrumb-item + .breadcrumb-item:hover::before {text-decoration:none;}
.breadcrumb-item.active {color:#6c757d;}
/* breadcrumb fix */.breadcrumb {padding:0.5rem 0.7rem;margin:0px;}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {content:"\f101" !important;font-family:fontawesome !important;color:#757575 !important;}
.breadcrumb {background-color:#f5f5f5;}
.breadcrumb-item ,.breadcrumb-item a{    display:initial;font:300 14px/18px Times, "Times New Roman", serif;}
*,*::before,*::after {box-sizing:border-box;}
small,.small {font-size:80%;font-weight:400;}

.art-more a{color:#fff;background-color: #1b2972;border-color: #1b2972;font:600 14px/36px Times, "Times New Roman", serif; letter-spacing: .25rem;  padding: 6px 30px; }
.art-more a:hover{background-color: #0a102c;border-color: #03040b;text-decoration: none;}
.last-next-page{color:#1b2972;margin:3rem auto 0.5rem;padding:1.5rem 0 0 0;font:600 16px/28px Times, "Times New Roman", serif;border-top:dotted 1px rgba(0,0,0,0.2);}
.last {float:left;}
.next {float:right;}
.last a,.next a{color:#222;font-weight:300;padding:0 0 0 20px;}
.category-display{width:1080px;margin:0 auto;}


.detail-table {border-collapse: collapse; border: none;width:96%;margin:10px 2% 60px;}
.detail-table tbody tr td{border-bottom:solid 1px rgba(0,0,0,0.1);padding:10px 0 10px 15px }
.detail-table tbody tr:nth-child(1) {background: rgba(0,0,0,0.1);text-transform: uppercase;}
.detail-table tbody tr:nth-child(2) ,
.detail-table tbody tr:nth-child(10) ,
.detail-table tbody tr:nth-child(17) ,
.detail-table tbody tr:nth-child(24) ,
.detail-table tbody tr:nth-child(28) ,
.detail-table tbody tr:nth-child(35) ,
.detail-table tbody tr:nth-child(40) {background: rgba(0,0,0,0.01);}
.detail-table tbody tr:nth-child(1) p,
.detail-table tbody tr:nth-child(2) p,
.detail-table tbody tr:nth-child(10) p,
.detail-table tbody tr:nth-child(17) p,
.detail-table tbody tr:nth-child(24) p,
.detail-table tbody tr:nth-child(28) p,
.detail-table tbody tr:nth-child(35) p,
.detail-table tbody tr:nth-child(40) p
{font:700 24px/48px Times, "Times New Roman", serif;}
.detail-table tbody tr td:nth-child(1){width:300px;font:700 16px/24px Times, "Times New Roman", serif;text-transform: uppercase;}
.detail-table tbody tr td:nth-child(2){width:auto;font:200 16px/24px Times, "Times New Roman", serif;}
/*art-list*/
.read-more{margin:40px 0 20px;}
.read-more a{color:#fff;background-color: #90cefc; border: none;font:700 18px/36px Times, "Times New Roman", serif; letter-spacing: 1px;  padding: 15px 30px;text-transform: uppercase; width: 100%;}
.read-more a:hover{background-color: #36a4fc;text-decoration: none;}

.list-content{width:80%;color:#000;margin:0 auto 5%;/*padding: 1rem 0 3rem 0;*/}
.list-art-desc{border-bottom: 1px solid #e6e4dc; border-top: 1px solid #e6e4dc;margin: 25px 10px 25px; position: relative;}
.list-art-desc .description{margin:3rem auto 30px;width:80%;font:300 16px/20px Times, "Times New Roman", serif;text-align:center;color:#222;}
.list-content section{margin: 3rem auto;overflow: auto;}
.art-content{font:300 16px/20px Times, "Times New Roman", serif;}
.art-content p{margin:10px 50px;}

 
.art-education {width:100%;margin:2.5rem auto 1rem;border-top: 1px solid rgba(15, 23, 66, .1); }
.art-education ul{margin:20px auto 10px;}
.art-education ul li{width:45%;float:left;margin:5px 2.5% 10px;border-bottom:dotted 1px rgba(0,0,0,0.4);list-style-type:square;padding:0 0 2px 10px;}
.edu-h4-tlt a{color:#333;}

.art-image{border-bottom: 1px solid rgba(15, 23, 66, .1); margin: 2rem auto; overflow: auto;}
.art-image img{width:100%;margin: 3rem auto;}
.section{padding:10px 50px;}
.section p{font:300 16px/20px Times, "Times New Roman", serif;margin: 0.5rem auto;}
.section p:frist-child{margin: 1rem auto 0;}
.section p:last-child{margin: 0 auto 1rem;}

/*art-art*/
.product-display{width:90%;margin:2rem 5% 3rem;}
.product-Image-Gallery{width:calc(50% - 30px);margin:0 15px;float:left;}
.product-detail{width:calc(50% - 15px);;margin:0 15px 0 0;float:left;}
.product-Image-Gallery img{width:100%;margin:40px 0 0; height:auto;}

.product-detail h1{font:600 18px/24px Times, "Times New Roman", serif;text-align:left;margin:10px 0 0 0;}
.product-detail .subtitle{text-align:left;line-height:18px;}
.product-description {padding:20px 0;}
.product-description p{margin:5px 0;font:300 14px/18px Times, "Times New Roman", serif;}
.help-information{margin:30px auto 10px}

.products-detail{width:96%;margin:0 2% 60px;padding:30px 0 0 0;border-top:solid 1px rgba(0,0,0,0.1);}
.products-type{width:calc(100% - 30px);margin:0 15px 3rem;background-color: rgba(245,245,247,.9);    padding: 2rem;}
.products-type .art-more{text-align:center;}

.products-detail .s-img{width:calc(32% - 10px);float:left;margin:10px 10px 40px;}
.products-detail .s-img img{width:100%;height:auto;max-height:190px;overflow:hidden;}
.products-detail .s-img:nth-child(3n+1){padding:0 0 0 2%;}
.products-detail .s-img:nth-child(3n){padding:0 2% 0 0;}

.products-detail .s-img figcaption{font:600 16px/32px Times, "Times New Roman", serif;text-align:center;height:32px;overflow:hidden;}
.products-detail .s-img figcaption a{color:#000;}
/*
.products-detail .tags{padding:20px 2%;height:16px;overflow:hidden;}
.products-detail .tags a{width:33.333%;padding:5px 0;font:300 16px/16px Times, "Times New Roman", serif;text-align:center;float:left;color:#000;}
*/

.category-display{padding:1rem 0 3rem 0;}
.category-header{position: relative; overflow: hidden;padding: 3rem;}
.category-display .breadcrumbs{line-height:32px;}
.category-description{position:relative;z-index:2;text-align:center;background-color: hsla(0,0%,100%,.88);padding: 32px 35px;font-size: 13px;line-height: 26px;}
.category-description h1{margin: 0;padding: 0;font:500 45px/50px Times, "Times New Roman", serif;}
.category-image{position:absolute;z-index:1;top: 0;left: 0;right: 0;bottom: 0;}
.category-image img{width:100%;height:100%;object-fit: cover;}
.category-navigation{width:280px;float:left;background:rgba(245,245,247,.9);padding:20px;}
.category-navigation h2,.navigation-title{text-transform:uppercase;font:600 15px/28px Times, "Times New Roman", serif;color:#333;}
.navigation-bar-title{font-size:13px;color:#444;margin:15px 0 0 0;padding:15px 0 0px 0;border-top:solid 1px rgba(0,0,0,0.05);}
.category-bar-navigation h3 a{font:300 13px/24px Adelle Sans,Helvetica,sans-serif;color:#444;padding-left:10px;}
.category-items-list{width:780px;float:right;}
.category-items-list .category-items{width:31.333%;margin:10px 1%;float:left;}
.category-items-list .category-items:nth-child(1),.category-items-list .category-items:nth-child(2),.category-items-list .category-items:nth-child(3){margin:0px 0.5% 10px;}
.category-items-list .category-items .thumbnail img{width:100%;height:auto;}
.category-items-list .category-items h2,.category-items-list .category-items p{padding:0 10px;font:300 13px/24px Adelle Sans,Helvetica,sans-serif;text-transform:uppercase;}

.category-items-list .category-items h2 a{text-align:left;color:#222;}
.blog-display{width:100%;}
.blog-display a{text-decoration: none;}
.blog-display .blog-category{width: 33.333333%;float:left;}

.blog-display .blog-items-list,.left-content{width: 66.666667%;float:right;}
.blog-category,.blog-items-list,.left-content{padding:0 15px;margin:20px auto;}
.blog-category .nav-title{border-left: 3px solid;font:500 24px/32px Times, "Times New Roman", serif;padding:9px;margin:0 0 10px 0;color:#fff;background-color: #cc0000; border-color: #006da2;}
.blog-category ul {padding: 0 0 0 20px;}
.blog-category > ul {margin: 0 0 20px 0;}
.blog-category li a{margin: 20px 0 15px;}
.blog-category .children li a{margin:0;}

.blog-category ul li a{color: #cc0000;font:700 16px/20px 'microsoft yahei',"Times New Roman",serif;    text-decoration: none;}
.blog-category ul li a:before{content: "\f101";font-family: fontawesome;font-weight: bold;left: -4px; position: relative;font-size: 17px;}
.blog-category ul li{list-style-type: none; margin-bottom: 6px;margin-top: 6px;border-bottom: 1px solid #eaeaea; padding-bottom: 9px;}
.blog-category ul li:last-child{    border-bottom: none; padding-bottom: 0px;}
.blog-category > ul > li:nth-child(1) a{color: #cc0000;font:400 16px/20px 'microsoft yahei',"Times New Roman",serif;    text-decoration: none;}
.blog-category ul li:nth-child(1) ul li a{color: #cc0000;font:400 16px/20px 'microsoft yahei',"Times New Roman",serif;    text-decoration: none;}

.blog-category select {padding:10px 5px;width:98%;margin:0px 4px;font:300 18px/24px 'microsoft yahei',"Times New Roman",serif;}
.screen-reader-text {clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;}
.blog-category  option {font-weight:normal;display:block;white-space:pre;min-height:1.2em;padding:0px 2px 1px;}
.blog-items-list > h1 {font:400 22px/32px Poppins,Helvetica,Arial,sans-serif;text-transform:inherit;color:#000;}
/*
.blog-items {margin:19px 0;}
.blog-title-box {border-left:3px solid;font:500 24px/32px 'microsoft yahei',"Times New Roman",serif;padding:9px;margin:0 0 10px 0;color:#fff;background-color:#cc0000;border-color:#006da2;}
.blog-title-box h3 {margin:0;padding:9px;}
.blog-title-box h3 a {color:#fff;font:500 24px/26px 'microsoft yahei',"Times New Roman",serif;}
span.post-date,span.author {display:none;}
.entry-meta .categoryurl a:first-child::before {content:"\f00a ";font-family:fontawesome;font-size:15px;margin-right:10px;}
.categoryurl a {font:700 18px/20px 'microsoft yahei',"Times New Roman",serif;margin:0 2px;color:#cc0000;}
.blog-description hr,.content-third hr {margin:10px 0;border:0;border-top:1px solid rgba(0,0,0,0.1);}*/
.entry-content-post h2{font:600 22px/36px 'microsoft yahei',"Times New Roman",serif;Color:#cc0000;}
.entry-content > p {font:400 15px/25px 'microsoft yahei',"Times New Roman",serif;color:#333;height:75px;overflow:hidden;}
.entry-content a:hover {color:#cc0000;}
.entry-content a {color:red;}
.entry-content-post ol,.entry-content-post ul{padding:0 0 0 50px;font:400 13px/25px 'microsoft yahei',"Times New Roman",serif;}
.entry-content-post ol li,.entry-content-post ul li {margin:15px 0;}

.entry-content-post table{font-family:verdana,arial,sans-serif;font-size:11px;color:#333333;border-width:1px;border-color:#666666;border-collapse:collapse;width:100%;margin:20px auto;}
.entry-content-post table  td:nth-child(odd){border-width:1px;padding:1px;border-style:solid;border-color:#666666;color:#000;background-color:#dedede;text-align:center;}
.entry-content-post table td {border-width:1px;padding:1px;border-style:solid;border-color:#666666;background-color:#ffffff;} 
 
.products-list{margin:30px 40px 0px;}
.products-list li{float:left;width:calc(33.333% - 10px);height:auto;margin:0 5px 5px;padding:10px;}
.products-list li h3{text-align:center;line-height:32px;height:32px;font-size:16px;overflow:hidden;}
.products-list li h3 a{color:#3f3b3a;}
.products-list li img{width:100%;height:auto;}

.blog-items {margin:19px 0;}
.blog-title-box {border-left:3px solid;font:500 24px/32px 'microsoft yahei',"Times New Roman",serif;padding:9px;margin:0 0 10px 0;color:#fff;background-color:#cc0000;border-color:#006da2;}
.blog-title-box h3 {margin:0;padding:9px;}
.blog-title-box h3 a {color:#fff;font:500 24px/26px 'microsoft yahei',"Times New Roman",serif;}
span.post-date,span.author {display:none;}
.entry-meta .categoryurl a:first-child::before {content:"\f00a ";font-family:fontawesome;font-size:15px;margin-right:10px;}
.categoryurl a {font:700 18px/20px 'microsoft yahei',"Times New Roman",serif;margin:0 2px;color:#cc0000;}
.blog-description hr,.content-third hr {margin:10px 0;border:0;border-top:1px solid rgba(0,0,0,0.1);}
.entry-content-post h3{font:500 16px/36px 'microsoft yahei',"Times New Roman",serif;Color:#000;}
.entry-content > p {font:400 15px/25px 'microsoft yahei',"Times New Roman",serif;color:#333;height:75px;overflow:hidden;}
.entry-content a:hover {color:#cc0000;}
.entry-content a {color:red;}

.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%);}

.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:auto;overflow:hidden;}
.news-list li .img img {width:100%;height:auto;}
.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:960px) {
.products-list li{width:calc(50% - 10px);height:auto;}
.products-list li:nth-child(1){margin: 0 25% 20px;}
	}
@media only screen and (max-width:768px) {	
.p-list>ul>li {width:100%;padding:0 1px;}
.products-list li:nth-child(1),.products-list li{width:100%;height:auto;margin:0 0px 20px;}
.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;}
}
navigation.post-navigation.dicomntnav .nav-next,.navigation.post-navigation.dicomntnav .nav-previous {margin:22px 0px 5px 0px;}
/* navigation - posts,post,comments */.navigation.post-navigation.dipostsnav .nav-next,.navigation.post-navigation.dipostsnav .nav-previous {margin:20px 0px;}
.navigation.post-navigation.dipostnav .nav-next,.navigation.post-navigation.dipostnav .nav-previous {margin:20px 0px;}
.post-navigation .nav-previous {float:left;}
.post-navigation .nav-next {float:right;}
.post-navigation .nav-next a,.post-navigation .nav-previous a {padding:6px 10px;border:1px solid #dddddd;border-radius:5px;}
/* Sweep To Right */.post-navigation .nav-next a {display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out;}
.post-navigation .nav-next a:before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.post-navigation .nav-next a:hover:before,.post-navigation .nav-next a:focus:before,.post-navigation .nav-next a:active:before {-webkit-transform:scaleX(1);transform:scaleX(1);}
/* Sweep To Left */.post-navigation .nav-previous a {display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out;}
.post-navigation .nav-previous a:before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.post-navigation .nav-previous a:hover:before,.post-navigation .nav-previous a:focus:before,.post-navigation .nav-previous a:active:before {-webkit-transform:scaleX(1);transform:scaleX(1);}
/* btn clr */.post-navigation .nav-next a,.post-navigation .nav-previous a {color:#ffffff;}
/* btn hvr clr */.post-navigation .nav-next a:hover,.post-navigation .nav-previous a:hover {color:#ffffff;}
/* btn bg clr */.post-navigation .nav-next a,.post-navigation .nav-previous a {background-color:#cc0000;font:700 16px/24px 'microsoft yahei',"Times New Roman",serif;}
/* btn hvr bg clr */.post-navigation .nav-next a:before,.post-navigation .nav-previous a:before {background-color:#000;border-radius:5px;}

  .content-second h2.the-title {
  border-left: 3px solid;
    padding: 9px;
    color: #ffffff; 
	 font: 400 24px/32px 'microsoft yahei',"Times New Roman",serif;
     margin: 0 0 10px 0;
    background-color: #cc0000;
    border-color: #006da2;   
} 
.content-third {
    padding: 10px;
}
.content-third p {
   font: 400 14px/20px 'microsoft yahei',"Times New Roman",serif;
    text-transform: inherit;
	margin:5px 0;
}
.sfe-header{position: relative; overflow: hidden;margin-bottom: 0.5rem;}
.sfe-description{position:relative;z-index:2;text-align:left;font-size: 13px;line-height: 26px;}
.sfe-description p{margin: 0;font:500 40px/48px Times, "Times New Roman", serif;color:#fff;padding: 32px 35px;background: linear-gradient(to right, rgba(0,0,0,0.7) 20%,rgba(0,0,0,0.0) 60%, rgba(255,255,255,0)) 70%;/*hsla(0,0%,0%,.9),  hsla(0,0%,0%,0))*/; }

.sfe-image{position:absolute;z-index:1;top: 0;left: 0;right: 0;bottom: 0;}
.sfe-image img{width:100%;height:100%;object-fit: cover;}

.feature{border-bottom:1px solid rgba(15,23,66,.1);margin:2rem auto 4rem;overflow:auto;}
.feature-text{width:550px;float:left;padding:20px;}
.feature-image{width:400px;float:right;padding:30px;}
.feature-image img{width:100%;height:auto;-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.feature-text li{margin:25px 0;font:300 14px/20px Times, "Times New Roman", serif;}
.feature-text li b{font:900 18px/20px Times, "Times New Roman", serif;text-transform:uppercase;}
.art-sfe-content{font:300 16px/20px Times, "Times New Roman", serif;}
.art-sfe-content p{margin:10px 5px;}

.education-portal{}
.edu > .blog-items-list{margin: 0px 0px 20px 30px;padding: 20px 15px 20px 15px;}
.education-portal h1{ font:300 33px/48px Crimson Text,Times New Roman,serif;color: #06365f;margin:0 0 2rem;}
.articles-sidebar{width:28%;float:left;}
.articles-main{width:69%;float:left;margin-left: 30px;border: 1px solid #c3cfd9;padding:20px 0 20px 30px;}
/*.articles-main li{font:300 16px/40px Adelle Sans,Helvetica,sans-serif;list-style-type:square;padding-left:5px;}
.articles-main li a{color:#555;}*/
.articles-sidebar .topic-button:hover{text-decoration: none;background-color: #f5f5f7;padding-left: 50px;color: #2f2f2f;}
.articles-sidebar .topic-button:before{content:"»";padding-right:10px;font-size:24px;}
.articles-sidebar .topic-button{transition-duration: 0.4s;transition-property:padding;}
.articles-sidebar .topic-button{background-color: white;border: 1px solid #c3cfd9;color: #3f729b; cursor: pointer;display: block;font: normal 16px/24px Adelle Sans,Helvetica,sans-serif;list-style-type: none;margin-bottom: 1rem;outline: none;padding: 20px  24px; text-align: left;width: 100%;}

.educational-content{width:80%;margin:0 auto 5%;}
.educational-header{border-bottom: 1px solid #e6e4dc;border-top: 1px solid #e6e4dc;margin: 50px 10px 25px; position: relative;}

.educational-header h4 {display:inline-block;left:50%;line-height:27px;padding:0 10px;position:absolute;top:-23px;transform:translateX(-50%);white-space:nowrap;background:#1b2972;margin:9px 0;}
.educational-header h4 {font:500 16px/27px Adelle Sans,Helvetica,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#fff;}
.educational-header h1{font:500 36px/40px Crimson Text,Times New Roman,serif;margin:3rem auto 1rem;padding:0 15px;text-align:center;text-transform:uppercase;}
.educational-description{margin-left: auto;margin-right: auto;text-align: center;    margin: 0 0 2rem;padding:0;font-size: 14px; line-height: 25px;}
.educational-description li{display: inline-block;font:300 16px/24px Adelle Sans,Helvetica,sans-serif;color:#000;margin-bottom:0;opacity:.7;padding:0;position:relative;text-align:center;text-transform:uppercase;}
.educational-description li:nth-child(n+2):before{display:inline-block;content:'';width:6px;height:6px;background:#e6e4dc;border-radius:100%;margin:0 15px 2px;line-height: 24px;padding-top:6px;}
.container-fluid { margin-top: 0; padding: 0;font-family: Adelle Sans,Helvetica,sans-serif;}
.container-fluid h3{font:500 24px/30px  Crimson Text,Times New Roman,serif;margin:0 0 1.5rem;color:#000;}
.container-fluid h4{font-family:Crimson Text,Times New Roman,serif;font-size:24px;font-weight:bold;margin:2.5rem 0 1rem;}
.container-fluid p{line-height:1.3;font-size:16px;margin:0 auto 1.5rem;color:#000;}
.container-fluid ul{margin: 2rem auto 3rem;padding:0 0 0 30px;}
.container-fluid ul li{font-size:16px;margin: 1rem auto;}
.image-section{border-bottom:1px solid rgba(15,23,66,.1);border-top:1px solid rgba(15,23,66,.1);margin:4rem auto;overflow:auto;}

.image-section-items{float: left;width: 48%;margin:10px 1%;}
.image-section-items img{width: 100%;height:auto;}
.image-section-items p,.about-image-section p,.feature-image p{font-style:italic;line-height:24px;font-size:16px;margin:10px auto 10px;}

.type-section{border-bottom:1px solid rgba(15,23,66,.1);margin:0rem auto 4rem;overflow:auto;}

.type-list{}
.type-section>p{font:300 16px/20px Times, "Times New Roman", serif;margin:10px 25px 0;}
.type-list .type-list-item{width:236px;max-height:340px;overflow:Hidden;float:left;margin:30px 2px;padding:0;}
.type-title-box{position:relative;margin:20px auto;}
.type-h3:after{content:"";position:absolute;width:50%;border-top:3px solid rgba(255,255,255,0);border-bottom:1px solid rgba(255,255,255,0.9);left:40%;margin-top:11px;height:14px;}
.type-h3{position:relative;}
.type-list .type-list-item:nth-child(1) .type-h3 i{color:#393;}
.type-list .type-list-item:nth-child(2) .type-h3 i{color:#fc3;}
.type-list .type-list-item:nth-child(3) .type-h3 i{color:#369;}
.type-list .type-list-item:nth-child(4) .type-h3 i{color:#000;}
.type-list .type-list-item>p{font:300 12px/24px 'Raleway', sans-serif;}
.type-list .type-list-item>p i{font:600 12px/24px Times, "Times New Roman", serif;color:#444;}
.notes{margin:20px 0;text-align:center;}
.notes p{font:300 13px/20px 'Raleway', sans-serif;}
.type-h3 {position:relative;// background-color:#333;line-height:36px;text-indent:5px;}
.type-h3::before {content:"";position:absolute;margin-top:-5px;left:55px;top:0;width:30px;height:30px;box-sizing:border-box;border-bottom:2px solid rgba(255,255,255,1);transform-origin:bottom center;transform:rotateZ(45deg) scale(1.414);/*animation:slash 1s infinite ease;*/}
/*@keyframes slash {0% {transform:rotateZ(0deg) scale(1);}
30% {transform:rotateZ(45deg) scale(1);}
60% {transform:rotateZ(45deg) scale(1.414);}
100% {transform:rotateZ(45deg) scale(1.414);}
}
*/
.type-section > .notes{padding:0 10%;font:200 16px/24px 'Raleway', sans-serif;color:#000;text-transform: uppercase;}

.about-content{width:80%;margin:0 auto 5%;}
.about-content h1{font:500 36px/40px Crimson Text,Times New Roman,serif;margin:3rem auto 1rem;color:#000;text-align:left;}
.about-content h2{font:500 32px/36px Crimson Text,Times New Roman,serif;margin:3rem auto 1rem;color:#000;text-align:left;}
.about-content p{line-height:1.3;font-size:16px;margin:0 auto 1.5rem;color:#000;}
.about-image-section{border-bottom:1px solid rgba(15,23,66,.1);border-top:1px solid rgba(15,23,66,.1);margin:4rem auto;overflow:auto;}
.about-image-section{width: 100%;height:550px;overflow:hidden;padding:1rem 0 2rem;}
.about-image-section img{width: 100%;height:auto;padding:10px 0;}
.about-feauture h1{font:500 32px/36px Crimson Text,Times New Roman,serif;}
@media only screen and (max-width:1200px) {
.feature-text{width:calc(50% - 50px);}
.feature-image{width:calc(50% - 40px);padding: 20px;}	
.feature-text li{font:300 12px/16px Times, "Times New Roman", serif;}
.feature-text li b{font:900 16px/18px Times, "Times New Roman", serif;}
}
@media only screen and (max-width:1024px) {
.feature-text{width:calc(50% - 20px);padding: 10px;}
.feature-image{width:calc(50% - 40px);padding: 20px;}	
.feature-text li b{font:900 14px/16px Times, "Times New Roman", serif;}
}
@media only screen and (max-width:959px) {
	.type-list .type-list-item{margin:30px calc(25% - 118px);}
}
@media only screen and (max-width:768px) {
.educational-content,.about-content,.list-content,.product-Image-Gallery{width:calc(100% - 30px);margin:0 15px;}
.art-h1-tlt{font:400 24px/36px Times, "Times New Roman", serif;padding:0;}
.educational-description,.category-description strong{display:none;}

.product-detail{width:calc(100% - 30px);;margin:15px 15px 0;}
.products-detail .s-img{width:calc(100% - 30px);margin:10px 15px;}
.products-detail .s-img:nth-child(3n+1),.products-detail .s-img:nth-child(3n){padding:0;}
.products-detail .s-img img{max-height:none;}
.last ,.next {float:left;width:100%;}
.keywords,.tags{display:none;}
.detail-table tbody tr:nth-child(1) p,
.detail-table tbody tr:nth-child(2) p,
.detail-table tbody tr:nth-child(10) p,
.detail-table tbody tr:nth-child(17) p,
.detail-table tbody tr:nth-child(24) p,
.detail-table tbody tr:nth-child(28) p,
.detail-table tbody tr:nth-child(35) p,
.detail-table tbody tr:nth-child(40) p
{font:700 18px/48px Times, "Times New Roman", serif;}
.detail-table tbody tr td:nth-child(1){font:700 15px/24px Times, "Times New Roman", serif;}
.art-content p{margin:10px 5px;}

.educational-header h1{font:500 24px/40px Crimson Text,Times New Roman,serif;padding:0;}
.educational-description li{font:300 12px/24px Adelle Sans,Helvetica,sans-serif;}
.container-fluid h3{font:800 16px/30px  Crimson Text,Times New Roman,serif;}
.image-section-items{width: calc(100% - 30px);margin:10px 15px;}
.read-more a{font:700 16px/36px Times, "Times New Roman", serif;}
.about-image-section{height:auto;}

.list-art-desc .description{width:100%;}
.art-education ul li{width:95%;float:left;}
.category-image img{width:auto;height:100%;object-fit: cover;}
.category-display{width:calc(100% - 30px);margin:0 15px;}
.category-header{padding: 40px;}
.category-description{padding: 32px 13px;}
.category-description h1{font:700 24px/24px Times, "Times New Roman", serif;}
.category-description strong{padding: 32px 35px;font-size: 13px;line-height: 16px;}
.category-items-list{margin:20px 0px;} 
.category-items-list .category-items,.category-navigation,.category-items-list{width:100%;margin:10px 0;float:none;}
.art-h3-tlt-sfe{font:900 16px/24px Times, "Times New Roman", serif;}
.art-h2-tlt-sfe{font:200 24px/32px  'Raleway', sans-serif;}
.feature{margin:2rem auto;}
.feature-text,.feature-image{width:100%;padding:0;}
.feature-text li{margin:25px 0;font:300 14px/20px Times, "Times New Roman", serif;}
.feature-text li b{font:900 18px/20px Times, "Times New Roman", serif;text-transform:uppercase;}
.type-section>p{margin:10px 0px 0;}
.type-list .type-list-item{width:calc(50% - 20px);max-height:none;margin:30px auto;padding:0 10px;}
.type-list .type-list-item:nth-child(1){width:50%;margin:30px 25%;padding:0;}

.blog-display .blog-category{width: 100%;float:left;}
.blog-display .blog-items-list,.left-content{width: 100%;float:right;}
}

@media only screen and (max-width:639px) {
.type-list .type-list-item,.type-list .type-list-item:nth-child(1){width:300px;margin:20px calc(50% - 150px);padding:0;}	
}
