/*basics*/
@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:40px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family:latoblack;
	src: url('../fonts/Lato-Black_0.ttf') format('truetype');
}
@font-face {
	font-family:latoreg;
	src: url('../fonts/Lato-Regular_0.ttf') format('truetype');
}
@font-face {
	font-family:latobold;
	src: url('../fonts/Lato-Bold_0.ttf') format('truetype');
}

body{background:#191816;padding:0;margin:0;color:#eee;font-size:15px!important;line-height:22px!important;font-family: latoreg!important;}
li,ol,ul{padding:0;margin:0;list-style:none;}
input,textarea {outline:none;resize:none;border:none;}
button {border:0px;outline:none;cursor:pointer}
a {text-decoration:none;color:#fff;transition:all .3s}
a:focus,a:hover{color:#c7152f}
* {box-sizing:border-box;padding:0;margin:0;}
img{border:0;vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-weight:400}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
em{font-style:normal}
button,input,select,textarea{vertical-align:middle;font-size:14px;font-family:inherit;line-height:normal;outline:0}
table{border-collapse:collapse}
video{object-fit:contain}
strong {font-family: latobold;}

/*header*/
.header{padding:0 150px;position:relative}
.header:after,.nav-list:after,.search:after {content:"";visibility:hidden;height:0;display:block;clear:both;}
.logo{float:left;display: block;height:120px;position:relative;width:240px;margin-right:20px}
.logo img{max-height:100%;/*max-width:220px;*/display: block;position:absolute;top:50%;left:0;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.mouse-follow-nav {display:table;float:left;height:100%;position:relative;    margin-left: 170px;}
.mouse-follow-nav .nav-list {position:relative;z-index:99;}
.mouse-follow-nav .nav-list li {display:inline-block;float:left;width:auto;position:relative;z-index:99;}
.mouse-follow-nav .nav-list li a {display:block;text-transform: uppercase;padding:0 16px;line-height:120px;font-size:16px;font-family:latobold;color:#fff;text-decoration:none;position:relative;z-index:999;}
.mouse-follow-nav .nav-list li ul{display:none;background:rgb(199, 21, 47);position:absolute;top:100%;left:0;}
.mouse-follow-nav .nav-list li ul li{margin:0;float:none;display: block;}
.mouse-follow-nav .nav-list li ul li a{padding:0 14px;float: none;text-transform: lowercase;display:block;color:#fff;white-space: nowrap;height:42px;line-height:42px;}
.mouse-follow-nav .nav-list li ul li a:hover{background:rgb(199, 21, 47);color:#fff;}
.mouse-follow-nav .nav-list li.smove{position:absolute;bottom:0;height:3px;z-index:90;}
.mouse-follow-nav .nav-list li.smove:after {content:'';width:40px;height:4px;background-color:#c7152f;position:absolute;top:0;left:50%;margin-left:-20px;}
.search {z-index: 9999;position:absolute;right:150px;top:41px;}
.searchtxt{width:218px;height:38px;float:left;background:#0f0f0f;text-indent: 10px;color:#fff;}
.searchbtn{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;border: 2px solid #c7152f;width:61px;height:38px;background:#c7152f url(../images/isearch.png) center center no-repeat;float:left;cursor: pointer;}
.searchbtn:hover{background-color:transparent;background-image:url(../images/isearch-hover.png);-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hemenu {z-index:9999999;display:none;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;position:absolute;right:60px;top:50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform:translate(0,-50%)}
.hemenu i.iconfont {font-size:38px;color:#fff;}

#xyz{right:150px;top:4px;}
@media screen and (max-width:1750px){
	.logo{width:100%;height:90px;margin:0;}
	.search{top:26px;}
	.mouse-follow-nav .nav-list li a{line-height:70px}	
	#xyz{right:442px;top:26px;}
}
@media screen and (max-width:1260px){
	.header{padding:0 60px;}
	.search{right:60px}
	#xyz{right:352px;}
}
@media screen and (max-width:1050px){
	.hemenu{display: block;}
	.search,#xyz{display: none;}
	.mouse-follow-nav{position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index: -1;opacity: 0;}
	.mouse-follow-nav .nav-list {overflow-y: scroll;position:absolute;right:-300px;top:0;padding-top:90px;background:#000;height: 100%;width: 300px;}
	.mouse-follow-nav .nav-list li{float:none;width:100%;}
	.mouse-follow-nav .nav-list li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:48px;display:block;width: 100%;height: 48px;float: none;}
	.mouse-follow-nav .nav-list li a:hover{color:#c7152f}
	.mouse-follow-nav .nav-list li ul{position:static;}
	.mouse-follow-nav .nav-list li ul{width:100%;}
}
@media screen and (max-width:450px){
	.header{padding:0 20px;}
	.hemenu{right:20px}
}

/*footer*/
.footer {padding: 0 70px 25px;background: #111;}
.fotop {position:relative;}
.fotop:after,.fobottom:after,.folist:after,.fonav:after {content:'';display:block;visibility:hidden;clear:both;height:0;}
.fopic {display:block;width:60.7%;float:left;position:relative;top:-130px;}
.foshare {text-align: left;width:39%;padding-left:264px;position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);margin-top:-75px;}
@keyframes rotateAn{
    0%{transform: rotate(0deg); }
    99%{ transform: rotate(180deg); opacity: 0.8; }
    100%{ transform: rotate(180deg); opacity: 0; }
}
@keyframes rotateBack{
    0%{transform: rotate(0deg); }
    99%{ transform: rotate(-180deg); opacity: 0.8; }
    100%{ transform: rotate(-180deg); opacity: 0; }
}
@keyframes rotateOut{
    0%{background: #434343; }
    90%{ background: #434343; }
    100%{ background:transparent; }
}
@keyframes cirShare{
    0%{background: #191816; }
    90%{ background: #191816; }
    100%{ background:#383838; }
}
@keyframes shareI{
    0%{color: #fff; }
    90%{ color: #fff; }
    100%{ color:#191919; }
}
.circle-dev{width:50px;height:50px;border-radius:50%;overflow:hidden;position:relative;margin-right:10px;display: inline-block;}
.circle-dev a {display: block;}
.circin {background:#383838;width:42px;height:42px;border-radius:50%;position:absolute;left:4px;top:4px;text-align:center;line-height:42px;z-index:9;}
.circin i {font-size: 21px;color: #191919;}
.circin.cirshare{animation: cirShare 1s  linear forwards;}
.circin i.shareic{animation: shareI 1s  linear forwards;}
.circle-bg, .circle-alt{ width: 100%; height: 100%; border-radius: 50%; background: transparent; position: absolute; top: 0; left: 0; }
.circle-bg.cirout{animation: rotateOut 1s  linear forwards;}
.circle-alt{ opacity: 0.9;background: transparent;}
.circle-alt-lft, .circle-alt-rht{ position: absolute; width: 50%; height: 100%; top:0; }
.circle-alt-lft{left: 0; overflow: hidden; border-radius: 50% 0 0 50%; }
.circle-alt-rht{ right: 0; overflow: hidden; border-radius: 0 50% 50% 0; }
.circle-alt-lft.ile:after{ background: #434343;display: block; content: ""; width: 100%; height: 100%; transform-origin: right center; animation: rotateAn 0.5s 0.5s linear forwards;}
.circle-alt-rht.irg:after{ background: #434343;display: block; content: ""; width: 100%; height: 100%; transform-origin: left center; animation: rotateAn 0.5s linear forwards;}
.circle-alt-lft.ble{left: auto;right:0;border-radius: 0 50% 50% 0; }
.circle-alt-rht.brg{ right: auto;left:0;border-radius: 50% 0 0 50%; }
.circle-alt-lft.ble:after{ background: #fff;display: block; content: ""; width: 100%; height: 100%; transform-origin: left center; animation: rotateBack 0.5s 0.5s  linear forwards;}
.circle-alt-rht.brg:after{ background: #fff;display: block; content: ""; width: 100%; height: 100%; transform-origin: right center; animation: rotateBack 0.5s  linear forwards;}
.fowor {font-size:19px;line-height:36px;margin-top:40px;}
.fobottom {top: -40px;position: relative;}
.foblf {float: left;/*max-width: 400px;*/}
.foblogo{margin-bottom:8px;}
.fonav{float:right;text-align: center;}
.fonav li{display: inline-block;}
.fonav li a{font-family:latoblack;display:block;line-height:60px;font-size:16px;text-transform: uppercase;padding:0 7px;margin:0 20px;position:relative;color:#fff;}
.fonav li:last-child a{margin-right:0}
.fonav li a:after{content:'';width:100%;height:0px;background:#c7152f;position:absolute;top:56px;left:0;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fonav li a:hover{color:#fff;}
.fonav li a:hover::after{height:4px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.copyright{font-size:16px;color:#595959;margin-bottom: 15px;}
@media screen and (max-width: 1260px){
	.footer{padding: 0 40px 10px;}
	.fopic {top: -100px;}
	.foshare{padding-left:30px;margin-top:-50px;}
	.fowor {font-size: 23px;line-height: 32px;margin-top:25px;}
	.foblf {max-width: inherit;width: 100%;float: none;text-align: center;}
	.foblogo{display: inline-block;}
	.fonav{width:100%;}
	.fonav li a{margin:0 12px;}
	.fonav li:last-child a{margin-right:12px}
}
@media screen and (max-width: 900px){
	.footer {padding-bottom: 30px;}
	.fopic{display: none;}
	.foshare{position: static;margin:0;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);transform: translate(0,0);width: 100%;text-align: center;padding:40px 0 40px;border-bottom:1px dashed #aaa;margin-bottom:40px;}
	.fowor {text-align: center;}
	.fobottom{top:0}
	.fonav li a{margin:0 6px;}
	.fonav li:last-child a{margin-right:6px}
}


.clearfix:after{content:"";display:block;clear:both}
.fl{float:left}
.fr{float:right}
.inner-banner,footer,header{width:100%}
.inner-banner img,footer img,header img{width:100%}
.inner .container{max-width:1366px;padding:0 15px 190px;margin-left:auto;margin-right:auto}
.feedback-box{margin:60px auto 190px;max-width:1366px;padding:0 15px}
.feedback-box form{border:1px solid #666;padding:77px 49px}
.feedback-box .form-title{font-size:1.5rem;margin-bottom:35px}
.feedback-box .input{display:flex;justify-content:space-between}
.feedback-box .input p{color:#aaa;font-size:.9375rem}
.feedback-box .input .lf-box,.feedback-box .input .rt-box{width:45%;display:flex;flex-direction:column}
.feedback-box .ipt-row{flex:0 0 auto}
.feedback-box .ipt-row,.feedback-box .txta-row{display:flex;padding:15px 0;justify-content:space-between}
.feedback-box .ipt-row input{width:70%;height:30px;border:0;background:#333;outline:0;box-sizing:border-box;padding:0 20px;color: #eee;}
.feedback-box .ipt-row input::placeholder{color:#b1b0b0;font-size:.75rem}
.feedback-box .txta-row{height:100%}
.feedback-box .txta-row textarea{height:100%;width:70%;border:0;background:#333;outline:0;box-sizing:border-box;padding:0 20px;color: #eee;}
.feedback-box .feedback-submit{text-align:center;padding-top:50px}
.feedback-box .feedback-submit button{font-size:18px;color:#fff;background-color:#000;border:0;outline:0;transition:all .3s;width:166px;height:33px}
.feedback-box .feedback-submit button:hover{background-color:#c7152f}
.page-title{font-size:2.125rem;text-align:center;border-bottom:1px solid #e2e2e2;padding:50px 0}
html{font-size:16px}
@media only screen and (max-width:1440px){
html{font-size:14px}
}
@media only screen and (max-width:1024px){
html{font-size:12px}
}
@media only screen and (max-width:768px){
html{font-size:10px}
}
@media only screen and (max-width:1260px){
.inner .container {padding-bottom: 160px;}
.feedback-box{margin-bottom:160px;}
}
@media only screen and (max-width:900px){
.inner .container {padding-bottom: 30px;}
.feedback-box{margin-bottom:50px;}
}