html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,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,figcaption,figure,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0; font:inherit; font-size:100%; outline:0; vertical-align:baseline; margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block; *zoom:1;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:none;}
a {background:transparent; color:#000; outline:none; text-decoration:none; vertical-align:baseline; margin:0; padding:0; -webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in; 
-ms-transition:all .3s ease-in; 
-o-transition:all .3s ease-in; 
transition:all .3s ease-in;}
a:hover { text-decoration:none;}
input[type="submit"]{webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in; 
-ms-transition:all .3s ease-in; 
-o-transition:all .3s ease-in; 
transition:all .3s ease-in;}
abbr[title],dfn[title] {border-bottom:1px dotted; cursor:help;}
input,select {vertical-align:middle; border:none; outline:none; border-radius:0;}
input:focus{border:none; outline:none; -webkit-appearance:none;}
select::-ms-expand {display: none;}
select:focus{border:none; outline:none;  -webkit-appearance:none;}
textarea{border:none; outline:none;  -webkit-appearance:none;}
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; -webkit-border-radius: 0; cursor:pointer;}
button[disabled],input[disabled] {cursor:default;}
input[type="radio"] {box-shadow: none; outline:none; -webkit-appearance: radio; -moz-appearance:radio; -o-appearance:radio; appearance:radio; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
input[type="checkbox"] {box-shadow: none; outline:none; -webkit-appearance: checkbox; -moz-appearance:checkbox; -o-appearance:checkbox; appearance:checkbox; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
input[type="search"] {-moz-box-sizing:content-box; -webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input::-moz-focus-inner {border:0;padding:0;}
input[type="text"], input[type="name"], input[type="email"], input[type="date"], input[type="tel"]{ outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -webkit-appearance: none; font-weight:400; border:none;}
input[type="text"]:focus, input[type="name"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="tel"]:focus{ outline:none;}
textarea {overflow:auto;vertical-align:top; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -webkit-appearance: none; font-weight:400; border:none; }
textarea:focus{ outline:none;}
div{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
li{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
:-moz-placeholder{color:#000 !important; opacity:1 !important}
:-moz-placeholder:focus{color:#000 !important}
::-moz-placeholder{color:#000 !important; opacity:1 !important}
::-moz-placeholder:focus{ opacity: 1 !important;}
:-ms-input-placeholder{color:#000 !important; opacity:1 !important}
:-ms-input-placeholder:focus{opacity: 1 !important;}

h1,h2,h3,h4,h5,h6 {font-weight:400;}
img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  border:none;  
}
*{ margin:0px; padding:0px;}
nav ul {
    list-style:none;
}
ul{ list-style:none;}
strong{ font-weight:700;}
.nopad{ padding-bottom:0px !important;}     
em{ font-style:italic;}
div{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

@import url('css.css');
body{
  color:#000000; 
  font-family:'Segoe-UI-regular' ,'Roboto', sans-serif ;
  margin:0px; 
  padding:0px; 
  /*-webkit-font-smoothing: antialiased;*/
}

/*---fonts---*/
@font-face {
  font-family: 'Segoe-UI-regular';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-regular.eot');
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-regular.eot?') format('embedded-opentype'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe-UI-regular';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-regular.svg') format('svg'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe-UI-Bold';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Bold.eot');
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Bold.eot?') format('embedded-opentype'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe-UI-Bold';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Bold.svg') format('svg'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Segoe-UI-Light';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Light.svg') format('svg'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe-UI-Light';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Light.eot');
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Light.eot?') format('embedded-opentype'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Segoe-UI-Semibold';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Semibold.svg') format('svg'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Semibold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe-UI-Semibold';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Semibold.eot');
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Semibold.eot?') format('embedded-opentype'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-Semibold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Segoe-UI-black';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-black.eot');
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-black.eot?') format('embedded-opentype'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe-UI-black';
  src: url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-black.svg') format('svg'),
       url('https://www.hyooauto.com/template/default/fonts/Segoe-UI-black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.container{
  width:1400px;
  margin:0 auto;
}


/*-----------banner-area----------*/
.banner-area{
    width:100%;
    float:left;position: relative;
}
.header-banner{
  width: 100%;
  float:left;
}
.banner {
height: 395px;
    background-position: top center !important;
    position: relative;   -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover !important;
}

.banner .slid-txt{
width: 100%;
    padding: 0;
    position: absolute;
    bottom: 270px;
    z-index: 1;
    float: left;
    left: 0;    top: 27px;

}
.banner .slid-txt h2{	float: none;display: inline-block;width: 100%;text-align: center;}
.banner .slid-txt h2 p.banner-title{  font-size:56px;  font-weight:bold;  color:#ffffff;  padding-bottom:6px;   text-transform: uppercase;  letter-spacing: 1px;    text-align: center;  font-family:'Poppins', sans-serif;   float: none;display: inline-block;width: auto;}
.banner .slid-txt h2 p.banner-title::after{
  border-bottom:10px solid #e74079;
  content:'';
  display:block;
  width:100%;
  margin:0 auto;  
  padding-top:10px; 
}

/*----------banner-area-----------*/

/*-----------------header---------------------*/
#masthead{
    padding:0px;
}
.header-area {
    width: 100%;
}
.header-left{
  width:25%;
  float: left;
}

.header-top-text{
  float:left;
  width:100%; 
  line-height:35px;
  padding-top:7px;
}
.header-top-text p{
  font-size:17px;
  font-style: italic; 
  color:#ffffff; 
}
.header-serach{
  float: left;
  width:79%;
  text-align:right;    padding-right: 62px;
}
.header-serach .search-form{
  position: relative;
}
.search-form .screen-reader-text{
  display: none;
}
.search-form .search-field{
padding:12px 15px;
font-size:15px;
width:31%;height: 41px;    box-sizing: border-box;}
.search-form .search-submit{
    position:absolute;
    right:5px;
    padding:12px 3px;
    background-image: url('../image/header-serach.png');
    color:transparent;
    background-repeat:no-repeat;
    background-position: center right 10px;
    background-color: transparent;    
}

.header-phone-no{
  float: right;
  width:auto;
  text-align: right;
  line-height: 35px;
}

.header-phone-no.tablet{display:none;}

.header-phone-no p{
  display: inline-block;
  margin-left: 9px;
  vertical-align: middle;
  color: #ffffff;
  font-size: 25px; 
}
.header-phone-no img{
  display: inline-block;
  vertical-align: middle;
}
/*---main-header---*/
.header-right{
  float: right;
  width: 74%;
  display: flex;
  flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
}
.header-right a{
	color: #fff !important;
	font-size: 16px;
	padding:0 10px;
}
.logo{
  float:left;
  margin-top:30px;
}
.header-right .header-right-top{
    width: 100%;
    float:left;
    margin-top: 25px;
}
.header-right .headder-right-bottom{
  margin-top:0px;
  display: inline-block;
  width: 100%;
}
.header-right .header-menu{
    float:right;
}


.header-right .header-menu .menu-header-menu-container ul{
  margin:0;
  list-style-type:none;
}
.header-right .header-menu .menu-header-menu-container ul li{
  display:inline-block;
  padding:10px 10px; 
  margin:2px 10px;
} 
.header-right .header-menu .menu-header-menu-container ul li ul.sub-menu li{
 display: inline-block;width: 49%;vertical-align: text-top;background-image: url('../image/list-item-img.png');background-repeat: no-repeat;background-position: left 5px;margin: 0 0 12px 0;padding: 0 10px;}
 .header-right .header-menu .menu-header-menu-container ul li ul.sub-menu li a{
  font-size:15px; 
  line-height:18px; 
  padding-left:5px;color: #fff;font-family: 'Segoe-UI-Semibold';
}
.header-right .header-menu .menu-header-menu-container ul li ul.sub-menu li a:hover{font-family: 'Segoe-UI-Semibold'}
.header-right .header-menu .menu-header-menu-container ul li ul.sub-menu li a:hover{color: #e71e25}
.header-right .header-menu .menu-header-menu-container ul li.menu-item-has-children{
    background-image:url('../image/drop-down-arrow.png');
   display:inline-block;
   background-repeat:no-repeat;
   background-position:right 0px top 21px;
}
.header-right .header-menu .menu-header-menu-container ul li.menu-item-has-children:hover,
.header-right .header-menu .menu-header-menu-container ul li.menu-item-has-children:active{
   background-image:url('https://www.hyooauto.com/template/default/images/drop-down-arrow-hover.png');
   display:inline-block;
   background-repeat:no-repeat;
}

.header-right .header-menu .menu-header-menu-container ul li a{
  display:block;
  font-size:17px;
  font-family: 'Segoe-UI-Semibold';
  color:#ffffff;  
  padding-right:5px;
}
.header-right .header-menu .menu-header-menu-container ul li:hover a{
  color:#e71e25; 
}
.header-right .header-menu .menu-header-menu-container ul li:last-child{
   margin-right:0px;
   padding-right: 0px;
}
.header-right .header-menu .menu-header_menu-container ul li:hover a::after{
  content:'';
  display:block;
  border:1px solid #028cc5;
  width:21px;
  margin-top:4px;
}

.header-right ul li ul.sub-menu{
   position:absolute;
   max-width:606px;
   margin:3px 0px 0px 0px !important;
   /*padding:0 !important; */
   display:block;
    background:rgba(255,127,0,0.8);
   z-index:5;
   display:none;
   border-bottom:4px solid red;
   padding:12px 0px 15px 15px; 

  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.header-right ul li:hover ul.sub-menu,
.header-right ul li:hover ul.sub-menu{
  display: block;
 -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.header-right .header-menu .menu-header_menu-container ul li ul.sub-menu li{
   padding:10px !important;
   display: inline-block;
   width:49%;
   vertical-align: top;
}
.header-right .header-menu .menu-header_menu-container ul li ul.sub-menu li a{  
  color:#fff; 
}

/*-----burger-menu-----*/
.mobile-memu-area a.burger-menu{
  display: none;
}
/*----leading-area---*/
.leading-area{
    width: 100%;
    float:left;
    padding:40px 0 65px 0px;
}
.leading-title h1,.leading-title h2{
  font-family:'Segoe-UI-Light';
  font-size:38px; 
  color:#000000;
  margin-bottom:20px;  
}
.leading-details p{
  font-size:18px; 
  font-family:'Segoe-UI-Light';
  color:#000000; 
  line-height:31px; 
}
.leading-details p b{
  font-weight: bold;
}
/*----leading-area---*/

/*------------product-area----------*/
.product-area{
   padding:80px 0px 20px 0px;
   width:100%;
   float:left;
   background-color:#bccad0; 
}
.product-main-area{
   float:left;
   width:100%;
}
.product-main-area ul{
  margin:0;
  padding:0;
  list-style-type: none;
  float:left;
  width:100%;
}
.product-main-area ul li{
  display: inline-block;
  width:48%;
  vertical-align: top;
  margin:0px 45px 60px 0px;
}
.product-main-area ul li:nth-child(even){
  margin-right:0px; 
}
.product-main-area ul li .product-box{
   background-color:#ffffff; 
}
.product-box .product-image{
  height:285px;
  width:100%;
  display: table;
  table-layout: fixed;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
  background-color:#e3e8ea; 
}
.product-box .product-image figure{
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.product-box .product-image figure span{
  width: 100%;
  /*height: 85px;
  display: table-cell;*/
  vertical-align: middle;
  text-align: center;
}
.product-box .product-image figure span img{
  width: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  max-height: 100%;
}
.product-box .product-title{
  padding:25px 30px 0px 30px;
  display:block; 
  width:100%;
}
.product-box .product-title h3{
  color:#000000;
  font-size:20px;
  font-family: 'Segoe-UI-Semibold';
      font-weight: bold;

}
.product-box .product-details{
  padding:15px 30px;
  width:100%;
  min-height:275px; 
}
.product-box .product-details p{
  color:#000000;
  font-size:20px;
  font-family:'Segoe-UI-Light';
  line-height:31px; 
}
.product-box .product-link{
  background-color:#ff7f00;
  padding:15px 30px;
  float:left;
  width:100%;  
}
.product-box .product-link .read-more a{
  color:#ffffff;
  font-size:14px;
  font-family: 'Segoe-UI-Semibold';
}
.product-box .product-link .read-more a:hover{
   color:#e71e25; 
}

/*------------product-area----------*/

/*---------product-to-label--------*/
.product-to-label{
   padding: 60px 0px 20px 0px;
   background-color:#e3e8ea;  
   float:left;
  width:100%;  
}
.product-to-label .title{
   text-align: center;float: left;width: 100%;
}
.product-to-label .title h2{
  font-size:30px;
  color:#000000;  
  padding-bottom:30px; text-align: center;
}
.product-to-label .product-to-label-area{
  width:100%;
  float:left;
  margin-top:30px;
  
}

.product-to-label .product-to-label-area ul{
  width:100%;
  float:left;
  font-size:0;
  text-align:center;
}

.product-to-label-area ul li{
  width: 160px;
  display:inline-block;
  vertical-align: top;
  margin-right:20px;
  margin-left:20px;
  margin-bottom:80px;
}

.product-to-label-area ul li:hover figure a{
   border:3px solid #838e93;
}
.product-to-label-area ul li figure{
  width: 100%;
  display: table;
  table-layout: fixed;
  text-align: center;
  
}
.product-to-label-area ul li figure a{
  width: 100%;
  height:160px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-radius: 100%;
  background:#fff; 
  box-shadow:0px 12px 10px -4px #c8cdce;
  border:3px solid transparent;    overflow: hidden;box-sizing: border-box;pointer-events: none;
 
}

.product-to-label-area ul li .service-title{
  margin-top:25px;
  text-align: center;
  float:left;
  width:100%;  
}
.product-to-label-area ul li .service-title p{
  font-size:16px;
  font-family: 'Segoe-UI-Semibold';
  color:#000000;  
}

/*---------product-to-label--------*/



/*-----our-client-----*/
.our-client{
  padding:70px 0px; 
    float:left;
  width:100%;  
}
.our-client .our-client-title h2{
  font-size:24px;
  color:#000000;
  font-family: 'Segoe-UI-Semibold';  
}
.our-client-area{
  margin-top:40px;
}

ul.client-image-slider li figure{
  width:100%;
  display: table;
  table-layout: fixed;
  text-align: center;
  vertical-align: middle;
}
ul.client-image-slider li figure span{
  width: 100%;
  height:95px;
  text-align:center;
  display: table-cell;
  vertical-align: middle;
}

ul.client-image-slider li figure span img{width: auto !important; display: inline-block !important; max-height:95px;}

/*-----our-client-----*/

/*-----inquery-----*/
.inquery{
  background-color:#ff7f00;
  padding:60px 0px; 
  width:100%; 
  float:left;
  text-align:center;
}
.inquery .inquery-area{
  width:76%;
  display:inline-block;
  vertical-align: top;
}
.inquery .inquery-area .inquery-details{
  display: inline-block;
  width:65%;
  vertical-align: top;
}
.inquery .inquery-area .inquery-details p{
  color:#ffffff;
  font-size:20px;
  font-family:'Segoe-UI-Light';  
}
.inquery .inquery-area .inquery-now{
  display: inline-block;
  width:33%;
  text-align: center;text-transform: uppercase;
}
.inquery .inquery-area .inquery-now a{
  border:2px solid #ffffff;
  padding:15px 55px; 
  color:#ffffff;
  font-size:20px;
  font-family:'Segoe-UI-Light';   
}
.inquery .inquery-area .inquery-now a:hover{
   color:#e71e25; 
}
/*-----inquery-----*/

/*---------------footer--------------------*/
.site-footer{
  padding:65px 0px;
  background-color:#697377;
  float:left;
  width:100%;  
}
.footer-main{
 float:left;
  width:100%;  
}
.footer-main .footer-menu{
  width:35%;
  float: left;
}
.footer-main .footer-menu ul li{
  padding:10px 0px; 
} 
.footer-main .footer-menu ul li:first-child{
   padding-top:0px;
}
.footer-main .footer-menu ul li ul.sub-menu{
   margin-top:12px;
}
.footer-main .footer-menu ul li ul.sub-menu li{
  padding:5px 5px 5px 15px; 
  background-image:url('../image/list-item-img.png'); 
  background-repeat: no-repeat;
  background-position: left center;
  margin-top:3px;
}
.footer-main .footer-menu ul li ul.sub-menu li a{
  font-family: 'Segoe-UI-Light';
}
.footer-main .footer-menu ul li a{
   color:#ffffff; 
   font-size:17px; 
   text-transform:capitalize;
}
.footer-main .footer-menu ul li a:hover{
  color:#e71e25; 
}

.footer-main .footer-menu-1{
  width:35%;
  float: left;
}
.footer-main .footer-menu-1 ul li{
  padding:10px 0px; 
} 
.footer-main .footer-menu-1 ul li:first-child{
  padding-top:0px; 
}
.footer-main .footer-menu-1 ul li ul.sub-menu li{
  padding:5px 5px 5px 15px; 
  background-image:url('../image/list-item-img.png'); 
  background-repeat: no-repeat;
  background-position: left center;
  margin-top:3px;
}
.footer-main .footer-menu-1 ul li ul.sub-menu{
   margin-top:12px;
}
.footer-main .footer-menu-1 ul li ul.sub-menu li a{
  font-family: 'Segoe-UI-Light';
}
.footer-main .footer-menu-1 ul li a{
   color:#ffffff; 
   font-size:17px; 
   text-transform:capitalize;
}
.footer-main .footer-menu-1 ul li a:hover{
   color:#e71e25; 
}
.footer-main .footer-details{
  float: right;
  width: 29%;
  color:#ffffff; 
}
.footer-details .footer-logo{
    padding-bottom:20px;
}
.footer-details .footer-address p{
  margin-top:20px;
  width: 46%;
  font-size: 17px;
  padding-bottom: 20px;
  line-height: 30px;
}
.footer-details .footer-phone-no p{
  font-family: 'Segoe-UI-Light';
  font-size:20px;
  padding-bottom: 20px; 
}
.footer-details .footer-fax p{
    font-family: 'Segoe-UI-Light';
  font-size:20px;
  padding-bottom: 20px; 
}
.footer-details .footer-tronics{
   padding-top:20px;
}
img.service-image {
    filter: grayscale(100%);max-height: 100%;
}
header{float: left;width: 100%;    background: #ff7f00;}
header.sticky {
    position: fixed;
    z-index: 99999;
    background:rgba(255,127,0,0.8);
    top: 0;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    padding: 0;
    font-size: 0;
    -webkit-animation: fadeInDown 1s both;
    animation: fadeInDown 1s both;min-height: 64px;
}
header.sticky .header-right .header-right-top{display: none;}
header.sticky .header-top-text{display: none;}
header.sticky .header-area {    position: initial;    top: 0;    width: 100%;padding: 10px 0;box-sizing: border-box;}
header.sticky .logo{margin-top: 0;width: 250px;padding: 0px 0 10px;}
header.sticky .header-right .headder-right-bottom{margin-top: 0}
.bottom_footer{float: left;width: 100%;position: fixed;bottom: 0;left: 0;position: fixed;z-index: 99999;font-family: 'Segoe-UI-Light';color: #fff;font-size: 18px;}
.inner_footer {    float: left;    width: 100%; padding: 0 100px;box-sizing: border-box;}
.left_footer { float: left;width: 970px;text-transform: uppercase;position: relative;background: #ff7f00;padding: 15px 0;box-sizing: border-box;}
.left_footer .small{text-transform: initial;margin-left: 55px;}
.left_footer::after {    background: #ff7f00;    position: absolute;    content: '';    left: 0;    height: 100%;    padding-left: 999px;    margin-left: -999px;top: 0;}
.right_footer::before {    border-bottom: 54px solid #707a7e;    border-left: 41px solid transparent;    position: absolute;    content: " ";    left: -41px;    top: 0px;}
.right_footer{float: right;width: 230px;position: relative;font-family: 'Segoe-UI-Bold';background: #707a7e;padding: 15px 0;}
.right_footer a{background: url(https://www.hyooauto.com/template/default/images/left_arrow.png)center right no-repeat;color: #fff;text-transform: uppercase;font-size: 18px;line-height: 21px;padding-right: 19px;}
.right_footer::after {    position: absolute;    content: '';    padding-right: 999px;    margin-right: -999px;    background: #707a7e;    right: 0;    height: 100%;    top: 0;}
.right_footer a:hover{padding-left: 5px }
.inner_page {  float: left;  width: 100%;  margin: 40px 0;}
.landing_page {  float: left;  width: 100%;}
.inner_page h1 {  float: left;  width: 100%;  font-family: 'Segoe-UI-semibold';  font-size: 35px;  color: #ff7f00;  margin-bottom: 20px;  text-align: center;  text-transform: capitalize;  line-height: 43px;}
.inner_page h2 {  float: left;  width: 100%;  font-size: 21px;  margin-bottom: 20px;  text-align: left;  font-weight: 600;  line-height: 25px;font-family: 'Segoe-UI-regular'}
.top_cnt {  float: left;  width: 100%;}
.inner_page p {  font-size: 18px;  font-family: 'Segoe-UI-Light';  color: #000000;  line-height: 28px;  margin-bottom: 20px;}
.image_sec {  float: left;  width: 100%;  margin: 20px 0;}
.image_sec ul {  float: left;  width: 100%;}
.image_sec li:first-child {  margin-left: 0;}
.image_sec li {  float: left;  width: 24%;  margin-left: 13px;  background: #e3e8ea;}
.image_sec li figure {  float: left;  width: 100%;  display: table;  table-layout: fixed;  vertical-align: middle;  text-align: center;}
.image_sec li figure span { width: 100%;  display: table-cell;  table-layout: fixed;  vertical-align: middle;  text-align: center;  height: 400px;  padding: 10px;  box-sizing: border-box;}
.image_sec li figure span img {  max-height: 100%;}
.top_cnt a{color: #e71e25}
.top_cnt a:hover{color: #000}
.video_sec {  float: left;  width: 100%;  margin-top: 20px;}
.video_sec ul {  float: left;  width: 100%;}
.video_sec ul li:nth-child(2n+1) {  margin-left: 0;  clear: both;}
.video_sec ul li {  float: left;  width: 48%;  margin-left: 40px;  margin-bottom: 40px;}
.video {  float: left;  width: 100%;}
.video p {  float: left;  width: 100%;  margin: 0;}
.video_sec p {  font-size: 17px; line-height: 28px;  margin-bottom: 15px;}
.video iframe {    width: 100%;    height: 315px;}
.video_sec ul li:last-child {    margin-bottom: 0;}
.contact-container {    float: left;    width: 100%;margin: 40px 0;}
.contact-container .contact-left {    float: left;    width: 50%;}
.contact-container .contact-right {    float: right;    width: 47%;    text-align: left;}
.contact-container .contact-right address {    background: url(https://www.hyooauto.com/template/default/images/cnt-map-marker.png) no-repeat left 4px;    font-size: 17px;    color: #333;    line-height: 25px;    text-align: left;    padding-left: 35px;    margin-top: 0;    float: left;    width: 100%;    margin-bottom: 11px;    background-size: 25px 25px;box-sizing: border-box;}
.contact-container .contact-right .ft-email {    background: url(https://www.hyooauto.com/template/default/images/cnt-email-icn.png) no-repeat left center;    font-size: 17px;    color: #333;    line-height: 22px;    text-align: left;    padding-left: 35px;    margin-top: 5px;    float: left;    width: 100%;    font-weight: 400;    background-size: 23px 17px;    margin-left: 4px;    margin-bottom: 16px;box-sizing: border-box;}
.contact-container .contact-right .ft-phone {    background: url(https://www.hyooauto.com/template/default/images/cnt-phone-icn.png) no-repeat left center;    font-size: 17px;    color: #333;    line-height: 22px;    text-align: left;    padding-left: 35px;    margin-top: 5px;    float: left;    width: 100%;    font-weight: 400;    background-size: 21px 21px;    margin-left: 5px;    margin-bottom: 16px;box-sizing: border-box;}
.contact-container .contact-right .ft-fax {    background: url(https://www.hyooauto.com/template/default/images/cnt-fax-icn.png) no-repeat left center;    font-size: 17px;    color: #333;    line-height: 22px;    text-align: left;    padding-left: 35px;    margin-top: 5px;    float: left;    width: 100%;    font-weight: 400;    background-size: 21px 21px;    margin-left: 5px;    margin-bottom: 24px;box-sizing: border-box;}
.main-text-div p:last-child {    margin: 0;}
.map-div {    float: left;    width: 100%;}
.map-div iframe {    float: left;    width: 100%;    height: 379px;}
.contact-container .field-row {    float: left;    width: 48%;    text-align: left;    margin-bottom: 10px;}
.contact-container .field-row label {    text-transform: uppercase;    color: #333;    font-size: 14px;    font-weight: 500;    margin-bottom: 5px;    float: left;    width: 100%;}
.contact-container .field-row label span {    color: red;}
.contact-container .field-row input {    float: left;    width: 100%;    background: #fdfdfd;    border: 1px solid #cdcdcd;    padding: 0 10px;    box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    height: 40px;    color: #999;    font-size: 15px;}
.contact-container .field-row.email-row, .contact-container .field-row.comment-row {    width: 100%;}
.contact-container .field-row input.btn-submit {    margin-right: 12px;}
.contact-container .field-row input[type="submit"],.contact-container .field-row input[type="reset"] {    float: left;    width: 48%;    height: 50px;    cursor: pointer;    background: #e53134;    border: 0;    text-transform: uppercase;    color: #fff;    font-weight: 700;    font-size: 17px;}
.contact-container .row{float: left;width: 100%;}
.contact-container .row .field-row:nth-child(2n) {    float: right;}
.contact-container .field-row select {    float: left;    width: 100%;    background: #fdfdfd;    border: 1px solid #cdcdcd;    padding: 0 10px;    box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    height: 40px;    color: #999;    font-size: 15px;    -moz-appearance: none;    -webkit-appearance: none;    -webkit-box-shadow: none;    background-image: url(https://www.hyooauto.com/template/default/images/select_arrow.png);    background-repeat: no-repeat;    background-position: 96% 50%;}
.contact-container .field-row textarea {    float: left;    width: 100%;    background: #fdfdfd;    border: 1px solid #cdcdcd;    margin: 0;    padding: 10px;    box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    height: 140px;    color: #999;    font-size: 15px;resize: vertical;}
div.wpcf7 .ajax-loader {  position: absolute;  left: 0;  top: 50%;}
.contact-container .field-row{position: relative;}
.contact-container .field-row br{display: none;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{display: none !important;}
span.wpcf7-not-valid-tip{float: left;font-size: 14px;}
div.wpcf7-spam-blocked{display: none !important;}
div.wpcf7-mail-sent-ok{display: none !important;}
.contact-container .field-row input[type="submit"]:hover, .contact-container .field-row input[type="reset"]:hover{background: #000;}
.contact-container.request {    float: none;    display: inline-block;    text-align: center;}
.contact-container.request .contact-left {    float: none;    width: 60%;    display: inline-block;    padding: 30px 30px 10px;    box-shadow: -1px 2px 5px 0 rgba(0,0,0,.2);    -webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,.2);    box-sizing: border-box;}
.contact-container.request .sc-content {    height: 40px;    display: flex;    flex-wrap: wrap;    align-items: center;}
.contact-container.request .field-row{margin-bottom: 20px}
.detail_page {  float: left; width: 100%;margin-bottom: 60px;margin-top: 40px;}
.detail_lft {  float: left;  width: 70%;}
.detail_rgt {  float: right;  width: 28%;}
.detail_lft .product-area {    padding:0;    box-sizing: border-box;margin-top: 30px;background: #fff;}
.detail_lft .product-main-area ul li{margin: 0px 20px 40px 0px;width: 48%;border: 1px solid #e2e2e2;}
.detail_lft .product-main-area ul li:nth-child(2n){float: right;margin-right: 0;}
.detail_lft .product-box .product-title h3{font-size: 18px;}
.detail_lft .product-box .product-details p {    font-size: 17px;    line-height: 27px;}
.detail_rgt figure {    display: table;    table-layout: fixed;    vertical-align: middle;    text-align: center;}
.detail_rgt figure span{display: table-cell;vertical-align: middle;text-align: center;height: 400px;box-shadow: -1px 2px 5px 0 rgba(0,0,0,.2);-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,.2);box-sizing: border-box;}
.inner_page .product-to-label-area ul li{width: 170px;}
.inner_page .product-to-label-area ul li figure span{width: 100%;height: 170px;display: table-cell;vertical-align: middle;text-align: center;border-radius: 100%;background: #fff;box-shadow: 0px 12px 10px -4px #c8cdce;border: 3px solid transparent;padding: 20px;box-sizing: border-box;-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;}
.inner_page.main_detail{margin-bottom: 0}
.detail_lft .product-box .product-details{min-height: 320px}
.main_img {    float: left;    width: 100%;    text-align: center;}
.main_img small {    float: left;    width: 100%;    text-align: center;    font-size: 14px;    margin-top: 10px;}
.inner_sec {    float: left;    width: 100%;    margin:20px 0 20px 0;}
.cnt_lft {    float: left;    width: 60%;}
.inner_sec h4 {    float: left;    width: 100%;    margin: 0 0 10px 0;    font-size: 20px;}
.inner_sec h3 {    float: left;    width: 100%;    margin: 0 0 10px 0;    font-size: 20px;    font-weight: 600;}
.cnt_rgt {    float: left;    width: 40%;}
.top_cnt h3 {    float: left;    width: 100%;    font-weight: 600;    font-size: 25px;    text-align: center;    margin: 30px 0 20px;}
.top_cnt h5 {    float: left;    width: 100%;    text-align: center;    margin-bottom: 25px;    font-size: 20px;}
.inner_sec ul {    font-size: 18px;    font-family: 'Segoe-UI-Light';    color: #000000;    line-height: 28px;    margin-bottom: 20px;    list-style: disc;    padding: 0 0 0 25px;float: left;width: 100%;  box-sizing: border-box;}
.inner_sec ul li{float: left;width: 100%;}
.inner_ul {  float: left;  width: 100%;}
.img_sec {  float: left;  width: 100%;  text-align: center;}
.img_lft {  float: none;  display: inline-block;  padding: 25px;  box-sizing: border-box;  vertical-align: middle;  width: 49%;}
.img_rgt {  float: none;  display: inline-block;  padding: 25px;  box-sizing: border-box;  vertical-align: middle;  width: 49%;}
.top_cnt .image_sec li{border:1px solid #e3e8ea;background: #fff;}
#menu{display: none;}
.page-header {  float: left;  width: 100%;}

.product_sec {    float: left;    width: 100%;    margin-top: 45px;}
.product_sec li{}
.product_sec figure {    width: 100%;    display: table;    table-layout: fixed;    vertical-align: middle;    text-align: center;    border: 3px solid #ccc;    overflow: hidden;    padding: 10px;    box-sizing: border-box;}
.product_sec figure span {    width: 100%;    display: table-cell;    vertical-align: middle;    text-align: center;    height: 180px;}
.product_sec h3 {    color: #000000;    font-family: 'Segoe-UI-Semibold';    width: 100%;    float: left;    text-align: center;    font-size: 18px;    margin-top: 10px;    line-height: 23px;}
.product_sec li {    float: left;    width: 18%;   margin-bottom: 45px;}
.product_sec li img{max-height: 100%;}
.product_sec ul {    display: flex;    flex-wrap: wrap;    width: 100%;    float: left;}
.product_sec h3 a:hover{color: #e71e25}
.product_sec figure:hover{box-shadow: 0px 12px 10px -4px #c8cdce;}
.product_sec li:nth-child(5n){margin-right: 0}
.product_sec.machine_page li {width: 23%;border: 1px solid #ccc;padding: 10px;box-sizing: border-box;  margin-right: 28px;}
.product_sec figure{border: none;    padding: 0;}
.product_sec.machine_page li:nth-child(4n) {    margin-right: 0;}
.product_sec.machine_page figure span{    height: 240px;float:left }
.header-right ul li.machine ul.sub-menu{max-width: 250px}
.header-right .header-menu .menu-header-menu-container ul li.machine ul.sub-menu li{width: 100%;}
.iner-lft {    float: left;    width: 48%;}
.iner-rgt {    float: right;    width: 48%;}
.cnt_rgt{padding: 0px 20px;    box-sizing: border-box;}
.iner-rgt h3 {    margin-top: 0;}
.img-caption {    float: none;    display: inline-block;    vertical-align: middle;    text-align: center;    width: 48%;}
.product_sec.machine_page figure span a {    float: left;    width: 100%;}
.machine_page .product-title{float: left;width: 100%}
.machine_page.product_sec h3{text-align: left;font-size: 17px;min-height: 48px;}
.desc {    float: left;    width: 100%;    vertical-align: text-bottom;    margin-top: 20px;text-align: left;}
.machine_page.product_sec figure:hover{box-shadow: none}
.desc p{font-size: 17px;text-align: left;}
.read {    font-size: 15px;    font-family: 'Segoe-UI-Semibold';    float: left;    width: 100%;}
.read a:hover{color: #e71e25}
span.screen-reader-text {    float: left;    width: 100%;    font-size: 22px;    margin-bottom: 15px;}
.product-to-label-area ul li .service-title p a {
pointer-events: none;
}
.footer-main .footer-details a{color: #ffffff}
.footer-main .footer-details a:hover,ul.group-page li a:hover{color: #e71e25}
ul.group-page {    float: left;    width: 100%;}
ul.group-page li {    float: left;    width: 33.33%;    margin: 0 0 5px 0;    padding: 0 0 0 10px;
    background: url(https://www.hyooauto.com/template/default/images/common-li-bg.png) left 9px no-repeat;}
ul.group-page li a{color: #4c4c4c}
.target-page-section {    float: left;    width: 100%;    margin: 30px 0;    line-height: 25px;    font-size: 16px;    color: #4c4c4c;}
.target-page-section h3{float: left;width: 100%;text-align: left;font-size:18px;font-weight: 600;margin: 0 0 10px 0; }
.target-page-section p{float: left;width: 100%;margin: 0 0 20px 0;}
.inner_page.target-page{margin-bottom: 0}
.inner_page.target-page h1{margin-bottom: 0}
.screen-reader-text {    display: none;}
.sl-head span {    float: left;    width: 100%;    text-align: center;    font-size: 30px;    line-height: 20px;    color: #fff;    margin-top: 20px;    font-weight: 600;
    font-style: italic;}
.sl-head span.banner-subtitle {
    font-size: 20px;
}
.banner-box {
    float: left;
    width: 100%;
}
.banner-box ul {
    float: left;
    width: 100%;padding: 0 64px;box-sizing: border-box;font-size: 0;margin-top: -150px;
    z-index: 1;
    position: relative;
}
.banner-box ul li {
    float: none;
    width: 303px;
    margin-right: 20px;display: inline-block;vertical-align: top;
}
.banner-box ul li:last-child{margin-right: 0}
.banner-box ul li .ineer_box{float: left;width: 100%;
}
.banner-box ul.owl-carousel.off{display: block;}
.banner-box ul.owl-carousel{display: block !important;}
#banner-mobile.mobile-banner {    display: none;}


/* 我的网站（Baidu.com）做最好的织梦整站模板下载网站 */

html, body {
	height: 100%;
	position: relative
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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-size: 100%;
	vertical-align: middle
}
body {
	font-family: Microsoft YaHei;
	font-size: 13px;
	line-height: 22px;
	color: #444;
	min-width: 320px;
	-webkit-text-size-adjust: none;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
/*Imeges*/

img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: auto;
	max-width: 100%;
	width: auto\9;
}
ol, ul {
	list-style: none
}
q {
	quotes: none
}
q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
/*Links*/

a {
	color: #333;
	text-decoration: none
}
a:hover {
	color: #ff0000
}
a[href^="tel:"] {
	color: inherit;
	text-decoration: none
}
/*Titles*/

h1 {
	font-size: 32px
}
h2 {
	font-size: 26px;
	line-height: 26px
}
h3 {
	font-size: 18px
}
h4 {
	font-size: 16px
}
h5 {
	font-size: 14px
}
h6 {
	font-size: 13px
}
/*Font size*/

.f12 {
	font-size: 12px
}
.f13 {
	font-size: 13px
}
.f14 {
	font-size: 14px
}
.f15 {
	font-size: 15px
}
.f16 {
	font-size: 16px
}
.f18 {
	font-size: 18px
}
.f20 {
	font-size: 20px
}
.f22 {
	font-size: 22px
}
.f24 {
	font-size: 24px
}
.f26 {
	font-size: 26px
}
.f28 {
	font-size: 28px
}
.f30 {
	font-size: 30px
}
.f32 {
	font-size: 220%
}
.f36 {
	font-size: 36px
}
.f48 {
	font-size: 48px
}
.f72 {
	font-size: 72px
}
.fw6 {
	font-weight: 600
}
.fw7 {
	font-weight: 700
}
.fw8 {
	font-weight: 800
}
/*Line height*/

.lh_16 {
	line-height: 16px
}
.lh_18 {
	line-height: 18px
}
.lh_22 {
	line-height: 22px
}
.lh_26 {
	line-height: 26px
}
.lh_28 {
	line-height: 28px
}
.lh_32 {
	line-height: 32px
}
.lh_36 {
	line-height: 36px
}
.lh_48 {
	line-height: 48px
}
/*text-indent*/

.t_in {
	text-indent: 2em
}
/* Indents */

.l {
	float: left
}
.r {
	float: right
}
.l_0 {
	left: 0
}
.r_0 {
	right: 0
}
.text_l {
	text-align: left
}
.text_c {
	text-align: center
}
.text_r {
	text-align: right
}
.italic {
	font-style: italic
}
/*top*/

.m_t0 {
	margin-top: 0px
}
.m_t5 {
	margin-top: 5px
}
.m_t8 {
	margin-top: 8px
}
.m_t10 {
	margin-top: 10px
}
.m_t15 {
	margin-top: 15px
}
.m_t18 {
	margin-top: 18px
}
.m_t20 {
	margin-top: 20px
}
.m_t25 {
	margin-top: 25px
}
.m_t30 {
	padding-top: 30px
	
}
.m_t40 {
	margin-top: 40px
}
.m_t50 {
	margin-top: 50px
}
.m_t80 {
	margin-top: 80px
}
.m_t100 {
	margin-top: 100px
}
.m_t140 {
	margin-top: 140px
}
.main p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	line-height: 22px
}
/*bottom*/

.m_b0 {
	margin-bottom: 0px
}
.m_b5 {
	margin-bottom: 5px
}
.m_b8 {
	margin-bottom: 8px
}
.m_b10 {
	margin-bottom: 10px
}
.m_b15 {
	margin-bottom: 15px
}
.m_b20 {
	margin-bottom: 20px
}
.m_b25 {
	margin-bottom: 25px
}
.m_b30 {
	margin-bottom: 30px
}
.m_b40 {
	margin-bottom: 40px
}
.m_b50 {
	margin-bottom: 50px
}
.m_b60 {
	margin-bottom: 60px
}
.m_b70 {
	margin-bottom: 70px
}
.m_b80 {
	margin-bottom: 80px
}
.p_b5 {
	padding-bottom: 5px
}
.p_b10 {
	padding-bottom: 10px
}
.p_b15 {
	padding-bottom: 15px
}
.p_b20 {
	padding-bottom: 20px
}
.p_b30 {
	padding-bottom: 30px
}
.p_b40 {
	padding-bottom: 40px
}
.p_b50 {
	padding-bottom: 50px
}
.p_b230 {
	padding-bottom: 230px
}
.p_t5 {
	padding-top: 5px
}
.p_t10 {
	padding-top: 10px
}
.p_t20 {
	padding-top: 20px
}
.p_t30 {
	padding-top: 30px
}
.p_t40 {
	padding-top: 40px
}
.p_t50 {
	padding-top: 50px
}
.p_t80 {
	padding-top: 80px
}
.p_t140 {
	padding-top: 140px
}
.p_lr10 {
	padding: 0 10px
}
.p_lr20 {
	padding: 0 20px
}
.p_lrb10 {
	padding: 0 10px 10px
}
/*left*/

.m_l10 {
	margin-left: 10px
}
.m_l20 {
	margin-left: 20px
}
.m_l30 {
	margin-left: 30px
}
.m_l40 {
	margin-left: 40px
}
.m_l60 {
	margin-left: 60px
}
/*right*/

.m_r5 {
	margin-right: 5px
}
.m_r10 {
	margin-right: 10px
}
.m_r14 {
	margin-right: 14px
}
.m_r15 {
	margin-right: 15px
}
.m_r20 {
	margin-right: 20px
}
.m_r30 {
	margin-right: 20px
}
.p_r30 {
	padding-right: 20px
}
/*color*/

.red {
	color: #c70c1f
}
.white {
	color: #fff
}
.black {
	color: #000
}
.c_c9 {
	color: #c9c9c9
}
.c_bebebe {
	color: #bebebe
}
.c_83 {
	color: #838383
}
.c_666 {
	color: #666
}
.c_444 {
	color: #444
}
.c_333 {
	color: #333
}
/*background color*/

.gray {
	background: #e7e7e7
}
.bc_4c4c4c {
	background: #4c4c4c
}
.bc_fff {
	background: #fff
}
.bc_9e {
	background: #9e0000
}
.bc_d0 {
	background: #d0d0d0
}
.bc_00 {
	background: #000
}
/*b_m_line*/

.b_m_line {
	border-bottom: 1px solid #4d4d4d
}
.b_m_line_ddd {
	border-bottom: 1px solid #ddd
}
.b_r_line {
	border-right: 1px solid #ddd
}
.b_l_line {
	border-left: 1px solid #ddd
}
.b_line {
	border: 1px solid #ddd
}
/*radius*/

.radius10 {
	border-radius: 10px
}
.radius15 {
	border-radius: 15px
}
/*clearfix*/

.clear {
	clear: both
}
.clearfix {
*zoom: 1
}
.clearfix:before,  .clearfix:after {
	display: table;
	content: "";
	line-height: 0
}
.clearfix:after {
	clear: both
}
.clear {
	clear: both
}
.container .alpha {
	margin-left: 0px
}
.container .omega {
	margin-right: 0px
}
.row {
*zoom: 1;
	margin-left: -30px
}
.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0
}
.row:after {
	clear: both
}
 [class*="grid_"] {
float: left;
min-height: 1px;
margin-left:30px
}
/*PC width*/


.grid_12 {
	width: 1170px
}
.grid_11 {
	width: 1070px
}
.grid_10 {
	width: 970px
}
.grid_9 {
	width: 870px
}
.grid_8 {
	width: 100%
}
.grid_7 {
	width: 670px
}
.grid_6 {
	width: 570px
}
.grid_5 {
	width: 470px
}
.grid_4 {
	width: 370px
}
.grid_11 {
	width: 760px
}
.grid_3 {
	width: 270px
}
.grid_2 {
	width: 170px
}
.grid_1 {
	width: 70px
}
 @media (min-width: 980px) and (max-width: 1199px) {
.row {
	margin-left: -20px;
*zoom: 1
}
.row:before,  .row:after {
	display: table;
	content: "";
	line-height: 0
}
.row:after {
	clear: both
}
 [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container {
	width: 940px
}
.grid_12 {
	width: 940px
}
.grid_11 {
	width: 860px
}
.grid_10 {
	width: 780px
}
.grid_9 {
	width: 700px
}
.grid_8 {
	width: 620px
}
.grid_7 {
	width: 540px
}
.grid_6 {
	width: 460px
}
.grid_5 {
	width: 380px
}
.grid_4 {
	width: 300px
}
.grid_3 {
	width: 220px
}
.grid_2 {
	width: 140px
}
.grid_1 {
	width: 60px
}
}
 @media (min-width: 768px) and (max-width: 979px) {
.row {
	margin-left: -20px;
*zoom: 1
}
.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0
}
.row:after {
	clear: both
}
 [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px
}
.container {
	width: 748px
}
.grid_12 {
	width: 748px
}
.grid_11 {
	width: 684px
}
.grid_10 {
	width: 620px
}
.grid_9 {
	width: 556px
}
.grid_8 {
	width: 492px
}
.grid_7 {
	width: 428px
}
.grid_6 {
	width: 364px
}
.grid_5 {
	width: 300px
}
.grid_4 {
	width: 236px
}
.grid_3 {
	width: 172px
}
.grid_2 {
	width: 108px
}
.grid_1 {
	width: 44px
}
}
 @media (max-width: 767px) {
.container {
	width: 460px
}
.row {
	margin-left: 0
}
 [class*="grid_"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid_3 {
	float: left;
	width: 200px;
	margin-left: 20px
}
.f32 {
	font-size: 22px
}
}
 @media (max-width: 479px) {
.container {
	width: 320px
}
.row {
	margin-left: 0
}
.first .row, .page_4 .row, .w_third .row {
	margin-left: 0px
}
.grid_3 {
	float: none;
	width: 320px;
	margin-left: 0
}
.p_20 {
	padding: 10px
}
.f14 {
	font-size: 13px
}
.f16 {
	font-size: 14px
}
.f18 {
	font-size: 16px
}
}
/*News List Css*/
.news_list, .content {
	padding-right: 30px;
	padding-top:30px;
}
.news_list li {
	margin-bottom: 25px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccd
}
.news_list li a {
	font-size: 18px;
	display: block
}
.news_list li p {
	padding-top: 5px
}
.prnext {
	margin: 30px auto;
}
.prnext a {
	padding: 5px 10px;
	background: #eee;
	margin-right: 5px
}
.prnext a:hover {
	background: #A6A6A6;
	color: #fff
}
.prnext b {
	color: #333;
	font-weight: bold;
	padding: 5px;
	margin-right: 5px
}


.data {
	width: 60px;
	height: 60px;
	display: block;
	background: #CCC;
	color: #333;
	text-align: center;
	line-height: 60px
}
.month {
	display: block;
	width: 60px;
	text-align: center
}
.page-news-list li {
	padding: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s
}
.page-news-list li a {
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	display: block;
	overflow: hidden
}
.page-news-list li p {
	padding-top: 5px;
	color: #777
}
.page-news-list li:hover {
	background: #c20000;
}
.page-news-list li:hover p, .page-news-list li:hover .month {
	color: #fff
}
.page-news-list li:hover .data {
	background: #FFF
}
.page-news-list li:hover a {
	color: #fff;
	text-decoration: underline
}

/* Lists */
.list1 li {
	padding-left: 24px;
	padding-top: 1px;
	margin-bottom: 8px;
}
.list1 a {
	line-height: 18px;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
}
.list1 li a:before {
	position: absolute;
	width: 13px;
	height: 13px;
	content: '';
	top: 2px;
	left: -23px;
	background: url(https://www.hyooauto.com/template/default/style/list_marker.png) no-repeat;
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s
}
.list1 li a:hover:before {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}

.site-content td{ border: solid #000 1px;}
.site-content tr{ border: solid #000 1px;}

/*分页样式*/
.pagea{
    clear:both;
    margin:20px 0px 20px 0px;
    text-align: center;
 }
.pagea a{
    display: inline-block; 
    font-family: Arial; 
    font-size: 13px; 
    border: #dbdbdb 1px solid; 
    padding:4px 9px; 
    margin: 2px; 
    margin-bottom: 5px; 
    color: #31363c; 
    text-decoration: none
}
.pagea a:hover,.page a:focus{
    font-family: Arial;
    font-size: 13px;
    border: #31363c 1px solid;
    padding:4px 9px;color: #fff;
    background-color: #31363c;
}
.pagea .current{
    font-family: Arial;
    border: #31363c 1px solid; 
    font-size: 13px; 
    padding:5px 9px; 
    color: #fff;
    margin: 2px;  
    background-color: #31363c
}