.fa-2{font-size: 1.5em;}
.fa-3{font-size: 3em;}
.fa-4{font-size: 4em;}
.fa-5{font-size: 6em;}
.strong {
  font-weight: 700;
}

img{max-width: 100%;}
ul{margin:0;padding:0}
li{list-style: none;}
body{font-family: 'Roboto Condensed' }
.top{background-color: #fff; padding:5px 0;  }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #193886;
}
.top .top-form .form-group .input-width{min-width:200px;}
.logo img{margin-top: 0px;}
.language{padding:10px 0px;}
.language a{color:#666;  padding-left:15px}
.head-info{color:#777;}

.top-contact{font-size: 1.2em; color:#666; width:auto; display: inline-block; text-align: left;}
.top-contact p{margin-bottom:15px;}
.top-form .form-group{border: 1px solid #ddd; border-radius: 5px;}
.top-form input{border:none;}
.top-form button{border:none}
.navbar-default .navbar-nav > .open > a{background-color:#193886; color: #fff;}
.nav > li > a{padding-left:25px;padding-right:25px;}
.shejiao a{font-size:1.5em; font-weight: 700; padding:5px 8px; text-decoration: none;}
.shejiao a:hover{ 

  position:relative;
  animation:topmove 0.5s  forwards;
  -webkit-animation:topmove 0.5s  forwards; /*Safari and Chrome*/
  animation-direction:alternate;
  }
  @keyframes topmove{
    from{top:0px;}
    to{top:-5px;}

    
  }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #193886;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background-color: #193886;
}
.navbar-default {
  background-color: #fff;
  border:none ;
  margin-bottom: 0;
  border-top:1px solid #e7e7e7;
  border-radius: 0px;;
}

.navbar-default .navbar-nav > li > a {
  color: #000; font-weight: 700;
}
.dropdown-menu{background-color: rgba(255, 255, 255, 0.8);}

.carousel-control.right,.carousel-control.left{background:none;}
.m-t60{margin-top:60px;}
.m-t50{margin-top:50px;}
.m-t40{margin-top:40px;}
 .m-t30{margin-top:30px;}
 .m-t10{margin-top:10px;}
 .m-t20{margin-top:20px;}

 .m-b60{margin-bottom: 60px;}
 .m-b50{margin-bottom: 50px;}
 .m-b40{margin-bottom:40px;}
 .m-b10{margin-bottom: 10px;}
 .m-b20{margin-bottom: 20px;}
 .m-b30{margin-bottom:30px;}
 /* .num{font-size:1.5em;margin-top:50px ;margin-bottom: 50px;; padding-top:30px; padding-bottom:30px;}
 .num span{ display: inline-block;font-weight: 700; font-size: 2em; color:#1988cf;border-bottom:5px solid #1988cf;padding-right: 1em;
  padding-left: 3px;
  padding-bottom: 8px;}
.num p:last-child(1){font-size:1.5em}*/

.product{}
.product_bg{background-color: #f3f3f3;}
.p-title{ margin-top:60px;margin-bottom:40px;}
.p-title .h1,.honor-title .h1{font-size: 3em;}
.p-title .title-description,.honor-title p{ color:#aaa; font-size:1.5em;}
.aboutbg{background: url(../img/aboutbg.jpg)no-repeat top center; overflow: hidden; padding-top:60px; padding-bottom:60px;}

.aboutbg .content{line-height: 2em; text-indent: 2em;margin-top: 30px; font-size: 1.3em; color:#666;}
.about-title{height: 88px; margin-top:80px; margin-bottom:80px;}

h3.bg-primary{background:#1854a2;margin-top: 0px;}
.last-news .media>.media-left span{padding:5px;display:block;min-width:60px;line-height:1;background:#1988cf;text-align:center;border-radius:4px;color:#fff;}
.last-news .media>.media-left>span:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;font-size: 2em;}
.last-news .media>.media-left>span:last-child{border-top-left-radius:0;border-top-right-radius:0}
.last-news .media>.media-body>.media-heading a{color:#000 }
.last-news .media>.media-body>p{font-size:1em}
.last-news .media{margin-top:20px;}

.m-t0{margin-bottom:0px;}

.honor{margin-top: 60px;margin-bottom:60px;}

.more_about{margin-bottom: 10px;}
.more-about{margin-top:30px; margin-bottom: 30px;}
.more-about a{margin-bottom:10px;display: inline-block; padding:10px 35px; border-radius:40px;font-size:1.3em;font-weight: 300;  border:2px solid #FFF; color:#fff;}

.product-about{margin-top:30px; margin-bottom: 30px;}
.product-about a{margin-bottom:10px;display: inline-block; padding:10px 35px; border-radius:40px;font-size:1.3em;font-weight: 300;  border:2px solid #1854a2; color:#1854a2;}


.news-title{height: 88px; margin-top:60px; margin-bottom: 60px;}
.who-title{height: 88px; margin-top:60px; margin-bottom: 60px;}
.padding-right{padding-right: 0;}
.padding-left{padding-left:0}
.product-tab{margin-bottom:0px;}
.product-tab a{padding:10px 10px; display: inline-block; background: #01449b; border-radius: 50px; color:#fff; font-weight: 700;  text-decoration: none;margin-bottom:10px;}
.product-tab a.active{background: #e70012;}


.product-tab div.col-md-4{background: none;  color:#000; font-weight: 700; text-decoration: none;margin-bottom:20px;}
.product-tab div.tab-name img.bottombg{ box-shadow:2px 2px 10px #7a7a7a  ; background:#fff;}
/* .product-tab div.tab-name img.bottombg:hover{background:#2185e5;}
.product-tab div.active img.bottombg{background:#2185e5; } */
.product-tab div.tab-name:hover{ }
.bgimg{position: absolute; left:0 ;top:0; width:100%; padding-left:15px; padding-right:15px;}
.product-tab div.tab-name:hover .bgimg{display: block}
.product-tab div.tab-name .bgimg{}
.product-tab div.tab-name div.text-box{opacity: 0; position:absolute;left:0;top:0; z-index: 5; padding:0 15px; width:100%;height:100%; display:flex;justify-content: center;align-items: center;}
.product-tab div.tab-name p{z-index:999; color:#fff; font-size:1.5em;}
.product-tab div.tab-name div.text-box{display:none;}


.cont-box{margin-top:20px;}
.box-index{display: none;}
.box-index .h4{background: #ddd; text-align: center;margin:0;padding:15px 0}
.box-index .h4 a{color:#333;}
.box-index .col-md-4{margin-bottom:20px;}
.box-index .col-md-4 img,.box-index .col-md-6 img{border:1px solid #aaa;}

.active-index{display: block;}
.headlines-content{background-color: #eeeeee; padding:15px 10px 0 10px; overflow: hidden;}
.headlines-content h2{font-size: 1em;}
.entry-img{float:left; width:30%;}
.typo-text{float:left;margin-left:10px;width:65%}
.footer{background:#2c2b2b; padding-top:50px; padding-bottom:20px; color:#ccc;}
.bottom-title{ margin-bottom: 40px;}
.bottom-title .h1{ border-bottom:2px solid #cccccc;}
.bottom-title .h1 span{ border-bottom:2px solid #193886;padding-bottom:20px;margin-bottom:-2px; padding-right:20px; display: inline-block;} 

.form{ padding-top:30px; padding-bottom:30px;}

.bottom-address p{ }
.about-icon{margin-top: 20px;}
.bottom-form input.form-control{ height: 50px; border-radius: 6px; box-shadow: none;}
.bottom-form textarea.form-control{ min-height: 100px; border-radius:6px;}
.footer .link a{ display: inline-block; padding:5px 10px; border-radius: 5px; color:#fff;margin-right:5px; margin-bottom: 10px;}
.address{ color:#fff; font-size: 1.5em; line-height: 1.5em;}
.copyright{background-color: #2c2b2b; border-top:2px solid #666666; padding:8px 0; color:#fff; }
.box-index
{

position:relative;
animation:mymove 1.5s  forwards;
-webkit-animation:mymove 1.5s  forwards; /*Safari and Chrome*/
}

@keyframes mymove
{
from {left:-1000px;}
to {left:0px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:-1000px;}
to {left:200px;}
}

.partenaires {background-color: #eeeeee;}
.partenaires span{background-color: #048ecd; display: inline-block; padding:8px 30px;}
.partenaires h4{ display: inline-block; color: #474747; margin-left: 20px;}
.partenaires a{float: right; display: inline-block;margin-top:15px; margin-right: 10px;}

.partenaires-img .m-b10 img{width:100%; border:1px solid #dddddd;}

.m_left,.m_right{margin-top: 20px; }
.m_left .products-left a{font-size:.9em}
.m_left .h4{background:#3498db;padding:10px;border-radius:4px;color:#fff;margin-top:0;text-transform: capitalize;}
.m_left .h4 a{color:#fff; text-decoration: none; }
.m_left .about{margin-top:0}
.m_left .about ul li.list-group-item{margin-bottom: 1px; text-transform: capitalize;}

.m_left .list-group-item{margin-bottom: 5px; border-radius: 5px;}
.m_right h1{font-size:2em}
.m_right .pic li{text-align:center;margin-bottom:10px}
.m_right .pic li div{margin-top:10px;color:#7f7f7f}
.m_right>.media>.media-left span{display:block;min-width:60px;line-height:2;background:#1988cf;text-align:center;border-radius:4px;color:#fff}
.m_right>.media>.media-left>span:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}
.m_right>.media>.media-left>span:last-child{border-top-left-radius:0;border-top-right-radius:0}
.m_right>.media>.media-body>.media-heading a{color:#1988cf}
.m_right>.media>.media-body>p{font-size:12px}


.left-contact p{margin-top:20px; }




.m_right .clear{margin-bottom: 20px;}
.m_right .pic li{padding-bottom:10px}

.m_right .pic li div{height:3.2em;text-align:center;padding-top:5px}
.m_right .pic li div a{color:#1b1b1b}
.m_right .piclist li{padding-bottom:10px}
.m_right .piclist li div{min-height:4.5em;text-align:center;padding-top:5px}
.m_right .piclist li div a{color:#1b1b1b}

.tabletop td,.tableodd td,.tableeven td{ padding-left: 10px; border:1px solid #fff;}
.tabletop{background: #3498db; color:#fff;line-height: 2em}
.tableodd{background:#cfcfcf;color:#444;line-height: 2em}
.tableeven{background:#e1e1e1 ; color:#444;line-height: 2em}
.phonebottom{ position: fixed; bottom:0px;  color:#fff; background: #3498db; width:100%; }
.phonebottom div.phone,.phonebottom .email{border-right: 1px solid #fff;}
.phonebottom div{width: 33%; padding:15px;float: left; text-align: center;}
.phonebottom div a{color:#fff; font-size: 1em; display: block}
#main_con .map .title{ border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding-top: 5px;padding-bottom: 5px; padding-left: 10px;}
#main_con .map .cont li{padding:5px 10px;}
#main_con .map .cont li.text-center{text-align: left;}
#main_con .map .cont li a{color:#777; text-decoration: none; text-transform: capitalize;}
#play .bigimg{height: 300px;}
#play .bigimg img{ width:100%; max-height: 300px;}
#play .list{margin-top:10px; overflow: hidden;}
#play .list .listimg ul{}
#play .list .listimg ul li{float:left; width:60px; height: 60px; margin-right: 20px;}
#play .list .listimg ul li.active{border:1px solid #3498db;}
#play .list .listimg ul li.active img{width: 58px;height: 58px;}
#play .list .listimg ul li img{width:100%; height: 60px;}
@media (min-width:768px){
  

.gallery{display: none}
/*.navbar-nav > li > a{padding-left:10px; padding-right: 10px;}*/
.main .pclass .pimg .imghieght img.plistimg{height: 212px;}
  .main .products .plistimg .h-title img{height: 142px;}
  .m_right .pic li img{height: 133px;width: 100%;}
  .m_right .piclist li img{height: 189px;width: 100%;}
  .logopng{position:relative; left:0px; top:10px;}
}
.text-title{min-height: 12em; padding-top:10px; background: #eaeaea; padding-left:8px;padding-right:8px;}

.form .input-group-addon{background: #193886; color:#fff;}

.form .btn-primary{ background:#1854a2;}

.page-menu-content .list-group-item h4{padding:0px 15px 10px 15px;margin-top: 3px; border-bottom: 1px solid #eee; margin-left: -15px; margin-right: -15px;}

.product_tablist{overflow: hidden;}

.product_tablist div{width:33.33333%; float:left; }

.product_tablist div a{
  display: inline-table; 
  border-right: 1px solid #fff; 
  background: #1854a2; 
  width:100%;color:#fff; 
  padding: 8px 15px; 
  text-align:center;
  font-weight: 700;}
 .tab-name{ color:#1988cf; text-transform: uppercase;margin-top: 0px; margin-top:10px;
  margin-bottom: 30px;}

 .form{ padding-top:30px; padding-bottom:30px;}


 .mobile .col-4-1{width:25%; float: left; border-left:1px solid #fff;margin-left: -1px; height: 100%;}
 .mobile .col-4-1 a{color:#fff; display: block; padding:10px 0px;}
 .mobile{ width:100%; position: fixed; bottom:0px; background-color: #1988cf;}

 .form{ margin-top:30px; padding:30px 20px; border:1px solid #ccc; box-shadow: 0px 0px 5px 1px #ccc;margin-bottom: 20px;}