@font-face {
    font-family: 'siyuan';
    src: url('img/siyuanNormal.eot') format('embedded-opentype'),
    url('img/siyuanNormal.woff2') format('woff2'),
    url('img/siyuanNormal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, p {
    margin: 0;
    padding: 0;
}

* {
    font-family: "微软雅黑", "Microsoft YaHei", "黑体", SimHei;
}

select {
    background: #fff;
    border-radius: 5px;
    border: #d4d4d4 1px solid;
}

li,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

body,
html {
    width: 100%;
}
.bg-f4 {background-color: #f4f4f4;}
img {
    display: block;
    width: 100%
}

a {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-style: normal;
    text-decoration: none;
}

.mod-wrap {
    width: 100%;
    position: relative;
    z-index:1;
    overflow:hidden;
}

.mod-wrap:before, .mod-wrap:after {
    content: "";
    display: table
}

.mod-wrap:after {
    clear: both
}

.clear:before,
.clear:after {
    content: "";
    display: table
}

.clear:after {
    clear: both
}

.clear {
    *zoom: 1
}

.header {
    width:100%;
    height: 60px;
    background: #fff;
    box-shadow:4px 4px 4px rgba(0,0,0,0.2);
    position:fixed;
    top:0;
    z-index:999;
}

.header .logo {
    float: left;
    padding:11px;
}

.header .logo img {
    max-width: 125px;
    /*height: 54px;*/
}
.header .nav {float:right;}
.header .nav a{display:block; width:60px; height:60px; line-height:60px; text-align:center;}
.header .nav .iconfont{font-size:30px; color:#908f8f;}
.header .nav-box {
    display:none;
    position: relative;
    z-index:999;
}

.header .nav-box ul > li {
    cursor: pointer;
    border-bottom:1px dashed #efefef;
    background: #fff;
    text-align:center;
}

.header .nav-box ul > li > a {
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #555;
    padding: 0 20px;
    box-sizing: border-box;
    /*font-weight: bold;*/
}
.header .nav-box ul > li:last-child{border:0;}

.header .nav-box .active a{
    color: #d43f47 !important;
}

.footer {
    background: #303030;
    color: #d6d6d6;
}

.footer .f-contact {
   padding:30px 10px;
    position:relative;
}
.footer .f-contact .ewm-img {
    width:90px;
    height:90px;
    position:absolute;
    top:33px;
    right:55px;
}
.footer .f-contact .tit {
    font-size: 16px;
    margin-bottom: 17px;
}
.footer .f-contact .tit span {
    font-size: 13px;
    margin-left: 5px;
}
.footer .f-contact p {
    line-height: 24px;
}
.footer .f-copy {
    border-top: 1px solid #474747;
    padding:10px;
    font-size:12px;
}
.footer .f-copy p {padding:5px 0; text-align:center;}
.footer .f-copy a{font-size:12px; color:#d6d6d6!important;}


/*首页*/
.main-box {}
.slide-box {
    width: 100%;
    height: 210px;
    overflow: hidden;
    margin-top:60px;
}

.slide-box .layui-carousel-arrow {
    height:70px;
    margin-top: -35px;
    border-radius:0;
}
.slide-box .s-item {
    width: 100%;
}

.slide-box .s-item a {
    display:block;
}

.slide-box .s-item img{
    width: 100%;
    height: 210px;
}

.service-box {background:#fff;}
.service-box .s-item{float:left; width:20%; padding:20px 0; text-align:center;}
.service-box .s-item .s-img img{display:inline-block; max-width:45px;}
.service-box .s-item .s-name{font-size:14px; color:#333; margin-top:5px;}

.jg-line {padding:15px 0;}
.jg-line span { display:block; height:10px; background:#fff;}
.top-tit {padding:20px 0;}
.top-tit img{display:inline-block; width:32px; height:32px; margin-right:3px;}
.top-tit p{font-size:14px; color:#555; text-align:center;}
.top-tit .t-name{font-size:18px; margin-bottom:5px;}
.bot-more {text-align:right; padding:10px;}
.bot-more a{
    color: white;
    background-color: #9a0000;
    border-color: #9a0000;
    padding: 6px 18px;
    font-weight: 300;
    border-radius: 6px;
    font-size: 12px;
}
.video-list {
    width:100%;
    padding:0 5px;
    box-sizing: border-box;
}
.video-list .v-item{
    float:left;
    width:50%;
    padding:5px;
    box-sizing: border-box;
    position:relative;
}
.video-list .v-item .v-img {
    height:110px;
}
.video-list .v-item .v-tit {
    height:40px;
    line-height:20px;
    font-size:13px;
    color:#555;
    overflow:hidden;
}
.video-list .dy-item .v-img {
    height:210px;
}
.video-list .v-item .v-icon {
    display:inline-block;
    width:32px;
    height:32px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-16px;
    margin-top:-36px;
    opacity:0.7;
}

.propagate-list {}
.propagate-list .v-item:first-child{width:100%;}
.propagate-list .v-item:first-child a{width:100%;}
.propagate-list .v-item:first-child .v-img{height:220px;}

/*列表页*/
.arc-main {
    padding:60px 15px 0 15px;
}
.arc-pos {padding:20px 0;}
.arc-pos a{font-size:14px; color:#333;}
.arc-pos span{font-size:14px; color:#888; margin:0 6px;}
.arc-pos .act{color:#9a0000;}
.arc-cate {padding:10px 0; text-align:center;}
.arc-cate h1{font-size:24px; color:#333; margin-bottom:3px;}
.arc-cate p{font-size:20px; color:#555;}
.cate-type {text-align:center; margin-top:20px;}
.cate-type a {display:inline-block; padding:6px; border:1px solid #c3c3c3; border-radius:15px; font-size:12px; color:#333; margin:0 5px 15px 5px;}
.cate-type .act { border:1px solid #d43f47; background:#d43f47; color:#fff;  }

.arc-list .l-item {background:#efefef; margin-bottom:20px; position:relative;}
.arc-list .l-item a{display:inline-block; width:100%;}
.arc-list .l-item .l-img{height:180px;}
.arc-list .l-item .l-icon{position:absolute; top:70px; left:50%; margin-left:-22px; width:45px; height:45px;}
.arc-list .dy-item .l-img{height:350px;}

.arc-list .l-item .l-tit{height:40px; line-height:40px; text-align:center; font-size:14px; color:#333;}
.list-page { padding:20px 0; text-align:center;}
.list-page a , .list-page span{display:inline-block; width:40px; height:40px; line-height:40px; border-radius:20px; margin:0 3px; border:1px solid #333; font-size:14px; color:#333; text-align:center; cursor:pointer;}
.list-page .disabled {border:1px solid #999; color:#999; pointer-events:none;}
.list-page .active {border:1px solid #ff5500; color:#ff5500;}
.list-page a:hover {border:1px solid #ff5500; color:#ff5500;}
.no-publish {text-align:center; padding:50px;}
.no-publish img {display:inline-block; width:120px; height:120px;}
.no-publish p {margin-top:10px; font-size:14px; color:#666;}
.loading {text-align:center; font-size:16px; color:#666;}

/*详情页*/
.arc-video {padding:60px 15px 0 15px;}
.arc-video .v-title{padding:15px 0;}
.arc-video .v-title h1{font-size:20px; font-weight:700; color:#333;}
.arc-video .v-cate {padding:5px 0; font-size:14px; color:#333;}
.arc-video .v-cate span{margin:0 5px;}
.arc-video .v-play {width:100%; height:200px; padding:20px 0; text-align:center; overflow:hidden;}
.arc-video .v-info { line-height:28px; font-size:15px; color:#333;}
.arc-video .v-page { font-size:16px; margin:20px 0; }
.arc-video .v-page p{margin:20px 0; }
.arc-video .v-page a{ display:inline-block; width:100%; height:40px; line-height:40px; background:#f5f5f5; border-radius:20px; padding:0 30px; overflow:hidden; box-sizing: border-box; cursor:pointer; font-size:14px;  color:#000;}


.arc-video .arc-cate {padding:20px 0; text-align:center;}
.arc-video .arc-cate h1{font-size:20px;}
.arc-video .arc-cate p{font-size:16px;}
.arc-video .cate-type {margin-top:10px;}
.arc-video .cate-type a {display:inline-block; padding:6px 9px; border:1px solid #c3c3c3; border-radius:15px; font-size:14px; color:#333; margin:0 3px 15px 3px;}
.arc-video .cate-type .act { border:1px solid #d43f47; background:#d43f47; color:#fff; }

/*留言*/
.message-main {padding:60px 15px 0 15px;}
.message {padding:15px 0;}
.message .m-tit h3{padding:5px 0;}
.message .layui-form-pane .layui-form-label {width:100px;}



/*右侧跟随菜单*/
/*右侧跟随菜单*/
.nav-min {
    position: fixed;
    top: 30%;
    right: 0;
    z-index:99;
}

.nav-min .n-item a {
    display: block;
    width: 50px;
    height: 50px;
    background: #646577;
    border-bottom:solid 1px #555666;
    font-size: 12px;
    color: #fff;
    text-align: center;
    position:relative;
}
.nav-min .n-item a:hover {
    background:#d43f47;
}
.nav-min .n-item .n-ico {
    height:22px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.nav-min .n-item .n-ico .iconfont {
    font-size: 22px;
}

.zz-bg {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

.alter-box {
    display:none;
    position: fixed;
    top: 50%;
    right: 0;
    left: 6%;
    width: 88%;
    min-height: 420px;
    margin-top: -210px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    font-size:16px;
    text-align:center;
    z-index: 1000;
}
.alter-box .a-icon .iconfont {font-size:46px; color:#08c108;}
.alter-box .a-tit {padding:15px 0; font-size:20px;}
.alter-box .a-btn {display:inline-block; padding:10px 36px; border-radius:8px; font-size:16px; color:#fff; background:#1aad19; text-align:center; margin:20px 0;}
.alter-box .a-main {position:relative;}
.alter-box .a-close {
    position:absolute;
    top:-5px;
    right:-25px;
    display:inline-block;
}
/*.nav-min {*/
/*    position: fixed;*/
/*    top: 45%;*/
/*    right: 10px;*/
/*    z-index:9999;*/
/*}*/

/*.nav-min .n-item a {*/
/*    display: block;*/
/*    width: 46px;*/
/*    height: 46px;*/
/*    background: #646577;*/
/*    border-radius:23px;*/
/*    font-size: 10px;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*    position:relative;*/
/*}*/
/*.nav-min .n-item .n-ico {padding-top:3px;}*/
/*.nav-min .n-item .iconfont {font-size:18px;}*/

/*文章页*/
.vert-rect {
    position: relative;
    width: 6%;
    height: 6px;
    margin: auto;
    margin-bottom: 5px;
    background-color: #ff9c00;
}


/*播放器代码*/
.video-js .vjs-big-play-button{
    font-size: 2.5em;
    line-height: 2.3em;
    height: 2.5em;
    width: 2.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    border-width: 0.15em;
    margin-top: -1.25em;
    margin-left: -1.75em;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.video-js .vjs-time-control{display:block;}
.video-js .vjs-remaining-time{display: none;}

/*关于我们*/
.about-main {padding:60px 0 0 0;}
.about-main .a-menu{width:100%; padding:15px; background:#fff;}
.about-main .a-menu a{display:inline-block; padding:6px 9px; border:1px solid #c3c3c3; border-radius:15px; font-size:14px; color:#333; margin:0 3px 15px 3px;}
.about-main .a-menu .active{ border:1px solid #d43f47; background:#d43f47; color:#fff;}
.about-main .a-content{width:100%; padding:15px; line-height:30px; box-sizing:border-box; font-size:14px; color:#333; background:#fff; overflow:hidden;}
.about-main .a-content .c-tit {margin-bottom:20px; text-align:center; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.about-main .a-content .c-tit p {font-size:18px; color:#333; padding:2px 0;}

.layui-input-1, .layui-input-2, .layui-input-3, .layui-input-4, .layui-input-5, .layui-input-6 {
    margin-left: -1px;
    float: left;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.layui-input-1 {width:10%;}
.layui-input-2 {width:20%;}
.layui-input-3 {width:30%;}
.layui-input-4 {width:40%;}
.layui-input-5 {width:50%;}
.layui-input-6 {width:60%;}
/*.layui-disabled, .layui-disabled:hover {*/
/*    color: #abaaaa!important;*/
/*    cursor: not-allowed!important;*/
/*}*/
.layui-form-item .layui-input-inline {float: left; width: 190px; margin-right: 10px;}
.layui-input-bj {color: #333 !important; background-color: #f6f6f6;}
.layui-form-btn {
    float: left;
    display: block;
    padding: 0!important;
    margin-right: 10px;
}
.layui-form-pane .layui-form-label {width:140px;}
.layui-form-system .layui-form-label {width:160px;}
.layui-form-item .layui-form-address {width:152px;}
.message {}