@charset "utf-8";
/* CSS Document */

/*banner*/
.banner{background: url(../images/banner.jpg) no-repeat center top;height: 400px;min-width: 1190px;position: relative;}
.banner_center{width: 1190px;margin: 0 auto;padding-top: 110px;}
.banner_tit{font-size: 36px;color: #fff;margin-bottom: 20px;}
.banner_info{font-size: 16px;color: #f0f0f1;width: 700px;line-height: 26px;}
.diwei{position: absolute;bottom: 50px;width: 1px;height: 1px;}
/*container*/
.main_box{width: 1190px;margin: 30px auto;overflow: hidden;position: relative;}
.cont_left{float: left;width: 225px;}
.cont_type{border: 1px solid #efeeef;width: 210px;background: #fff;border-bottom: 0;}
.fixed_top{position: fixed;top: 65px;}
.fixed_bottom{position: absolute;bottom: 0px;}
.cont_type li{width: 210px;position: relative;}
.cont_type li a{font-size:16px; line-height:68px; color:#666; padding:0;display: block;border-bottom: 1px solid #e0e0e0;}
.cont_type li a.active{}
.cont_type li a.active,.cont_type li.active .type_dt,.cont_type li a:hover{color:#fff;background: #1f8dfb;}

.ico_type{background: url(../images/ico_type.png?t=0319) no-repeat;display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: 5px;margin-left: 12px;}
.ico_01{width: 30px;height: 30px;background-position: 0px 0px;}
.ico_02{width: 30px;height: 30px;background-position: 0px -30px;}
.ico_03{width: 30px;height: 30px;background-position: 0px -60px;margin-top: 8px;}
.ico_04{width: 30px;height: 30px;background-position: 0px -90px;margin-top: 8px;}
.ico_05{width: 30px;height: 30px;background-position: 0px -120px;}
.ico_06{width: 30px;height: 30px;background-position: 0px -150px;}
.ico_07{width: 30px;height: 30px;background-position: 0px -180px;}
.ico_08{width: 30px;height: 30px;background-position: 0px -210px;}
.ico_09{width: 30px;height: 30px;background-position: 0px -240px;margin-top: 0px;}

.cont_type li a.active .ico_01,.cont_type li:hover .ico_01{background-position: -30px 0px;}
.cont_type li a.active .ico_02,.cont_type li:hover .ico_02{background-position: -30px -30px;}
.cont_type li.active .ico_03,.cont_type li .type_dt:hover .ico_03{background-position: -30px -60px;}
.cont_type li.active .ico_04,.cont_type li .type_dt:hover .ico_04{background-position: -30px -90px;}
.cont_type li.active .ico_05,.cont_type li .type_dt:hover .ico_05{background-position: -30px -120px;}
.cont_type li a.active .ico_06,.cont_type li:hover .ico_06{background-position: -30px -150px;}
.cont_type li a.active .ico_07,.cont_type li:hover .ico_07{background-position: -30px -180px;}
.cont_type li.active .ico_08,.cont_type li .type_dt:hover .ico_08{background-position: -30px -210px;}
.cont_type li a.active .ico_09,.cont_type li:hover .ico_09{background-position: -30px -240px;}
.cont_type li a.active .ico_sj{border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #1f8dfb;position: absolute;right: -10px;top: 25px;}
.ico_jt{background: url(../images/ico_jt.png) no-repeat;display: inline-block;width: 7px;height: 13px;position: absolute;right: 10px;top: 30px;}
.cont_type li.active .ico_jt,.cont_type li a:hover .ico_jt{background: url(../images/ico_jt2.png) no-repeat;width: 13px;height: 7px;top: 32px;}

.type_nav{display: none;}
.cont_type li.active .type_nav{display: block;}
.type_nav li{}
.type_nav li a{border-bottom: 1px dashed #e0e0e0;padding-left: 48px;font-size: 14px;}
.type_nav li:last-child a{border-bottom: 1px solid #e0e0e0;}
.type_nav li a:hover,.type_nav li a.active{background: none;color: #1f8dfb;}

.cont_right{float: right;width: 945px;}
.cont_box{}
.cont_tit{font-size: 30px;color: #333;text-align: center;border-bottom: 1px solid #d8d8d8;line-height: 70px;padding-bottom: 25px;margin-bottom: 25px;}
.p_t1{font-size: 22px;color: #222;padding: 0px 10px;margin-bottom: 30px;}
.p_t1 i{display: inline-block;width: 4px;height: 25px;background: #1f8dfb;vertical-align: middle;margin-top: -5px;margin-right: 15px;}
.p_p1{font-size: 16px;color: #666;padding: 0px 10px;line-height: 30px;margin-bottom: 20px;}
.cont_img{text-align: center;margin-top: 40px;}
.cont_line{border-bottom: 1px solid #d8d8d8;margin: 40px auto;}
.p_li{overflow: hidden;padding: 0 10px;}
.p_li li{margin-bottom: 20px;}
.p_li li:last-child{margin-bottom: 0px;}
.p_li li i{float: left;display: block;background: url(../images/ico_li.png) no-repeat center top;width: 16px;height: 16px;vertical-align: middle;margin-top: 5px;margin-right: 10px;}
.p_li li span{font-size: 16px;color: #666;display: inline-block;width: 898px;line-height: 25px;}
.tj_li{overflow: hidden;padding: 0 10px;}
.tj_li li{float: left;margin-right: 38px;margin-bottom: 30px;}
.tj_li li a{display: block;width: 184px;height: 50px;border: 1px solid #d8d8d8;background: #f5f6f8;text-align: center;line-height: 50px;font-size: 18px;color: #444;}
.p_li2{overflow: hidden;padding: 0 10px;margin-bottom: 20px;}
.p_li2 li{padding: 15px 0px;}
.p_li2 li:nth-child(2n+1){background: #f8f9fb;}
.p_li2 li:nth-child(2n){background: #eef0f2;}
.p_li2 li i{float: left;display: block;background: url(../images/ico_li.png) no-repeat center top;width: 16px;height: 16px;vertical-align: middle;margin: 5px 10px 0px 30px;}
.p_li2 li span{font-size: 16px;color: #666;display: inline-block;width: 850px;line-height: 25px;}

@media(max-width: 768px){
    .banner{
        min-width: auto;
        height: 300px;
        background-size: auto 100%;
    }
    .banner_center{
        width: auto;
        padding: 80px 20px 0;
    }
    .banner_tit{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .banner_info{
        width: auto;
        font-size: 14px;
    }
    .main_box{
        width: auto;
        padding: 0 20px;
    }
    .cont_left {
        width: 22%;
        min-width: 150px;
    }
    .cont_type {
        width: calc(100% - 10px);
    }
    .cont_type li {
        width: 100%;
    }
    .cont_type li a {
        font-size: 14px;
    }
    .ico_type {
        width: 26px!important;
        height: 26px!important;
        margin-left: 10px;
    }
    .cont_right {
        width: calc(78% - 10px);
        max-width: calc(100% - 160px);
    }
    .cont_tit {
        font-size: 24px;
        line-height: 70px;
        margin-bottom: 20px;
        padding: 0;
    }
    .cont_line {
        margin: 20px auto;
    }
    .p_t1 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .cont_img img {
        width: 100%;
        height: auto;
    }
    .cont_type li ul li a{
        color: #888;
        padding-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .p_p1{
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
        padding: 0;
    }
    .p_li2 li {
        padding: 10px 0;
    }
    .p_li2 li span {
        width: calc(100% - 56px);
        font-size: 14px;
    }
    .cont_img{
        margin-top: 20px;
    }
    .p_li li{
        margin-bottom: 10px;
    }
    .p_li li span{
        width: calc(100% - 26px);
        font-size: 14px;
    }
}
@media(max-width: 500px){
    .cont_right,.cont_left{
        width: 100%;
    }
    .cont_right{
        max-width: 100%;
        margin-top: 15px;
    }
    .cont_type{
        width: 100%;
    }
    .cont_type li a{
        line-height: 50px;
    }
    .cont_tit{
        font-size: 22px;
    }
    .ico_type{
        margin-right: 20px;
    }
    .banner{
        height: 200px;
    }
    .banner_center{
        padding-top: 30px;
    }
    .banner_tit{
        font-size: 22px;
        margin-bottom: 5px;
    }
    .banner_info{
        font-size: 12px;
        line-height: 24px;
    }
    .ico_jt{
        top: 19px;
    }
    .cont_type li.active .ico_jt, .cont_type li a:hover .ico_jt{
        top: 19px;
    }
    .cont_type li ul li a{
        padding-left: 30px;
    }
    .cont_tit{
        font-size: 20px;
        line-height: 50px;
    }
    .p_t1{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .cont_img{
        margin-top: 15px;
    }
    .p_li2 li i, .p_li li i{
        margin-left: 10px;
        width: 12px;
        height: 12px;
        background-size: 100%;
    }
    .p_li li span{
        width: calc(100% - 32px);
        line-height: 20px;
        font-size: 12px;
    }
    .p_li2 li span{
        font-size: 12px;
    }
    .p_li{
        padding: 0;
    }
    .p_li2{
        margin-bottom: 10px;
    }
    .main_box{
        margin-bottom: 20px;
    }
    .p_p1{
        font-size: 12px;
    }
    .p_t1{
        padding: 0;
    }
    .p_li2{
        padding: 0;
    }
}