@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; }

*{margin: 0;padding: 0;list-style: none;-webkit-transition: all ease .6s;transition: ease .6s;}
body{cursor: default;color: #333;font-size: 14px;font-family: Microsoft Yahei;font-weight: 300;background: #e6e6e6 url(../img/bg.jpg) 50% 0% no-repeat;}
.container{max-width: 1380px;}
a{color: #333;text-decoration: none;}
a:hover{color: #f60;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}

header .pc-head{margin: 40px auto 30px;}
header .pc-head .logo img{max-width: 100%;}
header .pc-head .logo:hover img{transform: scale(1.1);}
header .pc-head .search{display: flex;height: 100%;align-items:center;}
header .pc-head .search form{}
header .pc-head .search input,header .pc-head .search button{border: 0;padding: 15px;outline: 0;font-size: 16px;box-shadow: 0 0 10px rgba(0,0,0,.3);}
header .pc-head .search input{width: 300px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
header .pc-head .search input:focus{width: 350px;outline: 5px #f60;}
header .pc-head .search button{background: #00c;color: #fff;font-size: 14px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
header nav{background: #06c;margin: 60px -12px 30px;box-shadow: 0 10px 10px rgba(0,0,0,.3);position: relative;}
header nav ul{padding: 0;display: flex;justify-content: space-between;}
header nav ul li.nav-item{}
header nav .nav-item a{color: #fff;padding: 26px 60px;font-size: 18px;width: 100%;text-align: center;}
header nav .nav-item a.active, header nav .nav-item:hover a{background: rgba(0,51,153,.9);}
header nav .nav-item:hover > a{color: #fff;text-shadow: 0 0 10px #fff;}
header nav .dropdown-menu{background: rgba(0,51,153,.9); margin: 0;border-radius: 0;transition: unset;border: 0;width: 100%;}
header nav .dropdown-menu .dropdown-item {padding: 0;background: rgba(255,255,255, 0);}
header nav .dropdown-menu .dropdown-item a{padding: 15px 30%;display: block;font-size: 14px;color: #fff;text-align: left;background-color: transparent;}
header nav .dropdown-menu .dropdown-item a:hover{background: rgba(255,255,255,.2);color: #ccc;}
header .m-head, header .m-nav{display: none;}
.m-head{height:50px;background:#06c;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;display: flex;width: 75%;padding:5px;}
.m-head .m-head-logo img{height: 30px}
.m-head .m-head-menu .menu-open{float: right;color: #fff;padding: 0 5px;}
.m-head .m-head-menu .menu-open i{font-size: 30px;}
.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 {color: #fff;}
.m-nav .menu-close i{font-size: 30px;}
.m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;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%;}

.box{background: #fff;padding: 15px;}
.box .recommend{background: #f2f2f2 url(../img/recommendbg.png) no-repeat;padding: 25px;position: relative;}
.box .recommend h3{font-size: 18px;color: #000;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.box .recommend p{font-size: 15px;color: #999;text-align: center;margin-bottom: 0;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;overflow: hidden;}
.box .recommend:hover h2, .box .recommend:hover p{text-shadow: 0 2px 5px rgba(0,0,0,.3);}

.picnews{margin: 15px 15px auto auto;}
.picnews .mySwiper .swiper-slide{height: 378px;}
.picnews .mySwiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.home-ssyw{margin-top: 15px;}
.home-ssyw h2{font-size: 18px;color: #06c;margin-bottom: 20px;}
.home-ssyw .item h3{font-size: 18px;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.home-ssyw .item p{font-size: 15px;color: #999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;text-align: justify;}
.home-ssyw .item:hover h3{color: #f60;}
.home-ssyw a.more{position: relative;top:-30px;left: calc(100% - 70px);}
.home-ssyw ul{padding: 0;margin: 0;}
.home-ssyw ul li{border-bottom: 1px dashed #ccc;}
.home-ssyw ul li a{display: flex;justify-content: space-between;padding: 15px 0;}
.home-ssyw ul li h3{display: inline-block;width: 80%;margin: 0;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.home-ssyw ul li small{display: inline-block;font-size: 12px;color: #ccc;}

.home-bslc{margin: 30px -12px;background: #fff;}
.home-bslc .title{width: 120px;background: #f60;color: #fff;font-size: 24px;margin-right: 2px;padding: 25px;text-align: center;}
.home-bslc .body{height: 100%;background: #06c;justify-content: space-around;display: flex;align-items: center;}
.home-bslc .body a{width:20%;background: #fff url(../img/btn-bg.png) no-repeat;line-height: 30px;padding: 10px;border-radius: 4px; text-align: center;font-size: 16px;font-weight: 700;}
.home-bslc .body a:hover{box-shadow: 0 0 10px rgba(255,255,255,1);}

.home-article{margin: 30px -12px;justify-content: space-between;}
.home-article .item{width: 450px;}
.home-article .item .tab-head,.home-article .item .tab-head2,.home-article .item .tab-head3{display: flex;}
.home-article .item .tab-head a,.home-article .item .tab-head2 a,.home-article .item .tab-head3 a{background: url(../img/tab-bg2.png) no-repeat;color: #333;padding: 5px 40px 5px 20px;font-size: 18px;display: inline-block;position: relative;z-index: 1;}
.home-article .item .tab-head a:last-child,.home-article .item .tab-head2 a:last-child,.home-article .item .tab-head3 a:last-child{z-index: 0;}
.home-article .item .tab-head a.active,.home-article .item .tab-head2 a.active,.home-article .item .tab-head3 a.active{background: url(../img/tab-bg.png) no-repeat;color: #00c;z-index: 1;}
.home-article .item .tab-body,.home-article .item .tab-body2,.home-article .item .tab-body3{background: #fff;padding: 15px;position: relative;height:260px;}
.home-article .item .tab-body ul a.more, .home-article .item .tab-body2 ul a.more, .home-article .item .tab-body3 ul a.more{position: absolute;top: -30px;right: 10px;}
.home-article .item .tab-body ul,.home-article .item .tab-body2 ul,.home-article .item .tab-body3 ul{padding: 15px 0 0 0;margin: 0;border-top: 1px solid #00c;}
.home-article .item .tab-body ul::before,.home-article .item .tab-body2 ul::before,.home-article .item .tab-body3 ul::before{content: '';position: absolute;top: 14px;left: 15px;background: #00c;width: 100px;height: 1px;}
.home-article .item .tab-body li,.home-article .item .tab-body2 li,.home-article .item .tab-body3 li{padding: 10px 0;border-bottom: 1px dashed #ccc;}
.home-article .item .tab-body li a,.home-article .item .tab-body2 li a,.home-article .item .tab-body3 li a{display: flex;justify-content: space-between;}
.home-article .item .tab-body li a h4,.home-article .item .tab-body2 li a h4,.home-article .item .tab-body3 li a h4{font-size: 16px;width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 0;}
.home-article .item .tab-body li a small,.home-article .item .tab-body2 li a small,.home-article .item .tab-body3 li a small{font-size: 12px;width: 16%;text-align: right;color: #ccc;}

.home-photoshow{margin: 15px auto;background: #fff;padding: 15px;}
.home-photoshow h2{font-size: 18px;color: #00c;position: relative;margin-bottom: 30px;}
.home-photoshow h2::before{content: '';position: absolute;bottom: -10px;left: 0;background: #00c;height: 2px;width: 72px;}
.home-photoshow h2::after{content: '';position: absolute;bottom: -11px;left: 0;background: #00c;height: 1px;width: 100%;}
.home-photoshow a.more{position: relative;top: -50px;left: calc(100% - 60px);}

.home-photoshow .productShow,.home-photoshow .productShow2{height: 180px;}
.home-photoshow .productShow .swiper-slide img,.home-photoshow .productShow2 .swiper-slide img{width: 100%;height:100%;object-fit: cover;}

.star{background: #fff;padding: 15px;}
.star h2{font-size: 18px;color: #00c;position: relative;margin-bottom: 30px;}
.star h2::before{content: '';position: absolute;bottom: -10px;left: 0;background: #00c;height: 2px;width: 72px;}
.star h2::after{content: '';position: absolute;bottom: -11px;left: 0;background: #00c;height: 1px;width: 100%;}
.star a.more{position: relative;top: -50px;left: calc(100% - 60px);}
.star .starSwiper .swiper-slide{border: 1px solid #ccc;}
.star .starSwiper .swiper-slide img{width: 100%;height: 80px;object-fit: cover;}

.partner{margin: 30px auto;padding: 0;}
.partner .row{margin: 30px auto;justify-content: space-between;}
.partner .item{width: calc(100% / 3 - 10px);padding: 24px;font-size: 24px;color: #fff;text-align: center;}
.partner .item a{color: #fff;display: block;}
.partner .hzdw{background: #33c url(../img/partnerbg.png) 20% -40% no-repeat;}
.partner .lsdw{background: #39c url(../img/partnerbg2.png) 20% -40% no-repeat;}
.partner .hydw{background: #3c9 url(../img/partnerbg3.png) 20% -40% no-repeat;}
.partner .item:hover{transform: scale(1.1);}

.link{margin: 30px auto;line-height: 1.5;}
.link a{color: #999;padding: 0 5px;}
.link a:hover{color: #f60;}
.link a::before{color: #999;content: '/';padding-right: 10px;}
.link a:first-child::before{content: none;}

footer{background: #003;padding: 30px 0;}
footer nav{}
footer nav ul{padding: 0 0 15px;margin: 0;display: flex;justify-content: space-between;border-bottom: 1px solid rgba(255,255,255,.2);}
footer nav ul li{padding: 10px;text-align: center;}
footer nav ul li a{color: rgba(255,255,255,.8);font-size: 16px;}
footer .signup{display: flex;justify-content: space-between;margin-top: 45px;color: rgba(255,255,255,.6);}
footer .signup a{color: rgba(255,255,255,.6);}
footer .signup a:hover{color: #fff;}

main{margin: 60px auto;padding: 0!important;}
main .content{padding: 24px 36px;background: #fff;min-height: 600px;box-shadow: 0 0 15px rgba(0,0,0,.3);border-top-left-radius: 15px;text-align: center;}
main .content .content-title{font-size: 24px;font-weight: 600;;margin: 0;position: relative;top: -30px;background: #9cf;display: inline-block;padding: 24px;box-shadow: 0 0 15px rgba(0,0,0,.3);border-bottom-left-radius:15px;border-bottom-right-radius: 15px;min-width: 200px;max-width:100%;margin: 0 auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
main .content .content-body{text-align: left;}
main .content .content-body .list-article{}
main .content .content-body .list-article .item{border-bottom: 1px dashed #eee;display: block;margin: 12px auto;}
main .content .content-body .list-article .item h3{font-size: 20px;margin-bottom: 5px;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
main .content .content-body .list-article .item small{background: #06c;color: #fff;padding: 3px 8px;font-size: 12px;line-height: 20px;display: inline-flex;border-radius: 4px;}
main .content .content-body .list-article .item h6{color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 15px auto;}
main .content .content-body .list-card{}
main .content .content-body .list-card .card{margin: 12px auto;}
main .content .content-body .list-card .card .thumb{height: 300px;overflow: hidden;}
main .content .content-body .list-card .card .thumb img{width: 100%;height:100%;object-fit: cover;}
main .content .content-body .list-card .card:hover .thumb img{transform: scale(1.1);}
main .content .content-body .list-card .card h3{font-size: 16px;height:58px;text-overflow: ellipsis;overflow: hidden;margin: 12px;}
main .content .content-body .list-card .card span{font-size: 13px;color: #999;margin: 12px;}

main aside{background: #fff;padding: 24px;border-top-right-radius: 20px;box-shadow: 0 0 15px rgba(0,0,0,.3);margin-right: 80px;top: 12px!important;z-index: 10!important;}
main aside dt{padding: 12px;font-size: 24px;color: #06c;font-weight: 400;}
main aside dt span{display: block;text-transform: uppercase;color: #999;font-size: 14px;}
main aside dd{margin: 1px 0 0;}
main aside dd a{padding: 12px;display: block;font-size: 16px;position: relative;width: 100%;}
main aside dd a:hover,main aside dd a.active{padding: 12px 20px;background: #06c;color: #fff;width: 120%;}
main aside address{padding: 5px;}
main aside address h5{font-size: 16px;font-weight: bold;}
main aside address p{margin-bottom: 5px;text-indent: -40px;margin-left: 40px;word-break: break-all;font-size: 13px;}


@media (max-width:425px) {
  body{background-size: 200% auto;}
  header .pc-head{display: none;}
  header .m-head{display: block;}
  header .m-nav{display: block;}
  header *{transition: unset;-webkit-transition: unset;}
  .box{margin-top: 100px;}
  .box .recommend h3{width: 80%;margin: 0 auto;}
  .picnews{margin-right: auto;}
  .home-bslc .title{width: 100%;padding: 10px;}
  .home-bslc .body{display: block;padding: 1px;}
  .home-bslc .body a{width: 90%;display: block;margin: 6px auto;}
  .home-article .item{margin: 6px auto;width: 100%;}
  .home-article .item .tab-body li a small, .home-article .item .tab-body2 li a small, .home-article .item .tab-body3 li a small{width: 20%;}
  .partner .item{width: 100%;margin: 1px auto;}
  .home-photoshow .productShow, .home-photoshow .productShow2{height: 145px;margin-bottom: 15px;}
  footer .signup{margin: auto;}
  footer .signup p{margin-bottom: 5px;}
  
  main{margin-top: 100px;padding: 12px!important;}
  main .content{padding: 24px 12px;margin: 12px 0;}
  main .content .content-body .list-card .card .thumb{height: 180px;}
  main aside{margin: 12px 0;}
  main aside dd a:hover,main aside dd a.active{width: 100%;}
}