@charset "utf-8"
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #333; }



body{cursor: default;color: #333;background: #fff;margin-top: 80px;}
a{color: #333;}
a:hover{color: #f30;text-decoration: none;}
.hover-shadow{transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}

header{box-shadow: 0 1px 5px rgba(0, 0, 0, .3);padding: 10px 0;z-index: 9;background: #fff;}
header .logo img{}
header .hotline{margin: 4px 25px 0 0;padding-left: 30px;background: url(../img/hotline.gif) no-repeat;display: inline-block;}
header .nav{margin: 8px 0 0 0;}
.m-head{display:none;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 1px 5px rgba(0, 0, 0, .3);}
.m-head .m-head-logo{float: left;padding-left: 10px;}
.m-head .m-head-logo img{height:50px;display: block}
.m-head .m-head-menu{padding-right:5%;padding-top:20px;float: right;}
.m-head .m-head-menu a img{height:16px;vertical-align:top;display: block}
.m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
.m-nav .menu-close img{height: 30px;}
.m-nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
.m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
.m-nav .m-navList ul li{border-bottom:1px solid #232530}
.m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m-nav .m-navList ul li .m-nav-f a{flex: 1;}
.m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
.m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
.m-nav .m-navList .m-nav-img img{width: 100%;}


.homeslide{}
.homeslide .swiper-slide img{}
.homeslide .swiper-slide{display: flex;justify-content: center;align-items: center;overflow: hidden;}

.home-about{background: url(../img/home-about-bg.jpg) no-repeat;padding: 80px 0;}
.home-about .home-about-title{text-align: center;margin-bottom: 50px;}
.home-about .home-about-content{margin-bottom: 30px;line-height: 2em;text-align: center;justify-content: center;}

.home-product{background: url(../img/home-product-bg.jpg) repeat-y;padding: 60px 0;}
.home-product .home-product-title{text-align: center;}
.home-product .home-product-title span{color: #cff;font-size: 1rem;display: block;margin: 20px 0 40px;}
.home-product .home-product-item{border: 8px #fff solid;margin: 15px 0;overflow: hidden;}
.home-product .home-product-item img{width: 100%;transform: scale(1.1,1.1);-webkit-transform: scale(1,1);transition: 1s;-webkit-transition: 1s;}
.home-product .home-product-item img:hover{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transition: 1s;-webkit-transition: 1s;}


.home-news-title{font-size:1.5rem;line-height: 2.25rem;border-bottom: 1px #ccc solid;margin: 50px 0 30px;}
.home-news-title span{font-size: 1rem;color: #999;}
.home-news-item{border-bottom: 1px #ccc dashed;padding: 0 0 20px 0;overflow: hidden;margin-bottom: 20px;}
.home-news-item .date{width: 90px;height: 90px;background: #eee;font-size: 2.25rem;line-height: 1.8rem; text-align: center;padding-top: 1.4rem;float: left;}
.home-news-item .date small{font-size:0.875rem;display: block;}
.home-news-item .title{font-size: 1.125rem;font-weight: bold;width: 86%;text-overflow: ellipsis;overflow: hidden;padding-left: 1.875rem;float: left;white-space: nowrap;margin-bottom: 0.9375rem;}
.home-news-item .desc{padding-left: 1.875rem; float: left;width: 86%;text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #999;}

.home-picnews-item{width: 240px;margin: 0 0 20px 110px;}
.home-picnews-item img{width: 240px;height: 180px;}

.slogan{background: url(../img/slogan-bg.jpg) no-repeat;height: 315px;padding: 50px 0;}
.slogan .title{margin: 20px 0 50px;text-align: center;}
.slogan .content{text-align: center;color: #fff;}

.btn-1{padding: 10px;color: #fff;font-size: 14px;text-align: center;background: #007AFF;border-radius: 20px;display: block;width: 140px;margin: 15px auto;}
.btn-1:hover{background: #f30;color: #fff;}

footer{background: #333;color: #999;padding: 30px 0;}
footer p{margin-bottom: 5px;}
.copy{border-top: 1px solid #666;background: #333;color: #666;line-height: 300%;text-align: center;}
.copy p{display: inline-block;}
.copy a{color: #666;}
.copy a:hover{color: #ccc;}

/* 内页 */
.subslide{padding: 20px; background:url(../img/slogan-bg.jpg);color: #fff;text-align: center;}
/* .subslide{background-image: linear-gradient(45deg, #007AFF, #f00); } */
.subslide h2{margin: 2px 0;}.subslide h5{font-size: 1rem;font-weight: normal;}

.list-box-item{border: 1px solid #999;border-radius: 5px;overflow: hidden;display: block;transition: 1s;-webkit-transition: 1s;margin-bottom: 30px;padding-bottom: 15px;}
.list-box-item:hover{background: #039;transition: 1s;-webkit-transition: 1s;color: #fff;border: 1px solid #039;}

.list-box-item .thumb{height: 210px;overflow: hidden;text-align: center;margin: 5px;}
.list-box-item .thumb img{width: 100%;transition: 1s;-webkit-transition: 1s;}
.list-box-item:hover .thumb img{transition: 1s;-webkit-transition: 1s;transform: scale(1.1,1.1);}
.list-box-item .title{text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 10px;font-size: 1rem;line-height: 1.5rem;text-align: center;}
.list-box-item .title:hover{color: #fff;transition: 1s;-webkit-transition: 1s;}
.list-box-item h5{font-size: 0.75rem;text-align: center;color: #ccc;}

.list-box .list-article-item{margin: 15px 15px 15px 30px;overflow: hidden;border-bottom: 1px dashed #ccc;}
.list-box .list-article-item .item-thumb{width: 120px;height: 90px;overflow: hidden;float: left;margin-right: 30px;}
.list-box .list-article-item .item-thumb img{width: 100%;}
.list-box .list-article-item .item-body{}
.list-box .list-article-item .item-body .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list-box .list-article-item .item-body p{color: #666;}
.list-box .list-article-item .item-body small {color: #f60;font-size: 12px;padding-left: 5px;}

.content-box{margin-left: 30px;min-height: 460px;}
.content-box h2{text-align: center;}
.content-box small {text-align: center;color: #f60;display: block;background: #eee;line-height: 2rem; margin-bottom: 30px;}
.content-box article{text-align: justify;line-height: 200%;}
.content-box article img{width: 100%;}

.subchannel{border-radius: 5px;overflow: hidden;}
.subchannel h2{background: #039;color: #fff;margin: 0;font-size: 18px;padding: 15px;}
.subchannel ul{border: 1px solid #039;border-top: none;list-style: none;padding: 0;}
.subchannel ul li{padding: 8px 15px;}
.subchannel ul li a{display: block;}


.contact-box{background: #06c;padding: 0 0 20px 0;top:100px;border-radius: 5px;overflow: hidden;}
.contact-box h2{font-size: 1.125rem;color: #fff;background: #039;padding: 15px;}
.contact-box p{margin: 5px 15px;color: rgba(255,255,255,.8);}

@media (max-width:1200px) {
  .homeslide .swiper-slide img{height: 400px;}
}
@media (max-width:1024px) {
  body{margin-top: 60px;}
  header{display: none;}
  .m-head{display: block;}
  .m-head .m-head-logo img{height: 30px;margin-top: 10px;}
  .home-news-item .date{width: 70px;height: 70px;padding-top:.6rem ;}
  .home-news-item .title{width: 80%;}
  .home-news-item .desc{width: 80%;}
  .home-picnews-item{margin:20px 40px;}
  .copy{line-height: 180%;}
  .copy p{display: block;margin-bottom: 0;}
}
@media (max-width:768px) {
  .homeslide .swiper-slide img{height: 300px;}
  .content-box{margin-left: unset;}
}
@media (max-width:425px) {
  .homeslide .swiper-slide img{height: 160px;}
  .content-box{margin-left: unset;}
}