@charset "utf-8";
/* CSS Document */
/*--head top--*/
*{
margin:0px;
padding:0px;
}
.head_top{
    width:100%;
    folot:left;
    background-color: #f5fbff;
}
.logo{
    width:276px;
    float:left;
}
.head_top_menu{
    width:210px;
    float:right;
    margin-top: 10px;
}
.head_top_menu ul{
    list-style-type: none;
    padding-top: 10px;
}
.head_top_menu ul li{
    /*--display:inline;--*/
    padding-left: 10px;
}
.head_top_menu ul li a{
    text-decoration: none;
    color:#000;
}
/*--end---*/
/*--nav--*/
.navbar {
        margin: 0px 0px !important;
}
.navbar_top {
    width: 100%;
    float: left;

}
.navbar-default .navbar-nav > li > a {
    padding: 14px 37px !important;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #2d2d2d !important;
}
/*--end--*/
/*--banne--*/
.banner{
    width:100% !important;
    folot:left!important;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -15px;
    display: none !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -15px;
    display: none !important;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid rgb(0, 0, 0) !important;
    border-radius: 10px;
}
/*--end--*/
/*--about--*/
.about{
    width:100%;
    flot:left;
    text-align: center;
    margin-top: 30px;
}
.about_product{
    width:98%;
    float:left;
    border-radius: 5px ;
   
}
.about_product_top{
    width:100%;
    float:left;
}
.about_product_top h2{
 margin-top: 8px !important;
 text-transform: uppercase;
 font-size: 25px;
 font-weight: bold;
}
.about_product_midle{
    width:100%;
    float:left;
    padding: 10px;
}
.about_product_midle img{
    width:100%;
}
.about_product_bottom{
    width:100%;  
    float:left;
    text-align: left;
}
.about_news{
     width:98%;
    float:left;
    border: 1px solid gray;
    border-radius: 5px ;
    margin-bottom: 30px;
}
.about_news_top{
width:100%;
float:left;
/*--background-color: #af0713;--*/
background-color: #00a2b5;
}
.about_news_top h2{
    margin-top: 8px !important;
    color:#fff !important;
}
.about_news_bottom{
width:100%;
float:left;
padding-left: 58px;
}
/*--end--*/
/*--video--*/
.video{
    width:100%;
    float:left;
}
.video_play{
    width:100%;
    float:left;
    text-align: center;
}
.video_play_top{
    width:100%;
    float:left;
    text-transform: uppercase !important;
}
.video_play_bottom{
    width:100%;
    float:left;
    margin: 20px 0px;
}
.video_play_bottom img{
    width:100%;
}
/*--end--*/
/*--detail--*/
.detail{
    width:100%;
    float:left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.detail_hed{
    width:100%;
    float:left;
    text-align: center;
}
.detail_top img{
    width:100%;
}
.detail_top{
    width:100%;
    float:left;
}
.detail_bottom{
    width:100%;
    float:left;
    text-align: center;
}
.detail_bottom h4{
    font-weight: bold;
    font-size: 20px;
}
/*--end--*/
/*--foter--*/
.foter{
    width:100%;
    float:left;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #363333;
}

.blog{
    width:100%;
    float:left;
    color:#fff;
}
.blog_bottom{
    width:100%;
    float:left;
}
.blog_bottom{
    width:100%;
    float:left;
}
.address{
    width:100%;
    float:left;
    color:#fff;
}
.socail{
    width:100%;
    float:left;
     color:#fff;
}
.socail ul{
    list-style: none ;
    
}
.socail ul li{
    cursor: pointer;
    
}
.socail ul li a{
    text-decoration: none;
    
}
.address ul li a {
    color:#fff !important;
}
.socail ul li a{
    color:#fff !important;
}
/*--end--*/


/*--products--*/
.phed{
    width:100%;
    float:left;
    text-align: center;
    margin-bottom: 20px;
   /*-- background-color: #AF0713;--*/
   background-color: #00a2b5;
}
.phed h1{
    margin-top: 10px !important;
    color:#fff;
}
/*--end--*/
/*--contact--*/
.ftop{
    width:100%;
    float:left;
    margin-top: 20px;
}
.name{
    width:100%;
    float:left;
    margin-bottom: 10px;
    font-size:24px;
}
.name span{
    width:38%;
    float:left;
}
.name input{
    width:300px;
    padding: 2px;
}
#massage{
    width:80%;
    height:150px;
}

.submitbutn{
    width:100%;
    float:left;
    margin-bottom: 30px;
}
#sub{
   width:100px;
   padding: 2px;
   /*--background-color: #AF0713;--*/
    background-color: #00a2b5 !important;
   border:none !important;
   font-size: 24px !important;
   margin-right: 10px;
   border-radius: 2px;
   color:#fff;
}
/*--end--*/
/*--textimonail--*/
.textimonail_detail{
    width:100%;
    float:left;
}
.textimonail_detail_left{
    width:100%;
    float:left;
}
.textimonail_detail_left img{
    width:100%;
}
.textimonail_detail_right{
    width:100%;
    float:left;
}
.textimonail_detail_right h3{
   text-align: right;
   font-size: 16px !important;
   font-weight: bold;
   margin-right: 15px;
}
#textimonail_sps{
   margin-bottom: 30px;
}
/*--end--*/
/*--Network--*/
.Dealer_Network{
    width:100%;
    float:left;
    text-align: left;
    font-size: 20px;
    margin-bottom: 20px !important;
}
.Dealer_Network ul{
    list-style-type: none;
}
.Dealer_Network ul li a{
    text-decoration: none;
    color:#3f413d;
    font-size: 15px;
}
.Dealer_Network ul li a span{
    text-decoration: none;
    color:#AF0713;
}
.Dealer_Network_pictur{
    width:100%;
    float:left;
}
.Dealer_Network_pictur h3{
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px !important;
}
.Dealer_Network_pictur img{
    width:100%;
    border:2px solid gray;
}
.Dealer_Network_pictur ul li a:hover{
    color: red;
}
/*--end--*/
/*--product_working--*/
.product_working{
    width:100%;
    float:left;
}
.picture{
    width: 100%;
    float:left;
    margin-bottom: 10px;
}
.picture img{
    width: 100%;
}
.picture-text{
    width: 100%;
    float:left;
    text-align: left ;
}
.picture-text h3{
    font:20px !important;
    margin-top: 4px !important;
}
.product_working_head{
    width:100%;
    float:left;
}
.product_working_head hr{
    margin-top: 3px !important;
    margin-bottom: 12px !important;
}
/*--add--*/
.navbar-default {
    background-color: #00a2b5 !important;
    border-color: none !important;
}
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
}
.navbar-toggle {
    background-color:#fafbfb !important;
}
/*--end--*/
/*--add new---*/
.joy{
    float:left;
    width:120px;
    padding-top: 10px;
}
.joy img{
    width:100%;
}

/*--responsiv--*/
@media (max-width: 1024px){
.navbar-default .navbar-nav > li > a {
    font-weight: bold;
    padding: 14px 22px !important;
}
.blink_text {
    font-size: 13px !important;
    width: 321px !important;
}
}
@media (max-width: 480px){
    .head_top_menu ul li{
    display:inline !important;
    padding-left: 10px;
    font-size: 14px;
}
head_top_menu ul{
    padding-top: 0px !important;
}
.head_top_menu{
    width:100% !important;
    float:left !important;
    margin-top: 10px;
}
}
@media (max-width: 480px){
.blink_text {
    font-size: 15px !important;
    width: 350px !important;
}
}
@media (max-width: 480px){
.head_top_menu ul li {
    font-size: 12px !important;
}
}
@media (max-width: 360px){
    .logo {
    float: left;
    width: 208px;
}
    .logo img {
    width: 100%
}
.joy {
    width: 93px !important;
}
    .head_top_menu ul li{
    font-size: 11px !important;  
}
.blink_text{
    font-size:12px !important;
    width: 290px !important;
}
}
@media (max-width: 320px){
    .head_top_menu ul li{
    font-size: 9px !important;
}
.joy {
    width: 78px !important;
}
    .logo {
    float: left;
    width: 170px;
}
}
@media (max-width: 767px){
.head_top_menu {
    float: left !important;
    margin-top: 10px;
    width: 100% !important;
}
    .head_top_menu ul li{
    display:inline !important;
    padding-left: 10px;
    font-size: 14px;
}
}
@media (max-width: 1300px){
.navbar-default .navbar-nav > li > a {
    font-weight: bold;
    padding: 14px 23px !important;
}
}

@media (max-width: 900px){
.navbar-default .navbar-nav > li > a {
    font-weight: bold;
    padding: 14px 7px !important;
}
}
@media (max-width: 1000px){
.navbar-default .navbar-nav > li > a {
    font-weight: bold;
    padding: 14px 7px !important;
}
}
/*--map--*/
#b,#b2,#b3,#b4,#b5,#b6,#b7,#b8,#b9,#b10,#b11,#b12,#b13,#b14,#b15,#b16,#b17,#b18,#b19,#b20{
    display: none;
}

/*--blink--*/
.blink_text {
-webkit-animation-name: blinker;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;

-moz-animation-name: blinker;
-moz-animation-duration:5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;

 animation-name: blinker;
 animation-duration: 5s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
width: 500px;
float:left;
 color: #fd0100;
 font-size: 22px;
 font-weight: bold;
 background-color: #00a2b5;
 border-radius: 4px;
 padding: 3px 2px 5px 11px;
 margin-top: 30px;
 text-shadow: 2px 1px 1px #fff324;
    
}
 .picimg{
     width:100%;
     float:left;
     border: 1px solid #555;
     text-align: center;
     padding: 5px;
 }
 .picimg img{
     width:87%;
     border: 4px solid #555;
 }

@-moz-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }