@charset "utf-8";
/* CSS Document */
body,td,th,input,textarea,select{
	font-family:'微软雅黑', Arial, Tahoma;
	color:#333;
}
body,dl,dt,dd,p,h3{margin:0;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#666; text-decoration:none; outline:none;transition:all ease 0.3s;}
a:hover{color: #ff7300;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width: 1200px;margin: auto;}

.fl{float:left;}
.fr{float:right;}
.imgauto{width: 100%;height: auto;}
body,html{height: 100%;}
#head{width: 100%;height:90px;min-width: 1400px;padding: 0 35px;box-sizing: border-box; position: fixed;left: 0;top: 0; z-index: 99;background-color: #fff; transition: all .3s;}

#head .logo{float: left;height:45px; margin-top:20px;}
#head .logo img{height: 100%;}
#head .menu{float: right;margin-right: 10px;}
#head .menu li{float: left;width:120px;height: 90px;position: relative;}
#head .menu li > a{display: block;cursor: pointer;width: 100%; line-height: 90px; color: #333;text-align: center;display:block;font-size:16px;position: relative;}
#head .menu li > a:after{display: block;content: " ";width:0;height:4px; position: absolute;left:50%;bottom: 0px;margin: auto;transition: all .2s;background-color:#ff7300;}
#head .menu li > a:hover:after,#head .menu li.cur a:after{width: 100%;left: 0;}
#head .menu li.cur > a{color:#ff7300!important;}

#head .menu li > a:hover:after,#head .menu li.cur a:after{width: 100%;left: 0;}
#head .menu li .sub{display: none; width:100%;background-color:rgba(0,0,0,0.6);position:absolute;top:90px;left:0px;z-index:98;box-shadow: 0 15px 10px rgba(0,0,0,0.3);box-sizing: border-box;}
#head .menu li .sub a{display: block;text-align: center;color: #fff; line-height: 40px;font-size: 14px;}
#head .menu li .sub a:hover{background-color:rgba(255,115,0,0.6);}
#head .menu li.proM{position: inherit;}
#head .menu li.proM .sub{padding:35px;}
#head .menu li.proM .sub a{display: inline-block;width:10%;margin-bottom: 10px;padding: 8px;box-sizing: border-box;}
#head .menu li.proM .sub a img{width: 60px;}
#head .menu li.proM .sub a:hover{background-color:rgba(255,255,255,0.9);color: #ff7300;box-shadow: 0 15px 10px rgba(0,0,0,0.3);transform:translateY(-5px);border-radius: 5px;}
#head .menu li.shop{position: inherit;}
#head .menu li.shop .sub{padding:35px;text-align: center;}
#head .menu li.shop .sub a{display: inline-block;padding: 5px; background-color:rgba(255,255,255,1);margin: 0 10px;border-radius: 5px;}
#head .menu li.shop .sub a img{width: 150px;height: auto;}
#head .menu li.shop .sub a:hover{box-shadow: 0 15px 10px rgba(0,0,0,0.3);transform:translateY(2px);}



#head  .hd-lan{float: right;display: block;width:40px;height: 40px;text-align: center;line-height: 40px;border-radius: 5px; overflow: hidden; background-color: #f5f5f5;margin-top:25px;margin-right: 20px;}
#head  .hd-lan:hover{background-color: rgba(255,115,0,0.2);}


#head .hdsearch{float: right;width:150px;height:40px;margin-top:25px;position: relative;transition: all .3s;}
#head .hdsearch .searchbox{width:150px;background-color:#f5f5f5;border-radius:5px;overflow: hidden;transition: all .3s;position: absolute;right: 0;}
#head .hdsearch #keys{float: left; width:100%;height:40px;line-height: 40px;color: #999; font-size: 12px; padding-left: 10px;background: none; border: none;box-sizing: border-box;}
#head .hdsearch #gobtn{width:40px;height:40px;line-height: 40px;border: none;background:none;position: absolute;right: 0;top: 0;z-index: 1;}
#head .hdsearch #gobtn .iconfont{font-size:20px;color:#e67620;cursor: pointer;}

#head .hdsearch:hover .searchbox{width:210px;background-color: rgba(255,227,204,1);}


#head.on{height: 70px; box-shadow: 0 10px 20px rgba(0,0,0,.3);}
#head.on .logo{height:40px;margin-top: 15px;}
#head.on .menu > li{height:70px;}
#head.on .menu li > a{line-height:70px;}
#head.on .menu li .sub{top:70px;}
#head.on .hd-lan,#head.on .hdsearch{margin-top:15px;}



.banner{width: 100%;height:550px;overflow: hidden;position: relative;z-index: 80;margin-top: 90px;}
.banner .swiper-banner{height:550px;}
.banner .swiper-wrapper{z-index: inherit;}
.banner .swiper-slide{width: 100%;height:100%;background-position:top center;background-size:cover;overflow: hidden;}
.banner .swiper-slide a{display: block;width: 100%;height:100%;}
.banner .swiper-pagination{text-align: center;}
.banner .swiper-pagination-bullet{width:30px;height:5px;border-radius: 0; background-color:#333;transition: all .3s;}
.banner .swiper-pagination-bullet-active{opacity: 1;background-color: #ff7300;width:45px;}
.banner .banbg{position: absolute;right:0;bottom:-20px;}
.banner .gundong{color: #fff;writing-mode:vertical-rl;letter-spacing: 2px;font-size:16px; position: absolute;right:34px;top:550px;}
.banner .gundong span{margin-bottom: 10px;}
.banner .gundong #mouse {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
}
.banner .gundong  #mouse #mouse-move {
  animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.more1{display: inline-block;height: 40px;line-height:40px;font-size:14px; padding:0 30px;color: #fff; background-color:rgba(255,255,255,.1);border: 1px solid #fff;border-radius:25px;position: relative;overflow: hidden;}
.more1 span{position: relative;z-index: 9;}
.more1:before{content: " ";display: block;height: 100%;width: 0;background-color: #fff; position: absolute;left: 0;top: 0;z-index: 2;opacity:0; transition: all .2s;}
.more1:hover:before{width: 100%;opacity: 1;}
.more1:hover span{color: #ff7300;}

.ind-promenu a{display: inline-block;width: 130px;height: 130px;text-align: center;font-size: 14px; background-color: #f5f5f5;border-radius: 5px;box-sizing: border-box;padding-top: 18px;border: 1px solid #f5f5f5;}
.ind-promenu a:hover{box-shadow:0px 10px 15px rgba(0,0,0,.2);background-color: #fefefe;border: 1px solid #ff7300;}
.ind-promenu a img{margin-bottom: 8px;width: 64px;}
.ind-promenu .wrap{position: relative;}
.swiper-promenu{width: 100%;padding: 50px 0; overflow: hidden;position: relative;}
.swiper-promenu .swiper-slide{width: 130px;height: 130px;margin: auto;text-align: center;}
.ind-promenu .swiper-button-prev{left: -40px;}
.ind-promenu .swiper-button-next{right: -40px;}
.ind-promenu .swiper-button-black{opacity: 0;transition: all .3s;}
.ind-promenu:hover .swiper-button-black{opacity:1;}


.ind-pro{height:560px;padding:50px 0 80px 0; background: url(../images/indprobg.jpg) no-repeat 0 0;}
.indtit1 h3{color:#ff7300;font-size: 24px;font-weight: normal;}
.indtit1 p{color:#818181;font-size: 12px;text-transform:uppercase;}
.more2{float: right;color:#ff7300;font-size: 14px;margin-top: 30px;}
.more2 .iconfont{color:#fff;font-size: 14px;margin-left:4px;}
.ind-pro .probox{margin-top:28px;}
.ind-pro .boxfl{float: left;width: 470px;height: 470px;padding:110px 0 0 50px; position: relative;background: #fff url(../images/indpro1.jpg) no-repeat 200px 110px;box-sizing: border-box;}
.ind-pro .boxfl .con{position: relative;z-index: 9;}
.ind-pro .boxfl h3{font-size: 30px;margin-bottom: 20px;}
.ind-pro .boxfl p{margin-bottom:10px;}
.ind-pro .boxfl a.more{display: inline-block;padding: 8px 20px;color: #fff;background-color:#ff7300;margin-top: 20px;}
.ind-pro .boxfl a.more .iconfont{margin-left: 5px;}

.ind-pro .boxfl:after{ position:absolute;left:0; top:0;z-index: 0; width:100%; height:100%;content:'';border:0px solid #ff7300;opacity: 0;transition: .3s cubic-bezier(.77,.2,.375,1);box-sizing: border-box;}
.ind-pro .boxfl:hover:after{border-width: 8px;opacity: 1;}
.ind-pro .boxfr{float: right;width: 730px;height: 470px;}
.ind-pro .boxfr a{display: block;float: left;width: 225px;height: 225px; position: relative;background-color: #fff;margin-left: 18px;margin-bottom: 19px;overflow: hidden;}
.ind-pro .boxfr a img{width: 225px;height: 225px;}
.ind-pro .boxfr a p{width: 100%; text-align: center;color: #fff;position: absolute;z-index:3;left: 0;top:-20px;opacity: 0;transition:all .2s;}
.ind-pro .boxfr a:after{ position:absolute;left:0; top:0;z-index: 2; width:100%; height:100%; background:rgba(0,0,0,0); content:''; transition:all .35s;}
.ind-pro .boxfr a:hover:after{background:rgba(0,0,0,.7);}
.ind-pro .boxfr a:hover p{top:100px;opacity: 1;}

.ind-service{height:550px;padding:50px 0;}
.ind-service .more2 .iconfont{color:#ff7300;}
.ind-case{float: left;width:600px;height: 400px;position: relative;margin-top: 28px;box-shadow: 0px 10px 30px rgba(0,0,0,.2);}
.caseT{text-align: right;position: absolute;right: 30px;bottom: 30px;z-index: 9;transition: all .4s;}
.caseT h3{color:#ff7300;font-size:16px;font-weight: normal;}
.caseT p{color:#818181;font-size: 12px;text-transform:uppercase;}
.swiper-case{width: 100%;height: 400px;overflow: hidden;position: relative;z-index: 5;}
.swiper-case .swiper-slide img{transition:all .8s;}
.swiper-case .swiper-slide p{font-size:14px; color: #fff; background-color: #ff7300;padding: 10px 20px; position: absolute;left: 30px;bottom:-38px;z-index: 5;opacity: 0; transition:all .35s;}
.swiper-case .swiper-slide:hover p{bottom:28px;opacity: 1;}
.swiper-case .swiper-slide:hover img{transform:scale(1.1);}

.ind-case .swiper-pagination{text-align: right;height:7px; right: 30px;bottom:18px;}
.ind-case .swiper-pagination-bullet{display: block;float: left; width:7px;height:7px;border-radius: 0; background-color:#fff;margin-left: 5px;opacity:1; transition: all .3s;}
.ind-case .swiper-pagination-bullet-active{background-color: #ff7300;}
.ind-service .fr{margin-top:28px ;}
.ind-service .serfr{display: block;width:576px;height: 190px;background-color: #f5f5f5;position: relative;margin-bottom: 21px;}
.ind-service .serfr:after{ position:absolute;left:0; top:0;z-index: 0; width:100%; height:100%;content:'';border:0px solid #ff7300;opacity: 0;transition: .3s cubic-bezier(.77,.2,.375,1);box-sizing: border-box;}
.ind-service .serfr:hover:after{border-width:5px;opacity: 1;}
.ind-service .serfr:hover{background-color: #fff;}
.ind-service .serfr .img{position: absolute;left: 10px;bottom: 10px;transition: all .4s;}
.ind-service .serfr p.con{width: 200px;font-size: 12px;color: #999;text-align: right;position: absolute;right:30px;top:0px;opacity: 0;transition: all .4s;}
.ind-service .serfr:hover{box-shadow: 0px 10px 30px rgba(0,0,0,.2);}
.ind-service .serfr:hover .img{transform:translateX(15px);}
.ind-service .serfr:hover .caseT{bottom:90px;}
.ind-service .serfr:hover p.con{opacity: 1;top:110px;}

.foot{height: 130px; color: #999;font-size:14px; background: #ff7300 url(../images/indftbg.jpg) repeat 0 0;padding:50px 0; overflow: hidden;}
.foot .ftnav{width: 50%;float: left;}
.ftnav dl{float: left;width: 20%;color: #fff;font-size: 12px;}
.ftnav dl dt{font-size: 16px;height: 22px; line-height: 22px; color: #fff;margin-bottom: 15px;}
.ftnav dl dd a{display: block;font-size: 12px;color: #fff;line-height: 25px;opacity: .7;}
.ftnav dl dd a:hover,.ftnav dl.contact:hover dd{opacity: 1;}
.ftnav dl.contact{width:230px;line-height: 25px;}
.ftnav dl.contact dd{opacity: .7;transition: all .3s;}
.ft-shop{float: left;margin-right: 15px;}
.ft-shop a {display:block;height:50px;width: 150px; line-height:50px;text-align: center;margin-bottom: 15px; border-radius: 5px;background-color: #fff;}
.ft-shop a img{height:27px;}
.ft-shop  a:hover{background-color: #fff; box-shadow: 0 15px 20px rgba(0,0,0,0.2);transform:translateY(-2px);}
.foot .wechat{float:right;}
.foot .wechat img{width: 110px;border-radius: 5px;border: 3px solid #fff;}

.copy{height:40px;background-color: #333;line-height: 40px;color: #666;font-size: 12px; text-align: center;}

/*kefu TOP*/

#kefu{position:fixed;z-index:1001;right:0;bottom:185px;width:70px;height:240px;display: none;}
#kefu .kefu-box{position:relative;float:right;}
#kefu .clearfix:after{content:"";display:block;clear:both;}
#kefu .a{display:block;width:44px;height:44px;background:rgba(255,115,0,.8);margin-bottom:4px;cursor:pointer;outline:none;}
#kefu .a.active,
#kefu .a:hover{background:rgba(255,115,0,1);}
#kefu .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu_icon.png);background-repeat:no-repeat;}
#kefu .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu-bg.png);background-repeat:no-repeat;background-position:0 0;}
#kefu .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
#kefu .a-qrcode .i{background-position:-44px 0;}
#kefu .a-cart .i{background-position:-88px 0;}
#kefu .a-top .i{background-position:-132px 0;}
#kefu .a-top{background:rgba(0,0,0,.8);}
#kefu .a-top:hover{background:rgba(0,0,0,1);}
#kefu .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
#kefu .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu_bg_arrow.png) no-repeat;right:-8px;top:31px;}
#kefu .d-service{top:0;}
#kefu .d-service-phone{top:34px;}
#kefu .d-qrcode{top:78px;}
#kefu .d .inner-box{padding:8px 22px 12px;}
#kefu .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
#kefu .d-service .d-service-item{border-bottom:none;}
#kefu .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
#kefu .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
#kefu .d-service-item:hover .i-qq{background-position:center 3px;}
#kefu .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu_con_icon02.png) no-repeat center center;display:block;}
#kefu .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text .number{font-family:Arial; color:#d0021c;}
#kefu .d-service-intro{padding-top:10px;}
#kefu .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
#kefu .d-service-intro i{background:url(../images/kefu_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
#kefu .d-qrcode{text-align:center; width:290px;}
#kefu .d-qrcode .inner-box{padding:20px 0;}
#kefu .d-qrcode .qrcode{ display:inline-block; width:110px;padding:0 9px; border-left:1px solid #eee;}
#kefu .d-qrcode .qrcode:first-child{ border:0 !important;}
#kefu .d-qrcode .qrcode>img{ width:100%; height:auto;}
#kefu .d-qrcode p{font-size:12px;color:#93959c;}