@charset "utf-8";

/* import */
@import url("reset.css");

/************************* content ***************************/
body{ background: #fff !important;}
#content{ width:100%; float:left;}
section{ width:100%; float:left;}
.part{ width:100%; max-width:1310px; margin:auto;}

header{ width:100%; position: absolute;}

/**************************** top *******************************/
#top{ width:100%; padding-top: 50px;}
.top{ float:left; width:100%;}
.logo{float: left; width: 15%;}
.logo img{ max-width: 100%; margin-top: 5px;}
.phonelogo{display: none;}
/**************************** nav *******************************/
.search{ float: right; width: 10%; margin-top: 40px;}
.nav{ float:left; width: 70%; position:relative; font-family:微软雅黑; padding-top: 30px;}
.nav-main{width:100%;height:100%;list-style-type:none; text-align: right;}
.nav-main>li{display: inline-block; height:100%;color:#fff;padding:15px 10px;cursor:pointer; }
.nav-main>li span{ font-size:0.75em; text-align: center; float: left; width: 100%; line-height:18px;}
.nav-main>li p{font-size:20px; text-align: center; float: left; width: 100%; line-height: 18px;}
.nav-main>li:hover{ color:#fff;}
.nav_active p{ color:#fff;}
.nav-main>li a{color:#fff;}
.nav-main>li a:hover{ color:#fff;}

.hidden-box{width:11.11%;border-top:0;position:absolute;display:none; box-shadow:0 0 7px rgba(0, 0, 0, 0.7); background:rgba(255, 255, 255,0.7) none repeat 0 0 scroll !important; filter:Alpha(opaity=70);  background:#17191d;top:69px; line-height:36px; text-align:left; padding:0px 10px; z-index:99999;}
.hidden-box>ul{list-style-type:none;color:#666;cursor:pointer;}
.hidden-box li{ font-size:0.75em; border-bottom:solid 1px #cecece;}
.hidden-box span{ float:right; font-family:"宋体";}
.hidden-box li:hover{color:#da1212}
.hidden-box a{ color:#666;}
.nav_box_a{ margin-left:11.11%;}
.nav_box_b{ margin-left:22.22%;}

.top_login{ float:right;}
.top_login a{ float:right; margin-left:5px; line-height:58px; color:#ccc; font-size:0.75em; }
.top_login a:hover{ color:#da1212;}

.phoneheadheight{
height:150px;
}

/**************************** phone nav *******************************/
.dl-menuwrapper{ display:none;}

/**************************** bottom *******************************/
.bottomad{
    width: 100%;
    float: left;
}
.bottomad img{
    width: 100%;
}
#footer {
    float: left;
    width: 100%;
    margin-top: -10px;
}
.footer-show-bottom a{ color: #000;}
#footer .footer-body {
    width: 100%;
    max-width: 1388px;
    margin: 0 auto;
    font-size: 12px
}

#footer .footer-show-top {
    margin-bottom: 10px;
    font-size: 0
}

.footer-show-top>div {
    display: inline-block;
    width: 20%;
    text-align: center;
    font-size: 12px;
    vertical-align: top
}

.footer-show-top>div>div {
    display: inline-block;
    text-align: left
}

#footer .footer-show-top h5 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px
}

#footer .footer-show-top p {
    margin-bottom: 5px
}

#footer .footer-show-top img:first-child {
    margin: 20px 0 10px
}

#footer .footer-show-top a {
    color: #333!important
}

#footer .visitNumber {
    font-size: 16px;
    font-weight: bold;
    color: #ea0012
}

#footer .footer-show-middle {
    height: 38px;
    text-align: center
}

#footer .footer-show-middle .closelyLink {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 5px 0px
}

#footer .footer-show-middle .closelyLink:after {
    content: "";
    display: block;
    clear: both
}

#footer .footer-show-middle .closelyLink li {
    float: left;
    text-align: center
}

#footer .footer-show-middle .closelyLink li:last-child a {
    border-right: 0;
    padding-right: 0
}

#footer .footer-show-middle .closelyLink li a {
    color: #333;
    padding: 0 9px;
    border-right: 1px solid #d2d2d2
}

.footer-show-bottom {
    padding: 10px 0 20px
}

#footer .footer-show-bottom p {
    text-align: center;
    margin: 0;
    color: #333;
    line-height: 20px
}

    /*-------------------------------------------------------------------
****************************** index *******************************
---------------------------------------------------------------------*/
/*banner*/
.banner {
    float: left;
    width: 100%;
}
.banner img{ float: left; width: 100%;}
.index_customer .index_title p{ color: #fff;}
.index_customer .index_title span{ color: #eee;}
.index_cusbg .index_customer .index_title{ background: url(../Images/icon_titlewhite.png) no-repeat center;}
.index_title{ background: url(../Images/title_icon.png) no-repeat center; width: 100%; height: 71px; text-align: center; margin-top: 80px; margin-bottom: 80px;} 
.index_title p{ line-height: 52px; font-size: 30px; color: #333;}
.index_title span{ line-height: 80px; color: #959595;}
.index_service{ width: 100%;}
.index_service ul li{ float: left; width: 16.6%; text-align: center;}
.index_service ul li .img{ max-width: 100%;}
.index_service li .text{ line-height: 60px; color: #333;}
.index_judgebg{ background: url(../Images/bg_judgement.jpg); height: 1000px; margin-top: 80px;}
.index_rights{ margin-top: 80px; width: 100%;}
.index_rights ul li{ width: 25%; float: left; position: relative;}
.index_rights ul li .imghover{ display: none; position: absolute; width: 100%;}
.index_rights ul li .imghover img{ width: 100%;}
.index_rights ul li .img{ float: left; width: 100%; padding:8px}
.index_rights ul li .img img{ width: 100%;}
.index_rights ul li .text{ position: absolute; top:180px; width: 100%; text-align: center; color: #999;}
.index_rights .text p{ font-size: 33px; line-height: 60px;}
.index_rights .text span{ font-size: 20px;}
.index_rights ul li:hover .imghover{ display: block;}
.index_rights ul li:hover .text{ color: #fff;}
.index_cusbg{ background: url(../Images/bg_customer.jpg); height: 940px; margin-top: 80px;}
.index_customer{ margin-top: 120px; width: 100%;}
.index_customer ul{margin-top: 20px;}
.index_customer li{ float: left; width: 20%; text-align: center; margin-top: 40px;padding-bottom: 20%; overflow: hidden; height: 0;}
.index_customer li img{ width: 80%; border-radius: 50%;}
.index_judgement{ width: 100%; margin: auto;}



@media only screen and (min-width: 901px) and (max-width: 1280px) {
    .part{ padding:0 1%;}


}
@media only screen and (min-width: 901px) and (max-width: 1000px) {

    }
@media only screen and (min-width: 601px) and (max-width: 900px) {
.part{ padding:0 1%;}
#nav{ display:none;}
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
}    
@media only screen and (max-width: 600px) {
    body{ background: #ebebeb;}
    #top{ display: none;}
    .part{ padding:0 1%;}
    #nav{ display:none;}
    .dl-menuwrapper{
        display: block;
    }
    .phonelogo{
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
        height: 40px;
    }
    .phonelogo img{
        height: 100%;
    }

    #footer .footer-show-top{
        display: none;
    }
    #footer .footer-show-middle{
        display: none;
    }
    #full-screen-slider{
        margin-top: 46px;
    }
    .li-search .search{
        display: none;
    }
    #footer{
        margin-bottom: 50px;
    }
    .index_service ul li{
        width: 33%;
padding: 0 4%;
    }
    .index_rights ul li{
        width: 50%;
    }
    .index_rights ul li .text{
        top: 100px;
    }
    .index_rights .text p{
        font-size: 22px;
    }
    .index_rights .text span{
        font-size: 16px;
    }
    .index_customer li{
        width: 33%;
padding-bottom: 33%;
    }
    .index_customer li:nth-child(n+10){
        display: none;
    }
.index_title{
    margin-top: 40px;
    margin-bottom: 40px;
}
.index_service li .text{
line-height: 40px;
}
.index_judgebg{
    margin-top: 40px;
height:auto;
}
.index_rights{
margin-top: 40px;
}
.index_cusbg{
margin-top:40px;
height: 580px;
}
.index_customer{
margin-top: 50px;
}
.index_customer li{
margin-top:0;
}
}