@charset "UTF-8";
.wrap{height:100%}
.header{position:fixed;top:0;right:0;left:0;z-index:100;overflow:hidden;padding:.75rem 0;width:100%;background-color:rgba(0,0,0,.7)}
.logo{width:11.5rem;height:2.5rem;background:url(../../images/logo-white.png) no-repeat;background-size:100% 100%}
.navbar{height:2.25rem;line-height:2.25rem}
.navbar ul{width:100%}
.navbar ul li{text-align: center;position:relative;display:inline-block;overflow:hidden;padding-left:24px}
.navbar ul li div{position:relative;overflow:hidden;width:100%}
.navbar ul li a{display:block;padding-right:.25rem;padding-left:.25rem;font-size:16px}
.navbar ul li a.on{color:rgb(50,115,255)!important}
.navbar ul li a:active,.navbar ul li a:hover{text-decoration:none!important}
.navbar ul li a:nth-of-type(2){color:rgb(50,115,255)!important}
.banner{width:100%}
.banner img{width:100%;display: block}
.navMenuBtn{float:right;width:2.5rem;height:2.5rem;background:url(../../images/menu_btn_1.png) no-repeat;background-size:100%}
.close-icon{width:2.5rem;height:2.5rem;background:url(../../images/close_icon.png) no-repeat;background-size:100%}
.navMenu{position:fixed;top:4rem;left:0;z-index:99999;overflow:hidden;width:100%;height:100%;background-color:rgba(255,255,255,.99)}
.navMenu:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e4e4e4;content:" ";-webkit-transform-origin:left bottom;transform-origin:left bottom}
.navMenu ul li{position:relative;padding-left:.15rem;border-top:none;background-color:rgba(0,0,0,.8);-webkit-transition:.15s;-moz-transition:.15s;-o-transition:.15s;transition:.15s;-ms-transition:.15s}
.navMenu ul li:before{position:absolute;top:0;left:0;width:100%;height:1px;background-color:#e4e4e4;content:" ";-webkit-transform-origin:left bottom;transform-origin:left bottom}
.navMenu ul li a:active{background-color:rgba(0,0,0,.9)}
.navMenu ul li a{display:block;padding:.75rem;color:#fff;text-decoration:none;font-size:16px}
.arrow-r{margin-top:.25rem;width:20px;height:20px;background:url(../../images/arrow-r_icon.png) no-repeat;background-size:100%;vertical-align:text-bottom}
.caption1{color:#333;letter-spacing:2px;font-weight:700;font-size:24px}
.blue-line-block{width: 3.2rem;height: 0.3rem;background-color: rgb(50,115,255);margin: 15px auto;}
.blue-line-block-2{width: 2.2rem;height: 0.3rem;background-color: rgb(50,115,255);margin-bottom: 15px;}
.caption3{color:#666;letter-spacing:1px;font-weight:100;font-size:16px}
.caption1,.caption3{padding:0 .75rem}
.footer{overflow:hidden;padding:7rem 0;background-color:#303030;color:#CCC}
.footer-logo{width:11.5rem;height:2.5rem;background:url(../../images/icon/logo-grey.png) no-repeat;background-size:100% 100%}
.footer-nav ul li{display:inline-block;margin:0 10px}
.footer-nav ul li a{color:#CCC;font-size:14px}
.hr-line{width:100%;height:1px;background-color:#999}
.footer-tell{text-align:right}
#fixed-group{position:fixed;right:0;bottom:36%;z-index:9999;width:50px}
#fixed-group li{background-color:rgb(50,115,255);list-style:none}
#fixed-group .fixed-btn{position:relative;z-index:0;display:block;margin-bottom:2px;width:50px;height:40px;background-position:center;box-shadow:0 0 2px rgba(0,0,0,.3)}
#fixed-group .fixed-btn-1{background:url(../../images/icon/icon-wirte-01.png) no-repeat;background-position:center}
#fixed-group .fixed-btn-2{background:url(../../images/icon/icon-wirte-04.png) no-repeat;background-position:center}
#fixed-group .fixed-btn-3{background:url(../../images/icon/icon-wirte-02.png) no-repeat;background-position:center}
#fixed-group .fixed-btn-4{background:url(../../images/icon/icon-wirte-03.png) no-repeat;background-position:center}
#fixed-group .fixed-btn span{position:absolute;right:50px;overflow:hidden;padding:0;width:0;height:100%;background-color:rgb(50,115,255);color:#fff;white-space:nowrap;letter-spacing:.6px;font-size:14px;line-height:39px;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;-ms-transition:.25s}
#fixed-group .ewm{position:absolute;right:50px;bottom:0;z-index:-1;display:none;width:166px;height:166px}
.border-l-1{border-left:1px solid #989898}
.btn-padded{padding:20px 0 50px}
.btn-arrow-right{display:inline-block;width:100px;height:30px;background-size:100% 100%}
.img-box3 img,.img-box4 img{width:100%;height:100%}
.img-box-100{width:100%;height:100%}
.img-box3{width:100%;height:180px}
.img-box4{width:100%;height:375px}
.img-box{width:100%}
.img-box img{width:100%;height:100%}
.img-box2{width:100%}
.img-box2 img{width:31%;background-color:#eee}
.text-box{padding:.75rem}
.text-content{height:42px;line-height:20px}
.text-title{font-weight:700;font-size:14px}
.text-title2{font-weight:700;font-size:17px}
.text-content ul li a{color:#989898;font-size:12px}
.text-content ul li{display:inline-block;margin-right:5px}
.prod-detail-content{width: 100%;}
.prod-detail-content img{width: 100%;display: block;}
.detail-fixed-box{position: fixed;left: 0.75rem;top:50%;overflow: hidden; }
.back-btn{font-size: 14px;color: #ffffff;background-color: rgba(50,115,255,0.9);width: 3.2rem;height: 3.2rem;text-align: center;line-height: 3.2rem;border: 1px solid #f8f8f8;cursor: pointer;}
.title-index{border-bottom: 1px solid #CCCCCC;padding-top: 2rem;padding-bottom: 5px;}
.our-product{position:absolute;left:50%;top:50%;margin-left:-75px;border-radius: 4px;font-size: 14px;padding-top: 0.35rem;padding-bottom: 0.35rem}
.foot-ewm{width: 100px;height: 100px;}
.partner .col-sm-3{margin-bottom: 5px;text-align: left}
.partner a{color: #CCCCCC !important;font-size: 13px;}
.ewm-box{
    margin: 15px auto;
    position: absolute;
    top: -173px;
    right: 0;
}
.footer ul li a:hover{
    color: rgba(50,115,255,0.9);
}
.partner div a:hover{
    color: #ffffff !important;
}
@media (max-width:1024px){.navbar{display:none}
    #navMenuBtn{display:block}
    .footer{overflow:hidden;padding:5rem 0;background-color:#303030;color:#CCC}
    .footer-tell{text-align:right}
    .partner .col-sm-3{width: 25% !important;float: left; margin-bottom: 5px;}
}
@media (max-width:768px){
    .ewm-box{
        margin: 15px auto;
        position: static;
        text-align: center;
    }
    .partner .col-sm-3{width: 25% !important;float: left; margin-bottom: 5px;}
}
@media (max-width:414px){.banner-margin-top{margin-top:64px}
    .caption3{color:#666;letter-spacing:1px;font-weight:100;font-size:14px}
    .footer{overflow:hidden;padding:3rem 0;background-color:#303030;color:#CCC;text-align:center}
    .footer-logo{margin-right:auto;margin-left:auto}
    .footer-tell{text-align:center}
    #fixed-group{position:fixed;right:0;bottom:15px;z-index:9999;width:50px}
    .prod-detail-content{margin-top:64px}
    .back-btn{font-size: 14px;color: #ffffff;background-color: rgba(50,115,255,0.9);width: 2.9rem;height: 2.9rem;text-align: center;line-height: 2.9rem;border: 1px solid #f8f8f8;cursor: pointer;}
    .partner .col-sm-3{width: 33.3333% !important;float: left; margin-bottom: 5px;}
    .ewm-box{
        margin: 15px auto;
        position: static;
        text-align: center;
    }
}