body {overflow: hidden;}
*{ touch-action: pan-y;} 
body,html {position: fixed;}
.po-body {position: relative; overflow: auto;}
.case-panel, .about-con ,.designer-pop .pop-wrap,.about-con .about-con-wrap,.m-case{-webkit-overflow-scrolling: touch;}
.join-current .join-slick a .m-img, .p-show .show-for h3 a .m-img,.p-detail .p-d-slick a .m-img, .param-ri a .m-img {display: none;}
.footer .footer_r *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.footer .footer_r a.fwx {position: relative}
.footer .footer_r a.fwx .wx-img {position: absolute; top: -132px; left: -58px; opacity: 0;filter:alpha(opacity=0); display: none;}
.footer .footer_r a.fwx:hover .wx-img {opacity: 1.0;filter:alpha(opacity=100); display: block;}
.section,.section .slide {background-size:cover!important;}
#banner-wrap {width: 100%;}
#banner-le, #banner-ri{position: absolute; height: 100%;text-align: center; overflow:hidden;}
#banner-le { background:#000}
#banner-ri {background:#fff}
#banner-le a, #banner-ri a {display: block; width: 100%; height: 100%; cursor: default;}
#banner-le a , #banner-ri a{transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
#banner-le a {position: relative; }
#banner-ri a {position: relative;}
/*#banner-le a:hover {-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter: none;}
#banner-ri a:hover {-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter: none;}*/
#banner-le a h6 { position:absolute; left:0; top:0px; width:100%; height:100%;background:#000; z-index:3; opacity:0.2;filter:alpha(opacity=20);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
#banner-ri a h6 { position:absolute; left:0; top:0px; width:100%; height:100%;background:#fff; z-index:3; opacity:0.2;filter:alpha(opacity=20);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
/*#banner-le a:hover h6{opacity:0.3;filter:alpha(opacity=30);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#banner-ri a:hover h6{opacity:0.3;filter:alpha(opacity=30);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}*/


#banner-le a img {position: absolute; top: 50%; left: 50%; margin-left: -120px; margin-top: -60px;z-index: 10;}
#banner-ri a img {position: absolute; top: 50%; right: 50%; margin-right: -100px; margin-top: -60px; z-index: 10;}
#banner-le { left: 0;width: 50%;}
#banner-ri {left: 50%;width: 50%;}
#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;}

.footer {width: 100%; height: 20px; position: absolute; left: 0; bottom: 34px; z-index: 999;}
.footer .footer_l {float: left; margin-left: 15%; color: #75787e;line-height: 20px; font-size: 12px;font-family: aria;}
.footer .footer_l a {font-family: aria; color: #7b7b7b; line-height: 20px;font-size: 12px; margin-left: 4px; display: inline-block;}
.footer .footer_l a:hover {color: #fff;}
.footer .footer_r {float: right; margin-right: 15%;}
.footer .footer_r span {float: left; color: #75787e; line-height: 20px;font-size: 12px; font-family: aria;}
.footer .footer_r .icon {float: left;  display: inline-block; margin-left: 12px; height: 20px;}
.footer .footer_r a {display: inline-block; margin:0 5px; width: 20px; height: 20px;}
.footer .footer_r a:last-child {margin-right: 0;}
.footer .footer_r a.fqq {background: url(../fonts/qq.svg) no-repeat center; }
.footer .footer_r a.fwx {background: url(../fonts/wc.svg) no-repeat center;}
.footer .footer_r a.fwb {background: url(../fonts/wb.svg) no-repeat center;}
.footer .footer_r a.fqq:hover {background: url(../fonts/qq-h.svg) no-repeat center;}
.footer .footer_r a.fwx:hover {background: url(../fonts/wc-h.svg) no-repeat center;}
.footer .footer_r a.fwb:hover {background: url(../fonts/wb-h.svg) no-repeat center;}

/*?????????*/
#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;}


.about-txt-close {position: absolute; width: 36px; height: 36px;cursor: pointer; top: 22px; right: 2%; z-index: 1000;}
.about-txt-close *,.his-silck .slick-prev,.his-silck .slick-next{transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.about-txt-close span {display: inline-block; width: 15px; height: 3px; background: #eb6100;}
.about-txt-close .s3 {display: inline-block;width: 4px; height: 4px; border-radius: 100%;background: #eb6100; position: absolute; top: 14px; left: 15px;}
.about-txt-close .s1 {transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);position: absolute; top: 6px; left: 0;}
.about-txt-close .s2 {transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);position: absolute; top: 6px; left: 18px;}
.about-txt-close .s4 {transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);position: absolute; top: 24px; left: 0;}
.about-txt-close .s5 {transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);position: absolute; top: 24px; left: 18px;}
.about-txt-close:hover .s1{transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);top: 14px;width: 18px;}
.about-txt-close:hover .s2{transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);top: 14px;width: 18px;}
.about-txt-close:hover .s3 {opacity: 0;filter:alpha(opacity=0); }
.about-txt-close:hover .s4{transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);top: 14px;width: 18px;}
.about-txt-close:hover .s5{transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);top: 14px;width: 18px;}

.brand-his .scrollbar {overflow: auto; height: 390px;}
.brand-his ul {/*overflow: auto; height: 390px;*/ width: 100%;}
.brand-his ul li {height: 120px; margin-bottom: 10px;overflow: hidden;}
.brand-his ul li .his-le {float: left; width: 28%;display: table; background: #cfd4da; height: 120px; overflow: hidden;}
.brand-his ul li .his-le-wrap {display: table-cell; vertical-align: middle;} 
.brand-his ul li .his-le img{ width: auto; height: auto; width: 100%; max-height: 120px;  margin: auto;}
.brand-his ul li .his-ri {float: right; background: url(../images/his-bac.png) repeat center; height: 120px; width: 72%; padding: 24px 24px 0;}
.brand-his ul li .his-ri h3 {font-family: sbsc; font-size: 36px; line-height: 44px; color: #eb6100;}
.brand-his ul li .his-ri h5 {font-family: "????????????"; font-size: 13px; line-height: 22px; color: #fff;}

/*emil-index*/
.emil-pro .section-title-mid h2,.emil-pro .section-title-mid h2 i, .emil-pro .section-title-mid h6, .emil-pro .section-title-mid .title-more{ color: #fff;}
.emil-join .section-title-mid h2 i{display: inline-block;}
.emil-store .section-title-mid h2,.emil-store .section-title-mid h6 {color: #fff; text-transform: uppercase;}
.emil-store .find-dealer .pfeedback .input1 {border-color: #ababab; color: #fff;}
.emil-store .input1::-webkit-input-placeholder {color: #fff; letter-spacing: 10px;}
.emil-store .find-dealer .pfeedback .select {border-color: #ababab;}
.emil-store .find-dealer .pfeedback .ss .search-d {background: url(../images/search-icon-h.svg) no-repeat left center;}
.emil-store .find-dealer .pfeedback .ss .search-d:hover {background: url(../fonts/search-icon-he.svg) no-repeat left center;}
.emil-store .dealer-ri-title h4 {border-color: #ccc; color: #000;}
.emil-store .find-dealer-ri ul li {background: #fff; border: 1px solid #ccc;}
.emil-store .find-dealer-ri ul li:hover {background: #000; border-color: #000;}
.emil-store .dealer-ri h3 {color: #000;} 
.emil-store .dealer-ri h5 {color: #666;}
.emil-store .find-dealer-ri ul li .dealer-ri .map-link {color: #999;}
.emil-store .find-dealer-ri ul li:hover .dealer-ri .map-link {color: #fff;}
.emil-store .find-dealer-ri ul {border-bottom-color: #ccc;}
.emil-store .dealer-page a {border-color: #ccc;}
.emil-store .dealer-page a:hover,.emil-store .dealer-page a.cur {border-color: #000;background: #000;}
.emil-store .find-dealer .pfeedback .select dt {background: url(../images/e-down.png) no-repeat 90px center; color: #fff;}
.emil-store .find-dealer .pfeedback .bac-color {background: #000; opacity: 0.7;}
.emil-store .find-dealer .pfeedback .select dd li:hover {color: #fff;}
.emil-store .find-dealer .pfeedback .select dd li a:hover {color: #fff;}
.emil-store .service-ri-wrap .circle-allow .allow-s {background: url(../images/e-prev-allow.png) no-repeat 16px center;}
.emil-store .service-ri-wrap .circle-allow .allow-s:hover {background-position-x: 6px;}
.s1-con {overflow: hidden;}
.s1-con .s1-title {text-align: center;}
.s1-con .s1-title h2 {font-family: "????????????"; font-size: 24px; line-height: 28px; letter-spacing: 10px; color: #333;}
.s1-con .s1-title i {font-family: dcl; font-size: 240px; line-height: 220px; display: block; font-style: normal; letter-spacing: 5px; color: #525252;}
.s1-con .s1-txt {margin-top: 60px; text-align: center;}
.s1-con .s1-txt h5 {font-size: 36px; line-height: 50px; color: #303030;font-family: "????????????";}
.s1-con .s1-txt h6 {font-family: "????????????"; font-size: 18px; line-height: 30px; color: #676767; text-transform: uppercase;}

.s1-con .s1-title, .s1-con .s1-txt{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 .s1-con .s1-title, .active .s1-con .s1-txt{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 .s1-con .s1-title, .active .s1-con .s1-txt{
	-webkit-animation-name:fadeInUp; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.2s; 
	-moz-animation-name:fadeInUp; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.2s;
}

.slick-wrap,.emil-brand{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 .slick-wrap, .active .slick-wrap,.active .emil-brand {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 .slick-wrap, .active .slick-wrap {
	-webkit-animation-name:fadeInUp; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.4s; 
	-moz-animation-name:fadeInUp; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.4s;
}
.active .emil-brand {
	-webkit-animation-name:fadeInDown; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.4s; 
	-moz-animation-name:fadeInDown; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.4s;
}
 
.emil-about .section-title-mid h2 {font-family: dcl; color: #000; text-transform:uppercase;}
.emil-about .section-title-mid h2 i{font-family: dcl; display: inline-block;color: #000;}
.emil-about .section-event .section-title-mid h6 {color: #000;}
.emil-about .his-silck {margin: 0 15%;}
.slick-wrap {position: relative; margin-top: 70px;}
.slick-wrap .events-line {position: absolute; top: 74px; left: 0; width: 100%; height: 1px; background: #c2c0c1; }
.his-silck li{margin: 0 30px; text-align: center;}
.his-silck li .dots { width: 28px; height: 28px; margin: 0 auto; background: #eaeaea; border-radius: 100%; border: 5px solid #7a7a7a;}
.his-silck li .time {font-family: dcm; font-size: 48px; line-height: 60px; color: #323232;}
.his-silck li .li-txt {margin-top: 24px; text-align: center;}
.li-txt .li-title h2 {font-family: "????????????"; font-size: 24px; color: #000; line-height: 36px; }
.li-txt .li-con {font-family: "????????????"; margin-top: 20px; font-size: 14px; color: #333; line-height: 24px;}

.slick-current li .dots {border-color: #000;}
.slick-current li .time {color: #000;}

.his-silck .slick-prev,.his-silck .slick-next {position: absolute; top: 44px;  width: 60px; height: 60px; font-size: 20px; background: #e1e1e1; border-radius: 100%; outline: none; font-family: "??????"; cursor: pointer;}
.his-silck .slick-prev {left: -10%;}
.his-silck .slick-next {right: -10%;}
.his-silck .slick-prev:hover , .his-silck .slick-next:hover {background: #fff; color: #000;}

.emil-brand {width: 550px; background: transparent; position: absolute; left: 15%; top: 20px;  padding:130px 50px 90px;}
.emil-brand .w-b-title h2 {font-family: dcl; text-transform: uppercase; font-size: 162px; line-height: 130px;  color: #000;}
.emil-brand .w-b-title h6 {font-family: dcl; text-transform: uppercase; font-size: 162px; line-height: 130px; color: #000;}
.brand-tab {margin-top: 28px;}
.brand-tab ul {overflow: hidden;}
.brand-tab ul li {font-family: "????????????"; font-size:18px; background: #fff; color: #b8b8b8; width: 130px; height: 44px; line-height: 44px; text-align: center; cursor: pointer; float: left; margin-left: 5px; margin-bottom:5px;}
.brand-tab ul li.on { background: #000; color: #fff;}
.brand-tab .brand-tab-con{display: none; overflow: hidden; padding-top: 10px; padding-left: 10px;}
.brand-tab .brand-tab-con.active {display: block;}
.brand-tab-con .item-con .con-p {font-family: "????????????"; font-size: 16px; line-height: 28px; color: #1a1a1a; margin-top: 20px;} 
.emil-industry .section-title-mid ul {margin-top: 20px;}
.emil-industry .section-title-mid ul li {font-family: "????????????"; font-size: 24px; line-height: 34px; color: #fff;}
.emil-industry .section-title-mid h2 , .emil-industry .section-title-mid h2 i{color: #fff; font-family: dcl; text-transform: uppercase;}
.industry-main {background: rgba(0,0,0,.5); padding: 120px 0; margin-top: 50px; text-align: center;} 
.industry-main dl {display: inline-block; text-align: center; width: 12%;}
.industry-main dl dt{font-family: dcl; font-size: 114px; line-height: 120px; color: #fff;}
.industry-main dl dd {font-family: "????????????"; font-size: 18px; color: #fff;}
.project .project-wrap {display: block; width: 100%; z-index: 100; padding: 0 15%;}
.project .project-wrap .section-title-mid {width: 100%;}
.project-wrap .section-title-mid .more-project {display:inline-block; width: 146px; height: 32px; line-height: 32px; margin-top: 30px; background: #fff; color: #333; font-family: aria; font-size: 14px; text-transform: uppercase;}
.project .section-title-mid h2 ,.project .section-title-mid h2 i,.project .section-title-mid h6{color: #fff; text-transform: uppercase;}
.project-wrap .section-title-mid .more-project ,.pro-menu li a *,.pro-list .list-left .pro-ul li * , .slider-for h3 *,.de-slick li a * {transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.project-wrap:hover  .section-title-mid .more-project{background: #fff;}

.textinfo {position:absolute; background:rgba(0,0,0,0.8); line-height:22px; font-size:16px; width:100%; padding:30px 5%; color:#ccc; overflow:hidden;min-height:40px; bottom:0; left:0; z-index:99;}
.textinfo h6 {margin-top: 14px;}
.textinfo i {font-style: normal; border:#CCC 1px solid; width:100px; display:block; text-align:center; color:#CCC; font-size:14px; clear:both; margin-top:20px;}

#product-full .sc-down .sc-line {background: #646464;}
#product-full .sc-down .down-txt {color: #646464;}
#product-full .sc-down:hover .sc-line {background: #eb6100;}
#product-full .sc-down:hover .down-txt  {color: #eb6100;}
#product-full .product-title {text-align: center; }
#product-full .product-title h2 {font-size: 162px; font-family: sbsc; color: #8f8f8f;line-height: 140px;}
.pro-menu {padding: 0 15% 160px; margin-top: 50px;}
.pro-menu-slick .slick-prev,.pro-menu-slick .slick-next {position: absolute; top: 50%; margin-top: -25px; font-family: "??????"; cursor: pointer; z-index: 1000;width: 60px; height: 60px; font-size: 20px;  border-radius: 100%; outline: none; border:#666 1px solid; background:none; color:#999;}
.pro-menu-slick .slick-prev {left: -8%;}
.pro-menu-slick .slick-next {right: -8%;}
.de-slick .slick-prev:hover, .de-slick .slick-next:hover, .pro-menu-slick .slick-prev:hover, .pro-menu-slick .slick-next:hover {background: #eb6100; color: #fff;}
.pro-menu li {text-align: center;}
.pro-menu li a {display: block; overflow: hidden;}
.pro-menu li a i {display: inline-block; width: 100px; height: 75px;}
.pro-menu li a .li2 {background: url(../images/p1.svg) no-repeat center; }
.pro-menu li a .li3 {background: url(../fonts/p2.svg) no-repeat center;}
.pro-menu li a .li4 {background: url(../fonts/p3.svg) no-repeat center; }
.pro-menu li a .li5 {background: url(../fonts/p4.svg) no-repeat center; }
.pro-menu li a .li6 {background: url(../fonts/p5.svg) no-repeat center; }
.pro-menu li a .li7 {background: url(../fonts/p6.svg) no-repeat center; }
.pro-menu li a .li8 {background: url(../fonts/p7.svg) no-repeat center; }
.pro-menu li a .li9 {background: url(../fonts/p8.svg) no-repeat center; }
.pro-menu li a:hover .li2{background: url(../fonts/p1h.svg) no-repeat center;}
.pro-menu li a:hover .li3{background: url(../fonts/p2h.svg) no-repeat center;}
.pro-menu li a:hover .li4{background: url(../fonts/p3h.svg) no-repeat center;}
.pro-menu li a:hover .li5{background: url(../fonts/p4h.svg) no-repeat center;}
.pro-menu li a:hover .li6{background: url(../fonts/p5h.svg) no-repeat center;}
.pro-menu li a:hover .li7{background: url(../fonts/p6h.svg) no-repeat center;}
.pro-menu li a:hover .li8{background: url(../fonts/p7h.svg) no-repeat center;}
.pro-menu li a:hover .li9{background: url(../fonts/p8h.svg) no-repeat center;}


.pro-menu li a h3 {font-family: sbrg; font-size: 36px; text-transform: uppercase; line-height: 46px;color: #757575; margin-top: 10px;}
.pro-menu li a h5 {font-family: "????????????"; font-size: 16px;line-height: 26px;color: #757575;}
.pro-menu li a:hover h3, .pro-menu li a:hover h5 {color: #fff;}
.pro-list .list-left {width: 43%; padding-left: 15%; float: left;}
.pro-list .list-left .list-title h3,.pro-list .list-left .list-title h3 a{font-family: sbsc; font-size: 162px; line-height: 140px; color: #878787; position: relative; z-index: 999;}
.pro-list .list-left .list-title h3 a:hover{color: #eb6100; }
.pro-list .list-left .list-title h6 {position: relative; font-family: "????????????"; padding-left: 8px; padding-bottom: 30px; font-size: 18px; line-height: 24px; color: #7d7d7d; letter-spacing: 25px;}
.pro-list .list-left .list-title h6:after {content: ""; position: absolute; left: 8px; bottom: 0; width: 84px; height: 1px; background: #434343;}
.pro-list .list-left .pro-ul {width: 100%; padding-left: 4px; margin-top: 40px;}
.pro-list .list-left .pro-ul h1{font-family: sbsc; font-size: 18px; line-height:24px; color: #666; position: relative; }
.pro-list .list-left .pro-ul li {width: 130px; display: inline-block; margin:4px 2px; height: 40px; line-height: 40px; text-align: center;  }
.pro-list .list-left .pro-ul li a {display: block;font-family: "????????????"; font-size: 16px; color: #626262; border: 1px solid #717171;background: transparent;}
.pro-list .list-left .pro-ul li.cur a {color: #fff; border-color: #eb6100;background: #eb6100;}
.pro-list .list-left .pro-ul li a:hover {background: #eb6100; border-color: #eb6100; color: #fff;}
.list-right {float: right; position: relative; width: 42%; margin-right: 15%; margin-top: -28px;min-height: 300px;}
.list-right .number {width: 250px; position: absolute; right: -200px;top: 50%; height: 250px; margin-top: -150px;}
.list-right .number h1 {font-family: sbsc;font-size: 270px; color: #4a4a4a;}
.list-right .slick-prev, .list-right .slick-next {font-size: 14px; line-height: 20px; letter-spacing: 2px; position: absolute; bottom: 5px; 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;}
.list-right .slick-prev {left: 0%; padding-right: 70px;}
.list-right .slick-prev:after {content: ""; width: 50px; height: 2px; background: #858585; position: absolute; right: 0; top: 9px;}
.list-right .slick-next {right: 0; padding-left: 70px;}
.list-right .slick-next:before {content: ""; width: 50px; height: 2px; background: #858585; position: absolute; left: 0; top: 9px;}
.list-right .slick-prev:hover:after , .list-right .slick-next:hover:before {background: #fff;}   
.list-right .slick-prev:hover {padding-left: 20px;color: #fff;}
.list-right .slick-next:hover {padding-right: 20px;color: #fff;}

#product-full .product-title,#product-full .pro-menu {opacity: 0;filter:alpha(opacity=0); -moz-transition-delay: 1.0s;-webkit-transition-delay: 1.0s; -o-transition-delay: 1.0s;transition-delay: 1.0s;}
#product-full .active .product-title, #product-full .active .pro-menu {opacity: 1.0;filter:alpha(opacity=100); -moz-transition-delay: 1.0s;-webkit-transition-delay: 1.0s; -o-transition-delay: 1.0s;transition-delay: 1.0s;}
#product-full .active .product-title {
	-webkit-animation-name: fadeInUp; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s; 
	-moz-animation-name:fadeInUp; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s;
}
#product-full .active .pro-menu {
	-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;
}
#product-full .list-left .list-title h3, #product-full .list-left .list-title h6, #product-full .pro-list .list-left ul {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;}
#product-full .active .list-left .list-title h3 {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;}
#product-full .active .list-left .list-title h3{
	-webkit-animation-name: fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.2s; 
	-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.2s;
}
#product-full .active .list-left .list-title 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;}
#product-full .active .list-left .list-title h6{
	-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.4s; 
	-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.4s;
}
#product-full .list-right {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;}
#product-full .active .list-right {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;}
#product-full .active .list-right {
	-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;
}
#product-full .active .pro-list .list-left ul{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;}
#product-full .active .pro-list .list-left ul{
	-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;
}

#product-full .active .list-right .number {
	-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;
}

.slider-for h3 a {display: block; width: 100%; height: 100%; position: relative;}
.slider-for h3 a img {width: 100%; height: auto; max-height: 500px;}
.slider-nav {width: 100%; position: absolute; bottom: -40px; left: 0; text-align: center;}
.slider-nav h3 {font-family: "????????????"; font-size: 14px; line-height: 30px; color: #7d7d7d;}
.slider-for h3 a .slick-more {position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); text-align: center; opacity: 0;filter:alpha(opacity=0); }
.slider-for h3 a .slick-more i {font-family: aria; display: inline-block; margin-top: 225px; font-style: normal; width: 190px; height: 48px; line-height: 48px; text-align: center; color: #fff; border: 1px solid #595959;}
.slider-for h3 a .slick-more i:hover {background: #EB6100; border-color: #EB6100;}
.slider-for h3 a.on .slick-more {opacity: 1;filter:alpha(opacity=100); }

.ps-body {overflow-y: auto;}
.open-nav {overflow: hidden!important;}
.product-sort {background: #2f2f2f; width: 100%; height: 100%; overflow: hidden; }
.m-select {display: none;}

.product-sort .pro-menu {margin-top: 0;}
.product-sort .pro-list {padding-top: 190px; overflow: hidden;padding-bottom: 140px; min-height:900px;}
.list-right .ps-list ul {border-bottom: 1px solid #444444; margin-left: 3%; width: 96%; margin-right: 1;} 
.list-right .ps-list ul li {display: inline-block; height: 60px; line-height: 60px;}
.list-right .ps-list ul li a {display: block; padding: 0 20px; font-family: "????????????"; font-size: 14px; color: #888888;}
.list-right .ps-list ul li a.on, .list-right .ps-list ul li a:hover {border-bottom: 3px solid #eb6100; color: #fff;}
.list-right .ps-item ul {padding-bottom: 10px; padding-top: 40px;  overflow: hidden; margin-left: 1%;}
.list-right .ps-item ul li {float: left; width: 31%; margin-left: 2%; margin-bottom: 40px;}
.list-right .ps-item ul li a {display: block;}
.list-right .ps-item ul li .ps-img {display: table; width: 100%; height: 250px; overflow: hidden;}
.ps-item ul li .ps-img span {display: table-cell; vertical-align: middle; overflow: hidden; height: 100%; background:#2f2f2f;}
.ps-item ul li .ps-img span .img2 {display: none;}
.ps-item ul li a:hover .ps-img span .img2 {display: block;}
.ps-item ul li a:hover .ps-img span .img1 {display: none;}
.ps-item ul li a * {transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;}
.ps-item ul li a:hover .ps-txt h4, .ps-item ul li a:hover .ps-txt h6 {color: #fff;}
.ps-item ul li .ps-img span img {width:100%; height: auto; max-height:250px;max-width:100%; float: left;}
.ps-item ul li .ps-txt {margin-top: 10px;}
.ps-item ul li .ps-txt h4 {font-size: 16px; font-family: "????????????"; color: #848484; line-height: 26px; }
.ps-item ul li .ps-txt h6 {font-size: 13px; font-family: "????????????"; color: #515151; line-height: 26px;}
.item-page {margin-left: 2%; overflow: hidden;border-top: 1px solid #444444;}
.item-page a {color: #6c6c6c; border-color: #444444;}
.product-sort .pro-menu {padding: 100px 15%; background: #1c1c1c; margin-bottom: 120px;}

/*product-detail*/
.mintropic { display:none!important;}
.product-detail {background: #000; padding-top: 120px; position: relative;}
.product-detail .nav-bar{height: 60px; background: #1c1c1c; padding: 0 15%;}
.product-detail .nav-bar-top {position: fixed; top: -100%; left: 0; background: #000; width: 100%;z-index: 1000;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;}
.product-detail .open-bar-top {position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}
.nav-bar .bar-wrap {overflow: hidden;}
.nav-bar .bar-wrap .bar-le {float: left; height: 60px; overflow: hidden;}
.nav-bar .bar-wrap .bar-le h2 {float: left}
.nav-bar .bar-wrap .bar-le h2 a {display: inline-block; font-family: sbsc; color: #ad4c08; font-size: 24px; line-height: 62px;}
.nav-bar .bar-wrap .bar-le h6 {float:left; font-family: "????????????"; color: #fff; font-size: 18px; margin-left: 20px; line-height: 60px;}
.nav-bar .bar-wrap .bar-ri {float: right; overflow: hidden;}
.bar-ri .mao-link {display: inline-block;}
.bar-ri .mao-link a {display: inline-block; color: #666; margin: 0 6px; line-height: 60px; font-family: "????????????"; font-size: 14px; text-transform: uppercase;}
.bar-ri .pr-link {display: inline-block;}
.bar-ri .pr-link a {display: inline-block; color: #666; text-align: center;  margin: 0 6px; height: 30px; line-height: 30px;border: 1px solid #666;}
.bar-ri a.bar-prev, .bar-ri a.bar-next {font-family: "??????"; width: 40px;}
.bar-ri a.bar-return {width: 80px;}
.bar-ri a.bar-shop {width: 120px;}
.bar-ri a.bar-prev, .bar-ri a.bar-next, .bar-ri a.bar-return,.bar-ri a.bar-shop {display: inline-block;}
.nav-bar .bar-wrap .bar-ri a:hover {color: #fff;}
.bar-ri .pr-link a:hover {border-color: #fff;}

.product-detail .p-intro {width: 100%; height:820px; text-align: center;}
.p-intro .intro-con {padding-top: 300px;}
.p-intro .intro-con h2 {font-family: sbbd; font-size: 124px; line-height: 120px; text-transform: uppercase; color: #fff;}
.p-intro .intro-con h6 {font-family: "????????????"; font-size: 48px; color: #fff; line-height: 56px;}
.p-intro .intro-con .intro-txt {margin-top: 20px; color: #fff; font-family: "????????????"; font-size: 16px; line-height: 30px;}

.p-param { position: relative; width: 100%; height: auto; overflow: hidden;}
.p-param  .param-le {position: absolute; padding-top: 15%; width: 42%; top: 0; left: 0; height: 100%;background: #525151; z-index: 99; padding-left: 15%;}
.param-le .param-title {position: relative; z-index: 99;}
.param-le .param-title h2 {font-family: sbbd; font-size: 124px; line-height: 100px; color: #fff; text-transform: uppercase;}
.param-le .param-title h6 {font-family: "????????????"; padding-left: 8px; letter-spacing: 8px; font-size: 22px; line-height: 36px; color: #b6b6b6;}
.param-le .param-li {margin-top: 80px; margin-left: 8px;}
.param-li ul li {width: 320px; color: #b6b6b6; font-family: "????????????"; font-size: 16px; height: 38px; line-height:38px; border-bottom: 1px solid #5d5c5c;}
.param-ri {width: 100%; height: auto;}
.param-ri a {display: block;}
.param-ri a img {width: 100%; height: auto; max-height: 950px;}

.p-page {width: 100%; padding: 180px 15% 270px; background: #202020; position: relative;}
.p-page .p-page-wrap {position: relative;}
.page-title1 {position: relative;}
.page-title1 h1 { position: absolute; left: -24% ;top :170px;z-index: 99; font-family: sbbd; font-size: 200px; text-transform: uppercase; transform: rotate(90deg);-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); color: #363636;}
.page-slick {position: relative; width: 720px; height: 500px; padding: 65px; background: #1a1a1a; margin-left: 220px;}
.page-slick .pa1 {display: inline-block; position: absolute; top: 0; left: 0; width: 1px; height: 80px; background: #8a8a8a;}
.page-slick .pa2 {display: inline-block; position: absolute; top: 0; left: 0; width: 80px; height: 1px; background: #EB6100;}
.page-slick .pa3 {display: inline-block; position: absolute; bottom: 0; right: 0; width: 1px; height: 80px; background: #8a8a8a;}
.page-slick .pa4 {display: inline-block; position: absolute; bottom: 0; right: 0; width: 80px; height: 1px; background: #EB6100;}
.page-slick .slider-for h3 a {display: table; width: 100%; height: 100%;} 
.page-slick .slider-for h3 a span {display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.page-slick .slider-for h3 a span img {display:block; width: auto; height: auto; max-width: 600px; max-height: 370px; margin: auto;}
.page-slick .slider-nav {left: 15%; bottom: -60px; width: 70%;}
.page-slick .slider-nav h3 {width: 36px; height: 36px; border-radius: 100%; cursor: pointer; border: 3px solid #454545; margin: auto;}
.page-slick .slider-nav .slick-current h3 {border-color: #eb6100;}
.page-title2 {text-align: right; position: absolute; right: 70px; top: 0; width: 230px;}
.page-title2 h2 {font-family: sbbd; font-size: 122px; line-height: 120px; color: #fff;}
.page-title2 h2 i {font-family: sbbd; display: block; color: #eb6100; font-style: normal; text-transform: uppercase;}
.page-title2 h6 {font-family: "????????????"; font-size: 24px; line-height: 40px; color: #9c9c9c; letter-spacing: 8px;} 
.mpb-wrap {width: 230px; height: 120px; text-align: center; padding-top: 20px; margin-top: 100px; border: 1px solid #5f5f5f; cursor: pointer;}
.mpb-wrap li {width: 52px; margin: auto; overflow: hidden;}
.mpb-wrap li span {display: inline-block; float: left;  width: 24px; height: 10px; background: #eb6100; margin: 0 1px 2px;}
.mpb-wrap h6 {font-family: "????????????"; font-size: 16px; margin-top: 18px;line-height: 30px; color: #5f5f5f; letter-spacing: 0;}
.p-show {width: 100%; height: auto;max-height: 974px; position: relative;}
.p-show .show-for h3 a img {width: 100%; height: auto;}
.show-nav {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 18%; background: #000; display: none;}
.show-nav h3 {background: #666; font-family: "????????????"; margin: 0 4px; font-size: 16px; color: #c5c5c5; cursor: pointer; text-align: center; height: 48px; line-height: 48px; position:relative;}
.show-nav .slick-current
.show-nav h3:hover,.show-nav .slick-current h3 {background: #eb6100; color: #fff; }



.p-detail {width: 100%; height: auto; max-height: 974px;}
.p-detail .p-d-slick a {display: block; position: relative; }
.p-detail .p-d-slick a img{width: 100%; height: auto;}
.p-detail .p-d-slick a .pd-txt {width: 100%; position: absolute; top: 50%; text-align: center; margin-top: -70px; left: 0; height: 140px;}
.p-detail .p-d-slick a .pd-txt h2 {font-family: sbbd; font-size: 124px; text-transform: uppercase; line-height: 100px; color: #fff;}
.p-detail .p-d-slick a .pd-txt h6 {font-family: "????????????"; font-size: 24px; line-height: 40px; color: #b4b3b2;}

.p-d-slick .slick-prev, .p-d-slick .slick-next,
.show-for .slick-prev,.show-for .slick-next  {position: absolute; z-index: 9; width: 50%; height: 100%; outline: none; background: transparent; cursor: default;}
.p-d-slick .slick-prev,.show-for .slick-prev {top: 0; left: 0;}
.p-d-slick .slick-next,.show-for .slick-next  {top: 0; right: 0;}
.p-d-slick .slick-prev:after,.p-d-slick .slick-next:after,
.show-for .slick-prev:after, .show-for .slick-next:after  {position: absolute; top: 50%;  padding-top: 18px; margin-top: -30px; font-family: "??????"; cursor: pointer; z-index: 1000;width: 60px; height: 42px; font-size: 20px;  background: #e1e1e1;  border-radius: 100%;}
.p-d-slick .slick-prev:after, .show-for .slick-prev:after {content: "<";left: -100px; transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;}
.p-d-slick .slick-next:after, .show-for .slick-next:after {content: ">"; right: -100px;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;}
.p-d-slick .slick-next:hover:after,.show-for .slick-next:hover:after {right: 40px;}
.p-d-slick .slick-prev:hover:after,.show-for .slick-prev:hover:after {left: 40px;}

/*.p-d-slick .slick-prev ,.p-d-slick .slick-next,.show-for .slick-prev,.show-for .slick-next {position: absolute; top: 50%; margin-top: -30px; font-family: "??????"; cursor: pointer; z-index: 1000;width: 60px; height: 60px; font-size: 20px;  background: #e1e1e1;  border-radius: 100%; outline: none;}*/
/*.p-d-slick .slick-prev,.show-for .slick-prev  {left: 34px;}
.p-d-slick .slick-next,.show-for .slick-next  {right: 34px;}
.show-for .slick-prev:hover, .show-for .slick-next:hover ,.p-d-slick .slick-prev:hover, .p-d-slick .slick-next:hover {background: #eb6100;  color: #fff;}*/

.p-d-slick .slick-dots {position: absolute; width: 100%; left: 0; bottom: 100px; text-align: center;}
.p-d-slick .slick-dots li {background: #fff; display: inline-block; width: 12px; height: 12px; margin: 0 5px; cursor: pointer; border-radius: 100%;}
.p-d-slick .slick-dots li.slick-active {background: #eb6100;}

.other-project {padding: 150px 15% 200px; background: #1d1d1d;}
.other-title {text-align: center; margin-bottom: 60px;}
.other-title h2 {font-family: sbsc; color: #878787; font-size: 64px; line-height: 80px; }
.other-slick a {display: block; width: 85%; margin: auto; height: 100%; overflow: hidden;}
.other-slick a *,.other-slick .slick-prev,.other-slick .slick-next  {transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;}
.other-slick a  .other-img {overflow: hidden;}
.other-slick a img {width: 100%; height: auto;}
.other-slick a .other-h {text-align: center;}
.other-slick a .other-h h2 {font-size: 20px; line-height: 60px; font-family: "????????????"; color: #848484;}
.other-slick a:hover .other-h h2 {color: #fff;}
.other-slick a:hover img {transform: scale(1.04);-ms-transform: scale(1.04); -webkit-transform: scale(1.04);}
.other-slick .slick-prev,.other-slick .slick-next {position: absolute; top: 35%;  width: 50px; height: 50px; font-size: 20px; background: #555; border-radius: 100%; outline: none; font-family: "??????"; cursor: pointer;}
.other-slick .slick-prev {left: -8%;}
.other-slick .slick-next {right: -8%;}
.other-slick .slick-prev:hover , .other-slick .slick-next:hover {background: #eb6100; color: #fff;}
/*designer*/
.designer .sc-down .sc-line {background: #9a9a9a;}
.designer .sc-down .down-txt {color: #9a9a9a;}
.designer .sc-down:hover .sc-line {background: #eb6100;}
.designer .sc-down:hover .down-txt {color: #eb6100;}

.sc-up  {width: 30px;position: absolute;bottom: 0; right: 5%; z-index: 999; cursor: pointer;}
.sc-up .sc-line {display: block; height: 170px; width: 1px; margin: auto; background: #9a9a9a;}
.sc-up .down-txt {position: absolute; top: -40px; left: -26px; width: 80px; display: inline-block; color: #9a9a9a; transform: rotate(90deg);-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); font-family: sbli; font-size: 16px; line-height: 30px; text-transform: uppercase;}
.sc-up:hover .sc-line {background: #eb6100; height: 240px;}
.sc-up:hover .down-txt {color: #eb6100;}

.designer-de {padding: 0 15%;}
.de-slick li {margin: 0 5px;}
.de-slick li a {display: block; position: relative; background: #000;}
.de-slick .slick-prev,.de-slick .slick-next {position: absolute; top: 50%; margin-top: -25px; font-family: "??????"; cursor: pointer; z-index: 1000;width: 60px; height: 60px; font-size: 20px; background: #e1e1e1; border-radius: 100%; outline: none;}
.de-slick .slick-prev {left: -10%;}
.de-slick .slick-next {right: -10%;}
.de-slick .slick-prev:hover, .de-slick .slick-next:hover {background: #eb6100; color: #fff;}
.de-slick li a img {width: 100%; height: auto; max-height: 610px;}
.de-slick li a .slick-txt {width: 100%; height: 100%;position: absolute; padding-top: 250px; left: 0 ; top: 0; background: rgba(0,0,0,.6); opacity: 0;filter:alpha(opacity=0);}
.de-slick li a .de-title {text-align: center;}
.de-slick li a .de-title h2 {font-family: sbbd; font-size: 34px; line-height: 46px; color: #ea6100; text-transform: uppercase;}
.de-slick li a .de-title h4 {font-family: "????????????"; font-size: 18px; line-height: 28px; color: #fff;}
.de-slick li a .slick-txt .d-more {text-align: center; margin-top: 30px;}
.de-slick li a .slick-txt .d-more .v-line {display: inline-block; width: 1px; height: 60px; background: #fff;}
.de-slick li a .slick-txt .d-more i {display: block; font-style: normal; font-family: sbbd; font-size: 18px; line-height: 26px; margin-top: 10px; color: #fff;}
.de-slick li a:hover .slick-txt{opacity: 1.0; filter:alpha(opacity=0);}

.designer-de, .activity-title, .slick-at-wrap ,.gb-title,.gt-slick{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 .designer-de, .active .activity-title, .active .slick-at-wrap, .active .gb-title,.active .gt-slick{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 .designer-de {
	-webkit-animation-name:fadeInUp; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s; 
	-moz-animation-name:fadeInUp; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s;
}
.active .gb-title{
	-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 .gt-slick{
	-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 .activity-title {
	-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s; 
	-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s;
}
.active .slick-at-wrap {
	-webkit-animation-name:fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s; 
	-moz-animation-name:fadeInRight; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s;
}
.designer-pop {width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0 15%; background: rgba(0,0,0,.9); display: none; z-index: 1000;}
.designer-pop .pop-wrap {background: #585858; overflow: hidden; height: 614px; position: absolute; top: 50%; margin-top: -307px; width: 100%; padding: 60px 46px 60px 40px;position: relative;}
.pop-wrap .about-txt-close {position: absolute; right: 30px; top: 30px;}
.pop-wrap .pop-le {float: left;width: 32%; overflow: hidden;}
.pop-wrap .pop-le img {width: 100%; height: auto; max-height: 492px;}
.pop-wrap .pop-ri {width: 68%; float: left; padding-left: 60px;}
.pop-wrap .pop-ri .scrollbar {height: 340px; overflow: auto;margin-top: 30px;}
.pop-wrap .pop-ri .pop-con {width: 100%;padding-right: 20px;}
.pop-ri .pop-title h2 {font-family: sbbd; font-size: 54px; line-height: 64px; color: #ea6100; text-transform: uppercase;}
.pop-ri .pop-title h6 {font-family: "????????????"; font-size: 18px; line-height: 24px; color: #fff;} 
.pop-intro, .pop-events {font-family: "????????????"; font-size: 16px; line-height: 28px; color: #ababab;}
.pop-events {margin-top: 30px;}
.de-activity .activity-title {display: inline-block; width: 36%; position: relative; z-index: 999; margin-top: 4%; padding-left: 15%;}
.de-activity .activity-title h2{font-family: sbsc; font-size: 162px; line-height: 140px; color: #bababa;}
.de-activity .activity-title h2 i{display: block; font-style: normal; font-family: sbsc; font-size: 162px; line-height: 140px; color: #ea6100;}
.de-activity .activity-title h4 {display: inline-block; font-family: "????????????"; font-size: 24px; color: #fff; padding-left: 1px; margin-top: 16px; letter-spacing: 8px;}
.de-activity .slick-at-wrap {width: 48%; margin-right: 15%; float: right;}
.slick-at-wrap a {display: block; width: 100%; height: 100%;}
.slick-at-wrap a img {width: 100%; max-height: 570px; height: auto;}
.slick-at .slick-prev, .slick-at .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;}
.slick-at .slick-prev {left: 0; padding-right: 70px;}
.slick-at .slick-prev:after {content: ""; width: 50px; height: 2px; background: #858585; position: absolute; right: 0; top: 9px;}
.slick-at .slick-next {right: 0; padding-left: 70px;}
.slick-at .slick-next:before {content: ""; width: 50px; height: 2px; background: #858585; position: absolute; left: 0; top: 9px;}
.slick-at .slick-prev:hover:after , .about-g-le .slick-next:hover:before {background: #fff;}   
.slick-at .slick-prev:hover {padding-left: 20px;color: #fff;}
.slick-at .slick-next:hover {padding-right: 20px;color: #fff;}
.slick-at a {display: block; position: relative;}
.slick-at a .at-txt {position: absolute; width: 68%; left: 16%; bottom: 30px; text-align: center; padding: 20px 0; background: rgba(0,0,0,.8);}
.slick-at a .at-txt .at-time {font-family: sbbd; font-size: 34px; line-height: 40px; color: #585858;}
.slick-at a .at-txt .at-con {font-family: "????????????"; font-size: 16px; line-height: 28px; color: #f4f4f4;}
.slick-at a .at-txt .at-more {display: inline-block; position: relative; font-family: aria; font-size: 14px; line-height: 32px; color: #7a7a7a; letter-spacing: 4px; padding-left: 70px; padding-right: 70px;}
.slick-at a .at-txt .at-more:before {position: absolute; content: ""; left: 0; top: 15px; width: 50px; height: 2px; background: #303030;}
.slick-at a .at-txt .at-more:after {position: absolute; content: ""; right: 0; top: 15px; width: 50px; height: 2px; background: #303030;}
.slick-at a * {transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
.slick-at a:hover .at-txt {background: #eb6100;}
.slick-at a:hover .at-time {color: #fff;}
.slick-at a:hover .at-txt .at-more {color: #fff;}
.slick-at a:hover .at-txt .at-more:before,.slick-at a:hover .at-txt .at-more:after {background: #fff;}


/*news*/
.aside-wrap {display: block;position:fixed;right:5%;bottom:-50px; z-index: 10000; opacity:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;}
.aside-wrap_show {display:block;bottom:0;opacity:1;}

.topcontrol {cursor: pointer;}
.news {background: #191919; padding-bottom: 120px;}
.news-tltle {position: absolute; top: 220px; left: 15%; z-index: 99;}
.news-tltle h2 {font-family: sbsc; font-size: 162px; line-height: 140px; color: #bababa;}
.news-tltle h6 {font-family: "????????????"; font-size: 24px; line-height: 36px; color: #656565; letter-spacing: 8px; padding-left: 8px;}
.news-tltle .news-tab-btn {overflow: hidden; margin-top: 24px;}
.news-tltle .news-tab-btn li {width: 130px; height: 36px; float: left; margin-left: 10px;}
.news-tltle .news-tab-btn li a {display: block; height: 100%; line-height: 36px; text-align: center; background: #3e3e3e;font-size: 16px;color: #ccc;}
.news-tltle .news-tab-btn li.on a,.news-tltle .news-tab-btn li a:hover {background: #e76001;color: #fff;}
    
.news-list {padding: 80px 15% 0; overflow: hidden;}
.news-list ul {overflow: hidden;}
.news-list ul li {margin-top: 140px; height: auto;}
.news-list ul li:nth-child(odd) {float: right; }
.news-list ul li:nth-child(even) {float: left; }
.news-list ul li a {position: relative; display: block; height: 100%;width: 100%;}
.news-list ul li a .news-img {display: table;}
.news-list ul li a .news-img span {display: table-cell; vertical-align: middle;}
.news-list ul li a .news-img span img {display: block; margin: auto; width: 100%; height: auto; max-height: 466px;}
.news-list ul li .news-txt {padding: 20px 40px; width: 560px; background: rgba(0,0,0,.8);}
.news-list ul li:nth-child(odd) .news-txt {position: absolute; left: -250px; bottom: 40px; }
.news-list ul li:nth-child(even) .news-txt {position: absolute; left: 430px; bottom: 40px; }
.news-list ul li .news-txt .news-time {font-family: sbbd; font-size: 34px; line-height: 40px; color: #5a5a5a;}
.news-list ul li .news-txt .news-header {font-family: "????????????"; font-size: 16px; line-height: 24px; color: #fff;}
.news-list ul li .news-txt .news-de {font-family: aria; font-size: 14px; line-height: 26px; margin-top: 10px; color: #858585; text-transform: uppercase;}
.news-list ul li a *, .cs-slick a * {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;}
.news-list ul li a:hover .news-txt {background: #EB6100;}
.news-list ul li a:hover .news-txt .news-time {color: #ef8958;}
.news-list ul li a:hover .news-txt .news-header {color: #fff;}
.news-list ul li a:hover .news-txt .news-de {color: #ef8958;}
.news-list .showMorehandle {margin-top: 80px;}
.news-list .news-more {display: block; margin: 0 auto; width: 140px; height: 32px; line-height: 32px; text-align: center; background: #eb6100;text-transform: uppercase; color: #fff;}


.news-detail {width: 100%;padding: 150px 15%; background: #161616;}
.news-detail .detail-wrap {background: #282828; padding: 40px 70px;}
.news-detail .detail-wrap img{ max-width:100%; height:auto;}
.detail-wrap .detail-title {text-align: center; padding-bottom: 20px;}
.detail-wrap .detail-title h2 {font-family: "????????????"; font-size: 32px; line-height: 46px; color: #fff;}
.detail-wrap .detail-title span {display: block; position: relative; font-family: sbbd; font-size: 18px; line-height: 30px; color: #656565; margin-top: 10px;}
.detail-wrap .detail-title span:before {content: ""; position: absolute; left: 0; top: 14px;  background: #373737; width: 44%;height: 1px;}
.detail-wrap .detail-title span:after {content: ""; position: absolute; right: 0; top: 14px;  background: #373737; width: 44%;height: 1px;}
.detail-wrap .detail-con {padding-bottom: 50px; border-bottom: 1px solid #373737;}
.detail-wrap .detail-con .con-p {font-family: "????????????"; font-size: 14px; line-height: 28px; color: #818181; margin-bottom: 30px;}
.detail-wrap .con-img {overflow: hidden;}
.detail-wrap .con-img img {width: 100%; height: auto;}
.news-detail-b {overflow: hidden;}
.news-detail-b .news-page-butt {float: left; display: inline-block; margin-top: 12px;}
.news-detail-b .news-page-butt a {display: block; font-family: "????????????"; font-size: 14px; color: #818181; line-height: 24px;}
.news-detail-b .news-page-butt a:hover {color: #eb6100;}
.news-detail-b .news-return {float: right;text-align: center; color: #fff; display: inline-block; margin-top: 20px; width: 106px; height: 30px; line-height: 30px; font-family: "????????????"; font-size: 14px; background: #eb6100; text-transform: uppercase;}

/*contact*/
.contact1 {padding-bottom: 100px;}
.contact1 .c1-title,.contact1 .c1-tele {text-align: center;}
.contact1 .c1-title h2 {font-family: sbsc; font-size: 162px; line-height: 160px; color: #b4b4b4; text-transform: uppercase;}
.contact1 .c1-tele h4 {font-family: "????????????"; padding: 0 38%; font-size: 14px; line-height: 24px; color: #737272;}
.contact1 .c1-tele span {position: relative; padding: 0 120px; display: inline-block; font-family: sbsc; font-size: 54px; line-height: 62px; color: #a64601; margin-top: 20px;}
.contact1 .c1-tele span:before {content: ""; position: absolute; left: 0; top: 30px; width: 90px; height: 1px; background: #4c4c4c;}
.contact1 .c1-tele span:after {content: ""; position: absolute; right: 0; top: 30px; width: 90px; height: 1px; background: #4c4c4c;}
.contact1 .c1-site {margin-top: 24px;}
.contact1 .c1-site dl {text-align: center;font-family: "????????????"; font-size: 14px; line-height: 26px; margin-bottom: 10px; color: #a4a4a4;}

#contact-full .contact1 .c1-tele, #contact-full.contact1 .c1-tele, #contact-full .contact1 .c1-site {opacity: 0;filter:alpha(opacity=0); -moz-transition-delay: 1s;-webkit-transition-delay: 1s;-o-transition-delay:1s; transition-delay: 1s;}
#contact-full .active .contact1 .c1-tele, #contact-full .active .contact1 .c1-tele, #contact-full .active .contact1 .c1-site{opacity: 1.0;filter:alpha(opacity=100); -moz-transition-delay: 1s;-webkit-transition-delay: 1s;-o-transition-delay:1s;transition-delay: 1s;}
#contact-full .active .contact1 .c1-title {
	-webkit-animation-name:fadeInUp; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s; 
	-moz-animation-name:fadeInUp; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s;
}
#contact-full .active .contact1 .c1-tele {
	-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;
}
#contact-full .active .contact1 .c1-site {
	-webkit-animation-name:fadeInUp; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.2s; 
	-moz-animation-name:fadeInUp; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.2s;
}
.contact2 {position: relative; padding: 0 15%;}
.contact2 .c2-title {width: 600px; transform: rotate(90deg);-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  position: absolute; top: 100px; left: 70px;}
.contact2 .c2-title h1 {font-family: sbsc; font-size: 226px;line-height: 160px; color: #626262; }

.contact2 .pfeedback {width: 600px;margin-left: 260px; overflow: hidden;}
.contact2 .pfeedback li {overflow: hidden;}
.contact2 .pfeedback li input {border-bottom: 1px solid #6f6c6a; width: 100%; padding: 20px 0; font-size: 16px; background: transparent; margin-bottom: 10px; outline: none; color: #fff;}
.contact2 .pfeedback li .input1:focus,.contact2 .pfeedback li .input2:focus,.contact2 .pfeedback li .input3:focus,.contact2 .pfeedback li textarea:focus {border-bottom-color: #eb6100;}
.contact2 .pfeedback li input::-webkit-input-placeholder {color: #999;}
.contact2 .input4::-webkit-input-placeholder {color: #999;}
.contact2 .input4 {outline: none; border-bottom: 1px solid #6f6c6a; resize: none;  padding: 20px 0px; width: 100%; height: 150px;font-size: 16px;line-height: 24px; background: transparent; color: #fff;}

.contact2 .pfeedback li .ftjbtn,  .contact2 .pfeedback li .fczbtn {float: left;  padding: 0;margin-top: 26px; width: 210px; height: 50px; line-height: 50px; cursor: pointer; text-align: center; border-bottom: none;}
.contact2 .pfeedback li .ftjbtn {background: #c65607; color: #fff;}
.contact2 .pfeedback li .fczbtn {margin-left: 20px;background: #999999;color: #dadada;}
.contact2 .pfeedback li .ftjbtn:hover {background: #fff; color: #eb6100;}
.contact2 .pfeedback li .fczbtn:hover {background: #666; color: #fff;}
.contact2 .pfeedback *, .cs-con {transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}

/*case*/
.case-panel {display: block;padding: 15% 4%; width: 100%; height: 100%; overflow: auto; background: #333;position: relative; top: auto; left:auto;}
.m1-about1 ,.m1-about2,.m1-about3,.m2-about1, .m2-about2, .m3-about1,.m4-about1,.m5-about1{position: fixed; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); z-index: 0;}
.case1-wrap {padding-top: 130px;}
.case1-le {padding-left: 15%; float: left; width: 37%;}
.case1-le .cs1-title h2 { font-family: sbsc; font-size: 162px; line-height: 140px; color: #c0c0c0; position: relative;z-index: 999;}
.cs-tab  {margin-top: 20px; overflow: hidden;}
.cs-tab .ul1 {width: auto; overflow: hidden;}
.cs-tab .ul2 {width: 100%;}
.cs-tab .ul1 li {display: block; float: left; margin-right: 6px; width: 112px; height: 34px; line-height: 34px; text-align: center; background: #161616; font-family: "????????????"; font-size: 16px; color: #535353; cursor: pointer; text-transform: uppercase;}
.cs-tab .ul1 li.on {background: #e76001; color: #fff;}
.cs-tab .scrollbar {display: none; width: 346px; height: 272px; overflow: auto; margin-top: 50px;}
.cs-tab .scrollbar .cs-tab-con { width: 100%;}
.cs-tab .active {display: block;}
.cs-tab .cs-tab-con .ul2 li {height: 34px; line-height: 34px;}
.cs-tab .cs-tab-con .ul2 li a {display: block;font-size: 14px; color: #595959;}
.cs-tab .cs-tab-con .ul2 li a:hover {color: #acacac;}
.cs-tab .cs-tab-con .ul2 li a.cur {color: #e76001;}

.case1-le,.active .case1-ri {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 .case1-le,.active .case1-ri  {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 .case1-le {
	-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.0s; 
	-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.0s;
}
.active .case1-ri {
	-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;
}
.m-case {display: none;}
.case1-ri {position: relative; float: right; width: 63%; height: auto; max-height: 750px;}
.case1-ri .cs-slick a {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.case1-ri .cs-slick a img {height: auto; width: 100%;}
.case1-ri .cs-slick a .cs-mo {position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0);}
.case1-ri .cs-slick a .cs-mo .cs-btn {display: block; margin: 30% auto 0; width: 210px; height: 52px; line-height: 52px; text-align: center; font-family: "????????????"; font-size: 16px; background: #000; text-transform: uppercase; color: #d7d7d7;}
.case1-ri .cs-con {position: absolute; width: 45%; height: 100%; top: 0; right: -100%; z-index: 999; background: #000; padding: 120px 0 0 90px;}
.case1-ri .cs-slick a.on .cs-mo {opacity: 1.0; filter:alpha(opacity=100);}
.open-cs .cs-con {right: 0;}
.case1-ri .cs-con dl {margin-bottom: 26px;}
.case1-ri .cs-con dl dt {font-family: "????????????"; font-size: 14px; line-height: 26px; color: #626262;}
.case1-ri .cs-con dl dd {font-family: "????????????"; font-size: 18px; line-height: 30px; color: #d7d7d7;}
.case1-ri .cs-con dl .d2 {font-family: sbbd;}
.case1-ri .cs-con .about-txt-close {right: inherit; left: 90px; top: 40px;}

.cs-slick .slick-prev,.cs-slick .slick-next {font-size: 14px; line-height: 20px; letter-spacing: 2px; position: absolute; top:-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;}
.cs-slick .slick-prev {left: 0%; padding-right: 70px;}
.cs-slick .slick-prev:after {content: ""; width: 50px; height: 2px; background: #858585; position: absolute; right: 0; top: 9px;}
.cs-slick .slick-next {right: 24%; padding-left: 70px;}
.cs-slick .slick-next:before {content: ""; width: 50px; height: 2px; background: #858585; position: absolute; left: 0; top: 9px;}
.cs-slick .slick-prev:hover:after , .about-g-le .slick-next:hover:before {background: #fff;}   
.cs-slick .slick-prev:hover {padding-left: 20px;color: #fff;}
.cs-slick .slick-next:hover {padding-right: 20px;color: #fff;}

/*??????*/
.join .join-section {width: 100%; height: 974px;}
.join .join-section .section-title-le {padding-top: 150px; padding-left: 0; float: none; width: 100%;}
.join .join-section .section-title-le h2 {color: #fff}
.join .join-section .section-title-le h2 i{display: inline-block;}
.join .join-section .section-title-le h6 {letter-spacing: 5px; color: #fff; font-family: "????????????"; font-size: 24px;line-height: 40px;}
.join .join-section .section-title-le .gzp {margin-top: 20px;  width: 450px; font-family: "????????????"; font-size: 16px; line-height: 28px; color: #888888;}
.join .join_1200 {width: 1200px; margin: 0 auto; position: relative;}
.join .join-section .section-title-mid h2 i {display: inline-block;} 
.join .join-section .section-title-mid h2 {color: #fff;}

.join .j-style .section-title-mid h2 {color: #000;}
.join .j-style .section-title-mid h6 {color: #000;}

.join .j-partner {padding-top: 22%;}
.join .j-style {width: 100%; height: 974px; padding-top: 210px;}
.j-style .js-con {padding: 0 15%; margin-top: 160px;}
.j-style .js-con .js-con-wrap {width: 100%; overflow: hidden; font-size:14px;letter-spacing: 5px;}
.j-style .js-con .js-con-wrap dl {width: 20%; float: left; text-align: center; border-right: 1px solid #adadad;}
.j-style .js-con .js-con-wrap dl:last-child {border-right: none;}
.j-style .js-con .js-con-wrap dl dt {font-family: "????????????"; font-size: 32px; color: #eb6100; line-height: 50px; letter-spacing: 10px;}
.j-style .js-con .js-con-wrap dl dd {font-family: "????????????"; font-size: 14px; color: #000; line-height: 30px; letter-spacing: 5px;}

.join .j-cu  {padding-top: 330px;}
.j-shop {width: 100%; height: 974px;}
.j-shop-con .j-shop-txt li {font-family: "????????????"; font-size: 24px; line-height: 40px; letter-spacing: 6px; color: #fff;}
.j-shop-con .j-shop-txt span {display: inline-block; letter-spacing: 5px; font-family: "????????????"; font-size: 16px; color: #fff; line-height: 30px; margin-top: 8px;}
.shop-icon {margin-top: 56px;}
.shop-icon ul {overflow: hidden;}
.shop-icon ul li { width: 140px; margin-right: 30px; float: left;}
.shop-icon ul li h6 {font-family: "????????????"; font-size: 16px; color: #fff; text-align: center;line-height: 28px; margin-top: 10px;}

.join-young {padding: 170px 15% 120px; background: #000; }
.join-young .section-title-mid {width: 100%;}
.join .join-young .section-title-mid h2,.join .join-young .section-title-mid h6 {color: #000;}
.young-list ul {overflow: hidden; text-align: center; margin-top: 55px;}
.young-list ul li {float: left; position: relative; width: 24%; margin: 0 5px; height: auto;}
.young-list ul li img {display: block; width: 100%; height: auto; max-height: 350px;}
.young-list ul li .young-txt {position: absolute; width: 100%; height: 100%;left: 0;top: 0; text-align: center; padding-top: 32%;}
.young-list ul li .young-txt h2 {font-size: 24px; font-family: "????????????"; color: #fff; line-height: 34px;}
.young-list ul li .young-txt h6 {font-family: "????????????"; font-size: 16px; line-height: 28px; color: #ababab; padding: 0 30px; margin-top: 36px;}

.join-design {position: relative;}
.join .join-design .section-title-le h2,.join .join-design .section-title-le h6 {color: #000;}
.join-design .design-list {position: absolute; left: 0; bottom: -3px;}
.join-design .design-list ul {overflow: hidden;}
.design-list ul li {float: left; width: 33.3%; height: auto;}
.design-list ul li img {width: 100%; height: auto; max-height: 490px;}

.join-gz .section-title-le h2 i {display: block!important;}
.join-succ {padding: 0 15%;}

.join .join-succ .section-title-le, .join .join-gz .section-title-le {padding-top: 220px;}
.join-succ .section-title-le h2 i {display: block!important;}
.join-succ .section-title-le .gzp li i {font-style: normal;}
.join-succ .succ-img {position: absolute; top: 180px; right: 0;}

.join .join-what .section-title-le h2,.join .join-what .section-title-le h6 {color: #000;}
.what-list {overflow: hidden; margin-top: 50px;}
.what-list dl {width: 592px; float: left; height: 100px; margin-right: 16px; margin-bottom: 16px;}
.what-list dl.dl2 {margin-right: 0;}
.what-list dl dt {width: 100px; text-align: center; font-family: sbsc; float: left; height: 100%; font-size: 102px; color: #fff; line-height: 100px; background: #eb6100;}
.what-list dl dd {width: 492px;float: left; color: #fff; font-family: "????????????"; background: #484848; height: 100%; line-height: 100px;padding-left: 40px; font-size: 18px; color: #fff;}

.join-why .section-title-mid {padding-top: 170px;}
.join-section .section-title-mid h6 {letter-spacing: 5px; color: #fff;}
.join-section .section-title-mid .gzp {font-family: "????????????"; margin-top: 20px; font-size: 16px; line-height: 28px; color: #888888;}
.why-con {margin-top: 60px;}
.why-con .w-con-titie li{text-align: center; font-family: "????????????"; font-size: 32px; line-height: 50px; color: #fff;}
.why-con .w-con-txt {overflow: hidden; margin-top: 30px;}
.why-con .w-con-txt .w-con-item {position: relative; width: 586px; height: auto; margin-right: 28px; float: left;}
.why-con .w-con-txt .w-con-item img {width: 100%; height: auto;}
.why-con .w-con-txt .item2 {margin-right: 0;}
.why-con .w-con-txt .w-con-t {position: absolute; top: 0; left: 0; padding-top: 12%; width: 100%; height: 100%; text-align: center;}
.why-con .w-con-txt .w-con-t li {font-family: "????????????"; color: #c8c8c8; font-size: 18px; line-height: 30px;}

.join .join-money .section-title-le h2,.join .join-money .section-title-le h6 {color: #000;}
.make-item {margin-top: 140px;}
.make-item ul li {background: #484848; float: left; width: 392px; height: 224px; margin-right: 12px;}
.make-item ul li.item3 {margin-right: 0;}
.make-item ul li .l-number {position: relative; text-align: center; color: #fff; font-family: sbsc; background: #eb6100; font-size: 160px; line-height: 160px; width: 160px; height: 160px; margin: -80px auto 0;}
.make-item ul li .l-txt {margin-top: 40px;}
.make-item ul li .l-txt span {display: block; text-align: center; color: #e2e2e2; font-family: "????????????"; font-size: 18px; line-height: 30px;}

.join-contact {padding-top: 200px; padding-bottom: 0;}
.join-contact .c1-title h2 {color: #fff;}
.join-contact .c1-title h2 i {font-family: sbsc; font-style: normal; color: #eb6100;} 
.join-contact .c1-title h6 {font-family: "????????????"; font-size: 24px; color: #fff; line-height: 40px;}
.join-contact .c1-tele {margin-top: 40px}
.join-contact .c1-tele h4 { color: #797979;}
.join-contact .c1-site {margin-top: 30px;}
.join-contact .c1-site dl dd {color: #727272;}

.j-join {padding-top: 160px;}
.join .j-join .section-title-mid h2,.join .j-join .section-title-mid h6 {color: #000;}
.j-join .j-join-con {width: 620px; margin: 0 auto;}
.j-join .section-title-mid .gzp li {font-size: 18px;}
.j-join .section-title-mid .gzp li em {display: inline-block; width: 80px; height: 32px; font-style: normal; margin: 0 4px; line-height: 32px; color: #fff; background: #eb6100;}
.j-join .section-title-mid {padding-bottom: 50px;}
.j-join-con .join-title {padding-bottom: 40px; border-bottom: 1px solid #454545;}
.j-join-con .join-title h3 {font-family: "????????????"; font-size: 40px; line-height: 60px; font-weight: bold; color: #6d6d6d; letter-spacing: 5px;}
.j-join-con .join-title h6 {color: #404040; font-family: "????????????"; font-size: 18px; line-height: 30px; margin-top: 10px; letter-spacing: 5px;}
.join-info {padding-top: 12px; border-top: 1px solid #a7a6a5;}
.join-info .select-con .select {border: 1px solid #a7a6a5;}
.join-info .select-con .select dt {color: #000; background: url(../images/b-down.png) no-repeat 150px center;}
.join-info .pfeedback li input {border-bottom: 1px solid #a7a6a5; width: 100%; padding: 20px 0; font-size: 16px; background: transparent; margin-bottom: 10px; outline: none; color: #545454;}
.join-info .pfeedback li.add {margin-top: 14px;}
.join-info .pfeedback li .add-s {font-family: "????????????"; font-size: 16px; line-height: 20px; margin-bottom: 14px; color: #545454;}
.join-info .pfeedback li .input1:focus,.join-info .pfeedback li .input2:focus{border-bottom-color: #eb6100;}
.join-info .pfeedback li input::-webkit-input-placeholder {color: #545454;}
.join-info .pfeedback li .ftjbtn {display: block; margin: 26px auto 0; padding: 0; width: 210px; height: 50px; line-height: 50px; cursor: pointer; text-align: center;}
.join-info .pfeedback li .ftjbtn {background: #c65607; color: #fff; border-bottom: none;}
.join-info .pfeedback li .ftjbtn:hover {background: #fff; color: #eb6100;}
.select-con .select {width: 200px; position: relative; display:inline-block;  border: 1px solid #464646; margin-right: 6px;}
.select-con .select:last-child {margin-right: 0;}
.select-con .select dt {font-family: "????????????";font-size: 16px;color: #e9e9e9;line-height: 60px; background: url(../images/down.png) no-repeat 150px center; cursor: pointer; padding-left: 50px;text-align: left;}
.select-con .select dd {display: none; position: absolute;left: 0; top: 62px;width: 200px;color: #e9e9e9; text-align: left; background: #2a2a2a; border: 1px solid #2a2a2a;}
.select-con .select dd .scrollbar ul {width: 100%;}
.select-con .select dd .scrollbar {overflow: auto; height: 160px;}
.select-con .select dd ul li {font-family: "????????????";cursor: pointer;padding-left: 50px;font-size: 14px;color: #6e6e6e; height: 40px;line-height: 40px;}
.join-info .select-con .select dd ul li:hover {color: #fff;}
.join .select-con .select dd {top: 60px;}

.title-wrapper {width: 100%;height: 62%;position: relative; overflow: hidden;}
.title {text-align: center; overflow: hidden;}
.title .inner {position: relative; display: inline-block; font-family: sbsc; font-size: 500px; text-transform: uppercase;}

.garcia-index .title .inner,.emil-index .garcia-index .title .inner{width: 12%;}
.emil-index .title .inner,.emilfirst .title .inner{width: 21%; font-family: dcl!important;}

.join-current .join-slick a img {display: block; width: 100%; height: auto;}
.join-slick a {position: relative; display: block; width: 100%; height: 100%;}
.join-slick a .join-slick-txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 310px;}
.join-slick a .join-slick-txt .join_1200 {text-align: right;}
.join-slick-txt .join_1200 h2 {font-family: sbsc; font-size: 162px; color: #eb6100; line-height: 140px;}
.join-slick-txt .join_1200 h6 {font-family: "????????????"; font-size: 24px; line-height: 36px; color: #fff; margin-top: 20px;}
.join-slick .slick-prev, .join-slick .slick-next {position: absolute; top: 50%; margin-top: -25px; font-family: "??????"; cursor: pointer; z-index: 1000;width: 60px; height: 60px; font-size: 20px; background: #e1e1e1; border-radius: 100%; outline: none;}
.join-slick .slick-prev {left: 34px;}
.join-slick .slick-next {right: 34px;}
.join-slick .slick-prev:hover, .join-slick .slick-next:hover {background: #eb6100; color: #fff;} 

.join-nav-bar {display: none; position: fixed; bottom: 0; left: 0; z-index: 1001; height: 60px; width: 100%; padding: 0 15%; background: #000;}
.join-bar-wrap ul {overflow: hidden; text-align: center;}
.join-bar-wrap ul li {width: 33.3%; float: left;}
.join-bar-wrap ul li.l1 {background: #eb6100;}
.join-bar-wrap ul li.l2 {background: #333;}
.join-bar-wrap ul li.l3 {background: #999;}
.join-bar-wrap ul li a {display: block; width: 100%; height: 100%; line-height: 60px; font-family: "????????????"; font-size: 20px; color: #fff; text-align: center;}


.pro-select .select {width: 200px; margin-left: 8px; margin-top: 50px; position: relative; display:inline-block;  border: 1px solid #464646;}
.pro-select .select dt {font-family: "????????????";font-size: 16px;color: #717171;line-height: 54px; background: url(../images/down.png) no-repeat 150px center; cursor: pointer; padding-left: 30px;text-align: left;}
.pro-select .select dd {display: none; position: absolute;left: -1px; top: 54px;width: 200px;color: #717171; text-align: left; background: #2f2f2f; border: 1px solid #464646;}
.pro-select .select dd .scrollbar {overflow: auto; height: 160px;}
.pro-select .select dd .scrollbar ul {width: 100%;}
.pro-select .select dd ul li {font-family: "????????????";cursor: pointer;padding-left: 30px;font-size: 14px;color: #6e6e6e; height: 40px;line-height: 40px;}
.pro-select .select dd ul li a {font-size: 14px;color: #6e6e6e; height: 40px;line-height: 40px; display:block;}
.pro-select .select dd ul li:hover {color: #fff;}
.pro-select .select dd ul li a:hover {color: #fff;}

.pm-wrap {position: fixed; top: 0px;left: 0px;width: 100%;height: 100%; z-index: 1003; background: #000;}
.pm-wrap, .new-pro-img {display:block; opacity:0; z-index:-2;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;}
.display_block { display:block; opacity:1.0;z-index:1002;}

.page-more-slick,.page-more-slick .slick-list ,.page-more-slick  .slick-track {height: 100%;}
.page-more-slick  a {display: table; width: 100%; height: 100%;}
.page-more-slick a span {display: table-cell;height: 100%; vertical-align: middle;}
.page-more-slick a span img {display: block; width: auto; height: auto; max-height: 974px; margin: 0 auto;}
.page-more-slick .slick-prev,.page-more-slick .slick-next {position: absolute; top: 50%; margin-top: -25px; font-family: "??????"; cursor: pointer; z-index: 1000;width: 60px; height: 60px; font-size: 20px; background: #e1e1e1; border-radius: 100%; outline: none;}
.page-more-slick .slick-prev {left: 34px;}
.page-more-slick .slick-next {right: 34px;}
.page-more-slick .slick-prev:hover, .page-more-slick .slick-next:hover {background: #eb6100; color: #fff;}

.global-tour {padding: 0 15%;}
.gb-title {text-align: center; margin-bottom: 50px;}
.gb-title h2 {font-family: sbsc; color: #878787; font-size: 80px; line-height: 80px; }
.gb-title h3 {font-family: "????????????"; font-size: 24px; line-height: 40px; color: #848484;}
.gt-slick a {display: block; width: 90%; margin: auto; overflow: hidden; height: 100%;}
.gt-slick a *,.gt-slick .slick-prev,.gt-slick .slick-next  {transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;}
.gt-slick a  .gt-slick-img {overflow: hidden;}
.gt-slick a img {width: 100%; height: auto;}
.gt-slick a .other-h {text-align: center; padding: 16px 0; overflow: hidden; background: #333;}
.gt-slick a .other-h h2 {font-size: 16px; line-height: 24px; font-family: "????????????"; color: #848484; padding:0 15%;}
.gt-slick a:hover .other-h h2 {color: #eb6100;}
.gt-slick a:hover img {transform: scale(1.04);-ms-transform: scale(1.04); -webkit-transform: scale(1.04);}
.gt-slick .slick-prev,.gt-slick .slick-next {position: absolute; top: 35%;  width: 50px; height: 50px; font-size: 20px; background: #555; border-radius: 100%; outline: none; font-family: "??????"; cursor: pointer;}
.gt-slick .slick-prev {left: -10%;}
.gt-slick .slick-next {right: -10%;}
.gt-slick .slick-prev:hover , .gt-slick .slick-next:hover {background: #eb6100; color: #fff;}


.pro-search {width: 85%; padding-left: 4px; margin-top: 40px; position:relative;}
.pro-search .nav-input {width: 96%; padding:0 2%;background: transparent;color: #8d8d8d; font-size: 16px; border: 1px solid #3d3d3d; height: 50px; line-height: 50px; outline: none;transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.pro-search .nav-search-icon {position: absolute;  top: 0px; right:8%; background: url(../images/nav-search.svg) no-repeat right center; background-size: 60%; display: inline-block; width: 40px; height:50px; cursor:pointer; outline:none;}
.pro-search .nav-input:focus {border-color: #666;}
.pro-search .nav-search-icon:hover {background: url(../fonts/nav-search-h.svg) no-repeat right center; background-size: 60%;}

.selectcadd {}
.selectcadd select{ height:60px; line-height:60px;width:200px; padding:0 10px;position: relative;display: inline-block;border: 1px solid #999;margin-right: 6px; background:#d6d5d3; color:#666; font-size:16px;}
.selectcadd .mr0 {margin-right:0!important;}


/*????????????*/
.p-cyly { margin:auto; padding:0 15%; overflow:hidden;}
.p-cyly img { max-width:100%; display:inline-block;}
.show-slick h3 a {display:block; overflow:hidden;position:relative;}
.show-slick h3 span {display:block; background:rgba(0,0,0,0.3);position:absolute; width:100%; height:50px; line-height:50px; color:#999; left:0; bottom:0; z-index:3; text-align:center; font-size:14px;}
.p-detail {max-height:none; background:#CCC; overflow:hidden; padding-bottom:100px;}
.p-detail .p-d-slick { padding:0 15%; overflow:hidden;}
.p-dtitle { text-align:center;padding:100px 0 ;overflow:hidden;}
.p-dtitle h5{ font-size:24px; color:#ea6000; padding-bottom:50px;overflow:hidden; text-transform:uppercase;font-family: sbsc;}
.p-dtitle h1{ font-size:68px; color:#000;text-transform:uppercase;font-family: sbsc; letter-spacing:60px; width:40%; padding-left:60px; margin:auto;}
.p-dtitle h2{ font-size:68px; color:#fff;text-transform:uppercase;font-family: sbsc; letter-spacing:60px; width:60%; padding-left:60px; margin:auto; text-align:center;}
.p-detail .p-d-slick a { text-align:center;}
.p-detail .p-d-slick a img{ display:inline-block; max-width:100%; width:auto;height:auto;}
.p-show {max-height:none; overflow:hidden;}
.p-show .show-for h3 a { display:block;text-align:center;}
.p-show .show-for h3 a img {display:inline-block; vertical-align:top; max-width:100%; width:auto;height:auto;}

.p-cpxjbtn {margin:-50px auto auto auto; padding:0 0 50px 0; overflow:hidden; text-align:center; width:26%;}
.p-cpxjbtn li{ color:#FFF; background:#666666;border-radius:100px; width:55px; height:55px; line-height:55px; display:inline-block; margin:0 15px; font-size:18px; cursor:pointer;}
.p-cpxjbtn .slick-current  li {background:#eb6100;}
.p-cpxjimg {margin:auto; padding:0 15%; overflow:hidden;}
.p-cpxjimg li{ background:#FFF;text-align:center;}
.p-cpxjimg li img{ max-width:100%; height:auto;}
.p-cpxjimg li div {display:inline-block; width:14%; margin:3% 2% 2% 2%; overflow:hidden;}
.p-cpxjimg li a { display:block;position:relative;}
.p-cpxjimg li a em {  display:none;background: url(../fonts/search.svg) center no-repeat rgba(0,0,0,0.5); background-size:50%; position:absolute;left:50%;top:50%; width:40px;height: 40px; margin:-50px 0px 0px -20px;border-radius: 100%; }
.p-cpxjimg li a:hover em{ display:block;background: url(../fonts/search.svg) center no-repeat #000;background-size:50%;}
.p-cpxjimg li a span { overflow:hidden;}
.p-cpxjimg li a span img{ width:100%; height:auto; display:block;}
.p-cpxjimg li a span h2{ color:#000; padding:10px 0 30px 0; font-size:12px; border-bottom:#999 1px solid; position:relative;}
.p-cpxjimg li a:hover span h2{ color:#eb6100;}
.p-cpxjimg li a span h2 i { width:20px; height:2px; background:#999; position:absolute; left:50%; bottom:0; z-index:3; margin-left:-10px; display:block;}
.p-cpxjimg li a:hover span h2 i{background:#eb6100;}

.nav-bar .bar-wrap .bar-le h6 a { display:inline-block; color:#FFF;}
.nav-bar .bar-wrap .bar-le h6 a:hover { color:#F60;}
.gallery { padding:50px 0; overflow:hidden;}


.case-more {color: #ccc;font-size: 14px;width: 136px; padding:10px 0; overflow:hidden;background:none;text-align: center; display:block; border:#999 2px solid;}
.case-more:hover {background: rgb(235, 97, 0); color:#fff; border:#e76001 2px solid;}

.p-cylybox { position:relative; overflow:hidden;}
.p-cylybox-l { width:35%;height:auto;float:left;background:#CCC; margin-top:100px;}
.p-cylybox-l img { display:block; width:100%; height:auto;}
.p-cylybox-r { width:65%;height:auto;float:left;background:#fff; }
.p-cylybox-r img { display:block; width:100%; height:auto;}
.ptb100px { padding:100px 0;}
.p-cylybox-w100 { width:100%;}


.emil-video-top { overflow:hidden; width:100%;background:#000;}
.emil-video-top #video,.emil-video-top video{ display:block; height:100%; width:100%; max-height:1200px;}

.slide-pictxt {text-align:center; width:100%; height:100%; position:relative; }
.slide-pictxt ul { text-align:center;}
.slide-pictxt ul img{ display:inline-block; width:auto; max-width:100%; max-height:100%;}
.pictextinfo { position:absolute; top:50%; left:50%; padding:50px; overflow:hidden; margin-left:-350px; margin-top:-150px;width:600px; min-height:50px; z-index:33; background:rgba(0,0,0,0.8);}
.pictextinfo h1{color:#CCC; font-size:24px;}
.pictextinfo h6{color:#999; font-size:14px; line-height:25px; padding-top:20px; overflow:hidden;}
.pictextinfo1 { position:absolute; top:50%; left:0;overflow:hidden;margin-top:-250px;width:100%; min-height:50px; z-index:33;}
.pictextinfo1 h1{color:#000; font-size:120px;font-family: dcl;text-transform: uppercase;}
.pictextinfo1 h2{color:#000; font-size:28px;}
.pictextinfo1 h6{color:#333; font-size:16px; line-height:25px; padding-top:20px; overflow:hidden;}



.m_nav_tab  { width:100%;}
.m_nav_tab ul .active-nav  {border-bottom: 3px solid #eb6100;color:#fff;}
.m_nav_tab ul li.swiper-slide {display: block;font-family: "????????????";font-size: 14px;color: #888888; text-align:center;height: 48px;line-height: 48px;}


.swiper-container {width: 100%;}
.m_nav_tab_product {padding-top: 30px !important; overflow:hidden;}
.m_nav_tab_product .li_list .ms-item {width: 49%;float: left; margin: 0 0 20px!important;}
.m_nav_tab_product .li_list .ms-item:nth-child(odd) {margin-right: 2%!important;}
.m_nav_tab_product .li_list .ms-item a {display: block; width: 100%;}
.m_nav_tab_product .li_list .ms-item a .ms-img {display: table; width: 100%; height: 160px; overflow: hidden;}
.m_nav_tab_product .li_list .ms-item a .msps-img span {display: table-cell; vertical-align: middle; overflow: hidden; height: 100%; background:#FFF}
.m_nav_tab_product .li_list .ms-item a .ms-img span img {width: 100%; height: auto; max-height: 160px;max-width: 100%; float: left;}
.m_nav_tab_product .li_list .ms-item a .ms-img span .img2 {display: none;}
.m_nav_tab_product .li_list .ms-item a:hover .ms-img span .img2 {display: block;}
.m_nav_tab_product .li_list .ms-item a:hover .ms-img span .img1 {display: none}
.m_nav_tab_product .li_list .ms-item a .ms-txt {margin-top: 10px;}
.m_nav_tab_product .li_list .ms-item a .ms-txt h4 {font-size: 15px; line-height: 26px; color: #848484;}
.m_nav_tab_product .li_list .ms-item a .ms-txt h6 {font-size: 13px; font-family: "????????????";color: #515151;line-height: 20px;}

.pl270 { padding-left:270px!important; }


@media only screen and (max-width: 860px){
	
.p-detail .p-d-slick { padding:0 2%;}	
.p-cyly { padding:0 2%; }	
.p-dtitle h1{ font-size:38px;letter-spacing:20px; width:100%; padding-left:20px;}
.p-dtitle h2{ font-size:38px;letter-spacing:10px; width:100%; padding-left:10px;}	
.p-cpxjbtn {margin:-50px auto auto auto; padding:0 0 50px 0; width:100%;}	
.p-cpxjimg { padding:0 2%; }	
.p-cpxjimg li { padding:50px 0;}
.p-cpxjimg li div {width:35%; margin:3% 2% 2% 2%;}
.gallery { padding: auto; overflow:hidden;}

	
}