@charset "utf-8";
*{margin:0;padding:0;}
@font-face {
    font-family: "AVANTGA2";
    src: url("../fonts/AVANTGA2.woff2") format("woff2"),
    url("../fonts/AVANTGA2.woff") format("woff"),
    url("../fonts/AVANTGA2.ttf") format("truetype"),
    url("../fonts/AVANTGA2.eot") format("embedded-opentype"),
    url("../fonts/AVANTGA2.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
body{font-size:14px; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;color:#201f20;
    font-family:'AVANTGA2','Microsoft Yahei',Arial,Helvetica,sans-serif;

}
ul,li{ list-style:none;margin:0;}
.clr{ clear:both;}
img{border:none;}
::-webkit-scrollbar {
    height:4px;
    width:4px
}
::-webkit-scrollbar-button {
    height:0;
    width:0
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
    display:block
}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {
    display:none
}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-style:solid;
    border-color:transparent
}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{
    background-clip:padding-box;
    background-color:#fff;
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip:padding-box;
    background-color:rgba(0,0,0,.2);
    min-height:28px;
    padding-top:100px;
}
::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);
    background-color:rgba(0,0,0,.4)
}
::-webkit-scrollbar-thumb:active {
    -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);
    background-color:rgba(0,0,0,.5)
}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-width:0;
}
::-webkit-scrollbar-track:hover {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);
    background-color:rgba(0,0,0,.05)
}
::-webkit-scrollbar-track:active {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
    background-color:rgba(0,0,0,.05)
}

.btn-default{ border-radius: 0;border-color:#000;color:#000; }
.btn-long{min-width:240px;}
.header{position:fixed;top:0;left:0;width:100%;z-index:19;
    background:rgba(0,0,0,.8);
-webkit-transition: .5s;transition: .5s; box-shadow: 0 0 30px -8px rgba(0,0,0,0.3);}

.header-wrap{position:relative;height:80px;
padding-left:360px;padding-right:220px;}
.logo-box{position:absolute;top:10px;left:0;z-index:2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.logo-box .logo{ text-decoration: none;
    width:60px;height:60px;margin-right:10px;background:url(../images/logo.png) no-repeat;}
.logo-box h1{font-size:30px;
    margin:0;color:#ddd;}
.logo-box .info{color:#6f6f6f;font-size:12px;margin-left:10px;padding-left:10px;
    line-height:1.2;position:relative;top:3px;}
.logo-box .info:after{content:'';width:0;border-left:1px solid #666;height:80%;
position:absolute;top:10%;left:0;}
.menu-box{padding-top:0px;}
.menu-box:after{content:'';display:block; clear:both}
.menu-item:visited,.menu-item:focus,.menu-item:active{
   color:#666; text-decoration: none;
}
.menu-item{ color:#666; text-decoration: none;  float:left;font-size:14px;display:inline-block;margin-left:15px;margin-right:15px;position:relative;
    line-height: 80px;-webkit-transition: .3s;transition: .3s;}
.menu-item.hasarr{padding-right:20px;margin-left:10px;margin-right:10px;}

.menu-item:hover,.menu-item.active{color:#fff; text-decoration: none;}
.menu-box .divide{width:0;border-left:1px solid #666;float:left;height:20px;
margin:30px 15px;  }
.menu-item i{display:block;
width:8px;height:8px;position:absolute;right:0;top:50%;margin-top:-4px;
opacity:.5;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform: rotate(45deg);transform: rotate(45deg);
    -webkit-transition: .3s;transition: .3s;
}

.menu-item:hover i,.menu-item.active i{-webkit-transform:rotate(135deg);transform:rotate(135deg);opacity:1;}

.tel-box{font-size:14px;color:#fff;height:36px;opacity:.8;
    line-height:32px;position:absolute;top:22px;right:0;z-index:2;
border-radius: 18px;border:2px solid #fff;padding:0 6px 0 35px;
}
.tel-box:after{content:'';display:block;width:20px;height:20px;
background:url(../images/icon_tel_white.png) no-repeat;position:absolute;top:50%;left:10px;
margin-top:-10px;}
.tel-box span{font-size:12px;opacity:.5}
.header.fixed{position:fixed;background:#fff;  }
.header.fixed .logo-box h1{color:#000;}
.header.fixed .logo-box .info:after,.header.fixed .menu-box .divide{border-color:#ddd;}
.header.fixed .menu-item:hover{color:#000;}
.header.fixed .menu-item i{border-color:#000;}
.header.fixed .tel-box{color:#000;border-color:#000;}
.header.fixed .tel-box:after{background-image:url(../images/icon_tel.png)}
.banner{padding-top:160px;background:url(../images/banner_bg.jpg) no-repeat center center;background-size:cover;
position:relative;
min-height:820px;
}
.banner-ti{width:360px;max-width:100% !important;}
.banner-img{width:660px; max-width:80%;position:absolute;bottom:0;left:50%;}
.banner .intro{padding-top:80px;}
.banner .intro h3{font-size:50px;color:#fff;margin-top:50px;margin-bottom:20px;}
.banner .intro .tabs{margin-bottom:80px}
.banner .intro .tabs a{font-size:14px;color:#fff; text-decoration: none;
opacity:.2;display:inline-block;margin-right:15px;-webkit-transition:.5s;transition:.5s;}
.banner .intro .tabs a:hover,.banner .intro .tabs a.active{ text-decoration: none;opacity:1;}
.more{-webkit-transition:.5s;transition:.5s;font-size:14px;color:#fff;border-bottom:1px solid #fff;display:inline-block;padding-bottom:5px;}
.more:hover{color:#eee; text-decoration: none; letter-spacing:.1em}

/*content*/
.section{position:relative;
    padding:80px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.section.dark{background-color:#000}
.section p{color:#6f6f6f}
.stitle{ text-align: center;  }
.stitle h4{font-size:20px;color:#6f6f6f;font-weight:normal;}
.stitle h3{font-size:60px;color:#000;font-weight:bold;margin-bottom:40px;}
.dark .stitle h3{color:#fff;}

.about-img{width:500px;display:block;margin:0 auto;max-width:80%;}
.about-box{ text-align: center;background:#000;padding:70px 30px 160px 30px;
color:#6f6f6f; line-height:2;font-size:14px;}
.service-box{margin-top:40px;margin-bottom:50px;}
.service-box:after{display:block;content:'';clear:both}
.service-item{width:25%;float:left;min-height:560px; box-sizing: border-box;padding:30px;
background-repeat:no-repeat;background-position:right bottom;background-size:cover;}
.service-item .ti{padding-top:60px;padding-bottom:120px;color:#fff;}
.service-item .ti h3{font-size:48px;font-weight:bold;margin-bottom:20px;}
.service-item .ti h4{font-size:16px;font-weight:bold;}
.service-item ul{margin-bottom:30px;}
.service-item ul:after{content:'';display:block;clear:both}
.service-item ul li{width:50%;float:left;font-size:12px;color:#fff;margin-bottom:10px}
.service-item .option{ text-align: center  ;padding-top:30px;}
.service-item .option .radiu-button{min-width:100px;width:280px;max-width:100% !important; border-radius: 0}

.swiper-pagination-bullet{border-radius: 4px;background:#fff;
-webkit-transition: .5s;transition: .5s;}
.swiper-pagination-bullet-active{background:#fff;opacity:1;width:20px;}
.process{padding:30px 0 60px 0;position:relative}
.process:before{/*content:'';border-top:1px dashed #fff;height:1px;
position:absolute;top:62px;left:0;width:92.8%;*/}
.process:after{content:'';display:block;clear:both}
.process-item{width:100%;
 box-sizing: border-box;padding:0 20px;}
.process-item .num{width:64px;height:64px;margin:0 auto; border-radius: 50%;
border:1px solid #fff; text-align:center; line-height: 64px;font-size:28px;font-weight:bold;color:#fff}
.process-item .num img{position:relative;left:10px;top:-3px;}
.process-item .ico{-webkit-transition: .8s;transition: .8s;opacity:.5;width:60px;margin-top:30px;margin-bottom:10px;margin-left:auto;margin-right:auto;}
.process-item h5{-webkit-transition: .8s;transition: .8s; text-align:center;margin-bottom:30px;font-size:16px;color:#fff;opacity:.5;}
.process-item p{-webkit-transition: .8s;transition: .8s;font-size:12px;color:#fff;opacity:.5;}
.process-item:hover .ico,.process-item:hover h5,.process-item:hover p{opacity:1;}
.process-txt{display:block;margin:50px auto }
.contact-txt{width:600px;max-width:80%;display:block;margin:200px auto 60px auto;}
.address{font-size:16px;color:#fff; text-align: center;
    line-height:2;margin-bottom:50px;}
.ico-list{margin-top:100px;}
.ico-list:after{content:'';display:block;clear:both}
.ico-item{text-align: center;padding:30px 15px 40px 15px; box-sizing: border-box;
border:1px solid #666;margin-bottom:15px;}
.ico-item .ico{width:60px;height:60px;margin:0 auto;}
.ico-item .txt{font-size:14px;color:#000;margin-top:20px;}
.bg-num{position:absolute;z-index:0;opacity:.1;bottom:-50px;left:60%;width:500px;max-width:50%;}

.case-box .stitle{ text-align: left}

.case-box .stitle h3{font-size:30px;margin-top:0;margin-bottom:20px;}
.case-box .navs{ text-align: right;}
.case-box .navs a{display:inline-block; text-decoration: none;font-size:14px;
color:#6f6f6f;margin-left:30px;
    line-height:30px;}
.case-box .navs a:hover,.case-box .navs a.active{color:#fff;}
.case-list{padding-top:30px;position:relative}
.case-data{min-height:390px;}
.case-data.out{opacity:0}
.case-item{margin-bottom:30px;}
.case-item .img{position:relative;
    cursor: pointer;
    overflow: hidden;min-height:160px;}
.case-item .mask{opacity:0; -webkit-transition: .5s;transition: .5s;
    background:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.case-item .mask .txt{font-size:14px;color:#fff; text-align: center;position:absolute;top:50%;left:0;z-index:2;
 line-height: 40px; height:40px;margin-top:-20px;width:100%;}
.case-item .mask .txt:before{
    -webkit-transition: .5s;transition: .5s;
    -webkit-transform-origin: center center;transform-origin: center center;
    content:'';width:80px;
height:0;border-top:1px solid #fff;position:absolute;top:0;left:50%;margin-left:-40px;}
.case-item .mask .txt:after{
    -webkit-transition: .5s;transition: .5s;
    -webkit-transform-origin: center center;transform-origin: center center;
    content:'';width:80px;
    height:0;border-top:1px solid #fff;position:absolute;bottom:0;left:50%;margin-left:-40px;}


.case-item .cover{
    -webkit-transition: .5s;transition: .5s;
    -webkit-transform-origin: center center;transform-origin: center center;
    position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;
background-repeat:no-repeat;background-position:center center;background-size:cover;}
.case-item h5{margin-top:30px;font-size:16px;margin-bottom:10px;color:#fff;}
.case-item p{font-size:14px;margin:0;color:#6f6f6f}
.case-item .img:hover .mask{opacity:1;}
.case-item .img:hover .cover{-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.case-item .img:hover .mask .txt:before,
.case-item .img:hover .mask .txt:after{
    -webkit-transform:scale(0.2,1);transform:scale(0.2,1);
}

@-webkit-keyframes case{0% {opacity:0;-webkit-transform:translate(10px,0);}100%{opacity:1;-webkit-transform:translate(0,0);}}
@keyframes case{0% {opacity:0;transform:translate(10px,0);}100%{opacity:1;transform:translate(0,0);}}
.case-item{
    opacity:0;-webkit-transform:translate(10px,0);transform:translate(10px,0);}
.anim .case-item{
-webkit-animation: case .5s;animation: case .5s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards
}
.case-list .col-md-4:nth-child(1) .case-item{
    -webkit-animation-delay:.3s;animation-delay:.3s;
}
.case-list .col-md-4:nth-child(2) .case-item{
    -webkit-animation-delay:.6s;animation-delay:.6s;
}
.case-list .col-md-4:nth-child(3) .case-item{
    -webkit-animation-delay:.9s;animation-delay:.9s;
}
.case-list .col-md-4:nth-child(4) .case-item{
    -webkit-animation-delay:1.2s;animation-delay:1.2s;
}
.case-list .col-md-4:nth-child(5) .case-item{
    -webkit-animation-delay:1.5s;animation-delay:1.5s;
}
.case-list .col-md-4:nth-child(6) .case-item{
    -webkit-animation-delay:1.8s;animation-delay:1.8s;
}
.pages-box{ text-align: center;padding-top:60px;padding-bottom:30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
     justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.pages-box .prev,.pages-box .next{ cursor:pointer;display:inline-block;border:2px solid #fff;width:48px;height:48px; border-radius: 50%;position:relative}
.pages-box .prev:before{content:'';display:block;
    width:12px;height:12px;position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6px;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    -webkit-transform: rotate(-45deg);transform: rotate(-45deg);
}.pages-box .next:before{content:'';display:block;
     width:12px;height:12px;position:absolute;left:50%;margin-left:-6px;top:50%;margin-top:-6px;
     border-bottom:2px solid #fff;
     border-right:2px solid #fff;
     -webkit-transform: rotate(-45deg);transform: rotate(-45deg);
 }
.pages-box .prev.disabled,.pages-box .next.disabled{opacity:.3;  cursor: default;}
.pages-box .text{display:inline-block; line-height: 48px;padding:0 20px;font-size:14px;
    color:#6f6f6f}
.pages-box .text b{color:#fff;font-weight:normal}
.loading{height:200px;
position:absolute;top:50%;left:0;width:100%;margin-top:-150px;}
.loading:after{content:'';position:absolute;
    width:40px;height:40px;top:50%;left:50%;margin-left:-20px;margin-top:-20px;
    background:url(../images/loading.gif) no-repeat center center;
    background-size:contain;
}
    /*footer*/
.footer{background:#000;padding-top:100px;}
.footer h4{font-size:16px;color:#fff;margin:0; line-height: 1.5}
.footer label{font-size:16px;color:#6f6f6f;font-weight:normal;margin-bottom:0}
.footer .company{margin-bottom:30px;position:relative; overflow: visible}
.footer .qrcode{position:absolute;top:-90px;left:0;display:none;}
.footer .qrcode2{position:absolute;top:-90px;left:90px;display:none;}
.footer .company .en{font-size:12px;color:#6f6f6f;}
.footer .company .time{font-size:14px;color:#6f6f6f;margin-top:10px;}
.footer .nav{margin-bottom:20px}
.footer a{color:#6f6f6f; text-decoration: none;
-webkit-transition: .8s;transition: .8s;}
.footer a:hover{color:#fff; text-decoration: none}
.footer .nav a{display:inline-block;padding-left:40px;font-size:16px;
 line-height: 36px;margin-right:20px;}
.footer .nav a.wx{background:url(../images/icon_wx.png) no-repeat left center;}
.footer .nav a.mp{background:url(../images/icon_mp.png) no-repeat left center;}
.footer ul{margin-top:30px;}
.footer ul li{margin-bottom:10px;}
.footer .copy{margin-top:30px;padding:30px 0;font-size:12px;color:#6f6f6f; border-top:1px solid #333;}

[data-animation] {  opacity: 0;}
[data-animation].animated { opacity: 1;  }

.section.gray{background:#0c0c0c}
.section.gray .stitle h3{color:#fff;font-size:24px;}
.section-option{padding-top:40px; text-align: center}
.btn-white{background:none;border-color:#fff;color:#fff;}
.radiu-button{display:inline-block; text-decoration: none;
    color: #fff;font-size:14px;-webkit-transition: .3s;transition: .3s;
    line-height:40px; border-radius: 0px;min-width:160px;
    text-align: center;
    border: 1px solid #fff;
    background: transparent;
}
.radiu-button:hover,.radiu-button:focus,.radiu-button:active{background:#fff;color:#000; text-decoration: none;}

@media (max-width: 767px) {
    .header-wrap{padding:0;}
    .menu-box{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);
   display:none;padding-top:100px;z-index:1099;}
    .menu-item{width:100%;display:block;float:none; text-align: center;margin:0;
        line-height:60px;color:#f8f8f8;}
    .menu-item:visited, .menu-item:focus, .menu-item:active{color:#f8f8f8;}
    .menu-item:hover{color:#fff;}

    .banner{padding-top:100px;}
    .banner-img{left:10%;}
    .banner .intro{padding-top:20px; text-align: center;}
    .stitle h4{font-size: 16px;}
    .stitle h3{font-size:26px;}
    .about-box{font-size:12px;padding-left:15px;padding-right:15px;padding-bottom:60px;}
    .service-item{width:50%; min-height:360px;padding:15px;}
    .service-item .ti{padding-top:30px;padding-bottom:60px;}
    .service-item .ti h3{font-size:24px;margin-bottom: 10px;}
    .service-item .ti h4{font-size:14px;}

    .service-item ul li{font-size:10px;width:100%;}
    .ico-item{padding: 10px 10px 10px 10px;}
    .ico-item .txt{ white-space: nowrap;font-size:10px;margin-top:10px;
        overflow: hidden; text-overflow: ellipsis;}
    .ico-list{margin-top:40px;}
    .section p{font-size:12px;}
    .bg-num{bottom:-10px;}
    .case-item .img{min-height:50px;}
    .case-box .navs{ text-align: left;}
    .case-box .navs a{font-size:12px;margin-right:10px;margin-left:0}

    .footer h4{font-size:14px;}
    .footer label{font-size:14px;}

}
@media (min-width: 1360px) {
    .container {width: 1340px;}
}
@media (min-width: 1600px) {
    .container {width: 1580px;}
    .service-item{min-height:600px;padding-left:50px;padding-right:50px;}
    .banner-ti{width:415px;}
    .banner-img{width:790px;left:49%;}
}