.topTitle{
     background: #c8220D; 
     background: -webkit-linear-gradient(left, #c8220D, #f7c54f);
     background: -o-linear-gradient(left, #c8220D, #f7c54f);
     background: linear-gradient(to right, #c8220D, #f7c54f);
     padding: 15px;
     font-size: 34px;
     color: #f0f0f0;
     letter-spacing: 2px;
     margin-bottom:30px;
 }
 .titleContainer p{
     padding: 0 0 15px 0;
     margin-bottom:0;
     font-size: 28px;
     color: #f0f0f0;
 }
 .introduceOfProducts{
     display: -webkit-flex; /* Safari */
     display: flex;
     flex-wrap:wrap;
     min-width:600px;
 }
 .introduceOfProducts a{
     position:relative;
     display:inline-block;
     width:33.33333%;
     justify-content:space-between;
     color:#f0f0f0;
 }
 .introduceOfProducts a.title-center{
     text-align:center;
 }
 .introduceOfProducts a.title-right{
     text-align:right;
 }
 .productTitle{
     border: 1px dashed #f0f0f0;
     padding: 4px 10px;
     display: inline-block;
     margin: 15px 0;
     border-radius: 2px;
      width: 144px;
     font-size: 16px;
     text-align: center;
     height: 28px;
     line-height: 28px;
 }
 .rev-btn, .rev-btn:visited{
     padding: 12px 0;
 }



 .titles{
     width:600px;
 }
 .titleList{
     display: -webkit-flex !important; /* Safari */
     display: flex !important;
     flex-wrap:wrap;
 }
 .titleList .itemTitle{
     width:33.33333%;
     display:inline-block;
     justify-content:space-between;
     text-align:center;
 }
 .titleList .itemTitle a.detail{
     display:inline-block;
     min-width:174px;
     border:1px dashed #f0f0f0 !important;
     padding:8px 10px;
     color:#f0f0f0;
     border-radius:2px;
     margin-top:14px;
     box-sizing:border-box;
     -moz-box-sizing:border-box; /* Firefox */
     -webkit-box-sizing:border-box; /* Safari */
 }
 .titleList .itemTitle a.detail:hover,.titleList .itemTitle a.detail:visited,.titleList .itemTitle a.detail:focus{
     text-decoration: none;
     outline: 0;
     color:#f0f0f0;
 }
 .titleList .itemTitle.hleft{
     text-align:left;
 }
 .titleList .itemTitle.hright{
     text-align:right;
 }
 .titleList .itemTitle.hleft{
     text-align:left;
 }
.titleList .itemTitle .hcenter{
     text-align:center;
}
.fancy_heading .title {
    font-size: 36px;
    line-height: 36px;
    color:#444;
}
.fancy_heading .inside{
    font-size: 16px;
    color:#888;
}
.style-simple .icon_box .desc_wrapper .title{
    color: #444;
    font-size: 20px;
}
.icon_box a{
    cursor:default;
}
.icon_box a .desc{
    color: #888;
    font-size: 14px;
}

 @media screen and (max-width: 1600px) and (min-width: 1442px){
     
 }
 @media screen and (max-width: 1441px) and (min-width: 1069px){
     .titles{
         width:590px;
     }
 }
 @media screen and (max-width: 1068px) and (min-width: 768px){
     .titles{
         width:480px;
     }
     .titleList .itemTitle a.detail{
         min-width:120px;
         font-size:12px !important;
     }

 }
 @media screen and (max-width: 767px) and (min-width: 736px){
     .titles{
         width:350px;
     }
     .titleList .itemTitle a.detail{
         min-width: 110px;
         padding: 8px 10px !important;
         font-size:12px !important;
     }
     h2.application{
        margin-top:15px;
    }
 }
 @media screen and (max-width: 735px) and (min-width: 376px){
     .titles{
         width:350px;
         padding:6px !important;
     }
     .centerTitles div:nth-child(1){
         line-height: 20px !important;
         margin-top: 10px !important;
     }
     .titleList .itemTitle a.detail{
         min-width: 110px;
         padding: 8px 0 !important;
         font-size:12px !important;
         line-height: 12px !important;
     }
     .topTitle{
         padding:10px !important;
         font-size:16px !important;
     }
     .centerTitles div{
         font-size:14px !important;
     }
    .titleList{
         top:20px;
    }
    #slide-1-layer-5{
        margin-top: 20px !important;
    }

    h2.application{
        margin-top:15px;
    }

 }
 @media screen and (max-width: 375px) and (min-width: 321px){
     .titles{
         width:310px;
     }

     .centerTitles div:nth-child(1){
         line-height: 20px !important;
         margin-top: 10px !important;
     }
     .titleList .itemTitle a.detail{
         min-width: 100px;
         padding: 8px 0 !important;
         font-size:12px !important;
         line-height: 12px !important;
     }
     .titleList{
         top:20px;
     }
     .topTitle{
         padding:10px !important;
         font-size:16px !important;
     }
     .centerTitles div{
         font-size:14px !important;
     }
     #slide-1-layer-5{
        margin-top: 20px !important;
    }
    h2.application{
        margin-top:15px;
    }

 }
 @media screen and (max-width: 320px) and (min-width: 0px){
     .titles{
         width:220px;
         top: -30px;
             
     }
     .centerTitles div:nth-child(1){
         line-height: 24px !important;
         margin-top: 6px !important;
     }
     .titleList .itemTitle a.detail{
         min-width: 100px;
         padding: 5px 0 !important;
         font-size:12px !important;
         line-height: 12px !important;
     }
     .topTitle{
         padding:6px !important;
         line-height:10px !important;
         font-size:16px !important;
     }
     .centerTitles div{
         font-size:14px !important;
     }
     .titleList .itemTitle{
         width:50%;
     }
     .titleList{
         top:20px;
     }
    .titleList .itemTitle a.detail.centerItem-xs{
         text-align:center;
     }
    .titleList .itemTitle.leftItem-xs{
         text-align:left;
     }
    .titleList .itemTitle.rightItem-xs{
         text-align:right;
    }
    h2.application{
        margin-top:15px;
    }
 }