/* CSS Document */ 
*,*::before,*::after {box-sizing:border-box;}
.aside ul,.g-tlt,.main-title h1.the-title,.banner,.news-list li,.p-list>ul>li,.p-n-item,.mbtn,.navigation.post-navigation.dipostsnav .nav-next,.navigation.post-navigation.dipostsnav .nav-previous{box-shadow:0px 5px 10px rgba(0,0,0,0.5);}
.footer{    background: rgba(230,230,230,1);}
/*.g-tlt {width:252px;font-size:16px;text-transform:uppercase;color:#fff;line-height:48px;padding:0 0 10px 0;margin:0 10px;text-align:center;position:relative;background:#cc0000 url(../images/shadow.jpg) no-repeat center bottom;}*/
.g-tlt{padding:0;text-align:center;margin:0 6px;}
.g-tlt a {color:#fff;}
/*side nav */
.container .sidebar {width:272px;float:left;}
.aside {width:calc(100% - 12px);margin:18px 6px 30px;}
.aside li a {margin-bottom:15px;border-bottom:solid 1px #D2D2D2;display:block;width:100%;line-height:40px;padding:0 30px 0 20px;position:relative;font-size:14px;color:#333;}
.aside li a:hover {color:#d90505;}
.aside li a:after {position:absolute;content:'';width:13px;height:13px;background:url(../images/slidenav1_1.png) no-repeat center;right:0;top:50%;margin-top:-6px;}
.aside li:hover a:after {background:url(../images/slidenav1.png) no-repeat center;}
/*.aside li:last-child {padding:0 0px 20px 0px;position:relative;background:url(../images/shadow.jpg) no-repeat center bottom;}*/
.aside li:last-child {padding:0 0px 20px 0px;position:relative;}
.h-button {display:none;}
/* breadcrumb fix */
.breadcrumb {padding:0.1rem 0.7rem 0.5rem;margin:0px;}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {content:"\f101" !important;font-family:fontawesome !important;color:#757575 !important;} 
.breadcrumb-item a{    display:initial;font:300 14px/40px 'microsoft yahei', Times, "Times New Roman", serif;}
/*page benner*/
.page-banner{position:relative;width:100vw;max-width:100%;height:40vh;max-height:600px;overflow:hidden;}
.page-banner-img {position:absolute;width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;}
.page-banner h2{font-size:12px;position:absolute;bottom:2%;width:40vw;margin:0 calc(50% - 20vw);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;}
/*main*/
.container .main {width:900px;float:right;}
.entry-meta{width:calc(100% - 12px);margin:0 6px;font:700 18px/24px 'microsoft yahei', Times,"Times New Roman",serif;padding:15px 10px 2px 10px;}
.categoryurl a {margin:0 2px;color:#cc0000;}
.art-content hr {width:calc(100% - 24px);margin:10px 12px;border:0;border-top:1px solid rgba(0,0,0,0.1);}
.g-tlt ,.main-title h1.the-title{width:calc(100% - 12px);text-transform:uppercase;color:#fff;font:300 22px/48px 'microsoft yahei',Times,"Times New Roman",serif;background:#cc0000 ;position:relative;}
.main-title h1.the-title{color:#fff;padding:0 0 0px 20px;margin:0 6px;}
.art-content h2 {font:700 18px/36px 'microsoft yahei',Times,"Times New Roman",serif;Color:#cc0000;margin:10px 0 0 0;}
.art-content h3 {font:700 14px/24px 'microsoft yahei',Times,"Times New Roman",serif;Color:#444;margin:10px 0 10px 30px;}
.art-content > p {font:400 15px/25px 'microsoft yahei',Times,"Times New Roman",serif;color:#333;height:75px;overflow:hidden;}
.art-content a:hover {color:#cc0000;}
.art-content a {color:red;}
.entry-meta .categoryurl a:first-child::before {content:"\f00a ";font-family:fontawesome;font-size:15px;margin-right:10px;}
.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 );}
.blog-description hr,.content-third hr {margin:10px 0;border:0;border-top:1px solid rgba(0,0,0,0.1);}
.article  li{font:400 13px/22px 'microsoft yahei',Times,"Times New Roman",serif;color:#333;margin:10px 0 10px 40px;}
.article img{width:80%;height:auto;float:left;margin:15px 10%;}
@media only screen and (max-width:1100px) {
.container .main {width:calc(100% - 272px);float:right;}
}
@media only screen and (max-width:800px) {
.container .main {width:96%;margin:10px 2%}
.breadcrumb {padding:0.2rem 0.3rem;margin:0px;}
.breadcrumb-item a{ font:300 12px/18px 'microsoft yahei', Times, "Times New Roman", serif;}
.h-button {display:block;width:128px;margin:0 0 20px 20px;padding:0 10px;}
.h-button {display:block;width:128px;margin:0 0 20px 20px;padding:0 10px;}
.sidebar {display:none;}
.container .sidebar {width:100%;float:left;}
.h-button {display:block;width:128px;margin:15px calc(50% - 64px) 20px calc(50% - 64px);padding:0 10px;}
.art-con-tlt:after {width:200px;margin:0 auto;margin-top:20px;margin-bottom:40px;}
.page-banner h2{font-size:12px;width:80vw;margin:0 calc(50% - 40vw);}
}
.p-list>ul {padding:0px 0 30px 0;}
.p-list>ul>li {width:calc(33.333% - 20px);height:auto;margin:10px 10px;padding:2px;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%);}

/* page guide*/
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;}
/* 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,"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;}


.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:calc(33.333% - 30px);padding:10px;overflow:hidden;float:left;margin:0 15px;}
.news-list li .img {width:100%;height:200px;overflow:hidden;}
.news-list li .img img {width:100%;height:200px;margin:0;}
.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}
.p-n-item{margin: 18px 6px 30px;}
.p-n-item li {width:calc(100% - 20px);padding:20px 10px 10px;}
.p-n-item .title {line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.p-n-item .title a {display:block;color:#333;font-size:14px;font-weight:600;}
.p-n-item .title a:hover {color:#c7000b;}
.p-n-item .date {color:#666666;margin-top:4px;font-size:12px;font-weight:300;}
.p-n-item .desc {line-height:24px;max-height:72;font-size:14px;font-weight:300;margin-top:17px;border-bottom:solid 1px #CCCCCC;padding:0 0 5px 0;}
.p-n-item  li:last-child {padding:10 10px 20px;position:relative;}

@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:calc(100% - 10px);padding:0 1px;margin:10px 5px;}
.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:calc(100% - 10px);overflow:hidden;float:left;margin:0 5px;}
.news-list li .img img {width:100%;height:auto;}
}