/**
  *foric.com.cn
  *2020/8/4
  **/
/*
响应式设计由上至下从大尺寸到小尺寸。
/*==font==*/

html {
    /*font-family: 'Montserrat', sans-serif ;*/
    font-family: Roboto,Helvetica,Calibri,Arial,"Microsoft JhengHei","Microsoft YaHei",sans-serif;
    
}



body .row{
    margin-left:20px;
    margin-right:20px;

}

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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; font: inherit; font-size: 100%; vertical-align: baseline; }

/*==Nav Begin==*/
/*body.fixed-header .scrolling-header .navbar { background: rgba(255, 255, 255, 0.9) !important; padding-top: 15px; padding-bottom: 15px; }*/
body.fixed-header .scrolling-header .navbar { background: white !important; padding-top: 15px; padding-bottom: 15px; opacity: 0.8;}
body.fixed-header .scrolling-header .navbar .navbar-nav li a { color: #1c456c; }
body.fixed-header .scrolling-header .navbar .normal-logo { display: none; }
body.fixed-header .scrolling-header .navbar .scroll-logo { display: inline-block; }
/*body.fixed-header .scrolling-header .navbar .navbar-search .input-group .form-control { height: 80px; color: #7f858f; }
body.fixed-header .scrolling-header .navbar .navbar-search .input-group .search-close { color: #7f858f; }*/

.header.search-open .navbar .relative-nav-container { opacity: 0; }
.header.search-open .navbar .navbar-search { opacity: 1; visibility: visible; }
.header .navbar { padding-top: 35px; padding-bottom: 35px; margin-bottom: 0; background: none; border: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header .navbar .relative-nav-container { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header .navbar .toggle-button { line-height: 40px; color: #999; cursor: pointer; }
.header .navbar .navbar-search { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.13); }
.header .navbar .navbar-search .input-group .form-control { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; height: 120px; border: none; color: white; font-size: 30px; font-family: "Raleway", sans-serif; font-weight: normal; }
.header .navbar .navbar-search .input-group .search-close { background: none; border: none; color: #fff; }
.header .navbar .scroll-logo { display: none; }
.header .navbar .navbar-nav > li.active { background: none; border: none; }
.header .navbar .navbar-nav > li.active > a { background: none; border: none; border-bottom: 1px solid #ff6400; }
.header .navbar .navbar-nav > li > a { text-transform: uppercase; color: black; border-bottom: 1px solid transparent; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; }
.header .navbar .navbar-nav > li > a:hover { color: black; border-bottom: 1px solid #337ab7; }


.header .navbar .navbar-nav > li > a:focus { color: black; border-bottom: 1px solid #337ab7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: none !important;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color:#0088cc !important; }


.header .navbar .navbar-nav.wrap-user-control { margin-left: 15px; }
.header .navbar .navbar-nav.wrap-user-control li { color: #ff6400; }
.header .navbar .navbar-nav.wrap-user-control li a { color: #ff6400; padding-left: 10px; padding-right: 10px; border: none; }

.navbar-with-inside > li:hover .wrap-inside-nav { display: block; }

body.fixed-header .scrolling-header .navbar .wrap-inside-nav { /*top: 64px; */}

.wrap-inside-nav { position: absolute; left: 0; top: 50px; display: none; min-width: 220px; text-align: left; border-top: 2px solid #ff6400; background: #1a1a1a; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.wrap-inside-nav .inside-col { padding: 30px 0; }
.wrap-inside-nav .inside-col .inside-nav:after, .wrap-inside-nav .inside-col .inside-nav:before { display: table; clear: both; height: 0; content: ''; }
.wrap-inside-nav .inside-col .inside-nav li { line-height: 45px; min-height: 45px; }
.wrap-inside-nav .inside-col .inside-nav li a { display: block; padding-left: 20px; color: #7e848e !important; font-size: 14px; text-decoration: none; }
.wrap-inside-nav .inside-col .inside-nav li a:active, .wrap-inside-nav .inside-col .inside-nav li a:focus { display: block; padding-left: 20px; color: #ff6400 !important; }
.wrap-inside-nav .inside-col .inside-nav li a:hover, .wrap-inside-nav .inside-col .inside-nav li a:active:hover, .wrap-inside-nav .inside-col .inside-nav li a:visited:hover, .wrap-inside-nav .inside-col .inside-nav li a:focus:hover { color: #ff6400 !important; background-color: #26282d; }




.banner_container {
   padding: 0px !important;/*width:100%;text-align: center;margin-top: 90px;*/
   margin: 0 auto ;

   width: 100% !important;
   margin-top: 90px;
}


.navbar-default {
    background:none !important;
    border:none !important;
}



.snow-container { position: absolute; top: 0; left: 0; width: 100%; height: 50%; pointer-events: none; z-index: 100001; padding;1px;}



.navbar .container-fluid .navbar-header .navbar-toggle {
    margin-right:0px;
}

.navbar-collapse ul li {
    text-align:center;
}



.banner_container .background_jumbo {
             /*background:url(/images/banner.png) no-repeat center;*/
             background:url(/images/banner_1.jpg) no-repeat center;
             background-size:cover;
             height:100%;
}


.row_index { margin-top: 90px;margin-left: 0px !important;margin-right: 0px !important; }
.row_index img { width: 100%; display: block; height: 500px !important;}

.row_index .carousel-indicators li { width: 85px;}



body .application .thumbnail img:hover{
    opacity: 0.5;
}

.carousel-indicators { margin-bottom: 50px; }





/*banner fit ipad size*/
@media (min-width: 768px) and (max-width: 1024px) {
     
.carousel-indicators { margin-bottom: 10px; }

}






/*index-News*/

.container_news {

    margin-top: 20px;
}


.news_more {
    
    text-align: center;
    
    color: #337ab7;
}

.nav-tabs-index {

    margin-top: 20px;
    font-weight: 700;
}

.media_index_news {

    text-align: left;
    font-size: 1.2em;
    margin-top: 15px !important;

}

.media_index_news .media-left , .media_index_news .media-body {

      display: table-cell;
    vertical-align: middle;
    padding: 5px;
}



.media_index_news img {

    width: 120px;
    height: 75px;

}
.media_index_news a { display: block; }
.media_index_news a:hover { background-color: #2AAAE6; text-decoration: none; color: white !important;}

.media_index_news p {

    font-size: 0.8em;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 2em;
}



/*index-About Us*/

.container_index_brand a {
   
   display: block;
   width: 100%;
   height: 100px;
   padding: 10px;
  

}



.container_index_brand img {

   margin: 0 auto;
   width: 50%;
   height: auto;
   position: relative;
   top: 50%;
   transform: translateY(-50%);

}

.container_index_brand p { margin-bottom: 0px; width: 100%; height: 60px;}

.circle_divide {
    
    height: 2px ; border: 3px dashed black; margin-bottom: 40px;margin-top: 40px;
    
}

/*iphone circle part*/

.foric_right { margin-bottom: 50px; }





.index_about_title {

    padding-left: 50px;
    padding-right: 50px;
    font-weight: 700;
    font-size: 1.2em;
    color: #4f6367;

}

.index_about_title::after {

    content: "";
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 4px;
    background:#1c456c;
}



.index_about_application {

      
    font-weight: 700;
    font-size: 2em;
    color: #4f6367;
}

.index_about_application::after {

    content: "";
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 4px;
    background:#1c456c;
}

.index_about_container {

    padding-left: 50px !important;
    padding-right: 50px !important;
}

.item_index_profile {

    padding-left: 50px;
    padding-right: 50px;
    height: 300px;
}

.item_index_profile img {
    margin: 0px !important;
    height: 100px !important;
    width: 100% !important;
}

.item_index_profile p {
    
    
    color: #4f6367;
    font-weight: 700;
    margin-top: 10px;
    line-height: 1.8em;
    font-size: 0.8em;
    text-align: justify;
}

.item_index_profile a:hover { text-decoration: none; }

/*h4 { text-align: left; color: #4f6367 !important; font-weight: 700; }*/
.container_index_profile {
    
    /*居中*/
    display: flex;
    align-items: center;
    justify-content: center;


}

.container_index_profile .left {

    margin-right: 15px;
}

.container_index_profile .right {
    
    margin-left: 15px;
}

.container_index_profile span {

    cursor: pointer;
}

.container_index_profile span:visited {

    color: #337ab7;
}

/*Application Project*/
.item_index_project {

    
    display:block;
}

.item_index_project div.row { width: 33.3333333%; float: left; margin: 0px; padding: 10px;}

.item_index_project div.row img {  transition: all 0.6s;  }
.item_index_project div.row img:hover {  transform: scale(1.4);   }

.item_index_project div.row p { overflow: hidden; margin-top: 0px;}

.item_index_project span {

    display: block;
}

.item_index_project img {
    
    display: flex;
    margin: 0 auto;
    width: 70%;
}


.item_index_project p {

   text-align: center;
   
   margin-top: 20px;
}


.item_index_project p.title_first {

    margin-top: 20px !important;
    margin-bottom: 0px;
    color: #40a4d0;
    font-weight: 700;
    font-size: 1.5em;

}

.item_index_project p.title_second {

    color: #3e3a39;
    font-size: 1em;
    margin: 0px;
  letter-spacing: 1px;
  text-align: justify;
  padding: 20px;
  height: 100px;
  font-weight: 700;
 
}
.item_index_project p.title_second:hover { color: #40a4d0 };

/*end*/

.carousel .row_title{
    margin-left:80px;
    margin-right:80px;
}

.carousel .row_title p{
    color: rgb(85, 85, 85);
    font-size: 1.8rem;
   
    
}

.carousel .row_title h3 {
    font-weight:bold;
}

.carousel .row_title .col-md-4{
    padding-left:5px;
    padding-right:5px;
    height:160px;
}

.carousel .row_title {
    margin-left:20px;
    margin-right:20px;
}

.carousel .row_title .col-sm-6 .caption{
    display:none;
}

body .carousel .left , body .carousel .right {
    background:white;
}

body .carousel a > span {
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    color:#1c456c;
}

.carousel .carousel-control{
    width:6%;
}

.carousel .thumbnail{
    margin-bottom:0px;
    border:none;
}

.carousel .thumbnail .caption{
    padding:0px;
}




/*news*/


.background_jumbo_news {

             background:url(/images/foricNews.jpg) no-repeat center;
             background-size:cover;
             height:400px;
}

.foric_news_row { width: 20%; float: left;}
.foric_news_row .breadcrumb { width: 100%; }
.foric_news { width:100%;text-align: center;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;border: 1px solid #EAEAEA !important; }
.foric_news li { padding: 0px; margin: 0px !important;}

.foric_news_row > li > a:hover , .foric_news > li > a:focus { background: #2AAAE6 !important; color:white !important;text-decoration: none;}
.foric_news_container { width: 70%; float: right; }

.foric_news_container .media-left img{ width: 300px; height: 150px; }
.foric_news_container .news_content img{ width: 100%; height:auto; }
.foric_news_container .news_content p {
       text-align: justify;
       text-justify: inter-ideograph;/*IE*/
       line-height: 2em;
}
.foric_news_container .media-body { padding: 10px; display: table-cell; vertical-align: middle; }
.foric_news_container p { line-height:2.5em;}
.foric_news_container img { float: left;}
.foric_news_container.foric_news_detail img { float: none; }
.foric_news_container .news_detail { text-align: justify; }
.foric_news_button { width: 100% !important;}
.foric_news_button a { display: inline-block; }
.foric_news_button a.left { position: relative; left: 50%; transform: translateX(-300%);}
.foric_news_button a.right { position: relative; left: 50%; transform: translateX(-100%);}
/*support*/

.support_row .col-sm-6 {
    width:50%;
    float:left;
}


@media screen and (min-width:768px) {
        /*banner reset*/
        .banner_container .background_jumbo {
            height:350px;
        }
        
        .snow-container { position: absolute; top: 0; left: 0; width: 100%; height: 50%; pointer-events: none; z-index: 100001; padding;1px;}

        .carousel .carousel-inner .row_title .col-md-4 {
            width:100%;
        }

}

@media screen and (min-width:992px) {
        .application .mul{
            width:50%;
        }

        .application .ind , .hig {
            width:25%;
        }

        .carousel .carousel-inner .row_title .col-sm-6 {
            width:33%;
            height:auto;
        }
        
        .carousel .carousel-inner .row_title .col-sm-6 .caption{
            display:block;
            padding:5px;

        }

        .carousel .carousel-inner .row_title .col-sm-6 .caption p{
            font-size:1.2em;
        }

        .news_row .col-sm-6 .news_caption h3 {
            font-size:1.2em;
        }

        .support_row .col-sm-6 {
            width:25%;
        }

        
        .navbar-collapse ul li:hover .dropdown-menu {
            display: block;
        }

}
@media screen and (min-width:1200px) {
        .banner_container .background_jumbo {
            height:400px;
        }
        
      
        .snow-container { position: absolute; top: 0; left: 0; width: 100%; height: 90%; pointer-events: none; z-index: 100001; padding;1px;}

        body .yingyong , body .chosen , body .news , body .support {
            font-size:2.8em;
        }

        .carousel .carousel-inner .row_title img {
            width:100%;
        }
        
        
        .carousel .carousel-inner .row_title {
            padding-left:100px;
            padding-right:100px;
        }

        body .foric_foot .row .col-sm-6 p {
            font-size:1.2em;
        }

        body .foric_foot .row .col-sm-6 {
            border:none;
        }
}

/*animal*/


.container .jumbotron .slideInDown_p {
    color:white;
    font-size:1.8em;
    font-weight: bold;
    position:relative;
    top:25%;opacity: 1;
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

.container .jumbotron .slideInDown {
    
    
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size:5em;
    position:relative;
    top:20%;
    -webkit-background-clip: text;    /*按文字裁剪*/
    -webkit-text-fill-color: transparent;    /*文字的颜色使用背景色*/
    background-color:#19385c;   /*设置一个背景色*/
    
    background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 30%, #aff0ff 50%, rgba(0, 0, 0, 0.6) 70%);        /*设置渐变的背景，按对角线渐变*/
    background-blend-mode: hard-light;    /*设置背景为混合模式下的强光模式*/
    background-size: 200%;
    -webkit-animation: shine 4s infinite;    /*给背景添加动画改变位置*/
}



@-webkit-keyframes shine {

    from {background-position: 100%;}

    to {background-position: 0;}

}

@media(max-width: 1000px) {
    .container .jumbotron .slideInDown {
        font-size:3em;
    }
}


/*End*/

/*about page*/

.banner_container .background_jumbo_about {
             
             /*background:url(/images/contact-bg.jpg) no-repeat center;*/
             background:url(/images/foricAboutus.jpg) no-repeat center;
             background-size:cover;
             height:400px;
}

.banner_container .background_jumbo_about_application {
             
             background:url(/images/application_idea.jpg) no-repeat center;
             background-size:cover;
             height:400px;
             margin-bottom:0px;
}



/*about*/

body .container_about {
        font-family: 'Raleway', 'sans-serif';
}

body .tab-content-about .wellcome-note-head {
       color: #4F6367;
       font-weight: 400;
       font-size: 1.2em;
       margin: 1em 1em;
       text-align:left;

}

body .container_about .wellcome-note-head-bottom {
       color: #4F6367;
       font-weight: 400;
       font-size: 1.2em;
       margin: 0.2em 0;
       text-align:center;

}

body .container_about .wellcome-note-head label{
       margin-left:30px;
       margin-top:10px;

}

body .tab-content-about h3 {
        
        line-height: 1.42857143;
        font-size: 2.2em;
        font-weight: 900;
        color: #4F6367;
        margin: 1em 0.5em;
        
        
}


body .container_about p{
    text-align:center;

}

body .img-ditu {
    position:relative;
    width:100%;

}

.tab-content-about{

    font-family: 'Raleway', 'sans-serif' !important;
      width: 65%;
      
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #EAEAEA !important;
    float: right;width: 75%;
    
}

.tab-content-about h3 {
    margin-bottom: 20px;
}

.foric_about_profile { padding-bottom: 100px; }
/*.foric_about_profile .media-body { padding: 1em 1em; }*/



.nav-tabs-about {

    width: 12%;
    float: left;width: 20%;
    text-align: center;
    
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #EAEAEA !important;
  
}


ul.nav-tabs-about li {
    width: 100%;
}

.foric_about_container { padding-bottom: 50px; padding-top: 90px;}
.Foric_about_profile_title { display: none; }
.foric_about_category { color: #125287;}
.foric_about_category:hover { background: #2AAAE6 !important; color: white;}
.foric_about_category.active { border: none !important; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: #2AAAE6 !important; color: white !important; }



.breadcrumb {

    width: 20%;
    text-align: center;
    
    font-size:1em;
    margin-bottom: 0px !important;

}

.breadcrumb a:hover { text-decoration: none; }

/*application*/

.Foric_application_telephone_title { display: none; }
/**product**/

.container_product { padding-top: 90px; }
.container_product a.focus { background-color:  #2AAAE6; color: white;}
.container_product a.turn span.glyphicon-play {  
  color: #2b5986;
  transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -webkit-transform:rotate(90deg); 
  -o-transform:rotate(90deg);
  -webkit-transition:-webkit-transform 0.5s linear;
  transition:transform 0.5s linear;}
.foric_product_row a {  color: black; width: 100%; display: block; padding: 6px;}
.foric_product_row .panel-heading { padding: 0px; }
.container_product a:hover , .container_product  a:focus { text-decoration: none; background-color: #2AAAE6; color: white;}
.breadcrumb_product { width: 100%; margin-bottom: 50px !important;}

.foric_product_row { float: left; width: 18%; margin-bottom: 40px;}
.foric_product_row .accordion_children span{ padding-left: 10px; }
.foric_product_row .accordion_children .child_third span { padding-left:20px; }
.foric_product_container { float: right; width: 75%; margin: 0px !important; text-align: left;}


/*.foric_product_container .featrues table ,.foric_product_container .featrues tr , .foric_product_container .featrues td { display: table-cell;
vertical-align: middle; word-break: break-all; }*/
#foric_search:hover { color: #66afe9; }
.alert-warning { display: none; }
#search_list ul { text-align: left; }
#search_list_li { cursor: pointer; }



.foric_product_container  .featrues table , .foric_product_container  .featrues td , .foric_product_container .featrues tr , .foric_product_container  .featrues th { border-collapse:collapse;  border:1px solid #d3d3d4; text-align: center; vertical-align: middle;white-space:nowrap;}
.foric_product_container h4 a {padding: 8px;    border-radius: 4px; }
.foric_product_container .featrues span { padding: 0px };
.foric_product_container .featrues br { display: block; }
.foric_product_container .featrues p { margin-top: 8px;}
.foric_product_container .featrues table tr:first-child{ background:#eee; }
.foric_product_container .tab-content-product .featrues , .foric_product_container .tab-content-product .view , .foric_product_container .tab-content-product .file{ font-family: Roboto,Helvetica,Calibri,Arial,"Microsoft JhengHei","Microsoft YaHei",sans-serif; }
/*选型表*/
.foric_product_container .view { padding: 10px; }
.foric_product_container .view table , .foric_product_container  .view td , .foric_product_container .view tr , .foric_product_container  .view th { border-collapse:collapse;  border:1px solid #d3d3d4; text-align: center; vertical-align: middle;white-space:nowrap;}
.foric_product_container .view p {}
.foric_product_container .view div { margin: 0px; }
.foric_product_container .view td , .foric_product_container .featrues td { padding: 8px; }
.foric_product_container .view table tr:first-child{ background:#eee; }
.foric_product_container .file span { padding: 0px; }

/*资源*/
.foric_product_container .file table , .foric_product_container .file td{ text-align: left; }
.foric_product_container  .file table , .foric_product_container  .file td , .foric_product_container  .file tr { border-collapse:collapse;  border:1px solid #d3d3d4; text-align: left; vertical-align: middle !important;white-space:nowrap;}
.product_group .panel-body { padding: 0px; }
.product_group h4 , .child_panel a { font-size: 1em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.product_group h4:hover ,  .child_panel a:hover { text-overflow:inherit;white-space:normal; }
.child_panel a { display: block; }

.nav-tabs_product li { width: 20%; background: #ccc;border-radius: 5px 5px 0 0;margin-left: 1px;font-size: 1.2em;}
.nav-tabs_product li a { padding: 0px !important; text-align: center; width: 100%; color: #FFF;font-weight: 500;line-height: 2em !important;}
.nav-tabs_product li a:hover{ background: #ccc !important; }
.nav-tabs_product li a:hover::after , .nav-tabs_product li a:focus::after { content: ""; display: block; width: 100%; height: 2px; background: #2AAAE6;  }
.tab-content-product{margin-top: 40px;padding-bottom: 40px;}

/*.tab-content-product .product_box { margin: 10px; column-count: 2; column-gap: 40px; }*/

.tab-content-product .list-group li { border: none;font-size: 0.9em;padding-top: 0px;padding-bottom: 0px;}
.tab-content-product .list-group li p {margin: 0px;font-size: 1.2em;}
/*.tab-content-product .list-product-left , .tab-content-product .list-product-right{ width: 50%;margin-top: 10px;}*/

.tab-content-product span { padding: 10px; }
.tab-content-product .list-group { margin-bottom: 40px; }
.choose_product .left {width: 15% !important;border-right: 1px solid #e4e4e4}
.choose_product label { width: 20%; margin-left: 20px !important;}
.choose_product td {background: #f9f9f9 !important; line-height: 2em;padding: 15px !important;}
.container_choose th { background: #eee;font-size: 0.8em; }
.container_choose  td { font-size: 0.8em; }
/*.product_group div >  .collapse.in  span{  transform:rotate(90deg);
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg); 
-o-transform:rotate(90deg); }*/
/*a[href='#collapseOne']*/
.product_group { text-align: left; }


.product_group .panel-default { margin-top: 0px !important; }

.product_group .panel-default , .product_group .panel-body { border: none !important;}

.product_group span { padding: 5px; font-size: 10px;}
.product_group i { padding: 5px 10px 5px 10px; }
.panel-group { margin: 0px !important; }
.accordion_children a { padding-left: ; }
.accordion_children .child_third a{ text-align: left;}
.accordion_children .panel-heading , .accordion_children .panel-default { background: white !important;}



/*product_holtek*/
/*.foric_product_holtek_row { float: left; width: 22%; margin: 0px !important; }
.foric_product_holtek_row .panel-heading { padding: 0px !important; }
.foric_product_holtek_row .panel-title a { display: block; width: 100%; padding: 5px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foric_product_holtek_row .panel-title a:hover , .foric_product_holtek_row .panel-title a:focus { background: #2AAAE6 ; color: white; text-decoration: none;}
.nav-tabs_holtek li { width: 20%; }
.tab-content-product .list_holtek , .tab-content-product .list_holtek button , .tab-content-product .list_holtek div{ width: 100%; }
.tab-content-product .list_holtek button { text-align: left;  border: none;}
.tab-content-product .list_holtek button span { padding: 5px; }
.tab-content-product .list_holtek button.turn span{  
  color: #2b5986;
  transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -webkit-transform:rotate(90deg); 
  -o-transform:rotate(90deg);
 
  -webkit-transition:-webkit-transform 0.5s linear;
  transition:transform 0.5s linear;
   }
.tab-content-product.foric table { font-size: 0.7em; text-align: center;}
.tab-content-product.foric table th { background-color: #eee; color: #3e3a39; padding: 10px 5px 10px 5px !important; text-align: center; font-weight: 700;}
.tab-content-product.foric table td { vertical-align: middle !important;}
.tab-content-product.foric { margin-top: 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tab-content-product-holtek p { line-height: 2em;  font-size: 1.2em; margin-bottom: 0px;}

.row-table-holtek { overflow: scroll; margin-top: 40px;}
.row-table-holtek.extension { height: 500px; margin-top: 0px;}
.row-table-holtek table {  table-layout: fixed; margin-bottom: 0px !important;}
.row-table-holtek table th { font-weight: 700; }
.row-table-holtek table th , .row-table-holtek table td { width: 95px; text-align: center; vertical-align: middle !important; font-size: 0.9em;}
.tab-content-product-holtek b { display: block;}
.product_foric_pin table th , .product_foric_pin table td{ text-align: center; vertical-align: middle !important;}
.product_foric_pin table td { font-size: 0.8em; }
.product_foric_pin table { margin-top: 40px; }
.tab-content-product-holtek .foric_param th , .tab-content-product-holtek .foric_param td{ text-align: center; vertical-align: middle; }*/
   /*.tab-content-product .list_holtek button:focus { background:#4CB3BC;}*/

/*.tab-content-product .product_box ul>h1 , ul>h2 , ul>h3 , ul>h4 , ul>h5{ font-weight: 700; }*/
/*industry-solution*/
.banner_container .background_jumbo_solution {
             /*background:url(/images/banner.png) no-repeat center;*/
             background:url(/images/industry_solutions.jpg) no-repeat center;
             background-size:cover;
             height:400px;
}

.foric_about_solution { padding: 20px; }
.foric_about_solution ul { border: none; }
.foric_about_solution ul a { border-radius: 4px 4px 4px 4px !important; background-color: #eee; }
.foric_about_solution .tab-content { margin-top: 20px; }
.foric_about_solution .tab-content div { background-color: white; line-height: 2em; font-size: 1em;}
.foric_about_solution .tab-content p { line-height: 2em; margin-bottom: 0px;}
.foric_about_solution .tab-content img { margin-bottom: 40px; width: 100%;}
.foric_about_solution .tab-content span { padding: 5px; }
.foric_about_solution .tab-content table { text-align: center; }
.foric_about_solution .tab-content table th { text-align: center; }
.foric_about_solution .tab-content table td { display: table-cell; vertical-align: middle;}

.banner_container .background_jumbo_solution_conpany {

  background:url(/images/case.jpg) no-repeat center;
             background-size:cover;
             height:400px;
}

.foric_about_solution div.well { letter-spacing:1px; }
/*.product_group a:visited span { 
  transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -webkit-transform:rotate(90deg); 
  -o-transform:rotate(90deg); 
}*/
/******************************/
/**** FOOTER SECTION ****/
/******************************/

.footer-section { padding: 80px 0 70px; background: #232730; text-align: left;}
.footer-section ul , ol { list-style: none; }
.footer-section h5 { color: #cccccc; }
.footer-section p { color: #999999; font-size: 12px;}
.footer-section .footer-nav li { line-height: 24px; }
.footer-section .footer-nav li.active a { color: #ff6400; }
.footer-section .footer-nav li a { font-size: 12px; line-height: 2; font-family: 'Raleway', sans-serif; color: #999999; text-decoration: none; }
.footer-section .footer-nav li a:hover { color: #ff6400; }
.footer-section .contacts-list i { min-width: 20px; margin-right: 10px; }
.footer-section .contacts-list p { margin-bottom: 0; }
.footer-section .contacts-list a { color: #999; text-decoration: none; }
.footer-section .form-control { border-color: #333333; }
.footer-section .form-control:focus, .footer-section .form-control:active { border-color: #999; }
.footer-section .form-control-feedback { color: #999; }

.copyright-section { padding: 10px 0; text-align: center; background: #337ab7; }
.copyright-section ul { margin: 0 auto; width: 50%; }
.copyright-section ul li { line-height: 1.5em;float: left;margin-right: 20px;}
.copyright-section p {font-weight:bold; margin-bottom: 0; font-size: 1em; text-transform: uppercase; color: white; }
.copyright-section p span { color: #ccc; }

.footer-section .footer-nav li { line-height: 24px; }
.footer-section .footer-nav li.active a { color: #1c456c; }
.footer-section .footer-nav li a { font-size: 12px; line-height: 2; font-family: 'Raleway', sans-serif; color: #999999; text-decoration: none; }
.footer-section .footer-nav li a:hover { color: #1c456c; }

h5 { color: #333333; font-size: 14px; text-transform: uppercase; margin-bottom: 25px; font-weight: bold; position: relative; }
h5.italic-title { font-size: 16px; color: #999999; margin-bottom: 10px; font-weight: normal; text-transform: none; font-family: 'Playfair Display', serif; font-style: italic; }
h5.italic-title:after { display: none; }
h5:after { content: ""; display: block; margin-top: 20px; width: 100%; height: 4px; background: #1c456c; }

.icon {
    font-family: 'Stroke-Gap-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-House{
    content: "\e67d";
}

.scrolling-header .navbar_response {
    display:none;
}


/*application*/
/*.application_title {
    
    font-size:1em;
    line-height: 2em;
    background:#eeeeee;
    color:#337ab7;
    padding:0 20px 0 20px;
    margin:0 auto;

}

ul.nav_application li a {
    text-decoration:none;
    padding:5px;
}

.application_content {
    margin:0 20px 20px 20px;
}

.application_content img {
    width:100%;
    margin-top:10px;
}*/



/*Responsive Mode*/
/*<767*/


@media (min-width: 768px) {
    
    .header .navbar {
        padding-top:20px;
        font-size:0.8em;
    }

    .header .navbar_scrolling .container .navbar-brand{
        width:100px;
    }

    .header .navbar .scroll-logo {
        width:100%;
    }

    .application_content {
        width:60%;
        margin:20px auto;
    }

    .application_img_3 {
        width:60%;
    }



    .list_row {
        height:400px;
    }

    .list_logo {
    opacity:0.1;
    z-index:998;
    position: absolute;
    
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 60px;
    color: #4f6367;
    margin-left:-92px;
    left:50%;
    top:100%;
    margin-top: -30px;
  }

}

@media (min-width: 1023px) {
    .detail_container , .detail_nav , .detail_content {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }


}




/*better*/


@media (min-width: 992px) { 

    .container_news {

        width: 60% !important;
        float: left;
    }

    .carousel_index_profile {

        width: 40%;
        float: right;
    }

    .index_about_title {

        width: 40%;
        float: right;
        margin-top: 40px;
    }

    .container_index_profile {

        width: 40% !important;
        margin-top: 40px;
        margin-bottom: 40px;

    }
     
    .news_more {
        padding-top: 20px;
    }
    
    .news_more a:hover { text-decoration: none; }
    .index_about_application {

        clear: both;
        padding-top: 20px;

    }

    .about_profile_hr {

        display: none;
    }

    
    .item_index_project a { padding:5px; display:block;width:100%;background: #fcfcfc;box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.15); }
    .item_index_project a:hover{ text-decoration: none; }

    .item_index_project img {

          width: 100%;
        height: 240px;
        
    }

    .index_brand {
 
        float: left;

        clear: both;

        width: 100%;

        padding: 0;

        margin-bottom: 40px;

        text-align: center;

    }



    .container_index_brand {
       
       clear: both;
       width: 20% !important;
       float: left;
       padding: 0px !important;
    }

    .container_index_brand a {
      
       width: 200px;
       display: block;

 
    }
    
    .container_index_brand a::after { content: "";display: block;margin-top: 10px;width: 80%; height: 4px; background:#d9edf7;margin: 0 auto;}
    
    .container_index_brand a:hover::after { background-color: #337ab7; }
  

    .container_index_brand .logo_two {
        width: 70%;
    }
    
    .container_index_brand .logo_one {

        width: 40%;
    }
    /*circle_nav*/
    
    /*.container_circle_father { padding-left: 50px !important;padding-right: 50px !important;width: 100% !important;height: 600px;}*/
    .container_circle_father { padding-left: 50px !important;padding-right: 50px !important;width: 100% !important;margin-top: 100px;}
    .container_circle_father .iphone{position: relative;top: 10px;}
    .container_circle_father .gear { position: relative;left: 50px;bottom: 10px; }
    .container_circle_father .bar{  position: relative; bottom: 60px; left: 70px;}
    .container_circle_father .display { position: relative;left: 50px;bottom: 100px; }
    .container_circle_father .sliders { position: relative;bottom: 125px; }
    .container_circle_father .location { position: relative;right: 50px;bottom: 110px;}
    .container_circle_father .check { position: relative;right: 70px;bottom: 60px; }
    .container_circle_father .exclamation { position: relative;right: 55px;bottom: 15px;}
    .circle_divide { height: 5px ; border: 3px dashed black; margin-bottom: 40px;}
    .foric_right {

       float: right;
       width: 800px !important;
       padding: 0px !important;
       height: 800px;
       background: #EEEEEE;
       /*margin-bottom: -80px;*/
       position: relative;

       /*border: 1px solid black;*/

    }
    
    .foric_right a:hover { text-decoration: none; }
    .circle_nav_left , .circle_nav_up , .circle_nav_left_up , .circle_nav_left_down , .circle_nav_down{
        
        
        width: 80px;
        height: 80px;
        
        border-radius: 40px !important;
        /*background-color: #125287 !important;*/
        /*background: linear-gradient(to left, #125287, #1a71ba);*/
        background-image: linear-gradient(236deg,#0093e9 0,#5cb7ad 100%);
        box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.55) !important;
        border: 1px solid #5cb7ad !important;
        color: white;
        font-weight: 700;

    }

     .circle_nav_down:hover , .circle_nav_left:hover , .circle_nav_up:hover , .circle_nav_left_up:hover , .circle_nav_left_down:hover {

        background: linear-gradient(to left, #125287, #1a71ba);
    }

    .circle_nav_right_up:hover , .circle_nav_right:hover , .circle_nav_right_down:hover {

        /*background-image: linear-gradient(236deg,#0093e9 0,#5cb7ad 100%);
        border: 1px solid #5cb7ad !important;*/
        background: linear-gradient(to left, #125287, #1a71ba);
    }


    .circle_nav_right_up , .circle_nav_right , .circle_nav_right_down{

        width: 80px;
        height: 80px;
        
        border-radius: 40px !important;
        background-image: linear-gradient(236deg,#0093e9 0,#5cb7ad 100%);
        /*background: linear-gradient(to left, #125287, #1a71ba);*/
        box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.55) !important;
        border: 1px solid #5cb7ad !important;
        /*color: #2AAAE6 !important;*/
        color: white;
        font-weight: 700;
    }


    .circle_nav_left .panel-body ,  .circle_nav_up .panel-body , .circle_nav_left_up .panel-body , .circle_nav_left_down .panel-body , .circle_nav_down .panel-body , .circle_nav_right_up .panel-body , .circle_nav_right .panel-body , .circle_nav_right_down .panel-body{

        padding: 0px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        width: 80px;
        height: 80px;


    }

    .circle_nav_middle {background: #DCDCDC !important; width: 200px;height: 200px; margin: 0 auto; border-radius: 100px !important;box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.55) !important;} .circle_nav_middle .panel-body { width: 200px; height: 200px; text-align: center;
        display: table-cell;color :#14739f ;vertical-align: middle;font-weight: 700;font-size: 1.5em;}
    
    /*.circle_nav_middle:hover { background: #2AAAE6  !important;}*/
    /*.circle_nav_middle .panel-body:hover { color:  white !important;}*/
    .circle_nav_middle .panel-body p:hover { color: #23527c  !important; }
    .circle_nav_middle p {
        margin-bottom: 0px;
        line-height: 30px;
        font-weight: 700;
    }

    .circle_nav_up { position: relative; left: 50%; transform: translateX(-50%); top: 20%;clear:both;/*position: relative; clear: both; /*left: 50%; transform: translateX(-50%); top: 20%;*/}

    .circle_nav_left_up { position: relative;  left: 27%; top: 2%; }

    .circle_nav_left {  position: relative;bottom: 20%;left: 20%;/*position: relative; /* transform: translateY(50%); left: 18%;*/ }

    .circle_nav_left_down { position: relative;bottom: 27%;left: 27%;}

    .circle_nav_down { position: relative;left: 50%;transform: translateX(-50%);bottom: 45%;/*position: relative; clear: both;/*top: 40%;left: 50%;transform: translateX(-250%);*/ }

    .circle_nav_right_up {  position: relative; top: 14.5%;left: 63%;}

    .circle_nav_right { position: relative; left : 70%; bottom: 33%;}

    .circle_nav_right_down {  position: relative;  bottom: 39.5%; left: 63%;}
    
    .left_top , .right_top , .left_down , .right_down , .center_down {

        display: block;
    }

    .left_top { width: 20%;position: absolute; top: 120px;left: 50px;}
    /*.left_top { position: relative; float: left; width: 20%; left: 25%;bottom: 370px;}*/
    
    .left_top span { border: 1px solid #337ab7; color: gray; line-height: 1.5em;}
    
    .left_top span:hover , .right_top span:hover , .left_down span:hover , .center_down span:hover , .right_down span:hover { background: #2AAAE6; color: white;}
    .left_top .panel-body , .right_top .panel-body , .left_down .panel-body , .center_down .panel-body  , .right_down .panel-body { padding: 0px; }

    .right_top { width: 20%;position:absolute;left: 95%;transform: translateX(-105%);top: 120px;}
    /*.right_top { position: relative; float: left; width: 20%; left: 78%;bottom: 490px;}*/

    .right_top span { border: 1px solid #d6e9c6; color: gray; line-height: 1.5em; }
    
    .left_down {  width: 20%;position: absolute;font-size: 0.8em; top: 75%;left: 50px;}
    /*.left_down { position: relative; float: left; width: 20%; left: 25%;}*/
    .left_down span { border: 1px solid #bce8f1; color: gray; line-height: 1.5em; }

    /*.center_down { float: left; width: 20%;position: relative; left: 27.5%;transform: translateX(-80%);bottom: -4%;}*/
    .center_down { position: absolute; width: 25%; top: 85%;  font-size: 1em;left: 50%;transform: translateX(-50%);line-height: 3em;}
    .center_down span { border: 1px solid #ebccd1; color: gray; line-height: 1.5em;  float: left;}

    /*.right_down { float: left; width: 20%;position: relative;left: 29%;transform: translateX(-50%);bottom: 5%; }*/
    .right_down {  position: absolute; width: 20%;top: 75%; left: 95%;transform: translateX(-105%);}
    .right_down span { border: 1px solid #faebcc; color: gray; line-height: 1.5em;}

    .media_index_news { text-align: left; }

    


 
}



/*
foric-support
*/

.foric_support_left_nav li { list-style: none; background-color: #f5f5f5; text-align: left;}

.foric_support_left_nav li i { padding: 10px; }
.foric_support_notes i { padding: 10px; }


/*Foric 20200804*/
/*>1024px*/
@media (min-width: 1024px) { 

.row_index div { font-size: 1.2em; }

}
/*768-1024px*/
@media (min-width: 768px) and (max-width: 1024px) {
    
    .index_cover{ display: none; }
    .row_index .carousel-indicators li { width: 70px; }
    .row_index div { font-size: 1.1em; height: 350px; }
    .media_index_news p {  font-size: 0.7em; line-height: 2em; }
    .container_index_profile{ margin-top: 16px; margin-bottom: 20px; }
    .index_about_application{ font-size: 1.5em; }
   
    .container_index_brand img { height: 50px; }
    
    .container_index_brand { width: 100% !important;margin-bottom: 10px; }
    .left_top {  left: 30px; width: 25%; top: 60px;}
    .right_top { left: 780px;  width: 25%; top: 60px;}
    .left_down { left: 30px; top:630px; }
    .center_down { left: 50%;width: 25%; top: 700px; }
    .right_down { width: 25%;left: 50%;transform: translateX(87%);top: 630px; }
    .foric_right { clear: both; float: none;}
    .container_index_brand a { clear: both; width: 30%; display: inline-block;}
    iframe { width: 100%; }
    .foric_about_container { padding-top: 0px; }

    /*news*/
    .foric_news_container p { font-size: 0.9em; }
    
    /*application*/
    .foric_about_container .breadcrumb { margin-top:90px; }
} 

@media (min-width: 741px) and (max-width: 801px){

    .left_top , .right_top { width: 20%; }
    .circle_nav_middle {background: #DCDCDC !important; width: 200px;height: 200px; margin: 0 auto; border-radius: 100px !important;box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.55) !important;} .circle_nav_middle .panel-body { width: 200px; height: 200px; text-align: center;
        display: table-cell;color :#14739f ;vertical-align: middle;font-weight: 700;font-size: 1.5em;}

    .circle_nav_up { position: relative; left: 50%; transform: translateX(-50%); top: 20%;clear:both;/*position: relative; clear: both; /*left: 50%; transform: translateX(-50%); top: 20%;*/}
    
    .circle_nav_left_up { position: relative;  left: 27%; top: 2%; }

    .circle_nav_left {  position: relative;bottom: 165px; left: 15%;}

    .circle_nav_left_down { position: relative;bottom: 220px;left: 23%;}

    .circle_nav_down { position: relative;left: 50%;transform: translateX(-50%);bottom: 360px;/*position: relative; clear: both;/*top: 40%;left: 50%;transform: translateX(-250%);*/ }
    
    .circle_nav_right_up {  position: relative; top: 120px;left: 65%;}

    .circle_nav_right { position: relative; left : 73%; bottom: 265px;}

    .circle_nav_right_down {  position: relative;  bottom: 320px; left: 65%;}

    .circle_nav_left .panel-body ,  .circle_nav_up .panel-body , .circle_nav_left_up .panel-body , .circle_nav_left_down .panel-body , .circle_nav_down .panel-body , .circle_nav_right_up .panel-body , .circle_nav_right .panel-body , .circle_nav_right_down .panel-body{

        padding: 0px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        width: 80px;
        height: 80px;


    }

     .circle_nav_left , .circle_nav_up , .circle_nav_left_up , .circle_nav_left_down , .circle_nav_down{
        
        
        width: 80px;
        height: 80px;
        
        border-radius: 40px !important;
        /*background-color: #125287 !important;*/
        /*background: linear-gradient(to left, #125287, #1a71ba);*/
        background-image: linear-gradient(236deg,#0093e9 0,#5cb7ad 100%);
        box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.55) !important;
        border: 1px solid #5cb7ad !important;
        color: white;
        font-weight: 700;
    
    }

    .circle_nav_right_up , .circle_nav_right , .circle_nav_right_down{

        width: 80px;
        height: 80px;
        
        border-radius: 40px !important;
        background-image: linear-gradient(236deg,#0093e9 0,#5cb7ad 100%);
        /*background: linear-gradient(to left, #125287, #1a71ba);*/
        box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.55) !important;
        border: 1px solid #5cb7ad !important;
        /*color: #2AAAE6 !important;*/
        color: white;
        font-weight: 700;
    }
    
    .foric_right { background: #EEEEEE; }
    .right_down { position: absolute; left: 67%; top: 250%;transform: translateX(0); }
    
    .container_circle_father{ width: 100% !important; }
    .container{ width: 100% !important; }
    
    .circle_nav_up { top: 160px; }
    .circle_nav_left_up { left: 23%; top: 20px; }
    .container_circle_father .gear{ position: relative; left: 50%; bottom: 18px;}
    .container_circle_father .bar { position: relative; left: 75%; bottom: 60px; }
    .container_circle_father .exclamation{ position: relative; right: 50%; bottom: 20px;}
    .container_circle_father .check { position: relative; right: 75%; bottom: 58px; }
    .container_circle_father .sliders{ position: relative; bottom: 120px; }
    .container_circle_father .display{ position: relative; left: 60%; bottom: 100px; }
    .container_circle_father .location { position: relative; right: 60%; bottom: 100px; }
    .foric_right { height: 800px; margin-bottom: 0px; }

    .left_top{ position: absolute; top: 195%; left: 8%; }
    .right_top { position: absolute; left: 72%; top: 195%; }
    .left_down { position: absolute; left: 8%; top: 250%; width: 25%;}
    .left_top span { border: 1px solid #337ab7; }
    .right_top  span { border: 1px solid #d6e9c6; }
    .left_down span { border: 1px solid #bce8f1; }
    .center_down span { border: 1px solid #ebccd1; }
    .right_down span { border: 1px solid #faebcc; }
    .left_top .panel-body , .right_top .panel-body , .left_down .panel-body , .center_down .panel-body , .right_down .panel-body { padding: 0px; }
    .center_down .panel-body span { width: 33%; float: left; }
    .left_down { position: absolute;  }
    .center_down { position: absolute;left: 38%; top: 255%; }
    .index_about_title { padding-left: 0px; padding-right: 0px; font-size: 1.5em;}
    .item_index_project div.row img { height: 140px; }
    .item_index_project p.title_second { padding: 10px; }
    .item_index_project a { padding: 5px; display: block;  width: 100%; box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.15); background: #fcfcfc;  }
    .item_index_profile { padding-left: 100px; padding-right: 100px;}
    .item_index_profile img { height: 150px !important; }

    iframe { display: none; }
    .foric_about_profile img { float: none !important; width: 100% !important; }


    /*news*/
    .foric_news_container {  margin-left: 0px !important;}
    .foric_news_container p { font-size: 0.8em; }
    .foric_news_container label { float: none !important; display: block;text-align: right; }
    
    /*application*/


}

/*telephone-2020/9/14*/
/*@media (min-width: 359px) and (max-width: 741px)*/
@media (max-width: 737px){
    
    /*index*/
    .row_index img { height: 300px !important; }

    .background_jumbo_news , .background_jumbo_about { height: 300px !important; }
    .background_jumbo_news div , .banner_container div { font-size: 1.2em !important;}
    .background_jumbo_news div { left: 20% !important;width: 80% !important; }
    .row_index {  margin-top: 50px; }
    .carousel-indicators { margin-bottom: -5px; }
    
    .news_more { margin-top: 10px; }

    .header .navbar {
        background:white !important;
        opacity: 0.8;
      
    }

    
    .scrolling-header .navbar_scrolling {

        display:none;
    }

    .scrolling-header .navbar_response {
        
        display:block;
        padding:0px 20px;

    }
    
    img {
        opacity:0.8;

    }
    .navbar-default .navbar-collapse{
          opacity:0.8;
          background:white;
    }
    body .header .navbar .navbar-nav > li > a {
        color:black;
    }
    
    .navbar .container-fluid {
        margin:0px;
    }

    .banner_container .background_jumbo {
        
        margin-bottom:0px;
        height:400px;
    }

    body .yingyong {
        margin-top:0px;
    }

    .container .jumbotron .slideInDown_p {
        font-size:1.4em;
    }

    .foric_about_container .breadcrumb { width: 100%; }
    .foric_about_container .nav-tabs-about { float: none; width: 100%; }
    .foric_about_container .foric_about_profile { width: 100%; float: none; margin-top: 10px; padding-bottom: 10px;} 
    .foric_about_container .foric_about_profile .media-left { padding: 5px; display: block; }
    .foric_about_container .foric_about_profile .media-left img { width: 100%; margin: 0 auto !important; }
    .foric_about_container .foric_about_profile .media-body { display: block; width: 100%; }
    .nav-tabs-about li { width: 50% !important; }
    .nav-tabs-about li.lianxi { width: 100% !important; }
    .row_index .carousel-indicators li { width: 60px; height: 8px; }
    .col-md-12 { padding-left: 0px !important; padding-right: 0px !important; }
    body .row { margin-left: 0px; margin-right: 0px; }
    .media_index_news p { font-size: 0.65em; }
    .index_about_title { padding-left: 0px; padding-right: 0px; }
    .item_index_profile { padding-left: 0px; padding-right: 0px; height: 350px;}
    .item_index_profile img { height: 150px !important; }
    .item_index_project div.row { width: 100%; }
    .index_about_application { font-size: 1.2em; }
    .item_index_project a { padding: 5px;
        display: block;
        width: 100%;
        background: #fcfcfc;
        box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.15); }

    .container_index_profile { display: none; }
    .container_circle_father { margin-top: 40px; }

    .container_index_brand { padding-left: 0px !important; padding-right: 0px !important; }
    .left_top , .right_top , .left_down , .center_down , .right_down {  }
    .container_index_brand a { width: 33%; float: left; }
    .container_index_brand img { width: 100%;  }
    .container_index_brand p { padding: 8px; }
    .index_cover { display: none; }
    .left_top span { border: 1px solid #337ab7;
    line-height: 1.5em; }
    .left_top .panel-body , .right_top .panel-body , .left_down .panel-body , .center_down .panel-body , .right_down .panel-body { padding: 0px; }
    .right_top span { border: 1px solid #d6e9c6;
    line-height: 1.5em; }
    .left_down span { border: 1px solid #bce8f1;
    line-height: 1.5em; }
    .center_down span { border: 1px solid #ebccd1;
    color: gray;
    line-height: 1.5em;
    float: left; }
    .right_down span { border: 1px solid #faebcc;
    color: gray;
    line-height: 1.5em; }
    .circle_nav_right_up , .circle_nav_up  , .circle_nav_left_down , .circle_nav_right{ width: 50%;}
    .container_circle_father .exclamation , .container_circle_father .check , .container_circle_father .location , .container_circle_father .iphone , .container_circle_father .gear , .container_circle_father .bar , .container_circle_father .display , .container_circle_father .sliders { display: none; }
    .circle_nav_down , .circle_nav_right_down , .circle_nav_up , .circle_nav_right_up , .circle_nav_left_up , .circle_nav_middle , .circle_nav_left , .circle_nav_right , .circle_nav_left_down{ background-image: linear-gradient(236deg,#0093e9 0,#5cb7ad 100%); }
    .circle_nav_right_up { float: right; }
    .circle_nav_up {float: left;}
    .circle_nav_middle a { color: white; }
    .circle_nav_left_down { float: left;}
    .circle_nav_right { float: right; }
    .circle_nav_left { margin-bottom: 0px !important; }
    .circle_nav_right_down { height: 50px; clear: both; margin-bottom:0px !important; }

    /*关于我们*/
    .banner_container { margin-top: 50px; }
    .foric_about_container{ padding-top: 0px; }
    .foric_about_container .foric_about_profile .foric_profile_content { padding: 10px; }
    .foric_about_container .foric_about_profile .foric_profile_content img { width: 100% !important; }
    .Foric_about_left_title { display: none; }
    .Foric_about_profile_title { display: block; }

    /*news*/
    .news_div .media-left { display: block; width: 100%; }
    .foric_news_row { float: none;  width:100%; margin-bottom: 20px;display:none;}
    .foric_news_container { float: none; width: 100%; }
    .foric_news_container .media-body { display: block !important;  width: 100% !important;}
    .foric_news_container p { font-size: 0.9em; text-align: left; line-height: 1.5em !important; background: none !important; color: #337ab7 !important;}
    .foric_news_container .foric_news_container_child_p{ border-bottom: 3px solid #337ab7; padding-left: 0px !important;}
    .foric_news_container label { display: block; text-align: left;float: none !important; padding-left: 32px;}
    .foric_news_container h4 { text-align: left;}
    .foric_news_container img { margin: 0px; width: 100% !important; height: auto !important;}
    .foric_news_container .media-body { padding-left: 0px !important; }

    /*application*/
    .Foric_application_telephone_title { display: block; }
    .Foric_application_top_title { margin-top: 50px; margin-bottom: 20px !important;}
    .foric_about_container .breadcrumb { text-align: left;padding: 0px; border-bottom: 3px solid #337ab7;}
    .foric_about_container .nav-tabs-about { margin-bottom: 20px; display: none;}
    .foric_about_solution { width: 100%; }
    .foric_about_solution table { table-layout: fixed; word-break: break-all;}
    .foric_about_solution a { font-size: 0.9em; }
    .foric_about_solution .tab-content img { height: auto; }


    /*product*/
    .container_product { padding-top: 50px; }
    .container_product .breadcrumb_product { margin-bottom: 20px !important; }
    .foric_product_row { float: none; width: 100%; }
    .foric_product_container { width: 100%; }
    .tab-content-product { margin-top: 0px; padding: 10px; }
}


@media (min-width: 359px) and (max-width: 420px) {

    .row_index img { height: 150px !important; }

    .background_jumbo_about { height: 150px !important; }

    .background_jumbo_news { height: 140px !important; }

    .carousel-caption { font-size: 0.8em; right: 30% !important; left: 30% !important; }

    .row_index .carousel-indicators li { width: 50px; height: 4px; }
    /*foot*/
    .copyright-section ul { width: 100%; }
    .copyright-section ul li { margin: 0 auto; width: 100%; }

    .container_index_brand { border-bottom: 4px solid #1c456c; margin-bottom: 40px; }

    .container_index_brand p { padding:0px; }

    .banner_container div{ font-size: 1em !important; }

    .foric_news_container img { width: 350px !important; height: 150px !important; }

    .foric_news_container p {  }
}+