.u-aboutus-box{padding-top: 60px; color: #333;background: #fff;}
.u-aboutus-box .u-page{width: 770px;}
.w770{width: 770px;margin: 0 auto;}
.u-aboutus-box h1{font-size: 44px;line-height: normal;text-align: center;}
.u-aboutus-box i.color-red{color: #eb3d44;}
.u-aboutus-box .u-tab-nav {width: 100%;text-align: center;margin-top: 70px;}
.u-aboutus-box .u-tab-nav ul{display: table;  margin: 0 auto;border: 1px solid #afafc1;border-right: none;border-bottom:none;border-top-left-radius: 5px;border-top-right-radius: 5px;position: relative;margin-bottom: -1px;z-index: 2;}
.u-aboutus-box .u-tab-nav ul li{width: 118px;height: 48px;line-height:48px;text-align: center;float: left;cursor: pointer;border-right: 1px solid #afafc1;border-bottom: 1px solid #afafc1;font-size: 16px;color: #69697b;background: #fff;}
.u-aboutus-box .u-tab-nav .line{height: 1px ;background: #afafc1;width: 100%;position: relative;z-index: 1;}
.u-aboutus-box .u-tab-nav li.active{border-bottom:none;color: #333;}
#u-tab-con-2,#u-tab-con-4{background: #f5f5f5;}
.u-aboutus-box .u-tab-con .u-tab-con-part{padding: 60px 0;}
.u-aboutus-box .u-tab-con .u-tab-con-part .logo{display: block;margin: 0 auto;}
.u-aboutus-box .u-tab-con .u-tab-con-part h2{display: block;margin: 0 auto 70px;text-align: center;font-size: 36px;line-height: normal}
.u-aboutus-box .u-tab-con .u-tab-con-part p{font-size: 14px;margin-bottom: 26px;  line-height: 25px;}
.u-aboutus-box .u-tab-con .u-tab-con-part h3{display: block;font-size: 16px;color: #000;}
.u-aboutus-box .u-tab-con .u-tab-con-part{}
.u-aboutus-box .ft18{font-size: 18px !important;}
/*//4部分 地址*/
.ctInfo{width: 493px;margin: 0 auto;}
.ctInfo table{border-spacing:0 20px;border-collapse: separate;}
.ctName{width: 125px;border-right:1px solid #d6d8de; vertical-align: middle;color: #636973;font-size: 16px;}
.ctTxt{width: 350px;line-height: 24px;font-size: 14px;height: 46px; }
.ctTxt p{padding-left:30px;margin-bottom: 0 !important;}
.ctTxt img{vertical-align: middle;}
.ctMap{width: 479px;height: 561px;float: left;position: relative;background: url(../images/hbbg.png) no-repeat;}
.clayer{display: none; position: absolute; width: 283px;height: 170px; background: url(../images/clayer.png) no-repeat;padding:15px 15px 0 22px;}
.clayer h3{font-size: 18px; color: #eb3d44;margin-bottom: 8px;}
.clayer p{line-height: 20px;color: #636973;font-size: 12px;}


.disFix{ width: 100%;height: 52px;position: fixed;_position: absolute;top: -100px;left: 0;z-index: 1001;}
.disAtbg{width: 100%;height:52px; background: #000;opacity: 0.8;filter:alpha(opacity=80);position: absolute;top: 0;left: 0; z-index: 1002;}
.disAt{width: 100%;height:52px;position: absolute;top: 0;left: 0; z-index: 1003;}
.disAt li{float: left;width: 120px;height: 52px;color: #fff;cursor: pointer;text-align: center;line-height: 52px;font-size: 14px;}
.disAt li.act{ background: #eb3d44; }
.disAt li.disAtbtn{width:120px;height: 32px;float: right;margin:10px 1px 0 0;background: #eb3d44;color: #fff; line-height: 32px;font-size: 14px;text-align: center;position: relative; -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
.disAt li.disAtbtn a{display: block; color: #fff;font-size:16px;}
.disAt li.disAtbtn a:hover{text-decoration: none}
#mobile-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #000;
    z-index: 9;
    display: none;
    box-shadow: 0 0 4px rgba(0,0,0,0.25);
    text-align: center;
    color:#fff;
}

#mobile-bar .menu-button {
    display: block;margin: 9px auto 0;
    width: 24px;
    height: 24px;
    background: url(menu.png) center center no-repeat;
    background-size: 24px;
}
#mobile-nav{ display: block;
    position: fixed;
    float: none;
    transition: all .4s cubic-bezier(0.4,0,0,1);
    /*transform: translate(-280px,0);*/
    top: 40px;
    width: 100%;
    left: 0;
    background: #fff;
    display: none;
}
#mobile-nav ul{}
#mobile-nav ul li{height: 40px;background: #000;opacity: .8;color:#fff;line-height: 40px;border-bottom: 1px solid #afafc1;text-align: center;}
#mobile-bar span{}
@media (max-width: 768px){
 .u-header,.foot{display: none;}
    .u-tab-nav{display: none;}
    .u-aboutus-box .u-page{width: auto;padding: 0 15px;}
    .disFix{display: none;}
    .u-aboutus-box{padding: 45px 0px 0px;}
    .u-aboutus-box h1{font-size: 30px;padding: 20px 15px 0;margin-bottom: -30px;}
    .u-aboutus-box .u-tab-con .u-tab-con-part{padding: 60px 0 0;}
    .u-aboutus-box .u-tab-con .u-tab-con-part .logo{max-width: 75px;}
    .u-aboutus-box .u-tab-con .u-tab-con-part h2{font-size: 18px;margin: 0 auto 30px;}
    .ctInfo{width: auto;}
    #mobile-bar{display: block;}
}