/*轮播样式*/
.swiper-container{
    width: 100%;
    min-width: 1200px;
    height: 762px;
    position: relative;
}
.swiper-slide{
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-slide img{
    width: 100%;
    height: 100%;
}
.swiper-slide .see{
    width:236px;
    height:48px;
    display: block;
    border-radius: 5px;
    background: url("../images/banner/see.png");
    background-size: 100% 100%;
    position: absolute;
    left:19%;
    bottom:21%;
}
.swiper-container .swiper-pagination{
    height:30px;
    position: absolute;
    bottom:20px;
    left:50%;
    margin-left: -255px;
}
.swiper-container .swiper-pagination .swiper-pagination-switch{
    display: inline-block;
    width:89px;
    height:5px;
    border:1px solid #00C0FF;
    border-radius: 0;
    margin: 0 40px !important;
}
.swiper-pagination .swiper-active-switch{
    width:89px;
    height:5px;
    background: url("../images/banner/bullet-i.png");
    background-size: 100% 100%;
}
/*中间部分样式*/
#wrapper .container{
    width:100%;
    min-width: 1200px;
    /*height:700px;*/
}
.container .container_box{
    width:1200px;
    height:100%;
    margin: 0 auto;
}
/*企业介绍样式*/
#enterprise-introduction{
    height:653px;
    padding-top: 27px;
    background: url("../images/page1/main1/qiyejieshao.png") no-repeat;
    background-size: 100% 100%;
}
/*#enterprise-introduction .ul-top{
    display: flex;
    justify-content: space-between;
}
#enterprise-introduction .ul-top li{
    width:289px;
    height:126px;
    background:rgba(255,255,255,1);
    box-shadow:4px 5px 28px 1px rgba(87,87,87,0.06);
}
#enterprise-introduction .ul-top li span{
    display: inline-block;
    width:45px;
    border-bottom: 2px solid #00C0FF;
    margin: 15px 15px 14px;
}
#enterprise-introduction .ul-top li h4{
    width:100px;
    font-size:18px;
    font-weight:bold;
    color:rgba(102,102,102,1);
}
#enterprise-introduction .ul-top li p{
    font-size:14px;
    color:rgba(51,51,51,0.65);
    line-height:22px;
    padding: 0 15px;
}*/
#enterprise-introduction .introduction{
    display: flex;
    justify-content: space-between;
    height:100%;
    overflow: hidden;
}
#enterprise-introduction .introduction_left,#enterprise-introduction .introduction_right{
    width:50%;
}
#enterprise-introduction .introduction_left .infor{
    font-size:16px;
    color:#666;
    line-height:31px;
    margin-top: 20px;
    padding-right: 18%;
}
#enterprise-introduction .introduction_left .icon_label{
    font-size:18px;
    color:#5BA1C2;
    margin: 34px 0 20px;
}
#enterprise-introduction .introduction_left .icon_label .label{
    font-family:BigYoungBoldGB;
    display: none;
}
#enterprise-introduction .introduction_left .icon_box{
    display: flex;
    justify-content: flex-start;
}
#enterprise-introduction .introduction_left .icon_box .icon{
    width:80px;
    height:80px;
    box-shadow:4px 6px 15px 1px rgba(5,158,255,0.11);
    border-radius:50%;
    background-size: 100% 100%;
    background: -8px -8px no-repeat;
    margin-right: 16px;
}
#enterprise-introduction .introduction_left .icon_box .icon1{
    background-image: url("../images/page1/main1/gongan.png");
}
#enterprise-introduction .introduction_left .icon_box .icon2{
    background-image: url("../images/page1/main1/zhengfu.png");
}
#enterprise-introduction .introduction_left .icon_box .icon3{
    background-image: url("../images/page1/main1/xiaofang.png");
}
#enterprise-introduction .introduction_left .icon_box .icon4{
    background-image: url("../images/page1/main1/xuexiao.png");
}
#enterprise-introduction .introduction_left .chakan{
    display: block;
    width:188px;
    height:36px;
    margin-top: 73px;
    background: url("../images/page1/main1/chakan-more.png") -6px -12px no-repeat;
}
#enterprise-introduction .introduction_right{
    position: relative;
    height:572px;
    background: url("../images/page1/main1/introduction_right.png") no-repeat;
}
#enterprise-introduction .introduction_right .introduction_tab_box{
    width:320px;
    height:200px;
    position: absolute;
    top:34%;
    left:14%;
}
#enterprise-introduction .introduction_right .introduction_tab_box .introduction_tab_con{
    width:100%;
    height:100%;
}
#enterprise-introduction .introduction_right .introduction_tab_box .img1{
    background: url("../images/page1/main1/img1.png") -9px -9px no-repeat;
}
#enterprise-introduction .introduction_right .introduction_tab_box .img2{
    background: url("../images/page1/main1/img2.png") -9px -9px no-repeat;
    display: none;
}
#enterprise-introduction .introduction_right .introduction_tab_title{
    position: absolute;
    bottom:20%;
    left:37%;
}
#enterprise-introduction .introduction_right .introduction_tab_title span{
    display: inline-block;
    width:10px;
    height:10px;
    border:1px solid #0079C0 !important;
    border-radius:50%;
    margin-right: 11px;
}
#enterprise-introduction .introduction_right .introduction_tab_title span.cur{
    background:#0089C9 !important;
    border-radius:50%;
}
/*基础产品样式*/
#Basic_products{
    height:714px;
    background:#F7F7F7;
}
#Basic_products .container_box .basic_tab_title{
    text-align: center;
    margin: 60px 0 40px;
}
#Basic_products .container_box .basic_tab_title span{
    display: inline-block;
    cursor: pointer;
    font-size:24px;
    font-family:BigYoungBoldGB;
    color:#C3C3C3;
    margin: 0 25px;
}
#Basic_products .container_box .basic_tab_title span.cur{
    font-size:30px;
    color:#0098DE;
}
#Basic_products .container_box .basic_tab_box .basic_tab_con{
    display: flex;
    justify-content: space-between;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card{
    width:263px;
    height:336px;
}
#Basic_products .basic_tab_con .basic_tab_card .basic_card_bg{
    width:100%;
    height:100%;
    color: #fff;
    background:linear-gradient(0deg,rgba(47,128,237,0.82),rgba(86,204,242,0.82));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr =#c856ccf2 , endColorstr =#c82f80ed );
    position: relative;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card:first-child{
    background: url("../images/page1/main2/card1.png") -9px -9px no-repeat;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card:nth-child(2){
    background: url("../images/page1/main2/card2.png") -9px -9px no-repeat;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card:nth-child(3){
    background: url("../images/page1/main2/card3.png") -9px -9px no-repeat;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card:nth-child(4){
    background: url("../images/page1/main2/card4.png") -9px -9px no-repeat;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .pos{
    width:100%;
    height:50%;
    position: absolute;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .pos1{
    padding-top: 25px;
    top:20%;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .pos2{
    bottom:0;
    opacity:0;
    filter: alpha(opacity=0);
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .width{
    width:0;
    height:3px;
    background:linear-gradient(90deg,rgba(0,174,255,1),rgba(0,210,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr =#00D2FF , endColorstr =#00AEFF );
    position: absolute;
    left:0;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .top{
    top:0;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .btm{
    bottom:0;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .height{
    width:3px;
    height:0;
    background:linear-gradient(-2deg,rgba(0,174,255,1),rgba(0,210,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr =#00D2FF , endColorstr =#00AEFF );
    position: absolute;
    top:0;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .left{
    left:0;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .right{
    right:0;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .icon{
    width:111px;
    height:89px;
    margin: 0 auto;
    text-align: center;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .title2 h5{
    font-size:18px;
    font-weight:bold;
    text-align: center;
    margin: 20px 0 12px;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .title2 span{
    display: block;
    width:42px;
    height:2px;
    background-color:#fff;
    margin: 0 auto;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .text{
    width:182px;
    font-size:14px;
    line-height: 24px;
    text-align: center;
    margin: 12px auto 0;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card .btn{
    display: block;
    width:96px;
    height:36px;
    background: url("../images/page1/main2/see-more.png") no-repeat;
    margin: 15px auto 0;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card:hover .basic_card_bg{
    animation: background 1.5s;
    background:rgba(91,98,110,0.73);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr =#b25B626E , endColorstr =#b25B626E );
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card:hover .pos1{
    animation: move 1s;
    top:0;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card:hover .pos2{
    animation: show 3s;
    opacity:1;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card:hover .width{
    animation: width 1s;
    width:263px;
}
#Basic_products .basic_tab_box .basic_tab_con .basic_tab_card:hover .height{
    animation: height 1s;
    height:336px;
}
@keyframes show{
    0% { opacity:0; }
    100% { opacity:1; }
}
@keyframes background{
    0% {
        background:linear-gradient(0deg,rgba(47,128,237,0.82),rgba(86,204,242,0.82));
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr =#c856ccf2 , endColorstr =#c82f80ed );
    }
    100% {
        background:rgba(91,98,110,0.73);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr =#b25B626E , endColorstr =#b25B626E );
    }
}
@keyframes move{
    0% { top:20%; }
    100% { top:0; }
}
@keyframes width{
    0% { width:0; }
    100% { width:263px; }
}
@keyframes height{
    0% { height:0; }
    100% { height:336px; }
}

/*行业产品样式*/
#Industry_products{
    height:729px;
    background: url("../images/page1/main3/banner.png") no-repeat;
    background-size: 100% 100%;
}
#Industry_products .industry_down{
    display: flex;
    justify-content: space-between;
}
#Industry_products .industry_down ul.industry_tab_title{
    width:160px;
    height:290px;
    border-right:1px dashed #FF9E00;
    padding-top: 5px;
    margin-top: 75px;
}
#Industry_products .industry_down ul li{
    list-style-type:disc;
    color:#fff;
    font-size:14px;
    margin-bottom: 14px;
    padding: 14px 0;
    cursor: pointer;
}
#Industry_products .industry_down ul li.cur{
    font-weight:bold;
    color:#FE9C02;
    background: url("../images/page1/main3/nav-i.png") 109px -8px no-repeat;
}
#Industry_products .industry_down ul li span{
    display: inline-block;
    margin: 0px 10px 0 0;
    width:25px;
}
#Industry_products .industry_down ul li:nth-child(1) span{
    height:17px;
    background: url("../images/page1/main3/flower.png") 8px 0px no-repeat;
}
#Industry_products .industry_down ul li:nth-child(1).cur span{
    background: url("../images/page1/main3/flower-i.png") 8px 0px no-repeat;
}
#Industry_products .industry_down ul li:nth-child(2) span{
    height:12px;
    background: url("../images/page1/main3/community.png") no-repeat;
}
#Industry_products .industry_down ul li:nth-child(2).cur span{
    background: url("../images/page1/main3/community-i.png") no-repeat;
}
#Industry_products .industry_down ul li:nth-child(3) span{
    height:19px;
    background: url("../images/page1/main3/personnel.png") no-repeat;
}
#Industry_products .industry_down ul li:nth-child(3).cur span{
    background: url("../images/page1/main3/personnel-i.png") no-repeat;
}
#Industry_products .industry_down ul li:nth-child(4) span{
    height:17px;
    background: url("../images/page1/main3/place.png") no-repeat;
}
#Industry_products .industry_down ul li:nth-child(4).cur span{
    background: url("../images/page1/main3/place-i.png") no-repeat;
}
#Industry_products .industry_down .industry_tab_box{
    width:480px;
    margin-top: 10%;
}
#Industry_products .industry_down .industry_tab_box .industry_tab_con{
    display: none;
}
#Industry_products .industry_down .industry_tab_box .industry_tab_con h4{
    font-size:30px;
    color:#fff;
}
#Industry_products .industry_down .industry_tab_box .industry_tab_con p{
    font-size:18px;
    color:rgba(255,255,255,0.37);
    margin: 10px 0 30px;
}
#Industry_products .industry_down .industry_tab_box .industry_tab_con .text{
    font-size:14px;
    color:#fff;
    line-height: 32px;
}
#Industry_products .industry_down .industry_tab_box .industry_tab_con .btn{
    display: block;
    width:150px;
    height:40px;
    background: url("../images/page1/main3/see-more.png") no-repeat;
    margin-top: 78px;
}
/*解决方案样式*/
#solution{
    height:720px;
    background-image: url("../images/page1/main4/banner.png");
    background-repeat: no-repeat;
    background-size: 100% 498px;
    background-position: 0px 77px;
    background-color: #F7F7F7;
}
#solution .solution_down{
    margin-top: 50px;
}
#solution .solution_down .solution_tab_box{
    background-color: #F7F7F7;
}
.solution_down .solution_tab_con{
    display: flex;
    justify-content: space-between;
}
.solution_down .solution_tab_con .solution_card{
    width:335px;
    height:417px;
    background-color: #fff;
    padding: 13px;
}
.solution_down .solution_tab_con .solution_card h5{
    font-size:18px;
    font-weight:bold;
    color:#646464;
    margin: 18px 0 15px;
}
.solution_down .solution_tab_con .solution_card .infor{
    font-size:14px;
    color:#646464;
    line-height:30px;
}
.solution_down .solution_tab_con .solution_card .btn{
    display: block;
    width:135px;
    height:36px;
    background:linear-gradient(-84deg,rgba(86,204,242,1),rgba(47,128,237,1));
    /*box-shadow:7px 1px 15px 1px rgba(255,176,5,0.11);*/
    border-radius:17px;
    font-size:16px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    margin: 20px auto 0;
}
.solution_down .solution_tab_con .solution_card:hover{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    box-shadow:4px 7px 35px 15px rgba(5,158,255,0.08);
}
.solution_down .solution_tab_title{
    text-align: center;
    margin-top: 30px;
}
.solution_down .solution_tab_title span{
    display: inline-block;
    width:14px;
    height:14px;
    background-color:#BFBFBF;
    border-radius:50%;
    margin: 0 10px;
    cursor: pointer;
}
.solution_down .solution_tab_title span.cur{
    background-color:#F0841C;
}
/*合作伙伴样式*/
#cooperation_partners{
    height:733px;
    background-color:#fff;
}
#cooperation_partners .cooperation_down{
    margin-top: 50px;
}
.cooperation_down .title3{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cooperation_down .title3 .title_lt{
    width:186px;
    height:18px;
    background: url("../images/page1/main5/title-left.png") 0px 5px no-repeat;
}
.cooperation_down .title3 .title_rt{
    width:186px;
    height:18px;
    background: url("../images/page1/main5/title-right.png") 0px 5px no-repeat;
}
.cooperation_down .title3 .title_center{
    font-size:24px;
    font-family:BigYoungBoldGB;
    color:#00B3FF;
    margin: 0 20px;
}
.cooperation_down .certification .certification_box{
    text-align: center;
}
.cooperation_down .cooperation .cooperation_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
/*楼层导航条样式*/
.menu{
    position: fixed;
    right:5%;
    bottom: 10%;
    width:72px;
    height:369px;
    background-color:#fff;
    box-shadow:0px 7px 31px 4px rgba(0,150,255,0.07);
    border-radius:5px;
    display: none;
}
#menu-list{
    padding: 5px 0;
}
#menu-list li{
    margin: 0 20px;
    border-bottom:1px solid rgba(0,0,0,0.3);
    padding: 8px 0;
}
#menu-list li:last-child{
    border-bottom:1px solid rgba(0,0,0,0);
}
#menu-list li a{
    font-size:16px;
    font-family:BigYoungBoldGB;
    color:rgba(163,163,163,0.79);
}
#menu-list li a:hover{
    color:#00B3FF;
}
#menu-list li.menu-active a{
    color:#00B3FF;
}
#menu-list li#top a{
    display: block;
    width:25px;
    height:26px;
    margin: 5px auto 0;
    background: url("../images/sidebar/backTop.png") no-repeat;
}
#menu-list li.lastLine{
    margin: 0 9px;
    padding: 8px 10px;
}
@media screen and (max-width: 1280px){
    .swiper-container{
        height: 500px;
    }
    .menu{
        right:0%;
    }
}
@media screen and (min-width:1281px) and (max-width:1366px) {
    .swiper-container{
        height: 545px;
    }
    .menu{
        right:0%;
    }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
    .swiper-container{
        height: 585px;
    }
    .menu{
        right:1%;
    }
}
@media screen and (min-width:1441px) and (max-width:1600px) {
    .swiper-container{
        height: 615px;
    }
    .menu{
        right:1%;
    }
}