@charset "gb2312";
.blank32,.blank60{clear: both; display: block; font-size: 1px; overflow: hidden;}
.blank32{height: 32px}
.blank60{height: 60px;}

.tools a,.header-top .revert{background:url(../img/brand_ico.png) center 25px no-repeat;}

.title{width: 1200px; height: 30px; margin:0 0 18px 0;}
.title h1{font-size: 20px; color: #333333; line-height: 30px; height: 30px; font-weight: 600;}
/**/
.header-top{height: 38px; width: 100%; background: #4A4A4A;}
.header-top span,.header-top a{color: #FFFFFF; line-height: 38px; font-size: 11px; }
.header-top .revert{background-position: 0px -572px; height: 38px; line-height: 38px; width: 66px; padding-left: 18px; box-sizing: border-box;}
/*----*/
.brand{width: 1200px; margin: auto; height: 73px; position: relative;}
.brand_logo{float: left; position: absolute; left: 0; top: 0;}
.brand_logo img{float: left; width: 98px; height: 98px; margin-right: 10px; border: 1px solid #f0f0f0; border-radius: 9px; background: #FFFFFF;}
.brand_logo h1{font-size: 24px; color: #4A4A4A; line-height: 33px; float: left; font-weight: 500; margin-top: 33px;}
.brand .bread{margin: 39px 0 0 0}
.brand .bread a{font-size: 14px; line-height: 20px; height: 20px; color: #333333; font-weight: 600; margin: 0 5px}
.banner_pic{width: 100%;  background: #cecece; margin: auto; height: 380px; display: flex; align-items: center; overflow: hidden;}
.banner_pic img{width: 100%; min-height: 380px; }

/**/
.brand_car li{width: 224px; float: left; margin-right: 20px; overflow: hidden;}
.brand_car li:nth-child(5n+0){margin-right: 0px;}
.brand_car li img{width: 224px; height: 143px;}
.brand_car li span{width: 224px; height: 40px; line-height: 20px; color: #333333; font-weight: 400; font-size: 14px; text-align: center; display: block;}
.brand_car li:hover span{color:#FF7C00}

/**/
.brand_news{overflow: hidden}
.brand_news li{width: 393px; height: 364px; float: left; margin: 0 9px 40px 0px; overflow: hidden}
.brand_news li:nth-child(3n+0){margin: 0 0 40px 0;}
.brand_news li img{width: 393px; height: 262px; transition: 0.5s; transform: translateZ(0);}
.brand_news li img:hover{transform:translateZ(0) scale(1.03,1.03);transition: transform 0.5s;}
.brand_news li span{font-size: 16px; color: #4a4a4a; line-height: 26px; height: 52px; padding: 0 5px; box-sizing: border-box; display: block}
.brand_news li em{font-size: 14px; color: #9b9b9b; font-weight: 400; height: 20px; line-height: 20px; display: block;}
.brand_news li span:hover,.brand_news li em:hover{color: #FF7C00;}
/**/
.brand_video{overflow: hidden}
.brand_video ul{float: left; width: 1200px; }
.brand_video li{float: left; width: 224px; height: 336px; margin-right: 20px; margin-bottom: 40px; overflow: hidden; position: relative; border-radius: 4px;}
.brand_video li:nth-child(5){margin-right: 0;}
.brand_video li img{width: 224px; height: 336px; transition: 0.5s; transform: translateZ(0);}
.brand_video li img:hover{transform:translateZ(0) scale(1.03,1.03);transition: transform 0.5s;}
.brand_video li em{width: 44px; height: 44px; position: absolute;  background: url(img/ind-play.png) center no-repeat; background-size: contain; top: 105px; right: 90px;}
.brand_video .hide{ position:absolute; bottom:-82px; left:0; z-index:10; width:180px; height:40px; padding: 21px 22px; background:rgba(0,0,0,0.7);}
.brand_video .hide h1{ font-weight:600; line-height: 20px; height: 40px; overflow: hidden; color:#fff; font-size: 14px;}
/**/
.brand_story{width: 794px; height: 334px; float: left; overflow: hidden; position: relative; margin-right: 6px;}
.brand_story img{display: block;}
.brand_story span{position: absolute; right: 24px; top: 21px; height: 45px; font-size: 30px; color: #FFFFFF; text-shadow: 0px 1px 7px rgba(0,0,0,0.5); width: 120px; line-height: 45px;}
.brand_story a{width: 84px; height: 34px; background: #50B058; position: absolute; top: 65px; right: 23px; color: #FFF; font-size: 12px; line-height: 34px; text-align: center;}
/**/
.brand_dealer{width: 394px; height: 334px; float: left; overflow: hidden; position: relative;}
.brand_dealer img{display: block;}
.brand_dealer span{position: absolute; left: 24px; top: 21px; height: 45px; font-size: 30px; color: #FFFFFF; text-shadow: 0px 1px 7px rgba(0,0,0,0.5); width: 150px; line-height: 45px;}
.brand_dealer a{width: 84px; height: 34px; background: #50B058; position: absolute; top: 65px; left: 23px; color: #FFF; font-size: 12px; line-height: 34px; text-align: center;}
/**/
.tools a{width: 75px; height: 26px;  float: left; margin-right: 18px; line-height: 26px; font-size: 18px; color: #cdcdcd; text-align: center; background-color: #F6F6F6; padding: 92px 105px 25px;}
.tools a:nth-child(2){background-position: center -118px;}
.tools a:nth-child(3){background-position: center -261px;}
.tools a:nth-child(4){margin-right: 0px;background-position: center -404px;}