/* CSS Reset */
@font-face {
  font-family: "Montserrat-Bold";
  src: url("../fonts/Montserrat-SemiBold.ttf") format("woff2"),
       url("../fonts/Montserrat-SemiBold.woff") format("woff"),
       url("../fonts/Montserrat-SemiBold.woff2") format("truetype"),
       url("../fonts/Montserrat-SemiBold.eot") format("embedded-opentype"),
       url("../fonts/Montserrat-SemiBold.woff2") format("svg");
}

@font-face {
  font-family: "Barlow";
  src: url("../fonts/Barlow-Regular.ttf") format("woff2"),
       url("../fonts/Barlow-Regular.ttf") format("woff"),
       url("../fonts/Barlow-Bold.ttf") format("truetype"),
       url("../fonts/Barlow-Italic.ttf") format("embedded-opentype"),
       url("../fonts/Barlow-Italic.ttf") format("svg");
}


@font-face {
	font-family: 'Barlow-Bold';
	src: url('../fonts/Barlow-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Barlow-Regular';
	src: url('../fonts/Barlow-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts//Montserrat-Regular.eot');
	src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Extra-Bold';
	src: url('../fonts/Montserrat-Extra-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Extra-Bold.woff') format('woff'), url('../fonts/Montserrat-Extra-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Extra-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html{-webkit-text-size-adjust:none;font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/} 
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0; font-family: 'Raleway', sans serif;}
input,select,textarea {border-radius: 0;outline: none; font-family: 'Raleway', sans serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.cl{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.left {float: left;}
.right {float: right;}
/*.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#333;}*/
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.div-container {position: relative; margin: auto;}
::-webkit-scrollbar{height:4px; width:3px;background: #ededed;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ededed;}
::-webkit-scrollbar-thumb{background-color:#514d55;box-shadow:inset 1px 1px 0 #514d55,inset 0 -1px 0 #514d55;}

.h70{ margin:64px auto 0 !important;}

.footer-contact span{ font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial; display:block; font-size:18.5px; letter-spacing:0.5px; margin-bottom:16px;}

/* footer */
.footer{background:#262930;position: relative;clear: both; overflow: hidden;color: #fff; padding:4% 0; font-family:Arial; text-align:center;}
.footer b{ font-weight:bold;}
.footer a{ color:#fff;}
.footer-content {width: 81%;margin: auto;position: relative;}
.footer-content-top {overflow: hidden;padding:4.1% 0; font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.footer-left {float: left;width: 10%;}
/*.footer-logo img { height:32px;}*/
.footer-nav {float: right;width:100%;text-align:right; text-transform: capitalize; font-family: 'Raleway', sans serif;}
.footer-nav a{font-family: 'Raleway', sans serif;}
.footer-nav strong{text-transform: uppercase; font-family: 'GothamBold'; font-size:17px;}
.footer-nav ul,.footer-nav li {list-style: none;margin: 0;padding: 0;}
.footer-nav ul {text-align: left;margin-left:13%;overflow: hidden;display: inline-block;vertical-align: top;}
.footer-nav ul:first-child {margin-left: 0;}
.footer-nav .title-1 {font-weight: bold;}
.footer-nav li {margin-top:1rem;}
.footer-nav li a{display: block; color: rgba(255,255,255,.6); font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.footer-nav li a:hover {color: #fff; font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.footer-nav .contact-1 {overflow: hidden;}
.footer-nav .contact-us-1 {color: #aaa;margin-top: 2rem;}
.footer-nav .contact-us-1 strong{font-weight: normal;}
.footer-nav .contact-us-1 p:first-child {padding: 0;margin: 0;}
.footer-content-bottom {padding: 2% 0;position: relative; background-color: #252525;}
.footer-copy {color: #aaa;position: relative; font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.footer-copy a {color: #aaa; font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.footer-copy a:hover {color: #fff;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%); color:#a8a8a8;}
.footer-link li {list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;position: relative;width: 30px;height: 30px;margin-left: 15px;}
.footer-link .ewmshow-1 {background: #fff;padding: 5px;width: 90px;height: 90px;overflow: hidden;position: absolute;bottom: 100%;left: 50%;border-radius: 4px;margin-left: -50px;display: none;}
.footer-link li:hover .ewmshow-1{display: block;}

.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #c1c1c1 url('../images/up1.png') no-repeat center;border-radius: 100%;}
.footer-top-left {float: left;/*width: 40%;*/}
.footer-top-right {float: right;width:75%;}
.footer-logo {/*width: 27%;*/}
.footer-logo a{width: 100%;height: auto;display: block;}
.footer-logo img {display: block;}
.footer-logo .st0 {fill: #fff;} 
.footer-contact {margin-top:30px; line-height:24px;}
.footer-social {margin-top:20px;} 
.footer-social li {display: inline-block;vertical-align: middle;margin-right:18px;position: relative; width:20px;}
.footer-social li:first-child {margin-left: -.3%;}
.footer-social li a{position: relative;display: block;width:20px;height:20px;opacity: .3;}
.footer-social li a:hover {opacity: 1;}
.footer-social li:hover .ewmshow-1{display: block;}
.footer-social img{ width:100%;}

.footer-copy,.footer-content-bottom a  {color: #999999; font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.footer-content-bottom a:hover {color: #fff; font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}


.social {padding-top:0px;clear: both;}
.social a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; transition:0.3s all ease-in-out; float: left;display: block;/*margin-right:26px;*/ margin-top:28px;}
.social a img{ display: block}
.social a:hover{ }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -45px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 52.5px; }
.social .ewm img { display: block; width: 100%; height:auto; }
.saj-footer .bottom{clear: both;padding:30px 0;overflow: hidden;font-size: 12px;color: #999;order-top: 1px solid #313131;}
.saj-footer .bottom a{color: #999; font-size:15px;}
.saj-footer .bottom .left{color: #999; font-size:15px;}
.left .tel div{color:#999; font-size:15px; line-height:25px;}

.h100{ height:50px;}

@media screen and (max-width: 1680px)
{.footer-nav ul{margin-left:9%;}}

@media screen and (max-width: 1440px)
{.footer-nav ul{margin-left:8%;}}

@media screen and (max-width: 1366px)
{.footer-nav ul{margin-left:7%;}}

@media screen and (max-width: 1280px)
{.footer-nav ul{margin-left:6%;}}