@charset "utf-8";
*{margin:0;padding:0;border:0;background:transparent;font-family:"Microsoft YaHei","微软雅黑";}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1{font-style: normal;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}ul{list-style: none;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}

.banner{background: url(../../images/kaidian/banner.jpg)center top no-repeat;height: 430px;}
.banner a{display: block;height: 430px;}

.title_1{overflow: hidden;height: auto;padding: 76px 0 42px;width: 1180px;margin: 0 auto;position: relative;}
.title_1 em{display: block;height: 28px;width: 28px;line-height: 28px;text-align: center;color: #fff;font-size: 18px;background: #ff9c00;border-radius: 50%;position: absolute;}
.title_1 span{display: block;font-size: 36px;text-align: center;color: #121212;position: relative;}
.title_1 p{color:#555555;margin-top: 20px;text-align: center;font-size: 18px;}

.btn{background-image:linear-gradient(to right,#fb972b,#fdae4a);display: block;width: 230px;height: 60px;text-align: center;line-height: 60px;color: #FFFFFF;font-size: 20px;border-radius: 5px;margin: 0 auto;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_1 ul li{float: left;height: 158px;width: 358px;border: 1px solid #e5e5e5;border-radius: 6px;margin: 0 50px 50px 0;cursor: pointer;}
.floor_1 ul li.active{border: 1px solid #ff7500;}
.floor_1 ul li:last-child.active{border: 1px solid #e5e5e5;}
.floor_1 ul li:nth-child(3n){margin-right: 0;}
.floor_1 ul li .fl{display: block;margin: 40px 24px 0 50px;}
.floor_1 ul li .box{float: left;}
.floor_1 ul li .box span{font-size: 24px;display: block;color: #121212;margin: 46px 0 10px;}
.floor_1 ul li .box p{font-size: 18px;color: #121212;}

.floor_2{overflow: hidden;background: url(../../images/kaidian/fl2_bg.jpg)center top no-repeat;height:820px;}
.floor_2 .title_1{padding: 56px 0 36px;}
.floor_2 .title_1 em{left: 538px;top: 36px;}
.floor_2 .title_1 span{color: #fff;}
.floor_2 .title_1 p{color: #fff;}
.floor_2 ul{width: 1020px;margin: 0 auto;}
.floor_2 ul li{float: left;background: #fff;width: 500px;margin: 0 20px 20px 0;height: 210px;}
.floor_2 ul li:nth-child(2n){margin-right: 0;}
.floor_2 ul li .tit{height: auto;overflow: hidden;padding: 28px 30px 16px 34px;}
.floor_2 ul li .tit span{display: block;float: left;width: 238px;height: 38px;line-height: 38px;border-radius: 50px;border: 1px solid #e5e5e5;text-align: center;font-size: 18px;color: #555555;margin-top: 12px;}
.floor_2 ul li p{font-size: 22px;color: #333333;line-height: 36px;padding: 0 30px 0 40px;}

.bot{text-align: center;}
.bot .btn{display: inline-block;margin-top: 30px;background-image: linear-gradient(to right,#fb982b,#fdaf4b)}
.bot .btn_1{background-image: linear-gradient(to right,#ff6800,#ff8e00);margin-left: 18px;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_3 .title_1 em{left: 468px;top: 56px;}
.floor_3 img{display: block;margin: 0 auto 50px;}

.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;background: #f5f5f5;}
.floor_4 .title_1 em{left: 538px;top: 56px;}
.floor_4 .box{width: 830px;margin: 0 auto;}
.floor_4 .box .fl{display: block;margin-right: 90px;}
.floor_4 .box .info{float: left;}
.floor_4 .box .info ul li{float: left;margin: 0 78px 22px 0;text-align: center;font-size: 18px;color: #333333;line-height: 30px;}
.floor_4 .box .info ul li:last-child{margin-right: 0;}
.floor_4 .box .info ul li span{display: block;border: 1px dashed #fd8a25;border-radius: 50%;width: 118px;height: 118px;line-height: 118px;text-align: center;margin-bottom: 10px;}
.floor_4 .box .info ul li span em{display: block;width: 100px;height: 100px;line-height: 100px;border-radius: 50%;color: #fff;text-align: center;font-size: 30px;font-weight: 500;background: #fd8a25;margin: 9px;}
.floor_4 .box .info p{font-size: 16px;color: #555555;line-height: 38px;background: url(../../images/kaidian/fl4_01.png)left center no-repeat;padding-left: 16px;}
.floor_4 .box .info .bot{text-align: left;}

.floor_5{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_5 .title_1 em{left: 468px;top: 56px;}
.floor_5 .box{width: 970px;margin: 0 auto;}
.floor_5 .box .nav_1{float: left;width: 316px;height: 260px;padding-top: 80px;}
.floor_5 .box .nav_1 a{width: 296px;height: 126px;border: 1px solid #cccccc;cursor: pointer;position: relative;display: block;}
.floor_5 .box .nav_1 a:first-child.on{border: 1px solid #fd8a25;background: #fd8a25;}
.floor_5 .box .nav_1 a:first-child.on em{display: block;width: 0;height: 0;width:0px;border-left:14px solid #fd8a25;border-top:10px solid transparent;border-bottom:10px solid transparent;position: absolute;top: 50px;right: -15px;}
.floor_5 .box .nav_1 a:last-child.on em{display: block;width: 0;height: 0;width:0px;border-left:14px solid #5b79fc;border-top:10px solid transparent;border-bottom:10px solid transparent;position: absolute;top: 50px;right: -15px;}
.floor_5 .box .nav_1 a:last-child.on{border: 1px solid #5b79fc;background:#5b79fc;}
.floor_5 .box .nav_1 a span{font-size: 24px;color: #333333;text-align: center;line-height: 38px;margin-top: 24px;display: block;}
.floor_5 .box .nav_1 a.on span{color: #fff;}
.floor_5 .swiper_container{width: 583px;overflow: hidden;height: auto;float: right;}
.floor_5 .swiper_container img{display: block;float: right;}
.floor_5 .btn{margin-top: 50px;}

.floor_6{height: auto;overflow: hidden;padding-bottom: 80px;background: #f5f5f5;position: relative;}
.floor_6 .title_1 em{left: 538px;top: 56px;}
.floor_6 .width{position: relative;width: 940px;margin: 0 auto;}
.floor_6 .tu{background:url(../../images/kaidian/phone.png)center top no-repeat;width: 286px;height: 500px;overflow: hidden;float: left;}
.floor_6 .hd li img{display: none;}
.floor_6 .hd li.active img{display: block;position: absolute;top: 44px;left: 40px;}
.floor_6 .hd li .fo{display: block;margin: 16px auto 10px;}
.floor_6 .hd li.active .fo{display: block;position: inherit;-webkit-filter: drop-shadow(#ff7e00 78px 0);
    filter: drop-shadow(#ff7e00 78px 0);margin-left: -30px;}
.floor_6 .hd{float: right;width: 576px;margin-top: 50px;}
.floor_6 .hd li{float: left;width: 118px;height: 88px;border-radius: 6px;text-align: center;margin: 0 30px 30px 0;font-size: 16px;border: 1px solid #e5e5e5;cursor: pointer;background: #fff;overflow: hidden;}
.floor_6 .hd li:nth-child(4n){margin-right: 0;}
.floor_6 .hd li.active{border: 1px solid #ff7e00;color: #ff7e00;}
.floor_6 .fr{padding: 130px 170px 0 0;}
.floor_6 .fr span{display: block;font-size: 22px;color: #333333;}
.floor_6 .fr p{font-size: 16px;color: #666666;line-height: 32px;padding: 20px 0 10px;}
.floor_6 .fr .btn{width: 160px;margin-left: 0;font-size: 16px;}

.floor_7{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_7 .box{height: auto;overflow: hidden;width: 960px;margin: 0 auto;}
.floor_7 .box .fl{background:url(../../images/kaidian/fl7_ic.png)left 70px no-repeat;height: 318px;padding:70px 0 0 80px;}
.floor_7 .box .fl p{font-size: 22px;color: #555555;padding-bottom: 66px;}

.floor_8{height: auto;overflow: hidden;padding-bottom: 80px;background: #f5f5f5;}
.floor_8 .width{width: 1190px;margin: 0 auto;position: relative;}
.floor_8 .swiper-container{width: 918px;margin: 0 auto;}
.floor_8 .swiper-container .swiper-slide{position: relative;cursor: pointer;}
.floor_8 .swiper-container .swiper-slide .box{overflow: hidden;width: 270px;height: auto;text-align: center;font-size: 18px;color: #555555;}
.floor_8 .swiper-container .swiper-slide .box img{display: block;height: 470px;margin: 0 auto 10px;}
.floor_8 .info{display: block;position: absolute;top: 1px;left: 1px;width: 266px;height: 466px;background: #fff;border-radius: 14px;opacity: 0;}
.floor_8 .info:hover{opacity: 1;transition: 0.2s;-moz-transition: 0.2;-webkit-transition: 0.2;}
.floor_8 .info .logo img{display: block;margin: 60px auto 40px;}
.floor_8 .info .logo2 img{margin:50px auto 30px;}
.floor_8 .info .logo3 img{margin:30px auto 30px;}
.floor_8 .info .logo4 img{margin:40px auto 30px;}
.floor_8 .info .logo5 img{margin:40px auto;}
.floor_8 .info .logo6 img{margin:26px auto;}
.floor_8 .info span{display: block;font-size: 14px;color: #555555;line-height: 30px;padding: 0 26px;}
.floor_8 .info span em{font-size: 14px;color: #ff1616;}
.floor_8 .info .ewm img{display: block;margin: 50px auto 0;}
.floor_8 .info .ewm2 img{margin-top: 30px;}
.floor_8 .info .ewm3 img{margin-top: 30px;}
.floor_8 .info .ewm6 img{margin-top: 30px;}
.floor_8 .swiper-button-prev,.floor_8 .swiper-container-rtl .swiper-button-next{background:url(../../images/kaidian/prev.png)center center no-repeat;width: 70px;height: 70px;z-index: 99;top: 44%;}
.floor_8 .swiper-button-next,.floor_8 .swiper-container-rtl .swiper-button-prev{background:url(../../images/kaidian/next.png)center center no-repeat;width: 70px;height: 70px;z-index: 99;top: 44%;}
.floor_8 .swiper-button-prev:after,.floor_8 .swiper-container-rtl .swiper-button-next:after{content: 'none';}
.floor_8 .swiper-button-next:after,.floor_8 .swiper-container-rtl .swiper-button-prev:after{content: 'none';}
.floor_8 .btn{margin-top: 50px;}

.floor_9{background: url(../../images/kaidian/fl9_bg.jpg)center top no-repeat;height: 320px;}
.floor_9 a{display: block;height: 320px;}


#sol_menu{height: 60px;clear: both;}
#sol_menu .nav_left{float:left;}
#sol_menu .nav_left li{float:left;margin-right: 60px;}
#sol_menu .nav_left li>a{color: #333333;font-size: 18px;display: block;line-height: 60px;display: inline-block;}
#sol_menu .nav_left li:hover>a,#sol_menu .nav_left li.on>a{color:#fd9500;position: relative;}
#sol_menu .nav_left li:first-child a{font-size: 26px;}
#sol_menu .nav_left li:last-child{height:auto;transition: .2s;overflow: hidden;}
#sol_menu .nav_left li:last-child>a{height:60px;margin-bottom: 0;margin-top: 0;}
#sol_menu .nav_left li:last-child>a:after{content:url(../../images/solution/arrow.png);margin-left: 5px;}
#sol_menu .nav_left li .menu{width:120px;height:0px; display: none;z-index: 100;position: absolute;background-color: #fff;transition: all 500ms;}
#sol_menu .nav_left li .menu a{font-size: 14px;display: block;color:#333;border-top:#ddd 1px solid;height: 30px;line-height: 30px;text-align: center;}
#sol_menu .nav_left li:hover .menu{display: block;height:130px;transition: transform .3 ease-out,top .3s ease-out;}