/*行业产品样式*/
.banner{
    width:100%;
    min-width: 1200px;
    height:547px;
    background: url("../images/banner/banner3.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.banner a{
    display: block;
    width:204px;
    height:48px;
    border-radius:5px;
    background: url("../images/banner/contact.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 55px;
    left:50%;
    margin-left: -102px;
}
.container{
    width:100%;
    min-width: 1200px;
}
.container .container_box{
    width:1200px;
    height: 100%;
    margin: 0 auto;
}
.tab_nav{
    height:67px;
    background:rgb(252,252,252);
    border-bottom:1px solid rgba(170,170,170,0.3);
}
.tab_nav .container_box {
    display: flex;
    justify-content: center;
    height:63px;
}
.tab_nav .container_box .tab_bor{
    width:80px;
    height:63px;
    border-bottom: 4px solid transparent;
    margin: 0 55px;
}
.tab_nav .container_box .tab_bor a{
    display: block;
    width:80px;
    height:20px;
    line-height: 18px;
    font-size:20px;
    color:rgb(153,153,153);
    margin-top: 25px;
}
.tab_nav .container_box .tab_bor.cur a{
    font-weight:bold;
    color:transparent;
    /*background:linear-gradient(3deg,rgba(86,204,242,1) 0%, rgba(47,128,237,1) 100%);*/
    /*-webkit-background-clip:text;*/
    /*-webkit-text-fill-color:transparent;*/
}
.tab_nav .container_box .tab_bor.cur{
    border-bottom: 4px solid rgb(71,175,240);
}
.tab_nav .container_box .tab_bor.cur a.a1{
    background: url("../images/page2/main1/tab1.png") no-repeat;
    background-size: 100% 100%;
}
.tab_nav .container_box .tab_bor.cur a.a2{
    background: url("../images/page2/main1/tab2.png") no-repeat;
    background-size: 100% 100%;
}
.tab_nav .container_box .tab_bor.cur a.a3{
    background: url("../images/page2/main1/tab3.png") no-repeat;
    background-size: 100% 100%;
}
.tab_nav .container_box .tab_bor.cur a.a4{
    background: url("../images/page2/main1/tab4.png") no-repeat;
    background-size: 100% 100%;
}
/*产品介绍样式*/
.introduction{
    background-color: #fff;
    height:898px;
}
#main3 .introduction{
    height:590px;
}
#main4 .introduction{
    height:590px;
}
.introduction .nav{
    width:100%;
    height:294px;
    background:rgb(255,255,255);
    box-shadow:1px 2px 47px 4px rgba(5,158,255,0.16);
    border-radius:10px;
    margin-top: 41px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    /*z-index: 1;*/
}
.introduction .nav .box{
    width:200px;
    height:100%;
    text-align: center;
}
.introduction .nav .box:nth-child(1){
    margin-left: 40px;
}
.introduction .nav .box:last-child{
    margin-right: 40px;
}
.introduction .nav .box .img_div{
    width:57px;
    height:54px;
    margin: 50px auto 0;
}
.introduction .nav .box .label{
    font-size:18px;
    font-family:BigYoungBoldGB;
    color:rgb(75,75,75);
    margin: 30px 0 10px;
}
.introduction .nav .box .text{
    font-size:14px;
    color:rgba(102,102,102,0.68);
    line-height:31px;
}
.introduction .introduction_box{
    height:calc(100% - 300px);
    display: flex;
    justify-content: flex-start;
    background: url("../images/page2/main1/bg.png") no-repeat;
    background-size: 100% 100%;
}
#main3 .introduction .introduction_box{
    height:100%;
}
.introduction .introduction_box .introduction_rt{
    width:calc(100% - 577px);
    height:100%;
}
.introduction .introduction_box .introduction_rt .text{
    font-size:16px;
    color:rgba(102,102,102,0.79);
    line-height:31px;
    margin-top: 40px;
    padding: 0 57px 0 0;
}
.introduction .introduction_box .introduction_rt .btn{
    width:126px;
    height:37px;
    display: block;
    background: url("../images/page2/main1/btn.png") -23px -29px no-repeat;
    box-shadow:7px 1px 33px 2px rgba(255,180,20,0.18);
    margin-top: 50px;
}
/*产品特点样式*/
.characteristic{
    height:697px;
    background:rgb(247,247,247);
}
.characteristic .characteristic_box{
    height:421px;
    display: flex;
    justify-content: space-between;
    margin-top: 58px;
}
#main2 .characteristic .characteristic_box{
    justify-content: center;
}
#main2 .characteristic .characteristic_box .ch_box{
    margin: 0 23px;
}
#main4 .characteristic .characteristic_box{
    justify-content: center;
}
#main4 .characteristic .characteristic_box .ch_box{
    margin: 0 23px;
}
.characteristic .characteristic_box .ch_box{
    width:265px;
    height:421px;
    border-radius:30px;
    overflow: hidden;
}
.characteristic .characteristic_box .ch_box .ch_box_bg{
    width:265px;
    height:421px;
    padding-top: 70px;
    text-align: center;
    background:rgb(255,255,255);
    box-shadow:11px 2px 46px 3px rgba(0,144,255,0.06);
}
.characteristic .characteristic_box .ch_box .img{
    width:65px;
    height:76px;
    margin: 0px auto 49px;
}
.characteristic .characteristic_box .ch_box .img1{
    background: url("../images/page2/main2/1.png") no-repeat;
    background-size: 100% 100%;
}
.characteristic .characteristic_box .ch_box .img2{
    background: url("../images/page2/main2/2.png") no-repeat;
    background-size: 100% 100%;
}
.characteristic .characteristic_box .ch_box .img3{
    background: url("../images/page2/main2/3.png") no-repeat;
    background-size: 100% 100%;
}
.characteristic .characteristic_box .ch_box .img4{
    background: url("../images/page2/main2/4.png") no-repeat;
    background-size: 100% 100%;
}
.characteristic .characteristic_box .ch_box .text{
    font-size:16px;
    color:rgba(73,73,73,0.68);
    line-height:28px;
    padding: 0 30px 0 25px;
    height:115px;
}
.characteristic .characteristic_box .ch_box .border{
    width:54px;
    height:3px;
    background-color: #61B3FF;
    margin: 40px auto 0;
}
.characteristic .characteristic_box .ch_box:hover .ch_box_bg{
    background:linear-gradient(4deg,rgba(47,128,237,1),rgba(86,204,242,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr =#56CCF2 , endColorstr =#2F80ED );
}
.characteristic .characteristic_box .ch_box:hover .img1{
    background: url("../images/page2/main2/01.png") no-repeat;
}
.characteristic .characteristic_box .ch_box:hover .img2{
    background: url("../images/page2/main2/02.png") no-repeat;
}
.characteristic .characteristic_box .ch_box:hover .img3{
    background: url("../images/page2/main2/03.png") no-repeat;
}
.characteristic .characteristic_box .ch_box:hover .img4{
    background: url("../images/page2/main2/04.png") no-repeat;
}
.characteristic .characteristic_box .ch_box:hover .text{
    color:rgb(255,255,255);
}
.characteristic .characteristic_box .ch_box:hover .border{
    background-color: #DCFFFF;
}
/*主要功能样式*/
#main1 .function,#main2 .function,#main4 .function{
    height:788px;
    background: url("../images/page2/main3/bg4.png") no-repeat;
    background-size: 100% 100%;
}
.container.function .container_box .title h4{
    color:rgb(255,255,255);
}
.container.function .container_box .title span{
    background-color: #569AFF;
}
.function .container_box{
    position: relative;
}
.function .function_down{
    height:calc(100% - 175px);
    display: flex;
    justify-content: flex-start;
    margin-top: 54px;
}
.function .pos_nav{
    width:194px;
    height:771px;
    background: url("../images/page2/main3/ul.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0%;
    left:0;
}
.function .function_ul{
    width:100%;
    margin-top: 177px;
}
.function .function_ul li{
    height:65px;
    margin-bottom: 25px;
    padding-top: 5px;
}
.function .function_ul li a{
    display: block;
    width:73px;
    height:18px;
    margin: 20px auto 0;
    font-size:18px;
    color:rgba(255,255,255,0.9);
    text-align: center;
}
.function .function_ul li.cur{
    background: url("../images/page2/main3/select.png") no-repeat;
    background-size: 100% 100%;
}
.function .function_ul li.cur a{
    color:transparent;
}
#main2 .function .function_ul li.cur a.a1{
    background: url("../images/page2/main3/title/ybls.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .function .function_ul li.cur a.a2{
    background: url("../images/page2/main3/title/yjfh.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .function .function_ul li.cur a.a3{
    background: url("../images/page2/main3/title/sqda.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .function .function_ul li.cur a.a4{
    background: url("../images/page2/main3/title/gjkh.png") no-repeat;
    background-size: 100% 100%;
}
#main1 .function .function_ul li.cur a.a1{
    background: url("../images/page2/main3/title/qxbk.png") no-repeat;
    background-size: 100% 100%;
}
#main1 .function .function_ul li.cur a.a2{
    background: url("../images/page2/main3/title/yjfh.png") no-repeat;
    background-size: 100% 100%;
}
#main1 .function .function_ul li.cur a.a3{
    background: url("../images/page2/main3/title/bpzh.png") no-repeat;
    background-size: 100% 100%;
}
#main1 .function .function_ul li.cur a.a4{
    background: url("../images/page2/main3/title/app.png") no-repeat;
    background-size: 100% 100%;
}
#main4 .function .function_ul li.cur a.a1{
    background: url("../images/page2/main3/title/znfk.png") no-repeat;
    background-size: 100% 100%;
}
#main4 .function .function_ul li.cur a.a2{
    background: url("../images/page2/main3/title/qxyp.png") no-repeat;
    background-size: 100% 100%;
}
#main4 .function .function_ul li.cur a.a3{
    background: url("../images/page2/main3/title/spdz.png") no-repeat;
    background-size: 100% 100%;
}
#main4 .function .function_ul li.cur a.a4{
    background: url("../images/page2/main3/title/ydhc.png") no-repeat;
    background-size: 100% 100%;
}
.function .function_ul li:last-child{
    margin-bottom: 0px;
}
.function .function_box{
    width: 820px;
    margin-left: auto;
    margin-right: 100px;
}
.function .function_box .function_con .img{
    width:670px;
    height:410px;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
#main1 .function .function_box .function_con .img1{
    background: url("../images/page2/main3/qxbk.png") no-repeat;
}
#main1 .function .function_box .function_con .img2{
    background: url("../images/page2/main3/yjfh2.png") no-repeat;
}
#main1 .function .function_box .function_con .img3{
    background: url("../images/page2/main3/bpzh.png") no-repeat;
    background-size: 100% 100%;
}
#main1 .function .function_box .function_con .img4{
    height:335px;
    background: url("../images/page2/main3/app.png") no-repeat;
}
#main2 .function .function_box .function_con .img1{
    background: url("../images/page2/main3/ybls.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .function .function_box .function_con .img2{
    background: url("../images/page2/main3/yjfh.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .function .sqda .shequ-box{
    position: relative;
}
#main2 .function .sqda .swiper-button-next{
    position: absolute;
    top:38%;
    cursor: pointer;
    right:0px;
    width:17px;
    height:29px;
    background: url("../images/page2/main3/arr-rt.png") no-repeat;
    background-size: 100% 100%;
    color:transparent;
}
#main2 .function .sqda .swiper-button-prev{
    position: absolute;
    top:38%;
    cursor: pointer;
    left:0px;
    width:17px;
    height:29px;
    background: url("../images/page2/main3/arr-lt.png") no-repeat;
    background-size: 100% 100%;
    color:transparent;
}
#main2 .function .sqda .shequ{
    width:630px;
    height:359px;
    margin-left: 20px;
}
#main2 .function .sqda .shequ1{
    background: url("../images/page2/main3/sqda1.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .function .sqda .shequ2{
    background: url("../images/page2/main3/sqda2.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .function .sqda .shequ3{
    background: url("../images/page2/main3/sqda3.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .function .function_box .function_con .img4{
    background: url("../images/page2/main3/gjkh.png") no-repeat;
    background-size: 100% 100%;
}
#main4 .function .function_box .function_con .img1{
    background: url("../images/page2/main3/znfk.png") no-repeat;
    background-size: 100% 100%;
}
#main4 .function .function_box .function_con .img2{
    background: url("../images/page2/main3/qxyp.png") no-repeat;
    background-size: 100% 100%;
}
#main4 .function .function_box .function_con .img3{
    background: url("../images/page2/main3/spdz.png") no-repeat;
    background-size: 100% 100%;
}
#main4 .function .function_box .function_con .img4{
    width:900px;
    background: url("../images/page2/main3/ydhc.png") -120px 0px no-repeat;
}
.function .function_box .function_con .label{
    font-size:18px;
    font-weight:bold;
    font-family:BigYoungBoldGB;
    color:#56CCF2;
    margin: 50px 0 23px;
    padding-left: 23px;
}
.function .function_box .function_con .text{
    font-size:14px;
    color:rgb(255,255,255);
    line-height:31px;
    padding-left: 23px;
}
#main2 .function .function_box .function_con .text{
    line-height:21px;
    color:rgb(255,255,255);
}
#main2 .function .function_box .function_con .ybls{
    position: absolute;
    top:0%;
    right:2%;
}
#main2 .function .function_box .function_con .ybls .ybls_box{
   display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 25px;
}
#main2 .function .function_box .function_con .ybls .ybls_box img{
    margin-right: 15px;
}
#main2 .function .function_box .function_con .ybls .ybls_box .label2{
    font-size:12px;
    color:#AEE5FF;
    line-height: 30px;
    text-align: center;
}
#main2 .function .function_box .function_con .guiji{
    display: flex;
    justify-content: space-between;
    position: relative;
    left:0%;
    width: 980px;
    padding-left: 23px;
}
#main2 .function .function_box .function_con .guiji .guiji_box{
    display: flex;
    justify-content: flex-start;
}
#main2 .function .function_box .function_con .guiji .guiji_box img{
    width: 31px;
    height:29px;
    margin-right: 20px;
}
#main2 .function .function_box .function_con .guiji .guiji_box{
    width: 300px;
}
#main2 .function .function_box .function_con .guiji .guiji_box .label{
    font-size: 14px;
    color: #56CBF2;
    font-weight:bold;
    margin: 26px 0 3px;
    padding: 0;
}
#main2 .function .function_box .function_con .guiji .guiji_box .con{
    width:250px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    line-height:20px;
}
/*数据管理样式*/
.manage{
    height:770px;
    background-color: #fff;
}
.manage .container_box{
    height:770px;
    background: url("../images/page2/main5/bg.png") no-repeat;
}
.manage .manage_box{
    margin-top: 65px;
    height:523px;
    background: url("../images/page2/main5/data.png") no-repeat;
    background-size: 100% 100%;
}
/*政府网格化服务样式*/
#main2 .service{
    height:764px;
    background-color: #fff;
}
#main2 .service .service_box{
    width:931px;
    height:298px;
    margin: 96px auto 0;
    background: url("../images/page2/main5/service.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .service .text{
    width:679px;
    font-size:16px;
    font-family:FZLanTingHei-R-GBK;
    color:rgb(84,85,85);
    line-height:14px;
    margin: 70px auto 0;
}
/*应用场景样式*/
.scenario{
    height:722px;
    background-color: #fff;
}
.scenario .scenario_box{
    height:433px;
    padding: 3em 0em;
}
.scenario .scenario_box .swiper-slide{
    width:368px;
}
.scenario .scenario_box .sc_box{
    width:297px;
    height:393px;
    background:rgb(255,255,255);
    box-shadow:1px 2px 30px 2px rgba(5,158,255,0.08);
    border-radius:5px;
    padding: 20px 18px;
}
.scenario .scenario_box .sc_box .img{
    width:297px;
    height:300px;
}
.scenario .scenario_box .sc_box .img img{
    width:100%;
    height:100%;
}
.scenario .scenario_box .sc_box .sc_box_down{
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
}
.scenario .sc_box .sc_box_down .icon{
    width:44px;
    height:45px;
}
.scenario .sc_box .sc_box_down .icon1{
    background: url("../images/page2/main3/icon-1.png") no-repeat;
}
.scenario .sc_box .sc_box_down .icon2{
    background: url("../images/page2/main3/icon-2.png") no-repeat;
}
.scenario .sc_box .sc_box_down .icon3{
    background: url("../images/page2/main3/icon-3.png") no-repeat;
}
.scenario .sc_box .sc_box_down .icon4{
    background: url("../images/page2/main3/icon-4.png") no-repeat;
}
.scenario .sc_box .sc_box_down .icon5{
    background: url("../images/page2/main3/icon-5.png") no-repeat;
}
.scenario .sc_box .sc_box_down .sc_box_down_rt .label1{
    font-size:20px;
    font-weight:bold;
    color:#FD8B23;
    /*background:linear-gradient(-3deg,rgba(253,139,35,1) 0.634765625%, rgba(255,191,87,1) 100%);*/
    /*-webkit-background-clip:text;*/
    /*-webkit-text-fill-color:transparent;*/
    text-align: right;
}
.scenario .sc_box .sc_box_down .sc_box_down_rt .label2{
    font-size:14px;
    color:rgba(251,155,48,0.65);
}
/*场所管控-主要功能样式*/
#main3 .function2{
    height:715px;
    background:rgb(247,247,247);
}
.function2 .function_down{
    margin-top: 54px;
    height:calc(100% - 180px);
}
.function2 .function_down ul{
    text-align: center;
}
.function2 .function_down ul li{
    display: inline-block;
    font-size:24px;
    font-family:BigYoungBoldGB;
    color:rgb(195,195,195);
    line-height:25px;
    margin: 0 54px;
    cursor: pointer;
}
.function2 .function_down ul li.cur{
    font-size:30px;
    color:rgb(0,151,222);
}
.function2 .function_down .line {
    width: 899px;
    height: 2px;
    background: -webkit-linear-gradient(left, #F7F7F7 -4%, #0097DE 50%, #F7F7F7 100%);
    margin: 15px auto;
}
.function2 .fun_box{
    height:calc(100% - 60px);
}
.function2 .fun_box .fun_con{
    display: none;
    height: 100%;
}
.function2 .fun_box .fun_con .fun_con_up{
    display: flex;
    justify-content: space-between;
}
.function2 .fun_box .fun_con1 .fun_con_up{
    margin: 80px 0;
    height:150px;
}
.function2 .fun_con1 .fun_con_up .fun_up_box{
    width:128px;
}
.function2 .fun_con1 .fun_con_up .fun_up_box .img{
    width:90px;
    height:90px;
    margin: 0 auto;
}
.function2 .fun_con1 .fun_con_up .fun_up_box .label{
    font-size:16px;
    color:rgb(153,153,153);
    line-height:40px;
    text-align: center;
}
.function2 .fun_con1 .fun_con_up .fun_up_box:hover .label{
    width:130px;
    height:48px;
    background: url("../images/page2/main5/kuang.png") -5px -8px no-repeat;
    color:rgb(255,255,255);
    line-height:56px;
}
.function2 .fun_con1 .fun_con_down{
    width:873px;
    font-size:16px;
    color:rgba(73,73,73,0.82);
    line-height:31px;
    margin: 0 auto;
    text-align: center;
}
.function2 .fun_box .fun_con2 .fun_con_up{
    flex-wrap: wrap;
    width:85%;
    margin: 0 auto;
}
.function2 .fun_box .fun_con2 .fun_con_up .fun_up_box{
    width:45%;
    display: flex;
    justify-content: flex-start;
    margin-top: 52px;
}
.function2 .fun_box .fun_con2 .fun_con_up .fun_up_box:nth-child(2n + 1){
    margin-right: 50px;
}
.function2 .fun_con2 .fun_con_up .fun_up_box .img{
    width:71px;
    height:71px;
    margin-right: 22px;
}
.function2 .fun_con2 .fun_con_up .fun_up_box .label_box{
    width:calc(100% - 100px);
}
.function2 .fun_con2 .fun_up_box .label_box .label1{
    font-size:18px;
    font-weight:bold;
    color:rgb(241,137,36);
    line-height:30px;
}
.function2 .fun_con2 .fun_up_box .label_box .label2{
    font-size:14px;
    color:rgb(153,153,153);
    line-height:20px;
}
.function2 .fun_box .fun_con2 .fun_con_down{
    width:903px;
    font-size:16px;
    color:rgba(73,73,73,0.82);
    line-height:31px;
    margin: 55px auto 0;
    text-align: center;
}
/*产品价值样式*/
.productValue{
    height: 775px;
    background:rgb(255,255,255);
}
.productValue .productValue_box{
    height: calc(100% - 125px);
    min-height: 650px;
    position: relative;
}
.productValue .productValue_box .p_bg{
    position: absolute;
    top:95px;
    left:50%;
    width:339px;
    height:330px;
    background: url("../images/page2/main5/productValue.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -156px;
    /*针对IE8的hack，目的是除掉之前background*/
    background: none\9;
    /*下一行为关键设置*/
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/page2/main5/productValue.png',sizingMethod='scale');*/
}
.productValue .productValue_box .p_box{
    width: 275px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
}
.productValue .productValue_box .box1{
    top:73px;
    left:12%;
}
.productValue .productValue_box .box2{
    top:45%;
    left:8%;
}
.productValue .productValue_box .box3{
    bottom:80px;
    left:40%;
}
.productValue .productValue_box .box4{
    top:45%;
    right:6%;
}
.productValue .productValue_box .box5{
    top:68px;
    right:10%;
}
.productValue .productValue_box .p_box .icon{
    width:64px;
    height:64px;
    border-radius: 50%;
}
.productValue .productValue_box .p_box .text{
    width:191px;
    font-size:12px;
    font-family:FZLanTingHei-R-GBK;
    color:rgba(73,73,73,0.68);
    line-height:20px;
}
.productValue .productValue_box .box1 .icon{
    background: url("../images/page2/main5/icon1.png") no-repeat;
    background-size: 100% 100%;
}
.productValue .productValue_box .box2 .icon{
    background: url("../images/page2/main5/icon2.png") no-repeat;
    background-size: 100% 100%;
}
.productValue .productValue_box .box3 .icon{
    background: url("../images/page2/main5/icon3.png") no-repeat;
    background-size: 100% 100%;
}
.productValue .productValue_box .box4 .icon{
    background: url("../images/page2/main5/icon4.png") no-repeat;
    background-size: 100% 100%;
}
.productValue .productValue_box .box5 .icon{
    background: url("../images/page2/main5/icon5.png") no-repeat;
    background-size: 100% 100%;
}
#menu{
    position: fixed;
    right:5%;
    bottom: 15%;
    width:72px;
    height:285px;
    background:rgb(255,255,255);
    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;
    cursor: pointer;
}
#menu-list li{
    font-size:16px;
    font-family:BigYoungBoldGB;
    color:rgba(163,163,163,0.79);
}
#menu-list li:hover{
    color:rgb(0,179,255);
}
#menu-list li.cur{
    color:rgb(0,179,255);
}
#menu-list li.lastLine{
    margin: 0 9px;
    padding: 8px 10px;
}
#menu #top{
    width:25px;
    height:26px;
    margin: 20px auto 0;
    background: url("../images/sidebar/backTop.png") no-repeat;
}
@media screen and (max-width: 1280px){
    .banner{
        height: 380px;
    }
    #menu{
        right:1%;
    }
}
@media screen and (min-width:1281px) and (max-width:1366px) {
    .banner{
        height: 400px;
    }
    #menu{
        right:0%;
    }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
    .banner{
        height: 420px;
    }
    #menu{
        right:1%;
    }
}
@media screen and (min-width:1441px) and (max-width:1600px) {
    .banner{
        height: 462px;
    }
    #menu{
        right:1%;
    }
}