.fl {float: left;}
.fr {float: right;}
.text-align {text-align: center}
.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}
.layui-main {width: 1200px;}



/* 通用头部 */
.dyui-header {box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); z-index: 9}
.dyui-header .dyui-nav {padding: 0;}
.dyui-header .dyui-nav li a.c1 {color: #000; padding: 0 20px; height: 48px; line-height: 48px; display: block; font-size: 16px}
.dyui-header .dyui-nav li a.c1:hover {color: #F00}
.dyui-header .dyui-nav li.active a.c1 {color: #F00;}
.dyui-header-line {height: 56px;}

.dyui-nav .navbar-brand img {height: 40px}
.dyui-nav .form-inline .form-control {border-radius: 3px 0 0 3px; border: none}
.dyui-nav .form-inline .btn {border: solid 1px #98C30F; border-radius: 0 3px 3px 0; background-color: #98C30F; color: #fff}



/*Phone手机*/
@media(max-width:767px) {

    /*导航开始*/
    .dyui-header {background-color: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999}
    .dyui-header .navbar {padding: 2px 0 0 0;}
    .navbar-brand {padding: 0}
    .dyui-header .logo {max-width: 100%; height: 32px; display: block; padding-left: 10px}
    .dyui-header .navbar-dark .navbar-toggler {color: #333}
    .dyui-header .navbar-dark .navbar-toggler i {font-size: 30px;}
    .dyui-header .navbar-collapse {background-color: #fff;}
    .dyui-header nav .navbar-nav .nav-item {white-space: nowrap}
    .dyui-header .dyui-nav li a.c1 {display: block}

}


/*版块标题*/
.dyui-main-header .header-title {margin: 10px auto 0; position: relative; text-align: center;}
.dyui-main-header .header-title legend {line-height: 34px; margin: 0 auto; font-size: 34px; color: #000; font-weight: 300; background-color: #fff; position: relative; z-index: 99;}
.dyui-main-header .header-title p {color: #999; font-size: 16px; height: 24px; line-height: 30px; z-index: 999; position: relative; min-width: 100px; display: inline-block; margin: 10px auto;}
.dyui-main-header .header-title:after {content:""; display: inline-block; width: 100px; border-top: solid 1px #e6e6e6; position: absolute; bottom: 34px; left: 50%; margin: 0 0 0 -50px;}


.taocan {overflow: hidden;}
.taocan table {margin: 15px 0;}
.taocan table thead tr th {position: relative;}
.taocan table thead tr th:nth-child(1) {color: #333;}
.taocan table thead tr th:nth-child(2) {background-color: #009688;}
.taocan table thead tr th:nth-child(3) {background-color: #01AAED;}
.taocan table thead tr th:nth-child(4) {background-color: #FF5722;}
.taocan table thead tr th:nth-child(5) {background-color: #2F4056;}
.taocan table thead tr th:nth-child(6) {background-color: #f00;}
.taocan table thead tr th:nth-child(6) div {position: absolute; top: -20px; left: 0; width: 100%; height: 60px; line-height: 70px; background-color: #f00;}
.taocan table tr th {text-align: center; color: #fff; font-size: 20px;}
.taocan b.jg {color: #f00; font-size: 24px; font-weight: normal;}

.taocan table tr td {text-align: center;}
.taocan table tr td:nth-child(1) {}
/* .taocan table tr td:nth-child(2) {background-color: #e5fffd} */
/* .taocan table tr td:nth-child(3) {background-color: #e0f6ff;} */
.taocan table tr td:nth-child(5) {background-color: #fff3f0;}

.taocan .layui-table td, .taocan .layui-table th {padding: 15px 15px;}
.taocan table tr td .fa {font-size: 20px;}
.taocan table tr td .fa-close {color: #f00;}
.taocan table tr td .fa-check {color: #68bb46;}



/*通用底部*/
.footer {background-color: #f3f5f4; height: auto; overflow: hidden; padding: 20px 0;}
.footer .foot {display: flex;}
.footer .foot dl {flex: 1;}
.footer .foot dl dt {font-size: 15px; font-weight: bold; line-height: 40px; height: 40px;}
.footer .foot dl dd a {display: block; line-height: 30px;}
.footer .foot .layui-btn {padding: 0 20px; display: inline-block;}
.footer .copyright {text-align: center; height: 40px; line-height: 40px; overflow: hidden;}


/*首页banner下产品*/
.banner-service {background: #fff; margin-top: -30px; border-radius: 10px; overflow: hidden; position: relative;
box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}

.banner-service .list li {
    /* width: 25%; */
    /* float: left; */
    /* padding-left: 60px; */
    /* padding-right: 50px; */
    position: relative;
    /* height: 100px; */
    /* padding-top: 30px; */
}

.banner-service ul .title {
    font-weight: 700;
    font-size: 16px;
    font-weight: 700; margin: 0 0 10px 0;
    color: #000;
}
.banner-service ul .txt {
    font-size: 14px;
    color: #999;
    line-height: 20px;
}




/*首页产品*/
.index-product {padding: 50px 0 30px;}
.index-product .dyui-main-header {margin-bottom: 50px;}
.index-product .pro-content {width: 1200px; margin: 0 auto;}
.index-product ul.first-ul{height: 510px;}
.index-product ul .pro-list{float: left; width: 33%; height: 440px;text-align: center;position: relative;background-color: #fff;border: 1px solid #ebebec; margin-left:-1px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;}
.index-product ul .pro-list.pro-list1 .on{display: block;}
.index-product ul .pro-list.pro-list1 .off{display: none;}
.index-product ul .pro-list .card-t{padding: 30px 0 20px;}
.index-product ul .pro-list i {display: inline-block;width: 75px;height: 75px; color: #2CB9EA; font-size: 60px;}

.index-product ul .pro-list .card-t h3{font-size: 18px;font-weight: bold;padding: 10px 0 4px;}
.index-product ul .pro-list .card-t p{font-size: 14px;color: #868c93;}
.index-product ul .pro-list .card-about{padding: 20px 5px; position:relative}
.index-product ul .pro-list .off li{font-size: 16px;height: 50px;line-height: 50px; width: 50%; float: left;}
.index-product ul .pro-list .on{text-align: left;padding: 0 20px;position:absolute; left:5px; top:20px;width: 356px;opacity: 0;filter:alpha(opacity=0);}
.index-product ul .pro-list .on .first {padding-bottom: 15px;}
.index-product ul .pro-list .on .first-item {flex: 1;}
.index-product ul .pro-list .on .first h4{font-size: 18px;font-weight: normal; margin-bottom: 5px;}
.index-product ul .pro-list .on .first p{font-size: 14px;color:#a9b0b4}
.index-product ul .pro-list .on .first p b {color: #f00;}
.index-product ul .pro-list .on .first a{font-size: 14px;color: #2CB9EA;display: block;width: 108px;height: 30px;line-height: 30px;text-align: center;border:1px solid #2CB9EA;margin-top: 15px;border-radius: 3px;}
.index-product ul .pro-list .on .first a:hover{background-color: #2CB9EA;color: #fff;}
.index-product ul .pro-list .on .other{border-top: 1px solid #ebebec;}
.index-product ul .pro-list .on .other ul li{width: 100%;float: left;padding-top: 10px;}
.index-product ul .pro-list.pro-list1 .on .other ul li{width: 100%;}
.index-product ul .pro-list .on .other h4{font-size: 14px;font-weight:normal;}
.index-product ul .pro-list .on .other p{font-size: 12px;line-height: 22px;color: #a9b0b4;}
.index-product ul .pro-list .on .other a{font-size: 12px;color: #2CB9EA;}
.index-product ul .pro-list .on .other a:hover{text-decoration: underline;}
.index-product ul .pro-list.pro-list2 .on .other ul li{width: 50%;position: relative;}
.index-product ul .pro-list.pro-list2 .on .other ul li p{width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-product ul .pro-list .on{display: none;}
.index-product ul .active{width: 34%;border: 1px solid #2CB9EA;height: 510px;top: -35px;box-shadow: 0 0px 30px rgba(44,185,234,0.6);z-index: 1;overflow: hidden;}
.index-product ul .active i {color: #fff;}
.index-product ul .active .on{opacity: 1;filter:alpha(opacity=100);}
.index-product ul .active .con-card .card-t{background-color: #2CB9EA;}
.index-product ul .active .con-card .card-t h3{color: #fff;margin-top: -5px;}
.index-product ul .active .con-card .card-t p{color: #fff;}


/*404-msg*/
.main-404 {text-align: center; margin-top: 50px;}
.main-404 .pdtit {margin-bottom: 10px;}
.main-404 .pdtit h3 {font-size: 30px; font-weight: bold;}
.main-404 .content h3 {font-size: 20px; margin-bottom: 10px;}

/*首页新闻资讯*/
.home-news {height: auto; overflow: hidden; padding: 30px 0 20px;}
.home-news .dyui-main-header {margin-bottom: 20px;}
.new-tlttle{ height:130px; background:#fff; margin-bottom:20px; }
.new-tlttle-img{ width:380px; height:130px; position:relative; overflow:hidden; background-color: #eee;}
.new-tlttle img{ width:380px; height:130px; position:absolute; left:0; top:0; }
.new-tlttle h4{ height:52px; line-height:52px; padding-left:15px; font-weight:normal;}
.new-tlttle:hover { text-decoration:none;box-shadow:0 3px 14px rgba(0,0,0,.2);}
.new-more-list{ line-height:30px;}
.reg-bottom{ background:#2CB9EA; display:inline-block; padding:15px 45px; font-size:24px; color:#fff;border-radius:5px;}
.reg-bottom:hover{background:#0F83C1; color:#fff;}

.home-news-list li {height: 30px; line-height: 30px; overflow: hidden;}
.home-news-list li .date {float: right; line-height: 30px; color: #999;}

/*首页案例*/
.home-case {background-color: #F6F7F9; padding: 30px 0; height: auto; overflow: hidden;}
.home-case .dyui-main-header .header-title legend {background: none;}
.home-case .layui-tab {width: 1200px; margin: 0 auto;}
.home-case .layui-tab .layui-tab-title {text-align: center;}
.home-case .layui-tab .layui-tab-content {padding: 10px 0;}

.anli-list li img {width: 100%;}

.owl-prev {position: absolute; right: 0; top: 200px;}
.owl-next {position: absolute; left: 0; top: 200px;}
.owl-prev i,
.owl-next i {width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background-color: rgba(0,0,0,0.4); color: #fff;}
.owl-prev:hover i,
.owl-next:hover i {background-color: rgba(0,0,0,0.5);}


.layui-main-tree {width: 280px; padding: 15px 0; height: auto; overflow: hidden;}
.layui-main-content {width: 900px; height: auto; overflow: hidden; padding: 15px 0;}


/*帮助详情*/
.site-content {padding: 15px;}
.site-content .content {line-height: 200%; font-size: 14px;}
.site-content .content img {margin: 5px 0;}
.site-content .site-h1 {margin-bottom: 20px; line-height: 60px; padding-bottom: 10px; color: #393D49; border-bottom: 1px solid #eee; font-size: 28px; font-weight: 300;}
.site-info {text-align: center;}

.content h3 {background-color: #edf4ff; padding: 5px 10px; margin: 10px 0 8px; border: solid 1px #98c6ff; color: #2966b7;}
.content h4 {background-color: #f5f5f5; padding: 5px 10px; margin: 10px 0 8px; border: none; border-left: solid 2px #d2d2d2; color: #2966b7;}
.content table {border-top: solid 1px #eee; border-right: solid 1px #eee; box-sizing: border-box !important; max-width: 100% !important; }
.content table th {border-bottom: solid 1px #eee; border-left: solid 1px #eee; background-color: #f9f9f9;}
.content table td {border-bottom: solid 1px #eee; border-left: solid 1px #eee;}
.syntaxhighlighter {word-break: break-all;}

/*文章详情*/
.title {margin: 20px 0 0; line-height: 120%; color: #393D49; font-size: 28px; font-weight: 300;}
.news-info {border-bottom: solid 1px #eee; line-height: 40px; margin-bottom: 20px;}
.news-info span {margin-right: 20px;}
.news-info span i {margin-right: 5px;}
.content {line-height: 200%; font-size: 14px;}
.content img {margin: 5px 0; max-width: 100%;}
.updown {border-top: solid 1px #ddd; padding: 15px 0; margin-top: 30px;}

.show-mform-list {margin: 20px 0; overflow: hidden;}
.show-mform-list a {display: inline-block; padding: 6px 12px; border: solid 1px #ddd;}
.show-mform-list a.active {color: #f00; border: solid 1px #f00;}


/*tag*/
.layui-main-tree .layui-card {background-color: #fafafa;}
.layui-main-tree .layui-card .layui-card-header {border-bottom: solid 1px #eee;}
.layui-main-tree .layui-card .layui-card-body {padding: 10px 5px;}
.layui-main-tree .tag a {border: solid 1px #eee; border-radius: 20px; padding: 2px 10px; display: inline-block; margin: 5px;}
.layui-main-tree .tag a:hover {background-color: #64abfd; color: #fff;}


/*热门资讯*/
.newstop {margin: 0 5px;}
.newstop li {height: 30px; line-height: 30px; overflow: hidden; font-size: 14px;}
.newstop li i {background-color: #009688; color: #fff; width: 18px; height: 18px; line-height: 18px; text-align: center; display: inline-block; font-style: inherit; border-radius: 4px; margin-right: 5px;}

/*相关资讯*/
.keyword_list {background-color: #f9f9f9; margin: 20px 0 20px;}

/*面包屑*/
.layui-breadcrumb {border-bottom: solid 1px #eee; padding: 10px 0;}

/*文章详情*/

.site-tree {width: 220px; height: auto; overflow: hidden;}
.site-content {width: 960px; height: auto; overflow: hidden;}


/*栏目Banner*/
.catimg {width: 100%; height: 250px; overflow: hidden; background-position: center top;}


/*新闻搜索*/
.news-search {position: relative; margin: 0 0 10px;}
.news-search .layui-input {}
.news-search .layui-btn {position: absolute; right: 0; top: 0;}

/*新闻列表*/
.news-znav {border-bottom: solid 1px #ddd; height: 42px; overflow: hidden;}
.news-znav ul li {float: left; line-height: 42px; text-align: center; font-size: 16px; padding: 0 8px;}
.news-znav ul li a {color: #000; padding: 0 10px;}
.news-znav ul li.active a {color: #4187ef; border-bottom: solid 2px #4187ef; display: inline-block; line-height: 41px;}


.newslist li {position: relative; height: 120px; line-height: 22px; padding: 15px 10px 15px 200px; border-bottom: 1px dotted #e2e2e2;}
.newslist li .fly-avatar {left: 0;}
.newslist li .fly-avatar img {display: block;width: 180px;height: 120px; margin: 0; border-radius: 2px; border: solid 1px #eee;}

.newslist li:last-child{border-bottom: none;}
.newslist li h2,
.newslist li h2 a,
.newslist-info {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newslist li h2{height: 26px; font-size: 0;}
.newslist li h2 a {display: inline-block; max-width: 80%; padding-right: 10px; font-size: 16px;}
.newslist li h2 .layui-badge {top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #5FB878; background: none; color: #5FB878;}
.newslist li .list-info {position: relative;font-size: 13px;color: #999;}
.newslist li .list-info .desc {height: 60px; line-height: 20px; overflow: hidden; margin: 3px 0 5px 0; }
.newslist li .list-nums {position: absolute;right: 0;
    bottom: 0;
    padding-right: 0!important;}
.newslist li .list-badge {position: absolute; right: 10px; top: 15px; font-size: 0;}
.newslist li .list-badge .layui-badge {margin-left: 5px;
    border-radius: 2px;
    font-size: 12px;}

.newslist li .list-badge .layui-badge i {margin-right: 3px; font-size: 12px;}
.newslist li .list-info .more a {border: solid 1px #ddd; height: 24px; line-height: 24px; border-radius: 12px; padding: 0 15px; font-size: 13px; display: inline-block;}
.newslist li:hover .list-info .more a {background-color: #f3522a; color: #fff; border: solid 1px #f3522a;}

/* 头像 */
.fly-avatar{position: absolute; left: 15px; top: 15px;}
.fly-avatar img{display: block; width: 60px; height: 45px; margin: 0; border-radius: 2px;}