html, body{ overflow-x: hidden; overflow-y: auto; -webkit-font-smoothing: antialiased;background-color:transparent;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{margin:0;border:0;padding:0;font-style:normal;}
*{-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;outline: none;}
@font-face {font-family:"阿里妈妈数黑体";src:url(../fonts/AlimamaShuHeiTi-Bold.ttf); }
 
@font-face {font-family:"maoken";src:url(../fonts/maoken.ttf); }

 



a{ text-decoration:none;color:#333 }
a:hover{text-decoration:none; }
 ul, ol, li{list-style-type:none;vertical-align:0}
 /* 设置滚动条的样式 */
::-webkit-scrollbar {
width:6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.6);
}
 




/*---------------移动端顶部*/
.m-top{position: fixed;top:0;left:0;right:0;z-index:999;background:#fff;box-shadow: 5px 0px 10px #ddd; padding-top:20%;width: 100%;height: 0}
.m-top-left{height:100%;position:absolute;left: 0;top: 0;width: 80%; padding: 2%}
.m-top-left .m-top-left-logo{ height: 98%}
.m-top-left .m-top-left-logo img{display:inline-block;  max-height: 100%;  max-width: 100%; height: 100%}
.m-top-right{font-size: 24px;  position: absolute;right:0;top:0;height: 100%;width: 20%;padding: 2%}
.m-top-right .m-top-right-nav{ width:98%;height:98%;   position: relative;  }
.m-top-right .m-top-right-nav .h{display:table-cell;vertical-align:middle;text-align: center; }
.m-top-bottom{ padding-top:20%;width: 100%;height: 0}

/*----------------- 手机站导航开始----------*/
 
.sp_nav{width:50%; position:absolute;cursor:pointer;height:50%; top:25%;left:25%;  }
.sp_nav span{display:block;background:#333;width:100%;height:10%;position:absolute;left:0px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:45%}
.sp_nav span:nth-of-type(3){top:90%}
.sp_nav_se span:nth-of-type(1){top:45%;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:45%;transform:rotate(-45deg)}

/*手机隐藏导航样式*/
.sjj_nav{position:fixed;border-top:1px solid #0977d9;padding-bottom:20px;padding-top:20px;z-index:9999;background:#333;width:70%;height:100%;font-size:14px;line-height:40px;left:-120%; overflow:auto;overflow-x:hidden;top:0px;
  transition: left 1s;-moz-transition: left 1s; /* Firefox 4 */-webkit-transition: left 1s; /* Safari 和 Chrome */-o-transition: left 1s; /* Opera */}
.sjj_nav>ul>li{border-bottom:1px #ddd solid;padding-left:5% ; margin-left:5%;position:relative;line-height:40px;font-size:14px;width:90%;}
.sjj_nav ul li a{color:#fff;display: inline-block;width:100%;height:100%;text-align: left;font-size: 16px;}
.sjj_nav ul li a span{ margin-right: 10px}
.sjj_nav ul li>ul {}
.sjj_nav ul li>ul li{border-top: 1px dashed #666;padding-left: 10%;}
/*----------------移动端顶部结束*/


/*PC端导航*/
.pc-top{width:100%;height:90px;    transition:all ease 0.35s;position: relative;z-index: 999;background: rgb(255,255,255,0.8)}
.pc-top .logo{width:100%; height:90px;padding:20px;padding-left:50px}
.pc-top .logo img{height:50px; display: inline-block;vertical-align:top;margin-right:20px}
.pc-top .logo .text{width:290px; display: inline-block;vertical-align:top;}
.pc-top .logo p{width:290px;text-align-last:justify; text-align:justify;}
.pc-top .logo .p1{font-weight: 800;font-size: 22px;line-height: 30px;}
.pc-top .logo .p2{font-weight: 500;font-size: 14px;line-height: 20px}

.pc-top .pc-nav{width:100%;height:90px; text-align: center; text-align: right}
.pc-nav-ul{display: inline-block;height:90px; padding-right:50px}
.pc-nav-ul li{display: inline-block; padding:20px; height:100%;position:relative; }
.pc-nav-ul li a{color:#333;display: inline-block; height:50px;line-height: 50px;  text-align: center}
.pc-nav-ul li a:hover{color:#2C96D9;border-bottom:2px solid #2C96D9;  }
.pc-nav-ul li .l{font-family:"阿里妈妈数黑体";font-weight:800 } 
.pc-nav-ul li .l:hover{font-family:"阿里妈妈数黑体";font-weight:800;border-bottom:none } 
.pc-nav-ul .now{ border-bottom:2px solid #2C96D9;}


.pc-top-m{width:100%;height:50px;position: fixed;z-index: 999;background:#2C96D9;  transition:all ease 0.35s;top:-50px}
.pc-top-m .logo{width:100%; height:50px;padding:5px;padding-left:50px}
.pc-top-m .logo img{height:40px; display: inline-block;vertical-align:top;margin-right:20px}
.pc-top-m .logo .text{width:290px; display: inline-block;vertical-align:top; }
.pc-top-m .logo p{width:290px;text-align-last:justify; text-align:justify;color:#fff}
.pc-top-m .logo .p1{font-weight: 800;font-size: 20px;line-height: 25px;}
.pc-top-m .logo .p2{font-size: 14px;line-height: 15px}

.pc-top-m .pc-nav{ height:50px;  bottom:0; right:10px;text-align: right}
.pc-top-m .pc-nav-ul{display: inline-block;height:50px; padding-right:50px}
.pc-top-m .pc-nav-ul li{display: inline-block; padding:0 20px; height:100%;position:relative; }
.pc-top-m .pc-nav-ul li a{color:#fff;display: inline-block; height:48px;line-height: 50px;  text-align: center}
.pc-top-m .pc-nav-ul li a:hover{color:#ffc954;border-bottom:2px solid #ffc954;  }
.pc-top-m .pc-nav-ul li .l{font-family:"阿里妈妈数黑体";font-weight:800 } 
.pc-top-m .pc-nav-ul li .l:hover{font-family:"阿里妈妈数黑体";font-weight:800;border-bottom:none } 
.pc-top-m .pc-nav-ul .now{ border-bottom:2px solid #ffc954;color:#ffc954}
.pc-top-m .pc-nav-ul .now a{ border-bottom:2px solid #ffc954;color:#ffc954}

.pc-nav-ul .second{position: absolute;background: #fff;top:90px;display: none;width:100%; left:0; box-shadow:0px 2px 10px #ccc}
.pc-nav-ul .second li{height:50px;padding:0; width:100%; text-align: center}
.pc-nav-ul .second li a{line-height:50px;color:#333}
.pc-nav-ul .second li a:hover{color:#2C96D9; border-bottom:2px solid #2C96D9;}

.pc-top-m .pc-nav-ul .second{top:50px}
 
 

 
 
 /*banner*/
.banner-bg{width:100%; } 
.carousel-inner{width: 100%;height: 0;padding-top: 40%;position: relative;}
.carousel-inner .carousel-item{width: 100%;height: 100%;position: absolute;left: 0;top: 0; display: block;}
.carousel-inner .carousel-item>img{width: 110%;height: 110%;transition: all 5s ease 0s;position: absolute;left: -5%;top: -5%;}
.carousel-inner .active>img{width: 100%; height: 100%;left: 0%;top: 0%;transition: all 5s ease 0s;}
.carousel-inner .carousel-item .text{position: absolute;bottom: 45%;}
.carousel-inner .carousel-item .left{left: 10%;text-align: left;}
.carousel-inner .carousel-item .right{right: 15%;text-align: right;}
.carousel-inner .carousel-item .middle{right: 10%;left: 10%;text-align: center;}
.carousel-inner .carousel-item .text h1{color: #fff;font-weight: 800;font-size: 60px;text-shadow: 5px 5px 10px #444;font-family: '阿里妈妈数黑体';}
.carousel-inner .carousel-item .text p{color: #fff; font-size: 26px;text-shadow: 5px 5px 10px #444;font-family: 'maoken';max-width: 80%;display: inline-block;}
.carousel-inner .carousel-item .min-img{position: absolute;top:0;right: 0;bottom: 0}
.carousel-inner .carousel-item .min-img img{ height: 100%}
.carousel-indicators{bottom: 10%}
@media (max-width: 992px) {
 .banner-bg{padding-top:20%}
 .carousel-inner .carousel-item .text h1{font-size: 30px;}
.carousel-inner .carousel-item .text p{font-size: 18px;}
}
@media (max-width: 768px) {
 .banner-bg{padding-top:20%}
 .carousel-inner .carousel-item .text h1{font-size: 20px;}
.carousel-inner .carousel-item .text p{font-size: 12px;}
}




/*首页大标题样式*/
.home-title{width:100%;max-width: 300px;border-bottom: 1px solid #3B96D7}
.home-title-ch{font-size: 28px; color: #3B96D7}
.home-title-en{font-size: 18px;font-weight: 800}

.home-more{padding:20px 0}
.home-desc{padding:40px 0}

/*关于我们*/
.about-bg{padding:8% 0}
.home-about-img{width:100%; padding-bottom:60%;position: relative;}
.home-about-img:after{content: ' '; background: #3B96D7;position: absolute;z-index: 2;left:20px;top:20px;bottom:0;right:0}
.home-about-img .box{left:0;right:20px;top:0;bottom:20px;position: absolute;z-index: 3;}
.home-about-img .box-img{left:0;right:0;top:0;bottom:0; background-position: center; position: absolute;z-index: 3;background-repeat: no-repeat;  }

.home-about-text{font-size: 16px;padding-top:40px}
.home-about-text p{font-size: 16px;line-height: 36px}

/*产品展示*/
.home-product-bg{background: #eee;padding:8% 0}
.home-product{display: flex;flex-grow: 1;}
.home-product-list{width:600px;height:450px;transition:all ease 0.35s;flex-grow: 1;padding-left:10px;padding-right:10px;position: relative;}
.home-product-list .home-product-title{position: absolute;left:50px;color:#fff;bottom:30px;font-size: 26px}
.home-product-list:first-child{padding-left:0px}
.home-product-list:last-child{padding-right:0;}
.home-product-list:hover{width:900px; }
.home-product-list{width:600px;height:450px;transition:all ease 0.35s;flex-grow: 1;}
.home-product-list .home-product-img{width:100%;height:100%}



/*news*/
.home-news-bg{padding:8% 0}
.home-news-img{width:100%;padding-top:60%;background: #ccc;margin-bottom:40px}
.home-news-list{}
.home-news-list .title{font-size: 18px;font-weight: 800;color:#333}
.home-news-list .time{font-size: 14px;color:#aaa;margin:10px 0}
.home-news-list .desc{font-size: 14px;color:#666}
.home-news-list-box{width:100%;position: relative;margin-bottom:80px}
.home-news-list-box .num{position: absolute;left:0;font-size: 60px;font-weight: 800;color:#3B96D7;border-right:1px solid #ccc;width:100px;height: 120px;line-height: 120px;font-family: "阿里妈妈数黑体"}
.home-news-list-box .home-news-list{padding-left:140px; }
.home-news-list-box:last-child{margin-bottom: 0}

 
/*联系我们*/
.home-contact-bg{background: #3A3A3A; position: relative;padding:4% 0}
 

.home-contact-map{width:100%;height:100%;background: url(../images/ditu.png); top:0;background-position: center right;background-size: auto 100%;background-repeat: no-repeat;}
.home-contact-text {margin-top:40px}
.home-contact-text p{font-size: 16px;line-height: 32px;color:#fff}
.home-contact-bg .home-title-ch{color:#fff}
.home-contact-bg .home-title-en{color:#fff}
.home-contact-bg .home-title{border-bottom:1px solid #fff}

.bottom-nav>li{float:left;margin-right:20px}
.bottom-search {width:600px;max-width: 100%; }
.form-group{position: relative;}
.form-group input{width: 100%;height:40px;border-radius: 5px;border:1px solid #ccc  }
.form-group button{position: absolute;right: 0;top: 0;bottom: 0; border: 0px;background: #fff;line-height: 40px;background:#2C96D9 ;width: 80px;border-radius: 0 5px 5px 0;color: #fff}
.remen{color: #fff;font-size: 16px;font-family: '阿里妈妈数黑体'; }
.remen a{color: #2C96D9;font-size: 16px;}
.remen a:hover{color: #ed7500}

.home-area{color:#fff}
.home-area a{color: #fff;margin-right:10px}

.bottom-nav{padding-bottom:20px;margin-bottom: 20px;border-bottom:1px solid #fff}
.bottom-nav li{display: inline-block;vertical-align:top;margin-right:10px}
.bottom-nav li a{color:#fff}
.bottom-nav .second li{display: block;}


.bottom{color: #fff;font-size: 14px;text-align: center;width: 100%; }
.bottom a{color: #fff;margin-left: 20px}
.bottom a:hover{color: #2C96D9;margin-left: 20px} 

/*右侧按钮*/
.right-button{width: 50px;position: fixed;right: -50px; top: 40%;z-index: 9999;transition: all 0.3s ease 0s;}
.right-button .buttonA{width: 50px;height: 50px;background: #2C96D9;margin-bottom: 4px;border-radius: 5px 0 0 5px;padding: 0;text-align: center; cursor: hand;position: relative;}
.right-button .aa{padding: 5px}
.right-button .buttonA a{display: block;width: 100%;height: 100%;padding: 5px}
.right-button .buttonA:hover{background: #ed7500;}
.right-button .buttonA span{font-size: 20px;color: #fff;line-height: 20px;display: inline-block;height: 20px}
.right-button .buttonA p{font-size: 12px;color: #fff;height: 10px;font-family: '宋体'}

.right-button .buttonA:hover span{ color: #fff}
.right-button .buttonA:hover p{ color: #fff}
.right-button .buttonB{width: 50px;height: 30px;background: #2C96D9;margin-bottom: 4px;border-radius: 5px 0 0 5px; text-align: center; }
.right-button .buttonB:hover{background: #ed7500;}
.right-button .buttonB span{font-size: 20px;color: #fff;line-height: 30px;display: inline-block;height: 30px}
.right-button .buttonB:hover span{color: #fff;}

.right-button .buttonA .b-left{width: 200px;position: absolute;right: -200px;top: 0;transition: all 0.3s ease 0s;z-index: -1; opacity: 0; padding-right:10px }
.right-button .buttonA .b-left img{width: 100%}
.right-button .buttonA:hover .b-left{ right: 50px; opacity: 1}
.right-button .buttonA .b-left .b-tel{font-weight: 800; }

/*移动端底部按钮*/
.m-bottom{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9999;background: #333;border-top: 1px solid #666;padding:5px 0;height: 50px}  
.m-bottom .col-4,.m-bottom .row {padding: 0;margin: 0}
.m-bottom .row .col-4{border-right: 1px solid #000;border-left: 1px solid #666}
.m-bottom .row .col-4:last-child{border-right: 0px solid #ccc;}
.m-bottom .row .col-4:first-child{border-left: 0px solid #ccc;}

 
.m-bottom a{display: block;width: 100%; }
.m-bottom-ico{text-align: center;color: #fff;font-size: 20px;height: 20px; line-height: 20px;}
.m-bottom-text{text-align: center;color: #fff;font-size: 12px; height: 20px; line-height: 20px;}

  

 /*图片页列表*/
 .list-box{width:100%;height:0;padding-top:50%;position:relative}
  .list-box .img-box{position: absolute;left:0;top:0;bottom:0;right:0;box-shadow: 3px 3px 5px #ccc;transition: all 0.3s ease 0s;overflow: hidden;}
  .list-box .img-box .img{width:100%;height:100%;position: absolute;left:0;top:0;transition: all 0.3s ease 0s;}
  .list-box .img-box .img:hover{width:110%;height:110%;position: absolute;left:-5%;top:-5%}
 .list-box .img-box img{ transition: all 0.3s ease 0s; display:none }
 .list-box .img-box2{position: fixed;background: rgba(0,0,0,0.9);z-index: 9999999;padding:5%; display: flex;align-items:center;justify-content:center}
 .list-box .img-box2 img{width:auto; max-height: 100%;max-width: 100%;display: block;}

 .list-box .img-box2 .img{display: none}
 
/*内页 新闻列表*/
.inpage-newlist-a{width: 100%;  margin-bottom: 20px;border-bottom: 1px dashed #ccc; padding-bottom: 20px;display: flex;}
.inpage-newlist-a .img-box{width:220px;padding-right:20px}
.inpage-newlist-a .img-box img{display: inline-block;width:100%;border-radius: 5px}
.inpage-newlist-a .text-box{width:100%}
.inpage-newlist-title{font-size: 20px;line-height: 25px;color: #333;font-weight: 400;margin-bottom: 10px;}
.inpage-newlist-a:hover .inpage-newlist-title{color: #509DF3}
.inpage-newlist-desc{font-size: 14px; color: #6a6a6a; margin-bottom: 5px;}
.inpage-newlist-time{font-size: 14px;color: #888}

@media (max-width: 768px) {
.inpage-newlist-a{display: block;}
.inpage-newlist-a .img-box{width:100%;padding-right:0px;margin-bottom:20px}

}

/*案例列表*/
.case-box1{height:0;padding-top:50%; width:100%;position: relative;}
.inpage-case-a{position:absolute;display: block;overflow: hidden;width:100%;height:100%;left:0;top:0;border-radius: 5px;border:1px solid #ccc}
.inpage-case-a img{width:100%;height:100%;position: absolute;transition: all 0.3s ease 0s;left:0;top:0}
.inpage-case-a img:hover{width:110%;height:110%;position: absolute;left:-5%;top:-5%}
.inpage-case-a .title{position: absolute;bottom:0;padding:5px; background: red; right:0;left:0;background: rgba(0,0,0,0.5);background: rgb(0,0,0,0.5);color:#fff;line-height: 20px;text-align: center}


/*详情页*/
.inpage-show-title{font-size: 20px;line-height: 25px;color: #333;font-weight: 800;margin-bottom: 10px;text-align: center;}
.inpage-show-time{font-size: 12px;color: #888;text-align: center;border-bottom: 1px solid #eee;padding-bottom: 2%;margin-bottom: 2%}
.inpage-show-content{margin-bottom: 2%}
.inpage-show-content img{max-width: 100%;}


#qd-pages{width:100%; text-align: center; display: flex;justify-content: center}
#qd-pages p{display: inline-block; height:30px;line-height: 10px; }
#qd-pages li{display: inline-block; height:30px; border:1px solid #ddd;margin:3px;border-radius: 3px; background: #eee}
#qd-pages li:hover{background: #333}
#qd-pages li:hover a{color:#fff;}
#qd-pages li a{display:block; width:auto;height:30px;padding:5px 10px;font-size: 14px; line-height: 20px;color:#777 }
#qd-pages li a:hover{color:#fff;}
#qd-pages span{display:inline-block;  height:30px;  font-size: 14px; }
#qd-pages .now{background: #333}
#qd-pages .now a{color:#fff;}
#qd-pages .dian{border:none; background: none; padding: 0;line-height: 20px; height: 30px; vertical-align:top;}
#qd-pages .dian a{color: #aaa; line-height: 20px;padding: 0}
#qd-pages .dian:hover{border:none; background: none}
#qd-pages .pages-first{text-transform:Uppercase;padding:5px 10px }
#qd-pages .pages-last{text-transform:Uppercase; padding:5px 10px }