*{margin:0;padding:0;}
@font-face {
    font-family: "AVANTGA2";
    src: url("../font/AVANTGA2.woff2") format("woff2"),
    url("../font/AVANTGA2.woff") format("woff"),
    url("../font/AVANTGA2.ttf") format("truetype"),
    url("../font/AVANTGA2.eot") format("embedded-opentype"),
    url("../font/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)
}


.header{position:fixed;top:0;left:0;width:100%;z-index:19;
    background:rgba(0,0,0,.1);
-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;
    height:60px;
    }
.logo-box .logo img{height:100%;width:auto;}

.menu-box{padding-top:0;}
.menu-box:after{content:'';display:block; clear:both}
.menu-item:visited,.menu-item:focus,.menu-item:active{
   color:#fefefe; text-decoration: none;
}
.menu-item{ color:#fefefe; text-decoration: none;  float:left;
    font-size:14px;display:inline-block;margin-left:10px;margin-right:10px;position:relative;
    line-height: 80px;-webkit-transition: .3s;transition: .3s;
}
.menu-item.hasarr{padding-right:20px;margin-left:10px;margin-right:10px;}
.menu-item span{line-height: 30px;display:inline-block;
    padding:0 10px;border:1px solid rgba(255,255,255,0); border-radius: 40px;}
.menu-item:hover,.menu-item.active{color:#fff; text-decoration: none;
}
.menu-item:hover span,.menu-item.active span{ border-color:#fff; }
.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:1;
    line-height:32px;position:absolute;top:22px;right:0;z-index:2;
padding:0 6px 0 45px;
}
.tel-box:after{content:'';display:block;width:30px;height:30px;
background:url(../image/icon_hot.png) no-repeat;position:absolute;top:50%;left:10px;
margin-top:-15px;background-size:contain}
.tel-box span{font-size:12px;opacity:.5}
.header.fixed{position:fixed; background:rgba(0,0,0,.7)}



.swiper-pagination-bullet{border-radius: 4px;background:#fff;
-webkit-transition: .5s;transition: .5s;}
.swiper-pagination-bullet-active{background:#fff;opacity:1;width:20px;}


.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(404.png) no-repeat center center;
    background-size:contain;
}
    
.footer{background:#000;padding-top:60px;}
.footer h4{font-size:14px;color:#fff;margin:0; line-height: 1.5}
.footer label{font-size:12px;color:#fff;font-weight:normal;margin-bottom:0;}
.footer .flogo{height:40px;}
.footer .finfo{margin-top:30px;padding-left:140px;position:relative; min-height: 140px;}
.footer .qr{position:absolute;top:0;left:0;width:120px;}
.footer .qr img{display:block;width:100%; border-radius: 5px;}
.footer .ico-list:after{content:'';display:block; clear:both}
.footer .ico-item{float:left;padding:0 10px;}
.footer .ico-item label{display:block;}
.footer .ico-item .ico{width:30px;height:30px;margin-bottom:10px;}
.footer .ico-item p{font-size:12px;color:#666;margin-bottom:0;margin-top:5px;}

.footer a{color:#6f6f6f; text-decoration: none;
-webkit-transition: .8s;transition: .8s;}
.footer a:hover{color:#fff; text-decoration: none}
.footer h4 a{color:#fff;}
.footer .nav{margin-top:20px}
.footer .nav label{float:left;margin-left:10px; line-height: 24px;}
.footer .nav a{float:left;display:inline-block;width:24px;height:24px;margin-right:10px;opacity:.3}
.footer .nav a.wx{background:url(../image/icon_weixin.png) no-repeat left center;background-size:contain}
.footer .nav a.wb{background:url(../image/icon_weibo.png) no-repeat left center;background-size:contain}
.footer .nav a:hover{opacity:.8}
.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{background-size:cover;background-position:center center;background-repeat:no-repeat;
padding:60px 0;}
.section.gray{background:#0c0c0c}
.stitle h3{color:#fff;font-size:36px;margin-top:0;font-weight:bold;}
.stitle h4{color:rgba(255,255,255,.5);font-size:16px;text-transform:Uppercase;
    font-weight:normal;margin-bottom:50px}
.sub-title{font-size:30px;font-weight:bold;color:#fff;margin-top:30px;margin-bottom:20px;}
.section .text{color:#fff;}
.section .text h3{font-size:36px;margin-bottom:50px;}
.section .text p{font-size:14px;margin-bottom:50px; line-height: 1.5;}
.section-option{ text-align: center;padding-top:50px;}
.section.light .stitle h3{color:#000}
.section.light .stitle h4{color:#999999;}
.section.light .sub-title{color:#000;}

.info-box{color:#fff;}
.info-box h5{font-weight:normal;font-size:14px;margin-bottom:0}
.info-box p{font-size:18px;color:rgba(255,255,255,.3)}
.info-box p b{font-size:40px;color:#fff;}
.img-box .thumb{background-size:cover;background-repeat:no-repeat;background-position:center center;}
.img-box h4{color:#fff;font-size:16px;margin-top:20px;margin-bottom:20px;}
.img-box p{font-size:12px;color:rgba(255,255,255,.7);}
.clients{padding-bottom:50px;margin-top:50px;}



.btn{border:2px solid #000;background:none;color:#000;min-width:120px;}
.btn:hover{opacity:.8}
.btn-default{ border-radius: 0;border-color:#000;color:#000; }
.btn-long{min-width:240px;}
.btn-white{background:none;border-color:#fff;color:#fff;}
.btn-white:hover{color:#fff;}
.btn-radius{border-radius: 20px;}

.page-banner{height:400px;background-size:cover; background-repeat:no-repeat;background-position:center center;position:relative}
.page-banner .container{position:relative;height:100%;}
.page-title{position:absolute;top:50%;left:15px;color:#fff;margin-top:-50px;}
.page-title h3{font-size:36px;font-weight:bold}
.page-title h4{font-size:18px;font-weight:normal;text-transform:Uppercase;}
.page-here{font-size:12px;color:#fff;position:absolute;left:15px;bottom:15px;opacity:.7}

.news-box .thumb{margin-bottom:20px;background-repeat:no-repeat;background-size:cover;background-position:center center;height:200px;}
.news-box .day{font-size:20px;color:#000}
.news-box .year{font-size:14px;}
.news-box h4{font-size:16px;color:#000;font-weight:bold}
.news-box p{opacity:.7;font-size:12px;}
.news-box a{color:#222;}


@media (max-width: 992px) {
    .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 h3{font-size:26px;}
    .stitle h4{font-size: 16px;}



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

}
@media (min-width: 1360px) {
    .container {width: 1340px;}
}
@media (min-width: 1600px) {
    .container {width: 1580px;}

}