@charset "utf-8";
/*CSS Document*/
*{font-size:14px;font-family:"微软雅黑";color:#555;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all 0.5s;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
body{background:#effafe;}
hr{
	width:100%;
	height:1px;
	margin-top:5px;
	background-color:#068dff;
	border:#068dff solid 1px;
}
a:hover{
	color:#068dff;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}

/*header*/
.headerbg{background:#1d1d1f;}
.header{max-width:1100px; margin:0 auto; overflow:hidden;}
.header .left{float:left;margin-top:2px;}
.header .left{float:left;line-height:40px;color:#eee;}
.header .right{float:right; line-height:40px;text-align:right;}
.header .right a{font-size:14px;color:#ccc;line-height:40px;transition:all 0.5s;}
.header .right a:hover{color:#fff;}


/*top*/
.top{
    max-width:1100px;
    margin: auto;
    margin-top:5px;
}
.top .logo{
    float:left;
    margin-top:20px;
}
.top .logo img{
    height:50px;
}
.top .adver{
    float:right;
}
.top .adver img{
    width:100%;
}


/*标题*/
.title{
    border:#068dff solid 2px;
    box-shadow:0 0 5px #555;
    margin-bottom:20px;
    padding:5px 20px;
    position:relative;
    letter-spacing:2px;
}
.title p{
    font-size:20px;
    line-height:40px;
}
.title a{
    float:right;
}
.title strong{
    color:#068dff;
    font-size:20px;
    font-weight:bold;
}

/*box*/
.box{
    max-width:1100px;
    margin: auto;
    margin-top:20px;
    overflow:hidden;
}

/*nav*/
.nav{
    width:9%;
    float:left;
    color:#068dff;
}
.nav li{
    cursor:pointer;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    padding:10px;
    border-bottom:#fff solid 1px;
    transition:all 0.5s;
}
.nav li:hover{
    background:#068dff;
    color:#fff;
}
.nav a{
    color:#03f7d3;
}
.nav .current{
    background:#068dff;
    color:#fff;
}
.fixed{
    position:fixed;
    top:0;
    width:99px;
}


/*showbox*/
.showbox{
    float:right;
    width:89%;
    margin-left:2%;
    display:none;
}
.showbox h1{
	font-size:20px;
	font-weight:bold;
	color:#068dff;
	float:left;
}


.banner p{
    color:#101b42;
    font-size:22px;
    line-height:50px;
    width:89%;
    margin: auto;
    letter-spacing:2px;
    margin-top:30px;
}
.banner span{
    color:#068dff;
    font-size:22px;
    font-weight:bold;
}
.banner a{
    float:right;
    margin-top:10px;
    margin-right:30px;
}


/*法律服务*/
.fw{
    position:relative;
    padding-top:30px;
}
.fw li{
    width:25%;
    float:left;
    position:relative;
    cursor:pointer;
    margin-bottom:30px;
}
.fw li img{
    width:50%;
    margin: auto;
}
.fw li span{
    text-align:center;
    display:block;
    font-size:16px;
    font-weight:bold;
    color:#111;
    line-height:50px;
}
.fw li a{
    width:120px;
    margin: auto;
    height:36px;
    line-height:36px;
    display:block;
    border:#ccc solid 1px;
    border-radius:4px;
    text-align:center;
    transition:all 0.5s;
}
.fw li a:hover{
    background:#068dff;
    border:#068dff solid 1px;
    color:#fff;
}


/*弹框*/
.tk{
    position:absolute;
    background:rgba(255, 255, 255, 0.95);
    width:99.8%;
    min-height:420px;
    top:0;
    left:0;
    z-index:999;
    padding:20px 0;
    box-shadow:0 0 3px #333;
}
.tk h1{
    font-size:20px;
    font-weight:bold;
    color:#068dff;
    text-align:center;
    float:none;
    line-height:40px;
}
.content li{
    list-style:initial;
    width:60%;
    margin:10px auto;
    float:none;
    color:#068dff;
    font-size:16px;
    line-height:30px;
    cursor:auto;
}
.content h2{
    text-align:center;
    color:#068dff;
    font-size:16px;
    line-height:32px;
}
.content li span{
    font-size:16px;
    font-weight:normal;
    line-height:30px;
    text-align:left;
}
.shut{
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    color:#aaa;
    font-weight:bold;
    cursor:pointer;
    transition:all 0.5s;
}
.shut:hover{
    background:#068dff;
    color:#fff;
}


/*子页*/
.bt{
    max-width:1100px;
    margin: auto;
}
.bt h1{
    font-size:40px;
    font-weight:bold;
    color:#068dff;
    text-align:center;
    line-height:100px;
}
.con{
    max-width:1100px;
    margin: auto;
    min-height:500px;
}
.con li{
    list-style:initial;
    width:80%;
    margin:10px auto;
    color:#068dff;
    font-size:20px;
    line-height:50px;
}
.con li span{
    font-size:20px;
    line-height:50px;
}
.con li span strong{
    font-size:20px;
    line-height:50px;
    color:#111;
}
.con h3{
    text-align:center;
    font-size:20px;
    line-height:50px;
    color:#068dff;
}
.al{
    max-width:80%;
    margin: auto;
    padding:10px 0;
    background:#fff;
    box-shadow:0 0 3px #333;
}
.al:nth-of-type(1){
    margin-top:30px;
}
.al-l{
    float:left;
    width:50%;
}
.al-r{
    float:right;
    width:46%;
    padding:0 2%;
}
.al-r h2{
    font-size:18px;
    color:#068dff;
}
.al-r p{
    line-height:30px;
    margin-top:10px;
}
.al-r a{
    float:right;
    color:#068dff;
    margin-top:10px;
    transition:all 0.5s;
}


/*我要服务*/
.bd{
    background:rgba(255, 255, 255, 0.5);
}
.xx li{
    float:left;
    width:50%;
    line-height:40px;
    text-align:center;
    font-size:20px;
    background:#fff;
    cursor:pointer;
    transition:all 0.5s;
}
.xx .current{
    background:#068dff;
    color:#fff;
    box-shadow:0 0 3px #333;
}
.tx{
    padding-top:30px;
    margin-left:20px;
}
.tx h2{
    font-size:30px;
    font-weight:bold;
    text-align:center;
    color:#068dff;
}
.tx li{
    width:20%;
    height:32px;
    float:left;
    padding-left:4%;
    margin-top:50px;
}
.tx li span{
    float:left;
    font-size:20px;
    line-height:30px;
    color:#111;
    margin-right:10px;
}
.tx li input{
    float:left;
    width:130px;
    height:30px;
    border:#ccc solid 1px;
    transition:all 0.5s;
}
.tx li select{
    float:left;
    width:130px;
    height:30px;
    border:#ccc solid 1px;
    transition:all 0.5s;
}
.tx li textarea{
    width:98%;
    height:200px;
    padding:1%;
    border:#ccc solid 1px;
    margin-top:10px;
    transition:all 0.5s;
}
.tx li:nth-last-child(1){
    width:98%;
    padding-left:0;
    text-align:center;
}
.tx li input:hover{
    border:#2765b5 solid 1px;
    box-shadow:0 0 3px #555;
}
.tx li select:hover{
    border:#2765b5 solid 1px;
    box-shadow:0 0 3px #555;
}
.tx li textarea:hover{
    border:#2765b5 solid 1px;
    box-shadow:0 0 3px #555;
}
.signUp-submit{
    width:180px;
    height:40px;
    margin: auto;
    margin-top:30px;
    display:block;
    font-size:16px;
    cursor:pointer;
    transition:all 0.5s;
}
.signUp-submit:hover{
    background:#068dff;
    color:#fff;
    box-shadow:0 0 3px #333;
}


/*独家原创*/
.kp{
    width:98%;
    margin: auto;
    margin-bottom:20px;
}
.kp li{
    width:50%;
    float:left;
    border-bottom:#fff solid 1px;
    transition:all 0.5s;
}
.kp li a{
    font-size:16px;
    line-height:50px;
    width:98%;
    height:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block;
    transition:all 0.5s;
}
.kp li:hover{
    border-bottom:#2765b5 solid 1px;
}
.kp li:hover a{
    color:#2765b5;
}


/*专题*/
.project a{
    float:left;
    display:block;
    width:29.3%;
    overflow:hidden;
    margin:0 2% 2% 2%;
    transition:all 0.5s;
}
.project a img{
    width:100%;
    transition:all 0.5s;
}
.project a p{
    font-size:14px;
    font-weight:bold;
    color:#333;
    background:#fff;
    height:40px;
    overflow:hidden;
    padding:5px;
    margin-top:10px;
}
.project a:hover{
    box-shadow:0 0 2px #555;
}
.project a:hover img{
    transform:scale(1.1);
}


/*评论*/
.zj{
    float:left;
    width:48%;
    border:#068dff solid 1px;
    margin-bottom:20px;
    background:#fff;
}
.zj:nth-child(even){
    margin-left:3.5%;
}
.zj-title{
    background:#068dff;
    height:22px;
}
.zj-title a{
    float:right;
    color:#eee;
    line-height:22px;
    margin-right:5px;
    transition:all 0.5s;
}
.zj-title a:hover{
    color:#fff;
}
.zj-l{
    float:left;
    width:28%;
}
.zj-l img{
    width:100%;
    height:131px;
}
.zj-r{
    float:left;
    width:50%;
    margin-left:12%;
    text-align:center;
}
.zj-r a{
    color:#111;
    font-size:20px;
    display:block;
    line-height:40px;
    margin-top:10px;
    transition:all 0.5s;
}
.zj-r p{
    line-height:22px;
}
.zj-r a:hover{
    color:#068dff;
}
#more{
    width:36%;
    height:30px;
    color:#fff;
    background:#068dff;
    display:none;
    position:absolute;
    left:32%;
    bottom:0;
}
iframe{
    width:460px;
}


/*合作伙伴*/
.kh{
    padding-left:20px;
}
.kh li{
    float:left;
    width:126px;
    height:50px;
    margin:20px 40px 20px 0;
    background:#fff;
    transition:all 0.5s;
}
.kh li:nth-child(6n+6){
    margin-right:0;
}
.kh img{
    width:100%;
    height:100%;
}
.kh li:hover{
    box-shadow:0 0 2px #555;
}
.kh li:hover img{
    opacity:0.95;
}
.rz{
    float:right;
    border-bottom:#068dff solid 1px;
}


/*关于我们*/
.lx span{
    float:left;
    font-size:22px;
    color:#111;
    margin-right:50px;
    line-height:120px;
}
.sys{
    float:right;
    text-align:center;
}
.sys img{
    height:120px;
}
.sys p{
    color:#111;
}


/*end*/
.end{
    margin-top:30px;
    width:100%;
    background-color:#1d1d1f;
    color:#888;
    padding:20px 0 10px 0;
}
.end a{
    color:#888;
    transition:all 0.5s;
}
.end a:hover{
    color:#fff;
}


/*移动端*/
@media(max-width:1100px){
    .box{
        margin-top:0;
    }

    .nav{
        width:100%;
        transition:all 0.5s;
    }
    .nav li{
        float:left;
        width:20.13%;
    }
    .nav a{
        display:none;
    }

    .top .logo{
        margin-top:0;
    }
    .adver{
        width:60%;
        height:50px;
    }
    .adver img{
        width:100%;
        height:50px;
    }

    #fst{
        padding:50px 0;
    }

    .showbox{
        width:100%;
        margin-left:0;
        margin-top:0;
        min-height:auto;
    }
    .showbox:nth-child(8){
        display:none;
    }

    .banner p,.banner span{
        font-size:16px;
        line-height:40px;
    }

    /*法律服务*/
    .fw li{
        width:50%;
    }
    .fw li span{
        font-size:14px;
    }
    .tk{
        top:30%;
    }
    .tx li{
        width:100%;
        padding-left:0;
    }
    .tx li input{
        width:80%;
    }
    .tx li select{
        width:80%;
    }
    .tx h2{
        font-size:20px;
    }
    .signUp-submit{
        background:#068dff;
        color:#fff;
    }

    .kp li{
        width:100%;
        float:none;
    }


    .project{
    margin-top:20px;
    }
    .project a{
        width:46%;
        margin:2% 2% 2% 2%;
    }
    .project p{
        display:none;
    }

    .zj{
        float:none;
        width:96%;
        margin:10px auto;
    }
    .zj:nth-child(even){
        margin-left:auto;
    }
    iframe{
        height:120px;
    }

    .kh li{
        width:63px;
        height:30px;
        margin:10px;
    }
    .lx{
        text-align:center;
    }
    .lx span{
        font-size:20px;
        margin-left:50px;
        line-height:40px;
    }
    .sys{
        float:none;
        max-width:120px;
        margin: auto;
        text-align:center;
    }
}

@media(max-width:375px){
    .header .logo img{
        height:30px;
    }
    .header .right{
        line-height:30px;
    }

    .nav li{
        width:19.67%;
    }

    iframe{
        width:330px;
    }
}

@media(max-width:360px){
    .nav li{
        width:19.3%;
        font-size:14px;
    }

    iframe{
        width:320px;
    }
}

@media(max-width:320px){
    .nav li{
        width:18.7%;
    }

    .header .left{
        font-size:12px;
    }
    .header .right a{
        font-size:12px;
    }

    iframe{
        width:280px;
    }
}