.banner {width:100%; overflow:hidden;position:relative;height:750px; background:rgba(0,0,0,.25); margin:0 auto;}
.banner .background{width: 100%; height: 100%; position: absolute;}
.banner .background img{width: 100%; height: 100%;left:0; top: 0;position: absolute;}
.banner .background img.hover{-ms-transform:scale(1.1);transform:scale(1.1);transition:10s;z-index: 10;}
.banner .stage{z-index: 11;}
.banner .stage img{left: -100%;position:absolute;opacity: 0;}
.banner .stage img.hover{left: 0;opacity: 1;}
.banner .progress{height:3px;z-index: 12; position:absolute;width:100%;bottom:0;text-align: left;}
.banner .progress i{height:3px; background: rgba(255,83,0,1); display: block;float:left;}

.mod_01 {width:100%; height:161px; line-height:161px; background:url(../images/mod_01_bg.jpg); margin:0px auto;}
.mod_01 a{width:203px;height:91px;float:left;margin-right:117px;display:block;background:url(../images/mod_01.png) no-repeat;}
.mod_01 a:last-child{margin-right:0;}
.mod_01 a:hover{background-position-y:-91px;}
.mod_01 a.icon_02{background-position-x:-320px;}
.mod_01 a.icon_03{background-position-x:-640px;}
.mod_01 a.icon_04{background-position-x:-960px;margin-right:0}

.brand{height:160px; line-height:160px; background:url(../images/mod_01_bg.jpg); margin:0 auto;}
.brand ul{}
.brand ul li{width: 290px; padding: 15px 0; height: 130px;float:left;}
.brand ul li p{height: 80px; line-height: 90px; color:#333; font-size: 60px;font-family: Arial, Helvetica, sans-serif;letter-spacing: -3px;}
.brand ul li span{ line-height: 40px; color:#ff5300; display: block; font-size: 26px;}


.product {width: 100%; background: rgba(0, 0, 0, 0);padding: 90px 0 100px 0;}

.product h1{font-size: 36px;font-weight: 400; text-align: center;}
.product h2{font-size: 21px; font-weight: 400; text-align: center; color: #9f9f9f; padding: 10px 0; overflow:hidden; }

.product ul{width:1163px;padding: 50px 0;display: inline-block;}
.product ul li{float:left;list-style-type: none;position:relative;margin:0 30px 0 0;}
.product ul li a{display:inline-block;width:367px;height:410px;color:#333333;position: relative;}
.product ul li a img{width:100%;height:100%;top:0;left:0;position:absolute;
    -webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.product ul li a .box-content{position:absolute;transform: rotateY(180deg);width:367px; height: 410px;transition: all 0.50s ease-in-out 0s; background: rgba(255,255,255,.5);
    border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;box-shadow: 0 4px 30px #e0e0e0;}
.product ul li a .box-content .cover{width:367px;height:247px;overflow:hidden;position:relative;}
.product ul li a .box-content .cover img{border-top-left-radius: 5px; border-top-right-radius: 5px;}
.product ul li a .box-content .title{padding-bottom: 24px; background:url(../images/title_bg.png) no-repeat 15px bottom;}
.product ul li a .box-content .title h2{padding: 5px 15px;color:#ff5300;font-size:21px;font-weight: 400;}
.product ul li a .box-content .title span{padding: 3px 15px;font-size:14px;color:#333333;}
.product ul li a .box-content p{padding: 10px 15px 20px;font-size:13px;color:#333333;}
.product ul li a .box-cover{backface-visibility:hidden;box-shadow: 0 4px 30px #e0e0e0;background: rgba(0,0,0,0.5);
    transform: rotateY(0);transition: all 0.50s ease-in-out 0s;position:absolute;width: 100%; height: 100%; border-radius: 5px;}
.product ul li a .box-cover img{border-radius: 5px;}
.product ul li a:hover{color:#ff5300;}
/*.product ul li a:hover .cover img{-ms-transform:scale(1.1);transform:scale(1.1);transition:0.2s;}*/
.product ul li a:hover .box-content{-ms-transform:rotateY(0);transform:rotateY(0);}
/*.product ul li a:hover .box-cover{-ms-transform:rotateY(0) scale(1.05);transform:rotateY(0) scale(1.05);}*/
.product ul li a:hover .box-cover{-ms-transform:rotateY(180deg);transform:rotateY(180deg);}
.product ul li:nth-child(3n){margin-right:0;}
.product .more{text-align:center;width:100%;display:inline-block;margin:50px auto 0 auto;}
.product .more a{color:#ff5300;border:1px #ff5300 solid;font-size:21px;border-radius:3px;padding: 8px 15px;display:inline-block;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.product .more a:hover{background:#ff5300;color:#fff;}

.map{width: 100%; height: 630px; overflow: hidden; padding: 60px 0 50px;background:url(../images/contact/hhistory.png) #dcdedd no-repeat center center;}
.map #mainMap{width: 130%; min-width: 1160px; height: 930px;}

.join_background {width:100%; height:800px; background:url(../images/jjoin.jpg) #dcdedd no-repeat center center;margin:0 auto;
    background-size: cover;}

.join {width: 100%;margin-top: -800px; height:700px; padding-top: 100px;background: rgba(0, 0, 0, 0.5);}
.join .w a img{width: 100%;}
/*.join h1{background:url(../images/join.png) no-repeat left top;}*/
.join h1{font-size: 36px;font-weight: 400; text-align: center;color: #ff5300;text-shadow: 0 4px 30px #e0e0e0; }
.join h2{font-size: 21px; font-weight: 400; text-align: center; color: #fff; padding: 10px 0; overflow:hidden;text-shadow: 0 4px 30px #e0e0e0;  }
.join ul{padding-top: 35px;}
.join ul li{box-shadow: 0 4px 30px rgba(0,0,0,0.5);overflow:hidden;float:left; list-style-type: none; border-radius: 5px; position:relative;width: 270px;margin: 10px;display: inline-block; height: 360px; background: #fff;}
.join ul li .background{width: 100%;height: 100%; margin-bottom: -360px;background-size: cover; }
.join ul li .background.factory{background:url(../images/join-factory.png); }
.join ul li .background.brand{background:url(../images/join-brand.png);}
.join ul li .background.store{background:url(../images/join-store.png);}
.join ul li .background.service{background:url(../images/join-service.png);}
.join ul li .cover{margin-top: 280px; display:block;background: rgba(0,0,0,0.75);}
.join ul li .cover p{display: none;}
.join ul li:hover .cover p{display: block;}
.join ul li:hover .cover{background: rgba(0, 0, 0, 0.75); margin-top: 0;margin-left: 0;height: 100%;
    border-radius: 0;
    transform:rotate(0deg);
    -ms-transform:rotate(0deg); 	/* IE 9 */
    -moz-transform:rotate(0deg); 	/* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg);
}
.join ul li h3{font-size:28px; font-weight: 400; text-align:center;text-indent: 15px;line-height: 80px; color:#ff5300;
    /*transform:rotate(-45deg);*/
    /*-ms-transform:rotate(-45deg); 	!* IE 9 *!*/
    /*-moz-transform:rotate(-45deg); 	!* Firefox *!*/
    /*-webkit-transform:rotate(-45deg); !* Safari 和 Chrome *!*/
    /*-o-transform:rotate(-45deg); */
}
.join ul li:hover h3{line-height: 50px;padding: 25px 0;text-align: center;font-size: 28px;}
.join ul li p{padding:25px 15px;line-height: 32px; font-size: 18px; text-align:center;}
.join ul li:hover p{color:rgba(255,255,255,0.5);}
.join .more{text-align:center;width:100%;display:inline-block;margin:50px auto 0 auto;}
.join .more a{color:#ff5300;border:1px #ff5300 solid;box-shadow: 0 4px 30px rgba(0,0,0,0.5);background: rgba(255,255,255,0.1);font-size:21px;border-radius:3px;padding: 8px 15px;display:inline-block;
              -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.join .more a:hover{background:#ff5300;color:#fff;}


.news {width: 100%; padding: 90px 0 100px 0;}

.news h1{font-size: 36px;font-weight: 400; text-align: center;}
.news h2{font-size: 21px; font-weight: 400; text-align: center; color: #9f9f9f; padding: 10px 0; overflow:hidden; }

.news ul{padding: 50px 0;}
.news ul li{float:left;list-style-type: none;position:relative;margin:0 30px 0 0;}
.news ul li a{display:inline-block;width:565px;height:360px;color:#333333;}
.news ul li a .detail .cover{width:565px;height:300px;display:inline-block;overflow:hidden;position:relative;}
.news ul li a .detail img{width:100%; height: 100%;object-fit:cover;top:0;left:0;position:absolute;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.news ul li a .detail .text{border-radius: 5px;border: 1px #e3e3e3 solid;width: 503px; height: 80px; padding: 15px; position: absolute; background: #fff; margin: -60px 0 0 15px;}
.news ul li a .detail .text h3{font-size:21px; line-height: 36px; font-weight: 400;text-overflow :ellipsis; white-space: nowrap; overflow:hidden; }
.news ul li a .detail p{font-size:14px;color:#333333;height: 40px; overflow:hidden;}
.news ul li a:hover .text{color:#ff5300;box-shadow: 0 0 18px 0 rgba(102,102,102,.2);}
.news ul li a:hover .cover img{-ms-transform:scale(1.1);transform:scale(1.1);transition:0.2s;}
.news ul li:nth-child(2n){margin-right:0;}
.news .more{text-align:center;width:100%;display:inline-block;margin:80px auto 0 auto;}
.news .more a{color:#ff5300;border:1px #ff5300 solid;font-size:21px;border-radius:3px;padding: 8px 15px;display:inline-block;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.news .more a:hover{background:#ff5300;color:#fff;}


.news_bak {width: 100%;background: rgba(0, 0, 0, 0);}
.news_bak h1{background: no-repeat left top;}
.news_bak ul{width:1163px;}
.news_bak ul li{float:left;list-style-type: none;position:relative;margin:0 30px 0 0;}
.news_bak ul li a{display:inline-block;width:367px;height:437px;background:#fafafa;color:#333333;}
.news_bak ul li a .detail .cover{width:367px;height:247px;display:inline-block;overflow:hidden;position:relative;}
.news_bak ul li a .detail img{width:100%;height:100%;top:0;left:0;position:absolute;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.news_bak ul li a .detail .title{padding-bottom: 24px; background:url(../images/title_bg.png) no-repeat 15px bottom;}
.news_bak ul li a .detail .title h2{padding: 5px 15px;font-size:21px;font-weight: 400;}
.news_bak ul li a .detail .title span{padding: 3px 15px;font-size:14px;color:#333333;}
.news_bak ul li a .detail p{padding: 15px 15px;font-size:13px;color:#333333;}
.news_bak ul li a:hover{color:#ff5300;box-shadow: 0 4px 30px #e0e0e0;}
.news_bak ul li a:hover .cover img{-ms-transform:scale(1.1);transform:scale(1.1);transition:0.2s;}
.news_bak ul li:nth-child(3n){margin-right:0;}
.news_bak .more{text-align:center;width:100%;display:inline-block;margin:50px auto 80px auto;}
.news_bak .more a{color:#ff5300;border:1px #ff5300 solid;font-size:21px;border-radius:3px;padding: 8px 15px;display:inline-block;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.news_bak .more a:hover{background:#ff5300;color:#fff;}


.dealer_background {width:100%; height:850px; margin:0 auto; background: url(../images/contact/hhistory.png) #dcdedd no-repeat center center;}
.dealer{height: 760px; padding-top: 90px; margin-top: -850px; }
.dealer .store{padding-top: 80px; height: 380px;width: 100%; overflow: hidden; position: relative;}
.dealer .store ul{width: 10000%;}
.dealer .store li{width: 1160px; background: #f6f6f6; float: left;}
.dealer .store li .cover{float: left;width: 60%; display: inline-block; height: 380px; overflow: hidden;}
.dealer .store li .cover img{width: 100%; }
.dealer .store li .detail{float: right;width: 35%; padding:26px;  display: inline-block;}
.dealer .store li .detail .name{font-size: 21px; line-height: 48px; border-bottom: 2px #333 solid; display: block; }
.dealer .store li .detail .intro{ padding: 15px 0; line-height: 26px; }
.dealer .store li .detail .intro>p{ color:#999;  }
.dealer .store li .detail .intro .description{padding: 10px 0; }
.dealer .store li .detail h2{font-size: 21px; padding: 26px 20px 20px 0;}
.dealer .more{text-align:center;width:100%;display:inline-block;margin:60px auto 0 auto;}
.dealer .more a{color:#ff5300;border:1px #ff5300 solid;font-size:21px;border-radius:3px;padding: 8px 15px;display:inline-block;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.dealer .more a:hover{background:#ff5300;color:#fff;}

.dealer .btn_left, .dealer .btn_right {
    display: none;
    width: 150px;
    height: 380px;
    position: absolute;
    top: 80px;
    z-index: 50;
    color: #fff;
    line-height: 380px;
    text-align: center;
    right: 0;
    background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2)); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.2)); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.2)); /* Firefox 3.6 - 15*/
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */
}
.dealer .btn_left i, .dealer .btn_right i{ font-size: 72px;}

.dealer .btn_left {
    left: 0;
    right: auto;
    background: -webkit-linear-gradient(left,rgba(0,0,0,0.2),rgba(0,0,0,0)); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0)); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0)); /* Firefox 3.6 - 15*/
    background: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0)); /* 标准的语法 */
}