/* CSS Document */
body,dl,dt,dd,p,h3{margin:0;}
html{font-size:62.5%;}
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:#CD001A;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:80%;min-width: 1400px; margin:auto;}
.wrap60{width:100%;padding: 0 60px;box-sizing: border-box;min-width: 1400px;}


.fl{float:left;}
.fr{float:right;}
.imgauto{width: 100%;height: auto;}
body,html{overflow-x: hidden;font-family: "微软雅黑";}
::-webkit-scrollbar{width:8px; height:8px;}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:#1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background:#CD001A;}

#head{width: 100%;height:90px;background-color:#fff !important;min-width: 1400px;padding: 0 60px; box-sizing: border-box;transition: all .3s;position: fixed;left: 0;top: 0;z-index: 999;border-bottom: 1px solid #ddd;}
#head .logo{float: left;width:20%;min-width: 160px; height:100%;box-sizing: border-box;}
#head .logo img{height:60px; margin-top:12px;transition: all .3s;}
#head .menu{float: left;display: flex;justify-content: center;}
#head .menu li{display:inline-block; height: 90px;position: relative;padding: 0 .8vw;}
#head .menu li>a{display: block;cursor: pointer;font-size: 1.6rem; line-height: 90px; color: #333;text-align: center;display:block;position: relative;padding:0 .8vw;}
#head .menu li>a:after{display: block;content:" ";width:0;height:2px; position: absolute;left:50%;bottom:0px;margin: auto;transition: all .2s;background-color:#CD001A;}
#head .menu li > a:hover:after,#head .menu li.cur a:after{width: 100%;left: 0;}
#head .menu li.cur > a{}

#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:#CD001A;}
#head .menu li.proM{position: inherit;}
#head .menu li.proM .sub{padding:35px 60px;background-color:rgba(0,0,0,0.8);}
#head .menu li.proM .sub .fl{width: 20%;color: #fff;}
#head .menu li.proM .sub .fl h3{font-size:3rem;font-weight: normal;margin-bottom:15px;margin-top:40px;}
#head .menu li.proM .sub .fl p{font-size:1.4rem;opacity: .8;line-height: 180%;}
#head .menu li.proM .hdnav{width:80%;float: right; text-align: left;}
#head .menu li.proM .hdnav a{display: inline-block;width:18%;font-size: 1.4rem;text-align: center; margin-bottom:20px;padding:14px 8px 8px 8px;box-sizing: border-box;margin: 0 1%;color: #fff;}
#head .menu li.proM .hdnav a p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#head .menu li.proM .hdnav a img{width:90%;border-radius:20px;}
#head .menu li.proM .hdnav a:hover{color: #CD001A; background-color:rgba(255,255,255,1);transform:translateY(-5px);border-radius:20px;}

#head .menu li > a:hover:after,#head .menu li.cur a:after{width: 100%;left: 0;}
#head .hdfr{float:right;}
.lanbox{float: left;font-size: 1.4rem;margin-top:28px;transition: all .3s;}
.lanbox a{float: left; display: block;width: 32px;height: 32px;text-align: center;color: #fff;line-height: 32px;background-color:rgba(0,0,0,.2);border-radius: 100%;transition: all .3s;cursor: pointer;}
.lanbox a:first-child{margin-right: -5px;}

.lanbox a.cur{ background-color:#CD001A;}
.lanbox:hover a:first-child{margin-right:5px;}


#ind-search{float: right; width:200px;height:35px;background-color:#CD001A;overflow:hidden;border-radius:15px;margin-top:26px;margin-left: 30px;transition: all .3s;}
#ind-search  input[type="text"]{
	float:left;
	height:35px;
	line-height:35px;
	width:70%;
	border:none;
	background-color:transparent;
	color:#fff;
	font-size:1.4rem;
    text-indent: 20px;
	overflow:hidden;
	}
#ind-search input::-webkit-input-placeholder,#ind-search textarea::-webkit-input-placeholder { color: #fff;	} 
#ind-search button{float:right;width:19%;height:35px; border:none;cursor:pointer;background:none; transition: all .3s;overflow:hidden;}
#ind-search button span.iconfont{font-size:1.8rem;color:#fff;}

#head.on{height:70px; background-color: #fff;}
#head.on .menu li > a{line-height:70px;}
#head.on .menu li .sub{top:70px;}
#head.on .logo img{height:45px; margin-top:12px;}
#head.on #ind-search{margin-top:15px;}
#head.on .lanbox{margin-top:17px;}



.banner{width: 100%;height:970px;overflow: hidden;position: relative;z-index:70;}
.banner .swiper-banner{height: 100%;}
.banner .swiper-wrapper{z-index: inherit;}
.banner .swiper-slide{width: 100%;height:91%;overflow: hidden;position: relative;background-position: center top;background-size: cover;}
.banner .swiper-slide .ani{width:1400px; position: absolute;left:50%;top:45%;z-index: 9;margin-left: -700px;}
.swiper-pagination{ height: 34px;vertical-align: middle;}
.swiper-pagination .swiper-pagination-bullet{width:45px;height:3px;margin: 0 7px!important;border-radius: 0;background-color: #fff;opacity: .8;}
.swiper-pagination .swiper-pagination-bullet-active{background-color:#CD001A;}

.ind-tit h3{font-size:3.4rem;letter-spacing: 1px; color: #333;}
.ind-tit p{font-size: 2rem;color:#E3E3E3;font-weight: bold;text-transform:uppercase;}
.more2{color:#CD001A;display: block;margin-top: 15px;}
.more2:hover{text-decoration: underline;}


.ind-pro{padding-top:140px;padding-bottom: 100px; background:url(../image/indbg1.jpg) no-repeat 194px 200px;position: relative;background-size: 20%;}
.ind-pro .proT{width:60%;height: 100px;background-color:#CD001A;position: absolute;right: 0px;top: 0px;border-radius: 0 0 0 40px;}
.ind-pro .pro-l{float: left;width: 20%;padding-top:4%;}
.ind-pro .pro-l .t2{font-size: 1.4rem;color: #666; line-height: 180%; margin-top:20px;}
.pro-pagination{ height: 32px;vertical-align: middle;margin-top: 15px;}
.pro-pagination .swiper-pagination-bullet{width:32px;height:8px;margin-right:6px;border-radius:8px 0 8px 0;background-color: #ddd;opacity:1;}
.pro-pagination .swiper-pagination-bullet-active{background-color:#CD001A;}


.probox11{width: 75%;float:right; position: relative;overflow: hidden;}
.probox11 .swiper-pro .swiper-slide a{display: block;width: 100%;height: 100%;position: relative; overflow: hidden;}
.probox11 .swiper-pro .swiper-slide .img{width: 100%;position: relative;z-index: 9;transition: all .8s;}
.probox11 .swiper-pro .swiper-slide .img img{max-width: 100%;}

.probox11 .swiper-pro .swiper-slide .name{width: 100%; height: 45px;line-height:45px; font-size: 1.6rem;color: #fff;text-align: center; position: absolute;left: 0;bottom: -50px;z-index: 11;transition: all .3s;}
.probox11 .swiper-pro .swiper-slide a:hover .name{bottom: 0;}



.ind-solution{width: 100%; height: 500px;padding-top: 100px; overflow: hidden;background:#CD001A linear-gradient(to bottom, #CD001A,#b31b2e);}
.ind-solution .sol-l{float: left;width: 20%;padding-top:4%;}
.ind-solution .sol-l .ind-tit h3{color: #fff;}
.ind-solution .sol-l .ind-tit p{color: #ffe6c8;}
.ind-solution .sol-l .more2{color:#ffe6c8;}
.ind-solution .sol-l .t2{font-size: 1.4rem;color: #ffe6c8; line-height: 180%; margin-top:20px;}
.sol-pagination{ height: 32px;vertical-align: middle;margin-top: 15px;}
.sol-pagination .swiper-pagination-bullet{width:32px;height:8px;margin-right:6px;border-radius:8px 0 8px 0;background-color: #dd4a5c;opacity:1;}
.sol-pagination .swiper-pagination-bullet-active{background-color:#fff;}


.solbox{width: 75%;float:right; position: relative;overflow: hidden;}
.solbox .swiper-sol .swiper-slide a{display: block;width: 100%;height:400px;position: relative; overflow: hidden;}
.solbox .swiper-sol .swiper-slide .img{width: 100%;height:250px; position: relative;z-index: 9;transition: all .3s;overflow: hidden;background-color: #333;border-radius:10px;}
.solbox .swiper-sol .swiper-slide .img img{max-width: 100%;transition: all .3s;}

.solbox .swiper-sol .swiper-slide .con{width: 100%;height:400px; position: absolute;left: 0;top:280px;z-index: 11;transition: all .3s;box-sizing: border-box;}
.solbox .swiper-sol .swiper-slide .con h3{font-size: 1.6rem; color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.solbox .swiper-sol .swiper-slide .con p{font-size: 1.4rem; color:#ffe6c8;margin-top: 8px;}
.solbox .swiper-sol .swiper-slide .con .btn{width:calc(100% - 30px); height:50px;text-align:center;line-height:50px;background-color:#ddd;transition:all .8s;opacity:0;position:absolute;bottom:-50px;left:0;z-index:12;margin:0 15px;overflow: hidden;}
.solbox .swiper-sol .swiper-slide .con .btn::before{content: " ";display: block;width: 120%;height: 100%;position: absolute;left:-200%;top: 0;z-index: 0;; background:linear-gradient(to right, #CD001A,#c96e02);transform:skewX(30deg);transition:all .3s;}
.solbox .swiper-sol .swiper-slide .con .btn span{position: relative;z-index: 9;color: #CD001A; }
.solbox .swiper-sol .swiper-slide a:hover .img{height: 100%;}
.solbox .swiper-sol .swiper-slide a:hover .img img{opacity: .5;}
.solbox .swiper-sol .swiper-slide a:hover .con{top:0;padding:30px 15px 15px 15px;background-color: rgba(255,255,255,.9);}
.solbox .swiper-sol .swiper-slide a:hover .con h3{color:#CD001A;}
.solbox .swiper-sol .swiper-slide a:hover .con p{color:#666;}

.solbox .swiper-sol .swiper-slide a:hover .con .btn{opacity: 1;bottom: 15px;}
.solbox .swiper-sol .swiper-slide .btn:hover span{color: #fff;}
.solbox .swiper-sol .swiper-slide .btn:hover:before {left: -10%;}


.ind-advantage{position: relative;padding-top:120px;padding-bottom: 100px;}
.adv-l{width: 78%;float:left; position: relative;}
.adv-l .advitem{width:30%;margin-right:3%;float: left;transition: all .3s;}
.adv-l .advitem .img{width:100%;height: auto;position: relative;z-index: 8;transition: all .3s;border-radius:30px;}
.adv-l .advitem .con{margin-top: -10%;padding:0 3%;position: relative;z-index: 9;}
.adv-l .advitem .con h2{color:#CD001A;font-size:8rem;	font-family:Arial,Helvetica,sans-serif;font-weight:normal;line-height:100%;margin: 0;margin-left: -8px;}
.adv-l .advitem .con h3{color:#CD001A;font-size:2rem;line-height:100%;letter-spacing: 1px; margin: 0;}
.adv-l .advitem .con p{color:#333;font-size:1.4rem;line-height:180%;margin-top: 8px;}
.ind-advantage .adv-l .advitem:nth-child(even) .con{margin-top:0;margin-bottom: 15px;}
.adv-l .advitem:hover .img{box-shadow: 0 0px 25px 15px rgba(0,0,0,.1);}
.adv-l .advitem:hover{ transform:translateY(-5px);}


.adv-r{float:right;width: 20%;padding-top:4%;}
.adv-r .t2{font-size: 1.4rem;color: #666; line-height: 180%; margin-top:20px;}



.more1{display:inline-block; border: 1px solid #CD001A;line-height: 40px;color: #fff;font-size:1.2rem;padding: 0 22px;text-align: center;text-transform: uppercase;background-color: #CD001A; transition: all .3s;position: relative;}
.more1 span{display: inline-block;transition: all .3s;}
.more1::before{display: block;content: " ";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px solid #CD001A;transition: all .3s;}
.more1:hover::before{border: 3px solid #CD001A;left: -8px;top: -8px;}
.more1:hover{background-color: #d0112b00;color: #fff;}
.more1:hover span{transform: translate(-6px,-6px);}

.ind-case{padding: 80px 0;background-color: #CD001A;}
.ind-case .ind-tit{float: left;}
.ind-case .ind-tit h3{color: #fff;}
.ind-case .ind-tit p{color: #ffe6c8;}
.ind-case .butbox{float: right;margin-right: 10px;margin-top: 15px;}
.ind-case .butbox a{display: inline-block;position: relative;width:90px;height:38px;text-align: center;line-height: 40px;color:#ffd8ab; margin-right: 2px;cursor: pointer;}
.ind-case .butbox a::after{display: block;content: " ";height: 100%;width: 100%;border: 1px solid #ffd8ab; position: absolute;left: 0;top: 0;z-index: 2;transition:all .35s;transform:skewX(30deg);}
.ind-case .butbox a span.iconfont{font-size: 2rem; position: relative;z-index: 9;transition:all .35s;}
.ind-case .butbox a:hover::after{border: 1px solid #fff; }
.ind-case .butbox a:hover span.iconfont{color:#fff;}
.ind-case .butbox .swiper-button-disabled{opacity: .5;cursor:auto;transform: translateY(2px);}
.ind-case .butbox .case-button-next{margin-left: 10px;}


.casebox{position: relative;overflow: hidden;margin-top: 40px;}
.casebox .swiper-case .swiper-slide a{display: block;width: 100%;height:auto;border-radius: 10px; position: relative; overflow: hidden;}
.casebox .swiper-case .swiper-slide .img{width: 100%;height:auto; position: relative;z-index: 2;transition: all .3s;overflow: hidden;background-color: #333;}
.casebox .swiper-case .swiper-slide .img img{max-width: 100%;transition: all .3s;}
.casebox .swiper-case .swiper-slide .name{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 1.6rem; position: absolute;left: 0;bottom: 0;z-index: 20;}
.casebox .swiper-case .swiper-slide a::before{display: block;content: " "; width: 100%;height:70%;position: absolute;left: 0;bottom: 0;z-index: 5; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7));transition: all .3s;}
.casebox .swiper-case .swiper-slide a:hover:before{opacity: 0;}


.foot{color:#8b8b8b;background:#222 url(../image/ftbg.png) no-repeat right 0px /25%;padding:50px 0; overflow: hidden;position: relative;z-index: 2;}
.foot .ftnav{ float: left;width:55%;}
.foot .ftnav dl{float: left;width:25%;}
.foot .ftnav dl dt,.ftcontact dl dt{font-size:1.6rem;color: #5b5b5b;font-weight: bold;margin-bottom: 15px;margin-top: 15px;}
.foot .ftnav dl dd a{display:block;color: #898989; line-height:200%;font-size: 1.3rem;}
.foot .ftnav dl dd a:hover{color: #CD001A;  text-decoration: underline;}

.foot .ftcontact{float: left;width:25%;padding-left:5%;box-sizing: border-box;position: relative;}
.foot .ftcontact:before{content: " ";display: block;height:110%;width: 1px;background-color: #333;position: absolute;left: 0;top: 0;}
.foot .ftcontact p{color: #898989; line-height:200%;font-size: 1.3rem;}
.foot .ftcontact a{color: #898989;}
.foot .ftcontact a:hover{color: #CD001A;text-decoration: underline;}
.qq{display: block;width: 30px;height:30px;line-height: 30px; float:left;margin-right:10px;text-align: center;color: #fff;background-color:#898989;border-radius: 100%;overflow: hidden;margin-top: 15px;}
.qq span.iconfont{font-size:1.8rem;color: #fff;}
.qq:hover{background-color:#CD001A;transform:translateY(-3px);}


.ftwap{float: right;max-width:170px; min-width: 130px;text-align: center;font-size: 1.6rem;margin-top: 15px;}
.ftwap img{width: 100%; border-radius: 5px;margin-bottom: 10px;}


.copy{height: 55px;line-height: 55px; font-size:1.2rem;color: #898989;background-color:#222;border-top: 1px solid #333;}


/*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:#CD001A;margin-bottom:4px;cursor:pointer;outline:none;}
#kefu .a.active,#kefu .a:hover{background:CD001A;}
#kefu .a .i{float:left;width:44px;height:44px;background-image:url(../image/kefu_icon.png);background-repeat:no-repeat;}
#kefu .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../image/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(../image/kefu-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
#kefu .a-pdf .i{background:url(../image/ico-pdf.png) center center no-repeat;}
#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(../image/kefu_bg_arrow.png) no-repeat;right:-8px;top:31px;}
#kefu .d-pdf{top:-10px;}
#kefu .d-service{top:34px;}
#kefu .d-service-phone{top:78px;}
#kefu .d-qrcode{top:130px;}
#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(../image/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(../image/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:#CD001A;}
#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(http://www.kland.cn/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;}

#kefu .d-pdf{text-align:center; width:170px;}
#kefu .d-pdf .qrcode>img{width: 120px; margin-bottom: 8px;margin-top: 10px;}