@charset "UTF-8";
.main{min-height: 400px;padding: 6px 20px 56px;}
.notice_wrap{
    padding: 0 20px 0 105px;
    background-color: #fff;
    background-image: url(../images/gg.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    height: 50px;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
}
.notice_wrap .tt{
    position: absolute;
    left: 55px;
    top: 0;
    height: 50px;
    line-height: 50px;
    color: #333333;font-size: 16px;
}
.notice{overflow: hidden;height: 50px;}
.notice li{height: 50px;}
.notice li a{
    display: block;overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;color: #333333;font-size: 16px;line-height: 50px;height: 50px;
}
.mbox1 .left{width: 723px;background-color: #fff;}
.mbox1 .right{overflow: hidden;padding-left: 4px;}
.mtabs{padding: 0 24px 0 22px;border-bottom: 1px solid #eeeeee;position: relative;}
.mtabs .item{
    display: inline-block;color: #a3a3a3;font-size: 20px;margin-right: 40px;position: relative;
    height: 56px;
    line-height: 56px;
}
.mtabs .item::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    display: none;
    background-color: #d9261c;
    width: 100%;
}
.mtabs .item.active::after{display: block;}
.mtabs .item.active, .mtabs .item:hover{color: #333333;}
.tabwrap .box{display: none;}
.tabwrap .box.open{display: block;height:520px}
.mtabs .mores{
    position: absolute;
    right: 24px;
    top: 0;
}
.mtabs .mores a{
    display: none;
    background: url(../images/rr.png) no-repeat right center;
    padding-right: 16px;
    color: #909090;
    font-size: 14px;
    height: 56px;
    line-height: 56px;
    margin: 0;
}
.mtabs .mores a.on{display: block;}
.mtabs .mores a:hover{color: #d9261c;}
.mbox1 .left .first{background-color: #fafafa;padding: 20px 24px;}
.mbox1 .left .first .pic{width: 200px;overflow: hidden;}
.mbox1 .left .first .pic img{width: 100%;transition: all ease .5s;}
.mbox1 .left .first a:hover .pic img{transform: scale(1.1);}
.mbox1 .left .first .con{overflow: hidden;padding-left: 12px;padding-top: 18px;}
.mbox1 .left .first .title{color: #333333;font-size: 20px;margin-bottom: 18px;font-family: '黑体';font-weight: bold;max-height: 46px;overflow: hidden;}
.mbox1 .left .first .state{color: #333333;font-size: 16px;line-height: 1.7;max-height: 54px;overflow: hidden;}
.mbox1 .left .first a:hover .title{color: #d9261c;}
.mlist{padding: 10px 22px;}
.mlist li+li{border-top: 1px solid #dedede;}
.mlist li a{display: block;padding: 14px 0 14px 26px;background: url(../images/kk.png) no-repeat left center;line-height: 23px;}
.mlist li .tt{max-width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333333;font-size: 16px;}
.mlist li .date{max-width: 30%;color: #a1a1a1;font-size: 14px;}
.mlist li a:hover .tt{color: #d9261c;}
.mlist li a:hover .date{color: #d9261c;}
.mbox1 .right .title{
    color: #d9261c;font-size: 20px;
    height: 56px;
    line-height: 56px;
    padding: 0 18px;
    border-bottom: 1px solid #eeeeee;
    background-color: #fff;
}
.mbox1 .right .state{
    color: #333333;font-size: 14px;line-height: 1.7;background-color: #dbe7fa;padding: 12px;
    background-image: url(../images/bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    margin-bottom: 6px;
}
.mbox1 .right .list a{display: block;padding: 44px 35px;position: relative;overflow: hidden;}
.mbox1 .right .list a .iconfont{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    border: 1px solid #fff;
    padding-left: 4px;
    transition: all .5s ease;
}
.mbox1 .right .list .bg{
    position: absolute;
    width: 100%;
    left: 0;top: 0;
    height: 100%;
    background-repeat: no-repeat;background-size: cover;background-position: center;
    z-index: 1;
    transition: all ease .5s;
}
.mbox1 .right .list a:hover .bg{transform: scale(1.1);}
.mbox1 .right .list a+a{margin-top: 5px;}
.mbox1 .right .list .content{
    background-repeat: no-repeat;
    padding-left: 50px;
    background-position: left center;
    position: relative;
    padding-right: 50px;
    z-index: 9;
}
.mbox1 .right .list a:hover .iconfont{background-color: rgba(255,255,255,.5);}
.mbox1 .right .list .t1{color: #fff;font-size: 20px;margin-bottom: 5px;}
.mbox1 .right .list .t2{color: rgba(255,255,255,.7);font-size: 14px;text-transform: uppercase;}
.mbox1 .right .list .jt{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
}
.mbox2{padding-top: 20px;}
.mbox2 .sbox{float: left;width: 598px;}
.mbox2 .sbox+.sbox{margin-left: 4px;}
.mbox2 .title{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height: 101px;
    padding: 32px;
    overflow: hidden;
}
.mbox2 .title .t1{color: #333333;font-size: 20px;}
.mbox2 .title .t2{
    text-transform: uppercase;
    color: rgba(51,51,51,.6);
    font-size: 14px;
}
.mbox2 .scon{background-color: #fff;padding-bottom: 15px;}
.mbox2 .scon .more{display: block;text-align: center;color: #909090;font-size: 14px;line-height: 22px;}
.mbox2 .scon .more span{vertical-align: middle;display: inline-block;}
.mbox2 .scon .more:hover{color: #d9261c;}
.mbox3{padding-top: 26px;}
.mbox3 .title{
    text-align: center;
    color: #333333;
    font-size: 20px;
    margin-bottom: 24px;
}
.friend_wrap{position: relative;}
.friend_wrap .btn{
    position: absolute;
    top: 0;
    height: 107px;
    line-height: 107px;
}
.friend_wrap .prev{left: -36px;}
.friend_wrap .next{right: -36px;}
.friend_swiper{overflow: hidden;}
.friend_swiper li  a{
    display: block;
    text-align: center;
    height: 107px;
    background-color: #fff;
    line-height: 107px;
}
.friend_swiper li img{max-height: 95%;max-width: 95%;}


.map{position: relative;}
.ditu{width: 100%;height: 524px;position: relative;z-index: 2;}
.contact .map .fw{
    position: absolute;
    /* width: 1200px; */
    width: 440px;
    margin-left: -600px;
    left: 50%;
    height: 100%;
    z-index: 9;
    top: 0;
}
.map .content{
    width: 440px;
    background-color: rgba(255,255,255,.8);
    height: 100%;
    padding: 90px 36px;
}
.map .content .name{
    color: #333333;
    font-size: 29px;
    margin-bottom: 12px;
}
.map .content .time{
    color: #333333;
    font-size: 16px;
    line-height: 1.8;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
}
.map .content .tt{
    color: #333333;
    font-size: 18px;
    margin-bottom: 20px;
}
.map .content .tel{
    color: #d9261c;font-size: 24px;
    line-height: 1.4;font-weight: bold;
}
.map .content .state{
    color: #333333;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 22px;
}
.BMap_cpyCtrl,.anchorBL{display: none;}
.contact_info{padding: 44px 0 15px;}
.contact_info .left{float: left;width: 50%;padding-right: 108px;}
.contact_info .left .tt{color: #333333;font-size: 18px;font-weight: bold;font-family: '黑体';margin-bottom: 12px;}
.contact_info .left .state{color: #333333;font-size: 16px;line-height: 1.7;}
.contact_info .left .state_line{padding-bottom: 10px;border-bottom: 1px solid #d5d5dc;margin-bottom: 15px;}
.contact_info .left .state .t0{color: #333333;font-size: 16px;}
.contact_info .right{padding: 0 76px 0 32px;overflow: hidden;}
.contact_info .right .tt{color: #333;font-weight: bold;font-family: '黑体';font-size: 18px;margin-bottom: 12px;}
.contact_info .right .state{
    color: #818181;font-size: 12px;
    margin-bottom: 14px;
}
.contact_info .infolist{}
.contact_info .infolist .info{
    width: 240px;
    height: 44px;
    border: 1px solid #cfd0d5;
    margin-bottom: 14px;
    float: left;
    display: flex;
    padding: 0 8px;font-size: 0;
}
.contact_info .infolist .info+.info{margin-left: 12px;}
.contact_info .infolist .info span{
    display: inline-block;
    height: 42px;
    line-height: 42px;
    color: #7f8083;
    font-size: 16px;
    text-transform: uppercase;
    flex-shrink: 0;
}
.contact_info .infolist .info input{flex: 1;height: 42px;color: #7f8083;font-size: 16px;}
.contact_info .infolist .info select{
    border: none;
    outline: none;
    height: 42px;
    background-color: transparent;
    background-image: url(../images/xia.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    color: #7f8083;font-size: 16px;
    flex: 1;
    appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.contact_info .right .ts{color: #d9261c;font-size: 12px;margin-bottom: 12px;}
.contact_info .right .txts textarea{
    border: none;
    width: 100%;
    display: block;
    height: 106px;
    border: 1px solid #cfd0d5;
    padding: 8px;
    color: #7f8083;font-size: 16px;
}
.contact_info .code{display: flex;justify-content: space-between;margin-top: 10px;}
.contact_info .code .yzm{
    display: inline-block;
    width: 240px;
    height: 44px;
    border: 1px solid #cfd0d5;
    background-color: #eaebef;
    text-align: center;
    line-height: 42px;
    color: #5864b6;
    font-size: 30px;
    font-weight: bold;
}
.contact_info .code input{
    width: 137px;
    height: 44px;
    border: 1px solid #cfd0d5;
    background-color: transparent;
    padding: 0 10px;
    color: #7f8083;font-size: 16px;
    line-height: 42px;
}
.contact_info .code button{
    cursor: pointer;
    width: 90px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #d9261c;
    color: #fff;
    font-size: 16px;
}
.inlist1 li{margin-bottom: 5px;}
.inlist1 li a{
    display: block;
    background-color: #fff;
    height: 35px;
    padding: 0 25px 0 45px;
    background-image: url(../images/kk2.png);
    background-repeat: no-repeat;
    background-position: 17px center;
}
.inlist1 li .tt{
    max-width: 60%;overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;color: #333333;font-size: 16px;
    height: 35px;
    line-height: 35px;
}
.inlist1 li .date{
    color: #999;
    font-size: 16px;
    display: block;
    height: 35px;
    line-height: 35px;
}
.inlist1 li .pdf{margin-top: 6px;}
.inlist1 li a:hover .tt{color: #d9261c;}
.inlist1 li a:hover .date{color: #d9261c;}
.inlist01 li a{height: auto;padding: 10px 15px 10px 50px;background-position: 16px 18px;}
.inlist01 li .tt2{color: #333333;font-size: 18px;line-height: 1.6;}
.inlist_ss li .tt2{font-size: 16px;}
.inlist_ss li a {
    padding: 6px 15px 6px 50px;
    background-position: 16px 11px;
}
.inlist01 li a:hover .tt2{color: #d9261c;}
.inlist2{}
.inlist2 li{margin-bottom: 6px;}
.inlist2 li a{
    display: flex;
    background-color: #fff;
    padding: 10px 38px 10px 14px;
    align-items: center;
}
.inlist2 li .pic{overflow: hidden;flex-shrink: 0;width: 158px;}
.inlist2 li .pic img{width: 100%;transition: all ease .6s;}
.inlist2 li a:hover .pic img{transform: scale(1.1);}
.inlist2 li .con{flex: 1;padding-left: 15px;margin-right: 94px;}
.inlist2 li .tt{
    color: #333333;
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 12px;
}
.inlist2 li .state{
    color: #333333;
    font-size: 16px;
    line-height: 1.7;
    height: 54px;overflow: hidden;
}
.inlist2 li .date{color: #999999;font-size: 16px;text-align: center;flex-shrink: 0;}
.inlist2 li .date .day{color: #999999;font-size: 54px;line-height: 1.1;margin-bottom: 10px;}
.inlist2 li a:hover .tt{color: #d9261c;}
.tableinfo{width: 100%;}
.tableinfo th{
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    background-color: #336699;
    border-right: 1px solid rgba(255,255,255,.4);
    padding: 16px 10px;
}
.tableinfo td{
    text-align: center;
    color: #333333;
    font-size: 16px;
    padding: 12px 10px;
    border-right: 1px solid #d9d9d9;
    background-color: #fff;
}
.tableinfo .onbg td{background-color: #ebecee;}
.tableinfo td a{color: #d9261c;}
.tgsearch{
    background-color: #336699;
    margin-bottom: 18px;
    padding: 16px;
}
.tgsearch .ww{width: 564px;margin: 0 auto;}
.tgsearch select{
    background-color: #fff;
    border-radius: 6px;
    background-image: url(../images/xia.png);
    background-repeat: no-repeat;
    background-position: 92% center;
    color: #9a9a9a;font-size: 16px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    width: 190px;
    height: 38px;
    padding: 0 36px 0 22px;
    margin-right: 48px;
}
.tgsearch .sbox{
    height: 38px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 6px;
    width: 326px;
}
.tgsearch .sbox input{
    background-color: #fff;
    height: 38px;
    color: #9a9a9a;font-size: 16px;
    padding: 0 20px;
    vertical-align: middle;
    width: 267px;
}
.tgsearch .sbox button{
    outline: none;
    cursor: pointer;
    background-image: url(../images/ss.png);
    width: 54px;
    height: 38px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    vertical-align: middle;
}
.tableinfo2{width: 100%;}
.tableinfo2 th{
    text-align: left;
    color: #333333;
    font-size: 18px;
    padding: 18px 20px 18px 60px;
    background-color: #cae1f7;
    border-bottom: 1px solid #d5d5d6;
    font-weight: normal;
}
.tableinfo2 td{
    color: #333333;
    font-size: 16px;
    border-bottom: 1px solid #d5d5d6;
    background-color: #fcfdfe;
    padding: 5px 20px 5px 60px;
}
.tableinfo2 tr td:first-child{border-left: 1px solid #dadadc;padding-left: 50px;}
.tableinfo2 tr td:last-child{border-right: 1px solid #dadadc;}
.tableinfo2 .onbg td{background-color: #fcf5ea;}
.tableinfo2 td.red{color: #e60012;}
.tableinfo2 td.year{color: #6293dc;}
.company{background-color: #fff;padding: 32px 16px;margin-bottom: 15px;}
.company .ctop{margin-bottom: 40px;}
.company .logo{
    width: 112px;
    height: 112px;
    line-height: 112px;
    text-align: center;
    border: 1px solid #f2f3fa;
}
.company .logo img{max-height: 100%;max-width: 100%;}
.company .infos{overflow: hidden;padding-left: 30px;}
.company .infos .name{color: #333333;font-size: 28px;margin-bottom: 12px;}
.company .infos .signs{margin-bottom: 12px;}
.company .infos .signs span{
    display: inline-block;
    font-size: 16px;
    color: #333333;
    height: 18px;
    line-height: 18px;
}
.company .infos .signs span+span{border-left: 1px solid #b2b2b2;padding-left: 20px;margin-left: 20px;}
.company .infos .detail .allcon{
    color: #9a9a9a;
    font-size: 16px;
    line-height: 1.7;
    display: none;
}
.company .infos .detail .allcon .shou{color:#d9261c;font-size: 16px;}
.company .infos .brief .con{
    max-width: 652px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9a9a9a;
    font-size: 16px;
}
.company .infos .brief .more{
    display: block;
    color:#d9261c;
    font-size: 16px;
    margin-left: 12px;
}
.tableinfo3{width: 100%;border-left: 1px solid #ebebeb;border-top: 1px solid #ebebeb;}
.tableinfo3 td{
    color: #333333;
    font-size: 16px;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 22px;
    font-weight: bold;
    width: 190px;
}
.tableinfo3 td.on{color: #959595;border-right: 1px solid #ebebeb;font-weight: normal;width: auto;}
.ntabs{font-size: 0;padding: 28px 20px 0;background-color: #fff;margin-bottom: 10px;}
.ntabs a{
    color: #999;
    font-size: 22px;
    display: inline-block;
    border-bottom: 5px solid transparent;
    padding-bottom: 24px;
    margin-right: 95px;
}
.ntabs a.active{
    color: #333333;
    border-bottom: 5px solid #d9261c;
}
.ntabs a:hover{color: #333;}
.ntabwrap .box{display: none;}
.ntabwrap .box.open{display: block;}
.tableinfo02 th{background-color: #ebebeb;color: #333333;font-size: 18px;border-bottom: 1px solid #eee;}
.tableinfo02 td{background-color: #feffeb;border-bottom: 1px solid #eee;}
.tableinfo02 .onbg td{background-color: #fff;}
.tableinfo02 tr td:last-child{border-right: 1px solid #eee;}
.tableinfo02 tr td:first-child{border-left: 1px solid #eee;}
.news_detail{
    background-color: #fff;
    padding: 50px 140px 80px;
}
.news_detail .tt1{
    text-align: center;
    color: #333333;
    font-size: 28px;
    margin-bottom: 20px;
}
.news_detail .tt2{
    text-align: center;
    color: #999;
    font-size: 16px;
    margin-bottom: 32px;
}
.news_detail .detail{
    color: #333333;
    font-size: 18px;
    line-height: 1.7;
}
.aboutus{padding-top: 30px;}
.aboutus .atop{position: relative;margin-bottom: 34px;}
.aboutus .atop .date{position: absolute; z-index: 9; right: 0;top: 0;color: #d9261c;font-size: 18px;text-transform: uppercase;line-height: 42px;}
.aboutus .atop .tt1{color: #333333;font-size: 32px;margin-bottom: 15px;position: relative;z-index: 9;}
.aboutus .atop .tt2{color: #999;font-size: 22px;text-transform: uppercase;}
.aboutus .atop .line{
    position: absolute;
    right: 0;
    top: 22px;
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    z-index: 1;
}
.aboutus .atop span{background-color: #f2f3fa;display: inline-block;}
.aboutus .atop .tt1 span{padding-right: 32px;}
.aboutus .atop .date span{padding-left: 40px;}
.aboutus .setup{
    text-align: center;padding: 46px 0 76px;
    background-color: #fff;
    background-image: url(../images/abg1.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.aboutus .brief{
    color: #333333;
    font-size: 16px;
    line-height: 1.8;
    padding: 64px 42px 54px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
    margin-bottom: 10px;
}
.aboutus .brief .ww{max-width: 690px;}
.aboutus .imgs{font-size: 0;margin-bottom: 54px;}
.aboutus .imgs img+img{margin-left: 14px;}
.business{background-color: #fff;padding: 62px 34px;min-height: 560px;position: relative;}
.business .img{text-align: center;}
.business .img2{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0;}
.business2{
    padding: 16px 36px;
}
.online{
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 712px;
    padding-top: 262px;
}
.online .list li{
    float: left;
    width: 50%;
}
.online .list li a{
    display: block;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 38px center;
    padding: 40px 88px;
    width: 475px;
    margin: 0 auto;
    position: relative;
    border-radius: 130px;
    transition: all .3s ease;
}
.online .list li .tt1{
    color: #333333;
    font-size: 20px;
    margin-bottom: 6px;
}
.online .list li .tt2{
    color: #999;
    text-transform: uppercase;
    font-size: 14px;
}
.online .list li .more{
    position: absolute;
    right: 42px;
    top: 50%;
    margin-top: -13px;
}
.online .list .nli1 a{background-image: url(../images/on1.png);}
.online .list .nli1 a:hover{background-image: url(../images/on11.png);}
.online .list .nli2 a{background-image: url(../images/on2.png);}
.online .list .nli2 a:hover{background-image: url(../images/on22.png);}

.online .list li a:hover{background-color: #d9261c;}
.online .list li a:hover .tt1{color: #fff;}
.online .list li a:hover .tt2{color: #fff;}


.BMap_shadow img{max-width: none;}