body {
    color:#666;
    font-size:14px;
    line-height:24px;
    font-family:"Microsoft YaHei New","Microsoft Yahei","微软雅黑"
}
img {
    border:0;
    outline:none;
    max-width:100%
}
input {
    -webkit-appearance:none;
    outline:none
}
textarea {
    -webkit-appearance:none
}
a {
    color:#666;
    text-decoration:none;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
a:hover {
    color:#e91b27
}
@media (max-width:1240px) {
    a {
        -webkit-transition-duration:0s;
        transition-duration:0s
    }
}a:hover {
     color:#e91b27
 }
ul,li {
    list-style:none
}
h1,h2,h3,h4,h5,h6,ul,li P {
    margin:0;
    padding:0
}
@font-face {
    font-family:"HelveticaNeueLTPro-UltLtEx";
    
    font-weight:normal;
    font-style:normal
}
.vcenter {
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    display:block;
    max-width:100%;
    max-height:100%;
    position:absolute;
    vertical-align:middle
}
.header {
    top:0;
    left:0;
    width:100%;
    height:84px;
    z-index:99;
    position:fixed;
   background: rgba(0,0,0,1)
}
.header .logo {
    padding-left:7%;
    margin-top:0px
}
@media (max-width:1820px) {
    .header .logo {
        padding-left:20px
    }
}.header .searchBtn {
     float:right;
     line-height:80px;
     padding-right:7%;
     padding-left:28px;
     display:inline-block;
     background:url(../image/home-line.png) no-repeat left center
 }
.header .searchBtn img {
    max-height:24px
}
.header .searchbox {
    top:27px;
    right:170px;
    height:30px;
    width:270px;
    display:none;
    z-index:99;
    padding:0;
    line-height:30px;
    border-radius:30px;
    background:#fff;
    position:absolute
}
.header .searchbox input {
    color:#333;
    font-size:14px;
    padding:0 15px;
    background:none;
    border:0;
    font-family:"微软雅黑"
}
@media (max-width:1220px) {
    .header {
        height:60px;
        background:#000;
        opacity: 1;
    }
    .header .searchBtn {
        display:none
    }
}
.nav {
     float:right;
     font-size:16px;
     padding-right: 145px;
    font-family:"Microsoft YaHei New","Microsoft Yahei","微软雅黑"
 }
.nav li {
    float:left;
    margin:0 30px;
    -webkit-transition-duration:500ms;
    transition-duration:500ms;
    position:relative;
    line-height:84px
}
@media (max-width:1540px) {
    .nav li {
        margin:0 10px
    }
}.nav li:before {
     content:"";
     display:block;
     width:0;
     position:absolute;
     height:1px;
     left:0;
     bottom:0;
     background-color:#e91b27;
     -webkit-transition-duration:500ms;
     transition-duration:500ms
 }
.nav li:hover:before {
    width:100%
}
.nav li>a {
    color:#fff;
    padding:0 10px;
    -webkit-transition-duration:0s;
    transition-duration:0s;
    display:inline-block
}
.nav li>a:hover {
    color:#fff
}
.nav .active:before {
    width:100%
}
.fixed {
    top:0;
    width:100%;
    z-index:99;
    position:fixed;
    border:0;
    background-color:rgba(0,0,0,1);
    -webkit-transition:all 0 .5s linear;
    transition:all 0 .5s linear;
    -webkit-animation:positionFix 0 .5s ease-in-out;
    animation:positionFix 0 .5s ease-in-out;
    height:60px;
    opacity: 1;
}
.fixed .logo {
    margin-top:2px
}
.fixed .logo img {
    max-height:55px
}
.fixed .nav li {
    line-height:60px
}
.fixed .searchBtn {
    line-height:60px
}
.fixed .searchbox {
    top:17px
}
@media (max-width:1220px) {
    .nav {
        display:none
    }
    .header .logo {
        margin-top:10px
    }
    .header .logo img {
        max-height:40px
    }
    .searchBtn {
        display:none
    }
}
.phone-menu {
     width:60px;
     height:60px;
     float:right;
     color:#fff;
     margin-top:0;
     margin-right:0;
     display:none;
     font-size:16px;
     -webkit-transform-origin:center;
     -ms-transform-origin:center;
     transform-origin:center;
     -webkit-transition-duration:1s;
     transition-duration:1s;
     background:url(../image/menu.png) no-repeat center center;
     cursor:pointer
 }
@media (max-width:1220px) {
    .phone-menu {
        display:block
    }
}.phone-menu:hover {
     width:60px;
     height:60px;
     background:url(../image/menu.png) no-repeat center center
 }
.phone-close {
    width:60px;
    height:60px;
    float:right;
    margin-right:0;
    display:block;
    font-size:0;
    text-indent:-99999;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    -webkit-transition-duration:1s;
    transition-duration:1s;
    background:url(../image/close.png) no-repeat center center;
    cursor:pointer
}
@media (max-width:1220px) {
    .phone-close {
        display:block
    }
}.phone-close .phone-close:focus {
     background:url(../image/close.png) no-repeat center center #231815
 }
.phone-nav {
    width:100%;
    overflow:visible !important;
    right:0;
    bottom:0;
    display:none;
    padding:0;
    margin:0;
    top:60px;
    position:fixed;
    z-index:9999;
    color:#fff;
    font-size:14px;
    line-height:36px
}
.phone-nav a {
    color:#fff;
    padding-left:20px;
    display:block
}
.phone-nav a:hover {
    color:#fff
}
.phone-nav ul {
    padding:10px 0;
    background:rgba(0,0,0,0.95)
}
.phone-nav li:first-child {
    border:0
}
.phone-nav li {
    text-align:left;
    border-top:solid 1px rgba(255,255,255,0.2)
}
.phone-nav li p>a {
    color:#fff
}
.footer {
    padding:30px 0;
    font-size:16px;
    background:#232323
}
@media (max-width:960px) {
    .footer {
        padding:10px 0;
        font-size:12px
    }
}.footer .container {
     position:relative
 }
.footer .menu {
    padding-bottom:20px
}
.footer .menu a {
    padding:0 20px;
    display:inline-block
}
.footer .menu a:hover {
    color:#fff
}
.footer .menu a:first-child {
    padding-left:0
}
@media (max-width:960px) {
    .footer .menu {
        display:none
    }
}.footer .share {
     top:0;
     right:0;
     position:absolute
 }
.footer .share a {
    padding:0 10px;
    display:inline-block
}
.footer .share img {
    max-height:22px
}
@media (max-width:960px) {
    .footer .share {
        display:none
    }
}.banner {
     overflow:hidden
 }
.banner .slick-prev,.banner .slick-next {
    height:16px;
    width:16px;
    border:0;
    top:auto;
    z-index:4;
    margin-top:auto;
    bottom:40px;
    left:50%;
    -webkit-transition:all 334ms ease-in-out;
    transition:all 334ms ease-in-out
}
.banner .slick-prev {
    border:0;
    margin-left:-550px;
    background:url(404.png) no-repeat
}
.banner .slick-prev:hover {
    width:42px;
    background:url(404.png) no-repeat
}
.banner .slick-next {
    border:0;
    right:auto;
    margin-left:-500px;
    background:url(404.png) no-repeat
}
.banner .slick-next:hover {
    width:42px;
    background:url(404.png) no-repeat
}
.banner .slick-dots {
    bottom:140px
}
.banner .slick-dots li button {
    margin:0 5px;
    background:none;
    border-radius:0;
    width:96px;
    height:5px;
    border:0;
    background:#fff
}
.banner .slick-dots li.slick-active button {
    background:#e91b27
}
@media (max-width:1220px) {
    .banner {
        margin-top:52px
    }
    .banner .slick-dots {
        bottom:30px
    }
    .banner .slick-dots li button {
        width:30px;
        height:2px
    }
    .banner .slick-prev,.banner .slick-next {
        opacity:0
    }
}@media (max-width:1220px) and (max-width:767px) {
    .banner .slick-dots {
        bottom:15px
    }
}.home-icon {
     z-index:3;
     background:#fff;
     position:relative;
     margin-top:-100px;
     height:100px;
     padding-top:20px
 }
.home-icon .icon {
    right:0;
    top:20px;
    overflow:hidden;
    position:absolute
}
.home-icon .icon img {
    margin-top:-10px;
    vertical-align:top
}
.home-icon .icon:hover .tel {
    opacity:1
}
.home-icon .donghua {
    -webkit-animation:2s dong ease-in-out infinite;
    animation:2s dong ease-in-out infinite
}
.home-icon .tel {
    font-size:16px;
    font-family:arial;
    display:inline-block;
    line-height:40px;
    color:#555;
    padding-right:20px;
    -webkit-transition:all 500ms ease-in-out;
    transition:all 500ms ease-in-out
}
@media (max-width:1220px) {
    .home-icon {
        display:none
    }
}@-webkit-keyframes dong {
     0% {
         margin-top:-10px;
         opacity:0
     }
     100% {
         margin-top:5px;
         opacity:1
     }
 }@keyframes dong {
      0% {
          margin-top:-10px;
          opacity:0
      }
      100% {
          margin-top:5px;
          opacity:1
      }
  }.home-button {
       padding:0 25px;
       line-height:40px;
       font-size:16px;
       color:#e91b27;
       display:inline-block;
       border:solid 2px #e91b27
   }
@media (max-width:1220px) {
    .home-button {
        font-size:14px;
        line-height:30px;
        padding:0 10px;
        border:solid 1px #e91b27;
        margin-top: 25px;
    }
}.home-button img {
     max-height:20px;
     padding-left:30px;
     margin-top:10px;
     vertical-align:top;
     -webkit-transition:all 500ms ease-in;
     transition:all 500ms ease-in;
     -webkit-transform-origin:right center;
     -ms-transform-origin:right center;
     transform-origin:right center
 }
@media (max-width:1220px) {
    .home-button img {
        max-height:15px;
        padding-left:10px
    }
}.home-button:hover img {
     padding-left:20px
 }
.home-title {
    color:#4a4a4a;
    
    font-size:18px;
    line-height:40px;
    padding-bottom:20px;
    text-align:center;
    position:relative;
    font-family:"Microsoft YaHei New","Microsoft Yahei","微软雅黑"
}
@media (max-width:1220px) {
    .home-title {
        font-size:16px;
        line-height:30px;
        padding-bottom:10px
    }
}.home-title .font36 {
     font-size:36px
 }
@media (max-width:1220px) {
    .home-title .font36 {
        font-size:20px
    }
}
.home-padding {
    padding:10px 0px 60px 0;
}
@media (max-width:1220px) {
    .home-padding {
        padding:10px 0px 60px 0;
    }
}.home-brand {
     font-size:16px;
     color:#4a4a4a;
     line-height:30px;
     padding-bottom:80px;
     text-align:center;
     border-bottom:solid 1px #c4c4c4
 }
@media (max-width:1220px) {
    .home-brand {
        padding-top:5px;
        font-size:14px;
        line-height:24px;
        padding-bottom:30px
    }
}.home-brand .red {
     color:#e91b27
 }
.home-brand h3 {
    color:#000;
    font-size:36px;
    line-height:40px;
    padding-bottom:30px;
    font-family:"新細明體"
}
@media (max-width:1220px) {
    .home-brand h3 {
        font-size:20px;
        line-height:30px;
        padding-bottom:15px
    }
}.home-brand li:first-child {
     border:0
 }
.home-brand li {
    margin:55px 0;
    padding:0 50px;
    font-size:14px;
    color:#000;
    display:inline-block;
    font-family:"microsoft jhenghei";
    border-left:solid 1px #d9d9d9
}
@media (max-width:1220px) {
    .home-brand li {
        margin:30px 0;
        padding:0 16px;
        font-size:12px
    }
}@media (max-width:400px) {
    .home-brand li {
        padding:0 4px;
        margin:15px 0
    }
}.home-brand li .number {
     font-size:60px;
     line-height:60px;
     font-family:"HelveticaNeueLTPro-UltLtEx"
 }
@media (max-width:1220px) {
    .home-brand li .number {
        font-size:24px;
        line-height:30px
    }
}@media (max-width:400px) {
    .home-brand li .number {
        font-size:16px;
        line-height:20px
    }
}.home-case .tab-menu {
     margin-top:25px;
     text-align:center
 }
@media (max-width:1220px) {
    .home-case .tab-menu {
        margin-top:15px
    }
}.home-case .tab-menu li {
     padding:0 5px;
     cursor:pointer;
     display:inline-block;
     margin-bottom:25px;
 }
.home-case .tab-menu li span,.home-case .tab-menu li a {
    line-height:40px;
    padding:0 35px;
    font-size:16px;
    color:#000;
    display:inline-block;
    border:solid 1px #dcdcdc
}
@media (max-width:1220px) {
    .home-case .tab-menu li span,.home-case .tab-menu li a {
        line-height:30px;
        font-size:14px;
        padding:0 15px
    }
}.home-case .tab-menu .active span,.home-case .tab-menu .active a {
     color:#fff;
     border-color:#e91b27;
     background:#e91b27
 }
.home-case .tab-menu a:hover {
    color:#fff;
    border-color:#e91b27;
    background:#e91b27
}
.home-case .tab-list {
    padding:0 15px;
    display:none
}
@media (max-width:1220px) {
    .home-case .tab-list {
        padding:0 5px;
        padding-top:10px
    }
}.home-case .tab-list li {
     width:25%;
     float:left;
     padding:0 15px;
     padding-top:60px
 }
@media (max-width:1220px) {
    .home-case .tab-list li {
        padding:0 5px;
        padding-top:15px
    }
}@media (max-width:640px) {
    .home-case .tab-list li {
        width:50%
    }
}.home-case .tab-list li .pic {
     overflow:hidden;
     position:relative
 }
.home-case .tab-list li .pic:after {
    content:"";
    display:block;
    padding-bottom:58%
}
.home-case .tab-list li .pic:before {
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:0;
    position:absolute;
    -webkit-transition:all 500ms ease-in;
    transition:all 500ms ease-in;
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    background:rgba(0,0,0,0.3)
}
.home-case .tab-list li .pic img {
    -webkit-transition:all 700ms ease-in;
    transition:all 700ms ease-in;
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center
}
.home-case .tab-list li .title {
    height:24px;
    color:#333;
    text-align:center;
    margin-top:15px;
    overflow:hidden;
    font-size:16px
}
@media (max-width:1220px) {
    .home-case .tab-list li .title {
        font-size:14px;
        margin-top:5px
    }
}.home-case .tab-list li:hover .pic:before {
     opacity:1
 }
.home-case .tab-list li:hover .pic img {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.home-case .tab-list .home-button {
    margin-top:60px
}
@media (max-width:1220px) {
    .home-case .tab-list .home-button {
        margin-top:30px
    }
}.home-service {
     text-align:center;
     min-height:850px;
     background-repeat:no-repeat;
     background-attachment:fixed;
     background-position:center center;
     background-size:cover;
     background-image:url(../image/home-bg.jpg)
 }
@media (max-width:1220px) {
    .home-service {
        min-height:auto
    }
}.home-service .tag {
     color:#000;
     margin-top:15px
 }
.home-service ul {
    padding:0 85px;
    padding-top:60px
}
@media (max-width:1220px) {
    .home-service ul {
        padding:0;
        padding-top:30px
    }
}.home-service li {
     width:25%;
     float:left;
     padding:0 15px;
     font-family:"Source Han Sans CN","Source Han Sans","microsoft yahei",arial,sans-serif
 }
@media (max-width:1220px) {
    .home-service li {
        padding:0 5px
    }
}@media (max-width:780px) {
    .home-service li {
        width:50%;
        padding:0;
        margin-top:10px
    }
}@media (max-width:500px) {
    .home-service li {
        width:100%
    }
}.home-service li .iteam {
     padding:40px 20px;
     background:#fff;
     height:540px;
     position:relative;
     -webkit-transition:all 334ms ease-in;
     transition:all 334ms ease-in;
     border-top-left-radius:150px;
     border-top-right-radius:150px;
     border-bottom-left-radius:150px;
     border-bottom-right-radius:150px;
     border:solid 1px #e91b27
 }
@media (max-width:1220px) {
    .home-service li .iteam {
        border-radius:0;
        padding:15px;
        height:420px
    }
}@media (max-width:780px) {
    .home-service li .iteam {
        height:360px
    }
}@media (max-width:500px) {
    .home-service li .iteam {
        height:auto
    }
}.home-service li .arrows {
     width:125px;
     color:#fff;
     font-size:45px;
     text-align:center;
     line-height:125px;
     display:inline-block;
     font-family:"microsoft jhenghei";
     background:url(404.png) no-repeat top center
 }
@media (max-width:1220px) {
    .home-service li .arrows {
        width:80px;
        height:80px;
        line-height:80px;
        border-radius:100%;
        font-size:30px;
        background:#e91b27
    }
}@media (max-width:500px) {
    .home-service li .arrows {
        width:60px;
        height:60px;
        line-height:60px
    }
}.home-service li .title {
     color:#000;
     font-size:20px;
     margin-top:15px;
     font-weight:normal
 }
@media (max-width:780px) {
    .home-service li .title {
        font-size:16px
    }
}.home-service li .text {
     line-height:18px;
     text-align:left;
     margin-top:20px
 }
@media (max-width:1220px) {
    .home-service li .text {
        margin-top:10px
    }
}.home-service li .icon {
     bottom:40px;
     width:86%;
     text-align:center;
     position:absolute
 }
@media (max-width:1220px) {
    .home-service li .icon {
        bottom:20px
    }
}@media (max-width:780px) {
    .home-service li .icon {
        display:none
    }
}.home-service li .icon02 {
     display:none
 }
.home-service li:hover .iteam {
    color:#fff;
    background:#e91b27
}
.home-service li:hover .iteam .arrows {
    color:#e91b27;
    background:url(404.png) no-repeat top center
}
.home-service li:hover .iteam .title {
    color:#fff
}
.home-service li:hover .iteam .icon01 {
    display:none
}
.home-service li:hover .iteam .icon02 {
    display:block;
    margin:0 auto;
    text-align:center
}
@media (max-width:1220px) {
    .home-service li:hover .iteam .arrows {
        background:#fff
    }
}.home-deg ul {
     margin-top:50px
 }
.home-deg li {
    width:16.6666%;
    float:left;
    font-family:"microsoft jhenghei";
    position:relative
}
.home-deg li .pic {
    position:relative
}
.home-deg li .pic:after {
    content:"";
    display:block;
    padding-bottom:100%
}
.home-deg li .box {
    top:0;
    left:0;
    display:none;
    z-index:1;
    width:200%;
    height:100%;
    color:#fff;
    position:absolute;
    border:solid 2px #e91b27
}
.home-deg li .box .bgcolor {
    color:#fff;
    width:50%;
    float:right;
    height:100%;
    padding:40px 30px;
    position:relative;
    -webkit-transition-duration:0s;
    transition-duration:0s;
    border-left:solid 2px #e91b27;
    background-color:#e91b27
}
.home-deg li .box .bgcolor:before {
    left:-10px;
    top:50%;
    margin-top:-5px;
    content:"";
    position:absolute;
    border-right:solid 10px #e91b27;
    border-top:solid 10px transparent;
    border-bottom:solid 10px transparent
}
.home-deg li .box .bgcolor h3 {
    height:26px;
    overflow:hidden;
    font-size:26px;
    line-height:30px;
    font-weight:normal
}
.home-deg li .box .bgcolor p {
    height:182px;
    overflow:hidden;
    line-height:26px;
    margin-top:20px;
    font-size:16px
}
.home-deg li:hover .box {
    display:block
}
.home-deg .box-2 .box {
    right:0;
    left:auto
}
.home-deg .box-2 .box .bgcolor {
    float:left;
    border-left:0;
    border-right:solid 2px #e91b27
}
.home-deg .box-2 .box .bgcolor:before {
    left:100%;
    border-right:0;
    border-left:solid 10px #e91b27;
    border-top:solid 10px transparent;
    border-bottom:solid 10px transparent
}
.home-deg .more {
    border:0;
    margin-top:50px;
    border-top:solid 1px #e91b27
}
.home-deg .more a {
    color:#e91b27;
    line-height:40px;
    padding:0 50px;
    font-size:16px;
    font-family:arial;
    display:inline-block;
    background-color:#fff;
    background-color:#e91b27
}
.home-deg .more a:hover {
    color:#fff;
    background-color:#e91b27
}
@media (max-width:1220px) {
    .home-deg {
        padding:30px 0 40px 0
    }
    .home-deg .title {
        display:none
    }
    .home-deg ul {
        margin-top:30px
    }
    .home-deg li:hover .box {
        display:none
    }
}@media (max-width:640px) {
    .home-deg {
        padding-left:10px;
        padding-right:10px
    }
    .home-deg li {
        width:25%
    }
}.home-codirector {
     background:url(../image/bg2.jpg) repeat-x
 }
@media (max-width:1220px) {
    .home-codirector {
        margin-bottom:30px
    }
}@media (max-width:1220px) {
    .home-codirector .container {
        padding:0 5px
    }
}.home-codirector .scroll {
     padding:0 90px;
     padding-top:80px
 }
@media (max-width:1220px) {
    .home-codirector .scroll {
        padding:0;
        padding-top:30px
    }
}.home-codirector .scroll .slick-prev,.home-codirector .scroll .slick-next {
     width:56px;
     height:56px;
     margin-top:-10px;
     border:solid 1px #d1d1d1;
     -webkit-transition:all 334ms ease-in;
     transition:all 334ms ease-in
 }
@media (max-width:1220px) {
    .home-codirector .scroll .slick-prev,.home-codirector .scroll .slick-next {
        opacity:0
    }
}.home-codirector .scroll .slick-prev:hover,.home-codirector .scroll .slick-next:hover {
     border-color:#e91b27
 }
.home-codirector .scroll .slick-prev {
    left:0;
    background:url(../image/left-arrow-1.png) no-repeat center center
}
.home-codirector .scroll .slick-next {
    right:0;
    background:url(../image/right-arrow-1.png) no-repeat center center
}
.home-codirector .box {
    margin:0 20px;
    display:block;
    padding-bottom:100px;
    position:relative
}
@media (max-width:1220px) {
    .home-codirector .box {
        margin:0 10px;
        padding-bottom:0
    }
}@media (max-width:640px) {
    .home-codirector .box {
        margin:0 5px
    }
}.home-codirector .box .pic {
     position:relative
 }
.home-codirector .box .pic:after {
    content:"";
    display:block;
    padding-bottom:116%
}
.home-codirector .box .mask {
    left:25px;
    top:240px;
    z-index:4;
    color:#fff;
    width:100%;
    padding-left:25px;
    padding-top:10px;
    position:absolute
}
@media (max-width:1220px) {
    .home-codirector .box .mask {
        top:auto;
        bottom:0;
        left:0;
        padding:5px 20px;
        background:rgba(233,22,34,0.69)
    }
}.home-codirector .box .mask:after {
     content:"";
     width:127px;
     height:157px;
     bottom:-85px;
     left:0;
     position:absolute;
     background:rgba(233,22,34,0.6)
 }
@media (max-width:1220px) {
    .home-codirector .box .mask:after {
        display:none
    }
}.home-codirector .box .mask h3,.home-codirector .box .mask p {
     z-index:9;
     position:relative
 }
.home-codirector .box .mask h3 {
    font-size:30px;
    line-height:30px;
    overflow:hidden;
    font-weight:normal;
    text-align: left;
}
@media (max-width:1220px) {
    .home-codirector .box .mask h3 {
        font-size:16px;
        line-height:24px;
        height:24px
    }
}.home-codirector .box .mask p {
     font-size:20px;
     height:24px;
     overflow:hidden;
     margin-top:10px;
     text-align: left;
 }
@media (max-width:1220px) {
    .home-codirector .box .mask p {
        font-size:14px;
        margin-top:0
    }
}.home-codirector .box .mask span {
     left:0;
     z-index:99;
     bottom:-87px;
     width:127px;
     position:absolute;
     background:#e91b27
 }
@media (max-width:1220px) {
    .home-codirector .box .mask span {
        display:none
    }
}.home-news {
     min-height:670px;
     margin-top: 80px;
     color:#fff;
     background-size:cover;
     background-repeat:no-repeat;
     background-attachment:fixed;
     background-position:center center;
     background-image:url(../image/bg3.jpg)
 }
@media (max-width:1040px) {
    .home-news {
        min-height:auto;
        border-left:solid 10px #fff;
        border-right:solid 10px #fff;
        margin-top: 30px;
    }
}.home-news .home-title {
     color:#fff
 }
.home-news .home-title:after {
    background:#fff
}
.home-news .tag {
    margin-top:20px;
    text-align:center
}
@media (max-width:1040px) {
    .home-news .tag {
        margin-top:10px
    }
    .f-size{font-size: 14px;}
}.home-news .pic {
     width:40%;
     float:left;
     padding-top:110px
 }
@media (max-width:1040px) {
    .home-news .pic {
        display:none
    }
}.home-news .list {
     width:55%;
     float:right;
     padding-top:30px
 }
@media (max-width:1040px) {
    .home-news .list {
        width:100%;
        padding-top:0;
        margin-bottom: 25px;
    }
}.home-news .list li {
     padding-top:30px
 }
@media (max-width:1040px) {
    .home-news .list li {
        padding-top:15px
    }
}.home-news .list li .time {
     width:20%;
     float:left;
     display:block;
     padding:20px 0;
     font-family:arial;
     text-align:center;
     font-weight:bold;
     font-family:"HelveticaNeueLTPro-UltLtEx";
     border:solid 3px #e91b27
 }
.home-news .list li .time .t1 {
    font-size:20px
}
.home-news .list li .time .t2 {
    font-size:60px;
    line-height:70px
}
@media (max-width:1020px) {
    .home-news .list li .time {
        display:none
    }
}.home-news .list li .mask {
     width:80%;
     float:right;
     padding-left:40px
 }
@media (max-width:1020px) {
    .home-news .list li .mask {
        width:100%;
        padding:0 15px
    }
}.home-news .list li .mask h3 {
     margin:15px 0 20px 0;
     font-size:16px;
     
     height: 100px;
     overflow:hidden
 }
.home-news .list li .mask h3 a {
    color:#fff
}
@media (max-width:1020px) {
    .home-news .list li .mask h3 {
        font-size:16px;
        margin-bottom:10px
    }
}.home-news .list li .mask p {
     color:#999;
     height:40px;
     overflow:hidden;
     line-height:20px
 }
.home-news .list .home-button {
    margin-left:26%;
    color:#fff;
    margin-top:30px;
    background:#e91b27
}
@media (max-width:1040px) {
    .home-news .list .home-button {
        margin-left:0;
        margin-left:15px
    }
}.home-customer {
     border-bottom:solid 1px #e1e1e1
 }
@media (max-width:760px) {
    .home-customer {
        display:none
    }
}.home-customer .scroll01 {
     padding:0 170px;
     text-align:center
 }
.home-customer .scroll01 .slick-prev,.home-customer .scroll01 .slick-next {
    width:41px;
    height:79px;
    border:0;
    margin-top:-38px
}
.home-customer .scroll01 .slick-prev {
    left:70px;
    background:url(../image/left-arrow-2.jpg)
}
.home-customer .scroll01 .slick-next {
    right:70px;
    background:url(../image/rightt-arrow-2.jpg)
}
.home-customer .scroll01 .iteam {
    width:19%;
    padding:0 4px;
    margin-top:30px;
    position:relative;
    display:inline-block
}
.home-customer .scroll01 .pic {
    border:solid 1px #ddd;
    position:relative
}
.home-customer .scroll01 .pic:after {
    content:"";
    display:block;
    padding-bottom:45%
}
.home-contact {
    padding-top:60px
}
@media (max-width:1220px) {
    .home-contact {
        padding-top:30px;
        display:none
    }
}.home-contact .map {
     height:674px;
     margin-top:60px;
     padding-top:70px;
     background:url(../image/home-map.jpg) no-repeat top center
 }
@media (max-width:960px) {
    .home-contact .map {
        background:none;
        margin-left:0;
        padding-top:0;
        height:auto;
        margin-top:30px
    }
    .home-padding{padding: 10px 0px 40px 0px;margin-top: 0px;}
    .mb6{margin-top: 0px !important;}

}.home-contact .bgcolor {
     padding:10px 10px;
     background:#d53b3a
 }
.home-contact .content {
    padding:90px 70px;
    border:solid 1px #e27575
}
@media (max-width:960px) {
    .home-contact .content {
        padding:10px 10px
    }
}.home-contact .content li {
     float:left;
     color:#fff;
     width:33.3333%
 }
.home-contact .content li a {
    color:#fff
}
.home-contact .content .add {
    font-size:16px
}
@media (max-width:960px) {
    .home-contact .content .add {
        display:none
    }
}.home-contact .content .add img {
     max-height:30px
 }
.home-contact .content .add p {
    margin-top:20px;
    position:relative;
    padding-left:40px
}
.home-contact .content .add .icon {
    top:-2px;
    left:0;
    position:absolute
}
.home-contact .content .add .tel {
    font-size:36px;
    line-height:40px;
    font-family:arial
}
.home-contact .content .weixin {
    text-align:center
}
.home-contact .content .weixin p {
    margin-top:15px;
    font-size:16px
}
@media (max-width:960px) {
    .home-contact .content .weixin {
        display:none
    }
}@media (max-width:960px) {
    .home-contact .content .message {
        width:100%
    }
}.home-contact .content .message .title {
     font-size:16px;
     padding-bottom:20px
 }
@media (max-width:640px) {
    .home-contact .content .message .title {
        font-size:14px;
        padding-bottom:0
    }
}.home-contact .content .message .from {
     margin-top:10px
 }
.home-contact .content .message .from input,.home-contact .content .message .from textarea {
    width:90%;
    padding:10px;
    color:#333;
    font-size:16px;
    font-family:"微软雅黑";
    background:#f8e0de;
    border:0
}
@media (max-width:960px) {
    .home-contact .content .message .from input,.home-contact .content .message .from textarea {
        width:100%
    }
}@media (max-width:640px) {
    .home-contact .content .message .from input,.home-contact .content .message .from textarea {
        font-size:14px
    }
}.home-contact .content .message .from input:focus,.home-contact .content .message .from textarea:focus {
     background:#fff
 }
.home-contact .content .message .from-button {
    margin-top:10px;
    text-align:center
}
.home-contact .content .message .from-button input {
    color:#f8e0de;
    width:136px;
    border:0;
    font-size:16px;
    line-height:40px;
    background:#000
}
.page-main .home-title {
    margin:60px 0
}
@media (max-width:1220px) {
    .page-main .home-title {
        margin:10px 0
    }
}.pagetab {
     padding:70px 0;
     text-align:center
 }
@media (max-width:1220px) {
    .pagetab {
        padding:30px 0
    }
}.pagetab a {
     color:#7b7b7b;
     padding:0 10px;
     line-height:27px;
     background:#e9e9e9;
     font-family:arial;
     display:inline-block
 }
.pagetab a:hover,.pagetab .cur {
    color:#fff;
    background:#e91b27
}
.list-news .bgcolor {
    background:#f6f6f6
}
.list-news .container {
    padding:0;
    width:1270px
}
@media (max-width:1270px) {
    .list-news .container {
        width:100%;
        padding:0 5px
    }
}.list-news li {
     margin-top:50px
 }
@media (max-width:1220px) {
    .list-news li {
        margin-top:20px;
        padding:0 10px
    }
}@media (max-width:640px) {
    .list-news li {
        width:50%
    }
}@media (max-width:390px) {
    .list-news li {
        width:100%
    }
}.list-news li .mask {
     display:block;
     padding-bottom:20px;
     overflow:hidden;
     border-bottom:solid 1px #6d6d6d
 }
@media (max-width:1220px) {
    .list-news li .mask {
        padding-bottom:10px
    }
}.list-news li .mask .pic {
     overflow:hidden;
     position:relative
 }
.list-news li .mask .pic img {
    -webkit-transition:all 700ms ease-in;
    transition:all 700ms ease-in;
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center
}
.list-news li .mask .pic:after {
    content:"";
    display:block;
    padding-bottom:71.5%
}
.list-news li .mask .pic:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:9;
    opacity:0;
    position:absolute;
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    -webkit-transition:all 500ms ease-in;
    transition:all 500ms ease-in;
    background:rgba(0,0,0,0.4)
}
.list-news li .mask h3 {
    color:#4a4a4a;
   
    font-size:16px;
    height:50px;
    line-height:50px;
    overflow:hidden;
    font-weight:normal
}
@media (max-width:1220px) {
    .list-news li .mask h3 {
        height:30px;
        font-size:16px;
        line-height:30px
    }
}.list-news li .mask p {
     color:#999;
     font-family:arial
 }
@media (max-width:640px) {
    .list-news li .mask p {
        font-size:12px
    }
}.list-news li:hover .mask {
     border-color:#e91b27
 }
.list-news li:hover .mask .pic img {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.list-news li:hover .mask .pic:before {
    opacity:1
}
.list-news-show {
    font-size:16px;
    line-height:32px
}
@media (max-width:1220px) {
    .list-news-show {
        font-size:14px;
        line-height:26px
    }
}.list-news-show .bgcolor {
     padding:70px 0;
     background:#f6f6f6
 }
@media (max-width:1220px) {
    .list-news-show .bgcolor {
        padding:30px 0
    }
}.list-news-show .title {
     font-size:30px;
     line-height:34px;
     text-align:center;
     font-weight:normal;
     padding:0 100px
 }
@media (max-width:1220px) {
    .list-news-show .title {
        padding:0 15px;
        font-size:16px
    }
}.list-news-show .info {
     color:#999;
     font-size:15px;
     text-align:center;
     padding:30px 0;
     margin-bottom:40px;
     border-bottom:solid 1px #dedede
 }
.list-news-show .info img {
    max-height:20px
}
@media (max-width:1220px) {
    .list-news-show .info {
        font-size:12px;
        padding:0;
        padding-bottom:15px
    }
}.list-return {
     margin-top:60px;
     position:relative
 }
.list-return a {
    float:right;
    color:#fff;
    padding:0 45px;
    line-height:46px;
    font-size:16px;
    background:#e91b27;
    display:inline-block
}
.list-return a:hover {
    background:#d41923
}
.list-customer .home-title {
    margin-bottom:20px
}
.list-customer .tag {
    color:#4a4a4a;
    font-size:16px;
    text-align:center
}
@media (max-width:1220px) {
    .list-customer .tag {
        display:none
    }
}.list-customer .container {
     padding:0 80px
 }
@media (max-width:1220px) {
    .list-customer .container {
        padding:0 6px
    }
}.list-customer ul {
     padding-top:40px
 }
@media (max-width:1220px) {
    .list-customer ul {
        padding:0
    }
}.list-customer li {
     padding:0 4px;
     padding-top:50px
 }
@media (max-width:1220px) {
    .list-customer li {
        padding:4px
    }
}@media (max-width:640px) {
    .list-customer li {
        width:25%
    }
}@media (max-width:540px) {
    .list-customer li {
        width:20%
    }
}@media (max-width:400px) {
    .list-customer li {
        width:33.3333%
    }
}.list-customer li .pic {
     position:relative;
     border:solid 1px #dedddd
 }
.list-customer li .pic:after {
    content:"";
    display:block;
    padding-bottom:40%
}
.list-contact {
    padding-top:0
}
.list-contact .list-map {
    margin-top:0
}
.list-case {
    padding-top:60px
}
@media (max-width:1220px) {
    .list-case {
        padding-top:20px
    }
}.list-case .pagetab {
     margin-top:60px;
     border-top:solid 1px #ccc
 }
@media (max-width:1220px) {
    .list-case .pagetab {
        margin-top:20px
    }
}.bomb {
     top:0;
     left:0;
     width:100%;
     height:100%;
     position:fixed;
     z-index:99;
     display:none;
     background:rgba(0,0,0,0.9)
 }
.bomb .box {
    text-align:center;
    margin:20px;
    
    position:relative;
    
}
.bomb .close {
    right:0;
    top:-10px;
    position:absolute
}
.list-service {
    background:#f8f7f7;
    padding-bottom:100px
}
@media (max-width:1000px) {
    .list-service {
        padding-bottom:0
    }
}.list-service .bg {
     min-height:780px;
     padding-top:60px;
     position:relative;
     background:url(404.png) no-repeat top center
 }
@media (max-width:1000px) {
    .list-service .bg {
        min-height:auto;
        padding:30px 0
    }
}.list-service .bg .home-title {
     color:#fff;
     font-size:30px
 }
@media (max-width:1220px) {
    .list-service .bg .home-title {
        font-size:16px
    }
}.list-service .tab-list02 {
     display:none;
     margin-top:50px
 }
.list-service .tab-list02 dt {
    width:50%;
    float:left
}
@media (max-width:1000px) {
    .list-service .tab-list02 dt {
        display:none
    }
}.list-service .tab-list02 dd {
     width:50%;
     color:#fff;
     float:left;
     font-size:18px;
     line-height:48px;
     padding-top:10%;
     padding-left:15px
 }
@media (max-width:1000px) {
    .list-service .tab-list02 dd {
        width:100%;
        line-height:26px;
        font-size:14px;
        padding-top:0
    }
}.list-service .tab-menu02 {
     padding:0 50px;
     padding-top:50px
 }
@media (max-width:1000px) {
    .list-service .tab-menu02 {
        padding:0 10px;
        padding-top:20px
    }
}.list-service .tab-menu02 li {
     width:33.3333%;
     padding:4px;
     float:left;
     cursor:pointer;
     font-size:18px;
     text-align:center
 }
.list-service .tab-menu02 li .mask {
    background:#fff;
    height:340px;
    width:100%;
    padding-top:60px;
    line-height:30px;
    display:inline-block;
    border-bottom:solid 5px #e91b27
}
@media (max-width:1000px) {
    .list-service .tab-menu02 li .mask {
        height:auto;
        padding-top:20px;
        padding-bottom:10px;
        border-bottom:solid 2px #e91b27
    }
}.list-service .tab-menu02 li .icon02 {
     display:none
 }
@media (max-width:1000px) {
    .list-service .tab-menu02 li .icon01 img,.list-service .tab-menu02 li .icon02 img {
        max-height:40px
    }
}.list-service .tab-menu02 li .title {
     color:#000;
     margin-top:20px;
     font-weight:normal
 }
@media (max-width:1000px) {
    .list-service .tab-menu02 li .title {
        margin-top:10px;
        font-size:14px
    }
}.list-service .tab-menu02 li .text {
     color:#999;
     font-family:"Aparajita"
 }
@media (max-width:1000px) {
    .list-service .tab-menu02 li .text {
        display:none
    }
}.list-service .tab-menu02 .active .mask {
     background:#e91b27
 }
.list-service .tab-menu02 .active .mask .title,.list-service .tab-menu02 .active .mask .text {
    color:#fff
}
.list-service .tab-menu02 .active .mask .icon01 {
    display:none
}
.list-service .tab-menu02 .active .mask .icon02 {
    display:block
}
.list-contact03 {
    background:#f6f6f6
}
.list-contact03 .box01 {
    z-index:9;
    margin-top:-100px;
    position:relative
}
@media (max-width:640px) {
    .list-contact03 .box01 {
        margin-top:0
    }
}.list-contact03 .box01 li {
     padding:0 15px;
     width:33.3333%;
     float:left
 }
@media (max-width:640px) {
    .list-contact03 .box01 li {
        width:100%;
        padding:0;
        margin-top:10px
    }
}.list-contact03 .box01 li span {
     margin-top:-50px;
     border-radius:100%;
     width:88px;
     height:88px;
     line-height:84px;
     border:solid 2px #fff;
     vertical-align:middle;
     background:#e91b27;
     display:inline-block;
     position:relative
 }
.list-contact03 .box01 li span img {
    max-height:35px
}
@media (max-width:1100px) {
    .list-contact03 .box01 li span {
        display:none
    }
}.list-contact03 .box01 li .mask {
     color:#4a4a4a;
     font-size:16px;
     text-align:center;
     background:#fff;
     padding:0 30px;
     min-height:210px;
     padding-bottom:40px;
     -webkit-transition:all .4s ease-in;
     transition:all .4s ease-in;
     border-bottom:solid 5px #e1e1e1
 }
@media (max-width:1100px) {
    .list-contact03 .box01 li .mask {
        padding:20px 10px;
        font-size:14px;
        min-height:180px
    }
}@media (max-width:640px) {
    .list-contact03 .box01 li .mask {
        min-height:auto
    }
}.list-contact03 .box01 li .mask h3 {
     font-size:16px;
     padding:40px 0 10px 0
 }
@media (max-width:1100px) {
    .list-contact03 .box01 li .mask h3 {
        padding:0 10px;
        font-size:14px
    }
}.list-contact03 .box01 li .mask a {
     color:#4a4a4a;
     font-size:24px;
     font-family:arial
 }
@media (max-width:1100px) {
    .list-contact03 .box01 li .mask a {
        font-size:14px
    }
}.list-contact03 .box01 li:hover .mask {
     border-color:#e91b27
 }
.list-contact03 .box02 {
    color:#4a4a4a;
    padding:70px
}
@media (max-width:1100px) {
    .list-contact03 .box02 {
        padding:20px
    }
}.list-contact03 .box02 li {
     width:50%;
     float:left;
     
      font-size:16px;
     border-left:solid 1px #e1e1e1
 }
@media (max-width:1100px) {
    .list-contact03 .box02 li {
        font-size:16px
    }
}@media (max-width:640px) {
    .list-contact03 .box02 li {
        width:100%;
        border:0
    }
}.list-contact03 .box02 li:first-child {
     line-height:46px;
     border-left:0
 }
@media (max-width:1100px) {
    .list-contact03 .box02 li:first-child {
        line-height:30px
    }
}.list-contact03 .box02 .weixin {
     font-size:16px;
     text-align:center
 }
@media (max-width:640px) {
    .list-contact03 .box02 .weixin {
        text-align:left;
        margin-top:20px;
        font-size:14px
    }
}.list-contact03 .box02 .weixin .icon {
     padding:0 30px;
     vertical-align:top;
     display:inline-block
 }
.list-contact03 .box02 .weixin .icon img {
    margin-bottom:10px
}
@media (max-width:640px) {
    .list-contact03 .box02 .weixin .icon {
        padding-left:0;
        padding-right:15px
    }
}@media (max-width:370px) {
    .list-contact03 .box02 .weixin .icon img {
        max-height:100px
    }
}.list-contact03 .box02 .weixin .red {
     color:#e91622;
     font-style:normal
 }
.list-contact03 .box02 .weixin .red b {
    font-size:24px;
    font-family:arial
}
@media (max-width:640px) {
    .list-contact03 .box02 .weixin .red b {
        font-size:14px
    }
}.list-message {
     padding:70px 0 80px
 }
@media (max-width:767px) {
    .list-message {
        padding:20px 0
    }
}.list-message .title {
     position:relative;
     text-align:center
 }
.list-message .title:after {
    content:"";
    width:40px;
    height:2px;
    bottom:19px;
    left:50%;
    margin-left:-20px;
    position:absolute;
    background:#e91b27
}
.list-message .title span {
    display:inline-block;
    padding:0 10px 20px 10px;
    font-size:22px;
    color:#e91b27;
    margin-bottom:20px;
    border-bottom:solid 1px #d1d1d3
}
.list-message ul {
    padding:0 280px;
    padding-top:20px
}
@media (max-width:767px) {
    .list-message ul {
        padding:0
    }
}.list-message ul li {
     overflow:hidden;
     margin-top:15px
 }
@media (max-width:420px) {
    .list-message ul li {
        margin-top:0
    }
}.list-message ul li label {
     left:20px;
     top:7px;
     position:absolute
 }
.list-message ul li p {
    width:50%;
    padding:0 10px;
    float:left;
    position:relative
}
@media (max-width:420px) {
    .list-message ul li p {
        width:100%;
        margin-top:10px
    }
}.list-message ul li input,.list-message ul li textarea {
     width:100%;
     padding:10px;
     padding-left:30px;
     font-size:14px;
     color:#666;
     font-weight:normal;
     border-radius:3px;
     border:solid 1px #e3e3e3
 }
.list-message ul li input:focus,.list-message ul li textarea:focus {
    border-color:#df4a43
}
.list-message ul li textarea {
    height:120px
}
.list-message ul li input[type="button"] {
    color:#fff;
    font-size:15px;
    border-color:#df4a43;
    background:#df4a43
}
.list-about {
    padding:100px 0;
    position:relative;
    background:#f6f6f6
}
.list-about .pic {
    padding-bottom:30px
}
@media (max-width:1220px) {
    .list-about {
        padding-top:5px
    }
}.list-about02 {
     min-height:660px;
     background-size:cover;
     background-repeat:no-repeat;
     background-attachment:fixed;
     background-position:center center;
     background-image:url(../image/bg5.jpg)
 }
@media (max-width:1100px) {
    .list-about02 {
        background:none;
        min-height:auto;
        border-bottom:solid 1px #ccc
    }
}.list-about02 .bg {
     z-index:8;
     width:1100px;
     margin:0 auto;
     background:#fff;
     margin-top:-65px;
     position:relative
 }
@media (max-width:1100px) {
    .list-about02 .bg {
        width:100%
    }
}.list-about02 .arrows {
     z-index:9;
     top:-25px;
     width:100%;
     position:absolute;
     text-align:center
 }
@media (max-width:960px) {
    .list-about02 .arrows {
        display:none
    }
    .slick-track{margin-bottom: 0px;}
}.list-about02 .tab-menu03 {
     padding:65px;
     padding-bottom:0
 }
@media (max-width:960px) {
    .list-about02 .tab-menu03 {
        padding:30px 15px
    }
}.list-about02 .tab-menu03 li {
     float:left;
     width:33.333%;
     padding:0 3px;
     cursor:pointer;
     text-align:center
 }
@media (max-width:480px) {
    .list-about02 .tab-menu03 li {
        width:100%;
        margin-bottom:10px
    }
}@media (max-width:365px) {
    .list-about02 .tab-menu03 li {
        width:100%
    }
}.list-about02 .tab-menu03 li span {
     color:#fff;
     font-size:18px;
     line-height:55px;
     background:#616161;
     display:block;
     position:relative
 }
@media (max-width:960px) {
    .list-about02 .tab-menu03 li span {
        font-size:14px;
        line-height:40px
    }
}.list-about02 .tab-menu03 li span:after {
     content:"";
     left:50%;
     bottom:-8px;
     margin-left:-4px;
     position:absolute;
     display:none;
     border-top:solid 8px #e91b27;
     border-left:solid 8px transparent;
     border-right:solid 8px transparent
 }
.list-about02 .tab-menu03 .active span {
    background:#e91b27
}
.list-about02 .tab-menu03 .active span:after {
    display:block
}
.list-about02 .tab-list03 {
    display:none;
    padding:80px 100px;
    font-size:16px;
    color:#4a4a4a;
    line-height:32px
}
.list-about02 .tab-list03 .pic {
    float:left
}
.list-about02 .tab-list03 .box {
    width:45%;
    float:left;
    padding-left:50px
}
@media (max-width:960px) {
    .list-about02 .tab-list03 {
        padding:20px;
        padding-top:0
    }
    .list-about02 .tab-list03 .pic {
        display:none
    }
    .list-about02 .tab-list03 .box {
        width:100%;
        padding-left:0
    }
}.list-about03 {
     color:#4a4a4a;
     
      font-size:16px;
     line-height:36px;
     text-align:center;
     padding:100px 0
 }
@media (max-width:1220px) {
    .list-about03 {
        padding:50px 0;
        font-size:15px;
        line-height:30px
    }
}.list-about04 {
     overflow:hidden;
     position:relative
 }
@media (max-width:1024px) {
    .list-about04 {
        border-top:solid 1px #ddd
    }
}.list-about04 .home-title02 {
     line-height:24px;
     padding-top:15px;
     margin-bottom:25px;
     display:none
 }
@media (max-width:1024px) {
    .list-about04 .home-title02 {
        display:block
    }
}.list-about04 .container {
     position:relative
 }
@media (max-width:1220px) {
    .list-about04 .container {
        width:100%;
        min-height:300px;
        background:url(../image/bg6.jpg) no-repeat top center
    }
}@media (max-width:1024px) {
    .list-about04 .container {
        background:none;
        min-height:auto;
        display:none
    }
    .list-about04 .container .box .text {
        display:none
    }
}.list-about04 .slick-prev,.list-about04 .slick-next {
     width:47px;
     height:47px;
     border:0;
     bottom:150px;
     top:auto;
     z-index:19;
     margin-top:auto
 }
@media (max-width:1600px) {
    .list-about04 .slick-prev,.list-about04 .slick-next {
        bottom:100px
    }
}@media (max-width:1600px) {
    .list-about04 .slick-prev,.list-about04 .slick-next {
        bottom:50px
    }
}@media (max-width:1024px) {
    .list-about04 .slick-prev,.list-about04 .slick-next {
        opacity:0
    }
}@media (max-width:1220px) {
    .list-about04 .scroll {
        display:none
    }
}@media (max-width:1024px) {
    .list-about04 .scroll {
        display:block
    }
}.list-about04 .slick-prev {
     left:50%;
     margin-left:-365px;
     background:url(../image/left-prev03.jpg) no-repeat
 }
.list-about04 .slick-next {
    left:50%;
    margin-left:-310px;
    background:url(../image/right-next03.jpg) no-repeat
}
.list-about04 .slick-prev:hover {
    background:url(../image/left-prev03h.jpg) no-repeat
}
.list-about04 .slick-next:hover {
    background:url(../image/right-next03h.jpg) no-repeat
}
.list-about04 .box {
    width:490px;
    margin-top:80px;
    min-height:450px;
    margin-left:60px;
    padding:60px;
    font-size:16px;
    line-height:30px;
    text-align:center;
    bottom:90px;
    left:30px;
    z-index:9;
    position:absolute;
    background:rgba(255,255,255,0.8)
}
@media (max-width:1600px) {
    .list-about04 .box {
        bottom:40px
    }
}@media (max-width:1400px) {
    .list-about04 .box {
        bottom:3px
    }
}@media (max-width:1220px) {
    .list-about04 .box {
        bottom:auto;
        left:auto;
        margin-bottom:30px;
        margin-top:30px;
        min-height:auto;
        position:relative
    }
}@media (max-width:1024px) {
    .list-about04 .box {
        position:absolute;
        min-height:auto;
        margin:0;
        padding:0;
        bottom:100px;
        width:100%;
        text-align:center;
        background:none
    }
    .list-about04 .box .home-title {
        color:#fff;
        width:100%;
        font-weight:normal;
        font-family:arial;
        line-height:20px;
        font-size:20px
    }
}@media (max-width:640px) {
    .list-about04 .box {
        bottom:60px
    }
}@media (max-width:460px) {
    .list-about04 .box {
        bottom:50px
    }
}@media (max-width:390px) {
    .list-about04 .box {
        bottom:40px
    }
}@media (max-width:350px) {
    .list-about04 .box {
        bottom:25px
    }
}.list-costar {
     padding-bottom:0;
     border-bottom:solid 60px #f6f6f6
 }
.list-codirector {
    padding-top:60px;
    background:#fff;
    margin-bottom:0
}
@media (max-width:1220px) {
    .list-codirector {
        padding-top:30px
    }
}.list-codirector .bg {
     background:#f6f6f6;
     padding-bottom:100px
 }
@media (max-width:1220px) {
    .list-codirector .bg {
        padding-bottom:30px
    }
}.list-codirector .home-title {
     margin-bottom:60px
 }
@media (max-width:1220px) {
    .list-codirector .home-title {
        margin-bottom:30px
    }
}.list-codirector .scroll {
     padding-top:60px
 }
@media (max-width:1220px) {
    .list-codirector .scroll {
        padding-top:30px
    }
}.list-codirector .scroll .slick-current .box .mask span {
     
 }
.list-codirector .scroll .slick-current .box .mask span img {
    opacity:0
}
.list-codirector .scroll .box {
    padding-bottom:80px
}
@media (max-width:1220px) {
    .list-codirector .scroll .box {
        padding-bottom:0
    }
}.list-codirector .scroll-conent {
     color:#000;
     line-height:30px;
     font-size:16px;
     background:#fff;
     padding:50px;
     margin:0 110px
 }
@media (max-width:1200px) {
    .list-codirector .scroll-conent {
        margin:0;
        line-height:26px;
        padding:30px;
        font-size:14px
    }
}.list-codirector .scroll-conent h3 {
     font-size:30px;
     line-height:30px;
     padding-left:10px;
     font-weight:normal;
     margin-bottom:30px;
     border-left:solid 5px #e91b27
 }
@media (max-width:1200px) {
    .list-codirector .scroll-conent h3 {
        font-size:20px
    }
}