﻿

.fenL{background: #00417c;border-top:1px solid #0071c7;}
.fenL dl{border-left:1px solid #0071c7;}
.fenL dl dt{padding:15px 0;float: left;color: #fff;width: 90px;text-align: center;margin-right: -92px;}
.fenL dl dd{float: left;}
.fenL dl ul{margin-left: 92px;border-left: 1px solid #0071c7;padding:15px 0 15px 30px;}
.fenL dd li{float: left;width: 140px;margin-top: 5px;}
.fenL dd li a{float: left;display: inline-block;color: #fff;font-size: 12px;padding:0 5px;border: 1px solid #00417c;}
.fenL dd li a:hover{padding:0 5px;border: 1px solid #0082f8;background: #015199;}
.fenL dd li a.hover{padding:0 5px;border: 1px solid #0082f8;background: #015199;}
@media only screen and (max-width: 767px){
    .fenL dl{border:0;}
    .fenL dl dt{margin-right: 0;width: 100%;border-bottom: 1px solid #0071c7;text-align: left;padding:10px 0;font-size: 16px;}
    .fenL dl ul{margin-left: 0;border-left: 0;box-sizing: border-box;width: 100%;padding-left: 0}
    .fenL dl ul li{width: 50%;}
}
.bolg_con{margin-top: 50px;}
.bolg_right{float: right;width: 243px;margin-left: -243px;position: relative;z-index: 2;}
.bolg_right .login{background: url(/images/bolg_right_bg.jpg) no-repeat;
    width: 100%;height:280px;
}
.bolg_right .login .dengl h3{font-size:24px;color: #fff;font-weight: normal;
    text-align: center;width: 183px;margin:25px auto 15px;
}
.bolg_right .login .dengl .input{width: 183px;margin:0 auto;}
.bolg_right .login .dengl .input p{overflow: hidden;margin-bottom: 15px;}
.bolg_right .login .dengl .input input{border:0;float: left;width: 123px;height: 35px;line-height: 35px;}
.bolg_right .login .dengl .input label{display: inline-block;width: 60px;height: 35px;
    line-height: 35px;float: left;background: #fff;text-indent: 10px;color: #666666;font-size: 14px;
}
.bolg_right .login .dengl .input p.other_input label{float: left;font-size: 12px;display: inline;
    background: transparent;color: #fff;width: auto;height:18px;line-height: 18px;text-indent: 0;}
.bolg_right .login .dengl .input p.other_input input{float: left;width: 12px;height: 12px;margin:4px 7px 0 0;}
.bolg_right .login .dengl .input p.other_input a{float: right;color: #fff;font-size: 12px;}
.bolg_right .login .dengl .input p.other_input a:hover{color: #fff;}
.bolg_right .login .dengl .input p.other_input2 input{width: 85px;height:35px;line-height:35px;background: #004b8f;color: #fff;text-align: center;}
.bolg_right .login .dengl .input p.other_input2 a{display: inline-block;width: 85px;height: 35px;line-height: 35px;background: #c1c1c1;float: right;text-align: center;color: #fff;}

/*登陆后样式*/
.bolg_right .login .geren h3{font-size:24px;color: #fff;font-weight: normal;
    text-align: center;width: 183px;margin:25px auto 15px;
}
.bolg_right .login .geren h3 span{display: block;}
.bolg_right .login .geren{width: 183px;margin:10px auto 0;}
.bolg_right .login .geren dt{float: left;width: 75px;margin-right: -75px;position: relative;z-index: 2;}
.bolg_right .login .geren dt img{width: 100%;}
.bolg_right .login .geren dd{float: left;}
.bolg_right .login .geren dd div.a{padding-left: 95px;}
.bolg_right .login .geren dd div.a a{display: block;color: #fff;}
.bolg_right .login .geren dd div.a a:first-child{font-size: 24px;font-weight: 700;}
.bolg_right .login .geren .geren_btn{margin-top: 10px;}
.bolg_right .login .geren .geren_btn a{display: inline-block;width: 85px;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #c1c1c1;margin-left: 8px;}
.bolg_right .login .geren .geren_btn a:first-child{margin-left: 0;background: #004b8f;}
/*登陆后样式 结束*/

.bolg_right .hot_list{background: #f7f7f7;margin-top: 20px;}
.bolg_right .hot_list h3{font-size: 24px;width: 183px;margin:20px auto;border-bottom: 1px solid #dedede;font-weight: normal;padding-bottom: 10px;}
.bolg_right .hot_list dl{width: 183px;margin:15px auto;border-bottom: 1px dotted #dedede;padding-bottom: 15px;}
.bolg_right .hot_list dt{position: relative;padding-left: 10px;line-height: 1.2;margin-bottom: 3px;}
.bolg_right .hot_list dt:before{display:block;content: "";width:3px; height:3px;border-radius: 100%;
background:#656565;position: absolute;left: 0px;top:7px;
}
.bolg_right .hot_list dd{font-size: 12px;color: #888888;text-indent: 10px;}

.bolg_left{float: left;width: 100%;}
.bolg_left .bolg_left_con{padding-right: 290px;}

/*下拉样式*/
.select_list{width:130px;margin-right:-130px;height:40px;position:relative;line-height: 40px;float: left;z-index: 99;}
.select_list .show_text{color:#666;width:100%;overflow:hidden;text-indent: 20px;font-size: 18px;border:1px solid #d8d8d8;}
.select_list .down_btn{position:absolute;right:0px;top:1px;width:45px;height:40px;cursor:pointer;background:url(/images/ico_down_arrow.png) no-repeat center;}
.select_list.change_btn .down_btn{background:url(/images/ico_down_arrow2.png) no-repeat center;}
.select_list .selec_con{display: none;overflow: hidden;background:#f2f2f2;border:1px solid #d8d8d8;width: 100%;border-top:0px;}
.select_list .selec_con ul{overflow:hidden;z-index: 999999999;}
.select_list .selec_con ul li{cursor:pointer;height:35px;line-height: 35px;overflow:hidden;text-indent: 20px;color:#666666;}
.select_list .selec_con ul li:hover{background: #1581e3;color:#fff;}

.search_input{float: left;width: 100%;}
.search_input p{margin-left: 130px;}
.search_input input{border:0;float: left;}
.search_input input.tex{width: 95%;border:1px solid #d8d8d8;border-left:0;border-right:0;height: 40px;line-height: 40px;text-indent: 10px;}
.search_input input.but{width: 40px;border:1px solid #d8d8d8;border-left:0;height:42px;line-height: 42px;text-indent:-9999px;background: url(../image/blog_sear_btn.png) no-repeat;}

.bolg_left_hot{margin-top: 30px;}
.bolg_left_hot .bolg_l_hot_bxslider{float: left;width: 49%;}
.bolg_l_hot_bxslider li{float: left;position: relative;}
.bolg_l_hot_bxslider li p{height: 40px;width: 100%;line-height: 40px;text-align: center;white-space:nowrap;overflow:hidden;
    text-overflow:ellipsis;color: #fff;background: rgba(0,0,0,0.4);
    position: absolute;bottom: 0px;left: 0px;
}
.bolg_l_hot_bxslider .bx-wrapper{margin:0;}
.bolg_l_hot_bxslider .bx-wrapper .bx-controls-direction a{width: 46px;height: 71px;margin-top: -40px;}
.bolg_l_hot_bxslider .bx-wrapper .bx-prev{display:block;background: url(/images/blog_left.png) no-repeat;}
.bolg_l_hot_bxslider .bx-wrapper .bx-next{display:block;background: url(/images/blog_rightH.png) no-repeat;}
.bolg_l_hot_bxslider .bx-wrapper .bx-prev:hover{background: url(/images/blog_leftH.png) no-repeat;}
.bolg_l_hot_bxslider .bx-wrapper .bx-next:hover{background: url(/images/blog_right.png) no-repeat;}

.bolg_left_hot .bolg_l_list{float: right;width: 49%;}
.bolg_l_list>dl{border-bottom: 1px dotted #ccc;padding-bottom: 15px;}
.bolg_l_list>dl dt{white-space:nowrap;overflow:hidden;
    text-overflow:ellipsis;line-height: 1.5;
    margin:15px 0 0 0;position: relative;
    padding-left: 10px;
    height: 2em;
}
.bolg_l_list>dl dt:before{display:block;content: "";width:3px; height:3px;border-radius: 100%;
background:#656565;position: absolute;left: 0px;top:13px;}
.bolg_l_list>dl dt a{font-size: 18px;color: #666;}
.bolg_l_list>dl dt a:hover{color: #004b8f;}
.bolg_l_list>dl:first-child{border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.bolg_l_list>dl:first-child dt{margin:0;white-space:initial;border:0;padding:0;padding-left: 10px;height:4.2em;}
.bolg_l_list>dl:first-child dt:before{top:12px;width: 7px;height: 7px;background: #004b8f;}
.bolg_l_list>dl:first-child dt a{font-size: 24px;color: #004b8f;line-height: 1.2;font-weight: 700;}
.bolg_l_list>dl:first-child dd{font-size: 12px;color: #888;margin-top: 10px;padding-left: 10px;}
.bolg_l_list>dl.dl_last{border-bottom: 0;}

.bolg_left_news_list{width: 100%;margin-top: 10px;margin-bottom: 30px;}
.bolg_left_news_list dl{width: 48%;float: left;border-bottom: 1px dotted #ccc;
    padding-bottom: 35px;padding-top: 30px;
}
.bolg_left_news_list dl.dl_even{float: right;}
.bolg_left_news_list dl dt{white-space:nowrap;overflow:hidden;
    text-overflow:ellipsis;line-height: 1.5;
    position: relative;
    padding-left: 10px;
    height: 2em;
    transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
}
.bolg_left_news_list dl dt a{font-size: 18px;color: #222222;position: relative;}
.bolg_left_news_list dl dt a:hover{color: #004b8f;}
.bolg_left_news_list dl dt:before{display:block;content: "";width:3px; height:3px;border-radius: 100%;
    background:#656565;position: absolute;left: 0px;top:13px;
    transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
}
.bolg_left_news_list dl dd{
    font-size: 12px;font-size: 12px;color: #888;
    margin-top: 5px;padding-left: 10px;
    transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
}

.bolg_left_news_list dl:hover{background: #fbfbfb;}
.bolg_left_news_list dl:hover dt{padding-left: 20px;}
.bolg_left_news_list dl:hover dt:before{left: 10px;}
.bolg_left_news_list dl:hover dd{padding-left: 20px;}

@media only screen and (max-width: 1300px){
    .search_input input.tex{width: 90%;}

    .bolg_l_list>dl{padding-bottom: 8px;}
    .bolg_l_list>dl dt{height: 1.5em;margin:8px 0 0 0;}
    .bolg_l_list>dl dt a{font-size: 14px;}
    .bolg_l_list>dl dt:before{top:9px;}
    
    .bolg_l_list>dl:first-child{padding-bottom: 15px;}
    .bolg_l_list>dl:first-child dt{height: 3.2em;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .bolg_l_list>dl:first-child dt a{font-size: 18px;}
    .bolg_l_list>dl:first-child dt:before{top:8px;}

    .bolg_left_news_list dl dt a{font-size: 16px;}

}
@media only screen and (max-width: 900px){
    .bolg_con{margin-top: 20px;}
    .bolg_right{margin-left: 0;float: none;width: 100%;background-color: #137fe1;}


    .bolg_right .login{background-position: right bottom;height: auto;padding-bottom: 20px;}
    .bolg_right .login .dengl .input{width: 100%;padding:0 10px;box-sizing: border-box;}
    .bolg_right .login .dengl .input p{float: left;margin:0 10px;}
    .bolg_right .login .dengl .input p.other_input{line-height: 35px;}
    .bolg_right .login .dengl .input p.other_input input{height:30px;}
    .bolg_right .login .dengl .input p.other_input a{margin-left: 20px;}
    .bolg_right .login .dengl .input p.other_input label{line-height: 35px;font-size: 14px;}
    .bolg_right .login .dengl .input p.other_input2 {width: 100%;margin-top: 20px;}
    .bolg_right .login .dengl .input p.other_input2 a{float: left;margin-left: 10px;}
    
    .bolg_right .login .geren{width: auto;padding:0 10px;box-sizing: border-box;}
    .bolg_right .login .geren h3{width: auto;margin:15px auto;}
    .bolg_right .login .geren h3 span{display: inline;}
    .bolg_right .login .geren .geren_margin{width:270px;margin:0 auto;}
    .bolg_right .login .geren dl{width: 185px;float: left;}
    .bolg_right .login .geren .geren_btn{float: left;width: 85px;margin-top: 0;}
    .bolg_right .login .geren .geren_btn a{margin-bottom: 10px;margin-left: 0;font-size: 14px;}
    .bolg_right .login .geren dd div.a a{font-size: 14px;}

    .bolg_right .hot_list{display: none;}
    .bolg_left{float: none;}
    .bolg_left .bolg_left_con{padding-right: 0;}

    .bolg_left_search{margin-top: 20px;}
    .search_input input.tex{width: 93%;}
    .bolg_left_news_list dl dt:before{top:10px;}
}
@media only screen and (max-width: 767px){
    .bolg_right .login .dengl .input p{margin:10px 0 0 0;width: 100%;}
    .bolg_right .login .dengl .input input{width: 78%;}
    .search_input input.tex{width: 84%;}
    .bolg_left_hot .bolg_l_hot_bxslider{width: 100%;}
    .bolg_left_hot .bolg_l_list{width: 100%;margin-top: 20px;}
    .bolg_l_list>dl.dl_last{border-bottom:1px dotted #ccc}
    .bolg_l_list>dl:first-child dt{height: auto;}
    .bolg_left_news_list dl{width: 100%;}
    .bolg_left_news_list dl dt{white-space:inherit;height: auto;}

    .select_list{width: 100px;margin-right: -100px;}
    .search_input p{margin-left: 100px;}
    .search_input input.tex{width: 80%;}
    
    .bolg_right .login .dengl .input p.other_input a{margin-right: 20px;}
}
@media only screen and (max-width: 340px){
    .bolg_right .login .dengl .input p.other_input a{margin-right: 0px;}
}
