@font-face {
    font-family: 'kanitregular';
    src: url('../fonts/kanit-regular.eot');
    src: url('../fonts/kanit-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kanit-regular.woff2') format('woff2'),
         url('../fonts/kanit-regular.woff') format('woff'),
         url('../fonts/kanit-regular.svg#kanitregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kanitsemibold';
    src: url('../fonts/kanit-semibold.eot');
    src: url('../fonts/kanit-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kanit-semibold.woff2') format('woff2'),
         url('../fonts/kanit-semibold.woff') format('woff'),
         url('../fonts/kanit-semibold.svg#kanitsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ferrumextra-condensed';
    src: url('../fonts/ferrum.eot');
    src: url('../fonts/ferrum.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ferrum.woff2') format('woff2'),
         url('../fonts/ferrum.woff') format('woff'),
         url('../fonts/ferrum.svg#ferrumextra-condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display:  block;
	 clear:  both;

}
a{
    transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
	text-decoration:none !important;
	color:#666;
  cursor:pointer;
}
a:hover{
    transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
	text-decoration:none !important;
	color:#666;
  cursor:pointer;
}
a:focus{
outline:none !important;
}
.nopad{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html,body {margin: 0; padding: 0;  max-width: 100%; height:100%; font-family:Arial, Tahoma; display:block; background:#FFF;}
h1, h2, h3, h4, h5 { margin:0; padding:0;}
ul{ list-style:none; padding:0; margin:0;}
li{ list-style:none; padding:0; margin:0;}
.fr{ float: right !important;}
.fl{ float: left !important;}
p{ padding:0; margin:0;}
.img-100{width:100%;}
.img-auto{width:auto;}
.no-pad{ padding:0 !important;}
.no-mar-b{ margin-bottom:0 !important;}
.no-border-b{ border-bottom:0 !important;}
.no-border{border:0 !important;}
.m-auto{ margin:auto !important;}
.space{ display:block;}
.text-center{ text-align:center !important;}
.desktop{display:block;}
.mobile{display:none;}
.relative{ position:relative;}
.absolute{ position:absolute !important;}
.kanitregular{font-family:'kanitregular' !important;}
.kanitsemibold{font-family:'kanitsemibold' !important;}

.m-desktop{ width:1200px; display:block; position:absolute; top:0; left:50%; margin-left:-600px; z-index: 999;}
.f-desktop{ width:100%; display:block;}
.f-mobile{ width:100%; display:none; z-index:8999; }

.mm-desktop{ display:inline-block !important;}
.mm-mobile{display:none !important;}

.warp{width:100%; margin:auto; display:block;}
.main{ width:1700px; margin:auto; display:block;}
header{ width:100%; padding:0; display:block; text-align:center; position:fixed; z-index:200; top:0;}
header .top{ width:100%; padding:17px 0; text-align:center; display:block; background:#000; }
header .top .logo{ display:block; float:left;}
header .top .logo a{ margin:0 17px 0 0; display:block; float:left;}
header .top .logo i{ height:16px; padding:0; margin:10px 0; border-right:1px solid #666; float:left; }
header .top .logo p{ color:#FFF; font-size:15px; margin:7px 0 0 17px; display:block; float:left;}
header .top .right{ display:block; float:right;}
header .top .right .social{ display:block; float:left; }
header .top .right .social a.image-cropper { width:35px; height:35px; margin-left:3px; position:relative; text-align:center; overflow:hidden; border-radius:50%; background:#AAA; float:left;}
header .top .right .social a.image-cropper:hover { background:#FFF; }
header .top .right .social a.image-cropper img { width:100%;}
header .top .right .lang{ display:block; padding:0 25px 0 0; float:left; }
header .top .right .lang form{ width:100%; padding:0; display:block;}
header .top .right .lang form input::-moz-placeholder{color:#AAA; opacity:1}
header .top .right .lang form input:-ms-input-placeholder{color:#AAA;}
header .top .right .lang form input::-webkit-input-placeholder{color:#AAA;}
header .top .right .lang form input[type="text"]{ padding:0 17px; font-size:15px; color:#AAA; height:30px; line-height:30px; border:0; }
header .top .right .lang form .btn{ width:65px; border-radius:0 !important; border:1px solid #AAA !important; background:none; }
header .top .right .lang form .btn-default{ color:#AAA; background:none !important; }
header .top .right .lang form .dropdown-toggle{ margin:0; border-radius:0; border:0; background:#FFF; }
header .top .right .lang form .btn-group.open .dropdown-toggle{box-shadow:none;}
header .top .right .lang form .dropdown-menu{ margin:0; border-radius:0; border:0; background:#AAA; }
header .top .menu { display:inline-block; padding:5px 0 0 0; }
header .top .menu nav{ width:auto; text-align:center; display:block;}
header .top .menu nav a{padding:0 13px; display:block; float:left;}
header .top .menu nav a p{ line-height:20px; color:#AAA; font-size:15px; text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,0); display:inline-block;}
header .top .menu nav a:hover p, header .top .menu nav a p.active{color:#FFF; border-bottom:1px solid rgba(255,255,255,1);}

header .bottom{ width:100%; height:50px; display:block; background:rgba(0,0,0,0.8); }
header .bottom .mm{line-height:52px; color:#FFF; font-size:15px; display:inline-block; vertical-align:top;}
header .bottom i{ padding:0 0 0 30px; margin:19px 0; border-right:1px solid #666; display:inline-block; }
.cbp-hrsub-inner ul li{ width:30%; padding:20px; display:block; float:left;}
.cbp-hrsub-inner ul li img{ width:100%;}
header .bottom .right{ display:block; float:right;}
header .bottom .search{width:9%; padding:3px 0; margin:7px 0 0 0; border-bottom:1px solid #FFF; display:block; float:right;}
header .bottom .search form input::-moz-placeholder{color:#FFF; opacity:1}
header .bottom .search form input:-ms-input-placeholder{color:#FFF;}
header .bottom .search form input::-webkit-input-placeholder{color:#FFF;}
header .bottom .search form input[type="text"]{ width:80%; font-size:13px; color:#FFF; height:22px; line-height:22px; border:0; background:none; float:left;}
header .bottom .search form input[type="submit"] {width:20%; text-align:center; padding:0; text-indent:-9999px; line-height:22px; border:0; cursor:pointer; background:url(../images/icon-search.png) no-repeat center; float:left;}


main{ width:100%; display:block;}

/* @keyframes jump { 0% { bottom:5%; } 50% { bottom:5.5%; } 100% { bottom:5%; } } */

.h-banner{ width:100%; display:block; position:relative;}
.h-banner a.btu-scroll{ width:122px; height:26px; display:block; position:absolute; bottom:5%; left:50%; margin-left:-61px; z-index:100;}
/* .h-banner a.btu-scroll{ width:122px; height:26px; display:block; position:absolute; bottom:5%; left:50%; margin-left:-61px; z-index:100; animation: jump 1s infinite;} */

.h-banner li{ text-align:center;}
.h-banner li img{ width:100%; }
.h-banner li.lslide, .h-banner li.clone{ width:100%; display:block; overflow:hidden; position:relative; }
.h-banner li.lslide .text, .h-banner li.clone .text{text-align:left; display:block; opacity:0; position:absolute; left:6%; top:46%; z-index:50;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.h-banner li.lslide:hover .text, .h-banner li.clone:hover .text{ left:5%; opacity:1;
transition: all 1s ease 0s;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
}
.h-banner li.lslide .text h3, .h-banner li.clone .text h3{line-height:65px; margin:0; color:#FFF; font-size:65px; border-bottom:1px solid #FFF; display:block;}
.h-banner li.lslide .text p, .h-banner li.clone .text p{ color:#FFF; font-size:24px; display:inline-block;}
.h-banner li.lslide .text .btu, .h-banner li.clone .text .btu{line-height:38px; margin-top:30px; padding:0 20px; color:#FFF; font-size:20px; border:1px solid #FFF; display:inline-block;}
.h-banner li.lslide .diagonal{ width:33%; height:100%; display:block; position:absolute; left:-35%; top:120px; z-index:30;
background: rgba(0,0,0,0.75);
background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
background: -webkit-gradient(left top, right top, color-stop(18%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0.1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transform: skew(-5deg,0);
-webkit-transform: skew(-5deg,0);
transform: skew(-5deg,0);
}
.h-banner li.lslide:hover .diagonal, .h-banner li.clone:hover .diagonal{left:-4.3%;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.h-banner .lSAction > a { width: 50px; height: 50px; bottom:6%; background-color:rgba(51, 51, 51, 0); color:#FFF !important; line-height:50px;
font-family: 'ferrumextra-condensed'; font-size:3em;
}
.h-banner .lSAction > .lSPrev { right:7.5%;}
.h-banner .lSAction > .lSNext { right:5%;}
.h-banner .lSSlideOuter .lSPager { position:absolute; left:12%; bottom:5%; }
.h-banner .lSSlideOuter .lSPager.lSpg > li{width:30px; height:30px; margin:0 1px; border-bottom:1px solid rgba(255,255,255,0); background:rgba(0,0,0,0.1); }
.h-banner .lSSlideOuter .lSPager.lSpg > li a{ line-height:30px; text-align:center; color:#FFF; font-size:17px; border-radius:0; background:none !important;  }
.h-banner .lSSlideOuter .lSPager.lSpg > li a:hover{ color:#FFF; background:none; }
.h-banner .lSSlideOuter .lSPager.lSpg > li.active{border-bottom:1px solid rgba(255,255,255,1); background:rgba(0,0,0,0.7);}
.h-banner .lSSlideOuter .lSPager.lSpg > li:hover{border-bottom:1px solid rgba(255,255,255,1); background:rgba(0,0,0,0.7);}
.h-banner .lSSlideOuter .lSPager.lSpg > li.active a { border-radius:0; background:none; }
.h-banner .lSSlideOuter .lSPager.lSpg > li.active a:hover { background:none; }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(1)::before{ content:"1"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(2)::before{ content:"2"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(3)::before{ content:"3"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(4)::before{ content:"4"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(5)::before{ content:"5"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(6)::before{ content:"6"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(7)::before{ content:"7"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(8)::before{ content:"8"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(9)::before{ content:"9"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(10)::before{ content:"10"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(11)::before{ content:"11"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(12)::before{ content:"12"; line-height:30px; color:#FFF; font-family:'kanitregular' }


.news{ width:100%; padding:30px 0; display:block; background:#FFF; }
.news .topic{ width:100%; padding:0; text-align:center; display:block; }
.news .topic a{ width:auto; text-align:center; color:#000; font-size:23px; display:inline-block; }
.news .m-topic{ text-align:left; background:url(../images/pic-mnews.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.news ul{ width:100%; margin:0; padding:30px 0; display:block; }
.news .row{ margin:-15px; }
.news li{ padding:15px; display:block; text-align:left;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.news li:hover{ padding:15px; display:block;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.news li .pic{ width:100%; text-align:center; overflow:hidden; display:block; }
.news li .pic img{ width:100%;
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.news li .pic:hover img{
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
 }
.news ul li .date{width:100%; line-height:14px; margin-bottom:20px; padding:7px 0; color:#999; font-size:14px; display:block;}
.news ul li p{ width:100%; height:44px; line-height:22px; margin:28px 0 0 0; color:#999; font-size:18px; overflow:hidden; display:inline-block; }
.news li:hover p{ color:#000;}
.news li a.btu{ line-height:38px; overflow:hidden; padding:0 30px; color:#000; font-size:15px; border:1px solid #000; display:inline-block; background:#FFF; }
.news li a.btu:hover{ color:#FFF; background:#000; }
.news a.more{ line-height:38px; margin:17px 0; padding:0 30px; color:#000; font-size:17px; border:1px solid #000; display:inline-block; background:none; }
.news a.more:hover{ color:#FFF; background:#000; }

.news .m-detail .container .content{ border:1px solid #000; border-top:0; background:#FFF; }
.news .m-detail .container h3{ color:#000; }
.news .m-detail .container .text{ color:#000;}
.news .m-detail .container label{ color:#000;}
.news .m-detail a.btu{ line-height:38px; margin:70px 7%; padding:0 50px; color:#000; font-size:17px; border:1px solid #000; display:inline-block; background:none; }
.news .m-detail a.btu:hover{ color:#FFF; background:#000; }
.news .lightSlider.lsGrab > *, .news .lightSlider.lsGrabbing{ text-align:center; padding:0; }
.news .lSSlideWrapper .lSSlide{ padding:0; }
.news .lSSlideOuter{position:relative; }
.news .lSAction > .lSPrev { right:7.5%;}
.news .lSAction > .lSNext { right:5%;}
.news .lSSlideOuter .lSPager.lSpg{ text-align:left }
.news .lSSlideOuter .lSPager { position:absolute; left:8% !important; bottom:7%; }
.news .lSSlideOuter .lSPager.lSpg > li{width:30px; height:30px; margin:0 1px; text-align:center; border-bottom:1px solid rgba(255,255,255,0); background:rgba(0,0,0,0.1); }
.news .lSSlideOuter .lSPager.lSpg > li a{ line-height:30px; text-align:center; color:#FFF; font-size:17px; border-radius:0; background:none !important;  }
.news .lSSlideOuter .lSPager.lSpg > li a:hover{ color:#FFF; background:none; }
.news .lSSlideOuter .lSPager.lSpg > li.active{border-bottom:1px solid rgba(255,255,255,1); background:rgba(0,0,0,0.7);}
.news .lSSlideOuter .lSPager.lSpg > li:hover{border-bottom:1px solid rgba(255,255,255,1); background:rgba(0,0,0,0.7);}
.news .lSSlideOuter .lSPager.lSpg > li.active a { border-radius:0; background:none; }
.news .lSSlideOuter .lSPager.lSpg > li.active a:hover { background:none; }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(1)::before{ text-align:center; content:"1"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(2)::before{ content:"2"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(3)::before{ content:"3"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(4)::before{ content:"4"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(5)::before{ content:"5"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(6)::before{ content:"6"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(7)::before{ content:"7"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(8)::before{ content:"8"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(9)::before{ content:"9"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(10)::before{ content:"10"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(11)::before{ content:"11"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.news .lSSlideOuter .lSPager.lSpg > li:nth-child(12)::before{ content:"12"; line-height:30px; color:#FFF; font-family:'kanitregular' }

.h-promotion{ width:100%; padding:30px 0; display:block; background:#000; }
.h-promotion .topic{ width:100%; padding:0; text-align:center; color:#FFF; font-size:23px; display:block; }
.h-promotion .topic a{ width:auto; text-align:center; color:#FFF; font-size:23px; display:inline-block; }
.h-promotion .p-slide{ width:100%; padding:30px 0; display:block; position:relative; }
.h-promotion .p-slide .pic{ width:60%; padding:0; display:block; float:left; }
.h-promotion .p-slide .pic img{ width:100%; }
.h-promotion .p-slide .content{ width:40%; padding:0 30px; display:block; text-align:left; text-indent:0; float:left; }
.h-promotion .p-slide .content h3{ width:100%; max-height:48px; line-height:24px; overflow:hidden; padding:0; margin:0; color:#FFF; font-size:20px; display:inline-block; }
.h-promotion .p-slide .content p{ width:100%; max-height:115px; overflow:hidden; line-height:23px; margin:15px 0; color:#FFF; font-size:17px; display:inline-block; }
.h-promotion .p-slide .content a.btu{ line-height:38px; overflow:hidden; padding:0 30px; color:#FFF; font-size:15px; border:1px solid #FFF; display:inline-block; background:#000; }
.h-promotion .p-slide .content a.btu:hover{ color:#000; background:#FFF; }
.h-promotion .lSAction > .lSPrev { right:7.5%;}
.h-promotion .lSAction > .lSNext { right:5%;}
.h-promotion .lSSlideOuter .lSPager { position:absolute; left:60%; margin-left:30px !important; bottom:30px; }
.h-promotion .lSSlideOuter .lSPager.lSpg > li{width:30px; height:30px; margin:0 1px; border-bottom:1px solid rgba(255,255,255,0); background:rgba(255,255,255,0.1); }
.h-promotion .lSSlideOuter .lSPager.lSpg > li a{ line-height:30px; text-align:center; color:#FFF; font-size:17px; border-radius:0; background:none !important;  }
.h-promotion .lSSlideOuter .lSPager.lSpg > li a:hover{ color:#FFF; background:none; }
.h-promotion .lSSlideOuter .lSPager.lSpg > li.active{border-bottom:1px solid rgba(255,255,255,1); background:rgba(255,255,255,0.7);}
.h-promotion .lSSlideOuter .lSPager.lSpg > li:hover{border-bottom:1px solid rgba(255,255,255,1); background:rgba(255,255,255,0.7);}
.h-promotion .lSSlideOuter .lSPager.lSpg > li.active a { border-radius:0; background:none; }
.h-promotion .lSSlideOuter .lSPager.lSpg > li.active a:hover { background:none; }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(1)::before{ content:"1"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(2)::before{ content:"2"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(3)::before{ content:"3"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(4)::before{ content:"4"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(5)::before{ content:"5"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(6)::before{ content:"6"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(7)::before{ content:"7"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(8)::before{ content:"8"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(9)::before{ content:"9"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(10)::before{ content:"10"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(11)::before{ content:"11"; line-height:30px; color:#FFF; font-family:'kanitregular' }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:nth-child(12)::before{ content:"12"; line-height:30px; color:#FFF; font-family:'kanitregular' }

.h-service{ width:100%; padding:30px 0; text-align:center; display:table-cell; background:url(../images/pic-service1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.h-service .content{ width:100%; padding:5% 0; text-align:center; vertical-align:middle; }
.h-service .content h3{ width:100%; margin:0; padding:0 0 17px 0; color:#FFF; font-size:22px; display:block; }
.h-service .content p{ width:44%; line-height:22px; margin:auto; padding:17px 0; color:#FFF; font-size:17px; display:block; }
.h-service .content a.btu{ line-height:38px; overflow:hidden; margin:17px 0; padding:0 30px; color:#FFF; font-size:20px; border:1px solid #FFF; display:inline-block; background:none; }
.h-service .content a.btu:hover{ color:#000; background:#FFF; }

.m-topic{ width:100%; height:300px; padding-top:120px; display:block; }
.m-topic h2{ margin:0; padding:3.5% 0 0 0; color:#FFF; font-size:53px; display:block; }

.about{ width:100%; display:block; }
.about .m-topic{ background:url(../images/pic-mabout.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.about .content1{width:100%; margin-top:20px; padding:7.5% 30px; display:inline-block; background:url(../images/pic-about2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.about .content1 section{ width:400px; margin:0; padding:8% 40px; background:#FFF; display:block; float:right; }
.about .content1 section h3{ margin:0; padding-bottom:10px; color:#000; font-size:29px; display:block; }
.about .content1 section p{ margin:0; color:#000; font-size:19px; display:block; }

.about .content2{ width:100%; padding:72px 0; text-align:center; display:block; background:#FFF; }
.about .content2 p{ width:43%; line-height:22px; margin:auto; color:#000; font-size:19px; display:block; background:#FFF; }
.about .content2 em{ width:30px; height:1px; margin:40px 0 0 0; border-top:1px solid #000 ; display:inline-block; }

.about .message{ width:100%; padding:35px 0; display:block; background:url(../images/pic-about3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.about .message h3{ margin:0; padding:30px 0; color:#FFF; font-size:29px; display:block; }
.about .message article{ width:100%; padding:35px 0; display:inline-block; }
.about .message .pic{width:15.5%; margin:0; padding:0 15px 0 0; display:block; float:left; }
.about .message .pic img{width:100%;}
.about .message .pic img.portrait{transform:translate(0,-50%); visibility:hidden;}
.about .message .content{width:84.5%; margin:0; padding:0 0 0 15px; text-align:left; display:block; float:left; }
.about .message .content h4{width:100%; margin:0 0 10px 0; padding:0; color:#FFF; font-size:23px; display:block; }
.about .message .content p{width:100%; line-height:20px; margin:0 0 10px 0; padding:0; color:#FFF; font-size:17px; display:block; }
.about .message .content table{width:100%;}
.about .message .content td{width:50%; border-bottom:1px solid #FFF; padding:30px 30px 30px 0; vertical-align:top;}
.about .message .content tr:first-child td{ padding:0 30px 30px 0;}
.about .message .content tr:last-child td{ padding:30px 30px 0 0; border-bottom:0;}
.about .message .content section{display:none; }
.about .message .content section [data-accordion]{border-bottom:1px solid #CCC; }
.about .message .content [data-accordion] [data-control]{ padding:0; }
.about .message .content .question{ width:100%; display:block; cursor:pointer;}
.about .message .content .question h4{ width:100%; margin:0; padding:17px 0 17px 0; line-height:26px; color:#FFF; font-size:23px; display:block;}
.about .message .content .answer{ width:100%; padding:0; border-top:0; display:block;}
.about .message .content .answer p{ padding:0 0 17px 0; line-height:20px; color:#FFF; font-size:17px; display:block;}

.about .award{ width:100%; padding:35px 0; text-align:center; display:block; background:#FFF; }
.about .award h3{ margin:0; padding:30px 0; color:#000; font-size:29px; text-align:left; display:block; }
.about .award section{ width:100%; padding:35px 0; text-align:left; display:block; }
.about .award ul{ width:100%; display:block; }
.about .award ul li{ width:100%; padding:15px 0; display:block;}
.about .award ul li:first-child{ padding:0 0 15px 0; }
.about .award ul li:last-child{ padding:15px 0 0 0; }
.about .award .content{width:100%; padding:0; display:table; position:relative; background:#000;}
.about .award .content .pic{ padding:0; display:block;}
.about .award .content .pic a{display:block;}
.about .award .content .pic img{ width:100%; }
.about .award .content .text{ padding:30px; display:block;}
.about .award .content .text h4{width:100%; margin:0 0 20px 0; padding:0; display:block; }
.about .award .content .text h4 a{padding:0; color:#FFF; font-size:24px; display:block; }
.about .award .content .text p{width:100%; line-height:20px; margin:0 0 10px 0; padding:0; color:#FFF; font-size:17px; display:block; }
.about .award .content em{ width:30px; height:1px; margin:0 0 0 30px; padding:0; border-top:1px solid #FFF ; position:absolute; left:25%; bottom:30px; }

.about a.btu{ line-height:38px; margin:17px 0; padding:0 30px; color:#000; font-size:17px; border:1px solid #000; display:inline-block; background:none; }
.about a.btu:hover{ color:#FFF; background:#000; }

.promotion{ width:100%; text-align:center; display:block; background:#333; }
.promotion .m-topic{ text-align:left; background:url(../images/pic-mpromotion.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.promotion ul{ width:100%; margin:0; padding:15px 0; display:block; }
.promotion .row{margin:0 -15;}
.promotion ul li{ padding:15px; display:block;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.promotion ul li .content{ width:100%; padding:0; display:block; }
.promotion ul li:hover .content{
-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.75);
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.promotion ul li .content a{ width:100%; overflow:hidden; display:block; }
.promotion ul li .content a img{ width:100%; height:25vw;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.promotion ul li:hover .content a img{
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.promotion ul li .content .text{ width:100%; height:60px; overflow:hidden; display:block; background:#000; }
.promotion ul li .content p{ width:100%; height:60px; line-height:24px; padding:7px 30px; color:#FFF; font-size:20px; text-align:left; display:table-cell;  vertical-align:middle; }
.promotion a.btu{ line-height:38px; margin:17px 0; padding:0 30px; color:#FFF; font-size:17px; border:1px solid #FFF; display:inline-block; background:none; }
.promotion a.btu:hover{ color:#000; background:#FFF; }

.m-detail{ width:100%; text-align:left; display:block; }
.m-detail .pic{ width:100%; text-align:center; display:block; background:url(../images/bg-detail.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-detail .pic img{ max-height:700px; text-align:center;}
.m-detail .container{ width:100%; margin:30px 0 0 0; padding:0; text-align:left; display:block; background:#000; }
.m-detail .container .content{ width:100%; margin:0; padding:70px 7%; display:block; }
.m-detail .container h3{ width:100%; line-height:30px; margin:0 0 20px 0; padding:0; color:#FFF; font-size:20px; display:block; }
.m-detail .container .text{ width:100%; margin:0; padding:0 0 70px 0; color:#FFF; font-size:17px; display:block; }
.m-detail .container .f-share{ width:100%; padding:10px 0 15px 0; display:block; }
.m-detail .container label{ padding:0 23px 0 0; line-height:32px; color:#FFF; font-size:17px; font-weight:normal; float:left; }
.m-detail .container .share{ padding:0; float:left; }
.m-detail a.btu{ line-height:38px; margin:70px 7%; padding:0 50px; color:#FFF; font-size:17px; border:1px solid #FFF; display:inline-block; background:none; }
.m-detail a.btu:hover{ color:#000; background:#FFF; }

.service{ width:100%; text-align:center; display:block; background:#333; }
.service .m-topic{ text-align:left; background:url(../images/pic-mservice.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.service section{ width:100%; padding:30px 0; display:block; }
.service ul{ width:100%; display:block; }
.service ul li{ width:100%; padding:15px 0; display:block;}
.service ul li:first-child{ padding:0 0 15px 0; }
.service ul li:last-child{ padding:15px 0 0 0; }
.bootstrap-select.btn-group .dropdown-menu li{padding:5px 0;}
.bootstrap-select.btn-group .dropdown-menu li:first-child{padding:5px 0; }
.bootstrap-select.btn-group .dropdown-menu li:last-child{padding:5px 0; }
.service .content{width:100%; padding:0; text-align:left; display:block; position:relative; background:#FFF;}
.service .content .pic{ padding:0; display:block; }
.service .content .pic img{ width:100%; }
.service .content .text{ padding:30px 6%; display:block;}
.service .content .text h4{width:100%; margin:0 0 20px 0; padding:0; color:#000; font-size:24px; display:block; }
.service .content .text p{width:100%; line-height:20px; margin:0 0 10px 0; padding:0; color:#000; font-size:17px; display:block; }
.service .content em{ width:30px; height:1px; margin:0 0 0 30px; padding:0; border-top:1px solid #000 ; position:absolute; left:4.4%; bottom:30px; }

.appointment{ width:100%; padding:50px 6%; margin:30px 0 70px 0; text-align:left; background:#000; display:inline-block;}
.appointment h5{ width:100%; margin:0 0 10px 0; line-height:30px; color:#FFF; font-size:29px; display:block; }
.appointment h6{ width:100%; margin:0 0 34px 0; line-height:23px; color:#FFF; font-size:19px; display:block; }
.appointment form{ width:100%; padding:0; margin:0; display:block; }
.appointment form section{ width:100%; padding:40px 0 20px 0; display:block; }
.appointment form fieldset{ width:100%; padding:22px 15px 7px 15px; margin:0; border-bottom:1px solid #FFF; display:block; position:relative;}
.appointment form fieldset dt{ display:block; font-style:normal; position:absolute; left:0; z-index:99; }
.appointment form fieldset dt::after{padding:0 3px; content:"*"; font-size:13px; color:red;}
.appointment form fieldset > div{ padding:5px 0  !important; }
.appointment form label{ line-height:20px; padding:5px 0; margin:0; color:#FFF; font-size:18px; font-weight:normal; display:block; }
.appointment form .magic-radio + label, .appointment form .magic-checkbox + label{padding-left: 30px;}
.appointment form input::-moz-placeholder{color:#FFF; opacity:1}
.appointment form input:-ms-input-placeholder{color:#FFF;}
.appointment form input::-webkit-input-placeholder{color:#FFF;}
.appointment form input[type="text"]{ height:30px; padding:0; font-size:14px; color:#FFF; line-height:30px; border:0; background:none; float:left;}
.appointment form input[type="submit"]{ text-align:left; border:0; }
.appointment form textarea{ padding:8px 20px; font-size:15px; color:#FFF; height:100px; line-height:30px; border:0; resize:none; float:left; background:none;}
.appointment form .icon-calendar{background:url(../images/icon-calendar.png) no-repeat top 1px right 10px !important; }
.appointment form .bootstrap-select > .dropdown-toggle.bs-placeholder,
.appointment form .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.appointment form .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.appointment form .bootstrap-select > .dropdown-toggle.bs-placeholder:active{ color:#FFF;}
.appointment form .btn{padding:0 20px 0 0; font-size:14px; color:#FFF; height:30px; line-height:30px; border:0; border-radius:0; background:none; }
.appointment form .bootstrap-select.btn-group:not(.input-group-btn), .appointment form .bootstrap-select.btn-group[class*="col-"]{float:left; }
.appointment form .bootstrap-select.btn-group .dropdown-toggle .caret { width:14px; height:8px; border: none;background:url(../images/icon-select.png);}
.appointment form .border-b{border-bottom:1px solid #FFF !important;}
.appointment form .ff{ padding:0 20px; }
.appointment form .ff:nth-child(2){ padding:0 20px 0 0 !important; }
.appointment form .ff:nth-child(3){ padding:0 0 0 20px !important; }
.appointment form .f-normal{ font-size:14px; font-family:Tahoma;}
.appointment form .remark{ padding:0; margin-bottom:60px; display:block; }
.appointment form .remark p{ line-height:22px; padding:0 0 0 11px; color:#FFF; font-size:17px; background:url(../images/icon-bullet.png) no-repeat top 10px left; }
.appointment form .remark a{ color:#FFF; }
.appointment form .btu{ line-height:38px; margin:30px 0; padding:0 100px; color:#FFF; font-size:23px; border:1px solid #FFF !important; display:inline-block; background:none; }
.appointment form .btu:hover{ color:#000; background:#FFF; }
.appointment form .padding-b{padding-bottom:80px; }
.appointment form .remark{width:100%; padding:10px 0; color:#FFF; font-size:13px; display:block; }

.support{ width:100%; text-align:center; display:block; background:#FFF; }
.support .m-topic{ text-align:left; background:url(../images/pic-msupport.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.support ul{ width:100%; padding:30px 0 50px 0; display:block; }
.support .row{ margin:-15px; }
.support ul li{ padding:15px; display:block;}
.support ul li a.content{ width:100%; display:block; overflow:hidden; position:relative; background:#000; }
.support ul li a.content img{ width:100%; opacity:0.5;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.support ul li a.content:hover img{ opacity:0.8;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
.support ul li a.content span{ width:100%; height:58px; padding:0; text-align:center; display:block; position:absolute; top:50%; margin-top:-29px; z-index:99; opacity:1; }
.support ul li a.content span h3{ width:auto; line-height:58px; margin:0; padding:0; color:#FFF; font-size:25px; text-align:center; text-decoration:underline; display:inline-block;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.support ul li a.content:hover span h3{
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}

.catalogue{ width:100%; text-align:left; display:block; }
.catalogue h3{ width:100%; margin:0; padding:50px 0 30px 0; color:#000; font-size:28px; display:block; }
.catalogue ul{ width:100%; padding:30px 0 50px 0; display:block; }
.catalogue .row{ margin:-15px; }
.catalogue ul li{ padding:15px; display:block;}
.catalogue ul li .content{ width:100%; overflow:hidden; display:block; position:relative; }
.catalogue ul li .content img{ width:100%; opacity:1; }
.catalogue ul li:hover .content img{ opacity:0.8;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-webkit-filter: blur(0px) !important;
  -moz-filter: blur(0px) !important;
  -o-filter: blur(0px) !important;
  -ms-filter: blur(0px) !important;
  filter: blur(0px) !important;
}
.catalogue ul li .content h4{ width:auto; line-height:35px; margin:0; color:#FFF; font-size:28px; text-decoration:underline; display:inline-block; position:absolute; top:20px; left:20px; z-index:50; }
.catalogue ul li .content p{ width:auto; line-height:35px; margin:0; color:#FFF; font-size:18px; display:inline-block; position:absolute; bottom:20px; left:20px; z-index:50; }
.catalogue ul li .content .diagonal{ width:25%; height:100%; display:block; position:absolute; left:-4.3%; z-index:40;
background: rgba(0,0,0,0.45);
background: -moz-linear-gradient(left, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.2) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.45)), color-stop(100%, rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.2) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.2) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.2) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transform: skew(-5deg,0);
-webkit-transform: skew(-5deg,0);
transform: skew(-5deg,0);
}
.catalogue ul li:hover .content .diagonal{left:-2.3%;
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}

.car{ width:100%; display:block; }
.car .pic{ width:100%; display:block; overflow:hidden; position:relative; }
.car .pic img{ width:100%;}
.car .pic .text{display:block; opacity:0; position:absolute; left:6%; top:46%; z-index:50;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.car .pic:hover .text{ left:5%; opacity:1;
transition: all 1s ease 0s;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
}
.car .pic .text h3{line-height:65px; margin:0; color:#FFF; font-size:65px; border-bottom:1px solid #FFF; display:block;}
.car .pic .text p{ color:#FFF; font-size:24px; display:inline-block;}
.car .pic .diagonal{ width:33%; height:100%; display:block; position:absolute; left:-35%; top:120px; z-index:30;
background: rgba(0,0,0,0.75);
background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
background: -webkit-gradient(left top, right top, color-stop(18%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0.1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.75) 18%, rgba(0,0,0,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transform: skew(-5deg,0);
-webkit-transform: skew(-5deg,0);
transform: skew(-5deg,0);
}
.car .pic:hover .diagonal{left:-4.3%;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.car .detail{ width:100%; padding:57px 0; display:block; background:#000; }
.car .detail section{ display:block;}
.car .detail span{ padding:0 30px; border-right:1px solid #AAA; display:block; float:left; }
.car .detail span:last-child{border-right:0;}
.car .detail h2{ width:100%; line-height:50px; margin:0; padding:0 0 24px 0; color:#FFF; font-size:70px; border:0; display:block;}
.car .detail h3{ width:100%; line-height:25px; margin:0; padding:15px 0 0 0; color:#FFF; font-size:20px; border:0; display:block;}
.car .detail p{ width:100%; line-height:20px; padding:0; color:#FFF; font-size:15px; border:0; display:block;}

.car .gallery{ width:100%; padding:70px 0; text-align:center; display:block; background:#333; }
.car .gallery h3{ width:100%; line-height:35px; margin:0; padding:0 0 65px 0; color:#FFF; font-size:25px; display:block; }
.car .gallery a img{opacity:1;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.car .gallery a:hover img{opacity:0.7;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.car .gallery img{ width:100%; }
.car .gallery article > div{padding:0 !important; }
.car .gallery .box-container{ padding-bottom:70px; }
.car .gallery a.btu{width:auto; line-height:38px; margin:30px 0; padding:0 24px; color:#FFF; font-size:17px; border:1px solid #FFF !important; display:inline-block; background:none; }
.car .gallery a.btu:hover{ color:#000; background:#FFF; }

.car .design{ width:100%; padding:57px 0; display:block; background:#FFF; }
.car .design h3{ width:100%; line-height:35px; margin:0; padding:0 0 50px 0; color:#000; font-size:25px; display:block; }
.car .design ul{ width:100%; margin:0; padding:0; display:block; }
.car .design .row{ margin:-15px; }
.car .design li{ padding:15px; display:block; }
.car .design li .pic{ width:100%; display:block; }
.car .design li .pic img{ width:100%;
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.car .design li:hover .pic img{ width:100%;
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.car .design li h2{width:100%; line-height:24px; margin:0; padding:25px 0 17px 0; color:#000; font-size:23px; font-weight:normal; display:block; }
.car .design li p{width:100%; line-height:22px; margin:0; padding:0; color:#000; font-size:19px; display:block; }

.car .performance{ width:100%; padding:57px 0; display:block; background:#000; }
.car .performance h3{ width:100%; line-height:35px; margin:0; padding:0 0 50px 0; color:#FFF; font-size:25px; display:block; }
.car .performance ul{ width:100%; margin:0; padding:0; display:block; }
.car .performance .row{ margin:-15px; }
.car .performance li{ padding:15px; display:block; }
.car .performance li .pic img{ width:100%;
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.car .performance li:hover .pic img{ width:100%;
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.car .performance li h2{width:100%; line-height:24px; margin:0; padding:25px 0 17px 0; color:#FFF; font-size:25px; font-weight:normal; display:block; }
.car .performance li p{width:100%; line-height:22px; margin:0; padding:0; color:#FFF; font-size:19px; display:block; }

.car .safety{ width:100%; padding:57px 0; display:block; background:#D7D7D7; }
.car .safety h3{ width:100%; line-height:35px; margin:0; padding:0 0 50px 0; color:#000; font-size:25px; display:block; }
.car .safety ul{ width:100%; margin:0; padding:0; display:block; }
.car .safety .row{ margin:-15px; }
.car .safety li{ padding:15px; display:block; }
.car .safety li .pic img{ width:100%;
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.car .safety li:hover .pic img{ width:100%;
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.car .safety li h2{width:100%; line-height:24px; margin:0; padding:25px 0 17px 0; color:#000; font-size:25px; font-weight:normal; display:block; }
.car .safety li p{width:100%; line-height:22px; margin:0; padding:0; color:#000; font-size:19px; display:block; }

.car .m-row{width:100%; display:inline-block; }

.car .bottom{ width:100%; padding:70px 0 0 0; display:block; background:#333; }
.car .bottom{ width:100%; display:block; float:left; }
.car .bottom .price{ width:100%; margin-bottom:40px; border:1px solid #666; display:inline-block; }
.car .bottom .price .model{ padding:40px 0 0 45px; display:block; }
.car .bottom .price .list{ padding:0; border-left:1px solid #666; display:block; }
.car .bottom .price h2{ width:100%; line-height:60px; margin:0; padding:0; color:#FFF; font-size:57px; font-weight:normal; display:block;}
.car .bottom .price h3{ width:100%; line-height:30px; margin:0; padding:0; color:#FFF; font-size:25px; display:block;}
.car .bottom .price p{ line-height:20px; margin:0; padding:20px 0 5px 0; color:#FFF; font-size:20px; display:block;}
.car .bottom .price .list p{ padding:15px 20px; border-bottom:1px solid #666; }
.car .bottom .price .list p:nth-child(odd){ border-right:1px solid #666;}
.car .bottom .price .list p:nth-child(even){ border-right:0;}
.car .bottom .price .list p:nth-last-child(-n+2){ border-bottom:0; }
.car .bottom .price .list p.rx{height:110px; }
.car .bottom .price .list p.ls{height:160px; }
.car .bottom .price .list p.es{height:210px; }
.car .bottom .remark{ width:100%; color:#FFF; font-size:20px; display:inline-block; }
.car .bottom .support{ background:none; }


.contact{ width:100%; display:block; }
.contact .m-topic{ background:url(../images/pic-mcontact.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.contact .social{ width:100%; padding:42px 0; text-align:center; display:block; background:#FFF; }
.contact .social section{ display:block;}
.contact .social section p{ width:20%; display:inline-block;}
.contact .social section p a{ line-height:35px; color:#000; font-size:17px; display:inline-block;}
.contact .social section p a:hover{ color:#000;}
.contact .social section p img{ margin-right:15px; display:inline-block;}
.contact .map{ width:100%;display:block; }
.contact .map iframe{ width:100%; height:700px; }
.contact .frame{ width:100%;display:block; background:#333; }
.contact .frame .appointment{ margin-top:70px; }

footer{ width:100%; display:block; }
.f-contact{ width:100%; padding:65px 0; text-align:center; display:inline-block; background:#000; }
.f-contact section{ width:20%; height:159px; padding-right:40px; margin-right:17px; text-align:left; border-right:1px solid #666; display:inline-block; vertical-align:top;}
.f-contact section:last-child{border-right:0;}
.f-contact span{ width:100%; margin:0 0 10px 0; display:inline-block; vertical-align:middle; }
.f-contact span h4{ margin:0; padding-right:10px; color:#FFF; font-size:21px; display:block; float:left; }
.f-contact span a.lexus{ line-height:26px; margin:0; padding-left:40px; color:#FFF; font-size:21px; display:block; background:url(../images/logo-footer.png) no-repeat left top 7px; }
.f-contact span a.g-map{ line-height:26px; margin:0; padding-left:40px; color:#FFF; font-size:21px; display:block; background:url(../images/icon-point.png) no-repeat left 8px top 7px; }
.f-contact span p{ line-height:22px; margin:0; color:#FFF; font-size:21px; display:block; float:left; }
.f-contact .m-margin{ margin-bottom:15px; }
.f-contact span:last-child{ margin-bottom:0; }
.f-contact span a{ width:auto; line-height:22px; color:#FFF; font-size:21px; display:block; float:left; }
.f-contact span a:hover{ color:#FFF; display:block; }
footer .top{ width:100%; padding:17px 30px; text-align:center; display:block; background:#666; }
footer .top .logo{ display:block; float:left;}
footer .top .logo a{ margin:0 17px 0 0; display:block; float:left;}
footer .top .logo i{ height:16px; padding:0; margin:10px 0; border-right:1px solid #AAA; float:left; }
footer .top .logo p{ color:#FFF; font-size:15px; margin:7px 0 0 17px; display:block; float:left;}
footer .top .right{ display:block; float:right;}
footer .top .right .social{ display:block; float:left; }
footer .top .right .social a.image-cropper { width:35px; height:35px; margin-left:3px; position:relative; text-align:center; overflow:hidden; border-radius:50%; background:#AAA; float:left;}
footer .top .right .social a.image-cropper:hover { background:#FFF; }
footer .top .right .social a.image-cropper img { width:100%;}
footer .top .right .lang{ display:block; padding:0 25px 0 0; float:left; }
footer .top .right .lang form{ width:100%; padding:0; display:block;}
footer .top .right .lang form input::-moz-placeholder{color:#AAA; opacity:1}
footer .top .right .lang form input:-ms-input-placeholder{color:#AAA;}
footer .top .right .lang form input::-webkit-input-placeholder{color:#AAA;}
footer .top .right .lang form input[type="text"]{ padding:0 17px; font-size:15px; color:#AAA; height:30px; line-height:30px; border:0;}
footer .top .right .lang form .btn{ width:65px; border-radius:0 !important; border:1px solid #AAA !important; background:none; }
footer .top .right .lang form .btn-default{ color:#AAA; background:none !important; }
footer .top .right .lang form .dropdown-toggle{ margin:0; border-radius:0; border:0; background:#FFF; }
footer .top .right .lang form .btn-group.open .dropdown-toggle{box-shadow:none;}
footer .top .right .lang form .dropdown-menu{ margin:0; border-radius:0; border:0; background:#AAA; }
footer .top .menu { display:inline-block; padding:8px 0 0 0; }
footer .top .menu nav{ width:auto; text-align:center; display:block;}
footer .top .menu nav a{padding:0 13px; display:block; float:left;}
footer .top .menu nav a p{ line-height:20px; color:#FFF; font-size:15px; text-transform:uppercase; display:inline-block;}
footer .top .menu nav a:hover p, footer .top .menu nav a p.active{color:#FFF;}
footer .bottom{ width:100%; padding:17px 30px; text-align:center; display:block; background:#333; }
footer .bottom span{ padding:0; color:#FFF; font-size:13px; text-align:left; display:inline-block; }
footer .bottom p{ padding:0 20px 0 0; color:#FFF; font-size:13px; display:inline-block;}
footer .bottom a{ margin:0 11px; line-height:15px; color:#FFF; font-size:13px; border-bottom:1px solid #FFF; display:inline-block;}
footer .bottom a{ color:#FFF;}




/************************ MENU MOBILE ****************************/

#hamburger {
    box-sizing: border-box;
    display: none;
    right: 12px;
    position: fixed;
    height: 50px;
    top: 10px;
    width: 50px;
    z-index: 999;
    background-color:none;
    /* background-color: rgba(170, 170, 170, 0.8); */
    font-family: 'BOD_bold';
    color: #fff;
    text-align:center;
    text-transform: uppercase;
    transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;
    outline:none;
}
.textmenu{ position: relative; padding-top: 31px; font-size: 10px; font-family: 'Tahoma'}
#hamburger::before, #hamburger::after, #hamburger span {
    background: #FFF none repeat scroll 0 0;
    content: "";
    display: block;
    height: 4px;
    left: 7px;
    position: absolute;
    width: 35px;
    border-radius:4px;
}
#hamburger::before {
    top: 14px;
}
#hamburger span {
    top: 24px;
}
#hamburger::after {
    top: 34px;
}
#hamburger::before, #hamburger::after, #hamburger span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease;
}
html.mm-opening #hamburger{right:82.5%;}
html.mm-opening #hamburger::before, html.mm-opening #hamburger::after {
    top: 23px;
}
html.mm-opening #hamburger span {
    left: -50px;
    opacity: 0;
}
html.mm-opening #hamburger::before {
    transform: rotate(45deg);
}
html.mm-opening #hamburger::after {
    transform: rotate(-45deg);
}

.mm-menu {
    background: #000 !important;
    color: #FFF;
}
.mm-menu a {font-size:18px; }
.m-sub{}
#mm-1 .mm-navbar {
    display: none !important;
}
#mm-2 a{ font-size:0.9em !important; }
.mm-listview li a, .mm-listview li span{font-family: 'BOD_bold'; text-transform: uppercase;}
html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li{transition-duration: 1s;}
.mm-listview > li > a, .mm-listview > li > span{padding: 15px 10px 15px 20px;}
.mm-listview > li:not(.mm-divider):after {border-bottom-color:rgba(255, 255, 255, 0.6); }
.mm-listview > li#m-lang:not(.mm-divider)::after{ border:0; }

nav#menu ul li a.tel img{margin: -6px 10px 0 0;}
nav#menu ul li a.fb img{margin: -6px 10px 0 0;}

#m-lang{ width:100%; padding:20px 20px 0 20px; margin:0; text-align:center; display:inline-block;}
#m-lang .m-lang{width:45%; padding:0; text-align:center; display:inline-block;}
#m-lang .m-lang a{ width:100%; padding:7px 0; margin:0; color:#AAA; font-size:18px !important; border:1px solid #AAA; display:inline-block; text-align:center;}
/* #m-lang .m-lang a img{opacity:0.5; } */
#m-lang .m-lang a.active, #m-lang .m-lang a:hover{color:#000; border:1px solid #FFF; background:#FFF; }
/* #m-lang .m-lang a.active img, #m-lang .m-lang a:hover img{opacity:1; } */
#m-lang .m-lang .image-cropper { width:30px; height:30px; position:relative; text-align:center; overflow:hidden; border-radius:50%;}
#m-lang .m-lang .image-cropper img { width:auto; height:100%; display:inline; margin:0 auto;}
#m-social{ width:100%; padding:20px 20px 0 20px; margin:0; text-align:center; display:inline-block;}
#m-social::after{ border:0; }
#m-social .social{width:30%; padding:0; text-align:center; display:inline-block;}
#m-social .social a{ padding:0; margin:0 4px; display:inline-block; background:#AAA; }
#m-social .social a:hover{ background:#FFF;}
#m-social .social .image-cropper { width:35px; height:35px; position:relative; text-align:center; overflow:hidden; border-radius:50%;}
#m-social .social .image-cropper img { width:auto; height:100%; display:inline; margin:0 auto;}
#m-member{ width:100%; padding:17px 0 8px 0; margin:0; text-align:center; display:inline-block;}
#m-member .member{ width:40%; padding:0; margin:0; text-align:center; display:inline-block;}
#m-member .member a{ width:auto; line-height:24px; color:#FFF; text-transform:none; display:inline-block;}
#m-member .member a img{ margin:-6px 8px 0 0; display:inline-block;}
.mm-listview .n-padding{ padding: 10px 10px 10px 20px; }
.mm-vertical.mm-opened a{padding-bottom:10px; }
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next{height:40px !important; padding:0 !important; }
.sub-arrow .mm-next::after{top:15px !important;}
.tel img{ margin-right:10px; }

/*************************************PRELOAD**************************************/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#status {
  width: 238px;
  height: 168px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  /*background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);*/
  /* path to your loading animation */
  background:url(../images/logo.png) no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  margin: -84px 0 0 -119px;
/* is width and height divided by two */
}
.ball {
	background-color: rgba(0,0,0,0);

	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:206px;
	/*box-shadow: 0 0 35px #2187e7;*/
	width:171px;
	height:70px;
	margin:0 auto;
	-moz-animation:spin 3s infinite linear;
	-webkit-animation:spin 3s infinite linear;
}

/*************************** CAPTCHA *******************************/

#rc-imageselect {transform:scale(0.77) !important; -webkit-transform:scale(0.77) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0;}