@media screen and (min-width: 960px){
    .main{
        width: 100%;
        max-width: 1920px;
        overflow: hidden;
        margin: 0 auto;
    }
    .swap{
        width: 1500px;
        margin: 0 auto;
        overflow: hidden;
    }
    .top{
        background: #87b517;
        color: #ffffff;
    }
    .top .swap{
        line-height: 40px;
        height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
    }
    .top .right .language a{
        color: #ffffff;
    }
    .top .right .language .active{
        color: #000000;
    }
    .header{
        width: 100%;
        height: 120px;
        background: #fff;
        border-bottom: 5px solid #033885;
    }
    .footer{
        line-height: 130px;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        background: #87b517;
    }
    .logo{
        float: left;
        height: 120px;
        position: relative;
        width: 200px;
    }
    .logo img{
        height: 60px;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
    }
    .nav-box{
        float: right;
    }
    .nav{
        overflow: hidden;
    }
    .nav li{
        margin: 30px 15px;
    }
    .nav li a{
        font-size: 18px;
        color: #333333;
        line-height: 60px;
        padding: 0;
        background: none;
    }
    .nav li:hover a{
        background: none;
        color: #87b517;
        border-bottom: 3px solid #87b517;
    }
    .nav .active a{
        background: none;
        color: #87b517;
        border-bottom: 3px solid #87b517;
    }
    .banner{
        position: relative;
    }
    .video-box video{
        width: 100%;
        height: 600px;
    }
    .video-list{
        position: absolute;
        width: 340px;
        height: 600px;
        padding: 50px 0;
        top: 0;
        right: 200px;
        background: url("../image/video-list.png") no-repeat;
        background-size: 100%;
    }
    .video-list span{
        cursor: pointer;
        width: 100%;
        height: 100px;
        display: block;
        text-align: center;
        line-height: 100px;
        color: #fff;
        font-size: 24px;
        background: url("../image/video-icon.png") no-repeat 50px center;
    }
    .video-list .active{
        color: #fef56a;
    }

    /*content*/
    .content{

    }
    .c-logo{
        display: table;
        margin: 50px auto;
    }
    .content span{
        display: table;
        margin: 50px auto;
        font-size: 18px;
        color: #333333;
        border-bottom: 1px solid #333;
    }
    .content span img{
        margin-top: -5px;
        margin-right: 10px;
    }
    .c-list{
        overflow: hidden;
    }
    .c-item{
        width: 300px;
        float: left;
    }
    .c-item img{
        display: table;
        margin: 0 auto;
    }
    .c-item p{
        text-align: center;
        font-size: 24px;
        color: #333333;
        font-weight: 600;
        line-height: 60px;
    }

    /*should*/
    .should{
        width: 100%;
        height: 350px;
        background: url("../image/c-banner.png") no-repeat;
    }
    .should-left{
        float: left;
        width: 600px;
        height: 350px;
        margin-left: 500px;
    }
    .should-left a{
        display: block;
        width: 100%;
        line-height: 100px;
        font-size: 24px;
        color: #ffffff;
    }
    .should-left a:first-child{
        margin-top: 75px;
    }
    .should-left a img{
        margin-left: 10px;
    }
    .should-right{
        width: 300px;
        height: 350px;
        float: left;
        position: relative;
    }
    .should-right img{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    /*service*/
    .service{
        overflow: hidden;
    }
    .service h1{
        font-size: 48px;
        color: #333333;
        font-weight: 600;
        margin: 50px 0;
        text-align: center;
    }
    .service-list{
        width: 1500px;
        overflow: hidden;
        display: table;
        margin: 50px auto;
    }
    .service-item{
        width: 720px;
        float: left;
        margin: 15px;
    }
    .service-item img{
        width: 720px;
        height: 400px;
    }
    .service-item p{
        font-size: 24px;
        color: #333333;
        line-height: 60px;
    }

    /*about_us*/
    .common-banner{
        position: relative;
    }
    .common-banner img{
        width: 100%;
        height: 300px;
    }
    .common-banner h1{
        position: absolute;
        font-size: 60px;
        color: #333333;
        border-bottom: 4px solid #333333;
        left: 210px;
        top: 100px;
    }
    .service-process{

    }
    .service-process h1{
        font-size: 48px;
        color: #333333;
        text-align: center;
        line-height: 60px;
        margin: 50px 0;
    }
    .process{
        overflow: hidden;
        display: table;
        margin: 50px auto;
    }
    .process-box{
        float: left;
        width: 200px;
    }
    .process-box span{
        width: 60px;
        height: 60px;
        background: #1296db;
        color: #fff;
        text-align: center;
        line-height: 60px;
        border-radius: 50%;
        display: table;
        margin: 20px auto;
        font-size: 30px;
    }
    .process-box p{
        font-size: 18px;
        line-height: 36px;
        color: #333333;
        text-align: center;
    }
    .process-line{
        float: left;
        width: 80px;
        height: 1px;
        display: block;
        background: #808080;
        margin-top: 50px;
    }
    .process-line:last-child{
        display: none;
    }
    /*contact*/
    .contact{
        overflow: hidden;
        margin: 50px auto;
    }
    .map{
        float: left;
    }
    .map iframe{
        width: 750px;
        height: 500px;
    }
    .message{
        float: left;
        width: 700px;
        margin-left: 50px;
    }
    .message h1{
        font-size: 36px;
        color: #333333;
        line-height: 60px;
        border-bottom: 1px solid #d9d9d9;
    }
    .message p{
        font-size: 18px;
        line-height: 30px;
        margin: 10px 0;
    }
    .message p a{
        color: #333333;
    }
    .form{
        overflow: hidden;
    }
    .form-control{
        width: 32%;
        float: left;
        margin: 10px 1% 10px 0;
        height: 50px;
        line-height: 50px;
        outline: none;
        border: 1px solid #d9d9d9;
        font-size: 18px;
        color: #333333;
    }
    .form-textarea{
        width: 65%;
        height: 160px;
        line-height: 40px;
        outline: none;
        border: 1px solid #d9d9d9;
        float: left;
    }
    .form-submit{
        float: left;
        width: 100px;
        height: 40px;
        background: #1296db;
        color: #fff;
        font-size: 18px;
        border-radius: 5px;
        margin: 120px 0 0 10px;
    }

    /*product*/
    .product{
        margin: 50px auto;
    }
    .product-h1{
        display: table;
        font-size: 48px;
        line-height: 60px;
        border-bottom: 2px solid #333;
        color: #333333;
    }
    .product-list{
        margin: 50px auto;
        overflow: hidden;
    }
    .product-item{
        width: 48%;
        float: left;
        margin-right: 4%;
    }
    .product-item:nth-child(2n-2){
        margin-right: 0;
    }
    .product-item img{
        width: 100%;
        height: 400px;
        border-radius: 5px;
    }
    .product-item h1{
        background: url("../image/span-icon.png") no-repeat left center;
        font-size: 30px;
        line-height: 80px;
        text-indent: 30px;
        color: #333333;
    }
    .product-item p{
        font-size: 18px;
        color: #333333;
        line-height: 30px;
    }

    /*case*/
    .case{
        margin: 50px 0;
    }
    .case-nav{
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #d9d9d9;
        font-size: 48px;
    }
    .case-nav a{
        color: #666666;
        display: block;
        line-height: 100px;
        float: left;
        margin-right: 60px;
        text-indent: 80px;
    }
    .case-nav a:first-child{
        background: url("../image/tupian.png") no-repeat left center;
    }
    .case-nav a:nth-child(2){
        background: url("../image/ziyuan.png") no-repeat left center;
    }
    .case-nav .active:first-child{
        background: url("../image/tupian-active.png") no-repeat left center;
        color: #1296db;
        border-bottom: 2px solid #1296db;
    }
    .case-nav .active:nth-child(2){
        background: url("../image/ziyuan-active.png") no-repeat left center;
        color: #1296db;
        border-bottom: 2px solid #1296db;
    }
    .box{

    }
    .tab_menu{
        width: 100%;
        overflow: hidden;
    }
    .tab_menu li{
        float: left;
        font-size: 18px;
        color: #333333;
        padding: 0 20px;
        height: 40px;
        margin: 20px 50px 20px 0;
        line-height: 40px;
        cursor: pointer;
        text-align: center;
        border-radius: 5px;
    }
    .tab_menu .current{
        background: #1296db;
        color: #fff;
    }
    .tab_box{
        width: 100%;
        overflow: hidden;
    }
    .case-box{
        overflow: hidden;
    }
    .case-item{
        float: left;
        margin: 15px 15px 15px 0;
    }
    .case-item p{
        font-size: 18px;
        line-height: 2;
    }
    .case-item img{
        width: 285px;
        height: 285px;
    }
    .case-item iframe{
        width: 285px;
        height: 285px;
    }
    .footer-contact{
        position: fixed;
        bottom: 100px;
        right: 100px;
    }
    .fc{
        margin: 10px 0;
        cursor: pointer;
        position: relative;
    }
    .fc a:first-child{
        display: none;
        width: 160px;
        font-size: 24px;
        color: #ffffff;
        background: #87b517;
        line-height: 60px;
        text-align: center;
        position: absolute;
        left: -160px;
        border-radius: 5px;
    }
}