*{
    font-family:Arial,"Microsoft YaHei","宋体",sans-serif;
    margin:0;
    padding:0;
    color:#666464;
}
body{
    background-color:#fff;
}
html,body{
    -webkit-overflow-scrolling:touch;/*ios7顺畅滑动*/
    overflow-scrolling:touch;
    height:100%;
}
ul,ol{
    list-style:none;
}
:focus{
    outline:0;
}
input{
    padding:0;
    border:0 none;
    outline-style:none;
}
/*去除iPhone中默认的input和textarea样式*/
input[type="submit"],input[type="reset"],input[type="button"]{
    -webkit-appearance:none;
}
input[type="checkbox"]{
    -webkit-appearance:checkbox;
}
textarea{
    -webkit-appearance:none;
    resize:none;
    outline-style:none;
}
table{
    border-collapse:collapse;
}
img{
    display:inline-block;
    vertical-align:middle;
    border:none;
    -ms-interpolation-mode:bicubic; /*解决ms图片缩放失真*/
}
::selection{
    background:#000;
    color:#fff;
}
::-moz-selection{
    background:#000;
    color:#fff;
}
::-webkit-selection{
    background:#000;
    color:#fff;
}
a:hover,a:focus,a:visited{
    text-decoration:none;
}

/*loading-page*/
#loading-page{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:20000;
    text-align:center;
}
#loading-page .content{
    position:absolute;
    height:76px;
    width:100%;
    left:0;
    top:40%;
    margin-top:-38px;
}
@-webkit-keyframes scale{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1;
    }
    45%{
        -webkit-transform:scale(0.1);
        transform:scale(0.1);
        opacity:0.7;
    }
    80% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1;
    }
}
@keyframes scale{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1;
    }
    45%{
        -webkit-transform:scale(0.1);
        transform:scale(0.1);
        opacity:0.7;
    }
    80% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1;
    }
}
.loader{
    text-align:center;
    display:block;
    margin-top:20px;
}
.loader>div:nth-child(1){
    -webkit-animation:scale 0.9s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation:scale 0.9s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.loader>div:nth-child(2){
    -webkit-animation: scale 0.9s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation:scale 0.9s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.loader>div:nth-child(3){
    -webkit-animation:scale 0.9s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation:scale 0.9s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.loader>div:nth-child(4){
    -webkit-animation:scale 0.9s 0.48s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation:scale 0.9s 0.48s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.loader>div:nth-child(5){
    -webkit-animation:scale 0.9s 0.6s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation:scale 0.9s 0.6s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.loader>div{
    background-color:#000;
    width:10px;
    height:10px;
    border-radius:50%;
    margin:2px;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    display:inline-block;
}
@media only screen and (max-width:767px){
    #loading-page img{
        width:50px;
        height:50px;
    }
    .loader>div{
        width:6px;
        height:6px;
    }
}

/*#header*/
#header{
    width:100%;
    padding-top:60px;/*header头上空白*/
    margin-bottom:30px;
    border:0 none;
    background-color:#fff;
}

#header .navbar-brand{
    width:232px;
    height:33px;
    padding:0;
    margin-left:0;
    background:url(../images/logo.png) 0 0 no-repeat;
    background-size: 100%;
    text-indent:-9999px;
}
#header.navbar-default .navbar-nav>.active>a,#header.navbar-default .navbar-nav>.active>a:hover, #header.navbar-default .navbar-nav>.active>a:focus{
    color:#000;
    background:none;
}
#header.navbar-default .navbar-nav>li>a{
    padding:0;
    margin:0 10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
#header .header-nav{
    margin-left:130px;
    padding-top:8px; /*(66-20)/2*/
}
#header #header-collapse .sign{
    width:36px;
    height:36px;
   /* margin-top:15px;(66-30)/2*/
}
#header #header-collapse .sign img{
    display:block;
    width:100%;
    height:100%;
}
#header #header-collapse .home{
    display:none;
}

@media only screen and (max-width:1239px){
    html.no-scroll,body.no-scroll{
        height:100%;
        overflow-y:hidden;
    }
    #header.height-change{
        height:100%;
        overflow-y:scroll;
    }
    #header .navbar-header{
        margin-left:0;
        margin-right:0;
    }
    #header .header-nav{
        margin-left:0;
        padding-top:0;
    }
    #header #header-collapse{
        border-top:0 none;
        background-color:#fff;
        position:absolute;
        width:940px;
        left:50%;
        top:196px;
        margin-left:-470px;
        padding-left:0;
        padding-right:0;
    }
    #header .navbar-toggle{
        margin:0;
        padding:0;
        border:0 none;
        width:50px;
        height:33px;
        background:none;
        position:relative;
    }
    #header .navbar-toggle:before{
        position:absolute;
        content:'';
        width:36px;
        height:26px;
        background:url(../images/line.jpg) 0 0 no-repeat;
        -webkit-background-size:cover!important;
        -moz-background-size:cover!important;
        -o-background-size:cover!important;
        background-size:cover!important;
        right:0;
        top:50%;
        margin-top:-14px;
    }
    #header #header-collapse ul,#header #header-collapse ul li a{
        margin:0;
    }
    #header #header-collapse .sign{
        display:none;
    }
    #header #header-collapse ul li a{
        line-height:50px;
        color:#221713;
    }
    #header #header-collapse ul li.active a{
        color:#000;
    }
    #header #header-collapse .home{
        display:block;
        margin-bottom:20px;
    }
}
@media only screen and (max-width:991px){
    #header #header-collapse{
        width:720px;
        margin-left:-360px;
    }
}
@media only screen and (max-width:767px){
    #header{
        padding-top:0;
        margin-bottom:15px;
        margin-top: 15px;
    }
    #header .container{
        padding-left:0;
        padding-right:0;
    }
    #header #header-collapse{
        width:100%;
        padding-left:15px;
        padding-right:15px;
        left:0;
        margin-left:0;
    }
    #header .navbar-brand{
        width:115px;
        background:none;
        position:relative;
        margin-left: -72px;
        left: 50%;
    }
    #header .navbar-brand:before{
        position:absolute;
        content:'';
        width:144px;
        height:26px;
        background:url(../images/logo.png) 0 0 no-repeat;
        /* -webkit-background-size:cover!important;
        -moz-background-size:cover!important;
        -o-background-size:cover!important;
        background-size:cover!important; */
        background-size: 100%;
        left:0;
        top:50%;
        /* margin-top:-18px; */
    }
    #header .navbar-toggle:before{
        width:26px;
        height:19px;
        right:15px;
        margin-top:0px;
    }
    #header #header-collapse{
        top:126px;/*66+60*/
    }
}

/*#carousel*/
#carousel{
    margin-bottom:15px; 
}
/*
  #carousel .carousel-inner .item{
    height:590px;
} */
#carousel .carousel-inner .item a{
    display:block;
    width:100%;
    height:100%;
}
#carousel .carousel-inner .item img{
    width: 100%; /* oo */
    vertical-align: top;
}
#carousel .carousel-inner .item{
    -webkit-background-size:cover!important;
       -moz-background-size:cover!important;
         -o-background-size:cover!important;
            background-size:cover!important;
}
#carousel .arrow{
    display:none;
}
#carousel .carousel-indicators{
    margin-bottom:0;
}
#carousel .carousel-indicators .active{
    background-color:#fff;
    width:9px;
    height:9px;
}
#carousel .carousel-indicators li{
    width:9px;
    height:9px;
    margin:0 5px!important;
    border-radius:50%;
    border:0 none;
    background:rgba(255,255,255,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
}

@media only screen and (max-width:767px){
    #carousel .carousel-inner .item{  }
    #carousel .carousel-indicators li,#carousel .carousel-indicators .active{
        width:6px;
        height:6px;
        margin:0 2px!important;
    }
}

/*work-list*/
#work-list ul{
    margin-left:-10px;
    margin-right:-10px;
}
#work-list ul li{
    padding:0 10px;
    margin-bottom:20px;
}
#work-list ul li a{
    display:block;
    position:relative;
}
#work-list ul li a .pic{
    padding-top:78.5%;/*图片高/宽*/
    -webkit-background-size:cover!important;
    -moz-background-size:cover!important;
    -o-background-size:cover!important;
    background-size:cover!important;
}
#work-list ul li a .desc{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(201,224,46,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2c9e02e,endColorstr=#b2c9e02e);
    opacity:0;
    display:none\0;
    background:none\0;
    filter:none\0;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#work-list ul li a .desc .content{
    position:absolute;
    width:100%;
    left:0;
    text-align:center;
    top:50%;;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
#work-list ul li a .desc .content h3{
    font-size:22px;
    color:#fff;
    font-weight:normal;
    margin-top:0;
    margin-bottom:0;
    padding:0 10px;
}
#work-list ul li a:hover .desc{
    opacity:1;
    display:block\0;
    background:rgba(201,224,46,0.7)\0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2c9e02e,endColorstr=#b2c9e02e)\0;
}
#work-list ul li a .title{
    display:none;
}

@media only screen and (max-width:767px){
    #work-list ul li a .desc{
        display:none;
    }
    #work-list ul li{
        margin-bottom:10px;
    }
    #work-list ul li a .title{
        display:block;
        color:#221713;
        font-size:14px;
        margin-top:5px;
        margin-bottom:15px;
        /* text-align:center; */
        font-weight:normal;
    }
}

/*a#more*/
a#more{
    display:block;
    line-height:22px;
    margin:80px auto 0;
    color:#221713;
    width:100px;
    text-align:center;
}
a#more img{
    height:22px;
    width:auto;
    vertical-align:top;
}
a#more:hover{
    text-decoration:underline;
}
@media only screen and (max-width:767px){
    a#more{
        width:100%;
        padding:10px 0;
        margin-top:50px;
    }
}

/*footer*/
.footer{
    
    margin-bottom:225px;
    text-align:center;
}
.footer .item{
    display:inline-block;
    margin-left:35px;
    height:20px;
    line-height:20px;
    color:#595757;
}
.footer .item:first-child{
    margin-left:0;
}
.footer .item a{
    color:#595757;
    cursor:text;
}
.footer .item strong{
    font-size:18px;
}
.footer img{
    height:16px;
    width:auto;
    vertical-align:middle;
    margin-right:10px;
    margin-top:-4px;
}
.footer strong{
    margin-right:8px;
    color:#595757;
}
@media only screen and (max-width:1239px){
    .footer{
        padding:0;
        margin-bottom:100px;
        font-size:12px;
    }
    .footer .item strong{
        font-size:14px;
    }
    .footer .item{
        display:block;
        margin-left:0;
        text-align:center;
        margin-bottom:15px;
    }
}
@media only screen and (max-width:767px){
    .footer{
        margin-top:100px;
        margin-bottom:40px;
    }
}

/*#info-list*/
#info-list ul{
    margin-left:-10px;
    margin-right:-10px;
}
#info-list ul li{
    padding:0 10px;
    margin-bottom:70px;
}
#info-list ul li a{
    display:block;
    position:relative;
    width:100%;
    padding-top:20px;
}
#info-list ul li a h2{
    color:#666464;
    font-size:24px;
    font-weight:bold;
    line-height:28px;
    height:28px;
    margin-top:0;
    margin-bottom:0;
    overflow:hidden;
    white-space:nowrap;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
}
#info-list ul li a .pic{
    width:100%;
    padding-top:78.5%;
    margin-top:20px;
    -webkit-background-size:cover!important;
       -moz-background-size:cover!important;
         -o-background-size:cover!important;
            background-size:cover!important;
}
#info-list ul li a:hover .pic{
    -webkit-filter:opacity(0.7);
            filter:opacity(0.7);
}
#info-list ul li a .article{
    padding-top:20px;
    height:100px;
    overflow:hidden;
}
#info-list ul li a .article p{
    max-height:100%;
    margin-bottom:0;
    line-height:20px;
}
#info-list ul li a i{
    position:absolute;
    width:100%;
    height:2px;
    left:0;
    top:0;
    background:#666464;
    box-shadow:inset 0 0 0 0 #c9e02e;
    -webkit-transition:all .3s linear;
       -moz-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}
#info-list ul li a:hover i{
    box-shadow:inset 380px 0 0 0 #c9e02e;
    background:#c9e02e\0;
}

@media only screen and (max-width:991px){
    #info-list ul li{
        margin-bottom:50px;
    }
    #info-list ul li a{
        padding-top:15px;
    }
    #info-list ul li a h2{
        font-size:20px;
    }
    #info-list ul li a .pic{
        margin-top:15px;
    }
    #info-list ul li a .article{
        padding-top:18px;
    }
}
@media only screen and (max-width:767px){
    #info-list ul li:last-child{
        margin-bottom:0;
    }
    #info-list ul li a{
        padding-top:10px;
    }
    #info-list ul li a h2{
        font-size:16px;
    }
    #info-list ul li a .pic{
        margin-top:10px;
    }
}

/*work*/
#work .work-name{
    margin-top:65px;
}
#work .work-name .content,#work .desc .content{
    width:800px;
    margin:0 auto;
    text-align:center;
}
#work .work-name h3{
    font-size:18px;
    margin-top:0;
    margin-bottom:10px;
}
#work .desc{
    margin-top:125px;
}
#work .item{
    margin-bottom:55px;
}
#work .item h4{
    font-size:18px;
    margin-top:0;
    float:left;
    width:160px;
    text-align:left;
    padding-top:4px;
}
#work .item .text{
    float:left;
    width:640px;
}
#work .item p{
    color:#787878;
    text-align:left;
}
#work .pic img{
    display:block;
    width:100%;
    height:auto;
    margin-top:50px;
}
#work .top-pic img{
    display:block;
    width:100%;
    height:auto;
}



@media only screen and (max-width:1239px){
    #work .pic img{
        margin-top:30px;
    }
}
@media only screen and (max-width:991px){
    #work .work-name .content,#work .desc .content{
        width:720px;
    }
    #work .item .text{
        width:560px;
    }
}
@media only screen and (max-width:767px){
    #work .pic img{
        margin-top:10px;
    }
    #work .work-name .content,#work .desc .content{
        width:100%;
    }
    #work .item h4{
        width:100%;
        font-size:16px;
    }
    #work .item .text{
        width:100%;
    }
    #work .work-name{
        margin-top:40px;
    }
    #work .desc{
        margin-top:50px;
    }
    #work .work-name h3{
        font-size:16px;
        text-align:left;
    }
}

/*about*/
#about{
    text-align:center;
}
#about h3{
    color:#000;
}
#about h3.en{
    font-size:72px;
    line-height:78px;
    text-transform:uppercase;
    margin-top:0;
}
#about h3.cn{
    font-size:48px;
    margin-bottom:120px;
}
#about img{
    display:block;
    margin:0 auto;
    max-width:100%;
}
#about .article{
    margin-top:100px;
}
#about .article p{
    margin-bottom:40px;
    line-height:30px;
}

@media only screen and (max-width:1239px){
    #about h3.en{
        font-size:50px;
        line-height:50px;
    }
    #about h3.cn{
        font-size:34px;
        margin-bottom:80px;
    }
    #about .article{
        margin-top:80px;
    }
}
@media only screen and (max-width:767px){
    #about h3.en{
        font-size:22px;
        line-height:24px;
    }
    #about h3.cn{
        font-size:16px;
        margin-bottom:50px;
        margin-top:10px;
    }
    #about .article{
        margin-top:50px;
    }
    #about .article p{
        margin-bottom:20px;
        line-height:1.42857143;
        text-align:left;
    }
    #about .article p:last-child{
        margin-bottom:0;
    }
}

/*contact*/
#contact .address-pic{
    width:1090px;
    margin:0 auto;
}
#contact .address-pic .pic{
    height:290px;
    position:relative;
    -webkit-background-size:cover!important;
    -moz-background-size:cover!important;
    -o-background-size:cover!important;
    background-size:cover!important;
}
#contact .address-pic .pic span{
    position:absolute;
    width:100%;
    text-align:center;
    left:0;
    bottom:-30px;
}
#contact .address-detail{
    width:1090px;
    margin:150px auto 0;
}
#contact .address-detail .item{
    float:left;
}
#contact .address-detail .item p{
    font-size:18px;
    margin-bottom:100px;
    overflow:hidden;
}
#contact .address-detail .item strong{
    float:left;
    width:160px;
    text-align:left;
}
#contact .address-detail .item i{
    font-size:14px;
    font-style:normal;
}
#contact .address-detail .item p img{
    height:18px;
    margin-right:5px;
}
#contact .address-detail .item span{
    float:left;
    width:500px;
    text-align:left;
}
#contact .address-detail .item>img{
    width:430px;
}

@media only screen and (max-width:1239px){
    #contact .address-pic{
        width:940px;
    }
    #contact .address-pic .pic{
        height:250px;
    }
    #contact .address-detail{
        width:940px;
    }
    #contact .address-detail .item p{
        font-size:14px;
    }
    #contact .address-detail .item strong{
        width:120px;
    }
    #contact .address-detail .item>img{
        width:400px;
    }
    #contact .address-detail .item span{
        width:420px;
    }
}
@media only screen and (max-width:991px){
    #contact .address-pic{
        width:720px;
    }
    #contact .address-pic .pic{
        height:200px;
    }
    #contact .address-detail{
        width:720px;
    }
    #contact .address-detail .item>img{
        width:330px;
    }
    #contact .address-detail .item span{
        width:290px;
    }
    #contact .address-detail .item strong{
        width:100px;
    }
    #contact .address-detail .item p{
        margin-bottom:80px;
    }
}
@media only screen and (max-width:767px){
    #contact .address-pic{
        width:100%;
    }
    #contact .address-pic .pic:first-child span{
        color:#fff;
        text-align:right;
        bottom:5px;
        padding-right:5px;
    }
    #contact .address-detail{
        width:100%;
        margin-top:80px;
    }
    #contact .address-detail .item{
        float:none;
    }
    #contact .address-detail .item span{
        width:100%;
    }
    #contact .address-detail .item p{
        margin-bottom:25px;
    }
    #contact .address-detail .item>img{
        margin-top:25px;
        width:100%;
    }
}

/*not-found*/
#not-found{
    text-align:center;
    color:#000;
    padding-top:190px;
    padding-bottom:300px;
    background:#fff url(../img/404.jpg) center 190px no-repeat;
    -webkit-background-size:contain!important;
    -moz-background-size:contain!important;
    -ms-background-size:contain!important;
    -o-background-size:contain!important;
    background-size:contain!important;
}
#not-found img{
    display:block;
    margin:0 auto;
    max-width:100%;
}
#not-found h3{
    font-size:30px;
    margin-top:430px;
    margin-bottom:40px;
}
#not-found p{
    height:36px;
    line-height:36px;
    font-size:20px;
    margin-top:16px;
}
#not-found p a{
    height:34px;
    line-height:34px;
    border:1px solid #000;
    padding:0 100px;
    font-size:20px;
    text-decoration:none;
    color:#000;
}
#not-found p span{
    display:inline-block;
    padding:0 40px;
    font-size:20px;
}
@media only screen and (max-width:1239px){
    #not-found{
        padding-top:100px;
        background:#fff url(../img/404.jpg) center 100px no-repeat;
    }
}
@media only screen and (max-width:767px){
    #not-found p a{
        display:block;
        padding:0;
        font-size:16px;
    }
    #not-found h3{
        font-size:20px;
        margin-top:200px;
    }
    #not-found p,#not-found p span{
        font-size:18px;
    }
}
/* 404 倒数5秒 标红 */
#not-found #second{ font-size:25px; padding:0 10px; color:red; }

/* 新闻资讯 */
#news{
    margin-bottom:180px;
}
#news h2{
    font-size:24px;
    margin-top:0;
    margin-bottom:50px;
    color:#666464;
}
#news .content{
    width:800px;
    margin:0 auto;
}
#news .content img{
    display:block;
    width:100%;
}
#news .content p{
    margin-top:10px;
    margin-bottom: 20px;
    line-height: 1.6;
}
#news .link-box{
    display:none;
}
@media only screen and (max-width:991px){
    #news .content{
        width:720px;
    }
}
@media only screen and (max-width:767px){
    #news{
        margin-bottom:80px;
    }
    #news .content{
        width:100%;
    }
    #news h2{
        font-size:16px;
        margin-bottom:30px;
    }
    .news-info-list{
        display:none;
    }
    #news .link-box{
        display:block;
        margin-top:80px;
    }
    #news .link-box a{
        display:block;
        font-size:14px;
        color:#221713;
        line-height:40px;
        font-weight:bold;
    }
}

/*back-to-top*/
.back-to-top{
    text-align: right;
    margin-top:150px;
    margin-bottom: 20px;
    padding:0;
}
.back-to-top img{
    height: 22px;
}
.back-to-top a{
    color:#221713;
    padding-right: 55px;
}
.back-to-top a:hover{
    text-decoration:underline;
}
@media only screen and (max-width:1239px){
    .back-to-top{
        margin-top: 20px;
        margin-bottom: 100px;
        text-align: center;
    }
    .back-to-top a{
        padding-right: 0;
    }
}
  

@media only screen and (max-width: 767px){
    .back-to-top a{
        display: block;
        width: 100%;
        padding: 10px 0;
    }
}


#notice{ margin-bottom: 15px; }
@media only screen and (max-width:767px){
    #notice{ display: none; }
    /* 手机端左边小图标 */
    #sicon {
        float: left;
        position: absolute;
        left: 15px;
        top: 30%;
    }
    #sicon img{
        width:22px;
        height: 22px;
    }
}

#work-title{
    color: #306ca7;
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 15px;
}
@media only screen and (min-width:766px){
    #work-title{ 
        display: none; 
    }
    #sicon{ display: none; }
}