.top_bg{
    width: 100%;
    height: 920px;
    background: url("../../images/djs/top_bg.jpg") no-repeat center top; background-size: cover;
}

.header {
    height: 76px;width: 100%;
    position: relative;
}
.header .head_box {
    width:100%;max-width:1200px;
    margin: 0 auto;
    position: relative; z-index: 5000;
}
.header .logo {
    padding-top: 25px;
}
.header .logo img {
    border: 0;
}
.header .nav {
    float: right;
    width: 600px;
}
.header .navitem.ac .main_a {
    border-bottom: 4px solid #fe6900;
}
.header .navitem:hover .main_a {
    border-bottom: 4px solid #fe6900;
}
.header .navitem {
    float: left;
    margin: 0 15px;
    height: 35px;
    line-height: 35px;
    padding-top: 20px;
}
.header .navitem .main_a {
    display: inline-block;
    line-height: 35px;
    color: #fff;
}
.top_bg .orange_tit{
    height: auto; background-color: #fd6900;margin-top: 135px;
}
.top_bg .orange_tit li{width: 355px;float: left; color: #fff;margin-right: 60px;margin-top: 20px;}
.top_bg .orange_tit li:nth-child(3){margin-right: 0;}
.top_bg .orange_tit li>a{color: #fff; display: block}
.top_bg .orange_tit li h2{ height: 60px;line-height: 60px; font-size: 30px;font-weight: normal; background: url("../../images/djs/line.png") no-repeat left bottom}
.top_bg .orange_tit li h2>.number{font-size: 40px;display: inline-block;padding: 0 9px; font-weight: bold;margin-right: 10px;}
.top_bg .orange_tit li p{ font-size: 12px; color: #fff;line-height: 20px;padding-top: 20px;padding-left: 50px;}
.titt{ width:100%;max-width:1200px; margin: 45px auto 30px;  padding: 30px 0;border-bottom: 1px solid #9e9e9e;position: relative;clear:both;}
.titt .cn{font-size: 30px; color: #fff; line-height: 40px; }
.titt .en{font-size: 45px; color: #fff; line-height: 40px; text-transform: uppercase}
.titt a{ position: absolute;right: 0;top:60px; color: #fff}
.titt a:hover{ color:#fe6900 }
/*---------中间内容--------*/
.tuwen{  width: 550px; text-align: left;margin-top: 100px; color: #fff}
.tuwen .btn{ background-color: #fe6900; font-size: 14px; display: inline-block; width: 160px; height: 40px; margin-top: 30px;margin-right: 38px; line-height: 40px;
    text-align: center ;color: #fff}
.tuwen h1{ line-height: 60px; font-size:52px; font-weight: bold; margin-bottom: 20px;}
.box_wenan{width:100%;max-width:1200px;position: relative; margin: 0 auto;}
.tuwen .para{ line-height: 30px; font-size: 12px; color: #fff;margin-top: 40px;}


.main .bigUl{}
.main .bigUl .bigLi .icon{width: 352px; height: 235px;overflow: hidden}
.main .bigUl .bigLi{ height: 235px;margin-top: 35px; }
.main .bigUl .bigLi .con_txt{ width: 590px;padding-top: 25px;padding-left: 35px; }
.main .bigUl .bigLi .con_txt .title{ display: block; height: 80px;font-size: 24px; color: #fff; line-height: 40px;-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; margin-bottom: 20px;}
.main .bigUl .bigLi .con_txt .title:hover{ color: #fe6900;}
.main .bigUl .bigLi .con_txt .summary{ height: 49px;font-size: 12px; color: #b5b5b5; line-height: 22px;-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; margin-bottom: 15px; }
.main .bigUl .bigLi .con_txt .time{ font-size: 12px; color: #b5b5b5; line-height: 22px; }
.main .bigUl .bigLi .btn{  width: 120px; height: 35px; margin-top: 50px;margin-right: 38px; line-height: 35px; text-align: center ;border: 1px solid #72767a; color: #72767a}



.main .bigUl  li .bigLi.ac{ background-color:#392f7c; border-bottom: 1px solid #392f7c;  border-top: 1px solid #392f7c;}
.main .bigUl  li:nth-child(1) .bigLi.ac .icon{ display :block;width: 64px; height: 64px; background: url("../../images/djs/web_icon1_ac.png") no-repeat center top;margin-top: 30px; margin-right:20px;margin-left: 30px; }
.main .bigUl  li:nth-child(2) .bigLi.ac .icon{ display :block;width: 64px; height: 64px; background: url("../../images/djs/web_icon2_ac.jpg") no-repeat center top;margin-top: 30px; margin-right:20px;margin-left: 30px; }
.main .bigUl  li:nth-child(3) .bigLi.ac .icon{ display :block;width: 64px; height: 64px; background: url("../../images/djs/web_icon3_ac.png") no-repeat center top;margin-top: 30px; margin-right:20px;margin-left: 30px; }
.main .bigUl  li:nth-child(4) .bigLi.ac .icon{ display :block;width: 64px; height: 64px; background: url("../../images/djs/web_icon4_ac.png") no-repeat center top;margin-top: 30px; margin-right:20px;margin-left: 30px; }
.main .bigUl .bigLi.ac .con_txt .title{  color: #fff; }
.main .bigUl .bigLi.ac .con_txt .summary{ color: #fff;  }
.main .bigUl .bigLi.ac .btn{ border: 1px solid #fff; color: #fff}
.newList .addMore{ background-color: #fe6900; font-size: 14px; display: block; width: 160px; height: 40px;margin:  30px auto; line-height: 40px;
    text-align: center ;color: #fff; }
.newList{ padding-top: 30px;}
.newList .tit{ font-size: 38px; line-height: 80px; color: #666; text-align: center;font-weight: lighter;padding-top: 20px;}
.company .txt{ font-size: 14px;line-height: 34px;color: #999; text-align: center;font-weight: lighter; text-transform: uppercase;padding-bottom: 20px;}
.company .freeList{ margin-top: 30px;}
.company .freeList li{ width: 370px; height: 250px; float: left; margin-right: 45px; margin-bottom: 20px; margin-top:20px;color: #fff}
.company .freeList li:nth-child(3n+0){ margin-right: 0}
.company .freeList li h4{height: 64px; overflow: hidden; }
.company .freeList li h4 .stit {float: left; height: 70px;line-height: 70px;font-size: 24px;}
.company .freeList li h4 .num{ float: left;font-size: 60px;}
.company .freeList li p{ font-size: 14px;color: #b5b5b5;width: 250px; height:76px;-webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;margin:20px 20px 20px 80px;  }
.company .freeList li .lookDetail{ padding-left:80px;color:#fe6900 }



.more_service{ padding-bottom: 50px;}
.more_service .freeList{ margin-top: 30px;}
.more_service .freeList li{ width: 373px; height: 410px; background-color: #f5f5f6; float: left; margin-top:30px;margin-right: 35px;}
.more_service  .freeList li:nth-child(3n+0){ margin-right: 0}
.more_service .freeList li .pro_pic{width: 373px; height: 225px;display: block}
.more_service .freeList li .pro_pic img{display: block}
.more_service .freeList li a{ color: #fff; display: block; height:162px; position: relative}
.more_service .freeList li a .time{  font-size:12px; color: #fff; background-color: #fe6900;line-height: 32px; text-align: center}
.more_service .freeList li a .title{ height: 38px; font-size:14px; font-weight: bold; color: #080808;margin: 30px 22px 15px;-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; }
.more_service .freeList li a .title:hover{color:#fe6900 }
.more_service .freeList li a .deco{width: 54px; height: 4px; background-color: #fe6900;margin-left: 22px; }
.more_service .freeList li a .summary{ height: 32px; font-size: 12px;color: #8c8c8c;margin:15px 22px 0;-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;}

.footer{padding-bottom: 45px;}
.footer{text-align: center; font-size: 12px; color: #8c8c8c;line-height: 24px;}