/*公用头部*/

.public-navshade.navshade{position: fixed; top:0px; left:0; right:0; bottom:0; background:rgba(0,0,0,.8); z-index: 8999; display: none;}

.public-header.header{ position:relative; height: 91px;}

.public-header.header .header-warpper{background:#fff; border-bottom:1px solid #d8d8d8; position:fixed; z-index:1000; top:0; left:0; right:0; height: 90px;}

.public-header.header .header-con{width:1200px; margin:0 auto;}



.public-header.header .hechi-logo{ display: block; width:230px; margin-top:13px;}

.public-header.header .hechi-logo .logo-png{display:block;}

.ie8lte .public-header.header .hechi-logo .logo-png{display:block;}

.ie8lte .public-header.header .hechi-logo .logo-svg{display:none;}



.public-header.header menu.nav{ background: url("../images/transparent.png") no-repeat 0 0;}

.public-header.header menu.jxs-nav{ }

.public-header.header menu.nav>li{float:left; padding:29px 0px 30px 12px; background: url("../images/transparent.png") repeat 0 0;}

.public-header.header menu.nav>li>a{transition: all 0.5s; font-size: 16px; display:block; border-radius:16px;  padding:0 17px; height:32px; line-height:32px; color:#666; position:relative;cursor: pointer; background:url("../images/transparent.png") repeat 0 0;}

.public-header.header menu.nav>li>a>i.ico-arr-down{transition: all 0.5s; transform:rotate(0deg); display:inline-block; vertical-align: top; width:12px; height:32px; background:url("ico-arr-down.png") no-repeat 0 center; margin-left:8px;}

.public-header.header menu.nav>li.on>a,.public-header.header menu.nav>li:hover>a{ background:#0066B5; color:#fff;}

.public-header.header menu.nav>li.on>a>i.ico-arr-down,.public-header.header menu.nav>li:hover>a>i.ico-arr-down{background:url("ico-arr-down-white.png") no-repeat 0 center;}

.public-header.header menu.nav>li:hover>a>i.ico-arr-down{transform:rotate(-180deg);}





.public-header.header .brand-car{position:absolute;background:#faf9f9; top:91px; left:0; right:0; z-index:1;}

.public-header.header .brand-car-con{width:1200px; margin:0 auto;overflow:hidden; min-height: 506px;}



/*车列表*/

@keyframes rotate {

    0% {

        transform: translateY(0px);

    }

    25% {

        transform: translateY(-3px)/* scale(1.2, 0.9)*/;

    }

    50% {

        transform: translateY(-8px)/* scale(0.9, 1.2)*/;



    }

    75% {

        ransform: translateY(-3px)/* scale(1.2, 0.9)*/;

    }

    100% {

        transform: translateY(0px) ;

    }

}

/*二级菜单*/

.second-level-menu{ z-index: 1; background:#faf9f9; position: absolute; top: 91px; left: 0; right:0; height: 0; overflow: hidden; z-index: 9001;}

.second-level-menu-wrapper{ width:1200px; height: 445px; margin:0 auto; overflow: hidden; position: relative;}



.public-header.header .car-list{ overflow:hidden; width:1220px; padding:22px 0; left: 0; top: -30px; display: none; opacity: 0; position: absolute;}

.public-header.header .car-list li{ float:left; width:16.667%; text-align:center; cursor:pointer;}

.public-header.header .car-list li a{display: block; height: 179px; margin-right:20px; transition: all 0.5s;}

.public-header.header .car-list li strong{display:block; padding:20px 20px 0; line-height: 96px; height: 96px; }

.public-header.header .car-list li strong img{ display: inline-block; vertical-align: middle; max-width:100%;}

.public-header.header .car-list li h6{ transition: all 0.5s;font-size:14px; color:#333;margin-top: 20px; font-weight: bold;}

.public-header.header .car-list li span{color:#666; padding-top:4px; font-size:10px; line-height:1;}

.public-header.header .car-list li:hover a,.car-list li.on a{background:#ededed;}

.public-header.header .car-list li:hover h6,.car-list li.on h6{color:#0066b5;}

.public-header.header .car-list li:hover span,.car-list li.on span{color:#333; font-weight: bold;}

.public-header.header .car-list li:hover span i::after,.car-list li.on span i::after{color:#333; font-weight: bold;}

.public-header.header .car{overflow:hidden; zoom:1; padding-bottom:45px; position:relative;}

.public-header.header .car-list li .money-mark{  position: relative; color:transparent; vertical-align:middle; height:1em; display:inline-block;}

.public-header.header .car-list li .money-mark::after{ content: '￥';  position: absolute;  right: 0px;  bottom: 0px;  color:#666;  font-size: 13px;  }

.public-header.header .car-list li:hover .money-mark::after{  animation: rotate .3s linear 2; animation-timing-function:ease-in-out;}

.public-header.header .car-list.like-car-list{width:1240px;}

.public-header.header .car-list.like-car-list li{width:25%;}

.public-header.header .car-list.like-car-list li a{ position: relative; margin-right:40px; height:auto; margin-bottom: 20px;margin-top: 20px;}

.public-header.header .car-list.like-car-list li a:hover{background: none;}

.public-header.header .car-list.like-car-list li .em-img{ display: block; width:270px; height: 160px; overflow: hidden; background-color: #999; position: relative;}

.public-header.header .car-list.like-car-list li .em-img img{transition: all 0.5s; position: absolute; left:50%; top:50%; margin-left: -135px; margin-top: -80px; width:270px; height: 160px; display: block;}

.public-header.header .car-list.like-car-list li a:hover .em-img img{ margin-left: -150px; margin-top: -89px; width:300px; height: 178px;}

.public-header.header .car-list.like-car-list li span{position: absolute; top:0; bottom:0; left:0; right:0; z-index: 1; color:#fff; font-size: 16px; text-align:center; line-height: 160px; background-color: rgba(0,0,0,.5);}

.public-header.header .car-list.like-car-list li:hover span{font-weight: normal;}



.public-header.header .label{width:150px;}

.public-header.header .label li a{ position:relative; display:block; color:#4e4e4e; line-height:50px; text-align:center; height:50px; background: url("../images/second-menu-border.png") no-repeat right bottom;}

.public-header.header .label li a::after{content: attr(data-text); position:absolute; left:0; top:0; bottom:0; right:0; z-index:2;}

.public-header.header .label li a::before{content: ""; position:absolute; left:0; top:0; bottom:0; width:0%; border-bottom:1px solid #ededed; background:#faf9f9; transition:width 0.2s; z-index:1;}

.public-header.header .label li a:hover::before,.label li a.on::before{width:100%;}

.public-header.header .label li a.on{color:#004199; font-weight:bold;}





.public-header.header .car-guide{ position:absolute; top:91px; left:0px; right:0; background:#faf9f9; padding:9px 0;}

.public-header.header .car-guide li{ padding:9px 4px; text-align:center;}

.public-header.header .car-guide li a{transition:background 0.3s, color 0.2s; height:32px; line-height:32px; border-radius:16px; color:#4e4e4e; display:block;}

.public-header.header .car-guide li a:hover{background:#0066B5; color:#fff;}





@media screen and (max-width: 1200px) {

    .public-header.header{padding:0 20px;}

}



 



/*右侧浮动*/

@keyframes shareqzone{

     0%{

         top:-34px;

         transform:rotate(0deg);

         opacity: 0;

     }

     100%{

         top:-152px;

         transform:rotate(360deg);

         opacity: 1;

     }

}

@keyframes shareweibo{

    0%{

        top:-34px;

        transform:rotate(0deg);

        opacity: 0;

    }

    100%{

        top:-106px;

        transform:rotate(360deg);

        opacity: 1;

    }

}

@keyframes sharewechcat{

    0%{

        top:-34px;

        transform:rotate(0deg);

        opacity: 0;

    }

    100%{

        top:-60px;

        transform:rotate(360deg);

        opacity: 1;

    }

}

@keyframes shareqzone_out{

    0%{

        top:-152px;

        transform:rotate(360deg);

        opacity: 1;



    }

    100%{

        top:-34px;

        transform:rotate(0deg);

        opacity: 0;

    }

}

@keyframes shareweibo_out{

    0%{

        top:-106px;

        transform:rotate(360deg);

        opacity: 1;

    }

    100%{



        top:-34px;

        transform:rotate(0deg);

        opacity: 0;

    }

}

@keyframes sharewechcat_out{

    0%{

        top:-60px;

        transform:rotate(360deg);

        opacity: 1;

    }

    100%{



        top:-34px;

        transform:rotate(0deg);

        opacity: 0;

    }

}



.public-right-float.right-float{  position:fixed;/* left:50%; margin-left:620px;*/ right:0;  bottom:105px; z-index: 9997;  width:75px; display: none;}

.public-right-float.right-float .share,.right-float .top,.right-float .cus-ser{width:42px; height:42px; border-radius:50%; margin:0 auto; cursor: pointer; border:1px solid #cdcdcd;}

.public-right-float.right-float .share{background:url("../images/ico-share.png") no-repeat 12px center; }

.public-right-float.right-float .cus-ser{ display: block; background:url("../images/ico-cus-se.png") no-repeat 12px center; margin-top:20px; }

.public-right-float.right-float .top{background:url("../images/ico-arr-top.png") no-repeat 14px center; margin-top:20px; }

.public-right-float.right-float .share:hover{background-position: -58px center; background-color: #0066B5; border:1px solid #0066B5;}

.public-right-float.right-float .top:hover{background-position: -57px center; background-color: #0066B5; border:1px solid #0066B5;}

.public-right-float.right-float .cus-ser:hover{background-position: -58px center; background-color: #0066B5; border:1px solid #0066B5;}

.public-right-float.right-float .telephone{ text-align:center;color:#666; font-size:12px; padding-top:10px;}

.public-right-float.right-float .telephone strong{ font-family: Arial; font-size:14px; letter-spacing: 1px; display:block; padding-top:3px;}

.public-right-float.right-float .share-media{ background:url(../images/transparent.png) repeat 0 0; position:absolute; top:5px; right:30px; display:none; width:250px;}

.s-m-item{  /*box-shadow: 0 0 10px rgba(0,0,0,.3); */display:inline-block; vertical-align: top; margin-right: 8px; width:34px; height:34px; border-radius: 17px;  background:url("../images/ico-share-social.png") no-repeat 0 0; background-color: rgba(255,255,255,.2); cursor:pointer;}

.s-m-item.qq{background-position: 0 -140px; }

.s-m-item.qzone{background-position: 0 0; }

.s-m-item.weibo{background-position: 0 -46px; }

.s-m-item.wechat{background-position: 0 -92px; position:relative;}

.s-m-item.qzone:hover{background-position: right 0;}

.s-m-item.weibo:hover{background-position: right -46px;}

.s-m-item.wechat:hover{background-position: right -92px;}

.s-m-item.qq:hover{background-position: right -140px;}

.s-m-item .wechat-code{ width:100px; height:100px; padding:10px; background:#fff; position:absolute; left:-45px; top:-150px;display:none; opacity: 0;  box-shadow: 0 0 10px rgba(0,0,0,.3);}

.s-m-item .wechat-code i{font-size:0; overflow:hidden; width:0; height:0;  border-top:5px solid #fff; z-index: 9999; position:absolute; bottom:-5px; left:50%; margin-left:-3px; border-left:5px solid transparent; border-right:5px solid transparent;}

.s-m-item.copyurl{background-position: 0 -188px;}

.s-m-item.copyurl:hover{background-position: right -188px;}









.detail-header{display: none}



.blk {

    margin-bottom: 20px;

}

	  .fdh-01-tit {

    background: #595858;

    height: 80px;

}

.fdh-01-tit h3 {

    height: 75px;

    font-size: 24px;

    font-weight: normal;

    line-height: 75px;

    color: #fff;

    border-bottom: 1px solid #fff;

    text-align: center;

}





	  .fdh-01-nav-one h3 {

    display: block;

    font-size: 18px;

    font-weight: normal;

    padding-right: 40px;

    padding-left: 38px;

    color: #666;

    height: 50px;

    line-height: 50px;

    background: #ececeb;

    margin-bottom: 2px;

}

.fdh-01-nav-one ul {

    padding: 2px 0 4px;

}

.fdh-01-nav-one li {

    height: 50px;

    font-size: 16px;

    line-height: 50px;

    padding-left: 54px;

    padding-right: 40px;

    margin-bottom: 1px;

    background: #ececec;

    position: relative;

}





.fdh-01-nav-one li:after{



    content: "";

    width: 8px;

    height: 8px;

    border: 2px solid #b8b8b8;

    border-style: solid solid none none;

    position: absolute;

    top: 50%;

    right: 32px;

    margin-top: -4px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}





.fdh-01-nav-one a {

	color: #666;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.contact-z1 {

    height: 140px;

    background: url(contact-z1.jpg) no-repeat;

    color: #333;

    margin-bottom: 30px;

}

.telcs { 

    height: 30px;

    font-weight: bold;

    font-size: 18px;

    line-height: 30px;

    padding-left: 73px;

}



.tabgai td{height: 40px; font-size: 16px; color: #666;}

.che-canshu td{height: 40px; font-size: 16px; color: #666;}

.che-box,.che-vr{width: 880px; margin: auto;}

.che-box p img{width: 100%;}



.img-fluid{width:100%;}





.table-responsive td img{width: 100%; height: auto;}

.detail-body .row p img{width: 100%; height: auto;}

.clear_up_you td{font-size: 16px; height: 34px; color: #666; padding-left: 10px;}

.detail-body .canshu p{font-size: 14px; line-height: 20px; text-align: left;}





@media screen and (min-width: 902px) {

.sp_header{display: none;}

	.sp_header_box{display: none;}

}

@media screen and (max-width: 900px) {

    .public-footer.footer .footer-wrapper{padding-left:20px;padding-right:20px;}

	.msg-main{display: none;}

	.che-box,.che-vr{width:100%; margin: auto;}

	.che-box table{width: 100%;}

	.che-box iframe{width: 100%;}

	.che-lianxi div:first-child{display: none}

	

	.main-title h3{ padding-top:0; padding-right:100px;}

	.main-title h3 .cn-title{ font-size:18px; margin-bottom:0; padding-left:100px;}

	.main-title .en-title{font-size:0.875rem;}

	

	.col-sm-62 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}

	.detail-body .contact-z1{display: none;}

	.detail-body .lx_l{display: none;}

	.header{display: none;}

	

	.fdh-01-tit{display: none;}

	.fdh-01-nav-one{display: none}

	

}