html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img,

small, strike, strong, sub, sup, tt, var,

u, i,
ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    vertical-align: baseline;
   

}

/*@font-face {
    font-family: 'Raleway_regular';
    src: url("../fonts/Raleway-Regular.ttf");
}*/

body{
    -webkit-overflow-scrolling : touch;
    font-size: 18px;
}

@font-face{
    font-family: 'cni' ;
    src: url('../fonts/fontSelf.woff2');
}
@font-face{
    font-family: 'cniB' ;
    src: url('../fonts/fontSelfBlod.woff2');
}
@font-face{
    font-family: 'cniS' ;
    src: url('../fonts/IBMPlexSans-Thin.ttf');
}


body{
    overflow-x: hidden!important;
   /* font-family:Raleway_regular!important ;*/
   font-family: "cni","Helvetica Neue",Helvetica,Arial,sans-serif ;
   background-color: #fff;
   padding-top: 197px;
    
}
nav,section,footer,.copySuccess{
    font-family: "cni","Helvetica Neue",Helvetica,Arial,sans-serif ;
}


.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }

.clearfix { zoom:1; }

.navbar-nav>li>a{
    font-size: 16px;
    color:#666666;
   
}
.styleLine{
    margin-top: 17px;
    float: right;
    width: 30px;
    height: 0px;
    opacity: 1;
    border: 4px solid #DC020F;
}



#navWrap{
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    z-index: 9999999;
    background-color: #fff;
}

    #nav{
        padding-top: 1px;
    }

    .navbar-nav>li{
        padding-top:15px;
        padding-bottom:15px;
    }

    .navLLog,.navLLogImg{
        height: 78%;
        margin-top: 10px;
    }

  
    .navbar-brand{
        padding: 0px;
    }
    .navIcon1{
        background-image: url('../images/page1/16.png');
    }
    .navIcon2{
        background-image: url('../images/page1/17.png');
    }
    .navIcon{
        display: inline-block;
        width: 30px;
        height: 30px;
        position: relative;
        margin-right: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
    }
  

    @media (min-width: 768px){
        body{
            padding-top: 113px;
        }
    #navUl{
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    .navbar-nav>li>a{
        font-size: 18px;
        line-height: 30px;
       
    }
    #example-navbar-collapse{
        padding-left: 280px;
    }
    .nav>li>a{
        padding: 0px;  
    }

    .navbar-nav>li>a.active::after{
        content: '';
        position: absolute;
        left:0px;
        display: block;
        margin-top: 15px;
        width: 100%;
        height: 3px;
        background: #FF542C;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
        }
}

@media (min-width: 1320px) {
    #nav{
        padding-top: 5px;
    }
    
    .navbar-brand{
        height:115px;
    }
    .navbar-nav>li{
        padding-top:32.5px;
        padding-bottom: 32.5px;
    }
    .navbar-nav>li>a{
        font-size: 18px;
        color:#666666;
       
    }
 
    
        .caret{
            border-top: 8px dashed;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            margin-left: 8px;
        }
    
       
      
    
     
     
       
    
        .navbar-nav>li>a:hover{
            background-color: #fff;
        }
    
    
}




    @media (min-width: 1320px) {
        .container {
            width:1320px
        }
    }

    .bannerWrap{
        margin-top: 36px;
    }
  
 
    .text-title{
        width: 100%;
        font-size: 32px;
        font-weight: bold;
        color: #FF5A5A;
        margin-top: 98px;
    }
    .text-sub-title{
        width: 100%;
        font-size: 56px;
        font-weight: bold;
        color: #DC020F;
        line-height: 108px;
    }
    .bannerImgBox img{
        width:100%;
    }
    .bannerLine{
        width: 170px;
        height: 5px;
        margin: 36px 0px;
        background: #FF5A5A;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
    }
     .trackBox{
        margin: 70px auto 100px;
        width: 735px;
        max-width: 100%;
        height: 70px;
        background: #FFFFFF;
        box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);
        border-radius: 39px 39px 39px 39px;
        opacity: 1;
        position: relative;
    }
     .trackBox input{
        height:70px;
        width:100%;
        font-size: 30px;
        border: none;
        border-radius: 40px;
        padding:0px 20px;
    }
     .trackBtn{
        position: absolute;
        top:10px;
        right: 10px;
        width: 138px;
        height: 50px;
        background: #DC020F;
        border-radius: 31px 31px 31px 31px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        z-index: 1000;
        cursor: pointer;
        box-shadow: none;
        outline: none; /* 去除选中框 */
        outline: none;
    }

    .productTitlebox{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .productTitleLine{
        width: 80px;
        height: 0px;
        opacity: 1;
        border: 3px solid #DC020F;
    }
    .productTitleTextBox{
        width:auto;
        text-align: center;

    }
    .productTitleTextBox .textTitle{
        font-size: 40px;
        font-weight: 500;
        color: #DC020F;
        padding:0px  10px;
    }
    .productTitleTextBox .textSub{
        font-size: 20px;
        font-weight: 500;
        color: #393939;
        padding-top: 10px;
    }
    .productContentbox{
        text-align: center;
        display: flex;
        justify-content: space-between;


    }
    .productContentMinbox{
        width:22%;
        padding:20px;
        flex-grow: 1;
    }
    .productContentbox{
        margin-top:70px;
    }
    .productContentMinbox .imgbox{
        display: flex;
        justify-content: center;
    }
    .productContentMinbox .imgbox img{
        height:80px;
    }
    .productContentMinbox .textTitle{
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        margin:50px auto 30px;
    }
    .productContentMinbox .textContent{
        font-size: 16px;
        font-weight: 500;
        color: #666666;
    }
    .bgBox{
        margin-top: 70px;
        height: 320px;
        background-image: url('../images/page1/4.png');
        background-size: cover;
        background-position: center;
    }
 
    .servicesTitleBox{
        padding-top: 50px;
        width: 300px;
        text-align: center;
    }

    .servicesTitleBox .servicesTitle{
        font-size: 40px;
        font-weight: 500;
        color: #DC020F;
    }
    .servicesTitleBox .servicesSubTitle{
        font-size: 20px;
        font-weight: 500;
        color: #393939;
        margin: 20px 0px;
    }
    .servicesLine{
        margin: 0 auto;
        width: 80px;
        opacity: 1;
        border: 3px solid #DC020F;
    }
    .servicesContentWrap{
        margin-top: -90px;
        z-index: 2;
        box-shadow: 0px 0px 20px 1px rgba(87,87,87,0.16);
        border-radius: 20px 20px 20px 20px;
        background-color: #fff;
        opacity: 1;
        text-align: center;
        display: flex;
        justify-content: space-between;
        padding:40px 40px 50px;
        flex-wrap: wrap;
    }
    .servicesContentBox{
        padding:15px;
    }
    .servicesContentImgBox img{
        height:140px;
    }
    .servicesContentTitleBox{
        font-size: 18px;
        font-weight: 500;
        color: #333333;
        margin-top: 20px;
    }
    footer{
        margin-top: 128px;
        border-top: 1px solid #D8D8D8;
        padding:30px 10px
    }
    .footerMinBox{
        padding:30px 0px
    }
    footer .leftIcon{
        height: 115px;
    }
    footer li{
        list-style: none;
        margin-bottom: 25px;
        font-size: 18px;
        font-weight: 500;
        color: #646464;
    }
    footer ul li:last-child{
        margin-bottom: 0px;
    }
    footer .contactBox{
        font-size: 18px;
        font-weight: 500;
        color: #DC020F;
        display: flex;
        align-items: center;
        margin-bottom: 33px;
    }
    footer .contactImgBox{
        margin-right: 15px;
    }
    footer .contactImgBox img{
        width: 25px;
    }

    .emailBox{
        font-size: 22px;
        font-weight: 500;
        color: #333333;
    }
    .companyContentWrap{
        margin-top: 50px;
    }
  
    .aboutUsContentBox,.companyContentBox{
		height: 181px;
		background: #FFFFFF;
		border-radius: 20px 20px 20px 20px;
		opacity: 1;
    }
    .companyContentBox img{
        height:100px;
        margin: 0 auto;
    }
    .companyContentTitleBox{
        font-size: 18px;
        font-weight: 500;
        color: #DC020F;
    }

    .companyContentSubTitleBox{
    font-size: 20px;
    font-weight: 500;
    color: #666666;
    }

    .companyContentBox p{
        font-size: 20px;
        font-weight: 500;
        color: #666666;
        margin:20px 0px 10px;
    }
    .aboutUsContentBox{
        min-height: 380px;
        height:auto;
    }
    .aboutUsContentTop  {
        width: 100%;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .aboutUsContentTop img{
        height:63px;
        float: left;
    }

    .aboutTitleBox{
        float: left;
        margin-left: 30px;
    }

    .aboutUsContentTop .aboutTitle{
        font-size: 30px;
        font-weight: 500;
        color: #DC020F;
    }
    

    @media (max-width: 1024px) {
        .text-sub-title{
            font-size: 56px;
            line-height: 60px;
        }
        .productContentMinbox{
            width:100%;
        }
        
        .productContentbox{
            flex-wrap: wrap;
        }
        .servicesContentWrap{
            flex-wrap: wrap;
        }
        .servicesContentBox{
            width:100%;
        }
    }
    @media (max-width: 768px) {
        .text-title{
            margin-top: 48px;
        }
        .text-sub-title {
            font-size: 36px;
            line-height: 40px;
        }
        .bannerLine{
            margin:16px 0px;
        }
       .trackBox, .trackBox input{
            height: 50px;
            border-radius: 25px;
        }
         .trackBtn{
            height:40px;
            font-size: 18px;
            top: 5px;
        }
        .productTitleTextBox .textTitle,.servicesTitleBox .servicesTitle{
            font-size: 32px;
        }
        .servicesContentTitleBox{
            font-size: 24px;
        }
       
    }

    .contactContentWrap{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding:80px 0px
    }
    
    .contactForm{
        width: 100%;
        max-width: 500px;
        padding:15px;
    }

    .btn-default{
        background-color: #c43137;
        color:#fff;
    }
    .btn-default:hover{
        background-color: #bd0006;
        color:#fff;
    }
    .liDownIcon{
        display: none;
    }


      /* 默认网页缩放百分之80显示 */
.leftIcon img{
    height:60%
}
#trace{
    margin-top: 5px;
}

footer a{
    color: #333333!important;
}



.traceResultBox{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap-reverse;
}
.resultBoxLeft ,.resultBoxRight{

    margin:10px;
    padding:15px;
}
.resultBoxLeft{
    width: 100%;
    max-width: 600px;

}
.resultBoxRight{
    flex-grow: 1;
}
.orderBox,.storyBox{
    background-color: #fafafa;
    margin-bottom: 20px;
    padding:20px;
    border-radius: 10px;
}
.orderBox>div,.storyBox>div{
    line-height: 28px;
    margin-bottom: 10px;
}
.timeLineBox{
    background-color: #fafafa;
    padding: 20px;
}

#timeline_detail section aside:last-child{
    border-bottom:1px solid #ccc;
    margin-bottom: 10px;
}



@media (max-width: 768px){
    .leftIcon img{
        height:30%
    }

    .trackBox{
        margin: 10px auto;
    }

    body{
       padding-top: 110px;
        
    }

    .trackBtn{
        width:auto;
    }

    .trackBox input{
        font-size: 18px;
    }
    #trace{
        margin-top: 0px;
    }

    
    .orderBox>div, .storyBox>div{
        line-height: 26px;
        margin-bottom: 0px;
    }
    .orderBox, .storyBox{
        padding: 10px;
        margin-bottom: 10px;
    }
    hr{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .resultBoxLeft, .resultBoxRight{
        margin: 4px;
        padding: 4px;
    }
    .trackBox{
        margin-top: 30px;
    }
}