body {font-family: 'Noto Sans', sans-serif;font-size: 14px;font-weight: 400;color:#aaa;background-color: #fff;}
a {text-decoration: none;transition: all 0.3s linear;}

.primbg{background-color: #000;}
.primbg50{background-color: rgba(0, 0, 0, 0.632);}
.graybg{background-color: #f4f4f4;}
.gradbg {background: #cfcfcf;background: linear-gradient(-170deg, #f2f2f2, #fafafa, #F2F2F2);}
.topbdr {border-top:solid 1px #ddd;}

.logo {display: inline-block;padding:18px 0px 16px 0px;transition: all 0.3s linear;}
.logo img {max-height: 40px;transition: all 0.3s linear;}

.mnav {margin-top: 28px;position: relative;transition: all 0.3s linear;}
.mnav a {display: inline-block;color:#aaa;font-size:14px;font-weight:500;transition: all 0.3s linear;position: relative;text-transform: uppercase;margin-left: 18px;}
.mnav a::before{position: absolute;content: '';width: 0px;height: 1px;left: 50%;transform: translateX(-50%);bottom: -4px;background-color: #fff;transition: all 0.3s linear;}
.mnav a:hover{color:#fff;}
.mnav a:hover::before{width: 96%;}
.mnav .sep{display: inline-block;margin-left: 12px;margin-right: 12px;}
.mnav a.lang {background-color: #000;color:#fff;margin-top: -14px;padding:16px 8px 2px 8px;}
.mnav a.lang::before {height: 0px;} 

.scrolled {transition: all 0.3s linear;}
.scrolled .logo {padding:10px 0px;}
.scrolled .logo img {max-height: 36px;}
.scrolled .mnav {margin-top: 16px;}
.scrolled .mnav a{margin-left: 14px;}

.heroslider {background-color: #000;}
.heroslider .heroslide {display: block;height: 630px; padding-top: 160px;}
.heroslider .heroslide .contbox {display: block;background-color: rgba(0,0,0, 0.9);padding:40px 30px 20px 30px;}
.heroslider .heroslide h3 {font-size: 30px;font-weight: 600;color:#fff;}
.heroslider .heroslide h3 span {display: block;font-size: 16px;font-weight: 400;color:#aaa;margin-bottom: 8px;}
.heroslider .heroslide p {display: block;font-size: 18px;font-weight:400;color:#777;line-height: 28px;margin-top: 90px;}

.heroslider .one {background: url(../images/banner/a.jpg) no-repeat center bottom;background-size: cover;}
.heroslider .two {background: url(../images/banner/b.jpg) no-repeat center bottom;background-size: cover;}
.heroslider .tin {background: url(../images/banner/c.jpg) no-repeat center bottom;background-size: cover;}

.txstyle h3 {font-size:34px;font-weight:200;line-height:44px;color:#666;}
.txstyle h3 span {font-weight:600;color:#000}
.txstyle h4{font-size:20px;font-weight:500;color:#000;}
.txstyle p{font-size: 16px;font-weight:300;line-height: 28px;color:#444;margin-bottom: 0px;}
.txstyle p.sm{font-size: 13px;font-weight:400;}
.txstyle p.dashed{position: relative;font-size: 16px;color:#444;padding-left: 160px;}
.txstyle p.dashed::before{left: 0px;top:50%;transform: translateY(-50%);width:145px;height: 1px;background-color: #777;position: absolute;content: '';}
.txstyle p.sm-dashed{position: relative;font-size: 18px;color:#000;padding-right: 40px;font-weight: 500;}
.txstyle p.sm-dashed::before{left:0px;bottom:-5px;width:45px;height:1px;background-color: #777;position: absolute;content: '';}
.txstyle a{font-size: 18px;font-weight:400;line-height: 22px;color:#fff;position: relative;}
.txstyle a::before{position: absolute;content: '';width: 0px;height: 1px;left: 50%;transform: translateX(-50%);bottom: -5px;background-color: #fff;transition: all 0.3s linear;}
.txstyle a:hover::before{width: 96%;}
.txstyle .iconimg {max-width: 60px;}

.txstyle-dark h3{color:#aaa;}
.txstyle-dark h3 span{color:#fff;font-weight:500;}
.txstyle-dark h4{color:#fff;}
.txstyle-dark p {color:#9f9f9f;font-weight: 400;}
.txstyle-dark p.dashed {color:#9f9f9f;font-weight: 400;}
.txstyle-dark p.dashed::before {background-color: #9f9f9f;}
.txstyle-dark p.sm-dashed {color:#aaa;font-weight: 400;}
.txstyle-dark p.sm-dashed::before {background-color: #888;}



.brandslider {box-sizing:border-box;overflow:hidden;}
.brandslider .brandslide {display:block;padding:30px;margin:0px 3px;transition: all 0.3s linear;background-color: #fff;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);}
.brandslider .brandslide img{display: block;width:100%;transition: all 0.3s linear;margin: auto;}
.brandslider .brandslide:hover img{transform: scale(1.2)}


.sellbox {display: block;padding:40px;box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.05);transition: all 0.3s linear;background-color: #fff;}
.sellbox .iconimg {opacity: 0.6;transition: all 0.3s linear;}
.sellbox:hover .iconimg {opacity: 1;transform: scale(1.15);}

.carbox {display: block;overflow: hidden;position: relative;transition: all 0.3s linear;background-color: #000;margin-bottom: 30px;}
.carbox img {width: 100%;transition: all 0.3s linear;}
.carbox h3{position: absolute;left:0px;bottom:0px;width:100%;margin-bottom: 0px;padding: 8px 20px;text-align: center;color: rgba(255, 255, 255, 0.5);font-size:16px;font-weight:500;transition: all 0.3s linear;}
.carbox h3 span {font-weight: 400;color: rgba(255, 255, 255, 0.5);padding-right: 8px;}
.carbox:hover img{opacity: 0.8;transform: rotate(1deg) scale(1.05);}
.carbox:hover h3{padding: 18px 45px;background-color: rgba(0, 0, 0, 0.5);color: rgba(255, 255, 255, 0.8);}





.contbg {padding:60px;background: url(../images/contact.jpg) no-repeat center bottom;background-size:cover;}
.contbox {background-color: rgba(0, 0, 0, 0.7);padding: 40px;}