.header{
    width: 100%;
    height: 788px;
    background: url("../images/bg.png");
    position: absolute;
    z-index: -1;
}
.header .logo{
    background: url("../images/logo.png");
    width: 360px;
    height: 82px;
    margin: 15px 0 0 60px;
}
.content{
    padding-top: 100px;
    width:100%;
    height: auto;
}
.content .titile{
    text-align: center;
    font-size: 60px;
    font-weight: bolder;
}
.content .detail{
    text-align: center;
    font-size: 20px;
    width: 1300px;
    margin: 20px auto;
    color: #805A4D;
}
.content .min_video{
    background: url("../images/computy.png") 100%;
    width: 1300px;
    height: 710px;
    margin:  0 auto;
    overflow: hidden;
}
.banner{
    width: 100%;
    height: auto;
    clear: both;
    overflow: hidden;
}
.banner .banner_l{
    width: calc(100% - 768px);
    float: left;
    position: unset;
}
.banner .banner_l .banner_connent{margin-left: 280px; margin-top:300px; position: relative}
.banner .banner_l .banner_connent ul{list-style: none; width: 10px; display: block; height: 300px; float: left;  position: absolute; left: -80px; top: 30px;}
.banner .banner_l .banner_connent li{width: 10px; height: 10px; background: #ccc; border-radius: 5px; margin-bottom: 15px; text-indent:-999px;}
.banner .banner_l .banner_connent .title{font-size: 60px; font-weight: bolder; margin-bottom: 20px}
.banner .banner_l .banner_connent p{font-size: 22px; color: #999999; line-height: 35px}
.banner .banner_l .banner_connent .onload{background: url("../images/onload.png"); width: 218px; height: 68px; margin-top: 20px;}
.banner .banner_l p{width: 568px;}
.banner .banner_r{
    background: url("../images/right_bg.png") 100%;
    width: 768px;
    height: 1388px;
    float: right;
    position: relative;
}
.banner .banner_r img{position: absolute; width: 922px; height: 500px; left: -200px; top: 50%; margin-top: -250px;}
.banner .banner_r:nth-child(2){background: url("../images/10.png") 100%;}
.banner .banner_r:nth-child(3){background: url("../images/20.png") 100%;}
.banner .banner_r:nth-child(4){background: url("../images/30.png") 100%;}
.banner .banner_r:nth-child(5){background: url("../images/40.png") 100%;}
.banner .banner_r:nth-child(6){background: url("../images/50.png") 100%;}
.banner .banner_r:nth-child(7){background: url("../images/60.png") 100%;}

.about{width: 1300px; height: auto; margin: 0 auto; padding-top: 120px;}
.about .title{font-size: 48px; font-weight: bolder; text-align: center;}
.about p{font-size: 16px;  text-align: center;  margin: 30px 0 60px;}
.about .item{width: 50%; float:left; position: relative;  text-align: left; margin-bottom: 60px;}
.about .item .item_icon{position: absolute;}
.about .item .title{ padding-left: 80px; text-align: left; font-size: 24px;}
.about .item .item_font{padding-left: 80px; font-size: 16px; margin-top:20px; padding-right: 50px;}

.news{background: #2E2E2E; min-height: 200px; overflow: hidden; position: relative;}
.news .news_bg{background: url("../images/news.png"); width: 768px; height: 540px; float: left}
.news .news_con{ float: left; width: calc(100% - 856px); margin-left: 88px;}
.news .news_con .title{font-size: 28px; color: #fff; font-weight: bolder; margin-top: 70px;}
.news .news_con p{font-size: 16px; color: #fff; margin-top:20px; padding-right: 88px; line-height: 25px;}
.news .card_item{width: calc(100% - 650px); height: 238px; position: absolute; right: 0px; top:200px; z-index: 999; color: #fff; overflow: hidden}
.news .card_item .item{width: 500px; height: 238px; background: #fff; overflow: hidden; float: left; margin-right: 80px; border-radius: 8px;}
.news .card_item .item .item_icon{margin-bottom: 10px;}
.news .card_item .item .title{font-size: 18px; font-weight: bold; color: #333333; margin-bottom: 5px;}
.news .card_item .item .detial{font-size: 16px; color: #666666; }
.news .card_item .item_1{position: absolute; left: 0px;}
.news .card_item .item_2{position: absolute; left: 580px;}
.news .card_item .item_3{position: absolute; left: 1160px;}
.news .card_item .item_4{position: absolute; left: 1740px;}
.news .card_item .item_5{position: absolute; left: 2320px;}
.news .card_item .item_6{position: absolute; left: 2900px;}
.news .button{ position: absolute; top:460px; left:850px; }
.news .button .button_left{width: 40px; height: 40px; background: url("../images/button_left_on.png"); float: left; margin-right: 20px;}
.news .button .button_right{width: 40px; height: 40px; background: url("../images/button_right.png"); float: left;}

.footer{background: #252525;overflow: hidden; padding: 90px 0px;}
.footer .footer_con{width: 1300px; margin: 0 auto; overflow: hidden}
.footer .footer_con .item{width: 25%; float:left; color: #fff; position: relative; line-height: 17px;}
.footer .footer_con .item .item_icon{ position: absolute;}
.footer .footer_con .item .title{ padding-left: 54px; font-size: 14px;}
.footer .footer_con .item .font{ padding-left: 54px;font-size: 16px;}
.footer .copyright{
    color: #fff;
    clear: both;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
    border-top: 1px solid #fff;
    padding-top: 50px;
    width: 900px;
    margin: 50px auto 0px;
}