﻿@charset "UTF-8";
/*footer 1 底部（子）公司地址*/
.footer_address * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.footer_address {
    width: 100%;
    height: 114px;
    background: #fff;
    border-top: 1px solid #E8E8E8;
}

.footer_address:after, .footer_address:before {
    content: "";
    display: block;
    clear: both;
}

.address_list {
    width: 1199px;
    height: 114px;
    margin: 0 auto;
    border-right: 1px solid #E8E8E8;
}

.address_list li {
    float: left;
    width: 119px;
    height: 114px;
    text-align: center;
    border-left: 1px solid #E8E8E8;
    position: relative;
}

.address_list li:first-child {
    width: 118px;
}

.address_list .li01.on {
    background: url("../images/address_branch.png") repeat 0 top;
}

.address_list .li02.on {
    background: url("../images/address_branch.png") repeat -120px top;
}

.address_list .li03.on {
    background: url("../images/address_branch.png") repeat -240px top;
}

.address_list .li04.on {
    background: url("../images/address_branch.png") repeat -360px top;
}

.address_list .li05.on {
    background: url("../images/address_branch.png") repeat -480px top;
}

.address_list .li06.on {
    background: url("../images/address_branch.png") repeat -600px top;
}

.address_list .li07.on {
    background: url("../images/address_branch.png") repeat -720px top;
}

.address_list .li08.on {
    background: url("../images/address_branch.png") repeat -840px top;
}

.address_list .li09.on {
  background: url("../images/address_branch.png") repeat -960px top;
}

.address_list .li10.on {
  background: url("../images/address_branch.png") repeat -1080px top;
}

.address_list .default {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.address_list li .default:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fd4249;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
}

.address_list li.on .default:after {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1)
}

.address_list li .p1 {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #fd4249;
    font-size: 20px;
    color: #FA3D4D;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 27px auto 0;
}

.address_list li .p2 {
    line-height: 16px;
    font-size: 12px;
    color: #b2b2b2;
    text-transform: uppercase;
    display: none;
}

.address_list li .p3 {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    padding-top: 5px;
}

.address_list li.on .p1 {
    background: #FA3D4D;
    color: #000;
}

.address_list li.on .p2 {
    color: #fff;
}

.address_list li.on .p3 {
    color: #fff;
}

.address_list li .p1, .address_list li .p2, .address_list li .p3 {
    -webkit-transition: transform .4s cubic-bezier(.3, .8, .6, 1) .2s;
    transition: transform .4s cubic-bezier(.3, .8, .6, 1) .2s;
}

.address_list li.on .p1, .address_list li.on .p2, .address_list li.on .p3 {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

.address_list .mask {
    width: 336px;
    height: 96px;
    border: 2px solid #FA3D4D;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    z-index: 99;
    position: absolute;
    top: -96px;
    left: 50%;
    margin-left: -170px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .6s cubic-bezier(.3, .8, .6, 1) .2s;
    -webkit-transition: all .6s cubic-bezier(.3, .8, .6, 1) .2s;
    pointer-events:none;
}

.address_list li.on .mask {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 99;
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
    pointer-events: auto;
}

.address_list .mask:after {
    content: "";
    display: block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #FA3D4D;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -6px;
    z-index: 8;
}

.address_list .mask:before {
    content: "";
    display: block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -4px;
    z-index: 9;
}

.address_list .mask .info_fl {
    float: left;
    width: 98px;
    height: 96px;
    background: url("../images/locadress_bigicon.png") #FA3D4D no-repeat center 15px;
}

.address_list .mask .info_fr {
    float: left;
    width: 202px;
    height: 96px;
    padding: 0 16px 0 20px;
    font-size: 12px;
    color: #808080;
    text-align: left;
}

.address_list .mask .info_fl .text {
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    color: #fff;
    padding-top: 47px;
}

.address_list .mask .info_fl .text span {
    display: inline-block;
    padding-left: 3px;
}

.address_list .mask .info_fl .text:before,
.address_list .mask .info_fl .text:after {
    content: "";
    display: block;
    width: 6px;
    height: 32px;
}

.address_list .mask .info_fl .text:before {
    float: left;
    margin-left: 21px;
    background: url("../images/pull_fl.png") no-repeat center center;
}

.address_list .mask .info_fl .text:after {
    float: right;
    margin-right: 23px;
    background: url("../images/pull_fr.png") no-repeat center center;
}

.address_list .mask .info_fr .info1 {
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    padding: 12px 0 6px;
}

.address_list .mask .info_fr .info1 span {
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #999;
    background: url("../images/locadress_smicon.png") no-repeat left center;
    padding-left: 16px;
    float: right;
}

.address_list .mask .info_fr .info2 {
    line-height: 20px;
    text-align: justify;
}

@media (max-width: 1458px) {
    /*右侧*/
    .address_list .li07 .mask {
        left: auto;
        margin-left: 0;
        right: -35px;
    }

    .address_list .li07 .mask:after {
        margin-left: 44px;
    }

    .address_list .li07 .mask:before {
        margin-left: 46px;
    }
}

@media (max-width: 1369px) {
    .address_list .li01 .mask {
        left: 0;
        margin-left: -35px;
    }

    .address_list .li01 .mask:after {
        margin-left: -58px;
    }

    .address_list .li01 .mask:before {
        margin-left: -56px;
    }
}

@media (max-width: 1356px) {
    /*右侧*/
    .address_list .li07 .mask {
        left: auto;
        margin-left: 0;
        right: 0;
    }

    .address_list .li07 .mask:after {
        margin-left: 80px;
    }

    .address_list .li07 .mask:before {
        margin-left: 82px;
    }
}

@media (max-width: 1320px) {
    .address_list .li01 .mask {
        left: 0;
        margin-left: 0;
    }

    .address_list .li01 .mask:after {
        margin-left: -90px;
    }

    .address_list .li01 .mask:before {
        margin-left: -88px;
        border-top: 6px solid #FA3D4D;
    }

    .address_list .li08 .mask {
        left: auto;
        margin-left: 0;
        right: 0;
    }

    .address_list .li08 .mask:after {
        margin-left: 80px;
    }

    .address_list .li08 .mask:before {
        margin-left: 82px;
    }
}

.copyrightbox {
    height: 70px;
    font-size: 12px;
    color: #757575;
    background: #1F1F24;
}

.copyright {
    width: 1200px;
    line-height: 70px;
    margin: 0 auto;
}

/*底部样式开始*/
.new_footer{width:100%;background:#1F1F24;z-index:2;position:relative;}
.new_footer .footer_top{/*max-width:1424px;*/width:1200px;min-width:1200px;margin:0 auto;overflow:hidden;padding-bottom:10px;border-bottom:1px solid #313036;}
.new_footer .footer_bottom{/*max-width:1424px;*/width:1200px;min-width:1200px;margin:0 auto;padding:30px 0 10px 0;}
.new_footer .footer_bottom:before,.new_footer .footer_bottom:after{content: "";display: block;clear: both;}
.new_footer .footer_top .foot_nav{overflow:hidden;}
.new_footer .footer_top_left dl{float:left;width:130px;padding-left:25px;border-left:1px solid #2C2C30;}
.new_footer .footer_top_left{overflow:hidden;padding:50px 0 30px 0;float:left;}
.new_footer .footer_top_left dl dt{font-size:16px;color:#B5B5B5;}
.new_footer .footer_top_left dl dd{font-size:14px;margin-top:15px;}
.new_footer .footer_top_left dl dd a{color:#616162;display:block;line-height:28px;}
.new_footer .footer_top_left dl dd a:hover{color:#B5B5B5;}
.new_footer .footer_top_left dl:first-child{padding-left:0;border:none;}
.new_footer .footer_top_left .aptitude{margin:20px 0 0 0;overflow:hidden;}
.new_footer .footer_top_left .aptitude li{float:left;margin-right:20px;}
.new_footer .footer_top_right dl{height:500px;background:url(../images/footer_map.png) no-repeat left 20px;}
.new_footer .footer_top_right{float:right;width:400px;padding-left:40px;border-left:1px solid #2C2C30;height:180px;margin-top:50px;}
.new_footer .footer_top_right dt{font-size:16px;color:#B5B5B5;line-height:16px;padding-bottom:18px;background:url(../images/hr3.jpg) no-repeat left bottom;}
.new_footer .footer_top_right dd{line-height:22px;font-size:12px;color:#616162;padding-top:8px;}
.new_footer .footer_bottom_left{float:left;width: 950px;}
.new_footer .footer_hot{font-size:14px;color:#B5B5B5;overflow:hidden;padding-bottom: 15px;}
.new_footer .footer_hot a{color:#B5B5B5;padding:0 13px 0 12px;display:inline-block;}
.new_footer .footer_hot a:hover{color:#fff;}
.new_footer .footer_hot font{float:left;}
.new_footer .footer_hot a{float:left;}
.new_footer .footer_bottom_left_nav{font-size:14px;color:#B5B5B5;overflow:hidden;}
.new_footer .footer_bottom_left_nav a{color:#B5B5B5;padding:0 13px 0 12px;display:inline-block;background: url(../images/hr4.jpg) no-repeat right center;}
.new_footer .footer_bottom_left_nav a:hover{color:#fff;}
.new_footer .footer_bottom_left_nav font{float:left;}
.new_footer .footer_bottom_left_nav a{float:left;}
.new_footer .footer_bottom_left_nav a:last-child{background:none;}
.new_footer .footer_bottom .copyright{font-family:arial;color:#747474;line-height:24px;padding:12px 0;font-size: 12px;}
.new_footer .footer_bottom_right{float:right;}
.new_footer .footer_bottom .linkbox{width:250px;height:40px;background:#29292F;}
.new_footer .footer_bottom .linkbox dd{float:left;line-height:40px;font-size:14px;color:#8A8A8A;padding:0 10px;width:185px;}
.new_footer .footer_bottom .linkbox dt{width:45px;height:40px;float:right;background:#36363C url(../images/down4.png) no-repeat center;cursor:pointer;}
.new_footer .footer_bottom .links{height:0;position:relative;display:none;}
.new_footer .footer_bottom .links .linkboxli{position:absolute;left:0;bottom:0;background:#29292F;border-bottom:1px solid #333;max-height: 316px;overflow-x: hidden;overflow-y: auto}
.new_footer .footer_bottom .links .linkboxli a{line-height:35px;color:#888;display:block;width:205px;text-indent:10px;}
.new_footer .footer_bottom .links .linkboxli a:hover{color:#ccc;}
.new_footer .footer_bottom .linkbox:hover .links{display:block;}
.new_footer .footer_bottom .linkbox:hover dt{background:#36363C url(../images/up1.png) no-repeat center;}
.new_footer .footer_bottom .apply_link{text-align:right;line-height:35px;margin-top:8px;}
.new_footer .footer_bottom .apply_link a{color:#747474;padding-left:10px;background:url(../images/go.png) no-repeat left center;font-size: 12px;}
.new_footer .footer_bottom .apply_link a:hover{color:#EEE;}
/*底部样式结束*/
