@charset "utf-8";
/* 元指令CMS */
@media (min-width: 1600px) {
.container {
    width: 1440px;
}
}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #1c1c1c; color: #333333;font-size: 15px; font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{color: #333333;text-decoration: none; -webkit-transition: color 0.3s ease 0s;transition: color 0.3s ease 0s;}
a:hover{color: #02baf1;text-decoration: none;}
a:link,a:visited,a:active{text-decoration: none;}

ul,li,ol{margin:0;padding:0;}

h1 {font-size: 55px;}
h2 {font-size: 45px;}
h3 {font-size: 30px;}
h4 {font-size: 25px;}
h5 {font-size: 20px;}
h1, h2, h3, h4, h5, h6{line-height: 1.42857143;}

p{color: #666;}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
button {margin: 0;padding: 0;color: inherit;font-size: inherit;background: 0 0;border: none;border-radius: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;cursor: pointer}

label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;color: #fff;}
input {display:block;width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#333333;	border:1px solid #5f5f5f;padding:10px;margin: 5px 0 25px 0;outline: none;font-weight: 500;}
textarea {display:block;width:100%;height:200px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff; color:#333333;	border:1px solid #5f5f5f;padding:10px;margin: 5px 0 25px 0;outline: none;font-weight: 500;}

/* WebKit：Chrome、Safari、新 Edge、Opera */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #666666;
  font-weight: 300;
}

/* Firefox 19+ */
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #666666;
  opacity: 1;
  font-weight: 300;
}

/* Firefox 4-18，很老，可省略 */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #666666;
  opacity: 1;
  font-weight: 300;
}

/* IE 10+ */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #666666;
  font-weight: 300;
}

/* 旧 Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #666666;
  font-weight: 300;
}

/* 现代标准，建议放最后，覆盖前面 */
input::placeholder,
textarea::placeholder {
  color: #666666;
  opacity: 1;
  font-weight: 300;
}

.center{text-align: center; margin: 0 auto;}
.f-right{float: right;}
.f-left{float: left;}
.t-right{text-align: right;}
.t-left{text-align: left;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

/* --Line-- */
hr.line { margin: 15px auto; padding: 0; max-width: 90px;border: 0; border-top: solid 4px #fff;text-align: center;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */
.top-header{padding: 40px 0 20px; line-height:36px;}
.top-header .yzlcms-title{float:left;}
.top-header .yzlcms-title a{color:#ffffff;font-size: 24px;}
.top-header ul.top-social{float:right !important;}
.top-header ul.top-social li{padding-left: 20px;padding-right:0px;}
.top-header ul.top-social i.fa{font-size: 24px;}
.top-header ul.top-social a{color: #fff;font-size: 16px;text-transform: uppercase;}
.top-header ul.top-social a:hover,.top-header ul.top-social a.on{color: #02baf1;}



header{}

.site-header {position: relative;margin-bottom: 45px;z-index:2;}
.site-branding {padding-top: 120px;text-align: center;}
.site-branding .yzlcms-biaoyu { line-height:200px;color:#ffffff;font-size:36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.site-logo{}
.overlay {position: absolute;height: 100%;width: 100%;top: 0;background-color: #000;opacity: 0.4;z-index: -1;}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Content-------------------------------- */
/* ---------------------------------------------------------------------------- */
#page-content{}
#page-content.index-page {}
#page-content.sub-page {}

/* ---HomePage--- */
.yzlcms-content {padding: 50px 0;}

.yzlcms-content.yzlcms-5 {}
.yzlcms-content.yzlcms-5 .yzlcms-item{background-color: #fff;margin: 0 auto 30px;} 
.yzlcms-content.yzlcms-5 .yzlcms-item .content{padding: 10px 30px 30px;} 
.yzlcms-content.yzlcms-5 .yzlcms-item img {width: 100%;}
.yzlcms-content.yzlcms-5 .yzlcms-item .content h3.entry-title{font-weight: 500;font-size: 16px;margin-bottom: 10px;}
.yzlcms-content.yzlcms-5 .yzlcms-item .content p {font-size:14px;color: #939191;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.yzlcms-content.yzlcms-5 .yzlcms-item .content h3.entry-title a{color:#111;} 
.yzlcms-content.yzlcms-5 .yzlcms-item .content h3.entry-title a:hover{color:#02baf1;} 
.yzlcms-content.yzlcms-5 .yzlcms-item .content span{color: #aaa;font-size: 14px;}

.entry-title{font-weight: 500;font-size: 28px;margin-bottom: 20px;}
.entry-title a{color:#111;} 
.entry-title a:hover{color:#02baf1;} 

.entry-thumb {position: relative;z-index: 2;text-align: center;}
.entry-thumb:after {position: absolute;content: '';height: 0;width: 100%;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.4);transition: height 0.4s;-webkit-transition: height 0.4s;}
.entry-thumb:hover:after {height: 100%;}
.single-thumb{text-align: center !important; margin-bottom: 30px;}
.thumb-link {opacity: 0;position: absolute;top: 40%;left: 45%;color: #fff;font-size: 38px;-webkit-transition: all 0.4s 0.3s;transition: all 0.4s 0.3s;z-index: 99;}
.entry-thumb:hover .thumb-link {opacity: 1;}
.read-more {background-color: #02baf1;padding: 15px 30px 30px;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
.read-more:hover {background-color: #17191B;}
.read-more a {color: #fff;position: relative;z-index: 99;}


.post {padding: 50px;background: #fff;}
.post:after, .post:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.post .entry-title {margin: 0 0 20px;text-align: center;}
.post  h1.entry-title{font-size: 38px;}
.post  h1.yzlcms-show-title{font-size: 24px;}
.post h2{line-height: 1.1;font-size: 20px;margin: 0;}
.post .entry-des { font-size:22px;}
.post .yzlcms-times { text-align:center; margin: 0 0 20px;}
.post .yzlcms-times span{margin:0 5px;}
.post .yzlcms-times span span{margin:0;}
.post .info a{ color: #BE0A0A;}
.post .info a:hover{ text-decoration: underline;}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------yzlcms-footer--------------------------------- */
/* ---------------------------------------------------------------------------- */
.yzlcms-footer {color: #8b8b8b; text-align: center;background-color: #17191B;}
.yzlcms-footer a{color: #fff;}
.yzlcms-footer a:hover {color: #fff;text-decoration: underline}
.yzlcms-footer .wrap-footer {padding: 30px 0;}
.yzlcms-footer .copyright {padding: 25px 0;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Comment-------------------------------- */
/* ---------------------------------------------------------------------------- */
.comment-respond {}
.comments-title {margin: 0;font-size: 24px;padding: 30px;border-bottom: 1px solid #ebebeb;background-color: #fff;color: #fff;}
 
#comment .sendButton {cursor:pointer;background-color:transparent;border: 2px solid #fff;border-radius: 0;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;width:20%;color:#ffffff;margin-top:40px;}
#comment .sendButton:hover {background-color: #fff;color:#333;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */
#contact_form {padding:25px;}
#myform textarea {height:100px;}

#myform .sendButton {cursor:pointer;background-color:transparent;border: 1px solid #5f5f5f;border-radius: 4px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;width:200px;color: #333333;margin-top:20px;padding: 10px;}
#myform .sendButton:hover {background-color: #1c1c1c;color:#fff;}

/* ---------------------------------------------------------------------------- */
/* -----------------------------------SVG Effect------------------------------- */
/* ---------------------------------------------------------------------------- */
svg {position: absolute;top: 0;left: 0;}
.svg-container {width: 100%;height: 0;padding-top: 7.93650794%;position: absolute;bottom: 0;position: relative;z-index: 3;}
.nav-svg {position: relative;z-index: 3;margin-bottom: -7.81%;}
.header-svg {margin-bottom: -2px;}
.svg-block {fill: #1c1c1c;stroke: none;}
.single-post-svg {fill: #fff !important;position: relative;margin-bottom: -1px;}
.single-svg-bottom {margin-top: -2px;}
.footer-svg {position: relative;margin-bottom: -2px;}
.footer-svg.svg-block {fill: #17191B;}
.post-svg {margin-bottom: -7.94%;}
.post-bottom-svg {margin-top: -7.78%;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------Btn---------------------------------- */
/* ---------------------------------------------------------------------------- */
.btn{}

a.btn-1 {color:#fff;border: 2px solid #fff;border-radius: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
a.btn-1:hover {background-color: #fff;}

a.btn-2 {background: #DA251D;border: 2px solid transparent;margin:20px 0 10px 0;color:#fff;border: 2px solid transparent;}
a.btn-2:hover {color:#333;border:2px solid #DA251D;background:transparent;}

/* ---------------------------------------------------------------------------- */
/* --------------------------------Google-Map---------------------------------- */
/* ---------------------------------------------------------------------------- */
.maps{margin-bottom: -5px;}
.maps iframe{
    pointer-events: none;
}


.yzlcms-button {
    position: fixed;
    top: 13px;
    left: 0px;
    background: #1c1c1c;
    padding: 15px;
	z-index: 669;
}
.mm-menu-toggle {
	position: relative;
    width: 28px;
    height: 18px;
    background: -webkit-linear-gradient(90deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 0) 7px, #212121 7px, #212121 11px, rgba(33, 33, 33, 0) 11px, rgba(33, 33, 33, 0) 18px);
    background: linear-gradient(0deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 0) 7px, #ffffff 7px, #ffffff 11px, rgba(33, 33, 33, 0) 11px, rgba(33, 33, 33, 0) 18px);
    font-size: 0;
	display:none;
    text-indent: -9999px;
}
.mm-menu-toggle::after,
.mm-menu-toggle::before {
    display: block;
    position: absolute;
    left: 0;
    width: 28px;
    height: 4px;
    background-color: #ffffff;
    content: ""
}
.mm-menu-toggle::before {
    top: 0;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}
.mm-menu-toggle::after {
    bottom: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}
.mm-menu-toggle,
.mm-menu-toggle::after,
.mm-menu-toggle::before {
    -webkit-transition: all .5s;
    transition: all .5s
}
.mm-menu-toggle.active {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}
.mm-menu-toggle.active::before {
    width: 75%;
    -webkit-transform: translateY(7px) rotate(-45deg);
    -ms-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg)
}
.mm-menu-toggle.active::after {
    width: 75%;
    -webkit-transform: translateY(-7px) rotate(45deg);
    -ms-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg)
}
.mm-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    box-shadow: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .5s, box-shadow .5s;
    transition: transform .5s, box-shadow .5s
}
.mm-menu.active {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
@media all and (min-width: 300px) {
    .mm-menu {
        width: 300px;
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px)
    }
}
.mm-menu__header {
    position: relative;
    width: 100%;
    height: 130px;
    background: #1c1c1c;
}
.mm-menu__title {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 24px;
}
.mm-menu__items {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
}
.mm-menu__items li {
    display: block;
    width: 100%;
	text-align: left;
}
.mm-menu__items li a {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    color: #727272;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: background .5s, color .5s;
    transition: background .5s, color .5s
}
.mm-menu__items li a:hover,.mm-menu__items li a.on{color: #02baf1;}
.mm-menu__link-text {
    position: relative;
    z-index: 2
}
.mm-menu__link--touch-effect {
    display: block;
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border-radius: 100%;
    background-color: #B6B6B6;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.mm-menu__link--touch-effect.animating {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}
.mm-menu-mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s
}
.mm-menu-mask.active {
    visibility: visible;
    opacity: 1
}

.yzlcms-mobile {display:none;}

.yzlcms-links {}
.yzlcms-links span {display: inline-block;color: #8b8b8b;margin:0 0px 5px 0;}
.yzlcms-links a {display: inline-block;color: #8b8b8b;margin:0 8px 5px 0;}

.yzlcms_page { width: 100%;text-align:center;margin: 50px 0 0 0;font-weight: 500;}
.yzlcms_page ul {margin:0;padding:0;}
.yzlcms_page ul li { display:inline-block;font-size: 16px; line-height: 32px; border: 1px solid #9b9999; margin: 0 5px 5px 0;color: #333333;}
.yzlcms_page ul li.active,.yzlcms_page ul li:hover { background:#02baf1; border: 1px solid #02baf1;}
.yzlcms_page ul li a,.yzlcms_page ul li span{display:inline-block; padding:0 10px;color: #ffffff;}
.yzlcms_page ul li:hover a,.yzlcms_page ul li a:hover,.yzlcms_page ul li:hover span,.yzlcms_page ul li.active span {color:#ffffff;}

.layui-layer-content {
    text-indent: -0.5em;
}
.layui-layer-content i {
	display: none !important;
}
.layui-layer-padding i {
	display: block !important;
}

.showcon {line-height: 1.8;}
.showcon p {}
.showcon img { max-width:100% !important; height:auto !important;}

.showcon * {
    word-break: break-word;
}
.showcon img {
    max-width: 100% !important;
    height:auto !important;
}
.showcon p {
    text-wrap: wrap !important;
    white-space: normal !important;
}
.showcon span {
    text-wrap: wrap !important;
    white-space: normal !important;
}
.showcon ul.list-paddingleft-2 {
    margin: 0 !important;
    padding: 0 0 0 15px !important;
    list-style: inherit !important;
}
.showcon ul.list-paddingleft-2 li {
    display: list-item !important;
    margin-left: 20px !important;
    list-style: inherit !important;
    /* font-size: 20px; */
}
.showcon ol.list-paddingleft-2 {
    margin: 0 !important;
    padding: 0 0 0 0px !important;
    _list-style: inherit !important;
}
.showcon ol.list-paddingleft-2 li {
    display: list-item !important;
    margin-left: 20px !important;
    list-style: inherit !important;
    /* font-size: 20px; */
}
.showcon hr {
    border-bottom: 1px solid #e2e2e3;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}
.showcon audio {
    max-width: 100% !important;
}
.showcon video {
    max-width: 100% !important;
    background: #000000;
}
.showcon iframe {
    max-width: 100% !important;
    border: none !important;
}
.showcon table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
    max-width: 100% !important;
    height:auto !important;
}
.showcon td, .showcon th {
    padding: 5px 10px !important;
    border: 1px solid #666666 !important;
    word-break: break-word !important;
}
@media(max-width:991px){
.showcon video {
    height:auto !important;
    min-height:210px;
}
.showcon iframe {
    height:auto !important;
    min-height:210px;
}
}

.yzlcms-sxp {margin-top:30px; text-align:left;}
.yzlcms-sxp p{margin-bottom:10px;}

@media (max-width: 991px){
	.mm-menu-toggle{display: block;}
	.top-header {
		padding: 20px 0 20px;
		line-height: 30px;
	}
	.top-header ul.top-social {
		display: none;
	}
	.top-header .yzlcms-title {
		float: none;
		width: 100%;
		text-align: center;
	}
	.top-header .yzlcms-title a {
		font-size: 20px;
	}
	.yzlcms-pc {display:none;}
	.yzlcms-mobile {display:block;}
	.site-branding {
		padding-top: 60px;
	}
	.site-branding .yzlcms-biaoyu {
		font-size: 20px;
	}
.post {
    padding: 50px 15px;
}
.post h1.entry-title {
    font-size: 24px;
}
.post .entry-des { font-size:20px;}
.post h1.yzlcms-show-title {
    font-size: 18px;
}
.post .yzlcms-times {
    font-size: 14px;
}
}

@media (max-width: 767px){
	.top-header ul.top-social{float:none !important; text-align: center;}
	.post .entry-des { font-size:18px;}
}

@media (min-width: 540px){
.yzlcms-content.yzlcms-5 .yzlcms-item .content h3.entry-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}

@media (max-width: 539px){
	.site-branding {
		padding-top: 40px;
	}
	.site-branding .yzlcms-biaoyu {
		font-size: 16px;
	}
	.post .entry-des { font-size:16px;}
}