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


body{ font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;}


/*宽*/
.w010{ width: 100%;}
.maxw010{ max-width: 100%;}


.pt97{ padding-top: 97px;}
.mb55{ margin-bottom: 55px;}
.mb60{ margin-bottom: 60px;}
.mb115{ margin-bottom: 115px;}
.mb130{ margin-bottom: 130px;}


.fs22{ font-size: 22px;}

.color-fff{ color: #fff;}
.color-666{ color: #666;}


.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths{
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}


/*header*/
.header-custom{
    margin-bottom: 0;
    background: #fff;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
}
.header-custom.header-index{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
}
.header-custom .logo{
    height: auto;
    padding: 10px 15px 9px 15px;
}
.header-custom .logo .logo-l{
    display: block;
    width: 357px;
    height: 77px;
}
.header-custom .logo .logo-x{
    display: none;
    width: 91px;
    height: 77px;
}
.header-custom .nav-custom>li>a{
    font-size: 16px;
    color: #000;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.header-custom .nav-custom>li>a:focus,
.header-custom .nav-custom>li>a:hover{
    background-color: inherit;
}
.header-custom .nav-custom>.active>a,
.header-custom .nav-custom>.active>a:hover,
.header-custom .nav-custom>.active>a:focus{
    background-color: inherit;
}
.header-custom .navbar-toggle{
    margin-bottom: 0;
    border-color: #d82616;
}
.header-custom .navbar-toggle .icon-bar{
    background: #d82616;
}
.header-custom .navbar-toggle:hover,
.header-custom .navbar-toggle:focus{
    background: #d82616;
}
.header-custom .navbar-toggle:hover .icon-bar,
.header-custom .navbar-toggle:focus .icon-bar{
    background: #fff;
}


/*footer*/
footer{
    padding-top: 60px;
    padding-bottom: 50px;
    background: #161616;
    text-align: center;
}
.footer-tel{
    border-bottom: 1px solid #303030;
    font-size: 14px;
    color: #595959;
}
.footer-tel .tel-con{
    height: 80px;
    background: url("/static/images/line_1.jpg") center bottom no-repeat;
    margin-bottom: -2px;
}
.footer-tel .tel-con img{
    margin-right: 40px;
}
.footer-tel .tel-con .tel-text{
    display: inline-block;
}
.footer-nav{
    line-height: 36px;
}
.footer-nav a{
    display: inline-block;
    margin-right: 35px;
    margin-left: 35px;
    font-size: 16px;
    color: #fff;
}
.copy-right{
    line-height: 36px;
    font-size: 16px;
    color: #595d5f;
}


/*page*/
.page{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.page a{
    display: inline-block;
    height: 33px;
    line-height: 33px;
    padding-right: 14px;
    padding-left: 14px;
    margin-right: 1px;
    margin-left: 1px;
    font-family: Arial;
    color: #333;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.page a:hover,
.page a.current{
    background: #aaa;
    color: #fff;
}
  .page strong{
    display: inline-block;
    height: 33px;
    line-height: 33px;
    padding-right: 14px;
    padding-left: 14px;
    margin-right: 1px;
    margin-left: 1px;
    font-family: Arial;
    background: #aaa;
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*page menu*/
#side-menu{
    margin-top: -62px;
    background: url("/static/images/line_3.jpg") center top repeat-y;
    position: fixed;
    right: 1%;
    top: 50%;
    z-index: 10;
}
#side-menu li{
    width: 17px;
    height: 17px;
    margin-bottom: 24px;
    overflow: hidden;
}
#side-menu li:last-child{
    margin-bottom: 0;
}
#side-menu li a{
    display: block;
    width: 17px;
    height: 17px;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    overflow: hidden;
}
#side-menu li.active a{
    background: #d82616;
    border: 1px solid #d82616;
}

/*banner*/
.banner{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.banner .owl-stage-outer,
.banner .owl-stage,
.banner .owl-item{
    width: 100%;
    height: 100%;
}
.banner .item{
    width: 100%;
    height: 100%;
}
.banner .item{
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.banner .item a{
    display: block;
    width: 100%;
    height: 100%;
}
.banner.owl-theme .owl-controls{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 32px;
}
.banner.owl-theme .owl-dots .owl-dot span{
    width: 18px;
    height: 18px;
    margin: 0 5px;
    background: #353535;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.banner.owl-theme .owl-dots .owl-dot.active span{
    background: #d82616;
}


/*index content*/
.tit-1{
    font-size: 14px;
}
.tit-1 .name{
    float: left;
    padding-left: 53px;
    position: relative;
}
.tit-1 .name .icon{
    position: absolute;
    bottom: 0;
    left: 0;
}
.tit-1 .name .name-cn{
    float: left;
    height: 51px;
    line-height: 43px;
    font-size: 24px;
}
.tit-1 .name .name-en{
    float: left;
    line-height: 50px;
    font-family: "宋体";
    text-transform: uppercase;
}
.tit-1 .more{
    float: right;
    line-height: 51px;
    font-size: 16px;
}
.tit-1.style1{
    color: #ababab;
}
.tit-1.style1 .name .name-cn{
    border-bottom: 8px solid #ababab;
}
.tit-1.style1 .more{
    color: #ababab;
}
.tit-1.style2{
    color: #fff;
}
.tit-1.style2 .name .name-cn{
    border-bottom: 8px solid #fff;
}
.tit-1.style2 .more{
    color: #fff;
}
.mod-01 .img{
    position: relative;
}
.mod-01 .img span{
    display: block;
}
.mod-01 .img img{
    display: block;
    width: 100%;
}
.mod-01 .img .bg{
    background: rgba(216,38,22,0.8);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
.mod-01 .img .bg .text{
    position: absolute;
    top: 10px;
    right: 15px;
    bottom: 10px;
    left: 15px;
}
.mod-01 .img .bg .text .text-con{
    display: table;
    width: 100%;
    height: 100%;
}
.mod-01 .img .bg .text .text-con .con{
    display: table-cell;
    width: 100%;
    line-height: 30px;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.mod-01 .img .bg .text .text-con .con .title{
    margin-bottom: 10px;
    font-size: 24px;
}
.mod-01 .img .bg .text .text-con .con .content{
    margin-bottom: 10px;
    font-size: 16px;
}
.mod-01 .img .bg .text .text-con .con .more{
    width: 124px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    color: #d82616;
}

.mod-02 .item{
    height: 404px;
    background-position: right top;
    background-repeat: no-repeat;
}
.mod-02 .item a{
    background: rgba(0,0,0,0.65);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
}
.mod-02 .item a span{
    display: block;
}
.mod-02 .item a .text{
    display: table;
    width: 100%;
    height: 100%;
}
.mod-02 .item a .text .text-con{
    display: table-cell;
    width: 100%;
    line-height: 30px;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.mod-02 .item a .text .text-con .title{
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    margin-bottom: 15px;
    background: url("/static/images/tit_bg1.png") center center no-repeat;
    font-size: 20px;
}
.mod-02 .item a .text .text-con .content{
    width: 192px;
    margin-right: auto;
    margin-left: auto;
}
.mod-02 .active .item{
    background-position: left top;
}
.mod-02 .active .item a{
    right: 50%;
    left: 0;
}
.mod-02 .active.center .item{
    background-position: center top;
}
.mod-02 .active.center .item a{
    background: rgba(0,0,0,0.14);
    right: 0;
    left: 0;
}
.mod-02 .active.center .item a .text .text-con{
    padding-top: 190px;
}
.mod-02 .active.center .item a .text .text-con .title{
    color: #d82616;
}
.block-01{
    padding-top: 20px;
    padding-bottom: 40px;
    background: url("/static/images/bg_1.jpg") center center no-repeat;
    background-size: cover;
}
.mod-03{
    margin-right: -30px;
    margin-left: -30px;
}
.mod-03>div{
    padding-right: 30px;
    padding-left: 30px;
}
.mod-03 .img img{
    display: block;
    width: 100%;
}
.mod-03 .text{
    line-height: 36px;
    font-size: 16px;
    color: #fff;
}
.mod-03 .text .more{
    display: block;
    width: 186px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #d82616;
    text-align: center;
}
.mod-04 .box{
    margin-right: -47px;
    margin-left: -47px;
    margin-bottom: 30px;
}
.mod-04 .box>div{
    padding-right: 47px;
    padding-left: 47px;
}
.mod-04 .box .img img{
    display: block;
    width: 100%;
}
.mod-04 .box .text{
    padding-left: 108px;
    margin-top: 5px;
    position: relative;
}
.mod-04 .box .text .title{
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
}
.mod-04 .box .text .title a{
    color: #000;
}
.mod-04 .box .text .content{
    line-height: 24px;
    font-size: 14px;
    color: #808080;
}
.mod-04 .box .text .date{
    line-height: 26px;
    font-family: Arial;
    font-size: 16px;
    color: #958d8d;
    position: absolute;
    top: 5px;
    left: 0;
}
.mod-04 .box .text .date .sp-1{
    font-size: 26px;
    color: #000;
}


/*01关于我们*/
.other-banner img{
    display: block;
    width: 100%;
}
.mod-05{
    padding-bottom: 20px;
    background: #f4f4f4;
}
.mod-05 .title{
    height: 60px;
    line-height: 60px;
    padding-right: 15px;
    padding-left: 15px;
    background: #d82616;
    font-size: 26px;
    color: #fff;
}
.mod-05 .content ul li{
    padding-right: 15px;
    padding-left: 15px;
    border-bottom: 1px dashed #c8c8c8;
}
.mod-05 .content ul li a{
    display: block;
    height: 78px;
    line-height: 78px;
    padding-right: 15px;
    padding-left: 15px;
    background: url("/static/images/a_bg1.jpg") left center no-repeat;
    font-size: 18px;
    color: #000;
}
.mod-05 .content ul li a:hover,
.mod-05 .content ul li .on{
    background: url("/static/images/a_bg1_h.jpg") left center no-repeat;
}
.tit-2{
    font-size: 16px;
    color: #b7b6b6;
}
.tit-2 .name-cn{
    font-size: 30px;
    color: #d82616;
}
.tit-2 .name-en{
    font-family: Arial;
    text-transform: uppercase;
}
.mod-06{
    line-height: 48px;
    font-size: 16px;
    color: #595858;
}
.mod-06 img{
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}


/*02作品展示*/
.mod-07{
    margin-right: -8px;
    margin-left: -8px;
}
.mod-07>div{
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 25px;
}
.mod-07>div a{
    display: block;
    background: #efefef;
    font-size: 16px;
    color: #5d5d5d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-07>div a img{
    display: block;
    width: 100%;
}
.mod-07>div a p{
    height: 46px;
    line-height: 46px;
    text-align: center;
}
.mod-07>div a:hover{
    background: #d82616;
    color: #fff;
}


/*03产品展示*/
.mod-08>div{
    margin-bottom: 20px;
}
.mod-08>div a{
    display: block;
    line-height: 30px;
    padding-bottom: 30px;
    background: #f5f5f5;
    font-size: 16px;
    color: #929292;
}
.mod-08>div a span{
    display: block;
}
.mod-08>div a .img{
    margin-bottom: 25px;
}
.mod-08>div a .img img{
    display: block;
    width: 100%;
}
.mod-08>div a .text{
    padding-right: 18px;
    padding-left: 18px;
}
.mod-08>div a .text .title{
    margin-bottom: 5px;
    font-size: 20px;
    color: #414141;
    text-align: center;
}
.mod-08>div a .text .content{
    margin-bottom: 25px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.mod-08>div a .text .more{
    width: 97px;
    height: 33px;
    line-height: 31px;
    border: 1px solid #9d9d9f;
    font-size: 14px;
    color: #9d9d9f;
    text-align: center;
}
.mod-08>div a:hover{
    background: #d82616;
    color: #fff;
}
.mod-08>div a:hover .title{
    color: #fff;
}
.mod-08>div a:hover .more{
    border: 1px solid #fff;
    color: #fff;
}


/*04新闻动态*/
.mod-09 .box{
    padding-bottom: 40px;
    margin-right: -30px;
    margin-bottom: 40px;
    margin-left: -30px;
    border-bottom: 1px dashed #ddd;
}
.mod-09 .box>div{
    padding-right: 30px;
    padding-left: 30px;
}
.mod-09 .box>div .img{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-09 .box>div .img img{
    display: block;
    width: 100%;
}
.mod-09 .box>div .text .title{
    line-height: 30px;
    padding-top: 12px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
    color: #999;
}
.mod-09 .box>div .text .title .name{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.mod-09 .box>div .text .title .name a{
    color: #333;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-09 .box>div .text .title .date{
    font-family: Arial;
}
.mod-09 .box>div .text .content{
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #666;
}
.mod-09 .box>div .text .more{
    display: block;
    color: #e71a1f;
}
.mod-09 .box:hover>div .img{
    padding: 4px;
    border: 1px solid #d82616;
}
.mod-09 .box:hover>div .text .title .name a{
    color: #d82616;
}


/*04新闻动态--详情*/
.mod-10{
    line-height: 52px;
    font-size: 18px;
    color: #5b5b5b;
    text-align: center;
}
.mod-10 .date{
    height: 54px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #ababab;
}
.mod-11{
    line-height: 36px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
    font-size: 18px;
    color: #000;
}
.mod-11 a{
    color: #000;
}


























/*
     FILE ARCHIVED ON 18:15:57 Sep 04, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:38:23 Nov 11, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.692
  exclusion.robots: 0.039
  exclusion.robots.policy: 0.023
  esindex: 0.014
  cdx.remote: 6.815
  LoadShardBlock: 162.028 (3)
  PetaboxLoader3.resolve: 182.197 (3)
  PetaboxLoader3.datanode: 100.241 (4)
  load_resource: 152.022
*/