/* 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: #023793;}
.page-content{padding:50px 0;}
.g-tlt{padding:0;text-align:center;}
.g-tlt a {color:#fff;}
/*side nav */
.container .sidebar {width:272px;float:left;}
.aside {margin:2px 0px 20px;}
/*.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 {margin-top: 2px;}
.aside li>h3>a {display: block;line-height: 50px;padding: 0 0 0 25px;background-color: #ececec;color: #666;font-size: 15px;font-weight:500;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;} 
.aside li>h3>a:hover{color: #fff;background-color: #023793;}

.contact-page-box {padding: 20px;background-color: #f6f6f6;}
.contact-page-box .ewm {text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.contact-page-box .ewm p {margin: 10px 0 0;font-size: 16px;}
.contact-page-box .tel {padding-top: 20px;}

.sprites.contact-phone {margin:10px 0 10px 20px;width:23px;height:23px;background-position:-1224px -263px;}
.tel-number{    font: 700 18px/32px "Impact",'microsoft yahei', serif; color: #023793;padding: 3px 0 0px 15px;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}

 
/*.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;}

.breadcrumb {padding: 0 0 15px;border-bottom: 1px dashed #dcdcdc;margin-bottom: 30px;}
.breadcrumb a:nth-child(1) {padding-left: 10px;border-left: 10px solid #333;}
.breadcrumb a:nth-child(1):after {content: ">>"; width:20px;}
.breadcrumb a{color:#023793}
.breadcrumb .k_guidename {color:#000;}
.yunu-curmbs em {font-style: normal;padding: 0 5px;color: #999;}
/*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:#023793;}
.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{text-align: center;color: #fff;font-size: 24px;padding: 20px 0;background-color: #023793;}
.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:#023793;}
.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:#023793;}
.entry-meta .categoryurl a:first-child::before {content:"\f00a ";font-family:fontawesome;font-size:15px;margin-right:10px;}
.art-con-tlt {width:100%;font-size: 28px;font-weight:700;color:#333;line-height:40px;text-align:center;padding:30px 0 50px;}
 
.blog-description hr,.content-third hr {margin:10px 0;border:0;border-top:1px solid rgba(0,0,0,0.1);}


 
/* 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:#023793;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: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}
.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;}
.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:14px;overflow:hidden;}
.products-list li h3 a{color:#000;}
.products-list li .pro-img-box{width:100%;max-height:180px;overflow:hidden;}
.products-list li img{width:100%;height:auto;min-height:180px;}
.products-list li .text {line-height: 40px;background-color: #e6e6e6;text-align: center;margin: 2px 0 0;position: relative;}
.products-list li .text:before {content: '';position: absolute;left: 50%;width: 0;height: 100%;background-color: #023793;transition: all 0.5s;}
.products-list li .text h3 {margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 1;transition: all 0.5s;}
.products-list li a:hover .text:before {width: 100%;left: 0;}
.products-list li a:hover .text h3 {color: #fff;}



.art-list li {padding-bottom:3px;border-bottom: rgba(2,55,147,0.1) 1px solid;}
.art-list li .info-img{width:calc(100% - 40px);float:left;overflow:hidden;padding:10px 0px 10px 30px;}
.art-list li .text-con{width:calc(100% - 40px);float:left;overflow:hidden;padding:0 20px;}
.art-list li .info-img img{width:auto;height:340px;}
.art-list li .text-con .news-title{width:100%;font:300 13px/18px 'microsoft yahei', serif;overflow:hidden;height:18px;text-align:center;}
.art-list li .date{height:48px;float:left;margin:15px 20px 0 15px;}
.art-list li .date .day{font-size:42px;float:left;line-height:48px;color:#023793;}
.art-list li .date .m-y{float:left;margin-left:8px;text-align:center;color:#444;}
.art-list li .date .m-y .mm{font-size:16px;border-bottom:#023793 1px solid;}
.art-list li .date .m-y .yyyy{font-size:16px;}

.n-list{margin:50px 0;}
.news-con h4{font:600 16px/24px 'microsoft yahei', serif;height:26px;overflow:hidden;border-bottom:#023793 1px dotted;padding:2px 0 0 0;}
.news-con h4 a{color:#023793;}
.news-con h4 a:hover{color:#444;text-decoration:underline}
.news-con .inner{height:48px;overflow:hidden;padding:4px 15px 4px 0;}
.news-con .inner p{height:40px;overflow:hidden;}

.culture dl {margin: 0;background-color: #f2f2f2;}
.culture dt {float: left;width: 50%;}
.culture dd {float: right;padding: 40px 50px;width: 50%;}
.culture dd h4 {margin: 0 0 20px;font-size: 22px;}
.culture dd h4 small {display: block;color: #999;font-weight: normal;font-size: 14px;}
.culture dd h4:after {display: block;content: '';width: 38px;height: 3px;margin: 10px 0 0;background-color: #023793;}
.culture dd p {margin: 0;text-align: justify;color: #666;line-height: 1.8;}
.culture dl:nth-child(even) dt {float: right;}
.culture dl:nth-child(even) dd {float: left;}

.contact {margin: 0;background-color: #f2f2f2;}
.contact dt {float: right;width: 450px;}
.contact dd {float: left;width: 450px;padding: 40px;}
.contact dd h4 {margin: 0 0 20px;font-size: 24px;}
.contact dd h4 small {display: block;font-weight: normal;font-size: 14px;color: #a5a5a5;}
.contact dd p {margin: 15px 0 0;font-size: 16px;}


.article-desc {margin-bottom: 20px;border: 1px solid #ddd;padding: 20px;}
.article p{line-height: 2;margin-bottom: 20px;}
.article img {max-width: 100% !important;height: auto !important;width: auto !important;}

@media only screen and (max-width:1200px) {
.container .sidebar {width:240px;float:left;}	
.container .main {width:764px;float:right;}	
}

@media only screen and (max-width:960px) {
.products-list li{width:calc(50% - 10px);height:auto;}
	.container .main {width:700px;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;}
	.products-list li{width:calc(50% - 10px);}
.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);}
.contact dt {width: 100%;}
.contact dd {text-align:center;width: 100%;}
	.news-list-box {width:calc(100% - 40px);float:right;height:auto;min-height:618px;padding:20px;margin:0 20px;background:#fff;}
.news-list li .img img {width:100%;height:auto;}
}
@media only screen and (max-width:640px) {
	.products-list li{width:calc(100% - 10px);}
	.culture dt {width: 100%;}
.culture dd {width: 100%;}
}
.product-content 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}
.product-content 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}
.product-content table td {border-width:1px;padding:1px;border-style:solid;border-color:#666;background-color:#fff}
.product-content h4{font: normal 900 24px/48px 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}