*, :after, :before {
    box-sizing: border-box;
}
body {font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
ul{    padding: 0;}
li{padding: 0;list-style:none;}
a:hover{-webkit-transition: all 0.25s linear 0.01s; -moz-transition: all 0.25s linear 0.01s; -ms-transition: all 0.25s linear 0.01s; -o-transition: all 0.25s linear 0.01s; transition: all 0.25s linear 0.01s;text-decoration:none;}
.form-control{border-radius: 0px;}
.form-control:focus{box-shadow: 0 0 3px #8cddff;-webkit-box-shadow: 0 0 5px #8cddff!important;border: 1px solid #80bdff!important;}
#qqyoukucode{display: block;width: 100%;background: #000000;}
.header{}
.my-navbar{background: #FFF;box-shadow: 0px 0px 2px #434343;}
.my-navbar .navbar-brand img{height:30px;}
.my-navbar .nav-link{color: #333!important;font-weight:normal;font-size:15px;}
.my-navbar .navbar-toggler{border:0px;}
.my-navbar .show{background:#FFFFFF!important;}
.navbar-r{height: 56px;}
@media screen and (min-width: 992px){
.my-navbar .container{max-width: 1300px;}
.my-navbar .navbar-brand img{height:40px;}
.my-navbar .nav-link{padding-left:15px!important;padding-right:15px!important;}
.my-navbar .nav-link:hover{background:#42A5F5;border-radius:3px;color:#FFFFFF!important;}
.navbar-r{height: 66px;}
}
.summary{margin: 1rem 0;}
.text-overflow{word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gray {background: #FBFBFB;}
.bgcolor-gray{background: #FBFBFB;padding-top:2em;padding-bottom:2em;}
.title_more{text-align: center;}
.CategoryTitle{padding:20px 0px;}
.CategoryTitleH1{font-size:25px;color: #2d2c2c;text-align: center;line-height:36px;margin-bottom:10px;}
.CategoryTitleSubtitle{font-size:14px;color: #2d2c2c;text-align: center;line-height: 18px;margin-bottom:15px;}
.CategoryTitleHr{width: 77px;height: 6px;background-color: #38c5b4;border-radius: 3px;margin: 0 auto;}
@media screen and (min-width: 768px){
.CategoryTitle{padding: 80px 0px;}
.CategoryTitleH1{font-size: 36px;line-height: 36px;margin-bottom: 30px;}
.CategoryTitleSubtitle{font-size: 18px;line-height: 18px;margin-bottom: 28px;}
.CategoryTitleHr{width: 77px;height: 6px;background-color: #38c5b4;border-radius: 3px;margin: 0 auto;}
}
.top_panel{
    /* background: -webkit-linear-gradient(0deg,#42A5F5,#1E88E5);
    background: -moz-linear-gradient(0deg,#42A5F5,#1E88E5);
    background: linear-gradient(0deg,#42A5F5,#1E88E5); */
    background:url(../images/head.jpg) no-repeat center center;
    padding: 40px 0px !important;text-align:center;
}
.top_panel .container{max-width:900px;}
.top_panel h1{font-size: 28px;color: #FFFFFF;text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);margin-bottom: 1rem;}
.top_panel p{font-size: 14px;color: #FFFFFF;margin-bottom: 1rem;}
.top_panel a{display: inline-block;padding: 10px 20px;color: #FFF;border: 1px solid #FFFFFF;}
@media screen and (min-width: 768px){
.top_panel{padding: 70px 0px !important;}
.top_panel h1{font-size:40px;margin-bottom:20px;}
.top_panel p{font-size: 18px;margin-bottom: 2rem;}
.top_panel a{padding: 10px 30px;font-size:16px;}
.top_panel a:hover{color: #15a1ff;background: #FFFFFF;}
}
.list-bottom-nav .layui-btn{margin-left: 10px !important;margin-bottom: 10px;}
@media screen and (min-width: 768px){
.list-bottom-nav .layui-btn{margin-left: 0px !important;}
}
.show-picture-header{padding: 20px 0px;}
.show-picture-header .layui-col-md7{margin-top: 15px;}
.show-picture-header h1{font-size: 22px;margin-bottom: 10px;margin-top:1.5rem;}
.show-picture-header span{color: #888;}
.show-picture-header img{width: 100%;display: block;border: 1px solid #e4e4e4;}
.show-picture-content{padding-bottom: 20px;}
.show-picture-sidebar a{display:block;box-shadow: 0px 0px 3px #adadad;}
.show-picture-sidebar a img{display:block;width:100%;}
.show-picture-sidebar a p{padding:10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display:block;}
@media screen and (min-width: 768px){
.show-picture-header{padding: 50px 0px;}
.show-picture-header .layui-col-md7{margin-top:0px; padding-left: 20px;}
.show-picture-content{padding-bottom: 50px;}
.show-picture-content .layui-col-md8{padding-right: 30px;}
}
.nav-btn{background: #eeeeee;padding: 15px;}
.nav-btn h2{line-height: 50px;font-size: 22px;}
.nav-btn li{display: block;padding: 10px 0px;border-bottom: 1px solid #dadada;}
.nav-btn li a{display: block;color: #0e90d2;font-size: 16px;}
@media screen and (min-width: 768px){
.nav-btn{}
}

.indexbanner{width:100%;margin:0 auto;overflow: hidden;}
.indexbanner #mybanner{width:100%;}
.indexbanner #mybanner img{display: block;width: 100%;height: auto;border: 0;}
@media screen and (min-width: 1200px){
.indexbanner #mybanner{margin: 0 auto;width:1200px;}
}

.index-btn-nav{width:100%;}
.index-btn-nav li{width:50%;display: block;float: left;padding: 3px;}
.index-btn-nav a{width: 100%;color: #FFF;background: #01AAED;padding:10px;font-size: 13px;}
@media screen and (min-width: 768px){
.index-btn-nav{width: 1200px;margin: 0 auto;text-align: center;}
.index-btn-nav li{width:20%;display: block;float: left;padding: 10px;}
.index-btn-nav a{margin: 0px;font-size: 16px;}
}

.index-fenlei{background: #FFF;overflow: hidden;padding-bottom:20px;}
.index-news{padding-bottom: 15px !important;}
.index-news li {border-bottom: 1px dotted #949494;padding: 5px 0px;}
.index-news li a{font-size: 14px;color:#01AAED;display: block;}
.index-news li p{margin: 0.2rem 0;color: #808080;font-size: 12px;}
@media screen and (min-width: 768px){
.index-news{padding-bottom: 50px !important;}
.index-news .layui-col-md4{padding: 0px 15px;}
.index-news li {border-bottom: 1px dotted #949494;}
.index-news li a{font-size: 16px;padding:4px 0px;display: block;}
.index-news li p{margin: 0.2rem 0;color: #454545;}
}

.index-hezuo{}
.index-hezuo ul{ padding:0; overflow: hidden;}
.index-hezuo ul li{padding:0;width: 33.33%;float: left;padding:5px;}
.index-hezuo ul li img{ display:block;width:100%;border: 1px solid #e5e5e5;}
@media only screen and (min-width: 641px){
.index-hezuo{padding-bottom: 5em;}
.index-hezuo ul li{width: 20%;padding:10px;}
.index-hezuo ul li img{ border: 2px solid #e5e5e5;}
}
.index-about{padding: 20px 0px;overflow: hidden;}
.index-about .left h4{margin-top: 1em;margin-bottom: 0em;}
.index-about .right{ padding:10px; background:#FFF;margin-top: 1em;}
.index-about .right ul{ overflow:hidden;padding:0;}
.index-about .right li{margin-top: 1em;margin-bottom: 0em;}
.index-about .right li h2{margin-top:0em;margin-bottom:0em;}
.index-about .right li p{margin:0;}
@media only screen and (min-width: 641px){
.index-about {padding: 50px 0px;}  
.index-about .left{float:left; width:45%;padding-right: 2em;}
.index-about .left h3{font-size: 2em;font-weight: normal;}
.index-about .left h4{margin-top: 1em;margin-bottom: 0em;font-size: 1.1em;}
.index-about .right{float:right; width:54%; padding:0;background:none;margin-top:0em}
.index-about .right ul{ overflow:hidden;padding:0;}
.index-about .right ul li{ display:block; width:33.33%;float:left;background:#FFF;padding:0;border: 1px solid #fbfbfb; height:360px;}
.index-about .right ul li h4{background:#3db1ea;display:block; margin:0;text-align:center;line-height: 3;}
.index-about .right ul li p{padding:0px 15px;margin-top: 1.6rem;margin-bottom: 1.6rem;}
}
.header_panel {background: #00a6b6;padding:30px;}
.header_panel h1 {font-weight: 100;font-size:20px;color: #FFF;margin: 0;}
@media screen and (min-width: 768px){
.header_panel {padding:50px;}
.header_panel h1 {font-size: 35px;text-shadow: 1px 1px 2px #424242;}
}
.crumbs{display: none;}
@media screen and (min-width: 768px){
.crumbs{display: block;padding: 15px;}
.crumbs a{color: #999;font-size: 14px;}
}
.list .container{max-width:800px;}
.list .container li{display: block;padding: 20px 0;border-bottom: 1px dotted #e4e4e4;}
.list .container li a{display: block;font-size:22px;color: #000000;line-height: 1.1;}
.list .container li .summary{margin:8px 0;font-size: 13px;color: #727272;}
.list .container li .meta span{margin-right:7px;}
.list .container li .meta span.layui-badge{background: rgb(3, 169, 244)!important;}
.list .container li .meta span.time{color: #9a9a9a;}
@media screen and (min-width: 768px){
.list{}
.list .container{padding-right:30px;}
.list .container li{padding: 30px 0;}
.list .container li a{font-size:25px;}
.list .container li a:hover{color: #1E9FFF;}
.list .container li .summary{font-size: 15px;}
}
.sidebar .list-group{margin-bottom:1rem;}
.sidebar .list-group a h5{display: block;font-size: 1.1rem;font-weight: 800;color: #000;line-height: 2;}
@media screen and (min-width: 768px){
}
.show{background-color: #f9fbfd;}
.article{background:#FFFFFF;padding:15px;margin-bottom:1rem;}
.article h1{font-size:22px;margin: 15px 0;font-weight: 400;text-align: center;}
.article .article-meta{font-size: 14px;margin: 5px 0;font-weight: normal;color: #999;text-align: center;}
.article .keywords{margin-top: 20px;margin-bottom: 0px;}
.article .keywords a{display: inline-block;margin-right: 5px;border-radius: 90px;background: #dfedfe;margin-bottom: 10px;padding: 2px 10px;border-radius: 90px;}
.content{line-height: 30px!important;font-size: 17px!important;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important;}
.content div,.content p,.content span,.content b,.content a,.content font,.content strong{line-height:30px !important;font-size: 17px!important;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important;}
.content img{ max-width:100% !important; height:auto !important;display:block;margin:10px auto !important;}
.content a{line-height:30px !important;font-size: 17px!important;color: #007bff !important;border-bottom: 1px dashed #000 !important;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important;}
.piclist a{display:block;padding:15px 0px;}
.piclist .media img{width:100px;}
.piclist .media .mt-0{font-size: 1rem;color: #000000;font-weight: 800;}
.piclist .media .mb-0{color: #9b9b9b;}
@media screen and (min-width: 768px){
.show{padding:3rem 0;}
.article{padding:30px;border: 1px solid #e5e5e5;}
.article h1{font-size: 28px;}
}
.content-info{background: #f9f9f9;padding: 15px;color: #888;font-size: 14px;}
.category_picture{background-color: #f9fbfd;padding: 15px 0px !important;}
.category_picture .container h2{display: flex;flex-direction: row;justify-content: space-between;margin-left: -6px; margin-right: -6px;align-items: center;}
.category_picture .container h2 .ctitle{color: #000000;font-size: 18px;font-weight: 800;}
.category_picture .container h2 .more{color: #007bff;font-size:13px;}
@media screen and (min-width: 768px){
.category_picture .container{padding: 20px 0;}
.category_picture .container h2{border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;}
.category_picture .container h2 .ctitle{font-size: 22px;}
.category_picture .container h2 .more{font-size:16px;}
.category_picture .container h2 .more:hover{color: #00a4ff;}
}
.product-list{}
.product-list li{padding:.3rem;display: block;}
.product-list li a{display: block;border: 1px solid #efefef;background: #FFF;border-radius: 5px;overflow: hidden;}
.product-list li a img{display: block;width: 100%;}
.product-list li a p{padding:10px;margin-bottom:0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;}
@media screen and (min-width: 768px){
.product-list li{padding: 8px;}
.product-list li a:hover{    border: 1px solid #ffffff;box-shadow: 0px 0px 10px #c2c2c2;}
}
.next-b{padding: 15px 0;}
@media screen and (min-width: 768px){
.next-b{padding: 20px 0;}
}

.list-video{padding: 1rem 0;}
.list-video a{display: flex;background: #f3f3f3;flex-direction: column;justify-content: space-between;}
.list-video img{display: block;width: 100%;}
.list-video p{text-overflow: ellipsis;white-space: nowrap;display:  block;padding: 5px;overflow: hidden;color: #000;}
@media screen and (min-width: 768px){

}

.index-video h4{margin-top: 1rem;margin-bottom: 1rem;}
.index-video .banner .swiper-slide{position: relative;}
.index-video .banner .title{background:#00000059 url(../images/bofang.png) no-repeat center left;background-size: 30px;
    position: absolute;
    bottom: 35px;
    width: 100%;
    padding: 20px 0px 20px 40px;font-size: 18px;color: #FFF;}
.index-news-list li{border-top: 1px solid #ececec;padding: .6rem 0;}
.index-news-list li a{display: block;color: #0085da;font-size: 1rem;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;margin-bottom: 0.2rem;}
.index-news-list li p{color: #888;margin-bottom: 0;}
@media screen and (min-width: 768px){
.index-video{padding-top: 3rem;}
.index-news-list{display: flex;
    flex-direction: row;
    flex-wrap: wrap;justify-content: space-between;}
    .index-news-list li{width: 48%;}
}

.show-video{padding-bottom: 2rem;}
.show-video-header{padding: 30px 0px;}
.show-video-header h1{font-size: 1.5rem;}
.show-video-header .article-meta{color: #888;}
@media screen and (min-width: 768px){
    .show-video-header{padding: 30px 0px;}
    .show-video-header h1{font-size: 2rem;}
}


.list-case .layui-col-md6{margin-bottom: 15px;}
.list-case .layui-row a{display: block;overflow: hidden;box-shadow: 0px 1px 1px #b5b5b5;}
.list-case .layui-row img{display: block;width: 100%;}
.list-case .layui-row h3{display: block;width: 100%;padding:10px 5px;font-weight: normal;}
@media screen and (min-width: 768px){
.list-case .layui-col-md6{padding: 10px;}
}
.list-pic img{ display:block; width:100%; border:0;margin-top: 5px;}
.page-nav{line-height: 45px;background-color: #f1f1f1;box-shadow: 0 -1px 0 0 #ececec;margin-bottom:30px;}
.page-nav .container{padding: 0;}
.page-nav a{display: inline-block;position: relative;width: 24%;text-align: center;font-size: 14px;}
.page-nav a::after{position: absolute;right: 0;left: unset;top: 50%;content: "";display: inline-block;width: 1px;height: 30px;background-color: #d8d8d8;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.page-nav .active{background-color: #fff;color: #4c90fc;}
.page-nav .active::after{content: none;}
@media screen and (min-width: 768px){
.page-nav{line-height: 60px;margin-bottom: 50px;}
.page-nav a{width: 240px;font-size: 16px;}
}
.page .container{max-width:900px;}
.page-content{padding:15px;line-height: 30px!important;font-size: 17px!important;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important;}
@media screen and (min-width: 768px){
.page .container{padding:3rem;} 
}
.gongcheng{padding:20px 0;}
.gongcheng .container{overflow: hidden;}
.gongcheng .container .row .col-12:last-child{padding: 15px;}
.gongcheng .container img{ display:block; width:100%;}
.gongcheng .container h2{font-size: 1.2rem;font-weight: normal;margin-bottom:0;}
.gongcheng .container p{font-size:15px;color: #999;padding: 10px 0;margin-bottom:0;}
@media screen and (min-width: 768px){
.gongcheng{padding:50px 0;}
.gongcheng .container h2{font-size: 2rem;font-weight: normal;margin-bottom:1.5rem;}
.gongcheng .container p{margin-bottom:1.5rem;}
}
#pages{padding: 15px 0px;text-align: center;}
#pages a{display: inline-block;margin: 3px;background: #01AAED;padding: 0.3rem 1rem; border-radius:2px; color:#FFF;}
#pages span{display: inline-block;margin: 3px;background: #E4E4E4;padding: 0.3rem 1rem;border-radius:2px;color:#000;}
@media screen and (min-width: 768px){
#pages{padding: 40px;}
}
.left-piao{display: block;width:100%;overflow: hidden;background: #3bb4f2;text-align: center;padding:1.5rem 0;;}
.left-piao p{display:inline-block;line-height:30px;color: #fff; margin: 0 0.5rem 0 0;font-size: 15px;}
.left-piao img{display: inline-block;width: 25px;}
@media screen and (min-width: 768px){
.left-piao{display: block;width:110px;position: fixed;z-index: 99;left: 0;top: 30%;padding:8px;border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:0px;}
.left-piao p{display:block;color: #fff;font-size:15px;line-height: 25px;padding-left: 5px;margin-bottom: 10px;}
.left-piao img{display:inline-block;width: 25px;}
}
.bottom-fixed{overflow:hidden;position: fixed;z-index:9999;height: 40px;bottom: 0;left:0;right: 0;background: #FFF;border-top:1px solid #eaeaea;}
.bottom-fixed a{display:block;overflow: hidden;height: 40px;float: left;text-align: center;}
.bottom-fixed a span{display:inline-block;height:18px;padding-left:20px;margin-top: 11px;font-size: 12px;}
.bottom-fixed .tel{width:30%;box-shadow:1px 0px 0px #eaeaea;}
.bottom-fixed .tel span{background:URL('../i/tel.svg') no-repeat left center;background-size:18px;}
.bottom-fixed .online{width:30%;box-shadow:1px 0px 0px #eaeaea;}
.bottom-fixed .online span{background:URL('../i/kefu.svg') no-repeat left center;background-size:18px;}
.bottom-fixed .order{width:40%;}
.bottom-fixed .order span{background:URL('../i/xm.svg') no-repeat left center;background-size:18px;}
.footer{background-color:#202020;padding:2rem 2rem 50px 2rem;color: #6F6F6F;}
.footer .info{ margin:0 auto; max-width:1200px;}
.footer .info .footer-nav a{margin-right: 1rem;color: #FFF;}
.nav-title{padding: 10px 0;color: #FFFFFF;font-size: 22px;font-weight: 800;}
.footer .list-nav{overflow: hidden;}
.footer .list-nav a{display: inline-block;margin-right: 10px;margin-bottom: 10px; color: #cecece;background: #FFFFFF;color: #000000;padding: 5px;border-radius: 3px;}
.footer .list-media img{display: inline-block;margin-right: 5px;margin-bottom: 5px;}
.copyright{padding: 0;display: block;margin: 0.5rem 0;line-height: 1.6rem;}
.copyright a{color: #6F6F6F;}