#nav #myCollapse .navbar-nav li>div{background:#3859a5cf;}
#nav .navbar-nav li i{border-bottom-color:#3859a5cf;}

* { margin: 0; padding: 0;}
body {position: absolute;width:100%;height:100%;top:0;left:0;}
.section1{margin-top:72px;}
.footer{margin-top: 0;}

.section { position: relative; overflow: hidden;width:100%;height:70%;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}
.section .center{position:relative;width:1300px;height:100%;margin:0 auto;}
.center h2{display:inline-block;color:#373C46;font-size:3.8rem;line-height:60px;border-bottom: 3px solid #1861AE;padding-left:50px;margin-bottom: 40px;background:url(../Images/project_icon.png) no-repeat left center;letter-spacing: 2px;}
.center p{font-size: 2.6rem;color:#878E9E;margin-bottom:20px;letter-spacing: 1px;}
.section_xs{display:none;}

.bg11{width:520px;height:331px;background:url(../Images/project1_bg11.png) no-repeat;background-size:cover;display:inline-block;margin-bottom:30px;position: relative;right:-30px;}
.bg13{width:231px;height:393px;background:url(../Images/project1_bg13.png) no-repeat;background-size:cover;display:inline-block;}
.img1{position:absolute;bottom:15%;right:0;opacity:1;}
.bg12{position: absolute;width:300px;height:473px;background:url(../Images/project1_bg12.png) no-repeat;background-size:cover;right:150px;bottom:13%;z-index:5;opacity:1;}
.text1{width:550px;position: absolute;bottom:32%;left:0}


.bg21{width:562px;height:357px;background:url(../Images/project1_bg21.png) no-repeat;background-size:cover;display:inline-block;margin-bottom:30px;}
.bg23{width:255px;height:409px;background:url(../Images/project1_bg23.png) no-repeat;background-size:cover;display:inline-block;position: relative;left:-126px;}
.img2{position:absolute;bottom:15%;left:0;opacity:1;}
.bg22{position: absolute;width:239px;height:410px;background:url(../Images/project1_bg22.png) no-repeat;background-size:cover;left:230px;bottom:20%;z-index: 11;opacity:1;}
.text2{width:470px;position: absolute;bottom:30%;right:0;}

.bg31{width:558px;height:355px;background:url(../Images/project1_bg31.png) no-repeat;background-size:cover;position: absolute;bottom:25%;right:100px;opacity: 1;}
.bg32{position: absolute;width:293px;height:465px;background:url(../Images/project1_bg32.png) no-repeat;background-size:cover;right:0;bottom:15%;z-index: 11;opacity:1;}
.text3{width:600px;position: absolute;bottom:32%;left:0;}

.bg41{width:559px;height:354px;background:url(../Images/project1_bg41.png) no-repeat;background-size:cover;position: absolute;bottom:25%;left:0;opacity: 1;}
.bg42{position: absolute;width:293px;height:465px;background:url(../Images/project1_bg42.png) no-repeat;background-size:cover;left:282px;bottom:15%;z-index: 11;opacity:0;}
.text4{width:470px;position: absolute;bottom:30%;right:0;}

/*****右侧固定*******/
.right_fixed{position: fixed;width:150px;top:40%;right:0;z-index: 100;}
.right_fixed div{background:#1861AE;padding:20px 0 20px 10%;color:#fff;margin-bottom:10px;}
.right_fixed div.active{background:#cddbeb;color:#1861AE;}
.right_fixed a:last-child div{margin-bottom: 0;}
.right_fixed div img{margin-right:5px;position: relative;top:-7px;}
.right_fixed .fixed34 img{top:-2px;}
.right_fixed div p{display:inline-block;width:65%;font-size:1.2rem;}
.right_fixed .fixed34 p{line-height: 34px;}

@media screen and (min-width:1450px){
    .section>.center{
        position: relative;
        bottom:30px;
        transition: all 1.5s;
    }
    .active.section>.center{
        bottom:0;
    }
}


@media screen and (min-width:992px) and (max-width:1400px){
    .section .center{width:970px;}
    .center h2{font-size: 3.6rem;}
    .center p{font-size: 2.2rem;margin-bottom: 10px;}

    .bg11{width:370px;height:236px;right:-21px;}
    .bg13{width:165px;height:280px;}
    .bg12{width:214px;height:338px;right:108px;}
    .text1{width:393px;}

    .bg21{width:401px;height:255px;}
    .bg23{width:182px;height:292px;left:-90px;}
    .bg22{width:171px;height:293px;left:164px;}
    .text2{width:380px;}

    .bg31{width:398px;height:253px;}
    .bg32{width:209px;height:332px;}
    .text3{width:429px;}

    .bg41{width:399px;height:253px;}
    .bg42{width:209px;height:332px;left:201px;}
    .text4{width:380px;}

    /*右侧固定*/
    .right_fixed{width:130px;}
    .right_fixed div{padding:15px 0 15px 10%;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .section1{margin-top:60px;}
    .section .center{width:750px;}
    .center h2{font-size: 3rem;line-height: 40px;padding-left: 30px;margin-bottom: 20px;background-size:23px 30px;}
    .center p{font-size: 1.8rem;}

    .bg11{width:299px;height:190px;right:-17px;}
    .bg13{width:133px;height:226px;}
    .bg12{width:172px;height:272px;right:86px;}
    .text1{width:316px;}

    .bg21{width:323px;height:205px;}
    .bg23{width:147px;height:235px;left:-72px;}
    .img2{bottom:16%;}
    .bg22{width:137px;height:236px;left:132px;}
    .text2{width:288px;}

    .bg31{width:321px;height:204px;}
    .bg32{width:168px;height:267px;}
    .text3{width:345px;}

    .bg41{width:321px;height:204px;}
    .bg42{width:168px;height:267px;left:162px;}
    .text4{width:288px;bottom:20%;}

    /*右侧固定*/
    .right_fixed{width:120px;}
    .right_fixed div{padding: 10px 0 8px 10px;}
    .right_fixed div img{width:2rem;}
    .right_fixed div p{width:68%;}
}

@media screen and (max-width: 767px){
    .right_fixed{display:none;}
    .section{display:none;}
    .section_xs{display:block;margin-top:50px;}
    .section_xs img{width:100%;}
    .footer_phone{margin-top:0;}

    #nav{border-bottom:1px solid #E6E6E6;}
}