#mid-circle {width: 74px; height: 74px;background: #fff;border-radius: 100%; position: absolute; z-index: 99; top: 50%; margin-top: -37px; left: 50%; margin-left: -37px;}
.arrow-le {position: relative; display: inline-block; width: 24px; height: 24px; top: 25px; left: 4px; cursor: pointer;}
.arrow-le:after,.arrow-le:before {content: ""; width: 0; height: 0; border: 12px solid transparent;border-right-color: #262626;position: absolute;}
.arrow-le:before {left: 0px;border-right-color: #fff;z-index: 99;}
.arrow-le:after {left: -2px;}
.arrow-ri {position: relative; display: inline-block;  width: 24px; height: 24px;top: 25px; left: 18px; cursor: pointer;}
.arrow-ri:after,.arrow-ri:before {width: 0;height: 0;position: absolute; content: ""; border: 12px solid transparent; border-left-color: #262626;}
.arrow-ri:before {left: 0;border-left-color: #fff;z-index: 1;}
.arrow-ri:after {left: 2px;}
.arrow-move { background:url(../fonts/move.svg) center no-repeat; width:40px; height:40px; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; z-index:3; cursor:move;}


.nav-hover { position:absolute; left:0px; top:40px; z-index:44; width:120px;padding:20px;min-height:140px; background:rgba(255,255,255,1);  display:none;}
.nav-hover:before {width: 0;height: 0;position: absolute; content: ""; border:12px solid transparent; border-bottom-color: #fff; top:-20px; left:10px;}
.nav-hover a{ display:block;  font-size:18px; color:#999;padding:3% 0; overflow:hidden;}
.nav-hover a:hover {color: #000;}
.nhshow { display:block !important;}
.open-nav .nhshow { display:none !important;}


.header {width: 100%;}
.menu {position: absolute; left: 15%; top: 55px; z-index: 1000;}
.menu .menu-icon {display: inline-block; width: 40px; height: 36px; cursor: pointer; position: relative;}
.menu span {background: #fff; display: inline-block;}
.menu .s6 {width: 40px; height: 3px; position: absolute; top: 6px; left: 0;}
.menu .s7 {width: 20px; height: 3px;position: absolute; top: 16px; }
.menu .s8 {position: absolute;right: 0; top: 15px;width: 4px; height: 4px; border-radius: 100%;}
.menu .s9 {width: 40px; height: 3px;position: absolute; top: 26px; left: 0;}
.menu .s10 {width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 16px; left: 18px; opacity: 0;filter:alpha(opacity=0); }

.open-nav .menu span {background: #eb6100;} 
.open-nav .menu .s8 {width: 18px; right: 0; top: 27px; height: 3px; transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);border-radius: 0;}
.open-nav .menu .s7 {width: 18px;transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 6px; right: 0px;}
.open-nav .menu .s6 {width: 18px; transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 6px; left: 0px;}
.open-nav .menu .s9 {width: 18px; transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);top: 27px; left: 0px;}
.open-nav .menu .s10 {opacity: 1.0;filter:alpha(opacity=100); }
.menu *{transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;}

.search {position: absolute; right: 15%;top: 50px; z-index: 99;}
.search .search-btn {display: inline-block; background: url(../fonts/search.svg) no-repeat center; width: 32px; height: 32px;}

/*?????????*/
#aside-nav {width: 100%; background: #000; position: absolute; left: -110%; z-index: 1000; transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}
.open-nav #aside-nav {left: 0; -webkit-transform: translateX(0); }
.nav-m {float: left; height: 100%;}
.nav-m {position: absolute; left: 15%; top: 55px; width: 36px; height: 36px;cursor: pointer;}
.nav-m *{transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
			
.nav-header {width: 100%;}
.nav-logo {position: absolute; top: 48px; right: 15%;}
.nav-logo .nav-logo-g {display: inline-block; width: 154px; height: 42px;}
.nav-list {margin-left: 15%; padding-top:100px;}
.nav-list ul {width: 200px; display: inline-block; margin-top: 20px;}
.nav-list li {width: 100%;}
.nav-list li a {position: relative; display: block;overflow: hidden;width: 100%; height: 72px;}
.nav-list li a span {width: 200px;  display: inline-block;color: #aaa;line-height: 72px;text-align: left;transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.nav-list li a .e-span{position: absolute;left: 0;top: 0; font-family: sbsc;font-size: 64px;color: #8d8d8d;}
.nav-list li a .c-span{position: absolute;left: 200px;top: 0; color: #fff; font-family: "????????????";font-size: 30px;}
.nav-list li a:hover .e-span{left: -200px;}
.nav-list li a:hover .c-span{left: 0;}


.nav-other-wrap {margin-left: 15%;}
.nav-other-wrap .nav-search {width: 400px; height: 40px; position: relative;}
.nav-other-wrap .nav-input {width: 100%; background: transparent;color: #8d8d8d; padding-left: 5px; font-size: 16px; border-bottom: 1px solid #3d3d3d; height: 40px; line-height: 40px; outline: none;transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.nav-other-wrap .nav-search .nav-search-icon {position: absolute;  top: 0; right: 2px; background: url(../fonts/nav-search.svg) no-repeat right center; background-size: 60%; display: inline-block; width: 40px; height: 40px;}
.nav-other-wrap .nav-input:focus {border-color: #666;}
.nav-other-wrap .nav-search .nav-search-icon:hover {background: url(../fonts/nav-search-h.svg) no-repeat right center; background-size: 60%;}
.nav-lanuage {height: 20px; margin-top: 24px;}
.nav-lanuage a{display: inline-block; font-size: 16px; color: #666666;line-height: 20px;}
.nav-lanuage span {display: inline-block; font-size: 16px; line-height: 20px; margin: 0 10px; color: #666666;}
.nav-lanuage a.en {font-family: aria;}
.nav-lanuage a.cn {font-family: "????????????";}
.nav-lanuage a:hover {color: #fff;}
.shop {margin-top: 30px; overflow: hidden;}
.shop .shop-link {display: inline-block; border: 1px solid #3d3d3d; font-family: "????????????"; font-size: 14px; color: #666; padding-left: 24px;width: 154px; height: 42px; line-height: 42px; letter-spacing: 2px;}
.shop .shop-link,.sc-down * ,.sc-up  *{transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.shop .shop-link:hover {color: #fff; background:#eb6100;}
.shop .shop-link:hover i{color: #fff;}
.shop .shop-link i {display: inline-block; font-style: normal;font-family: "??????"; font-size: 14px; color: #666; padding-left: 26px; height: 40px;}
.nav-list ul .li1, 
.nav-list ul .li2, 
.nav-list ul .li3,
.nav-list ul .li4,
.nav-list ul .li5,
.nav-list ul .li6,
.nav-other-wrap .nav-search-wrap,.nav-lanuage,.shop{opacity: 0; filter:alpha(opacity=0); } 
.open-nav .nav-list ul .li1,
.open-nav .nav-list ul .li2, 
.open-nav .nav-list ul .li3,
.open-nav .nav-list ul .li4,
.open-nav .nav-list ul .li5, 
.open-nav .nav-list ul .li6
{opacity: 1.0;filter:alpha(opacity=100);  -moz-transition-delay: 1s;-webkit-transition-delay: 1s; -o-transition-delay: 1s;transition-delay: 1s;} 
.open-nav .nav-other-wrap .nav-search-wrap,.open-nav .nav-lanuage, .open-nav .shop {opacity: 1.0;filter:alpha(opacity=100);  -moz-transition-delay: 1.4s;-webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s;transition-delay: 1.4s;}
.open-nav .nav-list ul .li1 { -webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.15s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.15s;}
.open-nav .nav-list ul .li2{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.3s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.3s;}
.open-nav .nav-list ul .li3{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.45s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.45s;}
.open-nav .nav-list ul .li4{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.6s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.6s;}
.open-nav .nav-list ul .li5{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.75s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.75s;}
.open-nav .nav-list ul .li6{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.9s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.9s;}
.open-nav .nav-other-wrap .nav-search-wrap {-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 1.05s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 1.05s;}
.open-nav .nav-lanuage{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 1.2s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 1.2s;}
.open-nav .shop{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 1.35s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 1.35s;}

.sc-down {width: 100px;position: absolute;bottom: 130px; left: 50%; margin-left: -50px; text-align: center; cursor: pointer;z-index: 999;-webkit-animation: pulse1 2s infinite; animation: pulse1 2s infinite;}
.sc-down .sc-line {display: block; margin: 0 auto; width: 1px; height: 64px; background: #686868;}
.sc-down .down-txt {display: block; font-family: sbli; font-size: 15px; line-height: 30px; margin-top: 10px; color: #686868; text-transform: uppercase;}
.sc-down:hover .sc-line{background: #eb6100; height: 90px;}
.sc-down:hover .down-txt{color: #eb6100;}

/*more-svg*/
.section-title-ri .more-svg {width: 160px; margin-top: 20px; display: inline-block;}
.section-title-le .more-svg {width: 160px; margin-top: 20px;}
.section-title-mid .more-svg {width: 176px; margin: 20px auto 0;}
.Vbtn-1 {background: 0 0;text-align: center;}
.set_1_btn {color: #fff;font-size: 16px;font-weight: 400;line-height: 45px;text-align: center; width: 160px; position: relative;text-transform: uppercase;vertical-align: middle;}
.Vbtn-1 svg {height: 45px;left: 0;position: absolute;top: 0;width: 100%;}
.Vbtn-1 rect { stroke-width: 5; stroke: #eb6100;stroke-dasharray: 15,350;stroke-dashoffset: -72; -webkit-transition: all 1.35s cubic-bezier(.19,1,.22,1);transition: all 1.35s cubic-bezier(.19,1,.22,1);}
.garcia-index a:hover .Vbtn-1 rect {fill: none;stroke: #eb6100;stroke-width: 3;stroke-dasharray: 422, 0;transition: all 450ms linear 0s;}
.garcia-index a:hover .Vbtn-1{ background: transparent;color: #fff;  transition: all 150ms linear 0s;}
.emil-index a .Vbtn-1 rect {stroke: #fff;}
.emil-index a:hover .Vbtn-1 rect {fill: none;stroke: #fff;stroke-width: 3;stroke-dasharray: 422, 0;transition: all 450ms linear 0s;}
.emil-index a:hover .Vbtn-1{ background: transparent;color: #fff;  transition: all 150ms linear 0s;}

.garcia-index .section-title-ri a .Vbtn-1 rect, .garcia-index .section-title-le a .Vbtn-1 rect {fill: none;stroke: #eb6100;stroke-width: 3;stroke-dasharray: 422, 0;}
.garcia-index .section-title-ri a:hover .Vbtn-1 rect, .garcia-index .section-title-le a:hover .Vbtn-1 rect {stroke-width: 5; stroke: #eb6100;stroke-dasharray: 15,350;stroke-dashoffset: -72;transition: all 450ms linear 0s;}
.garcia-index .section-title-ri .set_1_btn {margin-left: -12px;transition: all 450ms linear 0s;}
.emil-index .section-title-le a .Vbtn-1 rect {fill: none;stroke: #fff;stroke-width: 3;stroke-dasharray: 422, 0;}
.emil-index .section-title-le a:hover .Vbtn-1 rect {stroke-width: 5; stroke: #fff;stroke-dasharray: 15,350;stroke-dashoffset: -72;transition: all 450ms linear 0s;}

.garcia-logo {position: absolute; right: 15%; top: 48px; width: 154px; height: 44px;z-index: 999;}
.emil-logo {width: 156px; height: 68px;top: 36px; }
.garcia-logo a {display: block; height: 100%;}
.garcia-logo a img {max-height: 100%; width: 100%;}
.section-title-ri {padding-right: 15%; width: 50%; float: right;}
.section-title-le {padding-left: 15%; text-align: left; width: 50%; float: left;}
.section-title-mid a, .section-title-ri a, .section-title-le a {display: block; width: 100%; height: 100%;}
.section-title-mid h2, .section-title-ri h2, .section-title-le h2 {font-size: 162px; font-family: sbsc; color: #eb6100; line-height: 130px;}


/*2018/10/27*/
.garcia-index .new-pro-txt .section-title-le h2 i {color: #fff;}
.garcia-index .new-pro-txt .section-title-le h6 {font-family: "????????????"; padding-left: 8px; font-size: 24px; line-height: 30px; color: #fff; margin-top: 16px;}
.garcia-index .new-pro-txt .section-title-le .more-svg {padding-left: 8px;}
.garcia-index .section-brand-mid  {position: absolute; z-index: 99; width: 100%; height: 320px; margin-top: -160px; top: 50%; left: 0; padding: 0 15%;}
.garcia-index .section-brand-mid  h2 i {color: #fff;}
.garcia-index .about-garcia .section-title-ri h2 i {color: #fff;}
.garcia-index .about-garcia .section-title-ri .set_1_btn {color: #fff;}
.garcia-index .ga-join .section-title-mid h2 i{color: #fff; display: inline-block;}
.garcia-index .ga-service .section-title-mid h2,.garcia-index .ga-service .section-title-mid h6 {color: #000;}
.emil-index .section-title-mid h2 i,.emil-index .section-title-mid h2  {color:#fff; font-family: dcl;}
.emil-index .section-title-mid h2 i {display: inline-block;}
.emil-index .sc-down .sc-line {background: #ccc;}
.emil-index .sc-down .down-txt {color: #ccc;}
.emil-index .sc-down:hover .sc-line {background: #eb6100;}
.emil-index .sc-down:hover .down-txt {color: #eb6100;}

.about-g-ri .section-title-ri h2  {color: #b4b4b4;}

.section-title-mid h2 i, .section-title-ri h2 i, .section-title-le h2 i{color: #eb6100;font-family: sbsc; font-style: normal; display: block; text-transform: uppercase;}
.emil-index .section-title-ri h2 i {color: #b4b4b4;}
.emil-index .section-title-le h2 i, .emil-index .section-title-le h2 , 
.emil-index .emil-join .section-title-mid h2 i, .emil-index .emil-join .section-title-mid h2 {color: #fff}
.emil-index .section-title-le h6 {padding-left: 10px;}
.emil-index .section-title-le .more-svg {margin-left: 10px;}

.section-title-mid h6, .section-title-ri h6, .section-title-le h6{font-family: "????????????"; font-size: 24px; line-height: 30px; color: #fff; margin-top: 16px;}
.section-title-mid h6, .section-title-le h6  {letter-spacing: 16px;}
.section-title-ri h6 {letter-spacing: 12px;}
.section2,.section3,.section3 .slide {position: relative; width:100%;}

.new-pro-txt {width: 100%;  text-align: center; z-index: 999;} 
.new-pro-img {display: none; position: absolute; top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1000; background: #000;}
.new-pro-slick, .new-pro-slick .slick-list , .new-pro-slick .slick-track {height: 100%;}
.new-pro-img  .new-pro-slick {width: 100%; height: 100%;}
.new-pro-slick a {display: table; width: 100%; height: 100%; position: relative;}
.new-pro-slick a span {display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.new-pro-slick a img {display: block; margin: auto; width: auto; max-width: 100%; height: auto; max-height: 900px;}
.new-pro-slick .slick-prev,.new-pro-slick .slick-next {position: absolute; top: 50%; margin-top: -30px; font-family: "??????"; cursor: pointer; z-index: 1000;width: 60px; height: 60px; font-size: 20px; background: transparent; border: 1px solid #eee; color: #eee; border-radius: 100%; outline: none;}
.new-pro-slick .slick-prev {left: 34px;}
.new-pro-slick .slick-next {right: 34px;}
.new-pro-slick .slick-prev:hover, .new-pro-slick .slick-next:hover {background: #eb6100; border-color: #eb6100; color: #fff;}
.emil-new-pro .slick-prev:hover, .emil-new-pro .slick-next:hover {background: #fff; border-color: #fff; color: #000;}

.section-title-mid {text-align: center; width: 70%; margin: auto;}
.ga-service .section-title-mid , .emil-store .section-title-mid{width: 100%;}
.section-title-ri {text-align: right;}
.section-brand-mid h2 i {display: inline-block;}
.section-brand-mid .play-icon {position: relative;display: block; margin: 20px auto 0; width: 120px; height: 120px;}
.svgbox {cursor:pointer;}
.svgbox * {transition: 1s all ease;}
.svgbox:hover .sanjiao {stroke-dasharray: 30 10;stroke: #ffffff;stroke-dashoffset:-100;}
.svgbox:hover .yuan { stroke-dasharray: 300 10;stroke-dashoffset:-300;stroke: #eb6100;}
.emil-index .svgbox:hover .sanjiao {stroke: #888888;}
.emil-index .svgbox:hover .yuan {stroke: #ffffff;}
.section4 {position: relative;}
.video-Z {display: none;position: absolute; top: 0px;left: 0px;width: 100%;height: 100%; background-color: rgba(0,0,0,0.9); z-index: 1000;}
.video-ro {width: 36px; height: 30px; position: absolute;  cursor: pointer;z-index: 1000;}
.video-Z .video {width: 100%; height: 100%; color:#CCC; font-size:18px; line-height:24px;}
.videos {width: 100%; height: 100%;}
.active .section-title-mid h2, .active .pfeedback,.active .section-brand-mid .play-icon{
	-webkit-animation-name:fadeInUp; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.1s; 
	-moz-animation-name:fadeInUp; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.1s;
}
.active .section-title-le h2{
	-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.1s; 
	-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.1s;
}
.active .section-title-ri h2{
	-webkit-animation-name:fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.1s; 
	-moz-animation-name:fadeInRight; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.1s;
}

.active .section-title-mid h6{
	-webkit-animation-name:fadeInUp; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.3s; 
	-moz-animation-name:fadeInUp; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.3s;
}
.active .section-title-le h6{
	-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.3s; 
	-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.3s;
}
.active .section-title-ri h6{
	-webkit-animation-name:fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.3s; 
	-moz-animation-name:fadeInRight; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.3s;
}
.active .section-title-mid .title-more{
	-webkit-animation-name:fadeInUp; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.5s; 
	-moz-animation-name:fadeInUp; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.5s;
}
.active .section-title-le .title-more{
	-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.5s; 
	-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.5s;
}
.active .section-title-ri .title-more{
	-webkit-animation-name:fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.5s; 
	-moz-animation-name:fadeInRight; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.5s;
}

.find-dealer-le , .find-dealer-le h2 , .find-dealer-le h6 {
	transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;
}

.find-dealer .ser-s {display: inline-block; font-family: "????????????"; font-size: 15px; line-height: 26px; color: #717171;}
.find-dealer .pfeedback {position: relative; width: 35%; height: 78px; margin: auto;  margin-top: 44px;}
.find-dealer .pfeedback .input1 {width: 100%; height: 100%; border: 1px solid #464646;outline: none; background: transparent; padding-left: 170px; font-family: "????????????"; color: #717171; font-size: 18px;}
.find-dealer .pfeedback .input1:focus {border: 1px solid #eb6100;}
.input1::-webkit-input-placeholder {color: #393939;}
.find-dealer .pfeedback .select {width: 124px; height: auto; overflow: hidden; position: absolute; left: 0; top: 0; border: 1px solid #464646;}
.find-dealer .pfeedback .bac-color {background: #eee;}
.find-dealer .pfeedback .select dt {font-family: "????????????"; font-size: 18px; color: #6e6e6e; line-height: 76px; background: url(../images/b-down.png) no-repeat 90px center; cursor: pointer; padding-left: 24px; text-align: left;}
.find-dealer .pfeedback .select dd {position: relative; left: 0; top: 10px; width: 100%; text-align: left; padding-bottom: 10px;  display: none;}
.find-dealer .pfeedback .select dd .scrollbar {height: 160px;  overflow: auto;}
.find-dealer .pfeedback .select dd .scrollbar ul {width: 100%;}
.emil-store .zUIpanelScrollBar {background: #fff;}
.zUIpanelScrollBox,.zUIpanelScrollBar{width:5px;top:2px;right:0px;border-radius:5px;}
.zUIpanelScrollBox{background:#464646;}
.zUIpanelScrollBar{background:#eb6100;}
.find-dealer .pfeedback .select dd li {font-family: "????????????"; cursor: pointer; padding-left: 24px; font-size: 16px; color: #6e6e6e; height: 40px; line-height: 40px; }
.find-dealer .pfeedback .select dd li:hover {color: #000;}
.find-dealer .pfeedback  .ss {width: 60px; height: 100%; position: absolute; top: 0; right: 0;}
.find-dealer .pfeedback  .ss .search-d {background: url(../images/search-icon.svg) no-repeat left center; width: 100%; height: 100%;outline: none; cursor: pointer;transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.find-dealer .pfeedback  .ss .search-d:hover {background: url(../fonts/search-icon-h.svg) no-repeat left center;}

/*::-webkit-scrollbar{width: 5px;height: 100%;background-color: #464646;}*/
/*????????????????????? ?????????+??????*/
/*::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #464646;}*/
/*???????????? ?????????+??????*/
/*::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #eb6100;}*/

.find-dealer {width: 100%;}
.action .find-dealer-le {padding-left: 15%; padding-right: 50%; text-align: left;}
.action .find-dealer-le h2, .action .find-dealer-le h6{text-align: left;}
.action .pfeedback {width: 78%; margin: 40px 0;}
.service-ri {width: 50%;position: absolute; top: 0; right: -100%; height: 100%;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;}
.service-ri .close-service {display: none;}
.service-ri-wrap {width: 100%; float: right; height: 100%;background: #000; padding-right: 30%;}
.emil-service-ri-wrap {background: #fff!important;}
.emil-service-ri-wrap .circle-allow {background: #fff!important;}
.action .service-ri {right: 0;}
.find-dealer-ri {width: 100%; height: 100%; padding-top: 120px; padding-left: 10%;}
.dealer-ri-title h4 {font-family: "????????????"; font-size: 16px; line-height: 24px; color: #eb6100; padding-bottom: 10px;text-align: left; border-bottom: 1px solid #272727;}
.find-dealer-ri ul {margin-top: 16px; border-bottom: 1px solid #272727;padding-bottom: 4px;}
.find-dealer-ri ul li {overflow: hidden; margin-bottom: 14px; height: 142px; padding: 8px; background: #141414;}
.find-dealer-ri ul li .dealer-le {float:left; height: 100%; width: 40%; overflow: hidden;}
.find-dealer-ri ul li .dealer-le img {width: 100%; height: 100%;}
.find-dealer-ri ul li .dealer-ri {float: left; height: 100%; width: 60%; padding: 0 5%; padding-top: 15px;}
.dealer-ri h3,.dealer-ri h5 {font-family: "????????????";  line-height: 20px; color: #717171;}
.find-dealer-ri ul li .dealer-ri .map-link {display: block; font-family: "????????????";font-size: 12px;line-height: 24px; color: #717171; margin-top: 10px;}
.find-dealer-ri ul li:hover {background: #e15c00;}
.find-dealer-ri ul li:hover img {transform: scale(1.1);-ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
.find-dealer-ri ul li:hover .dealer-ri h3, .find-dealer-ri ul li:hover .dealer-ri h5, .find-dealer-ri ul li:hover .dealer-ri .map-link{color: #fff;}
.dealer-ri h5 {margin-top: 14px;}
.dealer-page {margin-top: 14px;}
.dealer-page a , .find-dealer-ri ul * ,.wrap70 .circle-allow .allow-s{transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.dealer-page a {display: inline-block; margin: 0 2px; text-align: center; font-size: 12px; font-family: "????????????"; height: 30px; line-height: 30px; border: 1px solid #222;}
.dealer-page a.page {width: 36px;}
.first, .next, .prev, .last {width: 82px;}
.dealer-page a:hover, .dealer-page a.cur{background: #e15c00; border-color: #e15c00; color: #fff;}
.news-num { margin-top:50px; text-align:center; border:none !important;}



.service-ri-wrap .circle-allow {width: 84px; height: 84px; position: absolute; top: 44%; left: -38px; border-radius: 100%; background: #000;}
.service-ri-wrap .circle-allow .allow-s {display: block; width: 38px; float: left; height: 100%;background: url(../images/f-prev-allow.png) no-repeat 16px center;transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.service-ri-wrap .circle-allow .allow-s:hover {transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); background-position-x: 6px;}


.action .service-transpant {right: 0!important;}


/*about-g*/
.about-g-le {float: left; width: 55%; max-height: 702px; height: auto;}
.about-g-le .slick-prev,.about-g-le .slick-next {font-size: 14px; line-height: 20px; letter-spacing: 2px; position: absolute; bottom:-30px; background: transparent; color: #858585; cursor: pointer; outline: none;z-index: 99;transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.about-g-le .slick-prev {left: 27%; padding-right: 70px;}
.about-g-le .slick-prev:after {content: ""; width: 50px; height: 2px; background: #858585; position: absolute; right: 0; top: 9px;}
.about-g-le .slick-next {right: 0; padding-left: 70px;}
.about-g-le .slick-next:before {content: ""; width: 50px; height: 2px; background: #858585; position: absolute; left: 0; top: 9px;}
.about-g-le .slick-prev:hover:after , .about-g-le .slick-next:hover:before {background: #fff;}   
.about-g-le .slick-prev:hover {padding-left: 20px;color: #fff;}
.about-g-le .slick-next:hover {padding-right: 20px;color: #fff;}
.about-g-le a {position: relative; display: block; width: 100%; height: 100%;max-height: 702px; overflow: hidden;}
.about-g-le a img {max-width: 100%; max-height: 702px; height: auto;}
.about-g-le a .about-img-txt {position: absolute; left: 0; bottom: 100px; padding: 0 5%; width: auto; height: 120px; padding-top: 14px; background: rgba(0,0,0,.8);}
.about-g-le a .about-img-txt h2 {font-family: sbsc;font-size: 46px; line-height: 50px; color: #eb6100; text-transform: uppercase;}
.about-g-le a .about-img-txt h6 {font-family: "????????????"; font-size: 24px; line-height: 36px; color: #6f6f6f;}
.about-g-le a .about-img-txt h2 i {display: inline-block; font-family: sbsc;font-style: normal; font-size: 46px;line-height: 50px; color: #fff;text-transform: uppercase;}
.about-g-le a .show-mo {position: absolute; text-align: center; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;filter:alpha(opacity=0);  background: rgba(0,0,0,.8);}
.about-g-le a .show-mo .show-mo-btn {display: inline-block; font-family: aria; font-size: 16px; width: 194px; height: 52px; line-height: 52px; background: #eb6100; color: #fff; margin-top: 30%;}
.about-g-le a .show-mo ,.about-g-le a .about-con{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}
.about-g-le a.on .show-mo {opacity: 1.0;filter:alpha(opacity=100); } 
.about-g-le a .about-con {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: -100%; background: rgba(0,0,0,.9); padding-left: 27%; padding-right: 62px;}
.about-g-le a .about-con .about-con-wrap {padding-top: 10%;} 
.about-g-le a.active .about-con {left: 0;}
.about-g-ri {position: absolute; min-height: 600px; margin-top: -300px; top: 50%; right: 15%;}
.about-g-ri .section-title-ri {width: auto!important;}
.about-title-ri {padding-right: 0!important;}
.g-ri-wrap {overflow: hidden;}
.about-con .about-title h2{font-family: sbsc;font-size: 46px; line-height: 50px; color: #eb6100; text-transform: uppercase;}
.about-con .about-title h2 i {display: inline-block; font-family: sbsc;font-style: normal; font-size: 46px;line-height: 50px; color: #fff;text-transform: uppercase;}
.about-con .about-title h6 {font-family: "????????????"; font-size: 24px; line-height: 36px; color: #fff;padding-bottom: 30px; position: relative;}
.about-con .about-title h6:after {content: ""; position: absolute; bottom: 0; left: 0; width: 42px; height: 1px; background: #3a3a3a;}
.about-con .scrollbar {height: 390px; overflow: auto;margin-top: 40px;}
.about-con .scrollbar .about-txt { padding-right: 30px;}
.about-con .about-p {font-family: "????????????"; font-size: 14px; line-height: 26px; margin-top: 15px; color: #fff;}
.section-title-ri .about-menu {width: 286px; float: right; padding-right: 4px; margin-top: 20px; overflow: hidden;}

.section-title-ri h2,.section-title-ri h6, .section-title-ri .about-menu {opacity: 0; filter:alpha(opacity=0); -moz-transition-delay: 0.8s;-webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s;}
.active .section-title-ri h2 {opacity: 1.0;filter:alpha(opacity=100); -moz-transition-delay: 0.8s;-webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s;transition-delay: 0.8s;}
.active .section-title-ri h2{
	-webkit-animation-name:fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.2s; 
	-moz-animation-name:fadeInRight; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.2s;
}
.active .section-title-ri h6{opacity: 1.0;filter:alpha(opacity=100);  -moz-transition-delay: 0.8s;-webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s;transition-delay: 0.8s;}
.active .section-title-ri h6{
	-webkit-animation-name:fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.4s; 
	-moz-animation-name:fadeInRight; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.4s;
}
.about-g-le {opacity: 0;filter:alpha(opacity=0);-moz-transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s;transition-delay: 0.3s;}
.active .about-g-le {opacity: 1.0;filter:alpha(opacity=100);  -moz-transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s;transition-delay: 0.3s;}
.active .about-g-le {
	-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.3s; 
	-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.3s;
}
.active .section-title-ri .about-menu{opacity: 1.0; filter:alpha(opacity=100);-moz-transition-delay: 0.8s;-webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s;}
.active .section-title-ri .about-menu{
	-webkit-animation-name:fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.6s; 
	-moz-animation-name:fadeInRight; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.6s;
}
.section-title-ri .about-menu li {float: left; width: 134px; margin:6px 3px; height: 42px; line-height: 42px; text-align: center;}
.section-title-ri .about-menu li:last-child {float: right;}
.section-title-ri .about-menu li a {font-family: "????????????"; font-size: 16px; color: #8b8b8b; background: transparent;  border: 1px solid #8b8b8b;}
.section-title-ri .about-menu li a:hover , .section-title-ri .about-menu li.active a{background: #eb6100; border-color: #eb6100;}
.section-title-ri .about-menu li a:hover , .section-title-ri .about-menu li.active a{color: #fff;}