@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: 5px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #333; }

*{margin: 0;padding: 0;list-style: none;transition:all 0.5s;-webkit-transition:all 0.5s;}
body{cursor: default;color: #333;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;}


header{box-shadow: 0 0 10px rgba(0, 0, 0, .3);width:100%;position: fixed;top: 0;z-index: 9999;background-color: #fff;}
header .logo{margin: 10px 0;}
header .small-nav .logo img{height: 63px;}
header .hotline{margin-top: 30px;line-height: 1;background: url(../img/hotline.png)left top no-repeat;padding-left: 50px;white-space: nowrap;display: inline-block;}
header .hotline p{font-size: 14px;margin-bottom: 2px;color: #09f;}
header .hotline h4{font-size: 22px;margin: 0;}
header nav *{transition: unset;}
header nav{padding-top: 33px;}
header nav .nav-item a{color: #333;padding: 13px 30px;font-size: 16px;font-weight: 600;}
header nav .nav-item:hover a{color: #fff;}
header nav .nav-item a:hover{background: rgba(0, 0, 0, .7);color: #fff;}
header nav .nav-item:hover a{background: rgba(0, 0, 0, .7);}
header nav .dropdown-menu{background: rgba(0, 0, 0, .7);margin: 0;border-radius: 0;}
header nav .dropdown-menu .dropdown-item {padding: 0;}
header nav .dropdown-menu .dropdown-item a{background: unset;padding: 10px 30px;display: block;font-size: 14px;font-weight: normal;}
header nav .dropdown-menu .dropdown-item a:hover{color: #333;}
header .small-nav .logo img{height: 40px;}
header .small-nav .hotline{margin-top: 10px;}
header .small-nav nav{padding-top: 13px;}

.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;display: flex;width: 75%;padding:5px;}
.m-head .m-head-logo img{height: 40px}
.m-head .m-head-menu .menu-open{float: right;color: #666;font-size: 36px;padding: 0 15px;}
.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 {font-size: 36px;color: #fff;}
.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%;}
.icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;}
.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%;}

.slide{background-color: #eee;margin-top: 83px;}
.slide .swiper-slide{display: flex;justify-content: center;overflow: hidden;}
.slide .swiper-slide img{height: 100%;}

.home-news{margin-top: 80px;}
.home-news h3{background: url(../img/title-bg-2.gif) 130px 50% no-repeat;font-size: 24px;}
.home-news ul{padding: 0;margin: 0;}
.home-news ul li{padding: 10px 0;border-bottom: dashed 1px #eee;margin-bottom: 15px;}
.home-news ul li a h4{font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;width: 80%;margin: 0;}
.home-news ul li a span{font-size: 14px;color: #ccc;float: right;}

.home-about{background: #d3e8f2;padding: 60px 0;margin-top: 80px;}
.home-about h2{font-size: 36px;color: rgba(0, 0, 0, .3);margin: 0;}
.home-about h3{font-size: 24px;}
.home-about p{line-height: 2.4;}
.home-about .btn{padding: 20px 30px;border-top-left-radius: 20px;border-bottom-right-radius: 10px;background: #007eff;color: #fff;margin-bottom: 20px;}
.home-about .btn:last-of-type{margin-bottom: 0;}

.home-process{margin-top: 80px;}
.home-process h3{background: url(../img/title-bg.gif) center center no-repeat;text-align: center;font-size: 24px;margin-bottom: 30px;}
.home-process .item{border: 2px solid #ccc;padding: 15px 30px;margin-bottom: 15px;}
.home-process .item i{font-size: 44px;color: #f30;float: left;line-height: 1;margin: 0 15px 15px 0;}
.home-process .item h5{font-size: 16px;font-weight: bold;line-height: 2;}
.home-process .item p{font-size: 14px;color: #999;width: 175px;height: 60px;overflow: hidden;text-align: justify;}

.home-partner{margin-top: 80px;}
.home-partner h3{background: url(../img/title-bg.gif) center center no-repeat;text-align: center;font-size: 24px;margin-bottom: 30px;}
.home-partner .item{width: 100%;overflow: hidden;border: 1px solid #ccc;text-align: center;margin: 10px 0;}
.home-partner .item img{height: 80px;padding: 10px 0;}

footer{background: #666;border-top: #349bf3 3px solid;padding-top: 30px;color: rgba(255,255,255,.7);margin-top: 60px;}
footer .logo{height: 56px;}
footer .b-nav{padding: 0;margin: 15px 0;overflow: hidden;}
footer .b-nav li{float: left;}
footer .b-nav li a{padding: 5px 30px 5px 0;color: rgba(255,255,255,.7);}
footer .b-nav li a:hover{color: #fff;}
footer h5{color: rgba(255,255,255,.7);font-size: 16px;}

footer .copy{text-align: center;color: rgba(255,255,255,.4);background: #595959;padding: 10px 0;margin-top: 15px;font-size: 14px;}
footer .copy a{color: rgba(255,255,255,.4);}
footer .copy a:hover{color: #fff;}
footer .copy p{display: inline-block;margin: 0;}

.subslide{height:300px;background: #007eff url(../img/subslide.jpg) center center no-repeat;margin-top: 80px;background-size: auto 300px;}
main{margin-top: 60px;}
main .list{margin: 0;padding: 0;}
main .list .item{padding: 15px 0;border-bottom: 1px solid #eee;margin-bottom: 15px;overflow: hidden;}
main .list .item img{width: 160px;max-height: 200px;float: left;margin-right: 30px;}
main .list .item h3{font-size: 18px;}
main .list .item h5{font-size: 14px;color: #999;}
main .title{font-size: 24px;}
main .date{font-size: 14px;color: #999;}
main article{margin: 15px 0;}
main article p{line-height: 2;}

@media (max-width:768px) {
  .pc{display:none;}
  .m-head{display:block}
  .slide{margin-top: 60px;}
  .slide .swiper-slide img{height: 160px;}
  .home-news{margin-top: 40px;}
  
  .home-about .btn{padding: 20px;display: inline-block;}
  .home-process .item{border: none;padding: 0 15px;}
  .home-process .item i{width: 60px;}
  .home-process .item p{width: 76%;height: auto;}
  footer .b-nav{display: none;}
  footer h5{margin: 15px 0;}
  footer .copy p{display: block;font-size: 12px;}
  .subslide{height: 90px;margin-top: 60px;background-size: auto 90px;}
}